@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:"Microsoft Yahei", Arial,"Source Han Sans CN",Helvetica,sans-serif; font-size:16px;overflow-x:hidden; color:#5c5c5c}
body.en{ font-family: Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition:.3s;-moz-transition:.3s; transition:.3s;color:#666}

a:hover{color:#0062b7}

img{ border:none;}

table{ border-collapse:collapse}

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

.clear{clear: both;zoom:1;}

.clearfix{zoom:1; clear:both}

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

.fl{ float:left}

.fr{ float:right}

botton,input{ 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:1400px; margin:0 auto}

.wrap_1{ width:1450px; margin:0 auto}



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



@font-face{font-family:'Bebas';src:url("../fonts/bebas.eot");src:url("../fonts/bebas.eot") format("embedded-opentype"),url("../fonts/bebas.woff2") format("woff2"),url("../fonts/bebas.woff") format("woff"),url("../fonts/bebas.ttf") format("truetype"),url("../fonts/bebas.svg#BEBAS") format("svg");}



@font-face{

	font-family: 'DINPro-Bold';

	src:url("../fonts/DINPro-Bold.otf");

}







/*首页*/



.header{width: 100%;position: absolute;top: 0px;left: 0px; z-index:9999;border-bottom: 1px rgba(244,244,244,.25) solid;height: 100px;line-height: 100px;font-weight: 500;transition: all .5 ease;}

.header:hover{background: rgba(0,0,0,.15);border-bottom: 1px rgba(255,255,255,.2) solid;}

.headtop{width:100%;height: 30px;border-bottom: 1px #ffffff solid; text-align:center;}

.headbox{width: 1200px;margin: 0 auto;}

.headbox ul li{list-style: none;float: left;font-size: 12px;border-right: 1px #ededed solid;color: #ffffff;opacity:0.7;filter:alpha(opacity=70);margin: 9px 0px;padding: 0 8px;font-family:Verdana, Arial, Helvetica, sans-serif}

.headbox ul li a{color: #ffffff;font-family:Verdana, Arial, Helvetica, sans-serif; opacity:0.7;filter:alpha(opacity=70)}

.headbox ul{float: right;}

.headbox ul li:last-child{border: none;}

.headbox ul li a:hover{color: #0062b7; text-decoration:none;}

.headbox ul li img{margin-right: 3px;}

.nav{width: 89%;height:100px; margin:0 auto;float: left;border-right: 1px rgba(244,244,244,.25) solid;box-sizing: border-box;} 

.nav_logo{float: left;margin-top: 30px;  }

.nav ul{display: inline-block;float: right;margin-right:5px;;}

.nav ul li{float: left;font-size: 18px;list-style: none;text-align:center;position: relative;margin-right: 42px;transition: all .5s ease;}

.nav ul li:hover{border-bottom: 2px solid #ff9500; color: #0062b7;/*background: rgba(0,0,0,.1);*/}

.nav ul li >a{color: #ffffff;display: block;font-size: 18px;font-weight: bold;}

.nav ul li a:hover{color: #fff; text-decoration:none; }





.language{width: 8.5%; font-size:18px;float: right;}

.language a{color: #fff;font-weight: 500;}

.language span{color: #fff;}

.language a:hover{color: #ff9500}





.header3{position: fixed;top: 0;width: 100%;left: 0;z-index: 999;background: #fff;height: 100px;line-height: 100px;transition: all .5 ease;display: none;box-shadow: 0 0 10px rgba(0,0,0,.25)}

.header3 .nav ul li >a{color: #181818;}

.header3 .nav ul li >a.cur{color: #0062b7}

.header3 .language a{color: #181818;font-weight: 400;}

.header3 .language a.cur{color:#0062b7; }

.header3 .language span{color: #444}

.header3 .nav{border-right: 1px rgba(0,0,0,.2) solid}







.index_banner{width: 100%;height: 100vh;position: relative; background-color:#111;}

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

.index_banner .swiper-slide{display: flex;align-items: center;justify-content: center;text-align: center;height: 100%;width: 100%;}

.index_banner .swiper-pagination-bullet{width: 13px;height: 13px;border: 1px solid #fff;background: none;opacity: 1;}

.index_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}

.index_banner .swiper-pagination-bullet-active{background: #fff;}

.index_banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 32px;}

.index_banner .swiper-slide .text{margin-top: 60px;}

.index_banner .swiper-slide h2{
	color: #fff;
	font-size: 60px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 2px 2px rgba(0,0,0,0.1);
	margin: 0 auto;
	overflow:hidden;
}
.index_banner .swiper-slide h2 span{
	opacity: 0;
    transform: translate3d(0, 60px, 0);
	display: block;
}
.index_banner .swiper-slide p{color: #fff;font-size:30px;text-shadow: 0 2px 2px rgba(0,0,0,0.1);margin-top:5%;	overflow:hidden}
.index_banner .swiper-slide p span{display: block;opacity: 0;transform: translate3d(0, 50px, 0);}
.index_banner .ani-slide h2 span{
	opacity: 1;
    transform: translate3d(0, 0, 0);
	transition: opacity 0.3s linear 0.3s,transform 0.8s cubic-bezier(0, 0.7, 0.3, 1) 0.3s;
}

.index_banner .ani-slide p span{
	opacity: 1;
    transform: translate3d(0, 0, 0);
	transition: opacity 0.3s linear .5s,transform 0.8s cubic-bezier(0, 0.7, 0.3, 1) .5s;
}

.index_banner .swiper-slide h3{
	 overflow:hidden; margin-top:5%;
}

.index_banner .swiper-slide h3 a{
	font-size: 15px;
	color: #fff;
	text-transform:uppercase;
	border-bottom: 1px #fff solid;
	padding-bottom:5px;
	font-weight:normal;
	opacity: 0;
    transform: translate3d(0, 40px, 0);
	display: inline-block;
	-moz-transition:none;-webkit-transition:none;transition:none
}

.index_banner .ani-slide h3 a{
	opacity:1;
    transform: translate3d(0, 0, 0);
	letter-spacing: 2px;
	transition: opacity 0.3s linear .8s,transform 0.8s cubic-bezier(0, 0.7, 0.3, 1) .8s;
}




.aboutbox{position: relative;background: #fff;padding-top: 95px;z-index: 1;padding-bottom: 98px;}

.ablist .ableft{float: left;width: 40.5%;}

.ablist .ableft a{display: block;overflow: hidden;}

.ablist img{max-width: 100%;display: block;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}

.ablist .abright{float: right;width: 54%;}

.abright h3{font-family: Arial;font-size: 28px;color: #000;font-weight: bold;text-transform: uppercase;}

.abright h2{font-size: 32px;color: #c3c3c3;font-weight: bold;margin-bottom: 25px;}

.abright p{font-size:15px;color: #82858e;line-height: 30px;}



.abright .abtit1{margin-top: 40px;}

.abright .abtit1 p{font-size: 16px;color: #666;padding-left: 35px;float: left;width: 50%;box-sizing: border-box;}

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

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



.ablist .ableft a:hover img{-o-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}





.productbox {position: relative;padding-bottom: 84px;}

.productbg{display: none; transition: all .5s ease;}

.productbg .img1{overflow: hidden;display: block;}

.productbg img{width: 100%;display: block;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}

.productbg .ptit{width: 670px;padding: 30px;background: rgba(0,110,206,.55);position: absolute;top:88px;color: #fff; }

.productbg .ptit h3{font-size: 25px;font-weight: 500;margin-bottom: 16px;}

.productbg .ptit p{font-size: 18px;line-height: 30px;}

.product_list{margin-top:49px;}

.product_list .swiper-slide a{box-shadow: 4px 0 10px rgba(0,0,0,.2);text-align: center;display: block;padding-bottom: 36px;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}
.product_list .pic{ position:relative; overflow:hidden}
.product_list .pic .img1{ display:block; width:100%; height:auto}
.product_list .pic .img2{ position:absolute; left:0;top:0; width:100%; height:100%;}
.product_list .pr_txt{padding-top: 35px;background: #fff;}

.product_list .pr_txt h3{font-size: 18px;color: #1c1c1c;font-weight: bold;margin-bottom: 28px;} 

.product_list .more1{display: inline-block;border: 1.5px solid #e0e0e0;line-height: 31px;padding: 0 28px;font-size: 14px;color: #797979;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}

.product_list .swiper-container{padding-bottom: 75px;}

.product_list .swiper-pagination-bullet{width: 14px;height: 14px;}

.product_list .swiper-pagination-bullet-active{background: #0062b7;}

.product_list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}

.product_list .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0}



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

.product_list .swiper-slide a:hover .more1{background: #0062b7;color: #fff;border: 1px solid #0062b7}

.product_list .swiper-slide a:hover .img2{-o-transform: scale(1.08);-webkit-transform: scale(1.08);-ms-transform: scale(1.08);-moz-transform: scale(1.08);transform: scale(1.08);} 





.tabul{position: absolute;top: 30.1%;width: 100%;left: 0;}

.tab_box{border-top: 1px solid #fff;line-height: 30px;}

.tab_box .tab_li{width: 14.28%;display:block; position: relative;padding-top: 20px;text-align: left;box-sizing: border-box;float: left;}
.tab_box .tab_li:before{ content:""; width:0; height:5px; background:#0062b7; position:absolute; left:0;top:-2.5px; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.tab_box .tab_li a{display: block;}

.tab_box .tab_li:last-of-type{text-align: right;}

.tab_box .tab_li.cur:before{ width:100%}

.tab_box h2{font-size:18px;font-weight: 500;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}











.newsbox{background: #f5f5f5;padding: 65px 0 108px 0}

.newsbox .ntitle{float: left;font-size: 25px;color: #1c1c1c;}

.solution-tab{float: left;font-size: 17px;margin-left: 60px;}

.solution-tab li{display: inline-block;line-height: 33px;margin-right: 56px;}

.solution-tab li a{color: #666;padding-bottom: 7px;}

.solution-tab li.cur a{color: #0062b7;position: relative;}

.solution-tab li.cur a::after{content: "";position: absolute;width: 25px;height: 3px;background: #0062b7;bottom: 0;left: 50%;margin-left: -10.75px;}





.news_list ul{margin-top: 55px;margin-left: -2%;}

.news_list li{float: left;width:23%;margin-left: 2%;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}

.news_list li .news_img{overflow: hidden;display: block;border-radius: 5px; position:relative}
.news_list li .news_img .img1{display:block; width:100%; height:auto}
.news_list li .news_img .img2{ position:absolute; left:0;top:0; width:100%; height:100%; object-fit:cover;border-radius: 5px;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}

.news_list li .news2{position: relative;width: 100%;}
.news_list li .n_logo{position: absolute;top: 0;left: 0;z-index: 2;}

.news_list li .n_logo .bg1{position: absolute;top: 0;left: 0;z-index: 2;-o-transition: opacity .3s ease;transition: opacity .3s ease;}

.news_list li .n_logo .bg2{position: absolute;top: 0;left: 0;z-index: 2;-o-transition: opacity .3s ease;transition: opacity .3s ease;opacity: 0}

.news_txt h3{font-size: 19px;color: #333;line-height: 32px;margin-top: 25px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}

.news_txt span{display: block;font-size: 16px;font-family: Arial;color: #888;margin-top: 8px;}

.news_list li:hover .news_img .img2{transform: scale(1.05);}

.news_list li:hover .n_logo .bg1{opacity: 0} 

.news_list li:hover .n_logo .bg2{opacity: 1} 

.news_list li:hover .news_txt h3{color: #0062b7}





.casebox{margin-top: 88px;}

.casebox .ntitle{font-size: 25px;color: #1c1c1c;margin-bottom: 55px;}

.case_list .case_l{background: #fff;box-shadow: 0 0 9px rgba(0,0,0,.1);text-align: center;padding-top: 35px;padding-bottom: 35px;}

.casebox .swiper-container{padding-bottom: 98px;padding-left: 6px;}

.anniu{position: absolute;right: 0;top: 0;}

.case_list .swiper-button-next, .case_list .swiper-button-prev{width: 14px;height: 19px;margin-top: 0;border: none;border-collapse: collapse;}

.case_list .swiper-button-next{background: url(../images/pic/j2.png)no-repeat}

.case_list .swiper-button-prev{background: url(../images/pic/j1.png)no-repeat;left: auto;right: 40px;}

.case_list .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1;cursor: pointer;pointer-events: auto;}

.case_list .swiper-button-next:hover{background:url(../images/pic/j2-2.png)no-repeat}

.case_list .swiper-button-prev:hover{background:url(../images/pic/j1-1.png)no-repeat}







/*底部*/



.footerbox{background: #3f464c;padding-top: 32px;font-family: "Alibaba-PuHuiTi-Regular";}

.footer_list{padding-bottom: 40px;border-bottom: 1px solid rgba(255,255,255,0.15)}

.footertop .footerleft{float: left;width:45%; }

.footer_title h3{font-size: 18px;color: #fff;line-height: 45px;}

.footer_title{border-bottom: 1px solid rgba(255,255,255,0.3);margin-bottom: 25px;}

/*.footertop .footer_title::after{content: "";display: block;width: 100%;height: 1px;background: rgba(255,255,255,0.38);bottom: 0;left: 0;}*/

.footer_title .lin2{width: 62px;height: 2px;background: #0065bc;position: relative;top: 1px;}

.footerleft li{float: left;width:31.33%;margin-left: 2%;background: #515a62;text-align: center;line-height: 34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 2.5%;}

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

.footerleft li a{display: block;color: rgba(255,255,255,0.88);font-size: 14px;}

.footer_erweima{float: left;width:27%; margin-left:5%;color: rgba(255,255,255,0.88);text-align: center;margin-top: 20px;font-size: 14px;}
.footer_erweima li{ float:left; width:40%; margin-right:5%}
.footer_erweima img{max-width: 100%;display: block;margin-bottom: 10px;}

.footer_right{float: right;width: 22%;}

.footer_right p{font-size: 15px;color: rgba(255,255,255,0.88);margin-bottom: 6.5px;}

.footer_right p span{display: inline-block;}
.footer_right p span:nth-child(1){float: left;padding-right: 1.3%;}

.fx{display: flex;justify-content: space-between;color: rgba(255,255,255,0.88);font-size: 15px;padding: 20px 0;}

.fx a{color: rgba(255,255,255,0.88);}

.footerleft li a:hover{color: rgba(255,255,255,1);}

.fx a:hover{color: rgba(255,255,255,1);}

.backtop1{ width:68px;background:#eb9c0c url(../images/pic/top_icon.png) no-repeat top 15px center; position:fixed; right:3%; bottom:15%; z-index:999; cursor:pointer; display:none;line-height: 38px;font-size: 14px;color: #333;text-align: center;padding-top: 25px;box-shadow: 0 0 5px rgba(0,0,0,0.15);}

#newBridge .nb-icon-skin-0 .nb-icon-inner-wrap{display: none;}





.kefubox{position: fixed;right: 0;bottom: 120px;z-index: 9999;}

.kefu2{display: block;}

.kefu2 .default_show{width: 50px;height: 50px;display: block;border-radius: 100%;background: #0062b7 url(../images/icon_chat_menu.png) no-repeat 0 0;-o-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}



/*.kefu2 .close{width: 50px;height: 50px;display: block;border-radius: 100%;background: #0062b7 url(../images/close_1.png) no-repeat center;position: fixed;right: 0;bottom: 80px;z-index: 999;-o-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}*/



.kefu{width: 70px;color: #FFF;box-shadow: 0 0 10px #ccc;cursor: pointer;-o-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}

.kefu dl{padding: 0;margin: 0; background: #0062b7;position: relative;/*border-bottom: 1px solid #FFF;*/ clear:both;}
.kefu dl dt{text-align: center;width: 70px;position: relative;z-index: 8;background: #0062b7;padding:10px 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:12px;}
.kefu dl dt i{font-size: 28px;}

.kefu dl dd{position: absolute; z-index: 2;top: 0px;transition: all 0.5s;background: #d59415;font-size: 16px;}

.kefu dl.tel dd{width:220px;height: 100%; padding:10px; line-height:30px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; right:-220px}
.kefu dl.tel dd span{ padding-left:56px;}
.kefu dl.ewm dd{background:#fff;width: 150px;box-shadow: 0 0 8px rgba(0,0,0,0.1); padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; right:-150px; margin-top:-130px}

.kefu dl dd a{color: #FFF;}

.kefu dl:hover dt{background: #e7a017;}

.kefu dl:hover dd{right:70px;}

.kefu dl .fa-angle-up{background:url(../images/pic/kf4.png) no-repeat center center; height:40px; display:block}



/*关于我们*/





.nbanner{position: fixed;overflow: hidden; left: 0;top: 0;width: 100%;z-index: -1;}

.nbanner img{display: block;width: 100%;-webkit-animation: FadeIn 1.5s ease-in-out .5s backwards;-moz-animation: FadeIn 1s ease-in-out .5s backwards;-ms-animation: FadeIn 2s ease-in-out .5s backwards;-o-animation: FadeIn 2s ease-in-out .5s backwards;animation: FadeIn 2s ease-in-out .5s backwards;}





.abouts{padding-top: 50px;background: #fff;position: relative;z-index: 1;margin-top:520px;padding-bottom: 105px;}

.title1 h3{display: inline-block;font-size: 25px;color: #333;}

.title1 span{display: inline-block;font-size: 15px;margin-left: 13px;text-transform: uppercase;color: #0062b7;}

.title1::after{content: "";display: block;background:url(../images/pic/bg.png)no-repeat;width:40px;height: 3px;margin-top: 5px;background-size: 100%;margin-left: 2px;}



.abtxt{margin-top: 30px;position: relative;font-size: 15px;line-height: 30px;}

.abtxt .img{text-align: right;margin-top: -262px;}

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

	.abtxt .img{text-align: right;margin-top: -270px;}

	.wars{width: 1345px;margin: auto;}

}

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





.abouts li{display: inline-block;width: 30.33%;margin-left: 2%;overflow: hidden;}

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

.abouts li img{width: 100%;display: block;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}

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







/*新闻中心*/



.nmain{margin-top: 520px;background: #fff;padding-bottom: 120px;}

.sable{border-bottom: 1px solid #e1e1e1;line-height: 80px;font-size: 17px;margin-bottom: 50px;}

.sable li{display: -webkit-box;display:flex;justify-content: center;}

.sable li a{display: inline-block;margin: 0 45px;color: #333;font-weight: bold;}

.sable li a.cur{border-bottom: 3px solid #0062b7;color: #0062b7;}





.nmain .news_list li{background: #fff;box-shadow: 0 0 8px rgba(0,0,0,0.1);padding-bottom: 40px;}

.nmain .news_list li .news_img img{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

.nmain .news_list li .news_img{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

.nmain .news_txt{padding-left: 4%;padding-right: 2%;}

.newslists{margin-top: 90px;/*border-top: 1px solid #e1e1e1;padding-top: 50px;*/}

.newslists li{padding-bottom: 25px;margin-bottom: 25px;border-bottom: solid 1px #ddd;clear: both;overflow: hidden;}

.newslists li .pic{overflow: hidden;display: block; width: 12%;float: left;height: 100%;background: #f8f8f8;text-align: center;padding: 20px 0;border-radius: 5px;box-shadow:0 0 10px rgba(0,0,0,0.1);}

.newslists li .pic span{display: block;font-size: 15px;color: #666;margin-top: 10px;}

.newslists li .pic b{display: block;font-size: 22px;color: #333}

.newslists li .pic img{width:100%;height: auto;cursor: pointer;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;transition: all 1.5s;}

.newslists li .wenx{float: right;width: 84.5%;text-align: left;}

.newslists li .wenx h3{line-height: 33px;font-weight: bold;font-size: 18px;color: #333; margin-bottom: 12px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;width: 70%;float: left;overflow: hidden;}

.newslists li .wenx .intro{color: #666;font-size: 15px;line-height: 26px;}

.newslists li .wenx .more3{margin-top: 10px; float:right; font-size:14px; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}

.newslists li .wenx .times{font-size: 13px;font-weight: normal;color: #666; margin-bottom:10px;float: right;margin-right: 1%}

.newslists li:hover .pic{background: #0062b7;color: #fff;}

.newslists li:hover .pic b{color: #fff;}

.newslists li:hover .pic span{color: #fff;}

.newsxiang .newst{border-bottom: dashed 1px #ddd;padding-bottom: 18px;}

.newslists li .wenx .more3:hover,.newslists li .wenx h3:hover{color: #0062b7;}






.nmain .newsxiang2{padding: 30px 0;line-height: 30px;font-size: 15px;}

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

.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:#ed1b23}





/*产品展示*/



.header4{display: block;background: #0062b7;}

.header4 .nav ul li >a{color: #fff;}

.header4 .language a{color: #fff}

.header4 .language a.cur{color: #fff;}

.header4 .language span{color: #fff;}

.header4 .nav{border-right: 1px rgba(244,244,244,.25) solid;}



.nmain2{margin-top: 100px;padding-bottom: 120px;}

.page-crumb{padding: 15px 0;background-color: #ECEFF4;font-size: 0;}

.page-crumb .crumb2{margin-left:20px;font-size: 16px;font-weight: 500;line-height: 30px;display: inline-block;}

.crumb-home{display: inline-block;vertical-align: top;font-size: 20px;line-height: 30px;color: #999;}

.crumb-item{position: relative;display: inline-block;vertical-align: top;margin-left: 30px;font-size: 16px;font-weight: 500;line-height: 30px;}

.crumb-item::before{content: "";position: absolute;top: 50%;left: -21px;margin-top: -1px;width: 12px;height: 2px;background-color: #999;}

.current{color: #0062b7}

.current::before{background-color: #0062b7}

.page-intro-title{font-size: 52px;font-weight: 500;line-height: 1.2;color: #333;margin-top: 80px;margin-bottom: 80px;}



.men_list li{float: left;width: 13.28%;margin-left: 1%;background: #eceff4;line-height: 64px;box-sizing: border-box;text-indent: 1em;font-size: 15px;position: relative;}

.men_list ul{margin-left: -1%;}

.men_list li .nav1{color: #333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;padding-right: 30px;border-bottom: 1px solid rgba(255,255,255,0);}

.men_list li .nav1::after{content: "";display: block;position: absolute;background: url(../images/pic/xj1.png)no-repeat right center;width: 13px;height: 13px;top:25.5px ;right: 10px;background-size: 100% 100%}

.men_list li .nav1.active{background: #0062b7;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.5);}

.men_list li .nav1.active::after{background: url(../images/pic/xj2.png)no-repeat right center;background-size: 100% 100%}



.submen{position: absolute;background: #0062b7;width: 100%;z-index: 999;display: none;}

.submen a{display: block;font-size: 14px;line-height: 45px;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.5);}

.submen p:last-of-type a{border-bottom: none;}

.submen a:hover{background: #0062b7 }





.list{margin-top: 70px;margin-left: -3%;}

.list>li{display:inline-block;vertical-align:top;width: 47%;float: left;margin-left: 3%;margin-bottom: 85px;}

.pro-item{display: block;}

.pi-series{font-size: 27px;font-weight: 500;line-height: 40px;color: #333;}

.pi-detail{font-size: 0;margin-top: 20px;box-sizing: border-box;}

.pi-img{float: left;vertical-align: top;width: 52%;max-width: 460px;background-color: #ECEFF4;overflow: hidden;box-sizing: border-box;position: relative;}



.img-box{overflow: hidden;}

.img-box>img{width: 100%;transition: all .3s ease-out;}

.v-lr{writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;}

.pi-more{position: absolute;top: 0;left: 0;bottom: 0;width: 40px;background-color: #0062b7 ;font-size: 14px;line-height: 40px;color: #fff;text-transform: uppercase;text-align: center;letter-spacing: .02em;visibility:hidden;opacity: 0;-webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); -webkit-transition: all .3s ease-out;transition: all .3s ease-out;}



.pi-more span{/*position: relative;*/display: inline-block;-webkit-transform: rotate(180deg); transform: rotate(180deg); }

.pi-intro{padding-left: 40px;padding-right: 40px;display: inline-block;vertical-align: top;width: 48%;float: left;box-sizing: border-box;}

.pi-name{font-size: 24px;font-weight: 500;line-height: 1.2;color: #333;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.pi-desc{margin-top: 25px;font-size: 14px;line-height: 26px;color: #666;height: 210px;overflow: hidden;}

.pi-desc p{margin-bottom: 12px;}

.pi-desc p:last-of-type{margin-bottom: 0;}




.list>li:hover .pi-more{visibility:visible;opacity: 1;-webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }



.list>li:hover .img-box>img{-o-transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}


.productlist2 li{float: left;width: 22.5%;margin-left: 2.5%;margin-bottom: 2.5%;box-sizing: border-box;box-shadow: 2px 0 10px rgba(0,0,0,.15);text-align: center;}

.productlist2 ul{margin-left: -2.5%;margin-top: 70px;}

.productlist2 li img{width: 100%;display: block;}

.productlist2 li h2{font-size: 18px;color: #1c1c1c;font-weight: bold;padding-top: 33px;padding-bottom: 35px;}




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

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

.pages_2 .back{ width:100px; position:absolute; right:0;top:30px;display:block; background:#0062b7 ; 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}









/*产品详情*/



.productshow1{}

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

.ptit h2{color: #fff;background: #0062b7 ;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 265px center; cursor:pointer; font-family: 'Microsoft YaHei'; font-size: 17px; color: #fff;margin-bottom: 1px;}

.sideMenu .nLi.on h3{background:#0062b7  url(../images/pic/ar1.png)no-repeat 265px center }

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

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

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

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

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

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





/*左侧导航菜单    end*/



.products_top{background-size: cover;padding-top: 50px;position: relative;}

.ntit h2{font-size: 30px;font-weight: 500;color: #333;margin-bottom: 30px;text-align: center;padding-bottom: 16px;border-bottom: 1px solid #ddd;}

.product_r{float: right;width: 69%;background: #fff;padding: 50px 40px;padding-bottom: 70px;}

.product_r .pictop{text-align: center;margin-bottom: 35px;}

.product_r .pictop img{max-width: 100%;}

.product_r .txt1{font-size: 16px;line-height: 30px;color: #444;}

.product_r .txt1 img{max-width: 100%;}

.product_r .txt1 table td{border: 1px solid #ddd;}




/*客户服务*/



.servicebox{background: url(../images/network.png)no-repeat center 240px;}

.servtitle h3{font-size: 34px;color: #333;text-align: center;padding-top: 50px;margin-bottom: 60px;}

.servtitle h3::after{content: "";display: block;width: 48px;height: 2px;background:#666;margin: 16px auto 0;}

.service_con li{float: left;width: 26.33%;margin-left: 7%;margin-bottom: 40px;min-height: 230px;}

.service_con ul{margin-left: -7%;}

.service_con li .shuzi{padding-left: 30px;font-weight: 500;font-size: 18px;color: #333;letter-spacing: 0;background: url(../images/pic/xian.png)no-repeat left center;}

.service_con li h3{margin-top: 25px;font-size: 24px;line-height: 32px;letter-spacing: .02em;color: #333;font-weight: 500;}

.service_con li .txt2{margin-top: 13px;font-size: 15px;line-height: 27px;color: #999;letter-spacing: 0.2em;}







/*案例*/



.clientsbox2 li{float: left;width: 16.66%;text-align: center;border-bottom: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;padding: 20px 0;box-sizing: border-box;}

.clientsbox2 li:nth-child(6n){border-right:1px solid #e6e6e6; }

.clientsbox2 li:last-of-type{border-right:1px solid #e6e6e6;}

.clientsbox2 ul{box-sizing: border-box;border-top: 1px solid #e6e6e6;}

.clientsbox2 li a{display: block;}



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

.nmain .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;}



.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: #0062b7;color: #fff;}



.newtit3{padding-top: 0;}





/*在线留言*/



.mestxt{font-size: 24px;color:#444;line-height: 40px;margin-bottom: 50px;font-weight: 400;}

.nmainCon{ font-size:16px;}

.nmainCon img{ max-width:100%; height:auto}

.message{ width:100%; margin:0 auto}

.message input,.message textarea,.message select{ border:1px solid #e8e8e8}

.message label{line-height:37px; display:block}

.message input{ width:93%; padding:5px; line-height:35px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background: #f3f3f3}

.message .m-list{ margin-bottom:15px; width:100%}

.message .m-list-col{ width:50%; float:left}

.message textarea{width:96.5%; padding:5px;line-height:26px; min-height:120px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background: #f3f3f3;}

.message .m-list .yzm{ width:50%; float:left}

.message .m-list .yzm input{ width:59.5%}

.message .m-list .submit{ width:35%; float:right; margin-top:35px}

.message .m-list .submit input{ cursor:pointer; background:#0062b7; color:#fff; width:50%; float:right; margin-right:7%;font-size: 16px;border-radius: 999px;line-height: 38px;}

.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: none;border: 1px solid #0062b7;color: #0062b7}







/*联系我们*/



.content_abt .ntitle1{font-size: 28px;color: #333;margin-bottom: 25px;}

.lxfs{margin-left: -2%;}

.lxfs .item{ float:left; width:23%; margin-left:2%; border:1px solid #e8e8e8; padding:20px;margin-bottom: 2%;box-sizing: border-box;height: 120px;}

.lxfs .txt{ padding-left:80px;  position:relative;line-height: 30px;}

.lxfs .txt.ics1{background:url(../images/pic/tel1.png) no-repeat left 10px;}

.lxfs .txt.ics2{background:url(../images/pic/tel2.png) no-repeat left 10px;}

.lxfs .txt.ics3{background:url(../images/pic/mail.png) no-repeat left 10px;}

.lxfs .txt.ics4{background:url(../images/pic/app.png) no-repeat left 10px;}

.lxfs .txt.ics5{background:url(../images/pic/qq.png) no-repeat left 10px;}

.lxfs .txt.ics6{background:url(../images/pic/al.png) no-repeat left 10px;}

.lxfs .txt:before{ content:""; width:1px; height:100%; background:#e8e8e8; position:absolute; left:60px;top:0}

.lxfs .txt p{ margin-bottom:0;}

.lxfs2 .item{float:left; width:52%;}

.lxfs2 .tit{ font-size:18px; border-bottom:1px solid #d8d8d8; color:#333; padding-bottom:10px; margin-bottom:10px}

.lxfs2 p{ margin-bottom:0}







#allmap{ width:100%; height:500px; border:1px solid #e5e5e5; box-sizing:border-box;margin-top: 50px;}



.nmain3{padding-bottom: 0;}

.hrbox{background: #f4f4f4;margin-top: 80px;padding-bottom: 120px;}







.recruit{background: #fff; padding: 50px 40px 60px 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 #0062b7;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:#0062b7;color:#fff}

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

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



.list2-item1{flex: 0 0 194px;display: inline-flex;align-items: center;justify-content: center;margin-top: 50px}



.list2-item1 span{display: inline-block;width: 114px;height: 36px;flex: 0 0 114px;line-height: 36px;font-size: 15px;color: #fff;background: #ff9500;text-align: center;}









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

	.index_banner .swiper-slide h2{font-size: 49px;}

	.index_banner .swiper-slide p{font-size: 23px;margin: 52px 0px 55px 0px;}

	.abouts{margin-top: 465px;}

	.productbg .ptit{top: 58px;}

	.productbg .ptit h3{margin-bottom: 16px;}

	.tabul{top: 27.6%;}

	.nmain{margin-top: 465px;}

	

}



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

	

	.tabul{top: 25.5%;}

	.productbg .ptit{padding: 26px;top: 55px;}

	

}























/* 地图*/

.infobox{



	width: 268px;



}



.infobox .d1{



	font-size: 15px;



	color: #333333;



}



.infobox .d1 span{



	color: #ccb067;



	margin-right: 5px;



}



.infobox .md-local{



	font-size: 13px;



	color: #000000;



	padding-left: 32px;



	line-height: 18px;



	background: url('../images/pic/19.png') no-repeat left top;



	margin-top: 5px;



}



.infobox .md-tel{



	font-size: 13px;



	color: #000000;



	padding-left: 32px;



	line-height: 22px;



	height: 40px;

	padding-top: 3px;

	background: url('../images/pic/20.png') no-repeat left 10px;



	min-height: 30px;



}



.infobox .dqlocal{



	position: relative;



	margin-top: 12px;



}



.infobox .dqlocal input{



	width: 224px;



	height: 28px;



	line-height: 28px;



	border: 1px solid #e0e0e0;



	background-color: #f2f2f2;



	font-size: 12px;



	color: #333333;



	padding: 0 34px 0 6px;



	vertical-align: top;



}



.infobox .dqlocal .closetext{



	width: 10px;



	height: 10px;



	background: url('../images/pic/22.png') no-repeat center;



	right: 12px;



	top: 50%;



	margin-top: -5px;



	position: absolute;



	cursor: pointer;



}



.infobox .local{



	margin-top: 10px;



	font-size: 0;



}



.infobox .local input{



	width: 214px;



	height: 28px;



	line-height: 28px;



	border: 1px solid #e0e0e0;



	background-color: #f2f2f2;



	font-size: 12px;



	color: #666666;



	padding: 0 5px;



	vertical-align: top;



}



.infobox .local .tet{



	overflow: hidden;



	white-space: nowrap;



	text-overflow: ellipsis;



}



.infobox .local .gobtn{



	height: 30px;



	line-height: 30px;



	width: 34px;



	text-align: center;



	background: #fff;



	border: 1px solid #eaeaea;



	margin-left: 6px;



}



.infobox .dia-colse{



	width: 10px;



	height: 10px;



	background: url('') no-repeat center;



	position: absolute;



	top: 0px;



	right: 0px;



	cursor: pointer;



}



































.pages {

	margin: 10px 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:40px;

  height:40px;

  line-height:40px;

  border: 1px solid #d2d2d2;

  border-left: none;

  color: #666666;

  font-size: 19px;

  cursor: pointer;

}

.pages #Pagination .pagination .current {

  background: #0079e2;

  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: #0079e2;}



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

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

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

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

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

	.pages .searchPage .page-sum{padding:0 10px}

	.pages .searchPage{ padding:0}

	

}