﻿
/*pc端样式*/
.head{ height:94px; position:relative; z-index:1000;width: 100%;}
.head .fl{width: 40%;background: #4383c3;height:94px;}
.head .fr{width: 60%;background:#fff;height:94px;}
.logo{width:269px;height: 47px;background:url(../images/logo.png) no-repeat center;margin-top: 24px;float: right;margin-right: 140px;}
.nav {width:auto;position:relative;z-index:111;border-left: 2px solid #fff;}
.nav li {height:94px;line-height:94px;width:95px;text-align:center;float:left;position:relative;border-right:2px solid #edf0f4;}
.nav li a {display:block;font-family:"Microsoft Yahei";font-size:14px;color:#737070;width:auto;height:94px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nav li:hover a,.nav li.on a {background:#7cb3e3;color:#fff;}
.nav li .second-nav {width:95px;display:none;position:relative;left:0;top:0;height: auto;padding-top: 8px;background:url(../images/sy16.png) repeat-y center;}
.nav li .second-nav li {position:relative;width:100%;height:32px;line-height:32px;color:#5f5c5c;background:url(../images/sy16.png) repeat-y center;text-align:center;border:0;}
.nav li .second-nav li a {color:#4f4f4f;font-size: 14px;}
.nav li .second-nav li:hover,.nav li .second-nav li.active{background:url(../images/sy17.png) repeat-y center;color: #fff;}
.nav li:hover .second-nav li a{background: none;}
.nav li .second-nav li a:hover,.nav li .second-nav li.active a{border-bottom: 0;height:32px;line-height:32px;color: #fff;}
/*header-end*/
/*footer*/
.foot{width: 100%;height:107px;background: #fff;clear: both;font-size: 15px;}
.foot .foot_fl{width: 40%;}
.foot .foot_fr{width: 60%;}
.foot .foot_fl p{width: 90%;height: 80px;line-height: 80px;background: #fafafa;color: #6b6868;text-align: right;padding-right: 10%;}
.foot .foot_fr p{width: 95%;height: 80px;line-height: 80px;background: #4785c4;color: #fff;padding-left: 5%;}
/* 分页 */
.more_box{height:110px;width:auto;margin:40px auto 0;clear: both;float: left; position: relative; left: 50%;}
.more_box .more_ssp { position: relative;left: -50%;width: auto;height: 110px;float: left;}
.more_ssp span,.more_ssp a {float:left;width:auto;height:38px;line-height:38px;font-size:14px;color:#888;border:1px solid #d8d8d8;margin-right:12px;padding:0 14px;
	text-align:center;background-color:#fff;cursor:pointer;vertical-align:middle;}
.more_ssp span:hover,.more_ssp a:hover,.more_ssp span.active,.more_ssp a.active{width: auto;background: #5dba64;color: #fff;border:1px solid #5dba64;height: 38px;line-height: 38px;padding:0 14px;}
.more_ssp span.current{background: #5dba64;color: #fff;border:1px solid #5dba64;}
.more_ssp .prev,.more_ssp .next{width: 98px;background: #e9e9e9;font-size: 14px;color: #949494;}
.more_ssp .prev:hover,.more_ssp .next:hover,.more_ssp .prev.active,.more_ssp .next.active{background: #5dba64;color: #fff;border:1px solid #5dba64;width: 98px;}

/*首页banner*/
.banners .flexslider {position:relative;width:100%;height:760px;overflow:hidden;zoom:1;left:50%;margin-left:-50%;clear:both;top:-1px;}
.banners .flex-viewport {max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.banners .flexslider .slides {zoom:1}
.banners .flexslider .slides .img {height:760px;display:block}
.banners .flex-control-nav {position:absolute;bottom:30px;text-align:center;left:47%;padding:0;}
.banners .flex-control-nav li {margin:0 5px;display:inline-block;zoom:1;float: left;}
.banners .flex-direction-nav{display: none;}
.banners .flex-control-paging li a {background:#fff;display:block;height:14px;width:14px;overflow:hidden;text-indent:-99em;cursor:pointer;border-radius: 14px;margin:0 5px;}
.banners .flex-control-paging li a.flex-active {background:#4383c3;}
/*产品中心*/
.item{padding-top: 100px;}
.item h1{color: #6b6868;line-height: 27px;text-align: center;font-size:27px;padding-bottom: 13px;font-weight: normal;}
.item h5{font-size: 16px;color: #999;font-weight: normal;line-height: 16px;margin:15px auto 40px;width: 1200px;text-align: center;}
.item .info{font-size: 16px;color: #666;text-align: center;line-height: 30px;}

/*解决方案*/
.item1{background: #fff;height: 539px;}
ul.zx_info{height: 330px;overflow: hidden;margin:55px auto 0;width: 1185px;}
ul.zx_info li{width: 353px;height: 330px;float: left;margin-right: 42px;}
ul.zx_info li .li_img{width:353px;height: 202px;overflow: hidden;}
ul.zx_info li .li_img img{width:100%;height: 100%;-webkit-transform:scale(1);transform:scale(1);transition:all linear 0.2s;}
ul.zx_info li .li_img img:hover{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);z-index:1;}
ul.zx_info li h2{font-size: 27px;color: #4785c8;line-height: 27px;font-weight: normal;margin:16px 0;}
ul.zx_info li h2 img{vertical-align: middle;margin-right: 5px;margin-top: -2px;}
ul.zx_info li p{text-align: left;font-size: 16px;color: #6b6868;line-height: 30px;max-height: 60px;overflow: hidden;}
/*共享*/
.item2{padding-top: 0;}
.item2 ul li{float: left;height: 354px;position: relative;overflow: hidden;}
.item2 ul li img{vertical-align: middle;width: 100%;height: 100%;-webkit-transform:scale(1);transform:scale(1);transition:all linear 0.2s;}
.item2 ul li img:hover{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);z-index:1;}
.item2 ul li.li1{width: 15%;background: #4686c5;text-align: center;color: #fff;}
.item2 ul li.li1 h2{font-size: 36px;line-height: 36px;margin:142px 0 13px;font-weight: normal;}
.item2 ul li.li1 p{font-size: 24px;line-height: 24px;color: #fff;}
.item2 ul li.li2{width: 35%;}
.item2 ul li.li2 p{position: absolute;top:35px;left:30px;font-size: 24px;color: #fff;font-weight: bold;}
.item2 ul li.li3{width: 15%;}
/*关于我们*/
.item3.this{height: auto;}
.item3 {background-color:#fff;width: 100%;height: 530px;}
.item3 .conts_fl{width: 706px;}
.item3 .conts_fl .title_fl{margin-bottom: 22px;}
.item3 .conts_fl .title_fl h2{font-size: 27px;color: #6b6868;line-height: 27px;font-weight: normal;margin-bottom: 20px;}
.item3 .conts_fl .title_fl h3{font-size: 31px;line-height: 31px;color: #898585;font-weight: normal;}
.item3 .conts_fl .title_fl h3 span{color: #4686c5;}
.item3 .conts_fl a.more{display: block;width: 95px;height: 28px;border:1px solid #e4e4e4;font-size: 12px;color: #b5b5b5;line-height: 28px;padding-left: 20px;margin-top: 39px;border-radius: 2px;}
.item3 .conts_fl a.more span{display: block;width: 28px;height: 28px;background: url(../images/sy18.png) no-repeat #468dd5 center;float: right;}
.item3 .conts_fr{margin-top: 25px;width: 388px;height: auto;overflow: hidden;}
.item3 .conts_fr img{width: 100%;height: 100%;-webkit-transform:scale(1);transform:scale(1);transition:all linear 0.2s;}
.item3 .conts_fr img:hover{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);z-index:1;}
.item3 .conts_fl p{font-size: 16px;color: #6b6868;line-height: 32px;}
.item3 .conts_fr p{font-size: 22px;color: #3888d3;}
.item3 .conts_fr a.more{display: block;width: 300px;height: 62px;font-size: 25px;color: #fff;line-height: 62px;margin-top: 22px;border-radius: 6px;background: #3888d3;text-align: center;}
.item3 .conts_fr a.more:hover{background: #0d77cb;}
/*新闻资讯*/
.item4{background-color:#fff;width: 100%;height: 605px;padding-top: 0;}
.item4 ul.new_info{width: 1146px;height: 380px;border:2px solid #c8c6c6;margin-top: 35px;}
.item4 ul.new_info li{padding:58px 57px;width: 268px;float: left;height: 264px;font-size: 18px;color: #333;}
.item4 ul.new_info li h2{font-size: 24px;color: #4785c8;line-height: 30px;font-weight: normal;margin-bottom: 8px;}
.item4 ul.new_info li p{font-size: 16px;color: #6b6868;line-height: 28px;margin:6px 0 38px;max-height: 112px;overflow: hidden;}
.item4 ul.new_info li a.more{display: block;width: 68px;height: 28px;line-height: 28px;text-align: center;border:2px solid #acabab;font-size: 14px;color: #6b6868;}
.item4 ul.new_info li:hover{background: #4383c3;}
.item4 ul.new_info li:hover h2,.item4 ul.new_info li:hover p,.item4 ul.new_info li:hover a.more{color: #fff;}
.item4 ul.new_info li:hover a.more{border:1px solid #fff;}
/*联系地址*/
.item5 {height: 612px;background:#fff;padding-top: 0;}
.item5 ul.addrss_info{width: 1146px;height: 334px;border:2px solid #c8c6c6;margin-top: 35px;border-right:0;}
.item5 ul.addrss_info li{padding:58px 28px;width: 324px;float: left;height: 218px;border-right:2px solid #c8c6c6;text-align: center;}
.item5 ul.addrss_info li .imgs{width: 85px;height: 49px;margin:0 auto;}
.item5 ul.addrss_info li h2{font-size: 24px;color: #acabab;line-height: 30px;font-weight: normal;margin:10px 0 28px;}
.item5 ul.addrss_info li p{font-size: 17px;color: #6b6868;line-height: 28px;overflow: hidden;}


/*内页-科学研究*/
@-moz-keyframes fadein-up-down {from {opacity:0;filter:alpha(opacity=0);-moz-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);top: 80%;}
to {opacity:1;filter:alpha(opacity=100);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);top: 75%;}
}
@-webkit-keyframes fadein-up-down {from {opacity:0;filter:alpha(opacity=0);-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);top: 80%;}
to {opacity:1;filter:alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);top: 75%;}
}
@keyframes fadein-up-down {from {opacity:0;filter:alpha(opacity=0);-moz-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);top: 80%;}
to {opacity:1;filter:alpha(opacity=100);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);top: 75%;}
}

.banner{position:relative;max-width: 100%;width:auto;height:493px;text-align:center;margin:auto}
.banner .pc_img{position: absolute;top: 0;left: 50%;margin-left: -50%;overflow: hidden;width: 100%;height: 100%;zoom:1;}
.banner .pc_img img{width: 100%;height: 100%;-webkit-transform:scale(1);transform:scale(1);transition:all linear 0.2s;}
.banner .pc_img img:hover{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);z-index:1;}
.banner .boult{position: absolute;top: 80%;left:50%;width: 38px;height: 38px;margin-left: -19px;-moz-animation: fadein-up-down 0.8s 0.6s ease infinite alternate;-webkit-animation: fadein-up-down 0.8s 0.6s ease infinite alternate;
	animation: fadein-up-down 0.8s 0.6s ease infinite alternate;opacity: 0;filter:alpha(opacity=0);opacity: 1\9;cursor: pointer;}
.chioce{text-align: center;}
.chioce ul{margin:0 auto;width: auto;display: inline-block;*zoom:1_display:inline;}
/*.chioce ul li{float: left;width: 168px;height: 44px;line-height: 44px;margin-bottom: 50px;text-align: center;color: #61c568;border:1px solid #61c568;border-radius: 44px;margin-right: 27px;cursor: pointer;}*/
.chioce ul li{float: left;width: auto;height: 44px;margin-bottom: 50px;margin-right: 27px;}
.chioce ul li a{display: block;width:auto;;height: 44px;line-height: 44px;text-align: center;color: #61c568;border:1px solid #61c568;border-radius: 44px;padding:0 38px;}
.chioce ul li:hover a,.chioce ul li.active a{background:#61c568;color: #fff; }
.position{width: 100%;height: 65px;border-bottom: 2px solid #e4e4e4;}
.position .fl ul li{float: left;}
.position .fl ul li a{font-size: 16px;color: #a09e9e;display: block;width: 100px;text-align: center;line-height: 67px;}
.position .fl ul li a:hover,.position .fl ul li a.active{background: url(../images/gywm2.png) no-repeat center bottom;}
.position .fr a,.position .fr{font-size: 16px;color: #a09e9e;line-height: 67px;}
.position .fr a:hover{color: #4383c3;}
.item3.this{margin-bottom: 183px;}
.item3 .conts_fl.this .title_fl{padding-bottom: 52px;background: url(../images/gywm3.png) no-repeat left bottom;margin-bottom: 32px;}
.item3 .conts_fl.this a.more{display: none;}
.item3 .conts_fr.this{margin-top: 110px;}
.item3 .conts_fl h2{font-size: 28px;color: #3888d3;font-weight: normal;margin:24px 0 6px;}
.footer{padding-bottom: 12px;clear: both;}
.footer .fl .img{width: 194px;height: 25px;margin-bottom: 10px;}
.footer .fl p{font-size: 14px;color: #6b6868;line-height: 32px;}
.footer .fr ul li{float: left;padding:0 23px;}
.footer .fr ul li h3{font-weight: normal;font-size: 15px;color: #737070;padding-bottom: 9px;border-bottom: 2px solid #ccc;margin-bottom: 10px;}
.footer .fr ul li a{display: block;font-size: 14px;color: #737070;margin-bottom: 10px;}
.footer .fr ul li a:hover{color: #4383c3;}

/*产品中心*/
.item4.this{height: auto;margin-top: 67px;}
.item4 ul.pro_info{width: 1143px;height:auto;border:2px solid #c8c6c6;margin-top: 35px;border-right: 0;border-bottom: 0;margin-bottom: 100px;}
.item4 ul.pro_info li{position: relative;background: #fff;float: left;height: 264px;width: 379px;height: 380px;border-right:2px solid #c8c6c6;border-bottom:2px solid #c8c6c6; }
.item4 ul.pro_info li .img{width: 380px;height: 299px;overflow: hidden;position: absolute;top:0;left:0;}
.item4 ul.pro_info li .img img{width: 100%;height: 100%;-webkit-transform:scale(1);transform:scale(1);transition:all linear 0.2s;}
.item4 ul.pro_info li .img img:hover{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);z-index:1;}
.item4 ul.pro_info li h3{font-size: 24px;color: #4785c8;width: 100%;text-align: center;position: absolute;bottom: 40px;left:0;line-height: 24px;font-weight: normal;}
.item4 ul.pro_info li .conts{position: absolute;top:0;left:0;z-index: 2;padding:58px 59px;width: 263px;background: #4383c3;display: none;height: 265px;}
.item4 ul.pro_info li .conts h2{font-size: 24px;color: #fff;line-height: 30px;font-weight: normal;}
.item4 ul.pro_info li .conts p{font-size: 16px;color: #fff;line-height: 28px;margin:6px 0 38px;max-height: 112px;overflow: hidden;}
.item4 ul.pro_info li .conts a.more{display: block;width: 68px;height: 28px;line-height: 28px;text-align: center;border:2px solid #fff;font-size: 14px;color: #fff;}
.item4 ul.pro_info li .xu{width: 100%;text-align: center;font-size: 24px;color: #979595;padding-top: 155px;}

/*应用案例*/
.item_3{padding-top: 0;}
.item_3 .conts_fl{width: 100%;}
.item_3 .conts_fl .imgs{max-width: 100%;display: block;margin:0 auto 50px;text-align: center;height: auto;}
.item_3 .conts_fl .title_fl h3{color: #3888d3;}

/*新闻动态*/
.news ul{margin-top: 88px;}
.news ul li{margin-bottom: 50px;}
.news ul li .imgs{width:307px;height: 198px;display: block;overflow: hidden; }
.news ul li .imgs img{width: 100%;height: 100%;-webkit-transform:scale(1);transform:scale(1);transition:all linear 0.2s;}
.news ul li .imgs img:hover{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);z-index:1;}
.news ul li .conts{width: 796px;}
.news ul li .conts .cont_top{margin-top: 12px;}
.news ul li .conts .cont_top .title{display: block;width: 600px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 28px;color: #3888d3;line-height: 28px;}
.news ul li .conts .cont_top .more{display: block;width: 95px;height: 28px;border:1px solid #e4e4e4;font-size: 12px;color: #b5b5b5;line-height: 28px;padding-left: 20px;border-radius: 2px;}
.news ul li .conts .cont_top .more span{display: inline-block;_display:inline;*zoom:1;width: 28px;height: 28px;background: url(../images/sy18.png) no-repeat #468dd5 center;float: right;}
.news ul li .conts .cont_mid{font-size: 18px;color: #a09e9e;line-height: 18px;margin:13px 0 13px;}
.news ul li .conts .cont_bot{font-size: 18px;color: #a09e9e;line-height: 30px;max-height: 90px;overflow: hidden;}
.news ul li .conts .cont_top .title:hover{text-decoration: underline;}
.news ul.this li .conts .cont_top{margin:35px 0 20px;}
/* 分页 */
.more_box{height:110px;width:auto;margin:25px auto 0;clear: both;float: left; position: relative; left: 50%;}
.more_box .more_ssp { position: relative;left: -50%;width: auto;height: 110px;float: left;}
.more_ssp span,.more_ssp a {float:left;width:auto;height:35px;line-height:35px;font-size:14px;color:#999;border:1px solid #eaeaea;margin-right:8px;padding:0 12px;
	text-align:center;background-color:#fff;cursor:pointer;vertical-align:middle;}
.more_ssp span.cpb:hover,.more_ssp a:hover,.more_ssp span.cpb.in,.more_ssp a.in{width: auto;color: #fff;background: #3888d3;border:1px solid #eaeaea;height: 35px;line-height: 35px;padding:0 12px;}
.more_ssp span.current{background: #3888d3;color: #fff;}

/*加入我们*/
.item_3 .conts_fl.this a.more{display: block;margin-top: 0;margin-right: 13px;}
.item_3 .conts_fs h2{margin-top: 100px;}

/*联系我们*/
.contect ul{width: 330px;float: left;font-size: 17px;color: #6b6868;line-height: 30px;margin:62px 242px 62px 0;}
.map{margin-bottom: 170px;width: 1143px;height: 497px;}
.message form{height: 563px;background: #f4f4f4;width: 1110px;padding-left: 30px;margin-top: 53px;padding-top: 50px;margin-bottom: 195px;}
.message form .box{width: 518px;float: left;height: 93px;margin-right: 20px;}
.message form .box .name{font-size: 16px;color: #7d7e7d;margin-bottom: 9px;line-height: 16px;}
.message form .box .name img{vertical-align: middle;margin-left: 4px;}
.message form .box input{height: 33px;line-height: 33px;padding:0 10px;width: 496px;background: #fff;border:1px solid #b3b3b3;outline: none;}
.message form .box.this{width: 100%;float: none;height: auto;}
.message form .box textarea{width: 1035px;height: 80px;resize: none;background: #fff;border:1px solid #b3b3b3;padding:10px;}
.message form button{display: block;width: 85px;height: 55px;outline: none;border:0;background: #4191d0;font-size: 22px;color: #fff;clear: both;padding:0;margin-top: 77px;font-family: "微软雅黑";}
.message form button:hover{background: #0d77cb;}


/*新闻详情*/
.new_detail{padding-bottom: 135px;}
.new_detail p{font-size: 18px;color: #848384;line-height: 40px;text-indent: 65px;}
.new_detail p img{text-align: center;display: block;margin:15px auto;}
.new_detail .btn{padding: 60px 0 45px;}
.new_detail .btn .left{width: 700px;}
.new_detail .btn .left h2{font-size: 30px;color: #4383c3;font-weight: normal;line-height: 30px;margin-bottom:22px;margin-top: 7px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new_detail .btn .left .share span{font-size: 13px;color: #666;line-height: 28px;}
.new_detail .btn .process_btn{font-size: 17px;color: #666;line-height: 40px;width: 430px;}
.new_detail .btn .process_btn p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.new_detail .btn .process_btn a{color: #666;}
