@charset "utf-8";
/* CSS Document */
body{ min-width: 1100px; margin: auto; color:#5f5f5f;  font-family:"微软雅黑" ,Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size: 14px; background: #fff; }
.left {
    float: left;
}
.right {
    float: right;
}
.size{ font-size: 16px; }
*, div{ margin: 0;padding: 0; }
ul,ol,li{ list-style: none; }
img{border-style: none; border: 0px;}
h1,h2,h3,h4,h5,h6,b{ font-weight: normal;  font-family: "微软雅黑";font-size: 14px;}
a{ text-decoration: none;color:#666; }
.clear{ clear: both;}
.top{ width:100%; margin: auto;}
.left{ float: left;}
.right{ float: right;}
.logo{ width: 376px; }
.ym{ width: 100%; height: 83px; line-height: 83px;}
.ym i{ display: block; width: 376px; float: left;   }
.ym i img{ margin-top: 13px; }
.ymr{ display: table-cell; width: 724px;   }
.ymr li{ float: right; color: #666; font-size: 16px;}
.ymr li span{ font-weight: bold; color: #ffb649; font-size: 20px; margin-right: 22px; }
.ymr .gjz{ width: 150px; padding-left: 5px; line-height: 27px; border-right: none !important; height: 27px; border-radius: 5px 0px 0px 5px; border: 1px solid #cccccc; }
.ymr .tj{ display: block; float: right; margin-top: 29px;  background:url(../images/soso.jpg) no-repeat; width: 30px; height: 29px; border: 0px; padding-top: 12px;  }
.contain{ width: 1100px; margin:auto;  }
.sc a{ padding:0 10px;}

.menu{ width:100%; height: 56px; border-top: 1px solid #e1e1e1; position: relative; z-index: 2;  }
.menu1 li{ width: 121px; height: 56px; line-height: 56px; text-align: center; float: left; margin-right: 1px;  }
.menu1 li a{ color: #666666; }
.menu1 li a:hover, .menu1 .cut a{ background: url(../images/nav.png) no-repeat top; color: #fff; display: block; }

/* flexslider */
.flexslider{position:relative;height:460px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; top:-4px;}
.slides{position:relative;z-index:1; height: 460px; overflow: hidden;}
.slides li{height:460px;}
.flex-control-nav{position:absolute;bottom:30px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:23px;height:23px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:12px;line-height:40px;overflow:hidden; border:1px solid #5ca2de;cursor:pointer;}
.flex-control-nav .flex-active{ background:#5ca2de;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}



.main{ width: 100%; }
.banbak{ z-index: 22; position: relative; background: url(../images/n_bak.png) 50% 0 no-repeat; background-size: cover; width: 100%; height: 645px; top:-48px; }
.cbox h1{ top:89px; height: 88px; line-height: 88px; position: relative; background: url(../images/comtit.png) no-repeat bottom; display: block; margin: auto; text-align: center; font-size: 38px;  }
.cbox h1 a { color: #4497e7; }

.cbox_con{ position: relative; top:130px; }
.cbox_con i{ width: 532px; height: 386px; display: block; float: left; overflow: hidden;}
.cbox_cl{ width: 442px; height: 393px; border: 8px solid #e2e9f3; position: relative;}

.cbox_cl2{ width: 374px; height: 292px; background: url(../images/cbak_1.jpg) no-repeat center; position: absolute; top:66px; left:-84px;}
.cbox_cl2 img{ width: 191px; height: 159px; display: block;}
.cbox_cl2 b{ font-size: 35.1px; font-weight: bold; color: #1049a3; margin:8px 0px; display: block;}
.cbox_cl2 p{ color: #888888; line-height: 18px;}
.cbox_cl3{ width: 324px; height: 191px; position: absolute;  left: 131px; top:66px;}
.cbox_cl4{ position: absolute; right: -8px; bottom: -11px; z-index: 22;}



/*第二部分 end*/
.cbox2{ background: url(../images/pro_bak.jpg) no-repeat 50% 0; height: 970px; background-size: cover; position: relative;}
.cbox2 h1{ height: 98px; line-height: 98px; background: url(../images/pro_tit.png) no-repeat bottom; display: block; margin: auto; text-align: center; font-size: 38px; padding-top: 67px;}
.cbox2 h1 a{ color: #fff; }
.cboxcon { margin-top: 63px; width: 1023px; margin:60px auto auto;}
.cboxcon ul{ margin-left: -63px;}
.cboxcon ul li{ display: block; width: 481px; height: 583px; background:rgba(255,255,255,0.15); border-radius: 5px; box-shadow: 5px 5px 18px #8bb5da; float: left; margin-left: 53px; display: list-item; position: relative;}
.cboxcon .con1{ width: 382px; margin: auto;}
.cboxcon .con1 h2{ margin-top: 31px; display: block; text-align: center;}
.cboxcon .con1 dl dt{ margin-top: 81px;}
.cboxcon .con1 dl dt img{ width: 385px; height: 254px; display: block;}
.cboxcon .con1 .l1 img, .cboxcon .con1 .l2 img{ transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.6s ease-in-out;
            -moz-transition: All 0.6s ease-in-out;
            -o-transition: All 0.6s ease-in-out;}	
.cboxcon .con1 .l1 img:hover, .cboxcon .con1 .l2 img:hover{   transform: rotate(180deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg); 
			}	
.cboxcon .con1 dl dd{ font-size: 25px; color: #539fea; margin-top: 45px; text-align: center;}
.cboxcon i{ display: block; text-align: center; width: 74px; height: 75px; position: absolute;  bottom: -41px; margin: auto; left: 206px; z-index: 22;}
.cboxcon i img{ display: block; text-align: center;}

.cboxcon ul li:hover .conz2{ display: block; z-index: 1; background: rgba(0,0,0,0.5);  }

.conz2{ /*display: none;*/ background: rgba(0,0,0,0.5); position: absolute; left: 0px; top:0px;width: 481px;
    height: 583px; display:none; z-index: 1;   }
.conz2 dl dt{ color: #fff; text-align: center; display: block; margin-top: 80px; font-size: 36px; }
.conz2 dl dd{ font-size: 16px; color: #fff; padding: 15px; margin-top: 35px; line-height: 35px; }

/*第三部分*/
.box_ne{ width: 100%; background:#fff url(../images/news_22.png)  no-repeat 50% 0%; background-size: cover; height: 614px;  position: relative;}    
.box_ne h1{  height:108px; line-height:108px; background: url(../images/comtit.png) no-repeat bottom; display: block; margin: auto; text-align: center; font-size: 38px;  }
.box_ne h1 a { color: #4497e7; }
.box_con{ float:right; width: 770px; margin-right: 30px; margin-top: 74px; position: relative;}
.box_con ul li{ height: 50px; border: 1px dashed #c5c5c5; line-height: 50px; border-radius: 20px; box-shadow: 3px 3px 10px #dcd8db; margin-bottom: 13px; background: url(../images/news_b.jpg) no-repeat 17px center;}
.box_con ul li a{ margin-left: 52px; }
.box_con ul li a span{ float: right; margin-right: 22px;}
.box_con i{ width:124px; height: 82px; display: block; position: absolute; right: 0px; top:-83px;}
.box_con ul li:hover{ border: 1px dashed #98c8e5; }
.box_con ul li:hover a{ color: #4497e7;}


/*FOOT*/
.foot{ width: 100%; height: 200px; }
.foot i{ background: url(../images/footbak.png) no-repeat 50% 0; background-size: cover; height: 26px; width: 100%; display: block;}
.foot1{ background: #279fd2; height: 174px; width: 100%;}
.foot1 ul{ width:940px; margin: auto; margin-bottom: 10px;}
.foot1 ul li{ height: 94px; line-height: 94px; border-bottom: 1px solid #57b5dd;}
.foot1 ul li a{ font-size: 16px;  margin:0  21px; color: #fff;}
.foot1 p{ color: #FFF; text-align: center; line-height: 30px; height: 30px;}





/*关于我们*/
.flexslider1{ position:relative;height:370px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; top:-4px; }
.flexslider1 i{ background: url(../images/nban1.png) no-repeat 50% 0 ; display: block; width: 100%; height: 370px;  }
.nmain{ width: 1100px; margin: auto; overflow: hidden; margin-bottom: 50px;}
.ntit_1{ height: 37px; line-height: 37px; margin-top: 45px; }
.ntit_1 h1{ background: url(../images/n_dibiao.png) no-repeat 5px center; padding-left: 25px; float: left; color: #666666; width: 426px; }
.ntit_1 h6{ float: right; }
.ntit_1 h6 a{ width: 99px; height:36px; background: #0080cc; line-height: 36px; text-align: center; display: block; color: #fff; }
.nmain_z{ border: 1px solid #cdcdcd; min-height: 500px; overflow: hidden;}
.ncon .atit{ background: url(../images/comtit.png) no-repeat center bottom; height: 70px; display: block; text-align: center; line-height: 70px;  color: #4497e7; font-size: 28px; padding-bottom: 8px;}
.acon{ width: 1060px; margin: auto;}
.acon i{ width: 594px; height: 364px;  display: block; border-right: 5px; background: url(../images/a_img.png) no-repeat center center; /*margin-top: 50px;*/ float: left;}
.acon1{ /*padding-top: 50px;*/ margin-left: 19px; padding-bottom: 50px;}
.acon1 p{ text-indent: 2em; line-height: 32px;}


/*联系我们*/
.acon{ margin-top: 50px;  line-height: 32px; }
.map{ float: left; margin-right: 44px; margin-bottom: 20px;}
.cbox{}
.cbox li{ line-height: 40px; font-size: 16px;}

/*新闻详情*/
.newcon dl{ margin: 0 20px;}
.newcon dl dt h1{ font-size: 18px; color: #4497e7; margin-top: 20px;}
.newcon dl dt{ line-height: 50px; display: block; text-align: center; }
.newcon dl dt span{ margin-left: 15px;}
.newcon dl dd p{  text-indent: 2em; line-height: 35px;}
.newcon .x{ border-bottom: dashed 1px #bfbfbf; border-top: dashed 1px #bfbfbf; padding: 30px 0;}
.newcon .nest{ line-height: 75px;}
.newcon .nest a:hover{ color: #0080cc;}

/*新闻列表页*/
.nws_1, .nwst1{ width: 1069px !important; margin: 0 11px;}
.nwst1{ margin: 45px auto; overflow: hidden;}
.nwst1 img{ display: block; float: left; width: 324px; height: 211px;}
.nwst1 dl{ display: block; float: left; margin-left: 40px; width: 700px;}
.nwst1 dl dt{ position: relative; height: 60px; line-height: 60px; font-size: 18px;  color: #4497e7;}
.nwst1 dl dt span{ position: absolute; right: 0px; }
.nwst1 dl dd{ font-size: 16px; line-height: 35px;}
.nwst1 .font{ color: #ffb649;}
.nws_1{ padding-bottom: 20px;}


.page{ display:table; margin:50px auto;}
.page a{display:block; float: left; margin: 0 5px;}
.page .a{width: 21px; height: 21px; border: 1px solid #0080cc;  text-align: center; border-radius: 8px;}
.page .a:hover{ background: #0080cc; color: #fff;}

/*产品展示*/
.ntit_2{ min-height: 37px; line-height: 37px; margin-top: 45px; overflow: hidden; margin-bottom: 10px; }
.ntit_2 a{ margin-right: 2px; padding: 0 10px; height:36px; background: #5ac5f5; line-height: 36px; text-align: center; display: block; color: #fff; display: block; float: left; margin:5px 2px; width: 98px; }
.ntit_2 a:hover, .ntit_2 .cur{ background: #0080cc; }
.procon1{margin-left: -10px; margin-top: 40px;}
.procon1 li{ margin-bottom: 41px;  border: 2px solid #99d0ff; border-radius: 12px; float: left; margin-left: 21px; display: block;  width: 341px; height:447px;}
.procon1 li i {  width: 234px; height: 369px; display: block;  margin:10px auto 0px;}
.procon1 li img{ display: block; width:100%; height:auto; }
.procon1 li a{  display: block; width:341px;}
.procon1 li p{ font-size: 18px; position: relative; background: url(../images/protitm2.png) no-repeat bottom; display: block; bottom: -3px;z-index: 2; height: 66px; line-height: 66px; color: #fff; padding-left: 11px; }
.procon1 li p span{ display: block; position: absolute; right: 53px; top:0px; }
.procon1 li:hover{ border: 2px solid #5ac5f5; }
.procon1 li:hover a p{ background: url(../images/protitm1.png) no-repeat bottom; z-index: 3;  }

/*产品详情页*/
.pro1con{ width: 1061px; margin:40px auto 20px; }
.pro1img { width: 341px; height: 372px; border: 1px #5ac5f5 solid; border-radius: 12px; }
.pro1img img{ display: block; width: 195px; height: 299px; margin: 36px auto; }
.prde{ width: 708px; height: 372px; border: 1px #5ac5f5 solid; border-radius: 12px; background:url(../images/pro_b.png) no-repeat left center ;   }
.prde dl{ margin: 52px 98px auto; }
.prde dl dt{ font-size: 20px; color: #0080cc; font-weight:bold; margin-bottom: 40px; }
.prde dl dd:first-child { top:-5px; }
.prde dl dd{ line-height: 44px; font-size: 16px; padding-left: 35px; }
.prodecon{ margin-top: 22px; }
.prodecon h2{ background: url(../images/proh1.png) no-repeat left center;  height: 55px; line-height: 60px;margin: 0px; padding: 0px; font-size: 18px; padding-left: 64px; color: #fff; }
.contde{ margin: 40px 21px; }
.contde p, .contde b,  .contde *{ line-height: 30px; }













/*人才招聘*/
.titi h2{ color:#444; font-size: 18px; margin-top: 50px; display: block; text-align: center; margin-bottom: 20px; }
.titi { line-height: 30px; font-size: 16px; color: #666; }
.ren{ width: 1013px; margin:auto;  }
.ren h6{ margin-top: 40px; display: block; clear: both; width: 1013px; height: 50px; background: #d0f8ff; border: 1px solid #5cbdf6; line-height: 50px;}
.ren h6 span{ display: block; float: left; width: 20%; text-align: center; color: #0080cc;}
.join-zp{ margin-top: 10px;}
.join-zp li{ position: relative;  min-height: 50px; color:#444; border-bottom:1px #dedede solid;  background:#fff;}
.xs{ background:url(../images/xs.jpg) no-repeat right top ; display:block; float: right; width:19px; height: 14px;}
.zpxx{ text-indent:2em; color:#333;line-height: 25px; display: none;}
.zp-lx{text-indent:2em; line-height: 25px; padding:10px 0; font-size:16px; color:#333;}
.zp-lx font{ color:#F00; margin:0px; float:none;}
.cpzx{ margin-top:5px;}
.hxzz { margin-top:5px;width: 780px;}
.hxzz li{ width: 238px;text-align: center; float:left;margin-right: 22px;overflow: hidden;padding: 7px 0 50px;background: url(../images/pic53.jpg) no-repeat;height: 235px;background-size: 100% 100%;}
.hxzzli2{margin: 10px 24px;}
.hxzz li a{  font-size: 16px;line-height: 25px;width: 150px;display: block;margin: -7px auto; cursor:default;}
.hxzz li a:hover{ color:#F00; cursor:default;}
.hxzz li div{overflow: hidden;}
.hxzz li div a img{width: 215px;height: 153px;margin-left: -32px;margin-top: 5px;}
.hxzz-li2{margin: 0px 19px;}
.zpxx1{ display:block; }
.join-zp li:hover h1, .join-zp li:hover .more2{ color: #6dc7d0; }
.join-zp h1{ overflow: hidden; font-size: 14px;  color:#444444; line-height: 20px;  background: url(../images/sanjiao.jpg) no-repeat left 18px; display:block; clear: both; }
.join-zp h1 span{ display: block; float: left; width: 20%; text-align: center; margin-top: 15px; line-height:30px;}
.join-zp li:hover h1{ background: url(../images/sanjiao1.jpg) no-repeat left 18px; }
.join-zp .more2{ position:absolute; right:55px; font-size: 14px; color:#666666; top:29px;}
.zpxx1, .zpxx{  margin-bottom: 20px; border-top:1px solid #f2f3f4; padding-left: 55px; padding-top: 20px; }
.zpxx1 p, .zpxx p{ line-height: 35px;}
.zpxx1 p:nth-child(1), .zpxx p:nth-child(1){color:#444444; font-size: 14px; display: block; text-align: left;}

/*遮罩层*/

<!--.item2 .caption{display:none;}-->
/* 2 */
.item2{position:relative;float:left;margin-right:3px;width:157px;height:203px;overflow:hidden;cursor:pointer;}
.item2 .caption{position:absolute;left:0;display:none;width:157px;height:203px;color:#fff;font-weight:bold;background:url(images/demo02.png) no-repeat;}
.item2 h3{margin:10px 0 5px;height:25px;text-indent:-10000px;background:url(images/demo03.png) no-repeat 0 -10px;}
.item2 p{padding:0 12px;margin:0;line-height:20px;text-indent:2em;font-size:12px;color:#fff;font-weight:normal;}
.item2 img{border:0;position:absolute;}
.item2-txt{position:absolute;left:0;top:120px;width:100%;height:40px;text-align:center;color:#FFF;overflow:hidden;background:url(images/demo02.png) no-repeat;}