@charset "utf-8";

/* CSS Document */



*{margin:0;padding:0}



html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  -moz-tap-highlight-color:rgba(0, 0, 0, 0);  -ms-tap-highlight-color:rgba(0, 0, 0, 0);  -o-tap-highlight-color:rgba(0, 0, 0, 0);  tap-highlight-color:rgba(0, 0, 0, 0);}

body{font-family: "Source Han Sans CN", "Alibaba-PuHuiTi-Regular", "Microsoft Yahei", Arial, Helvetica, sans-serif; font-size:14px;overflow-x:hidden; color:#5c5c5c}

a{ text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s; transition:.3s;color:#666}

a:hover{color:#2086f5}

img{border:none;}

table{border-collapse:collapse}

ul,ol,li{list-style:none}

.clear{clear: both;}

.clearfix{zoom:1; clear:both}

.clearfix:after{content:""; height:0; display:block; clear:both; visibility:hidden;}

.fl{float:left}

.fr{float:right}

botton,input,button{ outline:none}

h1,h2,h3,h4,h5{ font-weight:normal}

.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}



.wrap{ width:1300px; margin:0 auto}

.main{width: 92%;margin: auto;}



/*===============================*/



@font-face{font-family:'阿里巴巴普惠体';src:url("../font/Alibaba-PuHuiTi-Regular.ttf") format("truetype");}



@font-face{

	font-family: '阿里巴巴普惠体';

	src:url("../font/Alibaba-PuHuiTi-Regular.ttf");

}



/*首页*/



.header_top{height: 114px;overflow: hidden;font-weight: "Alibaba-PuHuiTi-Regular";background: #fff;}

.header_top .logo{float: left;margin-top: 18.5px;}

.header_top .logo a{display: block;}

/*.header_top .logo img{margin-top:35.5px; }*/

.header_top .header_c{float: right;width: 55%;height: 114px;line-height: 114px;}


.header_cleft{display: flex;justify-content: space-between;}

.header_lx p{color: #515151;font-size: 17px;line-height: 28px;padding-left: 18px;}

.header_lx p.ic1{background: url(../images/pic/ic1.png)no-repeat left center;}

.header_lx p.ic2{background: url(../images/pic/ic2.png)no-repeat left center;}

.header_lx p.ic3{background: url(../images/pic/ic3.png)no-repeat left center;}

.ewm{margin-left: 78px;height: 84px;margin-top: 15px;}

.ewm img{height: 100%;max-width: 87px;display: inline-block;margin-left: 10px;}

.header_cright{font-size: 19px;color: #2086f5;display: flex;justify-content: space-between;}

.header_cright span{display: inline-block;font-size: 25px;font-weight: bold;}

.header_cright p{background: url(../images/pic/iphone1.png)no-repeat left center;padding-left: 45px;font-weight: 900;margin-top: 30px;margin-left: 28px;line-height: 27px;}



.header_bottom{line-height: 52px;background: #2086f5;}

.nav li{display:block;width:12.5%;text-align: center;box-sizing: border-box;float: left;color: #fff;font-size: 17px;border-left: 1px solid rgba(255,255,255,0.3);position: relative;}

.nav a{color: #fff;}

.nav li:last-child{border-right: 1px solid rgba(255,255,255,0.3)}



.nav li .sub{position: absolute;width: 100%;left: 0;z-index: 999;background: #444;display: none;}

.nav li .sub p{border-bottom: 1px solid rgba(255,255,255,0.2);line-height: 47px;font-size:16px;}

.nav li .sub p:last-child{border-bottom: none}

.nav li .sub p:hover{background: #2086f5}



.headerall{position: fixed;width: 100%;height: 100px;background: #fff;left: 0;top: 0;z-index: 9999; box-shadow:0px 1px 8px 0px rgba(0, 0, 0, 0.22);transition: all .5s ease; display: none;}

.headerall .logo1{float: left;}

.headerall .logo1 img{margin-top:28.5px;}

.headerall .tel{float: right;line-height: 100px;font-size: 18px;font-weight: 900;color: #2086f5;}

.headerall .tel p{background: url(../images/pic/tel2.png)no-repeat left center;padding-left: 33px;}

.headerall .nav2{float: right;line-height: 100px;width: 57%;box-sizing: border-box;padding-right: 18px;}

.headerall .nav2 li{font-size: 17px;color: #000;width:12.5%;float: left;text-align: center;position: relative;}

.headerall .nav2 a{color: #000;display:block;}

.headerall .nav2 a:hover{color: #2086f5}



.headerall .nav2 li .sub{position: absolute;width: 200%;margin-left: -50%;left: 0;z-index: 999;background: #444;display: none;}

.headerall .nav2 li .sub p{border-bottom: 1px solid rgba(255,255,255,0.2);line-height: 47px;font-size:16px;}

.headerall .nav2 li .sub p a{color: #fff;}

.headerall .nav2 li .sub p:hover{background: #2086f5;}









.banner{width: 100%;}

.banner img{display: block;width: 100%;}

.banner .swiper-pagination-bullet{width: 16px;height: 16px;border: 1px solid #fff;background: none;opacity: 1;position: relative;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;bottom: 20px;}

.banner .swiper-pagination-bullet-active:after{ content:""; width:10px; height:10px; position:absolute; background:#fff; left:3px;top:3px; border-radius:50%}





.productbox{margin-top: 95px;font-family: "Noto Sans SC"}

.title1{font-family: "Noto Sans SC";text-align: center;}

.title1 h2{font-size: 45px;color: #000;font-weight: 500;margin-bottom: 9px;}

.title1 span{display: block;color: #838383;font-size: 16px;}

.title1 a{font-size: 16px;color: #2086f5;display: block;font-weight: 500;margin-top: 36px;background: url(../images/pic/jt1.png)no-repeat center;padding-right: 90px;margin-left: 90px;transition: all .5s ease;}

.title1 a:hover{-o-transform: translateX(10px);-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}



.product_nav{max-width: 1300px;margin: auto;margin-top: 60px;margin-bottom: 38px;}

.product_nav li{text-align: center;width: 25%;float: left;border-right: 1px solid rgba(131,131,131,0.3);padding-top: 17px;padding-bottom: 17px;box-sizing: border-box;transition: all .5s ease;}

.product_nav li:last-child{border-right: none}

.product_nav .pic1 .p1{display: inline-block;transition: all .5s ease;vertical-align: middle}

.product_nav .pic1 .p2{display: none;transition: all .5s ease;vertical-align: middle}

.product_nav li h3{font-size:20px;color: #838383;margin-top: 28px;transition: all .5s ease;font-weight: 500;}

.product_nav li.cur .pic1 .p1{display: none;}

.product_nav li.cur .pic1 .p2{display: inline-block;}

.product_nav li.cur h3{color: #2086f5}

.product_nav li:hover h3{color: #2086f5}

.product_nav li:hover .pic1 .p2{transform: rotate(360deg);display: inline-block}

.product_nav li:hover .pic1 .p1{display: none;}





.product_listbox .product_list{display: block;margin-top: 55px;}

.product_list .swiper-slide a{text-align: center;display: block;padding: 50px 25px 33px 25px;background: linear-gradient(to top, rgba(236, 236, 236, 1) 0%, rgba(251,251,251,1) 50%, rgba(236, 236, 236, 1) 100%);-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s; }

.product_list img{max-width: 100%;display: inline-block;}

.product_list h3{font-size: 24px;color: #000;font-weight: 500;margin-bottom: 28px;margin-top: 25px;}

.product_list .more1{display: inline-block;font-size: 16px;background: -ms-linear-gradient(to top, rgba(32,117,242,1) 30%, rgba(28,179,250,1) 100%);background: -moz-linear-gradient(to top, rgba(32,117,242,1) 30%, rgba(28,179,250,1) 100%);background: -webkit-linear-gradient(to top, rgba(32,117,242,1) 30%, rgba(28,179,250,1) 100%);background: -o-linear-gradient(to top, rgba(32,117,242,1) 30%, rgba(28,179,250,1) 100%);background: linear-gradient(to top, rgba(32,117,242,1) 30%, rgba(28,179,250,1) 100%);color: #fff;border-radius: 999px;padding: 0 35px;line-height: 40px;box-shadow: 5px 4px 7px rgba(31,136,245,.11)}

.product_list .swiper-slide a:hover{-o-transform: translateY(10px);-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);}







.aboutbox{margin-top: 90px;font-family: "Noto Sans SC";position: relative;background: #2086f5;}

.aboutbox .ableft{float: left;width: 60%;padding-top: 86px;padding-bottom: 80px; }

.abtxt{max-width: 800px;margin: auto;color: #fff;float: right;padding-right:3%;}

.abtxt h3{font-family: Impact;font-size: 30px;text-transform: uppercase;}

.abtxt h4{font-size: 30px;font-weight: bold;margin-bottom: 27px;margin-top: -2px;}

.abtxt p{font-size: 16px;color: rgba(255,255,255,0.9);line-height: 30px;}

.more2 a{display: inline-block;font-size: 16px;color: #000;background: #fff url(../images/pic/jt2.png)no-repeat 110px center;line-height: 47px;border-radius: 999px;margin-top: 60px;padding-left: 28px;padding-right: 80px;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}

.abright{position: absolute;top: 0;right: 0;height: 100%;bottom: 0;}

.abright img{max-width: 100%;}

.more2 a:hover{-o-transform: translateX(15px);-webkit-transform: translateX(15px);-moz-transform: translateX(15px);-ms-transform: translateX(15px);transform: translateX(15px);}









.fieldbox{margin-top: 90px;}



.emex{position:relative}

.emex .field_list{ width:100%; overflow:hidden;margin-top: 50px}

.emexlist .item{ float:left;margin-right:30px; position:relative;}

.emexlist .item .pic{ overflow:hidden}

.emexlist .item img{display:block; width:auto; -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}

.emexlist .item img.img2{opacity: 1;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}

/*.emexlist .item img.img2{opacity: 1;position: absolute;bottom: 0;left: 0; -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}*/

.emexlist .item h3{ position:absolute; width:100%; color:#fff; font-size:24px; font-weight:bold; padding:25px; left:0;bottom:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; background:rgba(0,0,0,0.35);background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.8));

    background: -o-linear-gradient(transparent, rgba(0,0,0,0.8));

    background: -moz-linear-gradient(transparent, rgba(0,0,0,0.8));

    background: linear-gradient(transparent, rgba(0,0,0,0.8));

}

/*.emexlist .item.cur .img1{opacity: 0}*/

.emexlist .item.cur .img2{opacity: 1}

.emexlist .item:hover img{ -webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01)}

.emexlist .item:hover .img1{opacity: 0;}

.emexlist .item:hover .img2{opacity: 1;}

.flexBox {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;display: flex; flex-wrap:nowrap; justify-content: space-between; }

.field_list .mCSB_scrollTools{opacity:1; filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}

.field_list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background:#2086f5; height:8px; opacity:1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}

.field_list .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background:#e6e6e6; height:4px; opacity:1}

.field_list .mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom: 50px;}

.emexlist:hover .mCSB_dragger_bar{background:#f1db24!important;}







.newsbox{margin-top: 88px;padding-top: 75px;padding-bottom: 110px; background: #f6f6f6;font-family: "Noto Sans SC";}

.newslist1{margin-top: 50px;}

.newslist1 .newsleft{float: left;width: 40%;}

.newslist1 .newsleft a{display: block;overflow: hidden;position: relative;}

.newsleft a h3{font-size: 18px;font-weight: 500;position: absolute;bottom: 0;left: 0;text-indent: 1em;color: #fff;background: rgba(4,15,28,0.4);line-height: 52px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.newslist1 img{display: block;width: 100%;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}

.newslist1 .newsright{float: right;width: 57%;}

.newsright li{border-bottom: 1px solid #e4e4e4;padding-bottom: 15px;margin-bottom: 15px;}

.newsright li:last-child{border-bottom: none;margin-bottom: 0;}

.newsright .img2{float: left;width: 24%;margin-right: 20px;height: 100px;overflow: hidden;}

.newsright .newtxt{color: #666;font-size: 15px;line-height: 28px;float: right;width: 73%;} 

.newsright .newtxt h3{font-size: 18px;color: #333;margin-bottom: 7px;margin-top: 4px;}



.newsright li:hover h3{color: #2086f5}

.newsright li:hover img{-o-transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

.newslist1 .newsleft:hover img{-o-transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} 







/*底部*/



.footerbox{background: #2e2e31;padding-top: 50px;font-family: "Noto Sans SC";}

.footertop{border-bottom: 1px solid rgba(255,255,255,.1);padding-bottom: 30px;}

.footer_left{float: left;width: 28%;}

.footer_left h3{font-size:20px;font-weight: bold;color: #fff;margin-bottom: 18px;}

.footer_left a{color: rgba(255,255,255,0.7);font-size: 16px;line-height: 40px;padding-right:6%;position: relative;display: inline-block;}

.footer_left a::after{content: "";display: block;width: 1px;height: 12px;background:rgba(221,221,221,.6);right:9%;position: absolute;top:36.5%;}

.footer_left a:nth-child(5)::after{display: none;}

.footer_left a:last-child::after{display: none;}

.footer_con{float: right;display: flex;justify-content: space-between;}

.footer_conta{margin-right:200px; margin-top: 13px;}

.footer_conta p{color: rgba(255,255,255,0.7);font-size: 16px;margin-bottom: 7px;padding-left: 30px;line-height: 28px;}

.footer_conta p.ic1{background: url(../images/pic/f_ic1.png)no-repeat left center;}

.footer_conta p.ic2{background: url(../images/pic/f_ic2.png)no-repeat left center;}

.footer_conta p.ic3{background: url(../images/pic/f_ic3.png)no-repeat left center;}

.erw2{margin-right: 25px;}

.erw img{max-width: 121px;max-height: 121px;}

.erw p{color: rgba(255,255,255,0.7);font-size: 15px;text-align: center;margin-top: 2px;}

.footer1{display: flex;justify-content: space-between;line-height: 75px;color: rgba(255,255,255,0.7);font-size: 16px;}

.footer1 a{color: rgba(255,255,255,0.7);font-size: 16px;}

.footer_left a:hover{color: #2086f5;}

.footer1 a:hover{color: #2086f5}


.kefu{width: 75px;position: fixed;right: 0;bottom: 200px;z-index: 9999;color: #FFF;box-shadow: 0 0 10px #ccc;cursor: pointer}
.kefu dl{padding: 0;margin: 0; background: #2086f5;position: relative;height: 75px;/*border-bottom: 1px solid #FFF;*/ clear:both;}

.kefu dl dt{text-align: center;width: 75px;position: absolute;z-index: 8;background: #2086f5;padding: 9.3px 0px;}
.kefu dl dt a{color: #FFF;}
.kefu dl dt img{margin-bottom: 5px;}
.kefu dl dt span{display: block;font-weight: normal;font-size:14px;}

.kefu dl dt i{font-size: 28px;}
.kefu dl dd{width:260px;position: absolute; z-index: 2;height: 73px;top: 0px;transition: all 0.5s;background: #d59415;right: -190px;text-align: center;line-height: 70px;font-size: 16px;}
.kefu dl dd.wei2{background: none;width: 155px;top: -40px;}
.kefu dl dd.wei2 img{display:block;margin-bottom: 15px;}
.kefu dl dd a{color: #FFF;}
.kefu dl:hover dt{background: #e7a017;}
.kefu dl:hover dd{right: 60px; }
.kefu dl .fa-angle-up{background:url(../images/pic/kf4.png) no-repeat center center; height:40px; display:block}




@media screen and (max-width: 2200px){
	
	
	.abstxt1{height: 180px;overflow: hidden; overflow-x: auto;}
	
}



@media screen and (max-width: 1820px){



	.abright{width: 40%;}

	.abright img{height: 100%;}

	.aboutbox .ableft{height: 544px;padding-top: 0;padding-bottom: 0;}

	.abtxt{padding-top: 75px;}
	.abstxt1{height: 225px;overflow-x: auto;overflow-y: scroll;}
	

	

}



@media screen and (max-width: 1440px){

	

	.aboutbox .ableft{width: 55%;}

	.abtxt{max-width: 700px;}

	.abright{width: 44%;}

}











/*关于我们*/

.g_nbanner{width: 100%;position: relative; background-color:#111;}

.g_nbanner .swiper-slide{background-size: cover!important;}

.g_nbanner .swiper-container{width: 100%;height: 100%;}

.g_nbanner img{width: 100%;display: block;transition: all .5s ease;height: 100%}

.g_nbanner .swiper-slide .text{text-align: left;position: absolute;bottom: 25%;left: 15%; width: 42%;padding: 20px 0;transform:translateX(2000px);	opacity:0;transition:all .6s;transition-delay: 0.5s;}

.g_nbanner .swiper-slide h4{

	

	color: #fff;

	font-size: 34px;

	font-weight: bold;

	text-shadow: 1px 1px 2px rgba(0,0,0,0.35);

	width: 100%;

	margin-left: 2.5%;

	

}



.g_nbanner .swiper-slide p{

	

	color: #fff;

	font-size: 18px;

	text-shadow: 1px 1px 2px rgba(0,0,0,0.35);

	width: 100%;

	margin-left: 2.5%;

	margin-top: 10px;

	

}



.g_nbanner .ani-slide .text{

	transform:translatex(0);

	opacity:1;

}



.namin{margin-bottom: 0px;}

.solution-tab{border-bottom: 1px solid #ddd; margin-bottom: 45px}

.solution-tab ul{width:100%; max-width:1200px;margin: 0 auto}



.solution-tab li{float: left; margin-right:75px}



.solution-tab a{display: inline-block;padding: 30px 10px 20px 10px;  text-align:center;font-size: 18px;color: #999;position: relative;}

.solution-tab li.cur{border-bottom: 3px solid #2086f5;}

.solution-tab li.cur a{color: #333;}

.aboutsbox{padding: 2px 0 70px 0;background-size: contain;font-family: "Alibaba-PuHuiTi-Regular"}

.aboutsbox .about_left{font-size: 16px;line-height: 36px;color: #5e5e5e;float: left;width: 53%;margin-top: 25px;}

.aboutsbox .about_right{float: right;margin-right: 1%;width: 42%;}

.about_left h2{font-size: 30px;color: #000;text-shadow: 0 0 6px rgba(0,0,0,0.14);font-weight: bold;margin-bottom: 25px;}

.about_left p{display: flex;flex-wrap: wrap;justify-content: space-between;}

.about_right img{display:block;width: 100%;border-radius: 5px;border: 5px solid #f1f3f5;}

.abr_bottom{display: flex;justify-content: space-between;margin-top: 10px;}

.abr_bottom .abimg1{display: inline-block;width: 48.1%;}



.title2 h3{font-size: 32px;color: #000;text-align: center;font-weight: bold;position: relative;}

.title2 h3::after{content: "";position: absolute;display: block;width: 60px;height: 3px;background: #2086f5;left: 50%;bottom: -10px;margin-left: -35px;}

.ysbox{background: #f5f9fc;padding-top: 60px;margin-top: 30px;padding-bottom: 30px;}

.abys{display: block;overflow: hidden;background: #f5f9fc url(../images/ys.png) no-repeat center top;padding-top: 90px;padding-bottom: 120px;}



.ysBx{ display: block; padding-top: 34px;overflow: hidden; position: relative; font-family: "Microsoft YaHei"}

.ysBx h2{ color: #333333; font-weight: normal; font-size: 24px; text-align: center; line-height: 43px;}

.ysBx h2 b{ display: block; height: 59px; line-height: 59px; color: #006cbd; font-size: 30px; font-weight: normal;}

.ysBx h2 b i{ font-weight: bold; font-style: normal;}

.ysBx .ysCt{ display: block; position: relative;margin-top: 55px;}

.ysCt .yg1{ width: 36%; overflow: hidden;}

.ysCt h4{ height: 37px; line-height: 34px; overflow: hidden; color: #006cbd; font-size: 24px; font-weight: bold; padding-left: 36px}

.ysCt h4 i{ font-style: normal; color: #a6a9ab; font-size: 24px; font-weight: normal; text-transform: uppercase; padding-left: 10px;}

.ysCt p{ padding-top: 6px; overflow: hidden;  line-height: 28px; color: #666; font-size: 14px; padding-left: 46px; background: url(ysIco.gif) no-repeat 37px 16px;}

.ysCt .ys2{ padding-top: 41px;}

.ysCt .ys3{ padding-top: 25px; float: right; width: 36%;}

.ysCt .ys4{ padding-top: 40px; float: right; width: 36%;}

.ysCt .ysImgbox{ display: block; position: absolute;}

.ysCt .ysImgbox.ysImg1{ right: 0; top: 0;width: 33%;}

.ysCt .ysImgbox.ysImg2{ left: 0; top:330px;}

.ysCt span{ padding-top: 34px; display: block; height: 42px; line-height: 40px; text-align: center; padding-right: 42px;}

.ysCt span a{ display: inline-block; width: 140px; text-align: center; font-size: 16px; color: #fff}

.ysCt span .btn1{ color: #3b2c01;}







/*产品展示*/

.namin2{margin-bottom: 100px;font-family: "Noto Sans SC";}

.productbox2{margin-top: 40px;}

#projectlist .wrapper{margin-left: 20px;display: inline-block; width: 100%;margin-top:20px;}

.wrapper li{float: left;width: 31.33%;margin-left: 2%;margin-bottom: 2%;box-shadow: 1px 1px 6px rgba(0,0,0,0.15);background: #fdfdfd;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-ms-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}

.wrapper ul{margin-left: -2%;}

.wrapper .project_img{overflow: hidden;padding: 2% 0.5%;padding-top: 35px;}

.wrapper li img{max-width: 100%;}

.wrapper li a{display: block;overflow: hidden;}

.project_info{font-size: 14px;line-height: 28px;}

.project_info .title6{font-size: 20px;color: #06090e;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;line-height: 32px;text-align: center;padding-top: 10px; padding-left: 14px; margin: 0px;padding-right: 14px;}

.project_info .description{margin: 0px 14px;padding-top: 13px;display: block;color: #afafaf;font-size: 13px;line-height: 22px;height: 40px;overflow: hidden;text-align: center;}

.project_info div.p1{border-bottom: 1px rgba(109, 109, 109, 0) solid;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width: 100%; padding-bottom: 9.5%;text-align: center;}

.project_info .more1{display: inline-block;font-size: 16px;background: -ms-linear-gradient(to top, rgba(32,117,242,1) 30%, rgba(28,179,250,1) 100%);background: -moz-linear-gradient(to top, rgba(32,117,242,1) 30%, rgba(28,179,250,1) 100%);background: -webkit-linear-gradient(to top, rgba(32,117,242,1) 30%, rgba(28,179,250,1) 100%);background: -o-linear-gradient(to top, rgba(32,117,242,1) 30%, rgba(28,179,250,1) 100%);background: linear-gradient(to top, rgba(32,117,242,1) 30%, rgba(28,179,250,1) 100%);color: #fff;border-radius: 999px;padding: 0 35px;line-height: 40px;box-shadow: 5px 4px 7px rgba(31,136,245,.11);margin-top: 26px;}



.wrapper li:hover .project_info div.p1{border-bottom: 1px #2086f5 solid;}

.wrapper li:hover .project_info .title6{color: #2086f5}

.wrapper li:hover{-o-transform: translateY(6px);-webkit-transform: translateY(6px);-ms-transform: translateY(6px);-moz-transform: translateY(6px);transform: translateY(6px);}



.navmen li{width:25%;margin-right: 0;text-align: center;position: relative;transition: all .5s ease;-o-transition: all .5s ease;;-webkit-transition: all .5s ease;-ms-transition: all .5s ease;}

.navmen li .submen{position: absolute;background: #444;color: #fff;z-index: 99;width: 110%;display: none;}

.navmen li .submen a{color: #fff;line-height: 40px;font-size: 15px;display: block;border-bottom: 1px solid rgba(255,255,255,.3);padding-top: 0;padding-bottom: 0;transition: all .5s ease;-o-transition: all .5s ease;;-webkit-transition: all .5s ease;-ms-transition: all .5s ease;}

.navmen li .submen a:hover{background: #2086f5;}





/*详细*/




/*产品详情*/



.product_l{float: left;width: 22%;}

.product_r{float: right;width: 75%;}

.ptit h2{color: #fff;background: #004c99;line-height: 55px;font-size: 24px;text-indent: 2em;font-weight: bold;margin-bottom: 16px;}

.sideMenu{}

.sideMenu h3{line-height:55px; text-indent: 1em; background:#444 url(../images/pic/ar1.png)no-repeat 230px center; cursor:pointer; font-family: 'Microsoft YaHei'; font-size: 18px; color: #fff;margin-bottom: 1px;}

.sideMenu .nLi.on a{display: block;}

.sideMenu .nLi.on h3{background:#1e7de5 url(../images/pic/ar1.png)no-repeat 230px center }

.sideMenu ul .nLi.on .sub2{ display: block;}

.sideMenu ul .nLi .sub2{color:#999; display:block; }

.sideMenu ul .nLi .sub2 li{list-style: none;margin-top: 1px; padding: 1% 0;background-color: #ddd;background-image: linear-gradient(#eee, #ccc);}

.sideMenu ul .nLi .sub2 li a{ display: block; width: 100%; line-height:40px; font-family: 'Microsoft YaHei'; font-size: 15px; color: #515151; text-decoration: none; text-indent: 1em; box-sizing:border-box;background: url(../images/pic/jic.png)no-repeat 255px center;}

.sideMenu .nLi.on .sub2 li a.cur{background: url(../images/pic/jic2.png)no-repeat 255px center;color: #1e7de5 ;}

.sideMenu ul .nLi .sub2 li a:hover{background: url(../images/pic/jic2.png)no-repeat 255px center;color: #1e7de5 ;}



/*左侧导航菜单    end*/



.products_top{background: #fff; background-size: cover;padding: 50px 40px 80px;position: relative;margin-bottom: 60px;margin-top: 50px;}

.ntitl1 h2{font-size: 2.5em;font-weight: bold;color: #111;margin-bottom: 15px;}

.ntitl1 p{margin-bottom: 30px;border-bottom: #ddd 1px solid;padding-bottom: 15px;text-align: justify;text-indent: 2em;margin-top: 15px;}



.products_top .ntitle{margin-bottom: 40px;font-size: 30px;line-height: 40px;color: #333;position: relative;}

.products_top .ntitle .more{font-size: 12px;border-radius: 25px;border: 1px solid #d8d8d8;display: block;background: url(../images/pic/arrow_grey.png) no-repeat right 15px center;width: 100px;line-height: 35px;padding-left: 20px;color: #666;position: absolute;right: 0;top: 5px;}

.product_top_list{background: #fff;overflow: hidden;}

#preview{width:100%;margin-bottom: 40px;}

#preview .jqzoom{float: left;width: 31.33%;margin-left: 2%;} 
#preview .previewlist{margin-left: -2%;}

#preview img{max-width: 100%;display: block;max-height: 280px;}

.product_top_list .left img{display: block;width: 100%;}

.proimg-list{margin-top: 30px;}

.product_top_list .pright{width: 48%;padding-right: 30px;position: relative;float: right;font-size: 16px;line-height: 32px;color: #6c6c6c;}

.pright h3{color: #4b4b4b;font-size: 30px;margin-bottom: 30px;}

.pright a{font-size: 16px;background: #00459a;line-height: 40px;padding: 0 25px;display: inline-block;color: #fff;margin-top: 70px;transition: all .5s ease;}

.product_top_list .pright p{margin-bottom: 6px;}

.pright a:hover{background: #007cbe;}



.hovelist{cursor: pointer;transition: all .5s ease;}

.hovelist span{position: relative;font-size: 15px;color: #00459a;top: -210px;font-weight: bold;opacity: 0;transition: all .5s ease;}

.hovelist img{max-height: 250px;}

.hovelist:hover span{opacity: 1;}



.bigimg{width:1000px; position: fixed;left: 0;top: 10px; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}

.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}

.bigbox{width:100%;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}

.bigbox>.imgbox{width:400px;height:250px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}

.bigbox>.imgbox>img{width:100%;}

.imgbox:hover{cursor:zoom-in}

.mask:hover{cursor:zoom-out}

.mask>img{position: fixed;right:10px;top: 100px;width: 45px;z-index: 999}

.mask>img:hover{cursor:pointer}





.products_bottom{background: #fff;}

.prtitle1{font-size: 15px;color: #474747;line-height: 28px;margin-bottom: 10px;text-align: left;}

.prtitle1 h3{font-size: 21px;;color: #333;position: relative;padding-bottom: 10px;font-weight: bold;}

.prtitle1 li a{display:block;background: #444;line-height: 40px;padding: 0 30px;font-size: 15px;color: #fff;margin-left: 2%;float: left;}
.prtitle1 li.cur a{background: #2086f5;}

.prtitle1 li:nth-child(1) a{margin-left: 0;}

.prtitle1 ul{margin-top: 25px;margin-bottom: 25px;}

.prti1{font-size: 15px;line-height: 28px;color: #444;}

.prti1 p{text-indent: 2em;}

.prti1 table tr th{background: #1e7de5;color: #fff;text-align: center;font-size: 15px;padding: 13px 0;border: 1px solid #ffffff82;}

.prti1 table tr td{border: 1px solid #d3d3d3;line-height: 30px;text-align: center;font-size: 15px;padding: 16px 0;background: #1e7de5;color: #fff;}

.prti1 table tr.cpcs td{background: #00459a;color: #fff;}

.prti1 table tr.colo1 td{background: #f3f3f3;}



.p_contact{width: 100%;margin-top: 30px;background: #444;}

.p_conwrap{width: 97%;margin: auto;padding-top: 1.5%;}

.tit1{background: #2086f5 url(../images/cot.jpg) no-repeat;background-size: 100% 100%;padding: 14px 0;text-align: center;color: #fff;}

.tit1 h3{font-size:30px;font-weight: bold;}

.tit1 span{font-size: 12px;display: block;padding-top: 10px;}

.p_conwrap .img{background: url(../images/cot.jpg) no-repeat;width: 100%;height: 100px;margin-top: 2px;background-size: 100%}

.p_conter{font-size: 14px;line-height: 31px;color: #fff;padding: 15px 6px;padding-bottom: 20px;}





.message{ width:60%; margin:0 auto;float: left;border-right: 1px solid #eaeaea;padding-right: 28px;}
.message input,.message textarea,.message select{ border:1px solid #e8e8e8}
.message label{line-height:35px; display:block}
.message input{ width:93%; padding:5px; line-height:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background: #f3f3f3}
.message .m-list{ margin-bottom:12px; width:100%}
.message .m-list-col{ width:50%; float:left}
.message textarea{width:100%; padding:5px;line-height:26px; min-height:80px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background: #f3f3f3;}
.message .m-list .yzm{ width:63%; float:left}
.message .m-list .yzm input{ width:59.5%}
.message .m-list .submit{ width:35%; float:right; margin-top: 45px}
.message .m-list .submit input{ cursor:pointer; width:80%; float:right; margin-right:7%;font-size: 16px;border-radius: 999px;line-height: 35px;border: 1px solid #2086f5;color: #2086f5}
.message .m-list select{width: 90%;padding: 5px;height:47px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.message .m-list .submit:hover input{background:#2086f5; color:#fff;}



.productright{float: right;width: 31%;padding-right: 0%;position: relative;top: 20px;}
.productright h2{font-size: 30px;color: #000;font-weight: bold;line-height: 55px;border-bottom: 1px solid #e0e0e0;padding-bottom: 15px;margin-bottom: 20px;}
.productright p{font-size: 17px;color: #616161;line-height: 33px;padding-left:0%;margin-bottom: 20px;font-weight: bold;}
.productright p.icc1{background: #fff url(../images/pic/isc1.png)no-repeat left center;background-size: 21px 21px;}
.productright p.icc2{background: #fff url(../images/pic/isc2.png)no-repeat left center;background-size: 21px 21px;}

.proe-chat__box{position: absolute;right: 0;margin-top: 57px;}
.proe-chat__box a{display: inline-block;vertical-align: middle;position: relative;margin-right: 12px;}
.proe-chat__box span{font-size: 14px;color: #2086f5;}
.proe-chat__box .proe-01 .proe-iq {width: auto;height: 34px;}
.proe-chat__box a .proe-code {width: 120px;left: 50%;margin-left: -70px;-webkit-transition: all .4s;transition: all .4s;opacity: 0;visibility: hidden;position: absolute;
	top: -145px;max-width: 130px;box-shadow: 0 0 9px rgba(0,0,0,0.1);}
.proe-chat__box .proe-02 img {width: auto;height: 34px;}

.link-btn{display: inline-block;position: absolute;left: 0;margin-right: 12px;margin-top: 53px;width: 40%;}
.link-btn p{font: 16px "Montserrat Light";margin-left:4px;color: #2086f5;display: inline-block;text-indent: 0;}
.link-btn span{background: url(../images/pic/sq1.png)no-repeat;width: 36px;height: 36px;vertical-align: middle;display: inline-block;}
.proe-chat__box .proe-01:hover .proe-code{opacity: 1;visibility:inherit;}










.list-p1 p{color: #333;font-size: 15px; margin-bottom: 22px; background: url("../images/pic/dt.png") no-repeat left 4px; padding-left: 20px;float: none;display: inline-block;vertical-align: top;width: 46%;}



.pro_show h3{font-size: 28px;margin-bottom: 40px;text-align: center;letter-spacing: 2px;color: #333;}

.txt5{font-size: 15px;line-height: 28px;color: #666;}

.backs{text-align: right;}

.backs a{width: 100px;border-radius: 35px;border: 1px solid #e8e8e8;display: inline-block;text-align: center;margin-top: 30px;font-size: 15px;line-height: 35px;}

.backs a:hover{background: #2086f5;color: #fff;}









/*应用领域*/

.autom{background: #f5f5f5;padding-top: 60px;}

.solution .automlist{background: #fff;padding-top: 4%;margin-top: 50px;}

.caseboxlist li{float: left;width: 31.33%;margin-left: 2%;position: relative;margin-bottom: 2%;}

.caseboxlist ul{margin-left: -2%;}

.caseboxlist li .pic3{overflow: hidden;display: block;}

.caseboxlist li img{display: block;width: 100%;-o-transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s}

.caseboxlist .txt3{position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;background: url(../images/pic/casetitbg01.png) repeat-x top left; padding: 6px 20px;box-sizing: border-box;font-size: 18px;line-height: 40px;font-weight: 550;}

.caseboxlist li:hover img{-o-transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}



.newtit{line-height: 45px;font-size: 26px; text-align:center; font-weight:bold;color: #333;margin-top: 60px;}

.namin2 .fabuz{text-align: center;color: #888;border-bottom: 1px dashed #ddd;padding-bottom: 15px; padding-top:10px; font-size:14px}

.casetxt{margin-top: 20px;}

.casetxt h2{font-size: 18px;line-height: 45px;color: #333;}

.casetxt p{font-size: 15px;line-height: 30px;color: #666;}

.casetxt p img{max-width: 100%;height: auto;display: block;margin-bottom: 15px;}





/*新闻中心*/

.newslist_1 li{margin-bottom: 35px;padding-bottom: 30px;border-bottom: 1px #ededed solid;}

.newslist_1 li .pic{width: 25%;position: relative;overflow: hidden;}

.newslist_1 li .pic img{width: 100%;height: auto;display: block;transition: .5s;}

.newslist_1 li .pic .bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0);transition: .5s;}

.newslist_1 li .text{width: 71%;margin-top: 1%;}

.newslist_1 li .text .tit{font-size: 19px;color: #333;margin-bottom: 20px;font-weight: normal;transition: .5s;}

.newslist_1 li .text .intro{line-height: 28px;color: #666;font-size: 15px;margin-bottom: 25px;}

.newslist_1 li .text .time{ background: url(../images/pic/clock.png) no-repeat left center;padding-left: 22px;color: #999;font-size: 13px;display: inline-block;line-height: 20px;}

.newslist_1 li:hover .pic img{-o-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}

.newslist_1 li:hover .text .tit{color: #2086f5}

.newslist_1 li:hover .pic .bg{background: rgba(0,0,0,0.3);}



.newtit{line-height: 45px;font-size: 26px; text-align:center; font-weight:bold;color: #333;margin-top: 50px;}

.namin2 .fabuz{text-align: center;color: #888;border-bottom: 1px dashed #ddd;padding-bottom: 15px; padding-top:10px; font-size:14px}

.namin2 .newsxiang{padding: 30px 0;line-height: 30px;font-size: 15px;}

.newsxiang img{max-width: 100%;display: block;margin-top: 18px;}

.tomore {display: block;width: 140px; height: 40px;text-align: center;background: #2086f5;color: #fff;position: relative;line-height: 40px; border-radius:20px; margin-top:40px;}

.namin2 .back{margin-bottom: 25px; float:right}

.tomore i, .tomore span {position: absolute;width: 100%;height:40px;left: 0;top: 0;z-index: 2;-webkit-transition: .4s;transition: .4s; border-radius:20px;font-size: 15px;}

.tomore i {z-index: 1;background: #2086f5;width: 0}

.tomore:hover i {width: 100%}

.tomore:hover {color: #fff}

.shangxia{ border-top: dotted 1px #ddd; margin:50px 0; padding-top:20px; clear:both ;font-size: 14px;}

.shangxia ul li{float: left;width: 50%;line-height: 38px;}

.shangxia ul li:nth-child(2){text-align: right;}

.shangxia ul li a:hover{color:#2086f5}









/*人才招聘*/

.autom2{padding-bottom: 100px;}

.recruit{background: #fff; padding: 50px 40px 60px 40px;margin-top: 40px;}

.recruit-top{height: 80px;line-height: 80px;background: #f3f3f3;font-size: 22px;color: #333;padding: 0 63px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;border-bottom: 1px solid #fff;cursor: pointer;position: relative;}

.recruit-top .time{ float:right; font-size:14px; color:#666; margin-right: 40px;}

.recruit-top .arrow{ float:right;cursor: pointer;width: 15px;height: 15px;position: absolute;top: 0;right: 45px;bottom: 0;margin: auto;background: url(../images/pic/arrow.png) no-repeat center;background-size: 100%; opacity:.5}

.recruit-top .position{ float:left; height:100%}

.recruit-top .position span{font-size: 15px;color: #666;display: inline-block;margin-left: 20px;padding-left: 20px; float:right;position: relative;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}

.recruit-top .position span:after{content: "";position: absolute;height: 18px;width: 1px;background: #e5e5e5;left: 0;top: 0;bottom: 0; margin: auto;}

.recruit-con{background: #f9f9f9;padding: 36px 60px;padding-bottom: 65px; font-size:16px; display:none}

.recruit-con .tit{font-size: 20px;color: #666;line-height: 20px;padding-left: 16px; border-left: 4px solid #2086f5;margin-bottom: 15px;}

.recruit li.cur .arrow {background: url(../images/pic/closed_w.png) no-repeat center;background-size: 100%; opacity:1}

.recruit li.cur .recruit-top{ background:#2086f5;color:#fff}

.recruit li.cur .position span{ color:#fff}

.recruit li.cur .time{ color:rgba(255,255,255,.8)}







/*联系我们*/



.contact_on{margin-top: 50px;}

.content-contact{background: #fff;}

.content-contact .right{ width:100%;}

.content-contact .left{ width:35%;background: #fff; height:500px; line-height:24px}

.content-contact .left h3{background:#2086f5; font-size:23px; color:#fff; padding:50px 30px}

.lxfs{ padding:30px; font-size:16px; color:#000;font-weight: bold;}

.lxfs p{ border-bottom:1px solid #e8e8e8; margin-bottom:20px; padding-bottom:20px; position:relative; padding-left:65px;font-size: 17px;}

.lxfs p:last-child{ border-bottom:none;}

.lxfs span{ display:block; font-size:16px;}

.lxfs p:nth-child(1):before{ content:""; width:40px; height:40px; border:2px solid #000; border-radius:50%; background:url(../images/pic/tel.png) no-repeat center; position:absolute; left:0}

.lxfs p:nth-child(2):before{ content:""; width:40px; height:40px; border:2px solid #000; border-radius:50%; background:url(../images/pic/mail.png) no-repeat center; position:absolute; left:0;}

.lxfs p:nth-child(3):before{ content:""; width:40px; height:40px; border:2px solid #000; border-radius:50%; background:url(../images/pic/map.png) no-repeat center; position:absolute; left:0}

.lxfs p:nth-child(4):before{ content:""; width:40px; height:40px; border:2px solid #000; border-radius:50%; background:url(../images/ficon4_1.png) no-repeat center; position:absolute; left:0}

.recruit2{font-size: 16px;height: 55px;background: #c9a76d;line-height: 55px;padding: 0 20px;font-weight: bold;color:#fff}



#allmap{width: 100%;height:500px;background: #ccc;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; line-height:22px; font-size:14px;}

#allmap1{width: 100%;height:500px;background: #ccc;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; line-height:22px; font-size:14px;}

#allmap2{width: 100%;height:500px;background: #ccc;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; line-height:22px; font-size:14px;}

.BMap_bubble_title{ white-space:normal !important;color: #CC5522; font-weight:bold; font-size:15px; margin-bottom:5px}







































































































.pages_2{ border-top:1px solid #d8d8d8; margin-top:50px; padding-top:30px; font-size:14px; position:relative}

.pages_2 p{ padding-right:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;line-height: 28px;}

.pages_2 .back{ width:100px; position:absolute; right:0;top:30px;display:block; background:#eb9c0c; color:#fff; text-align:center;overflow:hidden; line-height:35px;}

.pages_2 .back span{ position:relative}

.pages_2 .back:before{content:""; width:100%; height:100%; position:absolute; left:-100%;top:0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s; background:#0d0d0d}

.pages_2 .back:hover::before{left:0}



.pages {

	margin: 50px auto 0 auto;

	text-align:center;

}

.pagesBox{display:inline-block;}

.pages #Pagination {

  float: left;

  overflow: hidden;

}

.pages #Pagination .pagination {

  height: 45px;

  font-family: Arial;

}

.pages #Pagination .pagination a,

.pages #Pagination .pagination span {

  float: left;

  display: inline;

  width:36px;

  height:36px;

  line-height:36px;

  border: 1px solid #d2d2d2;

  border-left: none;

  color: #666666;

  font-size: 15px;

  cursor: pointer;

}

.pages #Pagination .pagination .current {

  background: #2086f5;

  color: #fff;

}

.pages #Pagination .pagination .prev,

.pages #Pagination .pagination .next {

  float: left;

  padding:0 12px;

  border: 1px solid #d2d2d2;

  color: #666666;

  cursor: pointer;

}

.pages #Pagination .pagination .pagination-break {

  border: none;

  border-right: 1px solid #d2d2d2;

  cursor: default;

}

.pages .searchPage {

  float: left;

  padding: 5px 0;

}

.pages .searchPage .page-sum {

  padding: 11px 13px;

  color: #999999;

  font-size: 15px;

}

.pages .searchPage .page-go {

  padding: 8px 0;

  color: #999999;

  font-size: 15px;

  padding: 10px 0\9;

  *padding: 6px 0;

}

.pages .searchPage .page-go input {

  width: 40px;

  height: 33px;

  margin: 0 5px;

  padding-left: 5px;

  border: 1px solid #e4e4e4;

}

.pages .searchPage .page-btn {

  margin: 9px 0 5px 5px;

  padding: 8px;

  background: #a4a4a4;

  border-radius: 2px;

  color: #ffffff;

  font-size: 15px;

  text-decoration: none;

}

.pages .searchPage .page-btn:hover{background: #2086f5;}



@media screen and (max-width:640px){

	.pages #Pagination .pagination a, .pages #Pagination .pagination span{ width:30px; height:30px; line-height:30px; font-size:19px}

	.pages #Pagination .pagination .prev, .pages #Pagination .pagination .next{ padding:0 6px; width:auto; font-size:15px}

	.pages .searchPage .page-go input{ height:30px; width:35px}

	.pages .searchPage .page-btn{ font-size:15px; margin:0; margin-left:10px}

	.pages .searchPage .page-sum{ font-size:15px; padding:0 10px}

	.pages .searchPage{ padding:0}

	

}