@charset "UTF-8";
body{overflow-x: hidden;overflow-y: auto;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px;line-height: 28px;font-family: "microsoft yahei","宋体", "Arial";color: #333;}
h1,h2,h3,h4,h5,h6{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
@media screen and (min-width: 1200px) {

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

}
a{color: #434343;text-decoration: none;}
a:hover{color: #db0f31; text-decoration: none;}
a:visited{text-decoration: none;}
.ease,
.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.noease,
.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aaa;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
/*网站顶部*/
.top_main{width: 100%;line-height: 49px;color: #ccc;border-bottom: 1px solid rgba(255,255,255,.5);}
.top_main li{position: relative;display: inline-block;text-align: center;margin-left: 45px;}
.top_main li a{color: #ccc;}
.top_main .tel{color: #db0f31;font-family: Tahoma;font-size: 16px;font-weight: bold;margin-right: 25px;}
/*网站头部*/
.header_main{position: absolute;width: 100%;height: 150px;z-index: 9;}
.header_main .logo{display: block;margin-top: 15px;}
.header_main .logo img{max-width: 205px;display: block;vertical-align: middle;}
/*网站导航*/
#nav .navlist{position: relative;display: block;margin-top: 15px;}
#nav li{float: left;width: 122px;font-size: 14px;position: relative;}
#nav li a{display: block;text-align: center;position: relative;color: #dddddd;font-weight: bold;line-height: 45px;padding: 0 15px;}
#nav li a:hover{text-decoration: none;}
.clearfix li a:hover{text-decoration: none;}
#nav li a span{position: relative;display: block;}
#nav li a span:before{display: block;content: " ";position: absolute;top: 8px;left: 6px;width: 40px;height: 2px;background: #db0f31;opacity: 0;transition: all .5s;}
#nav li a span:after{display: block;content: " ";position: absolute;right: 6px;bottom: 7px;width: 40px;height: 2px;background: #db0f31;opacity: 0;transition: all .5s;}
#nav li.hover a,#nav li:hover a{color: #fff;}
#nav li.hover a span:before,#nav li:hover a span:before,#nav li.hover a span:after,#nav li:hover a span:after{opacity: 1;}
#nav ul .subnav{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
#nav ul li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
#nav ul .subnav{box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;overflow: hidden;position: absolute;top: 100%;left: 50%;margin-left: -60px;width: 120px;z-index: 199;padding-top: 5px;}
#nav ul .subnav:before{content: "";width:0;height:0;position:absolute;top: 0;left:50%;margin-left: -5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom: 5px solid rgba(0,0,0,.5);}
#nav ul .subnav a{color: #fff;display: block;font-size: 12px;font-weight: 500;height: 35px;line-height: 35px;padding: 0;max-width: 100%;border: 0;padding: 0 10px;background: rgba(0,0,0,.5);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#nav ul .subnav a:hover{background: #db0f31;}
/*网站大图*/
#banner_main{overflow:hidden;position: relative;z-index: 2;max-width:1920px;margin:0 auto;}
#banner_main .banner{height: 900px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{max-height: 900px;overflow:hidden;}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner li:first-child{display:block;}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;}
#banner .tip{width:1000px;height: 10px;line-height:0;font-size:0;text-align:center;position:absolute;left:50%;margin-left:-500px;bottom: 20px;z-index:3;}
#banner .tip span{width: 10px;height: 10px;margin: 0 5px;display:inline-block;cursor: pointer;background: #fff;border-radius: 14px;opacity: .3;transition: all .5s;}
#banner .tip span.cur{opacity: 1;}
#banner #btn_prev,#banner #btn_next{width: 40px;height: 40px;position:absolute;top: 50%;margin-top: -20px;background-repeat: no-repeat;background-size: 100%;z-index:5;opacity: .5;}
#banner #btn_prev{left: 4%;background-image: url(../images/left_arrow.png);}
#banner #btn_next{right: 4%;background-image: url(../images/right_arrow.png);}
#banner_main .txt{position: absolute;top: 290px;left: 50%;margin-left: -400px;width: 800px;color: #fff;text-align: center;z-index: 9;}
#banner_main .txt h3{font-size: 56px;line-height: 74px;font-weight: bold;padding-bottom: 25px;}
#banner_main .txt h3 b{color: #db0f31;}
#banner_main .txt span{display: block;font-size: 20px;line-height: 28px;}
#banner_main .txt p{font-size: 28px;line-height: 40px;font-weight: bold;padding-top: 30px;}
#banner_main .txt a{display: inline-block;width: 160px;height: 50px;color: #fff;font-size: 16px;line-height: 50px;margin-top: 60px;background: #db0f31;border-radius: 50px;}
#banner_main .txt a:hover{background: #434343;}

.copyright{height: 80px;line-height: 80px;color: #999;font-size: 14px;background: #f7f7f7;}
.copyright a{color: #999;font-size: 12px;}
/*******index css*******/
/*首页标题*/
.index .title{position: relative;text-align: center;padding-bottom: 45px;}
.index .title h3{font-size: 24px;font-weight: bold;color: #434343;padding-bottom: 27px;background: url(../images/title_bg.png) center bottom no-repeat;margin-bottom: 20px;}
.index .title p{width: 760px;text-align: center;padding-top: 2px;color: #999;font-size: 15px;line-height: 220%;margin-top: 3px;margin: auto;}
/*关于我们*/
.index .about{padding: 80px 0;}
.index .about .ititle h3{color: #db0f31;font-size: 24px;font-weight: bold;line-height: 35px;}
.index .about .ititle span{color: #999;font-family: Arial;font-size: 14px;}
.index .about .con{padding-top: 30px;}
.index .about .con .txt{width: 560px;height: 350px;}
.index .about .con .txt p{color: #666;font-size: 15px;line-height: 33px;text-align: justify;min-height: 250px;overflow: hidden;;margin:0px;}
.index .about .con .txt .more{display: block;width: 120px;height: 36px;color: #fff;font-size: 14px;line-height: 36px;text-align: center;background: #db0f31;border-radius: 50px;margin-top: 14px;}
.index .about .con .txt .more:hover{background: #333;}
.index .about .con .video{width: 560px;height: 350px;background: #000;}
/*服务项目*/
.index .project{position: relative;padding-top: 60px;overflow: hidden;}
.index .project .project_bg{position: absolute;top: 0;left: 50%;margin-left: -960px;width: 1920px;height: 400px;background: url(../images/project_bg.jpg) center repeat-y;background-attachment: fixed;}
.index .project .title h3,.index .project .title p{color: #fff;}
.index .project ul{position: relative;}
.index .project ul li{float: left;width:calc(50% - 47px);padding: 15px;margin-bottom: 22px;border: 1px solid #eee;background: #fbfbfb;transition: all .5s;}
.index .project ul li:nth-child(1){margin-right: 30px;}
.index .project ul li:nth-child(3n){margin-right: 0;}
.index .project ul li .img{position: relative;width: 100%;height: 265px;overflow: hidden;}
.index .project ul li .img img{display: block;width: 100%;height: 100%;transition: all .5s;}
.index .project ul li .img .bg{position: absolute;top: 0;width: 100%;height: 100%;background: url(../images/more.png) center no-repeat;background-color: rgba(215,15,49,.8);opacity: 0;transition: all .5s;}
.index .project ul li .txt{text-align: center;padding-top: 12px;}
.index .project ul li .txt h3{color: #333;font-size: 16px;line-height: 22px;transition: all .5s;}
.index .project ul li .txt p{color: #999;font-size: 13px;line-height: 22px;padding-top: 10px;height: 66px;overflow: hidden;}
.index .project ul li:hover{border-color: #db0f31;box-shadow: 0 0 5px 0 #fbfbfb;}
.index .project ul li:hover .bg{opacity: 1;}
.index .project ul li:hover .img img{transform: scale(1.1);}
.index .project ul li:hover .txt h3{color: #db0f31;}
/*客户案例*/
.index .icase{padding-top: 60px;}
.index .icase .icase_bg{height: 600px;background: url(../images/case_bg.jpg) center repeat-y;background-attachment: fixed;}
.index .icase .icase_bg .w1200{position: relative;height: 600px;}
.index .icase .icase_bg ul{padding-top: 80px;}
.index .icase .icase_bg ul li{position: relative;height: 440px;overflow: hidden;}
.index .icase .icase_bg ul li .img{width: 720px;height: 440px;}
.index .icase .icase_bg ul li .img img{display: block;width: 100%;height: 100%;}
.index .icase .icase_bg ul li .txt{position: absolute;top: 40px;right: 0;width: 560px;height: 360px;padding: 40px 50px 0 50px;background: #f2f2f2;border: 1px solid #eee;box-sizing: border-box;}
.index .icase .icase_bg ul li .txt h3{color: #db0f31;font-size: 22px;line-height: 38px;}
.index .icase .icase_bg ul li .txt span{color: #434343;font-size: 18px;line-height: 28px;}
.index .icase .icase_bg ul li .txt i{display: block;width: 60px;height: 2px;background: #db0f31;margin: 15px 0;}
.index .icase .icase_bg ul li .txt p{color: #434343;font-size: 14px;line-height: 28px;text-align: justify;}
.index .icase .icase_bg .hd{position: absolute;right: 0;bottom: 140px;width: 509px;}
.index .icase .icase_bg .hd a{display: block;float: left;width: 38px;height: 38px;margin-right: 5px;background-color: #db0f31;background-position: center;background-repeat: no-repeat;cursor: pointer;}
.index .icase .icase_bg .hd a.prev{background-image: url(../images/left.png);}
.index .icase .icase_bg .hd a.next{background-image: url(../images/right.png);}
.index .icase .icase_bg .hd a:hover{background-color: #333;}
/*解决方案*/
.index .solution{padding: 70px 0;}
.index .solution ul{}
.index .solution ul li{float: left;width: 380px;margin-right: 30px;}
.index .solution ul li:nth-child(3n){margin-right: 0;}
.index .solution ul li .img{position: relative;width: 100%;height: 285px;overflow: hidden;}
.index .solution ul li .img img{display: block;width: 100%;height: 100%;transition: all .5s;}
.index .solution ul li .img .bg{position: absolute;top: 0;width: 100%;height: 100%;background: url(../images/more.png) center no-repeat;background-color: rgba(215,15,49,.8);opacity: 0;transition: all .5s;}
.index .solution ul li .txt{border: 1px solid #ddd;border-top: 0;padding: 0 64px;padding-top: 25px;text-align: center;}
.index .solution ul li .txt span{position: relative;display: block;width: 58px;height: 48px;margin: auto;overflow: hidden;}
.index .solution ul li .txt span:after{display: block;content: " ";position: absolute;left: 50%;margin-left: -43px;top: 50%;margin-top: -1px;bottom: 7px;width: 86px;height: 1px;background: #ddd;transform: rotate(-40deg);}
.index .solution ul li .txt span i{position: relative;display: inline-block;color: #999;font-size: 28px;line-height: 32px;font-family: Arial;margin: 8px 0;background: #fff;z-index: 1;}
.index .solution ul li .txt h3{color: #333;font-size: 18px;line-height: 24px;font-weight: bold;padding-top: 15px;}
.index .solution ul li .txt p{color: #5a5a5a;font-size: 13px;line-height: 20px;padding-top: 15px;padding-bottom: 37px;}
.index .solution ul li:hover .bg{opacity: 1;}
.index .solution ul li:hover .img img{transform: scale(1.1);}
/*优势*/
.index .youshi{height: 300px;background: url(../images/youshi_bg.jpg) center repeat-y;background-attachment: fixed;}
.index .youshi ul{padding-top: 100px;color: #fff;}
.index .youshi ul li{float: left;width: 300px;text-align: center;cursor: pointer;}
.index .youshi ul li span{position: relative;display: inline-block;line-height: 70px;}
.index .youshi ul li span b{font-family: tahoma;font-size: 48px;transition: all .5s;}
.index .youshi ul li span i{position: absolute;bottom: -7px;font-size: 20px;font-weight: bold;margin-left: 10px;}
.index .youshi ul li p{font-size: 14px;}
.index .youshi ul li span b:hover{color: #db0f31;}
/*新闻中心*/
.index .news{padding: 70px 0;}
.index .news .textlist{width: 768px;height: 418px;border: 1px solid #ddd;}
.index .news .textlist ul{padding: 9px 0;}
.index .news .newsimg{position: relative;width: 398px;height: 418px;border: 1px solid #ddd;background: #f9f9f9;}
.index .news .newsimg:before{display: block;content: " ";position: absolute;top: -1px;left: -1px;width: 400px;height: 160px;background: #db0f31;}
.index .news .newsimg a{position: relative;display: block;padding: 30px;}
.index .news .newsimg img{width: 100%;height: 254px;}
.index .news .newsimg .txt{padding-top: 8px;}
.index .news .newsimg h3{color: #5A5A5A;font-size: 16px;font-weight: bold;transition: all .5s;}
.index .news .newsimg p{color: #999;font-size: 14px;line-height: 24px;text-align: justify;padding-top: 5px;}
.index .news .newsimg:hover h3{color: #db0f31;}
.index .news .textlist .item{height: 70px;padding: 15px;}
.index .news .textlist .item a{display: block;}
.index .news .textlist .item h3{font-size: 16px;font-weight: bold;color: #5A5A5A;transition: all .5s;}
.index .news .textlist .item p{color: #999;font-size: 14px;line-height: 22px;text-align: justify;}
.index .news .textlist .item .time{display: block;width: 70px;height: 70px;margin-right: 10px;color: #db0f31;text-align: center;}
.index .news .textlist .item .time b{display: block;font-size: 36px;line-height: 45px;}
.index .news .textlist .item .time span{font-size: 12px;line-height: 22px;}
.index .news .textlist .item:hover h3{color: #db0f31;}
/*联系方式*/
.index .lianxi{height: 340px;background: url(../images/lianxi_bg.jpg) center repeat-y;background-attachment: fixed;}
.index .lianxi .fangshi{float: left;width: 400px;padding-top: 90px;}
.index .lianxi .fangshi h3{color: #db0f31;font-size: 18px;font-weight: bold;line-height: 30px;padding-bottom: 25px;}
.index .lianxi .fangshi p{color: #ddd;font-size: 14px;line-height: 35px;padding-left: 30px;background-position: left;background-repeat: no-repeat;background-size: 16px;}
.index .lianxi .fangshi p:nth-child(2){background-image: url(../images/con1.png);}
.index .lianxi .fangshi p:nth-child(3){background-image: url(../images/con2.png);}
.index .lianxi .fangshi p:nth-child(4){background-image: url(../images/con3.png);}
/*合作客户*/
.index .kehu{padding: 70px 0;}
.index .kehu .bd{padding: 0 20px;}
.index .kehu li{float: left;width: 200px;height: 100px;padding: 0 16px;}
.index .kehu img{display: block;width: 100%;height: 100%;}
/*******内页样式********/
.nybanner{width: 100%;position: relative;height: 460px;overflow: hidden;background-position: center top;background-repeat: no-repeat;background-image: url(../images/banner.jpg);background-attachment: fixed;}
.submian{padding-bottom: 30px;}
.submian .sobtitle{height: 50px;line-height: 50px;font-size: 14px;color: #434343;background: #f6f6f6;}
.submian .sobtitle s{position: relative;display: inline-block;width: 20px;height: 18px;margin-right: 10px;background: url(../images/home.png) no-repeat;vertical-align: middle;margin-left: 250px;margin-top: -4px;}
.submian .sobtitle i{font-size: 12px;font-family: 宋体;margin: 0 5px;}
.submian .sobtitle a{font-size: 14px;color: #434343;}
.submian .sobtitle a:hover{color: #db0f31;}
/*内页左侧*/
.submian .subleft{position: relative;top: -160px;width: 220px;}
.submian .subleft .title{height: 180px;background: #db0f31;}
.submian .subleft .title h2{padding-top: 50px;padding-left: 30px;color: #fff;}
.submian .subleft .title h2 p{font-size: 20px;line-height: 25px;}
.submian .subleft .title h2 span{font-size: 25px;line-height: 35px;}
.submian .subleft .title h2 i{display: block;width: 40px;height: 2px;background: #fff;margin: 10px 0;}
/*栏目分类*/
.submian .subleft .lefta{margin-bottom: 10px;}
.submian .subleft .lefta .comt{background: #eee;padding: 10px 15px;}
.submian .subleft .lefta .comt ul{border-top: 0;}
.submian .subleft .lefta .comt ul li a{display: block;color: #333;font-size: 16px;line-height: 50px;text-align: center;transition: all .5s;}
.submian .subleft .lefta .comt ul li:hover a, .submian .subleft .lefta .comt ul li.hover a{color: #db0f31;font-weight: bold;}
/*内页右侧*/
.submian .subright{width: 898px;padding: 30px;border: 1px solid #eee;margin-top: 20px;}
.submian .subright#news{width: 960px;padding: 0;border: 0;}
/*默认单页*/
.submian .Aboutpage{color: #666;font-size: 14px;line-height: 28px;text-align: justify;min-height: 640px;}
.submian .Aboutpage h3{color: #db0f31;font-size: 18px;font-weight: bold;border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;margin-bottom: 15px;}
.submian .Aboutpage img{max-width: 100%;}
.submian .t{padding: 0 0 25px;color: #db0f31;font-size: 18px;}
.submian .t2{padding: 25px 0;color: #db0f31;font-size: 24px;}
/*联系我们*/
.submian .contact{padding-top: 30px;}
.submian .contact ul{padding-bottom: 20px;}
.submian .contact ul li{float: left;width: 240px;height: 260px;padding: 0 29px;border-left: 1px solid #eee;text-align: center;}
.submian .contact ul li:last-child{border-right: 1px solid #eee;}
.submian .contact ul li img{width: 80px;height: 80px;padding-top: 20px;padding-bottom: 30px;}
.submian .contact ul li h3{color: #434343;font-size: 18px;font-weight: bold;padding-bottom: 25px;}
.submian .contact ul li p{color: #434343;font-size: 14px;line-height: 19px;}
/*解决方案*/
.submian .solution{padding: 60px 0;}
.submian .solution ul{}
.submian .solution ul li{float: left;width: 380px;margin-right: 30px;}
.submian .solution ul li:nth-child(3n){margin-right: 0;}
.submian .solution ul li .img{position: relative;width: 100%;height: 285px;overflow: hidden;}
.submian .solution ul li .img img{display: block;width: 100%;height: 100%;transition: all .5s;}
.submian .solution ul li .img .bg{position: absolute;top: 0;width: 100%;height: 100%;background: url(../images/more.png) center no-repeat;background-color: rgba(215,15,49,.8);opacity: 0;transition: all .5s;}
.submian .solution ul li .txt{border: 1px solid #ddd;border-top: 0;padding: 0 64px;padding-top: 25px;text-align: center;border-bottom: 2px solid #db0f31;}
.submian .solution ul li .txt span{position: relative;display: block;width: 58px;height: 48px;margin: auto;overflow: hidden;}
.submian .solution ul li .txt span:after{display: block;content: " ";position: absolute;left: 50%;margin-left: -43px;top: 50%;margin-top: -1px;bottom: 7px;width: 86px;height: 1px;background: #ddd;transform: rotate(-40deg);}
.submian .solution ul li .txt span i{position: relative;display: inline-block;color: #999;font-size: 28px;line-height: 32px;font-family: Arial;margin: 8px 0;background: #fff;z-index: 1;}
.submian .solution ul li .txt h3{color: #333;font-size: 18px;line-height: 24px;font-weight: bold;padding-top: 15px;}
.submian .solution ul li .txt p{color: #5a5a5a;font-size: 13px;line-height: 20px;padding-top: 15px;padding-bottom: 37px;}
.submian .solution ul li:hover .bg{opacity: 1;}
.submian .solution ul li:hover .img img{transform: scale(1.1);}
/*文章列表*/
.submian .Newslist{}
.submian .Newslist .list{padding-bottom: 20px;}
.submian .Newslist .item{display: block;padding: 25px;border: 1px solid #eee;margin-top: 20px;transition: all .5s;}
.submian .Newslist .item:first-child{margin-top: 0;}
.submian .Newslist .item a{display: block;}
.submian .Newslist .item .img{width: 187px;height: 140px;overflow: hidden;}
.submian .Newslist .item .img img{display: block;width: 100%;height: 100%;}
.submian .Newslist .item .txt{width: 700px;}
.submian .Newslist .item .txt .tit{font-size: 18px;line-height: 30px;}
.submian .Newslist .item .txt .tit span{display: inline-block;color: #db0f31;padding-right: 10px;}
.submian .Newslist .item .txt .tit h3{display: inline-block;color: #434343;font-size: 18px;transition: all .5s;}
.submian .Newslist .item .txt .mark{color: #929292;font-size: 14px;line-height: 20px;padding: 9px 0;}
.submian .Newslist .item .txt .mark span{display: inline-block;padding-right: 18px;}
.submian .Newslist .item .txt p{color: #888;font-size: 14px;line-height: 24px;text-align: justify;}
.submian .Newslist .item .txt p span{display: inline-block;color:#db0f31;padding-left: 10px;}
.submian .Newslist .item a:hover .txt h3{color:#db0f31;}
/*图文列表*/
.submian .Piclist{}
.submian .Piclist .list{padding-bottom: 20px;}
.submian .Piclist .item{display: block;padding-bottom: 30px;border-bottom: 1px dotted #ccc;margin-top: 20px;transition: all .5s;}
.submian .Piclist .item:first-child{margin-top: 0;}
.submian .Piclist .item a{display: block;}
.submian .Piclist .item .img{position: relative;width: 240px;height: 180px;overflow: hidden;}
.submian .Piclist .item .img img{display: block;width: 100%;height: 100%;}
.submian .Piclist .item .img .bg{position: absolute;top: 0;width: 100%;height: 100%;background: url(../images/more.png) center no-repeat;background-color: rgba(215,15,49,.8);opacity: 0;transition: all .5s;}
.submian .Piclist .item .txt{width: 628px;}
.submian .Piclist .item .txt .tit{font-size: 18px;line-height: 30px;}
.submian .Piclist .item .txt .tit span{display: block;color: #db0f31;text-align: right;}
.submian .Piclist .item .txt .tit h3{display: block;color: #5a5a5a;font-size: 18px;font-weight: bold;transition: all .5s;}
.submian .Piclist .item .txt p{color: #888;font-size: 15px;line-height: 24px;text-align: justify;padding-top: 15px;}
.submian .Piclist .item .txt p span{display: inline-block;color:#db0f31;padding-left: 10px;}
.submian .Piclist .item a:hover .txt h3{color:#db0f31;}
.submian .Piclist .item a .img:hover .bg{opacity: 1;}
/*图片列表*/
.submian .Imglist .list{padding: 0;}
.submian .Imglist .list .item{float: left;width: 274px;padding: 15px;padding-bottom: 0;margin-bottom: 20px;margin-right: 20px;border: 1px solid #eee;}
.submian .Imglist .list .item:nth-child(3n){margin-right: 0;}
.submian .Imglist .list .item a{display: block;width:100%;overflow: hidden;position: relative;background: #fff;}
.submian .Imglist .list .item .img{position: relative;width: 100%;height: 206px;}
.submian .Imglist .list .item .img img{display: block;width: 100%;height: 100%;}
.submian .Imglist .list .item .img .bg{position: absolute;top: 0;width: 100%;height: 100%;background: url(../images/da.png) center no-repeat;background-color: rgba(215,15,49,.8);opacity: 0;transition: all .5s;}
.submian .Imglist .list .item h3{width: 100%;height: 45px;color: #555;text-align: center;display: block;line-height: 45px;transition: all .5s;}
.submian .Imglist .list .item:hover .img .bg{opacity: 1;}
/*留言表单*/
.msgPage{padding-top: 50px;}
.msgPage .tit{text-align: center;}
.msgPage .tit .p1{font-size: 36px;line-height: normal;padding-bottom: 15px;}
.msgPage .tit .p2{font-size: 16px;color: #828282;line-height: 24px;padding-bottom: 46px;}
.msgPage .tit .p2 span{color: #db0f31;font-weight: bold;}
.formData{padding-bottom: 20px;}
.formData .item{float: left; color: #999; font-weight: normal; width: 560px; height: 50px; line-height: 50px; border: 1px solid #e5e5e5; margin-right: 76px; margin-bottom: 30px; position: relative;}
.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 50px;line-height: 50px;font-size: 18px;color: #cccccc;}
.formData .item input{outline: none; line-height: 38px; height: 38px; font-size: 18px;}
.formData .item .txt{width: 355px; height: 50px; line-height: 50px; display: block; background: none; padding-left: 70px; border: 0 none; color: #333;}
.formData .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute; left: 0; top: 0px;}
.formData .liuyan{width: 1198px; height: 240px; border: 1px solid #e5e5e5; float: left;}
.formData .liuyan label{text-align: right; display: block;}
.formData .liuyan textarea{width: 1178px;height: 214px;line-height: 28px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
.formData .bot{width: 100%;}
.formData .sub{width: 232px;line-height: 46px;border: 2px solid #db0f31;margin-right: 2px;text-align: center;background: #db0f31;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.formData .sub:hover{background: none;color: #db0f31;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute;right: 3px;top: 3px;border: 0px;display: block;}
/*内容详情页*/
.submian .subright .conBox .ArticleTitle h1{font-size: 24px;text-align: center;padding: 20px 0px;font-weight: bold;}
.submian .subright .conBox .ArticleMessage{line-height: 30px;height: 30px;margin-bottom: 10px;text-align: center;border-bottom: 1px dashed #ccc;}
.submian .subright .conBox .ArticleMessage span:first-child{margin-left:0;}
.submian .subright .conBox .ArticleMessage span{color: #999;margin-left: 14px;font-size: 12px;}
.submian .subright .conBox .ArticleMessage .jiathis_style{float: left; margin-top: 5px;}
.submian .subright .conBox .txt1{color: #868686;font-size: 12px;background: #f5f5f5;border: 1px solid #e5e5e5;padding: 5px;margin-bottom: 10px;}
.submian .subright .conBox .txt2{color: #868686;font-size: 12px;border: 1px solid #e5e5e5;padding: 5px;margin-bottom: 10px;}
.submian .subright .conBox .ArticleTencont{padding: 5px 0px 20px 0px;color: #666;font-size:14px;line-height: 28px;text-align: justify;overflow: hidden;}
.submian .subright .conBox .ArticleTencont img{max-width: 100%;}
/*内容分页*/
.reLink{margin: 10px auto 10px;}
.reLink .prevLink, .reLink .nextLink{line-height: 35px;color: #666;}
.reLink .prevLink a, .reLink .nextLink a{color: #666;}
.reLink .prevLink a:hover, .reLink .nextLink a:hover{color: #db0f31;}
/*浮动客服*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #db0f31;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #db0f31;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #db0f31;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #db0f31;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #db0f31;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}
.pglist .pagination li a{
    color: #ffffff;
    padding: 0 15px;
    margin: 0 3px;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    background: #0078d7;
    border: 1px solid #ffffff;
}
.pglist .pagination li span{
    color: #ffffff;
    padding: 0 15px;
    margin: 0 3px;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    background: #ccc;
    border: 1px solid #ffffff;
}
.submian .pt50 .from_box.pt10{
    border: 1px solid #dddddd;
    background-color: #F9F9F9;
    padding: 20px;
}
.submian .pt50 .fix.from_horizontal{
    padding: 9px 5px;
    border-bottom: 1px solid #EEEEEE;
    background-color: #f9f9f9;
    border-top: 1px solid #FFFFFF;
}
.submian .pt50 .fix.from_horizontal .layui-form .layui-textarea{
    min-height: 155px;
    height: auto;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical;
    display: block;
    width: 80%;
}
.submian .pt50 .fix.from_horizontal .layui-form  .btn--g{
    border: 2px solid #666666;
    height: 30px;
    line-height: 30px;
    background: #fff;
    width: 430px;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
.submian .cstrIn .mt20-mb30{
    border: 1px solid #dddddd;
    background-color: #F9F9F9;
    margin: 20px 0;
}
.submian .cstrIn .mt20-mb30 .right-content{
    padding: 10px;
    background-color: #FFF;
}
.submian  .cstrIn h2{
    font-size: 16px;
    font-weight: bold;
}
.submian  .cstrIn  .logistic-content fieldset{
    border-width: 2px;
    border: 2px groove #cfcfcf;
    padding-inline-start: 0.75em;
    padding: 10px;
    margin-bottom: 20px;
}
.submian  .cstrIn  .logistic-content fieldset legend{
    width: auto;
}
.mt20-mb30 .out_order {
    border-collapse: collapse;
    box-shadow: 0 0 1px #999;
}
.mt20-mb30 .out_order tr td,.mt20-mb30 .out_order tr th {
    padding: 15px 5px;
    border-right: 1px solid #d1d1d1;
    text-align: center;
}
.mt20-mb30 .out_order tr th {
    text-align: center;
    background-color: #dcdcdc;
    color: #444;
    font-family: "微软雅黑";
}
.out-order-overflow-x{
    overflow-x: auto;
    padding: 0 2px;
}
.overflow-x-out-padding-bottm{
    padding-bottom: 2px;
}
.mt20-mb30 .out-order-overflow-x .out_order{
    width: 100%;
}


@media (max-width: 767px) {

.top_main .top_r,.top_main .tel{ display: none;}
    .top_main .top_l.fl{
        float: none;
        text-align: center;
        display: block;
        line-height: 25px;
        font-size: 12px;
        background: #ccc;
        color: #fff;
    }
    .header_main{
        position: unset;
        height: auto;
    }
    .header_main .logo{
        float: none;
        margin: 0 auto;
        text-align: center;
        display: inline-block;
        padding-left: 10px;
    }
    .header_main .logo img{
        width: auto;
        display: inline-block;
        padding: 10px 0;
    }
    .index .about .con .txt{
        width: auto;
        height: auto;
        padding: 0 15px 15px 15px;
    }
    .index .about .ititle h3{
        text-align: center;
        padding: 0 10px;
        font-size: 18px;
    }
    .index .about .con{
        padding-top: 10px;
    }
    .index .about .con .txt p{
        font-size: 14px;
        line-height: 25px;
        min-height: auto;
    }
    .index .about .con .video{
        width: auto;
        height: auto;
        padding:0 10px;
        background: #fff;
    }
    .index .about .con .video video,.index .about .con .video img{
        display: block;
    }
    .index .about{
        padding: 15px 0;
    }
    .index .project{
        padding-top: 20px;
    }
    .index .project .title h3{
        font-size: 18px;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
   .index .project .title p{
       text-align: center;
       width: auto;
       padding: 0 15px;
       line-height: 25px;
       font-size: 14px;
    }
    .index .title{
        padding-bottom: 15px;
    }
    .index .project ul.clearfix{
        padding: 15px;
        width: auto;
    }
    .index .project ul.clearfix li{
        width: auto;
        float: none;
    }
    .index .project ul.clearfix li:nth-child(1){
        margin-right:0px;
    }
    .footer .clearfix .bottom{
        height: auto;
        padding-top: 30px;
    }
    .footer .clearfix .about{
        width: auto;
        margin: 0;
        padding: 15px;
        text-align: center;
        float: none;
    }
    .footer .clearfix .fnav{
        padding-left: 20px;
        width: calc(35% - 20px);
    }
    .footer .clearfix .contact{
        width: calc(65% - 10px);
        padding-left: 10px;
    }
    .footer .clearfix .about .txt{
        line-height: 25px;
    }
    .footer{
        height: auto;
        padding-bottom: 15px;
    }
    .footer .clearfix .contact dd p,.footer  .clearfix  .fnav dl dd a{
        line-height: 25px;
    }
    .footer .clearfix .contact dt,.footer .clearfix  .fnav dl dt{
        padding-bottom: 5px;
    }
    .copyright{
        height: auto;
        line-height: 20px;
        font-size: 12px;
        padding: 10px 15px 20px 15px;
    }
    .toolbar{
        width: 55px;
        margin-top: -30px;
    }
    .toolbar dd{
        margin-top: 2px;
        width: 54px;
        height: 54px;
        font-size: 12px;
    }
    .toolbar dd i{
        margin-top:2px;
    }
    .header_main .header_logo{
        position: relative;
    }
    .header_main .header_logo .btn_menu {
        cursor:pointer;
        position:absolute;
        float:right;
        right:10px;
        top:50%;
        margin-top:-12px;
        display: block;
        width:24px;
        height:24px;
        background:url(../images/btn_menu.png) center center no-repeat;
        background-size:100% auto;
    }
    .header_main .w1200.clearfix{
        position: relative;
    }
    .header_main  .nav.aos-animate{
        float: none;
        display: none;
        position: absolute;
        z-index: 999;
        background: #202020;
        width: 100%;
    }
    .header_main  .nav.aos-animate.menu-nav-show{
        display: block;

    }
    .header_main  #nav .navlist{
        margin: 10px 10px 25px 10px;
    }
    .header_main #nav  .navlist li{
        float: none;
        width: auto;
        font-size: 13px;
    }
    .header_main  #nav  .navlist li a{
        text-align: left;
        line-height: 30px;
    }
    #nav li a span:before,#nav li a span:after{
        background: none;
    }
    #nav ul li:hover .subnav{
        opacity: 0;
    }

    .submian .subleft{
        width: 100%;
        float: none;
        top: -280px;
        position: absolute;
    }
    .submian .subleft .title{
        height: 90px;
    }
    .submian .subleft .title h2{
        padding: 10px;
    }
    .submian .subleft .title h2 span{
        font-size: 18px;
    }
    .submian .subleft .title h2 i{
        margin: 4px;
    }
    .submian .subleft .title h2 p{
        font-size: 18px;
    }
    .submian .subleft .lefta .comt ul li a{
        line-height: 28px;
        font-size: 15px;
    }
    .nybanner{
        height: 340px;
    }
    .submian .sobtitle s{
        margin-left: 20px;
    }
    .submian .w1200.clearfix{
        position: relative;
    }
    .submian .subright#news{
        float: none;
        width: auto;
    }
    .submian .Newslist .item{
        border: none;
        width: auto;
        padding: 0;
    }
    .submian .Newslist .item .txt{
        width: auto;
        float: none;
        padding: 10px 20px;
    }
    .submian .Newslist .item .img{
        width: auto;
        height: auto;
        padding: 0 15px;
    }
    .submian .subright{
        width: auto;
        float: none;
        padding: 15px;
    }
    .submian .contact ul li{
        width: 49%;
        padding:0;
    }
    .formData{
        padding: 15px;
    }
    .msgPage .tit{
        padding: 0 20px;
    }
    #nav ul li .subnav.subnav-show{
        display: block;
        opacity: 1;
        visibility: visible;
        padding-left: 8px;
        padding-top: 0;
        transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        top: 5px;
        left: 50%;
    }
    #nav ul .subnav:before{
        content: "";
        width: 0;
        height: 0;
        position: absolute;

        margin-left: -64px;
        border-left: none;
        border-right: 8px solid rgba(0,0,0,.5);
        border-bottom: 8px solid transparent;
        border-top: 8px solid transparent;
    }
    .submian .pt50 .from_box.pt10{
        margin: 0 10px;
    }
    .submian .pt50 .fix.from_horizontal .layui-form .layui-textarea{
        width: 100%;
    }
    .submian .pt50 .fix.from_horizontal .layui-form .btn--g{
        width: 120px;
    }
    .submian .cstrIn .mt20-mb30{
        margin: 20px 10px;
    }
    .toolbar dd.tel:hover .box{
        width: 120px;
        right: 56px;
    }
    .toolbar dd.tel .box p{
        font-size: 13px;
        margin: 5px 0 0;
    }
    .toolbar dd.tel .box h3{
        font-size: 15px;
    }
    .toolbar dd.code:hover .box{
        width: 125px;
        height: 125px;
        right: 56px;
    }
    .toolbar dd.code .box img{
        width: 100px;
        height: 100px;
    }
    .header_main #nav .navlist li .menu-all{
        /* 设置圆角 */
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9999;
    }
    .header_main #nav .navlist li .menu-all::before {
        content: '';
        /* 使用绝对定位*/
        position: absolute;
        /* 通过left、top设置居中 */
        left: 50%;
        top: 22px;
        /* 左右长度 */
        width: 18px;
        margin-left: -10px;
        margin-top: -10px;
        /* 横线厚度 */
        border-top: 2px solid;
        /* 颜色 */
        color: #dfdfdf;
    }
    .header_main #nav .navlist li .menu-all::after {
        content: '';
        /* 使用绝对定位*/
        position: absolute;
        /* 通过left、top设置居中 */
        left: 23px;
        top: 15px;
        /* 竖线高度 */
        width: 2px;
        margin-left: -10px;
        margin-top: -10px;
        /* 横线厚度 */
        border-top: 18px solid;
        /* 颜色 */
        color: #dfdfdf;
    }
    .header_main #nav .navlist li .menu-all.menu-all-show::after {
        border-top:none;
    }

}
@media screen and (min-width: 768px) {

}
.carousel.slide .carousel-control-prev .carousel-control-prev-icon{
    background-image: url("../images/arrow_left.svg");
    background-size: 48px 48px;
    font-size: 48px;
    color: #fff;
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    cursor: pointer;
    text-align: center;
    line-height: 48px;
    transition: 0.35s;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
}
.carousel.slide  .carousel-control-next,.carousel.slide  .carousel-control-prev{
    opacity: 1;
    width: auto;
}
.carousel.slide .carousel-control-prev{
    left: 20px;
}
.carousel.slide .carousel-control-next{
    right: 20px;
}
.carousel.slide  .carousel-control-next .carousel-control-next-icon{
    background-image: url("../images/arrow_right.svg");
    background-size: 48px 48px;
    font-size: 48px;
    color: #fff;
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    cursor: pointer;
    text-align: center;
    line-height: 48px;
    transition: 0.35s;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
}
.carousel.slide  .carousel-control-next .carousel-control-next-icon:hover,.carousel.slide .carousel-control-prev .carousel-control-prev-icon:hover{
    background-color: rgba(0, 0, 0, 0.3);
    border-color: transparent;
}
.header{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 199;
    background: rgba(45,116,164,0.8);
}
.inner {
    width: 1600px;
    margin: 0 auto;
}
.header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    position: relative;
}
.header-wrap .navs {
    display: flex;
}
.header-wrap .navs > li {
    margin-right: 35px;
}
.header-wrap .navs li a{
    color: #fff;

}
.header-wrap .navs > li > a {
    display: inline-block;
    position: relative;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 14px;
}
.header-wrap .navs > li > a:before {
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 0px;
    content: "";
    width: 60px;
    height: 3px;
    background: #0078d7;
    transform: scaleX(0);
    transform-origin: right bottom;
    transition: transform 0s;
}
.header-wrap .navs > li:hover > a:before, .navs > li.active > a:before {
    transform-origin: left bottom;
    transform: scaleX(1);
    transition: transform 0.35s;
}
.product-menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff;
    display: none;
}
.product-menu-tab {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.product-menu-btn {
    padding-top: 40px;
    width: 25%;
}
.product-menu-item {
    position: relative;
    padding-left: 14px;
    display: flex;
    align-items: center;
    height: 50px;
    cursor: pointer;
    transition: 0.3s;
}
.product-menu-item b {
    display: block;
    position: relative;
    width: 36px;
    height: 26px;
    text-align: center;
}
.product-menu-item b img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.product-menu-content {
    flex: 1;
    padding-right: 100px;
    padding-left: 50px;
}
.product-menu-items {
    display: none;
}
.product-menu-items:first-child {
    display: block;
}
.product-menu-items .product-menu-info {
    display: flex;
    padding: 40px 0 10px;
    flex-wrap: wrap;
}
.product-menu-items .product-menu-info .product-menu-culmu {
    box-sizing: border-box;
    position: relative;
    padding: 0 50px;
    width: 33.333%;
}
.product-menu-items .product-menu-info .product-menu-culmu dt {
    display: block;
    margin-bottom: 22px;
    line-height: 1;
}
.product-menu-items .product-menu-info .product-menu-culmu dt a {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
.product-menu-items .product-menu-info .product-menu-culmu dt a span {
    display: inline-block;
    color: #000000;
    font-size: 16px;
    transition: 200ms;
}
.product-menu-items .product-menu-info .product-menu-culmu dt a:hover span {
    color: #4d4d4d;
}
.product-menu-items .product-menu-info .product-menu-culmu .common-arrow {
    position: relative;
    overflow: hidden;
    margin-left: 10px;
    width: 17px;
    line-height: 1;
}
.product-menu-items .product-menu-info .product-menu-culmu .common-arrow svg {
    display: block;
    position: relative;
    left: 0;
    width: 14px;
    height: auto;
    line-height: 1;
}
.product-menu-items .product-menu-info .product-menu-culmu dt a:hover .common-arrow svg {
    transition: 0.4s;
}
.product-menu-items .product-menu-info .product-menu-culmu dt a:hover .common-arrow svg.show {
    left: 100%;
    opacity: 0;
}
.product-menu-items .product-menu-info .product-menu-culmu  .common-arrow svg.hide {
    position: absolute;
    left: -14px;
    top: 0;
    opacity: 0;
}
.product-menu-items .product-menu-info .product-menu-culmu dt a:hover .common-arrow svg.hide {
    opacity: 1;
    left: 0;
    transition-delay: 0.1s;
}
.product-menu-items .product-menu-info .product-menu-culmu dd {
    display: block;
}
.product-menu-items .product-menu-info .product-menu-li {
    margin-bottom: 29px;
}
.product-menu-items .product-menu-info .product-menu-li figure {
    position: relative;
    display: block;
    padding-bottom: 48%;
    height: 0;
    overflow: hidden;
    line-height: 1;
}
.product-menu-items .product-menu-info .product-menu-li figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-menu-items .product-menu-info .product-menu-li figure img {
    transition: 0.56s;
}
.product-menu-items .product-menu-info .product-menu-li strong {
    display: block;
    margin-top: 16px;
    line-height: 1;
    color: #111111;
    font-size: 14px;
    transition: 0.3s;
    font-weight: normal;
    font-family: "Alibaba-Regular";
}
.product-menu-item span {
    display: block;
    margin-left: 12px;
    color: #666666;
    transition: 0.3s;
    font-family: "Alibaba-Regular";
    font-size: 15px;
}
.product-menu-item:hover span, .product-menu-item.active span {
    color: #0078d7;
}
.product-menu-items .product-menu-info .product-menu-li:hover strong {
    color: #0078d7;
}
.product-menu-item:hover, .product-menu-item.active {
    background: #f7f7f7;
}
.curious-product{
    padding: 72px 0 0 0;
}
.curious-product .product-title {
    display: block;
    line-height: 1;
    color: #111111;
    font-size: 2.29vw;
    font-weight: normal;
    font-family: "Alibaba-SemiBold";
}
.slidetop.articleShow {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.slidetop {
    opacity: 0;
    visibility: hidden;
    transform: translateY(80px);
    transition: 1.2s cubic-bezier(0.26, 1, 0.48, 1);
}
.curious-product-info {
    position: relative;
    margin-top: 30px;
}
.slidetop.articleShow.detay1 {
    transition-delay: 0.25s;
}
.curious-product-info figure img.mb {
    display: none;
}
.curious-product-info figure .mb{
    display: none;
}
.curious-product-info figure {
    display: block;
    line-height: 1;
    overflow: hidden;
}
.curious-product-info figure img {
    display: block;
    width: 100%;
    height: auto;
    transition: 0.88s;
}
.curious-product-info:hover figure img {
    transform: scale(1.03);
}
.curious-product-text {
    position: absolute;
    left: 3.13vw;
    top: 50%;
    transform: translateY(-50%);
}
.curious-product-text strong {
    display: block;
    margin-bottom: 10px;
    line-height: 1;
    color: #222222;
    font-size: 1.88vw;
    font-weight: normal;
    font-family: "Alibaba-SemiBold";
}
.curious-product-text p {
    margin-bottom: 26px;
    color: #666666;
    font-size: 18px;
    font-family: "Alibaba-Regular";
}
.explore {
    display: inline-flex;
    align-items: center;
}
.explore-product .hover-img {
    display: inline-block;
    color: #111111;
    font-size: 18px;
    transition: 200ms;
    margin: 0;
}
.curious-product .common-arrow {
    position: relative;
    overflow: hidden;
    margin-left: 10px;
    width: 17px;
    line-height: 1;
}
.curious-product .common-arrow svg {
    display: block;
    position: relative;
    left: 0;
    width: 14px;
    height: auto;
    line-height: 1;
}
.curious-product .common-arrow svg.hide {
    position: absolute;
    left: -14px;
    top: 0;
    opacity: 0;
}
.curious-product .curious-product-list {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
.curious-product .curious-product-item figure img.mb {
    display: none;
}
.curious-product .curious-product-item {
    position: relative;
    width: 49.64%;
}
.slideList > li, .slideList > div {
    opacity: 0;
    visibility: hidden;
    transform: translateY(80px);
    transition: 1s cubic-bezier(0.26, 1, 0.48, 1);
}
.slideList.articleShow > li, .slideList.articleShow > div {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    transition-delay: 0.15s;
}
.curious-product-item figure {
    position: relative;
    display: block;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
    line-height: 1;
}
.curious-product-item figure img {
    transition: 0.68s;
}
.curious-product-item figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.curious-product-item:hover figure img {
    transform: scale(1.05);
}
.curious-product-text {
    position: absolute;
    left: 3.13vw;
    top: 50%;
    transform: translateY(-50%);
}
.curious-product-item .curious-product-text {
    right: 3.13vw;
    top: auto;
    transform: translateY(0);
    bottom: 53px;
    text-align: center;
}

.explore:hover .common-arrow svg {
    transition: 0.4s;
}
.explore:hover .hover-img {
    color: #424242;
}
.explore:hover .common-arrow svg {
    transition: 0.4s;
}
.explore:hover .common-arrow svg.show {
    left: 100%;
    opacity: 0.2;
}
.explore:hover .common-arrow svg.hide {
    opacity: 1;
    left: 0;
    transition-delay: 0.1s;
}
.home-bottom-banner{
    margin: 50px 0;
}
/*网站底部*/
.footer{
    position: relative;
    background: #f7f7f7;
    padding-bottom: 30px !important;
    overflow: hidden;
    text-align: left !important;
}
.footer .footer-down {
    border-top: 1px solid #eeeeee;
    margin-top: 50px;
}

.footer .footer-navs {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 20px;
}
.footer .footer-navs li a:hover{
    text-decoration:underline;
    color: #0078d7;
}

.footer-navs-item li p {
    margin-bottom: 2px;
}
.footer-navs-item li p a {
    display: inline-block;
    color: #666666;
    font-size: 14px;
    font-family: "Alibaba-Regular";
}
.footer .footer-navs-item li:nth-child(1) {
    display: block;
    margin-bottom: 10px;
    color: #444444;
    font-size: 16px;
    font-weight: bold;
}
.mtop {
    height: 55px;
}
.product-leavl {
    position: absolute;
    left: 0;
    top: 55px;
    width: 100%;
    background: #fff;
    z-index: 20;
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.05);
}
.product-leavl.innerScroll {
    position: fixed;
    top: 0;
}
.product-leaval-wr {
    border-bottom: 1px solid #f7f7f7;
}
.product-first-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-tts {
    display: block;
    line-height: 1;
    color: #111111;
    font-size: 40px;
    font-weight: normal;
}
.product-frist-list {
    display: flex;
    margin-top: 54px;
}
.product-leavl.innerScroll .product-frist-list {
    margin-top: 20px;
}
.product-frist-list li {
    margin-right: 57px;
    position: relative;
    z-index: 2;
}
.product-frist-list li a {
    display: block;
    position: relative;
    padding-bottom: 36px;
}
.product-frist-list li a figure {
    display: block;
    position: relative;
    height: 53px;
    text-align: center;
}
.product-frist-list li a span {
    display: block;
    padding: 0 3px;
    margin-top: 20px;
    line-height: 1;
    color: #999;
    font-size: 16px;
    transition: 0.3s;
    font-weight: bold;
}
.product-leavl.innerScroll .product-frist-list li a {
    padding-bottom: 15px;
}
.product-frist-list li.active a span {
    color: #000;
}
.product-leval-li {
    display: flex;
    margin-left: -20px;
}
.product-leval-li li {
    position: relative;
    padding: 0 20px;
}
.product-leval-li li:before {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    content: "";
    width: 1px;
    height: 10px;
    background: #dddddd;
}
.product-frist-list li:before {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    width: 0;
    height: 3px;
    background: #0078d7;
}
.product-frist-list li.active:before {
    width: 100%;
    right: auto;
    left: 0;
    transition: 0.4s;
}
.product-leval-li li a {
    display: inline-block;
    position: relative;
    padding: 26px 0 27px;
    line-height: 1;
    color: #999;
    font-size: 16px;
    font-family: "Alibaba-Regular";
}
.product-leval-li li:last-child:before {
    display: none;
}
.product-leval-li li a:before {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    height: 3px;
    background: #0078d7;
    width: 0;
}
.product-leval-li li.active a:before {
    width: 100%;
    right: auto;
    left: 0;
    transition: 0.4s;
}
.product-leval-li li:hover a {
    color: #000;
}
.product-frist-list li:hover a span {
    color: #000;
}
.product-series {
    padding: 260px 0 0;
    overflow: hidden;
}
.product-series {
    padding-bottom: 100px;
}

.product-series-banner {
    position: relative;
    margin-bottom: 60px;
}
.product-posite {
    position: absolute;
    left: 0;
    top: -167px;
    height: 167px;
}
.product-series-banner figure {
    position: relative;
    display: block;
    padding-bottom: 32.85%;
    height: 0;
    overflow: hidden;
    line-height: 1;
}
.product-series-banner figure img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-series-banner figure img.mb {
    display: none;
}
.product-series-text {
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
.product-series-text strong {
    display: block;
    margin-bottom: 10px;
    line-height: 1;
    color: #fff;
    font-size: 36px;
    font-weight: normal;
}
.product-banner-wrap {
    margin-bottom: 180px;
    position: relative;
}
.product-series-swiper {
    position: relative;
    z-index: 2;
    padding: 0 60px;
    margin-left: -60px;
    margin-right: -60px;
}
.series-slide {
    position: relative;
    width: 33.333%;
    transition: opacity 0.3s;
}
.series-slide figure {
    display: block;
    position: relative;
    padding-bottom: 100%;
    background: #f7f7f7;
    overflow: hidden;
}
.series-slide figure img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    transition: 0.55s;
}
.product-banner1 .product-btns{
    position: absolute;
    top: 195px;
    z-index: 10;
    border-radius: 50%;
    color: #222;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    line-height: 46px;
    transition: 0.35s;
    font-size: 20px;
}
.product-banner1 .product-btns.prev{
    background-image: url(../images/list-prev-left.svg);
    background-size: 40px 40px;
    font-size: 40px;
    color: #fff;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    left: 0;
}
.product-banner1 .product-btns.prev:hover{
    background-image: url(../images/list-prev-left-hover.svg);
}
.product-banner1 .product-btns.next{
    background-image: url(../images/list-next-right.svg);
    background-size: 40px 40px;
    font-size: 40px;
    color: #fff;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    right: 0;
}
.product-banner1 .product-btns.next:hover{
    background-image: url(../images/list-next-right-hover.svg);
}
.product-banner1 .series-text strong {
    display: block;
    margin-bottom: 7px;
    line-height: 1;
    color: #111111;
    font-size: 20px;
    font-weight: normal;
}
.product-banner1 .series-text p {
    margin-bottom: 18px;
    color: #666666;
    font-size: 15px;
    font-family: "Alibaba-Regular";
}
.product-banner1 .explore {
    display: inline-flex;
    align-items: center;
}
.product-banner1 .explore-product span {
    display: inline-block;
    color: #111111;
    font-size: 18px;
    transition: 200ms;
}
.product-banner1 .common-arrow {
    position: relative;
    overflow: hidden;
    margin-left: 10px;
    width: 17px;
    line-height: 1;
}
.product-banner1 .common-arrow svg {
    display: block;
    position: relative;
    left: 0;
    width: 14px;
    height: auto;
    line-height: 1;
}
.product-banner1 .common-arrow svg.hide {
    position: absolute;
    left: -14px;
    top: 0;
    opacity: 0;
}
.header.product-header {
    position: absolute;
    background: #000;
}
.probanner {
    position: relative;
}
.pbanner figure {
    display: block;
    overflow: hidden;
    height: 100vh;
    margin: 0;
}
.sustainbanner figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.probanner figure .mb {
    display: none;
}
.ptexts {
    position: absolute;
    left: 50%;
    margin-left: -700px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
.probanner .ptexts {
    top: 40%;
}
.ptexts small {
    display: block;
    margin-bottom: 18px;
    line-height: 1;
    color: #fff;
    font-size: 20px;
    font-family: "Alibaba-Regular";
}
.slidetop.articleShow {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.phide {
    overflow: hidden;
}
.ptexts strong {
    display: block;
    line-height: 1.2;
    color: #fff;
    font-weight: normal;
    font-size: 58px;
}
.slidetop.articleShow.detay1 {
    transition-delay: 0.25s;
}
.product-view-banners {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-v-banner {
    width: 51.42%;
}
.product-max-slide figure {
    position: relative;
    height: 0;
    padding-bottom: 100%;
    line-height: 1;
}
.product-max-slide figure img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.product-pagation {
    position: relative;
    margin-top: 30px;
}
.product-pagation-row {
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-views {
    position: relative;
    z-index: 3;
    padding: 65px 0 74px;
    background: #f7f7f7;
}
.proiconfont {
    line-height: 1;
    color: #a4a4a4;
    font-size: 24px;
    cursor: pointer;
    transition: 0.3s;
}
.product-pagation-row .swiper-pagination {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 120px;
}
.product-pagation-row .swiper-pagination .swiper-pagination-bullet {
    margin-right: 5px;
    opacity: 1;
    width: 2px;
    height: 10px;
    background: #dddddd;
    border-radius: 0;
    cursor: pointer;
    transition: 0.7s;
}
.series-slide figure img.hove {
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
}
.series-slide:hover figure img.hove {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.product-pagation-row .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 18px;
    background: #0078d7;
}
.proiconfont.prev{
    background-image: url(../images/product-prev.svg);
    background-size: 28px 28px;
    font-size: 28px;
    color: #fff;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    left: 0;
}
.proiconfont.next{
    background-image: url(../images/product-next.svg);
    background-size: 28px 28px;
    font-size: 28px;
    color: #fff;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    right: 0;
}
.proiconfont.next:hover{
    background-image: url(../images/product-next-hover.svg);
}
.proiconfont.prev:hover{
    background-image: url(../images/product-prev-hover.svg);
}
.product-view-info {
    width: 42.42%;
}
.product-v-tops {
    margin-bottom: 75px;
}
.product-v-tops span {
    display: block;
    margin-bottom: 20px;
    line-height: 1;
    color: #0078d7;
    font-size: 16px;
}
.product-v-tops strong {
    display: block;
    margin-bottom: 12px;
    line-height: 1;
    color: #111111;
    font-size: 44px;
    font-weight: normal;
}
.product-v-tops p {
    margin-bottom: 26px;
    color: #666666;
    font-size: 18px;
    font-family: "Alibaba-Regular";
}
.product-mores {
    padding: 50px 0 50px;
}
.protts {
    display: block;
    margin-bottom: 30px;
    color: #111111;
    font-size: 44px;
    font-weight: normal;
    line-height: 1;
}
.product-back a {
    display: inline-flex;
    padding-left: 8px;
    box-sizing: border-box;
    align-items: center;
    padding-right: 10px;
    height: 40px;
    background: #fff;
}
.product-back a span {
    display: inline-block;
    color: #333333;
    font-size: 15px;
    font-family: "Alibaba-Regular";
    transition: 0.3s;
}
.product-back a:hover span{
   color: #0078d7;
}
.product-back a i.iconfont{
    background-image: url("../images/product-back.svg");
    background-size: 26px 26px;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
}
.product-back a:hover i.iconfont{
    background-image: url("../images/product-back-hover.svg");
}
.navs-bg {
    position: fixed;
    left: 0;
    top: 50px;
    bottom: 0;
    width: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}
.mobile-menu {
    position: fixed;
    left: 100%;
    top: 50px;
    bottom: 0;
    padding: 60px 5% 64px;
    width: 100%;
    background: #f7f7f7;
    z-index: 10;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
    pointer-events: none;
    -webkit-overflow-scrolling: touch;
    transition: 0.88s;
}
.mobile-menu-list {
    margin-bottom: 58px;
}
.mobile-menu-list li {
    position: relative;
}
.mobile-down li {
    margin-bottom: 5px;
}
.mobile-down li a {
    display: inline-block;
    color: #666666;
    font-size: 16px;
    font-family: "Alibaba-Regular";
}

.mobile-defaul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    border-bottom: 1px solid #dddddd;
}
.mobile-down {
    padding-left: 15px;
    padding-top: 16px;
    display: none;
}
.header-wrap .menubtn span{
    margin-top: 30px;
    display:block;
    width:100%;
    height:2px;
    background:#fff;
    position:relative;
    vertical-align: middle;
    -webkit-transition-duration: .3s,.3s;
    -moz-transition-duration: .3s,.3s;
    -ms-transition-duration: .3s,.3s;
    -o-transition-duration: .3s,.3s;
    transition-duration: .3s,.3s;
    -webkit-transition-delay: .3s,0s;
    -moz-transition-delay: .3s,0s;
    -ms-transition-delay: .3s,0s;
    -o-transition-delay: .3s,0s;
    transition-delay: .3s,0s;
    transition: color 0.3s 0s;
}
.header-wrap .menubtn span:after, .menubtn span:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 2px; left: 0;
    background-color: #fff;
    -webkit-transition-duration: .3s,.3s;
    -moz-transition-duration: .3s,.3s;
    -ms-transition-duration: .3s,.3s;
    -o-transition-duration: .3s,.3s;
    transition-duration: .3s,.3s;
    -webkit-transition-delay: .3s,0s;
    -moz-transition-delay: .3s,0s;
    -ms-transition-delay: .3s,0s;
    -o-transition-delay: .3s,0s;
    transition-delay: .3s,0s;
}
.header-wrap .menubtn span:before {
    top: -10px;
    -webkit-transition-property: top,transform;
    -moz-transition-property: top,transform;
    -ms-transition-property: top,transform;
    -o-transition-property: top,transform;
    transition-property: top,transform;
}
.header-wrap .menubtn span:after {
    bottom: -10px;
    -webkit-transition-property: bottom,transform;
    -moz-transition-property: bottom,transform;
    -ms-transition-property: bottom,transform;
    -o-transition-property: bottom,transform;
    transition-property: bottom,transform;
}
.header-wrap .menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s;}
.header-wrap .menubtn.active span:after,.menubtn.active span:before { -webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s;}
.header-wrap .menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.header-wrap .menubtn.active span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
body.show .mobile-menu {
    left: 0;
    opacity: 1;
    pointer-events: visible;
}
.mobile-defaul i,.mobile-defaul em {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    transition: 0.2s;
}
.mobile-defaul i:before,.mobile-defaul em:before  {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    content: "";
    width: 100%;
    height: 2px;
    background: #444444;
}
.mobile-defaul i:after ,.mobile-defaul em:after{
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px;
    content: "";
    width: 2px;
    height: 100%;
    background: #444444;
}
.mobile-menu-list li.active .mobile-defaul i ,.mobile-menu-list li.active .mobile-defaul em{
    transform: rotate(45deg);
}
.slidetop.articleShow {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.footer .mobile-menu-list{
    display: none;
}
.product-frist-list li a figure img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.product-leval-li li.active a {
    color: #111111;
}
.qa-menu {
    box-shadow: 0 0 21px #f7f7f7;
}
.qa-menu-list {
    display: flex;
    justify-content: center;
}
.qa-menu-list li {
    position: relative;
    z-index: 2;
    margin-right: 40px;
}
.qa-menu-list li:hover, .qa-menu-list li.active {
    color: #0078d7;
}
.qa-menu-list li:before {
    content: "";
    width: 0;
    height: 3px;
    background: #0078d7;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.qa-menu-list li:hover:before, .qa-menu-list li.active:before {
    width: 100%;
    right: auto;
    left: 0;
    transition: 0.3s;
}
.qa-menu-list li a {
    display: block;
    height: 70px;
    line-height: 70px;
    color: #999999;
    font-size: 16px;
    font-family: "Alibaba-Regular";
}
.qa-menu-list li.active a, .qa-menu-list li:hover a {
    color: #333333;
}
.qa-menu-list li:after {
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -5px;
    content: "";
    width: 1px;
    height: 10px;
    background: #dddddd;
}
.qa-box {
    padding: 110px 0 280px;
}
.qa-items {
    margin-bottom: 100px;
}
.qa-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 26px;
    border-bottom: 1px solid #dddddd;
}
.qa-title {
    display: flex;
    align-items: flex-end;
}
.qa-title strong {
    display: block;
    line-height: 1;
    color: #222222;
    font-size: 44px;
    font-weight: normal;
}
.qa-title p {
    margin-left: 22px;
    position: relative;
    top: -2px;
    line-height: 1;
    color: #999999;
    font-size: 16px;
    font-family: "Alibaba-Regular";
}
.qa-more {
    display: flex;
    line-height: 1.1;
}
.qa-more a {
    display: flex;
    align-items: center;
    color: #222222;
    font-size: 18px;
}
.qa-more a i {
    display: inline-block;
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    transition: 0.35s;
}
.qa-li {
    margin-top: 50px;
}
.qa-li li {
    margin-bottom: 40px;
}
.qa-li li a {
    display: inline-flex;
    align-items: center;
}
.qa-li li a i {
    display: inline-block;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #999999;
    color: #fff;
    font-size: 15px;
    font-family: "Alibaba-Regular";
    font-style: normal;
    transition: 0.32s;
}
.qa-li li a p {
    margin-left: 9px;
    flex: 1;
    color: #111111;
    font-size: 18px;
    transition: 0.32s;
}
a:active, a:hover {
    text-decoration: none;
    color: inherit;
}
.qa-li li a:hover p {
    color: #0078d7;
}
.qa-li li a:hover i {
    background: #0078d7;
}
.qa-more a:hover {
    color: #0078d7;
}
.qa-view {
    margin-top: 55px;
    padding-bottom: 50px;
}
.posites {
    display: flex;
    align-items: center;
    padding: 37px 0 82px;
}
.posites a, .posites b {
    display: inline-block;
    color: #999999;
    font-size: 16px;
    font-family: "Alibaba-Regular";
}
.posites a, .posites b {
    display: inline-block;
    color: #999999;
    font-size: 16px;
    font-family: "Alibaba-Regular";
}
.posites b {
    font-weight: normal;
    margin: 0 6px;
}
.qa-inner {
    margin: auto;
    max-width: 100%;
    width: 720px;
}
.qa-inner-top {
    padding-bottom: 34px;
    border-bottom: 1px solid #dddddd;
}
.qa-inner-top strong {
    display: block;
    margin-bottom: 25px;
    line-height: 1.2;
    color: #333333;
    font-size: 44px;
    font-weight: normal;
}
.qa-inner-top p {
    color: #999999;
    font-size: 16px;
}
.qa-v-text {
    padding: 70px 0;
    color: #333333;
    font-size: 18px;
    line-height: 2;
}
.about-banner {
    position: relative;
    overflow: hidden;
}
.about-banner figure {
    position: relative;
    display: block;
    padding-bottom: 31.25%;
    height: 0;
    overflow: hidden;
    line-height: 1;
}
.about-banner figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-banner figure img.mb {
    display: none;
}
.ptexts {
    position: absolute;
    left: 45%;
    margin-left: -700px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
.qa-text {
    text-align: center;
}
.phide {
    overflow: hidden;
}
.ptexts strong {
    display: block;
    line-height: 1.2;
    color: #fff;
    font-weight: normal;
    font-size: 58px;
}
.slidetop.articleShow {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.slidetop.articleShow.detay1 {
    transition-delay: 0.25s;
}
.about-banner {
    position: relative;
    overflow: hidden;
}
.about-banner figure {
    position: relative;
    display: block;
    padding-bottom: 31.25%;
    height: 0;
    overflow: hidden;
    line-height: 1;
}
.contact-box {
    padding: 150px 0 255px;
}
.contact-map{
    position: relative;
    overflow: hidden;
}
.contact-address {
    position: absolute;
    left: 120px;
    top: 50%;
    z-index: 10;
    padding-left: 40px;
    padding-top: 35px;
    padding-bottom: 40px;
    width: 400px;
    transform: translateY(-50%);
    background: #fff;
    box-shadow: 0 0 27px #ededed;
}
.contact-address strong {
    display: block;
    margin-bottom: 18px;
    line-height: 1;
    color: #111111;
    font-size: 24px;
    font-weight: normal;
}
.address p {
    margin-bottom: 10px;
    color: #666666;
    font-size: 18px;
    font-family: "Alibaba-Regular";
}
.address p i {
    display: inline-block;
    width: 30px;
    color: #cccccc;
    font-style: normal;
    font-size: 18px;
}
.map {
    height: auto;
}
.map img {
    display: block;
    width: 100%;
    height: auto;
}
.map img.mb {
    display: none;
}
.contact-list {
    margin-top: 150px;
}
.contact-items:last-child {
    margin-bottom: 0;
}
.contact-title {
    display: block;
    margin-bottom: 28px;
    line-height: 1;
    color: #222222;
    font-size: 44px;
    font-weight: normal;
}
.address-list {
    display: flex;
    flex-wrap: wrap;
}
.address-list li {
    padding: 25px 0;
    display: flex;
    align-items: center;
    margin-right: 2%;
    border-top: 1px solid #eeeeee;
    width: 49%;
}
.address-list li:nth-child(2n+2) {
    margin-right: 0;
}
.address-list li span {
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    background: #0078d7;
    color: #fff;
    font-size: 22px;
}
.address-list li span.tel-2{
    background-image: url(../images/tel-1.svg);
    background-size: 32px 32px;
    font-size: 32px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}
.address-list li span.email-2{
    background-image: url(../images/mail-1.svg);
    background-size: 32px 32px;
    font-size: 32px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}
.address p i.address-1{
    background-image: url(../images/address-1.svg);
    background-size: 20px 20px;
    font-size: 32px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: bottom;
    width: 35px;
    height: 24px;
    float: left;
}
.address p i.tel-1{
    background-image: url(../images/tel-2.svg);
    background-size: 20px 20px;
    font-size: 32px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: bottom;
    width: 35px;
    height: 24px;
    float: left;
}
.address-info {
    margin-left: 24px;
    flex: 1;
}
.product-view-info .line-shop a {
    padding: 10px 10px;
    background: #0078d7;
    color: #fff;
    margin-right: 10px;
    font-weight: bold;
}
.product-view-info .line-shop a:hover{
    opacity: 0.7;
}
/* 移动端 开始*/
@media screen and (max-width: 1600px) {
    .header-wrap {
        height: 52px;
    }
    .inner, .iphone-hide {
        width: 72.91%;
    }
    .product-tts {
        font-size: 32px;
    }
    .product-frist-list {
        margin-top: 44px;
    }
    .ptexts, .cooperate-address {
        margin-left: -36.45%;
    }
    .ptexts small {
        margin-bottom: 18px;
        font-size: 18px;
    }
    .ptexts strong {
        font-size: 3.02vw;
    }
    .qa-title strong {
        font-size: 2.2917vw;
    }
    .qa-more a, .qa-li li a p {
        font-size: 16px;
    }
    .contact-address {
        left: 40px;
        padding-left: 26px;
        padding-bottom: 30px;
        padding-right: 22px;
        width: 340px;
    }
    .contact-address strong {
        font-size: 20px;
    }
    .address p {
        font-size: 15px;
    }
    .contact-list {
        margin-top: 7.8125vw;
    }
    .contact-title {
        font-size: 2.2917vw;
    }
}

@media screen and (max-width: 1024px) {
    .inner {
        width: 90%;
    }
    .header-wrap .navs {
        display: none;
    }
    .header-wrap .menubtn {
        display: block;
    }
    .footer .footer-navs{
        display: none;
    }
    .footer .mobile-menu-list{
        display: block;
    }
    .ptexts {
        margin-left: -45%;
    }
    .contact-address {
        position: relative;
        top: 0;
        left: 0;
        padding-left: 0;
        width: auto;
        padding-top: 0;
        transform: translateY(0);
    }

}

@media screen and (max-width: 751px) {
    .inner {
        width: auto;
        margin: 0 8vw;
    }
    .header-wrap {
        height: 12vw;
    }
    .header-wrap .menubtn {
        width: 4.4vw;
        height: 12vw;
        display: flex;
        align-items: center;
    }
    .header-wrap .menubtn span {
        margin-top: 0;
    }
    .mobile-menu {
        padding: 8vw 4vw 8.53vw;
    }
    .mobile-menu-list {
        margin-bottom: 15.2vw;
    }
    .mobile-defaul {
        height: 13.07vw;
    }
    .mobile-down {
        padding: 4.27vw 0 0 4vw;
    }
    .mobile-down li {
        margin-bottom: 1.07vw;
    }
    .mobile-down li a {
        font-size: 3.2vw;
    }

    .header-wrap .menubtn span:before {
        top: -1.87vw;
    }
    .header-wrap .menubtn span:after {
        bottom: -1.87vw;
    }
    .mobile-defaul i,.mobile-defaul em {
        width: 3.33vw;
        height: 3.33vw;
    }
    .carousel.slide .carousel-control-prev .carousel-control-prev-icon,.carousel.slide .carousel-control-next .carousel-control-next-icon{
        background-size: 30px 30px;
        width: 30px;
        height: 30px;
    }
    .carousel.slide{
        margin-top: 50px;
    }
    .curious-wrap.inner{
        margin: 0 5vw;
    }
    .curious-product{
        padding: 0;
    }
    .curious-product .product-title{
        font-size: 5.87vw;
        margin: 30px 0;
        font-weight: bold;
    }
    .curious-product .curious-wrap.inner .article-block figure .pc{
        display: none;
    }
    .curious-product .curious-wrap.inner .article-block figure .mb{
        display: block;
    }
    .curious-product .curious-product-list{
        display: block;
    }
    .curious-product .curious-product-list .curious-product-item{
        width: 100%;
    }
    .curious-product .curious-product-text strong{
        font-size: 3.47vw;
        margin-bottom: 15px;
    }
    .curious-product .curious-product-text p{
        font-size: 4.83vw;
        color: #000;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .curious-product .explore-product .hover-img{
        font-size: 3.47vw;
        font-weight: bold;
    }
    .curious-product .curious-product-text{
        top: 0;
        position: relative;
        left: 0;
        transform: none;
    }
    .curious-product-banner{
        display: none;
    }
    .product-leavl {
        position: relative;
        top: 0;
        box-shadow: none;
    }
    .product-first-menu {
        display: block;
        padding-top: 20vw;
    }
    .product-tts {
        font-size: 6.6667vw;
    }
    .product-frist-list {
        margin-top: 8vw;
    }
    .product-frist-list li {
        margin-right: 10vw;
    }
    .product-frist-list li a {
        padding-bottom: 6.6667vw;
    }
    .product-frist-list li a figure {
        height: 7.7333vw;
    }
    .product-frist-list li a span {
        font-size: 2.9667vw;
        margin-top: 2.666vw;
    }
    .product-leval-li li a:before{
        display: none;
    }
    .product-leavl {
        position: relative;
        top: 0;
        box-shadow: none;
    }
    .product-leavl.innerScroll {
        position: relative;
        box-shadow: none;
    }
    .header.product-header {
        position: fixed;
    }
    .product-series {
        padding-bottom: 0;
    }
    .product-series {
        padding-top: 4.2667vw;
    }
    .product-series-banner figure {
        padding-bottom: 74.92%;
    }
    .product-series-banner figure img.pc {
        display: none;
    }
    .product-series-banner figure img.mb {
        display: block;
    }
    .common-proSwiper .swiper-wrapper {
        flex-wrap: wrap;
        transform: none !important;
        height: auto !important;
        overflow: visible !important;
    }
    .common-proSwiper .series-slide {
        margin-right: 20px !important;
        margin-bottom: 12.6667vw;
        width: calc(50% - 10px) !important;
    }
    .common-proSwiper .series-slide:nth-child(2n+2) {
        margin-right: 0 !important;
    }
    .product-banner-wrap {
        margin-bottom: 8vw;
    }
    .probanner figure img.pc {
        display: none;
    }
    .probanner figure img.mb {
        display: block;
    }
    .probanner .ptexts {
        top: 39.73vw;
        transform: translateY(0);
    }
    .probanner .mbhide {
        display: block;
    }
    .ptexts {
        left: 0;
        margin-left: 8vw;
    }
    .ptexts small {
        margin-bottom: 4vw;
        font-size: 3.73vw;
    }
    .ptexts strong {
        font-size: 6.67vw;
    }
    .product-view-banners {
        display: block;
    }
    .product-v-banner {
        width: 100%;
    }
    .product-view-info {
        margin-top: 7.4667vw;
        width: 100%;
    }
    .product-v-tops {
        margin-bottom: 10.6667vw;
    }
    .product-v-tops span {
        margin-bottom: 2.6667vw;
        font-size: 3.4667vw;
    }
    .product-v-tops strong {
        margin-bottom: 2.0667vw;
        font-size: 5.8667vw;
    }
    .product-v-tops p {
        margin-bottom: 7.7333vw;
        font-size: 3.7333vw;
    }
    .product-views {
        padding-bottom: 21.3333vw;
    }
    .product-mores {
        padding: 20vw 0;
        overflow: hidden;
    }
    .product-more-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 6.6667vw;
    }
    .product-more-top .protts {
        margin-bottom: 0;
    }
    .cooperate-pro .swiper-pagination {
        margin-top: 10px;
        position: relative;
        bottom: 0;
    }
    .pro-mobile-btn {
        left: auto;
        right: 0;
        top: -15vw;
        display: flex !important;
        align-items: center;
    }
    .about-banner figure {
        padding-bottom: 80%;
    }
    .about-banner figure img.pc {
        display: none;
    }
    .about-banner figure img.mb {
        display: block;
    }
    .ptexts {
        left: 0;
        margin-left: 8vw;
    }
    .qa-text {
        right: 0;
    }
    .ptexts small {
        margin-bottom: 4vw;
        font-size: 3.73vw;
    }
    .ptexts strong {
        font-size: 6.67vw;
        line-height: 1.4;
    }
    .qa-menu-list {
        justify-content: start;
        padding-left: 8vw;
        border-bottom: 1px solid #dddddd;
    }
    .qa-menu-list li:before {
        bottom: -2px;
    }
    .qa-menu-list li a {
        height: 16.5333vw;
        line-height: 16.5333vw;
        font-size: 3.4667vw;
    }
    .qa-box {
        padding: 19.8667vw 0 26.6667vw;
    }
    .qa-items {
        margin-bottom: 16.6667vw;
    }
    .qa-top {
        position: relative;
        padding-top: 7.3333vw;
    }
    .qa-title strong {
        font-size: 5.8667vw;
    }
    .qa-title p {
        position: absolute;
        left: 0;
        top: 0;
        margin-left: 0;
        font-size: 3.7333vw;
    }
    .qa-more a, .qa-li li a p {
        font-size: 16px;
    }
    .qa-li {
        margin-top: 6.4vw;
    }
    .qa-li li {
        margin-bottom: 5.6vw;
    }
    .qa-view {
        margin-top: 12vw;
        padding-bottom: 26.6667vw;
    }
    .posites {
        padding: 6.4vw 0;
    }
    .posites b, .posites a {
        font-size: 3.4667vw;
    }
    .qa-inner-top {
        padding-bottom: 4vw;
    }
    .qa-inner-top strong {
        margin-bottom: 3.2vw;
        font-size: 5.5667vw;
    }
    .qa-inner-top p {
        font-size: 3.4667vw;
    }
    .qa-v-text {
        padding: 6.4vw 0 13.3333vw;
        font-size: 3.7333vw;
    }
    .contact-box {
        padding-top: 20vw;
        padding-bottom: 12vw;
    }
    .contact-address {
        padding-right: 0;
        padding-bottom: 10.1333vw;
    }
    .contact-address strong {
        margin-bottom: 3.2vw;
        font-size: 5.8667vw;
    }
    .address p {
        margin-bottom: 6px;
    }
    .contact-list {
        margin-top: 20vw;
    }
    .contact-items {
        margin-bottom: 16vw;
    }
    .contact-title {
        margin-bottom: 5.0667vw;
        font-size: 5.8667vw;
    }
    .address-list {
        display: block;
    }
    .address-list li {
        margin-right: 0;
        width: 100%;
    }
    .curious-product-item figure{
        padding: 0;
        height: auto;
    }
    .curious-product .curious-wrap.inner .article-block figure img.mb{
        position: unset;
    }
    .curious-product .curious-wrap.inner .article-block figure .mb img{
        position: unset;
    }
}

/* 移动端 结束*/

.que {
    position: relative;
    display: flex;
    top: -5px;
    z-index: 2;
}

.que-item {
    display: block;
    flex: 1;
    padding: 70px;
    box-sizing: border-box;
    position: relative;
    color: #fff;
}
.que-item:hover{ color: #fff;}
.que-item:first-of-type {
    background: #24292f;
}
.que-item:nth-of-type(2) {
    background: #0078d7;
}

que-item{display:block;flex:1;padding:70px;box-sizing:border-box;position:relative}
.que-item:first-of-type{background:#24292f}
.que-item:nth-of-type(2){background:#0078d7;}
.que-item:nth-of-type(2) .more-btn i:after,.que-item:nth-of-type(2) .more-btn em:after{border-color:#111111}
.que-item:nth-of-type(3){background:#FBFBFB; color: #111111;}
.que-item:nth-of-type(3):hover{color: #111111;}
.que-item:nth-of-type(3) .more-btn,.que-item:nth-of-type(3) .que-num,.que-item:nth-of-type(3) .que-title,.que-item:nth-of-type(3) article{color:#111111}
.que-item:nth-of-type(3) .more-btn i,.que-item:nth-of-type(3) .more-btn em{background:#1F2B41}
.que-item:nth-of-type(3) .more-btn i::after,.que-item:nth-of-type(3) .more-btn em::after{border-color:#FFFFFF}
.que-item:nth-of-type(3):after,.que-item:nth-of-type(3):before{border-color:#111111;}
.que-item:before{bottom:0px;transition:opacity .5s ease 0s,transform .5s ease 0s;border-top:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;transform:scaleX(0);-webkit-transform:scaleX(0)}
.que-item:after,.que-item:before{content:"";position:absolute;width:94%;height:92%;top:4%;left:3%;opacity:0;box-sizing:border-box}
.que-item:after{transition:opacity .3s ease 0s,transform .3s ease 0s;border-left:2px solid #FFFFFF;border-right:2px solid #FFFFFF;transform:scaleY(0);-webkit-transform:scaleY(0)}
.que-item:hover:after,.que-item:hover:before{opacity:1;transform:scale(1)}
.que-item:hover .more-btn{margin-left:14px}
.que-num {
    font-size: 24px;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.que-title {
    font-size: 25px;
}
.que article {
    font-size: 14px;
    line-height: 1.5;
    margin: 20px 0px;
    max-width: 448px;
}
.email_top{
    padding-left: 90px;
    color:#ffffff
}
.common-product-wrapper .product-list{
    margin: 30px auto 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.common-product-wrapper .product-list .product-item{
    width: calc(25% - 36px);
    margin: 0 15px 30px 15px;
    background-color: #FFFFFF;
    position: relative;
    text-align: center;
    border: 1px solid #ddd;
}
.common-product-wrapper .product-list .product-item a.product_title{
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin: 20px 0 20px 0;
}
.common-product-wrapper .product-list .product-item:hover a.product_title{
    color: #0078d7;
}
.common-product-wrapper .product-list .product-item img{
    width: 100%;
}
.common-product-wrapper .product-list .product-item:hover img{
    transform: scale(0.98);
}
.product-description .product-description-max{
    max-width: 1600px;
    margin: 0 auto;
}
.product-mores .product-banner-wrap.product-banner1 .product-btns.prev,.product-mores .product-banner-wrap.product-banner1 .product-btns.next{
    background-size: 48px 48px;
    width: 48px;
    height: 48px;
    font-size: 48px;
}
.lang-drop{
    position: absolute;
    top: 50px;
    right: 0;
    border: 1px solid #ddd;
    background: #fff;
    display: none;

}
.lang-drop .lang-wrap{
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    width: 360px;
    max-height: 400px;
    overflow-y: auto;
    position: relative
}
.lang-drop .lang-wrap li{
    width: calc(50% - 12px);
    padding: 8px 6px;
    text-align: left;
}
.lang-drop .lang-wrap li:nth-child(1) a{
    background: #EEEEEE;
    display: block;
    padding-left: 10px;
}
.header  span.lang{
    background: url(../images/language-all.jpg) no-repeat center;
    width: 24px;
    height: 16px;
    display: inline-flex;
    margin-right: 6px;
    vertical-align: sub;
}
.header  span.lang.lang-en{
    background-position: 0 0;
}
.header  span.lang.lang-ko{
    background-position: 0  -119px;
}
.header  span.lang.lang-es{
    background-position: 0  -51px;
}
.header  span.lang.lang-fr{
    background-position: 0  -17px;
}
.header  span.lang.lang-ar{
    background-position: 0 -102px;
}
.header  span.lang.lang-ja{
    background-position: 0px -136px;
}
.header  span.lang.lang-pt{
    background-position: 0px -68px;
}
.header  span.lang.lang-ru{
    background-position: 0px -153px;
}
.header  span.lang.lang-de{
    background-position: 0px -34px;
}
.header  span.lang.lang-hi{
    background-position: 0px -340px;
}

.header .language{
    position: relative;
    padding-right: 18px;
    top: -10px;
}
.header .language::before{
    content: "";
    position: absolute;
    right: 4px;
    top: 21px;
    width: 8px;
    height: 1px;
    background:#fff;
    transform: rotate(50deg);
}
.header .language::after{
    content: "";
    position: absolute;
    right: 0px;
    top: 21px;
    width: 8px;
    height: 1px;
    background: #fff;
    transform: rotate(-50deg);
}
.lang-currentLang{
    cursor: pointer;
    min-width: 110px;
}
.lang-drop .lang-wrap li a{
    padding-left: 10px;
}
.lang-drop .lang-wrap li a:hover{
    background: #EEEEEE;
    display: block;
}
.product-list-n{
    display: flex;
    flex-wrap: wrap;
}
.product-list-n li{
    width: calc(25% - 34px);
    margin: 10px 6px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
}
.product-list-n li figure img{
    width: 100%;
}
.product-list-n li:hover{
    transition: box-shadow .3s;
    box-shadow: 0 2px 10px 0 rgba(174, 175, 177, .55);
    z-index: 2;
}
.product-list-n li p{
    margin: 15px 0;
}
.product-list-n li:hover p{
    color: #007bff;
}
.qa-list-news .qa-items .qa-li li a.content-img{
    width: 250px;
    display: block;
    position: relative;
}
.qa-list-news .qa-items .qa-li li{
    width: 100%;
    margin-bottom: 40px;
    height: 250px;
    display: flex;
    border: 1px solid #F1F1F1;
}
.qa-list-news .qa-items .qa-li li a.content-img img{
    width: 100%;
}
.qa-list-news .qa-items .qa-li li a.content-img .content-date{
    position: absolute;
    left: 10px;
    top: 10px;
    background: #007bff;
    color: #fff;
    display: inline-block;
    padding: 2px 10px;
}
.qa-list-news .qa-items .qa-li li a.content-info{
    padding: 15px 15px 15px 50px;
    display: block;
}
.qa-list-news .qa-items .qa-li li a.content-info .more-news{
    color: #ccc;
    margin-top: 25px;
    text-decoration: underline;
}
.qa-list-news .qa-items .qa-li li a.content-info .title-news{
    margin-top: 15px;
}
.qa-list-news .qa-items .qa-li li a.content-info .more-news:hover{
    color: #ff0016;
}
@media screen and (max-width: 751px) {
    .product-list-n li {
        width: calc(50% - 34px);
    }
    .curious-product .que{
        display: block;
    }
    .email_top{
        display: none;
    }
    .common-product-wrapper .product-list .product-item{
        width: calc(50% - 14px);
        margin: 5px;
    }
    .common-product-wrapper .inner{
        margin: 5px;
    }
}