:root{

	--main: #2c7e87;

	--main2: rgba(44,126,136,.8);

}

/*特殊字体*/

@font-face{

  font-family:"Gotham_Bold";

  src: url("/themes/default/css/Gotham_Bold.otf") format("opentype");

}



@font-face{

  font-family:"Gotham_Book";

  src: url("/themes/default/css/Gotham_Book.otf") format("opentype");

}

::-webkit-input-placeholder{color: #333;}

:-moz-placeholder {color: #333;}

::-moz-placeholder{color: #333;}

:-ms-input-placeholder {color: #333;}



.text-line{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.text-line.line3,[text-line][line3]{-webkit-line-clamp:3;}

.text-line.line4,[text-line][line4]{-webkit-line-clamp:4;}

.text-line.line5,[text-line][line5]{-webkit-line-clamp:5;}



.cw1840{max-width: 1840px;width: 94%;margin: 0 auto;}



/*头部*/

.head{height: 100px;}

.head.bos{box-shadow: 0 13px 25px -15px rgb(0 0 0 / 20%);z-index: 2;}

#header{top: 0;z-index: 45;width: 100%;left: 0;right: 0;margin: 0 auto;}

#header.cor{background: #fff;}

#header.up{height: 0;overflow: hidden;}

#header .logo{width: 147px;height: 100px;}

#header .nav{width: 644px;left: 0;right: 0;margin: auto;top: 0;}

.l-en #header .nav{width: 690px;}

#header .nav .child{margin: 0 28px;}

.l-en #header .nav .child{margin: 0 23px;}

#header .nav .child .one{color: #333333;font-size: 14px;line-height: 100px;height: 100px;}

#header .nav .child.cur .one,

#header .nav .child:hover .one{color: var(--main);}

#header .nav .child.cur .one{font-weight: bold;}

#header .nav .child .two{top: 90px;width: 140px;height: 0;overflow: hidden;padding: 0 15px;background: rgba(255,255,255,.8);left: -20px;}

#header .nav .child .two .t2:first-child{margin-top: 20px;}

#header .nav .child .two .t2{color: #1a1a1a;font-size: 14px;margin-bottom: 20px;}

#header .nav .child .two .t2:hover{color: var(--main);}

#header .btns{padding-top: 37px;}

#header .btns .ln{padding-left: 32px;background: url(/images/lang.png) no-repeat left center;height: 26px;}

#header .btns .ln .tt{line-height: 26px;color: #333333;font-size: 14px;padding-right: 22px;background: url(/images/icon1.png) no-repeat right center;min-width: 51px;}

#header .btns .ln .box{top: 20px;width: 84px;right: 0px;height: 0;overflow: hidden;}

#header .btns .ln .box .l{margin-top: 12px;height: 32px;line-height: 32px;font-size: 14px;text-align: center;border-radius: 6px;background: var(--main);color: #fff;border: 1px solid var(--main);}

#header .btns .ln:hover .box{height: 44px;}

#header .btns .ln .box:hover .l{background: rgba(255,255,255,.6);color: var(--main);}

#header .btns .s{margin: 7px 30px 0;width: 1px;height: 13px;background: #333333;}

#header .btns .search{width: 40px;height: 26px;background: url(/images/search.png) no-repeat center center;}

#header .btns .search:hover{background-image: url(/images/search_2.png);}



@media (max-width: 1280px){

	#header .nav{width: 560px;}

	#header .nav .child{margin: 0 20px;}

}



@media (max-width: 1050px){

	#header .nav{display: none;}

	#header .btns{padding-top: 0;}

	#header .btns .search,

	#header .btns .ln{height: 100px;}

	#header .btns .s{height: 30px;margin-top: 35px;}

	#header .btns .ln .tt{line-height: 100px;}

	#header .btns .ln .box{top: 55px;}

	#header .menu{width: 60px;height: 100px;margin-left: 20px;background: url(/images/menu.png) no-repeat center center;display: inline-block;vertical-align: top;}

	

	#header .btns .ln:hover .box{height: 0;}

	#header .btns .ln.in .box{height: 44px;}

}



@media (max-width: 750px){

	.cw1840{ width: 92%;}

	#header .btns .ln .box .l,

	#header .btns .ln .tt{font-size: 24px;}



	#header .btns .ln .box{top: 100px;width: 120px;}

	#header .btns .ln .box .l{height: 50px;line-height: 50px;}

	#header .btns .ln.in .box{height: 72px;}

}



#menu{width: 0;overflow: hidden;height: 100%;overflow-y: auto;top: 0;bottom: 0;z-index: 50;right: 0;background: #fff;}

#menu.open{width: 100%;}

#menu .close{width: 100px;height: 100px;background: url(/images/close1.png) no-repeat center center;}

#menu .child:first-child{border-top: 1px solid #ddd;}

#menu .child{border-bottom: 1px solid #ddd;}

#menu .child .one{padding: 25px 0;width: 90%;margin: 0 auto;font-size: 26px;color: #333;}

#menu .child .one:hover{color: var(--main);}

#menu .child.ht .one{background: url(/images/icon18.png) no-repeat right center;}

#menu .child.ht .one:hover{color: var(--main);}

#menu .child.open .one{color: var(--main);background: url(/images/icon18_3.png) no-repeat right center;}

#menu .child .two{width: 88%;margin: 0 auto;height: 0;overflow: hidden;}

#menu .child .two .t2{margin-bottom: 30px;font-size: 24px;color: #666;}

#menu .child .two .t2:hover{color: var(--main);}



/*首页广告图*/

#index-swiper .swi1 .m-pic{width: 100%;}

#index-swiper .swi1 .m-pic:after{padding-top: 49.48%;}

#index-swiper .pg-box{bottom: 40px;width: 100%;left: 0;right: 0;margin: auto;z-index: 2;}

#index-swiper .pg-box .pn{width: 60px;height: 52px;background-repeat: no-repeat;background-position: center center;}

#index-swiper .pg-box .prev{background-image: url(/images/icon2.png);}

#index-swiper .pg-box [tabindex="0"].prev:hover{background-image: url(/images/icon2_2.png);}

#index-swiper .pg-box .next{background-image: url(/images/icon3.png);}

#index-swiper .pg-box [tabindex="0"].next:hover{background-image: url(/images/icon3_2.png);}

#index-swiper .pg-box .page{position: static;width: auto;margin: 0 4px;width: 104px;}

#index-swiper .pg-box .page:after{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 1px;height: 13px;background: #999999;}

#index-swiper .pg-box .page span{margin: 0 16px;font-size: 16px;height: 52px;line-height: 52px;font-family: 'Gotham_Bold';}

#index-swiper .pg-box .page span.swiper-pagination-current{color: var(--main);}



@media (max-width: 750px){

	#index-swiper .pc{display: none;}

	#index-swiper .mobile{display: block;}

	#index-swiper .mobile .slide .m-pic:after{padding-top: 100%;}



	#index-swiper .pg-box .page span{font-size: 24px;}

}



/*内页广告图*/

#inner-swiper .block{width: 100%;}

#inner-swiper .swi1 .m-pic:after{padding-top: 31.77%;}

#inner-swiper .swi2 .m-pic:after{padding-top: 64%;}

#inner-swiper .bread{bottom: 0;left: 0;right: 0;margin: auto;z-index: 2;}

#inner-swiper .bread .cw1400{padding: 25px 0;border-top: 1px solid rgba(255,255,255,.1);}

#inner-swiper .bread .d{color: #ffffff;font-size: 14px;line-height: 24px;}

#inner-swiper .bread .d:last-child{font-weight: bold;}

#inner-swiper.in-application .bread .cw1400{border-top: 1px solid rgba(0,0,0,.1);}

#inner-swiper.in-application .bread .d{color: #333333;}

#inner-swiper .bread .s{height: 24px;width: 6px;background: url(/images/icon7.png) no-repeat center center;margin: 0 10px;}

#inner-swiper.in-contact .bread .s,

#inner-swiper.in-about .bread .s,

#inner-swiper.in-products .bread .s{background-image: url(/images/icon8.png);}

#inner-swiper .bread a.d:hover{color: var(--main);}



@media (max-width: 750px){

	#inner-swiper .bread{display: none;}

	#inner-swiper .pc{display: none;}

	#inner-swiper .mobile{display: block;}

}





[bgfff]{background: #fff;}



/*首页*/

/*首页-产品*/

#ind-pro{padding: 100px 0 140px;}

#ind-pro .top{margin-bottom: 50px;}

#ind-pro .title .t{color: #333333;font-size: 30px;}

#ind-pro .title .en{color: #999999;font-size: 18px;font-family: 'Gotham_Book';margin-top: 20px;margin-left: 20px;}

.l-en #ind-pro .title .en{display: none;}

#ind-pro .top .more{color: #333333;font-size: 14px;padding-right: 30px;line-height: 45px;}

#ind-pro .top .more:hover{color: var(--main);}

#ind-pro .top .more:after{content: "";position: absolute;top: 0;bottom: 0;right: 0;margin: auto;width: 22px;height: 22px;background: var(--main) url(/images/icon22.png) no-repeat center center;border-radius: 50%;}

#ind-pro .cate{top: 10px;left: 0;right: 0;margin: auto;width: 42.85%;}

/*.l-en #ind-pro .cate{width: 54%;}*/
.l-en #ind-pro .cate{width: 66%;}

#ind-pro .cate .li{max-width: 33%;padding: 0 5%;}
.l-en #ind-pro .cate .li{max-width: 33%;padding: 0 2%;}

#ind-pro .cate .li .t{color: #999999;font-size: 14px;line-height: 24px;}

#ind-pro .cate .li:hover .t,

#ind-pro .cate .li.cur .t{color:var(--main);}

#ind-pro .cate .li.cur .t:after{content: "";position: absolute;left: -14px;top: 0;bottom: 0;margin: auto;width: 5px;height: 5px;background: var(--main);border-radius: 50%;}

#ind-pro .tab-list .num{color: var(--main);font-size: 30px;font-family: 'Gotham_Bold';font-weight: bold;}

#ind-pro .tab-list .p2{margin: 35px auto;width: 40px;height: 360px;}

#ind-pro .tab-list .p2 .p{width: 40px;height: 119px;position: relative;}

#ind-pro .tab-list .p2 .p:after{content: "";position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 1px;height: 100%;background: #dedede;}

#ind-pro .tab-list .p2 .p.cur:after{background: var(--main);}

#ind-pro .tab-list .num2{color: #666666;font-size: 30px;font-family: 'Gotham_Book';}

/*#ind-pro .container{width: 91.43%;height: 500px;margin: 0;}*/
#ind-pro .container{width: 94.43%;height: 500px;margin: 0;}

#ind-pro .container .slide .df{display: flex;align-items: center;justify-content: space-between;}

/*#ind-pro .container .slide .left{width: 33.2%;}*/
#ind-pro .container .slide .left{width: 43.2%;}

#ind-pro .container .slide .left .tit{padding-top: 42px;background: url(/images/icon26.png) no-repeat left top;}

.l-en #ind-pro .container .slide .left .en{display: none;}

#ind-pro .container .slide .left .tit .en{color: #333333;font-size: 16px;font-family: 'Gotham_Book';margin-bottom: 15px;}

/*#ind-pro .container .slide .left .name{color: #333333;font-size: 60px;max-height: 120px;font-weight: bold;}*/
#ind-pro .container .slide .left .name{color: #333333;font-size: 44px;max-height: 120px;font-weight: bold;}

.l-en #ind-pro .container .slide .left .name{font-size: 44px;line-height: 54px;max-height: 108px;margin-bottom: 12px;}

#ind-pro .container .slide:hover .left .name{color: var(--main);}

#ind-pro .container .slide .left .desc{color: #666666;font-size: 14px;line-height: 24px;max-height: 72px;}

#ind-pro .container .slide .left .more{color: #666666;font-size: 14px;border: 1px solid #dcdcdc;border-radius: 5px;width: 130px;height: 50px;line-height: 50px;text-align: center;margin-top: 14%;}

#ind-pro .container .slide:hover .left .more{background: var(--main);color: #fff;border-color: var(--main);}

/*#ind-pro .container .slide .img{width: 62.5%;margin-left: 4.3%;order:2;}*/
#ind-pro .container .slide .img{width: 54.6875%;margin-left: 4.3%;order:2;}

/*#ind-pro .container .slide .img:after{padding-top: 62.5%;}*/
#ind-pro .container .slide .img:after{padding-top: 75%;}



@media (max-width: 1460px){

	#ind-pro{padding: 100px 0;}

	#ind-pro .container .slide .left .name{font-size: 40px;}

	#ind-pro .tab-list .p2 .p{height: 100px;}

	#ind-pro .tab-list .p2{height: 300px;}

}



@media (max-width: 1280px){

	#ind-pro{padding: 80px 0;}

	#ind-pro .container{height: 450px;}

	#ind-pro .container .slide .left .name{font-size: 28px;}

	#ind-pro .cate{position: static;margin-top: 30px;width: 100%;}

}



@media (max-width: 981px){

	#ind-pro .top .cate,

	#ind-pro .tab-list{display: none;}

	#ind-pro .tab-list.hide{display: block;}

	#ind-pro .container{width: 100%;height: auto;}

	#ind-pro .swiper-pagination{position: static;margin-top: 60px;}

	#ind-pro .swiper-pagination span{width: 10px;height: 10px;margin: 0 12px;}

	#ind-pro .swiper-pagination span.swiper-pagination-bullet-active{width: 24px;border-radius: 50px;background: var(--main);}

	#ind-pro .container .slide .left{width: 45%;}

	#ind-pro .container .slide .left .name{font-size: 20px;margin-bottom: 10px;}

	#ind-pro .container .slide .left .more{margin-top: 10%;}

}



@media (max-width: 750px){
	.desc *{ font-size: 24px !important;}

	#ind-news .title .t{font-size: 36px;}

	#ind-pro .container .slide .df{display: block;}

	#ind-pro .container .slide .img{width: 100%;margin-left: 0;}

	#ind-pro .container .slide .left{width: 100%;margin-top: 40px;}

	#ind-pro .container .slide .left .more{margin-top: 30px;}

	#ind-pro .title .en,

	#ind-pro .top .more{font-size: 24px;}

	#ind-pro .title .en{margin-top: 14px;}

	#ind-pro .top .more{padding-right: 40px;}

	#ind-pro .top .more:after{width: 30px;height: 30px;}



	#ind-pro .container .slide .left .desc,

	#ind-pro .container .slide .left .more,

	#ind-pro .container .slide .left .tit .en{font-size: 30px; line-height: 1.8;}

	#ind-pro .container .slide .left .desc{ max-height: /*108px*/inherit;}

	#ind-pro .container .slide .left .more{ padding: 0 20px; width: auto; height: 60px; line-height: 60px;}

	#ind-pro .container .slide .left .name{font-size: 26px;}

}





/*首页-应用*/

#ind-app .top{top: 100px;left: 0;right: 0;margin: auto;z-index: 2;}

#ind-app .top .tit{color: #ffffff;font-size: 30px;margin-bottom: 5px;}

#ind-app .top .en{color: rgba(255,255,255, .3);font-size: 18px;font-family: 'Gotham_Book';}

.l-en #ind-app .top .en{display: none;}

#ind-app .tab2{}

#ind-app .tab2 .tb{width: 100%;}

#ind-app .tab2 .tb .m-pic{width: 100%;}

#ind-app .tab2 .tb .m-pic:after{padding-top: 49.479%;}

#ind-app:after{content: "";position: absolute;width: 100%;height: 63.157%;bottom: 0;left: 0;right: 0;z-index: 3;background: url(/images/app_bg2.png) no-repeat center center/100% 100%;}

#ind-app .app-list{bottom: 113px;width: 100%;left: 0;right: 0;margin: auto;z-index: 10;}

#ind-app .app-list .td{width: 120px;margin-right: 225px;position: relative;}

#ind-app .app-list .td .ico{width: 120px;height: 120px;border: 1px dashed #fff;border-radius: 50%;}

#ind-app .app-list .td .ico .m-pic{width: 102px;border-radius: 50%;margin: 8px auto 0;}

#ind-app .app-list .td .ico .m-pic:after{padding-top: 102px;}

#ind-app .app-list .td .t{font-size: 24px;color: #fff;margin-top: 28px;}

#ind-app .app-list .td:before{content: "";display: inline-block;margin-top: 60px;width: 225px;height: 1px;background: url(/images/long2.png) no-repeat center center;position: absolute;left: 120px;}
#ind-app .app-list .td:last-child{margin-right: 0;}
#ind-app .app-list .td:last-child:before{display: none;}

/*#ind-app .app-list .td:nth-child(2){position: relative;margin: 0 225px;}*/
/*#ind-app .app-list .td:nth-child(2):after,*/
/*#ind-app .app-list .td:nth-child(2):before{content: "";position: absolute;top: 60px;width: 225px;height: 1px;background: url(/images/long2.png) no-repeat center center;}*/
/*#ind-app .app-list .td:nth-child(2):after{right: -225px;}*/
/*#ind-app .app-list .td:nth-child(2):before{left: -225px;}*/

#ind-app .app-list .td:hover .m-pic,

#ind-app .app-list .td.cur .m-pic{background: #fff;}

#ind-app .app-list .td:hover .m-pic .i1,

#ind-app .app-list .td.cur .m-pic .i1{display: none;}

#ind-app .app-list .td:hover .m-pic .i2,

#ind-app .app-list .td.cur .m-pic .i2{display: inline-block;}

#ind-app .app-list .td:hover .t,

#ind-app .app-list .td.cur .t{font-weight: bold;}



@media (max-width: 1400px){

	#ind-app .app-list{bottom: 60px;}

	#ind-app .app-list .td{margin-right: 100px;}
	#ind-app .app-list .td:before{margin-top: 50px;width: 100px;left: 100px;}

	/*#ind-app .app-list .td:nth-child(2){margin: 0 100px;}*/

	/*#ind-app .app-list .td:nth-child(2):before{top: 50px;width: 100px;left: -100px;}*/

	/*#ind-app .app-list .td:nth-child(2):after{top: 50px;width: 100px;right: -100px;}*/

	#ind-app .app-list .td .ico{width: 100px;height: 100px;}

	#ind-app .app-list .td{width: 100px;}

	#ind-app .app-list .td .ico .m-pic{width: 80px;margin-top: 9px;}

	#ind-app .app-list .td .ico .m-pic:after{padding-top: 80px;}

}

@media (max-width: 1280px){

	#ind-app .top{top: 60px;}

	#ind-app .app-list{bottom: 30px;}

	#ind-app .app-list .td{margin-right: 80px;}
	#ind-app .app-list .td:before{margin-top: 40px;width: 80px;left: 80px;}

	/*#ind-app .app-list .td:nth-child(2){margin: 0 80px;}*/

	/*#ind-app .app-list .td:nth-child(2):before{top: 50px;width: 80px;left: -80px;}*/

	/*#ind-app .app-list .td:nth-child(2):after{top: 50px;width: 80px;right: -80px;}*/

	#ind-app .app-list .td .ico{width: 80px;height: 80px;}

	#ind-app .app-list .td{width: 80px;}

	#ind-app .app-list .td .ico .m-pic{width: 60px;margin-top: 9px;}

	#ind-app .app-list .td .ico .m-pic img{max-width: 30px;}

	#ind-app:after{height: 40%;}

	#ind-app .app-list .td .ico .m-pic:after{padding-top: 60px;}

}



@media (max-width: 981px){

	#ind-app .tab2 .tb .m-pic:after{padding-top: 60%;}

}

@media (max-width: 750px){

	#ind-app .top .tit{font-size: 36px;}

	#ind-app .top .en{font-size: 24px;}

	#ind-app .app-list .td .t{margin-top: 20px;}

	#ind-app .tab2 .tb .m-pic:after{padding-top: 80%;}

}

/*首页-新闻*/

#ind-news{padding: 100px 0;background: #f1f1f1;}

#ind-news .top{margin-bottom: 40px;}

#ind-news .title .t{color: #333333;font-size: 30px;}

#ind-news .title .en{color: #999999;font-size: 18px;font-family: 'Gotham_Book';margin-top: 20px;margin-left: 20px;}

#ind-news .top .more{color: #333333;font-size: 14px;padding-right: 30px;line-height: 45px;}

#ind-news .top .more:hover{color: var(--main);}

#ind-news .top .more:after{content: "";position: absolute;top: 0;bottom: 0;right: 0;margin: auto;width: 22px;height: 22px;background: var(--main) url(/images/icon22.png) no-repeat center center;border-radius: 50%;}

#ind-news .left{width: 48.357%;}

#ind-news .left .m-pic:after{padding-top: 86.11%;}

#ind-news .left:after{content: "";position: absolute;bottom: 0;width: 100%;height: 0;overflow: hidden;left: 0;right: 0;background: url(/images/new_bg1.png) no-repeat center center;z-index: 2;transition: 0.5s all;--webkit-transition: 0.5s all;}

#ind-news .left .cate{width: 84.19%;left: 0;right: 0;margin: auto;top: 8.57%;z-index: 3;color: #fafafa;font-size: 14px;}

#ind-news .left .con{width: 84.19%;left: 0;right: 0;margin: auto;bottom: 8.57%;z-index: 3;}

#ind-news .left .con .date{color: #fff;font-size: 18px;font-family: 'Gotham_Book';margin-bottom: 15px;}

#ind-news .left .con .name{color: #fff;font-size: 30px;line-height: 40px;}

#ind-news .left:hover::after{height: 100%;}

#ind-news .right{width: 48.07%;}

#ind-news .right .info{width: 100%;background: #fff;padding-top: 39.82%;}

#ind-news .right .info:nth-child(1){margin-bottom: 6.98%;}

#ind-news .right .info .m-pic{width: 100%;height: 100%;top: 0;left: 0;z-index: 1;text-align: left;}

#ind-news .right .info .m-pic img{width: 100%;height: 0;min-height: auto;vertical-align: bottom;}

#ind-news .right .info:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;overflow: hidden;height: 0;background: url(/images/new_bg2.png) no-repeat center center;transition: 0.5s all;--webkit-transition: 0.5s all;z-index: 2;}

#ind-news .right .info .cate{width: 84.69%;left: 0;right: 0;margin: auto;top: 18.57%;z-index: 3;color: #b2b2b2;font-size: 14px;}

#ind-news .right .info .con{width: 84.69%;left: 0;right: 0;margin: auto;bottom: 18.57%;z-index: 3;}

#ind-news .right .info .con .date{color: #bbbbbb;font-size: 18px;font-family: 'Gotham_Book';margin-bottom: 15px;}

#ind-news .right .info .con .name{color: #282828;font-size: 20px;line-height: 30px;}

#ind-news .right .info:hover .m-pic img,

#ind-news .right .info:hover::after{height: 100%;}

#ind-news .right .info:hover .cate,

#ind-news .right .info:hover .con .date,

#ind-news .right .info:hover .con .name{color: #fff;}



@media (max-width: 1280px){

	#ind-news{padding: 80px 0;}

	#ind-news .left .con .name{font-size: 24px;line-height: 36px;}

	#ind-news .right .info .con .name{font-size: 18px;}

}



@media (max-width: 850px){

	#ind-news .left .con .name{font-size: 20px;line-height: 30px;}

}



@media (max-width: 750px){

	#ind-news .right,

	#ind-news .left{width: 98.11%;float: none;}



	#ind-news .title .t{font-size: 36px;}



	#ind-news .left,

	#ind-news .right .info{margin-bottom: 40px;}

	#ind-news .left .con,

	#ind-news .right .info .con{width: 88%;}

	#ind-news .top .more,

	#ind-news .left .cate,

	#ind-news .left .con .date,

	#ind-news .right .info .con .date,

	#ind-news .right .info .cate{font-size: 24px;}

	#ind-news .left .con .name,

	#ind-news .right .info .con .name{font-size: 26px;line-height: 36px;}





	#ind-news .top .more{padding-right: 40px;}

	#ind-news .top .more:after{width: 30px;height: 30px;}

}





/*关于我们*/

.pub-title{color: var(--main);font-size: 36px;}

.pub-en{color: #999999;font-size: 12px;margin-top: 5px;}

.pub-desc{color: #333333;font-size: 18px;margin-top: 15px;}

.l-en .pub-en{font-size: 0;}

#about .intro{padding: 100px 0;}

#about .intro .pub-en{margin-bottom: 50px;}

#about .intro .m-pic{margin-bottom: 100px;}

#about .intro .left{width: 35.7%;}

#about .intro .left .company{color: #333333;font-size: 30px;}

#about .intro .left .td{max-width: 50%;padding-right: 10%;margin-top: 35px;border-right: 1px solid #dedede;}

#about .intro .left .td:nth-child(2n){border-right: none;padding-left: 10%;padding-right: 0;}

#about .intro .left .td .num{font-family: 'Gotham_Bold';color: var(--main);font-size: 30px;}

#about .intro .left .td .t{color: #333333;font-size: 14px;}

#about .intro .right{width: 56.42%;color: #666666;font-size: 16px;line-height: 36px;}



@media (max-width: 1280px){

	#about .intro{padding: 80px 0;}

	#about .intro .m-pic{margin-bottom: 80px;}

	#about .intro .left .company{font-size: 26px;}

}



@media (max-width: 850px){

	#about .intro .left,

	#about .intro .right{width: 100%;float: none;}

	#about .intro .left{margin-bottom: 40px;text-align: center;}

	#about .intro .left .td:nth-child(2n),

	#about .intro .left .td{max-width: 33%;padding: 0 5%;}

	#about .intro .left .td:nth-child(2n){border-right: 1px solid #dedede;}

	#about .intro .left .td:nth-child(3n),

	#about .intro .left .td:last-child{border-right: none;}

}



@media (max-width: 750px){

	.pub-en,

	.pub-desc{font-size: 26px;}



	#about .intro .left .company{font-size: 25px;}

	#about .intro .left .td .t{font-size: 24px;}

	#about .intro .right{font-size: 26px;line-height: 38px;}



	#about .intro .left .td:nth-child(2n),

	#about .intro .left .td{width: 50%;max-width: 50%;}

	#about .intro .left .td .num{font-size: 32px;}

}



#culture{padding: 100px 0;background: #fafafa;}

#culture .top{padding-top: 90px;position: relative;}

#culture .top:after{content: "";width: 1px;height: 60px;background: #dedede;position: absolute;top: 0;left: 0;right: 0;margin: auto;}

#culture .list .cul{margin-top: 50px;width: 31.79%;margin-right: 2.315%;padding-top: 16.357%;}

#culture .list .cul .img,

#culture .list .cul .con{width: 100%;height: 100%;top: 0;left: 0;right: 0;margin: auto;}

#culture .list .cul .con{z-index: 2;padding: 13.03% 48px 0;}

#culture .list .cul .con .tit{color: #ffffff;font-size: 24px;line-height: 30px;margin-bottom: 10px;}

#culture .list .cul .con .desc{color: rgba(255,255,255,.4);font-size: 14px;line-height: 24px;height: 72px;}

#culture .list .cul .con .center{padding-bottom: 3px;}

#culture .list .cul .con .center:after{content: "";position: absolute;left: 0;bottom: 3px;width: 30px;height: 3px;background: #fff;}

#culture .list .cul:nth-child(3n){margin-right: 0;}



@media (max-width: 1460px){

	#culture .list .cul .con{padding: 8% 35px 0;}

}

@media (max-width: 1280px){

	#culture{padding: 80px 0;}

	#culture .top{padding-top: 80px;}

	#culture .top:after{height: 55px;}

	#culture .list .cul .con{padding-top: 6.5%;}

	#culture .list .cul .con .tit{font-size: 20px;}

}



@media (max-width: 981px){

	#culture .list .cul:nth-child(3n),

	#culture .list .cul{width: 48%;margin-right: 4%;padding-top: 0;}

	#culture .list .cul:nth-child(2n){margin-right: 0;}

	#culture .list .cul .img,

	#culture .list .cul .con{position: static;}

	#culture .list .cul .m-pic:after{padding-top: 24.857%;}

	#culture .list .cul .con{height: auto;padding: 30px 10px 0;}

	#culture .list .cul .con .center:after{display: none;}

	#culture .list .cul .con .tit{font-size: 26px;color: #1a1a1a;}

	#culture .list .cul .con .desc{font-size: 24px;height: auto;line-height: 36px;overflow: visible;color: #666;}



}
@media (max-width: 750px){
	#culture .list .mb{display: block;}
	#culture .list .pc{display: none;}
	#culture .list .cul{width: 50%;}
	#culture .list .pn{width: 60px;height: 60px;border: 2px solid #333333;border-radius: 50%;background-repeat: no-repeat;background-position: center center;top: 0;bottom: 0;margin: auto;z-index: 2;background-color: rgba(255,255,255,.7);}
	#culture .list .prev{background-image: url(/images/icon17.png);left: 0;}
	#culture .list .next{background-image: url(/images/icon18.png);right: 0;}
}



#honor{padding: 100px 0;}

#honor .pub-en{margin-bottom: 50px;}

#honor .container{width: 85%;padding: 30px 0;}

#honor .slide{width: 480px;border: 1px solid #dcdcdc;padding: 25px 0 35px;background: #fff;}

#honor .slide.swiper-slide-active{box-shadow: 0 0 25px 5px #e2e0e0;}

#honor .slide .m-pic{width: 84.8%;margin: 0 auto;}

#honor .slide .m-pic:after{padding-top: 88.44%;}

#honor .slide .m-pic img{filter: blur(5px);-webkit-filter: blur(5px);-moz-filter: blur(5px);-ms-filter: blur(5px);-o-filter: blur(5px);}

#honor .slide.swiper-slide-active .m-pic img{filter: blur(0);-webkit-filter: blur(0);-moz-filter: blur(0);-ms-filter: blur(0);-o-filter: blur(0);}

#honor .slide .name{width: 84.8%;margin: 40px auto 0;font-size: 18px;color: #1a1a1a;}

#honor .pn{width: 60px;height: 60px;border: 2px solid #333333;border-radius: 50%;background-repeat: no-repeat;background-position: center center;top: 0;bottom: 0;margin: auto;}

#honor .prev{background-image: url(/images/icon17.png);left: 0;}

#honor [tabindex="0"].pn:hover{border-color: var(--main);background-color: var(--main);}

#honor [tabindex="0"].prev:hover{background-image: url(/images/icon17_2.png);}

#honor .next{background-image: url(/images/icon18.png);right: 0;}

#honor [tabindex="0"].next:hover{background-image: url(/images/icon18_2.png);}



@media (max-width: 1560px){

	#honor .container{width: 80%;}

	#honor .slide{width: 460px;}

}

@media (max-width: 1440px){

	#honor .slide{width: 450px;}

}

@media (max-width: 1280px){

	#honor{padding: 80px 0;}

}

@media (max-width: 750px){

	#honor .slide .name{font-size: 24px;}

}





#history{padding: 100px 0;background: #fafafa;}

#history .top{width: 100%;margin-top: 90px;}

#history .top .li .pic{width: 48.57%;}

#history .top .li .pic:after{padding-top: 70.58%;}

#history .top .li .text{width: 47.14%;}

#history .top .li .text .y{color: var(--main);font-size: 30px;line-height: 40px;font-family: 'Gotham_Bold';margin: 11.36% 0 3.06%;}

#history .top .li .text .y .s{color: var(--main);font-size: 30px;}

#history .top .li .text .li{width: 100%;display: flex;padding: 15px 0;border-bottom: 1px solid #dedede;}

#history .top .li .text .li .d,

#history .top .li .text .li .t{color: #333333;font-size: 18px;line-height: 28px;}

#history .top .li .text .li .d{width: 86%;margin-left: 4.54%;}

#history .bot{margin-top: 50px;}

#history .bot .container{width: 87%;padding-top: 25px;}

#history .bot .line{width: 100%;height: 1px;background: #e1e1e1;left: 0;right: 0;top: 30px;}

#history .bot .li{}

#history .bot .li .dian{width: 10px;height: 10px;background: #aeaeae;border-radius: 100%;}

#history .bot .li .year{font-size: 24px;color: #999;font-family: 'Gotham_Bold';}

#history .bot .li.swiper-slide-thumb-active .dian{width: 20px;height: 20px;background: var(--main);transform: translateY(-5px);}

#history .bot .li.swiper-slide-thumb-active .year{font-size: 30px;color: var(--main);}

#history .bot .prev,

#history .bot .next{width: 60px;height: 60px;border: 1px solid #3a3a3a;border-radius: 100%;top: 0;background-color: #fff;z-index: 2;}

#history .bot .prev:hover,

#history .bot .next:hover{border-color: transparent;background: var(--main);}

#history .bot .prev .svg,

#history .bot .next .svg{fill: #3a3a3a;}

#history .bot .prev:hover .svg,

#history .bot .next:hover .svg{fill: #fff;}

#history .bot .prev{left: 0;}

#history .bot .next{right: 0;}



@media (max-width: 1280px){

	#history{padding: 80px 0;}

	#history .top{margin-top: 80px;}

	#history .top .li .text .y{margin-top: 5%;}

}



@media (max-width: 981px){

	#history .top .li .text,

	#history .top .li .pic{width: 100%;float: none;}

}



@media (max-width: 750px){

	#history .top .li .text .li .d,

	#history .top .li .text .li .t{font-size: 24px;line-height: 36px;}

	#history .bot{margin-top: 80px;}

}





/*新闻*/

#news{padding-bottom: 45px;}

#news .hot-list{position: relative;padding: 148px 0 152px;background: url(/images/long.png) no-repeat center bottom;}

#news .hot-list .swip1{overflow: visible;}

#news .hot-list .in1:after{content: "";position: absolute;width: 100%;right: -100px;top: 0;height: 100%;background: url(/images/bg2.png) no-repeat right center;}

#news .hot-list .swip1 .slide{width: 100%;margin-right: 100px;opacity: .4;}

#news .hot-list .swip1 .slide.swiper-slide-active{opacity: 1;}

#news .hot-list .swip1 .m-pic{width: 58.57%;}

#news .hot-list .swip1 .m-pic:after{padding-top: 66.46%;}

#news .hot-list .box{width: 46.57%;bottom: 70px;right: 0;z-index: 10;}

#news .hot-list .box .container{margin-bottom: 40px;height: 243px;background: url(/images/bg3.png) no-repeat center center;padding-top: 40px;}

#news .hot-list .box .container .d1{color: #ffffff;font-size: 57px;font-weight: bold;font-family: 'Gotham_Bold';padding-bottom: 15px;margin-bottom: 12px;border-bottom: 1px solid #fff;}

#news .hot-list .box .container .d2{color: #ffffff;font-size: 16px;opacity: 0.74;}

#news .hot-list .box .container .date{padding: 0 6%;}

#news .hot-list .box .container .con{width: 66.65%;}

#news .hot-list .box .container .con .name{color: #ffffff;font-size: 24px;font-weight: bold;line-height: 36px;max-height: 72px;margin-bottom: 15px;}

#news .hot-list .box .pn{width: 50px;height: 50px;border-radius: 50%;background-color: #efefef;background-repeat: no-repeat;background-position: center center;}

#news .hot-list .box .p1{margin: 0 14px;}

#news .hot-list .box .p1 .spage{position: static;width: auto;}

#news .hot-list .box .p1 .spage,

#news .hot-list .box .p1 .spage .swiper-pagination-current{line-height: 50px;color: var(--main);font-size: 18px;font-family: 'Gotham_Book';}

#news .hot-list .box .p1 .spage span{color: #999999;font-size: 18px;font-family: 'Gotham_Book';}

#news .hot-list .box .prev{background-image: url(/images/icon17.png);}

#news .hot-list .box .next{background-image: url(/images/icon18.png);}

#news .hot-list .box [tabindex="0"].prev:hover{background-color: var(--main);background-image: url(/images/icon17_2.png);}

#news .hot-list .box [tabindex="0"].next:hover{background-color: var(--main);background-image: url(/images/icon18_2.png);}

#news .hot-list .box .container .con .desc{color: #ffffff;font-size: 16px;line-height: 26px;max-height: 78px;}

#news .list{}

#news .list.top{padding-top: 100px;}

#news .list .info .cw1400{border-bottom: 1px dashed #dddddd;padding: 40px 0;}

#news .list .info .date .d{color: #333333;font-size: 26px;font-weight: bold;font-family: 'Gotham_Bold';margin-bottom: 5px;}

#news .list .info .date .d2{color: #333333;font-size: 16px;font-family: 'Gotham_Book';}

#news .list .info .con{width: 84.29%;}

#news .list .info .con .name{color: #333333;font-size: 18px;line-height: 30px;font-weight: bold;margin-bottom: 20px;}

#news .list .info .con .desc{color: #666666;font-size: 14px;line-height: 24px;max-height: 120px;}

#news .list .info:hover{background: #f8f8f8;}

#news .list .info:hover .cw1400{border-bottom: 1px solid var(--main);}

#news .list .info:hover .date .d,

#news .list .info:hover .con .name,

#news .list .info:hover .date .d2{color: var(--main);}

#news .page{padding-top: 40px;}

/*详细*/

#news-detail{background: #fafafa;}

#news-detail .bread{padding: 40px 0 70px;}

#news-detail .bread .d{color: #333333;font-size: 14px;line-height: 24px;}

#news-detail .bread .s{margin: 0 10px;width: 6px;height: 24px;background: url(/images/icon19.png) no-repeat center center;}

#news-detail .bread .d:last-child,

#news-detail .bread a.d:hover{color: var(--main);}

#news-detail .detail .title{color: #333333;font-size: 36px;margin-bottom: 5px;}

#news-detail .detail .con{margin-bottom: 70px;}

#news-detail .detail .con .d{color: #999999;font-size: 14px;line-height: 24px;background-position: left center;background-repeat: no-repeat;}

#news-detail .detail .con .time{margin-right: 25px;padding-left: 26px;background-image: url(/images/icon20.png);}

#news-detail .detail .con .view{padding-left: 30px;background-image: url(/images/icon21.png);}

#news-detail .content{padding: 80px 0;margin-bottom: 60px;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;}

#news-detail .btns{padding-bottom: 90px;}

#news-detail .btns .menu,

#news-detail .btns .pn{width: 31.57%;border: 1px solid #dedede;background: #fff;height: 50px;line-height: 50px;color: #333333;font-size: 14px;border-radius: 50px;}

#news-detail .btns .menu{margin: 0 2.645%;background: var(--main);color: #fff;}

#news-detail .btns .menu .i,

#news-detail .btns .pn .i{width: 7px;height: 50px;background-repeat: no-repeat;background-position: center center;}

#news-detail .btns .prev .i{margin-right: 15px;background-image: url(/images/icon12.png);}

#news-detail .btns [href].prev:hover .i{background-image: url(/images/icon12_2.png);}

#news-detail .btns .next .i{margin-left: 15px;background-image: url(/images/icon13.png);}

#news-detail .btns [href].next:hover .i{background-image: url(/images/icon13_2.png);}

#news-detail .btns .menu .i{width: 15px;background-image: url(/images/icon11.png);margin-right: 15px;}

#news-detail .btns [href].pn:hover{color: #fff;background: var(--main);}

#news-detail .btns .menu:hover{background: var(--main2);}

#news-detail .recommend{padding: 80px 0;}

#news-detail .recommend .title{margin-bottom: 70px;color: #333333;font-size: 36px;}

#news-detail .recommend .slide{width: 31.79%;margin-right: 2.357%;}

#news-detail .recommend .slide .m-pic:after{padding-top: 61.8%;}

#news-detail .recommend .slide .date{margin: 30px 0 15px;color: #333333;font-size: 14px;}

#news-detail .recommend .slide .tit{color: #333333;font-size: 18px;margin-bottom: 15px;}

#news-detail .recommend .slide .desc{color: #999999;font-size: 14px;line-height: 24px;max-height: 48px;}

#news-detail .recommend .slide:hover .tit{color: var(--main);}

#news-detail .recommend .swiper-pagination{position: static;margin-top: 40px;}

#news-detail .recommend .swiper-pagination span{margin: 0 12px;width: 12px;height: 12px;opacity: 1;background: #dedede;}

#news-detail .recommend .swiper-pagination .swiper-pagination-bullet-active{background: var(--main);}



@media (max-width: 1280px){

	#news .hot-list{padding: 80px 0;}

	#news .hot-list .box{bottom: 40px;}

	#news .hot-list .box .container .con .name{font-size: 20px;line-height: 28px;max-height: 56px;}

	#news .hot-list .box .container .d1{font-size: 45px;}

	#news .hot-list .box .container{height: 232px;margin-bottom: 30px;}

	#news .hot-list .box .container .con{width: 68%;}

}



@media (max-width: 1050px){

	#news .hot-list .box .pn{width: 40px;height: 40px;}

	#news .hot-list .box .p1 .spage,

	#news .hot-list .box .p1 .spage .swiper-pagination-current{line-height: 40px;}

	#news .hot-list .box{width: 41.57%;top: 0;bottom: auto;}

}

@media (max-width: 890px){

	#news .hot-list .box .pn{width: 40px;height: 40px;}

	#news .hot-list .box{position: static;width: 100%;}

	#news .hot-list .box .container{height: auto;-webkit-background-size: cover;background-size: cover;padding: 60px 0;}

	#news .hot-list .box .text-right{text-align: center;}

	#news .hot-list .swip1 .m-pic{width: 100%;}



	#news .hot-list .in1:after{display: none;}

}



	#news .hot-list .box .container .date{text-align: center;}

@media (max-width: 750px){

	#news .hot-list .box .container .d2{font-size: 24px;}

	#news .hot-list .box .container .con .name{font-size: 26px;line-height: 38px;max-height: 76px;}

	#news .hot-list .box .container .con .desc{font-size: 24px;line-height: 36px;max-height: 108px;}

	#news .hot-list .box .pn{width: 60px;height: 60px;}

	#news .hot-list .box .p1{margin: 0 25px;}

	#news .hot-list .box .p1 .spage,

	#news .hot-list .box .p1 .spage .swiper-pagination-current{line-height: 60px;font-size: 26px;}

	#news .list .info .date .d2,

	#news .hot-list .box .p1 .spage span{font-size: 24px;}



	#news .list .info .con{width: 82%;}

	#news .list .info .con .name{font-size: 26px;line-height: 36px;}

	#news .list .info .con .desc{font-size: 24px;line-height: 34px;max-height: 170px;}

	#news .list .info .date .d{font-size: 28px;}



	#news .page{padding-top: 60px;}



	#news-detail .detail .title{font-size: 30px;}

	#news-detail .recommend .slide .date,

	#news-detail .recommend .slide .desc,

	#news-detail .detail .con .d,

	#news-detail .bread .d{font-size: 24px;line-height: 36px;}

	#news-detail .recommend .slide .img{ width: 100%;}

	#news-detail .recommend .slide .img img{ max-width: 100%; max-height: 100%;}

	#news-detail .recommend .slide .desc{max-height: 72px;}

	#news-detail .recommend .slide .tit{font-size: 26px;}

	#news-detail .recommend .title{margin-bottom: 40px;}

	#news-detail .btns .menu,

	#news-detail .btns .pn{font-size: 24px;}

	#news-detail .bread .s{height: 36px;}

}



/*产品*/

#products{background: #fafafa;padding: 100px 0;}

#products .cate-list{margin-bottom: 75px;}

#products .cate-list .cate{margin: 0 3%;color: #999999;font-size: 18px;}

#products .cate-list .cate.cur{font-family: 'Gotham_Bold';font-weight: bold;}

#products .cate-list .cate.cur,

#products .cate-list .cate:hover{color: var(--main);}

#products .list .pro{width: 29.64%;margin-right: 5.54%;margin-bottom: 4.28%;}

#products .list .pro .m-pic:after{padding-top: 100%;}

#products .list .pro:nth-child(3n){margin-right: 0;}

#products .list .pro .con{padding: 30px 20px;}

#products .list .pro .con .name{color: #333333;font-size: 18px;margin-bottom: 5px;}

#products .list .pro .con .desc{color: #333333;font-size: 14px;}

#products .list .pro:hover .con{background: url(/images/bg1.png) no-repeat center center/cover;}

#products .list .pro:hover .con .name,

#products .list .pro:hover .con .desc{color: #fff;}

#products .page{border-top: 1px solid #dedede;}

/*详细*/

#pro-detail .bread{background: var(--main);padding: 25px 0;}

#pro-detail .bread .d{color: #ffffff;font-size: 14px;line-height: 24px;}

#pro-detail .bread .d:last-child{font-weight: bold;}

#pro-detail .bread .s{height: 24px;width: 6px;background: url(/images/icon8.png) no-repeat center center;margin: 0 10px;}

#pro-detail .bread a.d:hover{opacity: .8;}

#pro-detail .top{padding: 100px 0 115px;background: #fafafa;}

#pro-detail .top .left{width: 50%;}

#pro-detail .top .swi1{width: 100%;}

/*#pro-detail .top .swi1 .m-pic:after{padding-top: 82.85%;}*/

#pro-detail .top .swi1 .m-pic:after{padding-top: 75%;}

#pro-detail .top .swi2{width: 86.22%;margin: 15px auto 0;}

#pro-detail .top .swi2 .slide{width: 25.04%;border-right: 1px solid #fff;box-sizing: border-box;}

#pro-detail .top .swi2 .slide:after{content: '';position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;border: 2px solid transparent;z-index: 2;box-sizing: border-box;transtion: 0.5s all;--webkit-transtion: 0.5s all;}

#pro-detail .top .swi2 .m-pic:after{padding-top: 80.67%;}

#pro-detail .top .swi2 .slide:hover::after,

#pro-detail .top .swi2 .slide.swiper-slide-thumb-active:after{border-color: var(--main);}

#pro-detail .top .pn{width: 40px;height: 100%;top: 0;background-repeat: no-repeat;}

#pro-detail .top .prev{left: 0;background-image: url(/images/icon15.png);background-position: left center;}

#pro-detail .top [tabindex="0"].prev:hover{background-image: url(/images/icon15_2.png);}

#pro-detail .top .next{right: 0;background-image: url(/images/icon16.png);background-position: right center;}

#pro-detail .top [tabindex="0"].next:hover{background-image: url(/images/icon16_2.png);}

#pro-detail .top .con{width: 44.28%;}

/*#pro-detail .top .con .name{padding: 10.48% 0 8.06%;border-bottom: 2px solid var(--main);margin-bottom: 8.06%;color: #333333;font-size: 36px;font-weight: bold;}*/
#pro-detail .top .con .name{padding: 0 0 8.06%;border-bottom: 2px solid var(--main);margin: -11px 0 8.06%;color: #333333;font-size: 36px;font-weight: bold;}

#pro-detail .top .con .desc{color: #666666;font-size: 14px;line-height: 24px;min-height: 144px;margin-bottom: 10.48%;}

#pro-detail .top .con .online{padding: 0 50px;height: 60px;line-height: 60px;border-radius: 5px;color: #fafafa;font-size: 14px;background: var(--main);}

#pro-detail .top .con .online .i{height: 60px;width: 18px;background: url(/images/icon14.png) no-repeat center center;margin-right: 20px;}

#pro-detail .top .con [href].online:hover{background: var(--main2);}

#pro-detail .detail{padding: 100px 0;}

#pro-detail .detail .tit{border-bottom: 1px solid #dedede;margin-bottom: 35px;}

#pro-detail .detail .tit .t{color: #333333;font-size: 18px;padding-bottom: 35px;font-weight: bold;}

#pro-detail .detail .tit .t:after{content: "";position: absolute;bottom: -1px;left: 0;width: 100%;height: 1px;background: var(--main);}

#pro-detail .recommend{padding: 100px 0 50px;background: #fafafa;}

#pro-detail .recommend .title{color: #333333;font-size: 36px;margin-bottom: 70px;}

#pro-detail .recommend .container .item{width: 29.64%;margin-right: 5.57%;}

#pro-detail .recommend .container .item .m-pic:after{padding-top: 100%;}

#pro-detail .recommend .container .item .tit{color: #333333;font-size: 18px;margin-top: 20px;}

#pro-detail .recommend .container .item .more{height: 17px;margin-top: 5px;}

#pro-detail .recommend .container .item .more .t{color: var(--main);font-size: 14px;font-family: 'Gotham_Bold';}

#pro-detail .recommend .container .item:hover .more .t{display: block;}

#pro-detail .recommend .swiper-pagination{position: static;margin-top: 40px;}

#pro-detail .recommend .swiper-pagination span{margin: 0 12px;width: 12px;height: 12px;opacity: 1;background: #dedede;}

#pro-detail .recommend .swiper-pagination .swiper-pagination-bullet-active{background: var(--main);}



@media (max-width: 1280px){

	#pro-detail .detail,

	#pro-detail .recommend,

	#pro-detail .top{padding: 80px 0;}

	/*#pro-detail .top .con .name{padding-top: 5%;}*/

}

@media (max-width: 1024px){

	#products{padding: 80px 0;}

}

@media (max-width: 1024px){

	#products .list .pro{width: 31.34%;margin-right: 2.94%;}

}



@media (max-width: 981px){

	#pro-detail .top .left{width: 54%;}

	#pro-detail .top .con .name{font-size: 28px;padding-bottom: 6%;margin-bottom: 6%;}

	#pro-detail .top .con .online .i,

	#pro-detail .top .con .online{height: 45px;line-height: 45px;}

	#pro-detail .top .con{width: 40%;}

}

@media (max-width: 850px){

	#products .list .pro:nth-child(3n),

	#products .list .pro{width: 48%;margin-right: 4%;margin-bottom: 4%;}

	#products .list .pro:nth-child(2n){margin-right: 0;}

}



@media (max-width: 750px){

	#products .cate-list .cate{display: none;}

	#products .cate-list .cate.cur{display: inline-block;font-size: 28px;}

	#products .list .pro .con .name{ margin-top: 0; font-size: 26px;}

	#pro-detail .bread .d,

	#products .list .pro .con .desc{font-size: 24px;}



	#pro-detail .top .con,

	#pro-detail .top .left{width: 100%;float: none;}

	#pro-detail .top .left{margin-bottom: 50px;}

	#pro-detail .top .swi2{width: 85.92%;}

	#pro-detail .top .con .name{padding-bottom: 35px;margin-bottom: 35px;}



	#pro-detail .top .con .online .i,

	#pro-detail .top .con .online{height: 60px;line-height: 60px;}

	#pro-detail .top .con .online{font-size: 24px;}

	#pro-detail .top .con .desc{min-height: auto;font-size: 24px;line-height: 36px;}

	#pro-detail .detail .tit .t{font-size: 26px;padding-bottom: 30px;}



	#pro-detail .recommend .container .item .tit{font-size: 26px;}

	#pro-detail .recommend .container .item .more{height: 34px;}

	#pro-detail .recommend .container .item .more .t{font-size: 24px;}

	

}



/*分页*/

#turn_page {padding-top: 70px;}

#turn_page .paging .a{display: inline-block;vertical-align: top;min-width: 36px;height: 36px;line-height: 36px;border: 1px solid #d8d8d8;margin: 0 5px 5px;color: #666666;font-size: 14px;}

#turn_page .paging a.a:hover,

#turn_page .paging .a.cur{color: #fff;border-color: var(--main);background-color: var(--main);}

#turn_page .paging .a .i{width: 7px;height: 36px;margin: 0 auto;background-repeat: no-repeat;background-position: center center;}

#turn_page .paging .first,

#turn_page .paging .last{width: 36px;height: 36px;margin: 0 auto;background-repeat: no-repeat;background-position: center center;}

#turn_page .paging .first{background-image: url(/images/first.png);}

#turn_page .paging .last{background-image: url(/images/last.png);}

#turn_page .paging .first:hover{background-image: url(/images/first_2.png);}

#turn_page .paging .last:hover{background-image: url(/images/last_2.png);}

#turn_page .paging .prev{margin-right: 15px;}

#turn_page .paging .next{margin-left: 15px;}

#turn_page .paging .prev .i{background-image: url(/images/icon9.png);}

#turn_page .paging a.prev:hover .i{background-image: url(/images/icon9_2.png);}

#turn_page .paging .next .i{background-image: url(/images/icon10.png);}

#turn_page .paging a.next:hover .i{background-image: url(/images/icon10_2.png);}

@media (max-width: 750px){

	#turn_page .paging .a{font-size: 24px;min-width: 45px;height: 45px;line-height: 45px;margin: 0 10px 10px;}

	#turn_page .paging .a .i{height: 45px;}

}





/*应用*/

#application{background: #fafafa;padding: 147px 0 160px;}

#application .info{margin-bottom: 60px;}

#application .info:last-child{margin-bottom: 0px;}

#application .info .df{display: flex;align-items: center;width: 100%;}

#application .info .con,

#application .info .m-pic{width: 50%;}

#application .info .m-pic:after{padding-top: 58.71%;}

#application .info .con{padding: 0 5.7%;}

#application .info .con .tit{color: #333333;font-size: 24px;}

#application .info .con .desc{margin: 4.28% 0 7.14%;color: #999999;font-size: 14px;line-height: 24px;}

#application .info .con .more{width: 160px;height: 50px;line-height: 50px;border: 1px solid #dedede;color: #333333;font-size: 14px;}

#application .info:hover .con .tit{color: var(--main);}

#application .info:hover .con .more{background: var(--main);border-color: var(--main);color: #fff;}

/*详细*/

#app-detail .detail{padding: 100px 0;background: #fafafa;}

#app-detail .detail .title{margin-bottom: 50px;color: #333333;font-size: 30px;}

#app-detail .detail .desc{color: #333333;font-size: 14px;line-height: 24px;}

#app-detail .detail .picture .pic{margin-top: 50px;}

#app-detail .detail .picture .pic .df{display: flex;align-items: center;width: 100%;}

#app-detail .detail .picture .pic .m-pic{width: 50%;}

#app-detail .detail .picture .pic .m-pic:after{padding-top: 62.86%;}

#app-detail .detail .picture .pic .con{width: 50%;padding: 2.5% 5.35%;}

#app-detail .detail .picture .pic .con .intro{color: #333333;font-size: 14px;line-height: 24px;}

#app-detail .detail .picture .pic:nth-child(2n) .img{order: 1;}

#app-detail .detail .btns{margin-top: 100px;padding-top: 58px;border-top: 1px solid #dedede;}

#app-detail .detail .btns .menu,

#app-detail .detail .btns .pn{width: 31.57%;border: 1px solid #dedede;background: #fff;height: 50px;line-height: 50px;color: #333333;font-size: 14px;border-radius: 50px;}

#app-detail .detail .btns .menu{margin: 0 2.645%;background: var(--main);color: #fff;}

#app-detail .detail .btns .menu .i,

#app-detail .detail .btns .pn .i{width: 7px;height: 50px;background-repeat: no-repeat;background-position: center center;}

#app-detail .detail .btns .prev .i{margin-right: 15px;background-image: url(/images/icon12.png);}

#app-detail .detail .btns [href].prev:hover .i{background-image: url(/images/icon12_2.png);}

#app-detail .detail .btns .next .i{margin-left: 15px;background-image: url(/images/icon13.png);}

#app-detail .detail .btns [href].next:hover .i{background-image: url(/images/icon13_2.png);}

#app-detail .detail .btns .menu .i{width: 15px;background-image: url(/images/icon11.png);margin-right: 15px;}

#app-detail .detail .btns [href].pn:hover{color: #fff;background: var(--main);}

#app-detail .detail .btns .menu:hover{background: var(--main2);}

#app-detail .recommend{padding: 100px 0 80px;}

#app-detail .recommend .title{color: #333333;font-size: 36px;margin-bottom: 70px;}

#app-detail .recommend .container .item{width: 29.64%;margin-right: 5.57%;}

#app-detail .recommend .container .item .m-pic:after{padding-top: 100%;}

#app-detail .recommend .container .item .tit{color: #333333;font-size: 18px;margin-top: 20px;}

#app-detail .recommend .container .item .more{height: 17px;margin-top: 5px;}

#app-detail .recommend .container .item .more .t{color: var(--main);font-size: 14px;font-family: 'Gotham_Bold';}

#app-detail .recommend .container .item:hover .more .t{display: block;}

#app-detail .recommend .swiper-pagination{position: static;margin-top: 40px;}

#app-detail .recommend .swiper-pagination span{margin: 0 12px;width: 12px;height: 12px;opacity: 1;background: #dedede;}

#app-detail .recommend .swiper-pagination .swiper-pagination-bullet-active{background: var(--main);}



@media (max-width: 1280px){

	#app-detail .detail,

	#application{padding: 80px 0;}

	#application .info .con{padding: 0 3.5%;}



	#app-detail .recommend{padding: 80px 0;}

	#app-detail .recommend .title{margin-bottom: 50px;}

}



@media (max-width: 1050px){

	#app-detail .detail .picture .pic .con{padding: 3%;}

}

@media (max-width: 920px){

	#application .info .con .more{height: 40px;line-height: 40px;}

}



@media (max-width: 850px){

	#application .info .con .desc{max-height: 48px;-webkit-line-clamp: 2;}

}



@media (max-width: 750px){

	#application .info .df{display: block;}

	#application .info .con,

	#application .info .m-pic{width: 100%;}

	#application .info .con{padding: 6%;}

	#application .info .con .tit{font-size: 26px;}

	#application .info .con .desc{font-size: 24px;line-height: 36px;max-height: 108px;-webkit-line-clamp: 3;}

	#application .info .con .more{height: 60px;line-height: 60px;font-size: 24px;width: 200px;}

	

	#app-detail .detail .picture .pic .df{display: block;}

	#app-detail .detail .picture .pic .con,

	#app-detail .detail .picture .pic .m-pic{width: 100%;}

	#app-detail .detail .picture .pic .con{padding: 40px;}

	#app-detail .detail .picture .pic .con .intro,

	#app-detail .recommend .container .item .tit,

	#app-detail .detail .desc{font-size: 26px;line-height: 38px;}

	#app-detail .recommend .container .item .more{height: 34px;}

	#app-detail .detail .btns .menu, #app-detail .detail .btns .pn,

	#app-detail .recommend .container .item .more .t{font-size: 24px;}

}





/*联系我们*/

#contact .title{color: #333333;font-size: 36px;}

#contact .way{background: #fafafa;}

#contact .way .title{margin-bottom: 100px;}

#contact .way .left{margin-left: 5.35%;width: 38.2%;padding: 80px 0 60px;}
.l-en #contact .way .left{margin-left: 3.35%;width: 44%;}

#contact .way .left .company{color: #333333;font-size: 24px;padding-bottom: 25px;margin-bottom: 30px;border-bottom: 1px solid var(--main);}
#contact .way .left .company.two {margin-top: 20px;}
#contact .way .left .wy{padding-left: 30px;background-repeat: no-repeat;background-position: left 2px;line-height: 24px;color: #666666;font-size: 14px;margin-bottom: 10px;}
.l-en #contact .way .left .wy{font-size: 12px;}

#contact .way .left .wy.add{background-image: url(/images/icon4.png);}

#contact .way .left .wy.tel{background-image: url(/images/icon5.png);}

#contact .way .left .wy.mail{background-image: url(/images/icon6.png);}

#contact .way .left .wy .s{font-family: 'Gotham_Bold';color: #666666;font-size: 14px;}

#contact .way .left .code{margin-top: 115px;}
#contact .way .left .code{margin-top: 35px;}

#contact .way .left .code .d{width: 98px;margin-right: 25px;}

#contact .way .left .code .m-pic{width: 98px;height: 98px;margin-bottom: 10px;margin-right: 25px;}

#contact .way .left .code .tit{color: #666666;font-size: 14px;}

#contact .way .map{width: 50%;}

#contact .way .map .boxs{width: 100%;height: 600px;}

#contact .way,

#contact .feedback{padding: 100px 0;}

#contact .feedback .title{margin-bottom: 50px;}

#contact .feedback .rows{width: 32.14%;margin-right: 1.79%;margin-bottom: 1.79%;}

#contact .feedback .rows input{width: 100%;border: 1px solid #e3e3e3;border-radius: 3px;height: 50px;line-height: 50px;padding: 0 18px;color: #999999;font-size: 14px;}

#contact .feedback .rows:nth-child(3) {margin-right: 0;}

#contact .feedback .rows input::-webkit-input-placeholder{color: #999;}

#contact .feedback .rows input:-moz-placeholder {color: #999;}

#contact .feedback .rows input::-moz-placeholder{color: #999;}

#contact .feedback .rows input:-ms-input-placeholder {color: #999;}

#contact .feedback .rows:hover textarea,

#contact .feedback .rows:hover input{border-color: var(--main);color: #333;}



#contact .feedback .area{margin-bottom: 40px;margin-right: 0;width: 100%;}

#contact .feedback .area textarea{width: 100%;border: 1px solid #e3e3e3;border-radius: 2px;height: 240px;line-height: 24px;padding: 15px 18px;color: #999999;font-size: 14px;}

#contact .feedback .area textarea::-webkit-input-placeholder{color: #999;}

#contact .feedback .area textarea:-moz-placeholder {color: #999;}

#contact .feedback .area textarea::-moz-placeholder{color: #999;}

#contact .feedback .area textarea:-ms-input-placeholder {color: #999;}

#contact .feedback .sub{width: 200px;height: 60px;margin: 0 auto;border-radius: 50px;line-height: 60px;background: var(--main);color: #fff;font-size: 14px;}

#contact .feedback .sub:hover{background: var(--main2);}





@media (max-width: 1280px){

	#contact .way,

	#contact .feedback{padding: 80px 0;}

	#contact .way .title{margin-bottom: 80px;}

}

@media (max-width: 981px){

	#contact .way .map{width: 100%;float: none;}

	#contact .way .left{width: 92%;margin: 0 auto;float: none;padding: 80px 0;}

	#contact .way .left .code{margin-top: 60px;}



	#contact .feedback .rows{width: 100%;margin-right: 0;}

}



@media (max-width: 750px){

	#contact .way .left .company{ display: inline-block; font-size: 26px;}
	
	#contact .way .left .wy .s,

	#contact .way .left .wy{font-size: 26px;}

	#contact .way .left .wy{margin-bottom: 30px;}

	#contact .way .left .code .tit{font-size: 24px;}

	#contact .way .left .code .d{width: auto;}

	#contact .way .left .code .d .m-pic{margin: 0 auto 20px;}



	#contact .feedback .rows{margin-bottom: 30px;}

	#contact .feedback .sub{font-size: 24px;}

	#contact .feedback .rows input{height: 60px;line-height: 60px;font-size: 24px;}

	#contact .feedback .area textarea{font-size: 24px;}
	
	.l-en #contact .way .left{width: 92%;}
	.l-en #contact .way .left .wy{font-size:24px;}
	#contact .way .left .code .m-pic{width:200px; height:200px;}

}



/*底部*/

#footer{padding-top: 100px;border-top: 5px solid #3d8d99;background: url(/images/foot.png) no-repeat right top;}

#footer .contact{width: 17.857%;margin-right: 9.2%;}

#footer .contact .logo{width: 172px;height: 25px;}

#footer .contact .way{padding: 25px 0;margin-bottom: 25px;border-bottom: 1px solid #dedede;}

#footer .contact .add,

#footer .contact .way .wy{color: #333333;font-size: 14px;line-height: 24px;margin-bottom: 10px;font-family: 'Gotham_Book';font-weight: 600;}

#footer .contact .way .wy:last-child{margin-bottom: 0;}

#footer .contact .way a.wy:hover{color: var(--main);}

#footer .nav .child{width: 140px;height: 40px;margin-right: 40px;}

#footer .nav .child:last-child{margin-right: 0;}

#footer .nav .child .one{color: #333333;font-size: 18px;font-weight: bold;margin-bottom: 25px;}

#footer .nav .child .t2{margin-bottom: 10px;color: #333333;font-size: 14px;line-height: 24px;}

#footer .nav .child .t2:hover{color: var(--main);}

#footer .code .m-pic{margin-bottom: 10px;width: 116px;height: 116px;border: 1px solid #dedede;}

#footer .code .tit{color: var(--main);font-size: 14px;font-weight: bold;}

#footer .copyright{margin-top: 70px;padding: 30px 0;border-top: 1px solid #dedede;}

#footer .copyright *{color: #333333;font-size: 14px;line-height: 24px;}

#footer .copyright .t{margin-right: 12px;}

#footer .copyright a:hover{color: var(--main);}



@media (max-width: 1280px){

	#footer .contact{width: 18%;margin-right: 6%;}

	#footer .nav .child{width: 130px;}

}



@media (max-width: 1200px){

	#footer .contact,

	#footer .nav,

	#footer .code{float: none;}



	#footer .contact,

	#footer .nav{display: inline-block;vertical-align: top;}

	#footer .contact{width: 25%;margin-right: 8%;}

	#footer .code{margin-top: 60px;padding-top: 60px;border-top: 1px solid #dedede;}

	#footer .copyright{margin-top: 60px;}

	#footer .code .m-pic{margin: 0 auto 10px;}

}



@media (max-width: 1050px){

	#footer .nav{display: none;}

	#footer .code{padding-top: 0;margin-top: 30px;border-top: none;}

	#footer .contact{width: 100%;margin-right: 0;text-align: center;}

	#footer .contact .logo{margin: 0 auto;}

	#footer .contact .way{padding-bottom: 0;border-bottom: none;margin-bottom: 10px;}

}



@media (max-width: 850px){

	#footer .copyright{text-align: center;}

	#footer .copyright .copy,

	#footer .copyright .fweb{width: 100%;float: none;}

	#footer .copyright .copy{margin-bottom: 15px;}

}



@media (max-width: 750px){

	#footer{padding-top: 60px;background: transparent;}

	#footer .contact .add,

	#footer .copyright *,

	#footer .contact .way .wy{font-size: 26px;line-height: 38px;}

	#footer .code .tit{font-size: 26px;}

}



/*全站搜索*/

#search{width:100%; padding-bottom:40px;}

#search .bread{background: var(--main);padding: 25px 0;}

#search .bread .d{color: #ffffff;font-size: 14px;line-height: 24px;}

#search .bread .d:last-child{font-weight: bold;}

#search .bread .s{height: 24px;width: 6px;background: url(/images/icon8.png) no-repeat center center;margin: 0 10px;}

#search .bread a.d:hover{opacity: .8;}

#search .form{margin: 80px 0 40px;}

#search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid var(--main);border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;}

#search .form .submit{height: 49px;width: 59px;border:1px solid var(--main);border-top-right-radius: 5px;border-bottom-right-radius:5px;background: url(/images/search_2.png) no-repeat center center;color: #fff;font-size: 16px;}

#search .list{width:100%; margin-bottom:50px;}

#search .list .info .cate{padding-left:15px;}

#search .list .new .cate{}

#search .list .know .cate{}

#search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;}

#search .list .info li:first-child{border-top:1px solid #dddddd;}

#search .list .info .title{margin-right:16px; line-height:22px; color:#333; font-size:16px; font-weight:bold;}

#search .list .info .day,

#search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;}

#search .list .info .day{margin:0;}

#search .list .info .desc{height:60px; overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;}

#search .list .info li:hover .title{color: var(--main);}



@media (max-width: 750px){

	#search .form .text{font-size: 26px;}

	#search .form .submit{width: 75px;font-size: 26px;}

	#search .list .info .title{font-size: 28px;line-height: 1.6;}

	#search .list .info .day,

	#search .list .info .cate{font-size: 28px;line-height: 1.6;}

	#search .list .info .desc{font-size: 26px;line-height: 1.6;height: 120px;}

}