@charset "utf-8";
/* CSS Document */

body{ margin:0; height: 100%;padding:0;border: 0;  font-family:"微软雅黑"; }

*{ margin: 0; padding: 0; border: 0; }







 







/*------------------------------------------------indexbanner star---------------------------------------------------------------*/
.slider {position: absolute;width: 100%;height: 100%;overflow: hidden;}
.box {width: 100%; height: 100%;text-align: center;font-size:1em;color: #fff;text-transform: capitalize;vertical-align:middle; 
        background-position: center;background-repeat: no-repeat;background-size: cover;}
.slides {height: 100%;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;
          -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
          -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
          transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.slide {height: 100%;float: left;clear: none; list-style-type: none;}
.slider-arrow {position: absolute;display: block;margin-bottom: -20px;width: 60px;height: 60px;line-height: 60px;text-decoration: none;    opacity: 1;
		    	text-align: center;color: #fff;font-size: 2em;background-color: #333;background-color: rgba(50,50,50,.3);border-radius: 50%;}
.slider-arrow--right { bottom: 50%; right: 30px; }
.slider-arrow--left { bottom: 50%; left: 30px; }
.slider-nav {position: absolute;bottom: 30px;}
.slider-nav__item {width: 1.6em;height:1.6em;float: left;clear: none;display: block;margin: 0 5px;background: #fff;border-radius: 50%;}
.slider-nav__item:hover { background: #2F318B; }
.slider-nav__item--current { background: #2F318B; }


.banner1{ width:90%; margin:0 auto; overflow:hidden; padding-top:16%; letter-spacing: 2px; }
.banner1 h1,.banner1 h2,.banner1 h3,.banner1 h4{ margin:0 auto; text-align:center;}
.banner1 h1{ background-color:rgba(82, 84, 210, 0.3); width:100%; font-size:4em;   font-weight:normal;       margin-bottom: 2%;}
.banner1 h1 span{ color: #2F318B;}
.banner1 h2{  width:70%;  font-size:4em; font-family: Arial;font-weight: normal;line-height: 1em;color: #FFF;    margin-bottom: 2%;}
.banner1 h4{ background-color:#EF8641; width:16%; line-height:2.2em; margin-top:1%; border-radius: 2px; font-size:16px; font-weight:normal;  }

.banner2{ width:70%; margin-left: 40%; overflow:hidden; padding-top:16%; letter-spacing: 2px; }
.banner2 h1{    font-size:3em;  text-align:left; font-weight:normal; padding-top:1%; padding-bottom:1%;   }
.banner2 h2{   text-align:left; font-size: 3em; padding-top:1%; padding-bottom:1%; font-weight:600;   }
.banner2 h2 span{ color: #2F318B;    }
.banner2 h3{ text-align:left;  padding-left:1.4%; font-size:1em; font-weight:normal; padding:1%; line-height:2em;  color: #fff; width:80%; }
.banner2 h4{ background-color:#EF8641; width:18%; line-height:2em; margin-top:1%; border-radius: 2px; font-size:16px; font-weight:normal;  }

.banner3{ width:90%; margin:0 auto; overflow:hidden; padding-top:16%; letter-spacing: 2px; }
.banner3 h1{ color: #fff;font-size:3em;  text-align:left; font-weight:normal;   }
.banner3 h2{ color: #CED0FF;font-size:3.6em; text-align:left;     font-weight:600;   }
.banner3 h3{ color: #fff; text-align:left;  font-size:1em; font-weight:normal; line-height:2em;   }
.banner3 h4{ background-color:#EF8641; width:10%; line-height:2em; margin-top:1%; border-radius: 2px; font-size:16px; font-weight:normal;  }

.banner4{ width:90%; margin:0 auto; overflow:hidden; padding-top:16%; letter-spacing: 2px; }
.banner4 h1{ color: #eee; text-align:left; font-size: 3em;}
.banner4 h2{ color: #2F318B;text-align:left;  font-size:2.1em; font-weight:600; line-height:2em;   }
.banner4 h3{ text-align: left;font-weight: normal;font-size: 1em; }
.banner4 h4{ background-color:#EF8641; width:10%; line-height:2em; margin-top:1%; border-radius: 2px; font-size:16px; font-weight:normal;  }


.banner5{ width:90%; margin:0 auto; overflow:hidden; padding-top:16%; letter-spacing: 2px; }
.banner5 h1{ color: #eee; width:64%; text-align:left; font-weight:normal;font-size: 1.4em;}
.banner5 h2{ text-align: left;font-size: 3em; line-height:2em;}
.banner5 h2 span{color: #515298; font-size: 1.6em;}
.banner5 h3{ color: #eee;text-align:left;  font-size:2em; font-weight:normal; line-height:2em;   }
.banner5 h4{ background-color:#EF8641; width:10%; line-height:2em; margin-top:1%; border-radius: 2px; font-size:16px; font-weight:normal;  }

/*------------------------------------------------indexbanner end---------------------------------------------------------------*/














/*------------------------------------------------indexnews star---------------------------------------------------------------*/
.home2{ width:100%; margin:auto; overflow:hidden; background-color:#F6F6F6;padding-bottom: 5%;    padding-top:56%;}
.tab_box {width:100%;margin:20px auto;}
.lyz_tab_left {float: left;width: 100%;height: auto !important; }
.pro_con1111 {float: left;overflow: hidden;width: 249px;height: auto;}
.pro_con111 UL {padding: 0px;width: 100%;list-style-type: none;}
.pro_con111 UL LI { display: inline; font-size: 1.2em;float:left; background-color:#2F318B; margin-bottom: 2rem;width:20%; margin-left:4%; cursor: pointer;color: #fff; line-height: 3.8rem; text-align:center;border-radius:2px;}
.pro_con111 UL LI.hover {display: inline;  float: left; width: 20%;;cursor: pointer;color: #fff;   background-color: #3053C8;  text-align:center;}
.lyz_tab_right {display: inline; float: left; width: 92%;padding-top: 20px; margin-left:4%;  }
.clear {clear:both}
.home2tableleft{ float:left; width:40%; }
.home2tableright{ float:right; width:100%;  }
.news1{background-color: #fff;width: 31%; float: left; margin: 1.1%;}
.news1 h1{ width: 100%;    margin-top: 0;}
.news1 h1 img{ width:100%; }
.news1 h2{ color: #2F318B;font-weight: normal; border-bottom:1px solid #888; padding-bottom: 6%; width:96%; margin:0 auto; text-align:center;font-size:1.3em; padding-top: 4%;}
.news1 h3{ color: #777;font-weight: normal; font-size:1em;width:86%; margin:0 auto; text-align:center;padding-top: 6%; padding-bottom: 6%; }
.news1 h4{ width:41%; margin: 0 auto; padding-bottom: 6%; line-height: 2em; font-weight:normal; color:#000;}
.news1 h4 span{ opacity: 0.5;margin-right: 2%;float: left; width: 20%;overflow: hidden;display: block;}

.read_more{text-align:center;}
.read_more a{color:#999;font-size:1em;text-align:center;}
.read_more a:hover{border-bottom:1px solid #999;}

/*------------------------------------------------ indexnews end---------------------------------------------------------------*/










/*----------------------------------------------------------indexdemo star-----------------------------------------------------------------------------*/
.demo{background-color:#F6F6F6; overflow:hidden; width:100%;}

.demotop{ background-color:#32348D; width:100%; overflow:hidden; }
.demotopon{ width: 42.6%;margin-left: 5%;    background-color: #3053C8;float: left; margin-top: 1%; margin-bottom: 1%;border-radius: 2px;}
.demotopon h1{float: left;    padding-left: 4%;margin-bottom: 0; margin-top: 0;}
.demotopon h1 img{ margin-top:10%; }
.demotopon h2{float: left; margin-left: 3%;}
.demotopon h2 span{padding-top: 5%;line-height: 1.8em;width: 100%;display: block;color: #fff;font-size: 15px;font-weight: normal;}
.demotopon h2 b{ color: #fff; font-weight: normal;}
.demotopon h3{float: right; color: #fff; margin-right: 5%;}

.demobottom{  overflow:hidden; width:90%; margin:0 auto;     padding-top: 5%;}
.demobottomleft{ float:left; width:50%}
.demobottomleft h1{ color: #2F318B; font-size: 3.6em;  font-weight:normal;    margin-top: 0;margin-bottom: 1%; }
.demobottomleft h2{ color: #2F318B; font-size: 2.2em; font-weight:normal; margin-top: 0;line-height: 2em; border-bottom:2px solid #ccc; padding-bottom: 3%;margin-bottom: 3%; }
.demobottomleft h3{color: #2F318B;font-size: 1.3em;font-weight: normal;     margin-bottom: 14%;}
.demobottomleft h4{    background-color: #2F318B;width: 22%;text-align: center;line-height: 3em; font-weight: normal;}
.demobottomleft h4 a{color: #fff; display:block; width:100%;    text-decoration: initial; }
.demobottomright{ width:42%;  float:right;}
.demobottomright img{ width:100%; }

/*----------------------------------------------------------indexdemo end-----------------------------------------------------------------------------*/











/*----------------------------------------------------------indexcase star-----------------------------------------------------------------------------*/
.index_case{width:100%;margin-top: 3%;}
.index_case li{width:33.3%;float:left;line-height: 3em;}
.index_case li .ico{color:#1E2188; margin-left: 0.5em;}
.index_case li span{color:#777;     font-size: 1.2em;}
/*----------------------------------------------------------indexcase end-----------------------------------------------------------------------------*/




/*----------------------------------------------------------indexjob star-----------------------------------------------------------------------------*/

.job{ width:90%; margin:0 auto; overflow:hidden; padding-bottom: 5%;}
.job h1{ color:#777; border-bottom:2px solid #000; padding-bottom: 1%;font-weight: normal;font-size: 2.9em;margin-top: 5%;margin-bottom: 0; }

.read_more{text-align:center;}
.job h1 span{float: right;}
.job h1 span a{color:#999;font-size:0.3em;text-align:center;}
.job h1 span a:hover{border-bottom:1px solid #999;}

.jobtie{ width:100%; overflow:hidden; }
.jobtie h1{ margin:1%;float:left; color:#2F318B;font-size: 1.5em; width: 60%;border-bottom: 0px solid #000;}
.jobtie h2{ margin:1%;float:left; color:#2F318B; font-size: 1.5em;font-weight: normal; padding-left: 1%; border-bottom: 0px solid #000;padding-left: 0;margin-left: 0;}

.cz_employ{padding:0 2px;margin:20px auto;}
.cz_employt{height:110px;border-bottom:1px dashed #eee;}
.cz_employtl{float:left;margin-top:15px;}
.cz_employtr{float:right;margin-top:15px;}
.cz_employc_b{margin: auto; width: 100%;}
.cz_employc_bt {height:2.6em; }
.cz_employc_bt.a{background:#ededed;border-bottom: 1px solid #eee;}
.cz_employc_bt div{line-height:2.2em;color:#777;padding-left:1%;float:left;display:block;font-size:1.2em;}
.cz_employc_bt .a{width:60%; }
.cz_employc_bt .b{ font-size: 1em;}
.cz_employc_bt .c{width:170px;}
.cz_employc_bt .a.cz_a{text-align:left}
.czem_a_cont{display:none; overflow:hidden;}
/*.czem_a_cont p{color:#C4C4C4;font-size:12px;line-height:25px;margin:5px 0;}*/
.cz_employc_bt.bo{cursor:pointer;    overflow: hidden;}
.cz_employc_bt.bo:hover{ background-color:#f2f2f2;  }
.czem_a{   border-bottom:1px solid rgba(255, 255, 255, 0.31); }
.czem_a_cont .pre{ background-color: #F7F7F7; color:#777; font-size:0.8em; font-family:"微软雅黑"; margin-top:0; padding: 5%;float:left;width:95%;line-height: 30px;}
/*----------------------------------------------------------indexjob en-----------------------------------------------------------------------------*/



 





/*----------------------------------------------------------footer star-----------------------------------------------------------------------------*/
.footer{ background-color:#F0F0F0; overflow:hidden; width:100%; }
.foottop{ width:90%; margin:0 auto; padding-top: 2%;}
.footertopone{ float: left;    width: 18%;margin-bottom: 5%; overflow:hidden;}
.foottopk{ float:left; width:9%;height: 1em}
.footertopone h1{ line-height:1.8em;}
.footertopone h1 a{text-decoration: blink;font-size:0.8em; color:#000000;font-weight: normal; display: block;width: 100%;}
.footertopone h2 a{ text-decoration: blink;    font-size: 0.65em;font-weight: normal;color: #818181;}
.footertopone h2{ line-height: 1.2em;}
.footerbottom{ width:90%; margin:0 auto; overflow: hidden; padding-bottom: 3%;}
.footerbleft{ float: left;}
.footerbleft h1{ line-height:2em; }
.footerbleft h1 img{ width: 100%;}
.footerbleft h2{     line-height: 3em;color: #818181;font-weight: normal;font-size: 0.9em;text-align: center;overflow: hidden;}
.footerbright{ float:right; padding-top: 4%; }
.footerbright p{text-align: right;font-size: 1em;color: #818181; line-height: 2em;}
.footerbright h1{    color: #ACACAC;text-align: right;font-weight: normal;font-size: 0.8em;line-height: 4em;}
.footerbright h1 a{color: #ACACAC;}
.footerbright p span{ font-weight: bold;color: #000;font-family: arial;font-size: 1.6em; margin-left: 2%;margin-right: 2%;}
/*----------------------------------------------------------footer end-----------------------------------------------------------------------------*/



.banner1 a,.banner2 a,.banner3 a,.banner4 a,.banner5 a{ color:#fff; }












 
@media only screen and (min-width:1700px) and (max-width: 2400px){


.banner1{ width:90%; margin:0 auto; overflow:hidden; padding-top:16%; letter-spacing: 2px; }
.banner1 h1,.banner1 h2,.banner1 h3,.banner1 h4{ margin:0 auto; text-align:center;}
.banner1 h1{     line-height: 2em; background-color:rgba(82, 84, 210, 0.3); width:100%; font-size:5em;   font-weight:normal;       margin-bottom: 3%;}
.banner1 h1 span{ color: #2F318B;}
.banner1 h2{  width:100%;  font-size:4em; font-family: Arial;font-weight: normal;line-height: 1em;color: #FFF;    margin-bottom:3%;}
.banner1 h4{ background-color:#EF8641; width:16%; line-height:2.2em; margin-top:1%; border-radius: 2px; font-size:1.4em; font-weight:normal;  }

.banner2{ width:80%; margin-left: 30%; overflow:hidden; padding-top:16%; letter-spacing: 2px; }
.banner2 h1{    font-size:3em;  text-align:left; font-weight:normal; padding-top:1%; padding-bottom:1%;   }
.banner2 h2{   text-align:left; font-size: 4.6em; padding-top:1%; padding-bottom:1%; font-weight:600;   }
.banner2 h2 span{ color: #2F318B;    }
.banner2 h3{ text-align:left;  padding-left:1.4%; font-size:1.4em; font-weight:normal; padding:1%; line-height:2em;  color: #fff;}
.banner2 h4{ background-color:#EF8641; width:20%; line-height:2em; margin-top:1%; border-radius: 2px; font-size:1.4em; font-weight:normal;  }

.banner3{ width:90%; margin:0 auto; overflow:hidden; padding-top:16%; letter-spacing: 2px; }
.banner3 h1{ color: #fff;font-size:3em;  text-align:left; font-weight:normal;   }
.banner3 h2{ color: #CED0FF;font-size:4.4em; text-align:left;line-height: 2em;font-weight:600;   }
.banner3 h3{ color: #fff; text-align:left;  font-size:1.4em; font-weight:normal; line-height:2em;   }
.banner3 h4{ background-color:#EF8641; width:12%; line-height:2em; margin-top:1%; border-radius: 2px; font-size:1.4; font-weight:normal;  }

.banner4{ width:90%; margin:0 auto; overflow:hidden; padding-top:16%; letter-spacing: 2px; }
.banner4 h1{ color: #eee; text-align:left; font-size: 5em;}
.banner4 h2{ color: #2F318B;text-align:left;  font-size:3em; font-weight:600; line-height:2em;   }
.banner4 h3{ text-align: left;font-weight: normal;font-size: 1.6em; }
.banner4 h4{ background-color:#EF8641; width:12%; line-height:2em; margin-top:1%; border-radius: 2px; font-size:1.4em; font-weight:normal;  }


.banner5{ width:90%; margin:0 auto; overflow:hidden; padding-top:16%; letter-spacing: 2px; }
.banner5 h1{ color: #eee; width:64%; text-align:left; font-weight:normal;font-size: 1.8em;}
.banner5 h2{ text-align: left;font-size: 4em; line-height:2em;}
.banner5 h2 span{color: #515298; font-size: 1.6em;}
.banner5 h3{ color: #eee;text-align:left;  font-size:2.4em; font-weight:normal; line-height:2em;   }
.banner5 h4{ background-color:#EF8641; width:12%; line-height:2em; margin-top:1%; border-radius: 2px; font-size:1.4em; font-weight:normal;  }





}