/*@font-face
{
    font-family: 'sourcehansansnormalalphabetic';
    src: url('fonts/normal/sourcehansanscn-normal-webfont.woff2') format('woff2'), url('fonts/normal/sourcehansanscn-normal-webfont.woff') format('woff'), url('fonts/normal/sourcehansanscn-normal-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'sourcehansanscn-rRgalphabetic';
    src: url('fonts/regular/sourcehansanscn-regular-webfont.woff2') format('woff2'), url('fonts/regular/sourcehansanscn-regular-webfont.woff') format('woff'), url('fonts/regular/sourcehansanscn-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/


/*样式初始化*/
*{ /*margin:0; padding:0;*/color: #444;color: #888888; zoom:1; font-size:14px;  line-height:1;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td { margin: 0;padding: 0;font-size: 16px;font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif}
body { overflow-x: hidden;width: 100%; /*max-width:1920px;*/ margin:auto; }
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
a{ text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.text,textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}
img{border:none;width: 100%;}
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
body{padding:80px 0 0 0 ;}
.index_body{padding:0;}
.box{width: 95%;margin: 0 auto;}

/*公共部分-header*/
.header{height: 50px;width: 100%;position: fixed;top: 0;left: 0;z-index: 99;transition: all .3s ease;}
.header .box{margin: 10px auto;height: 50px;transition: all .3s ease;}
.header .logo{float: left;}
.header .logo img{transition: all .3s ease; width:auto; height:30px;}
.header .meun-off{display: none;}
.header .nav{}
.header .nav .ul{margin: 0 auto;text-align: center;float: right;}
.header .nav .ul a {line-height: 30px;display: block;float: left;overflow: hidden;color:#888888; position:relative; margin-left: 20px;padding-bottom: 5px; /*letter-spacing:5px;*/ /*border-right: #999 1px solid*/}
.header .nav .ul a span{ display:block; width:100%; font-size:12px;letter-spacing:0}
.header .nav .ul a em{display:none; position:absolute; width:6px; height:6px; border-radius:50%; left:49%; bottom:-2px; background-color:#666;}
.header .nav .ul a:hover em{display:block;}
.header .nav .close{display: none;}
.header-small{background: #fff;-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;transition: all .3s ease}
.header-small .nav .ul a em{background-color:#666; }
.hweicode{display:none; width: 120px; position: fixed; top: 50px; right: 2.5%; z-index: 9999; padding:5px; background-color:#fff; border:1px solid #ddd;}
.hweicode p{text-align:center; color:#6f6f6f; font-size:12px; text-align:center; line-height:16px;}

/*首页轮播*/
.mobile_lunbo{display: none;}
.swiper-container {width: 100%;height: 100%;}
.swiper-wrapper{transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;}
.swiper-slide{text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

/*首页-品牌价值*/
.index-value{padding: 50px 0;}
.index-value .left,.index-value .right{width: 50%;float: left;}
.index-value .right{float: right;}
.index-value .right h2{font-size: 18px;line-height: 50px; font-weight:normal; width:60%;}
.index-value .right h2:hover{color:#000}
.index-value .right p{line-height: 24px; font-size:12px; margin-top:4px; letter-spacing:0px; text-align:justify;text-justify:distribute-all-lines; /*兼容ie*/}
.index-value .right p:hover{color:#000}

/*首页推荐作品*/
.index-pro{padding:50px 0;text-align: center;/*background: url(../images/1_2.jpg);*/}
.index-pro .pro_nav{margin-bottom: 10px; overflow:hidden;}
.index-pro .pro_nav ul{float:left}
.index-pro .pro_nav ul li{float: left;margin-right: 20px}
.index-pro .pro_nav li a{display: block;line-height: 28px;color: #9B9B9B; font-size:13px;}
.index-pro .pro_nav ul li a.active,.index-pro .pro_nav ul li:hover a{font-weight:bold;}
.index-pro .pro_nav .sort{float:right; line-height: 28px; color: #9B9B9B; font-size:13px; display:none; }
.index-pro .pro_nav .sort a{margin-left:12px;}

.index-pro .content .item{width: 32.666%;float: left;margin-left: 1%;margin-top: 0;position: relative; margin-bottom:1%;}
.index-pro .content .item:nth-child(3n+1){margin-left: 0;}
.index-pro .content .item:nth-child(3n+1)::after{content:""; clear:both; }
.index-pro .content .item img{width: 100%;}
.index-pro .content .item .img2{ position: absolute; top: 0; left: 0;opacity: 0;}
.index-pro .content .item .txt *{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;color: #fff;}
.index-pro .content .item .txt{opacity: 0; color: #fff; position: absolute; width: 100%; box-sizing: border-box; padding: 10%; top: 0; left: 0; height: 100%; background: rgba(255, 255, 255, 0.8); /*background: url(../images/1_5.png) center bottom no-repeat;*/ background-size: cover;}
.index-pro .content .item .txt div{transform: translate(0,20px);-webkit-transform: translate(0,20px);}
.index-pro .content .item .txt .title{margin-top: 13%;overflow: hidden;text-overflow: ellipsis;font-size: 18px;white-space: nowrap; line-height:30px; color:#fff;text-align:center;color:#333; font-weight:bold;}
.index-pro .content .item .txt .summary{ overflow: hidden; text-overflow: ellipsis; font-size:13px; text-align:center;color:#666; line-height: 20px; margin-top: 10px;}
.index-pro .content .item .txt .line{width:8%; height:1px; background-color:#999; margin:3% auto;}
.index-pro .content .item .txt .cate{text-align:center; font-size:12px; color:#666; line-height:26px;}

.index-pro .content .item:hover .txt{opacity: 1;}
.index-pro .content .item:hover .txt div{transform: translate(0,10px);-webkit-transform: translate(0,10px);}
.index-pro .listmore{padding: 20px 0px 20px;}
.index-pro .listmore a{text-align: center;line-height: 45px;display: block;color: #888888;font-weight: 200; font-size:14px;}

.index-pro .content .item{overflow: hidden;}
.index-pro .content .item a img{-webkit-transition: .6s;transition: .6s;}
.index-pro .content .item:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
/*首页-其他服务*/
.index-service{padding-bottom: 20px; padding-top:10px;}
.index-service .box{width: 80%;}
.index-service .top{}
.index-service .top ul{height:201px;  overflow:hidden; }
.index-service .top ul li{float: left;width: 70px; margin-bottom: 50px; width:20%}
.index-service .top ul li:nth-child(5n+1){clear:both}
.index-service .top ul li h2,.index-service .center .item a.title,.index-service .bottom h2{font-size: 16px; line-height:26px; margin-bottom: 10px;font-weight: bold;display: block;}
.index-service .top ul li a{line-height: 26px; display: block;font-size:12px; width:100%;white-space:nowrap;}
.index-service .top .more{ display: block; margin-top: 30px;  line-height: 45px; color: #888888; font-weight: 200;  font-size: 14px;}
.index-service .center{margin:50px 0;overflow: hidden; display:none;}
.index-service .center .item{float: left;width: 30%;margin-left: 5%;}
.index-service .center .item:first-child{margin-left: 0;}
.index-service .center .item .summary{}
.index-service .center .item .summary p{line-height: 24px;}
.index-service .bottom{display:none}
.index-service .bottom a.title{font-size: 16px;margin-bottom: 5px;display: block;}
.index-service .bottom p{line-height: 24px;}

/*公共部分-footer*/
.btmBox{display: none;}
.footer{padding: 30px 0;background: #b5b5b6}
.footer .box{width: 80%;}
.footer .top,.footer .top .fle li{overflow: hidden;}
.footer .top .fl{float: left;width: 22%;}
.footer .top .fle{width: 36%;}
.footer .top .fle li>a{float: left;display: block;font-size: 12px;}
.footer .top .fle li dd{float: left;width: 90%;display: block;}
.footer .top .fle li>a,.footer .top .fle li dd a{line-height: 24px; color:#525252;}
.footer .top .fle li dd a{float: left;display: block; font-size:12px; margin-right:10px;}
.footer a,.footer p,.footer p span{color: #525252}
.footer .top .fce{width:20%;}
.footer .top .fce p{line-height: 28px;font-size: 14px;}
.footer .top .fce img{width: 90px;}
.footer .top .fce p.num{font-size: 13px;}
.footer .top .frt{width:22%;}
.footer .top .frt:last-child{padding-left:5%}
.footer .top .frt p{line-height: 23px; font-size:12px;}
.footer .top .frt p span{margin-right: 10px}
.footer .top .frt p span.sp1{display:inline-block; font-size:12px; width:30px;}
.footer .top .frt p span.sp2{display:inline-block; font-size:12px; width:30px;}
.footer .top .frt p span.sp3{display:inline-block; font-size:12px; width:10px;}
.footer .bottom p{line-height: 36px;}


/*内页-公共部分*/
.inner{padding:50px 0 100px;}
.inner .box{width: 85%;overflow: hidden;}
.inner .left{width: 25%;float: left;}
.inner .right{width: 75%;float: left;}
.inner .left h2{font-size: 22px;line-height: 32px;font-weight: bold; width:220px;}
.inner .left p.line{height: 2px;width: 15px;background: #888888; margin-top:5px;}

/*内页-关于我们*/
.about{padding:80px 0 20px;}
.about .item{margin-bottom: 65px;overflow: hidden;}
.about .item .right{padding-right:20%;}
.about .item .right h2{font-size: 18px;line-height: 32px;font-weight: normal; margin-bottom:5px;margin-top:30px;}
.about .item .right h2:first-child{margin-top:0;}
.about .item .right .content{margin-bottom:25px;}
.about .item .right .content img{display:block; /*border:1px solid #ddd;*/margin-top: 15px;}
.about .item .right p{line-height: 24px; font-size:14px; margin-bottom:5px;}
.about .item .right p.yuanjing{margin-bottom: 10px;}
.about .item .teammenber{overflow:hidden}
.about .item .teammenber li{overflow:hidden; float:left; width:32%; margin-right:2%; margin-bottom:3%;}
.about .item .teammenber li:nth-child(3n){margin-right:0;}
.about .item .teammenber li img{width:100%}
.about .item .teammenber li h3{font-weight:normal; line-height:30px;margin-top:15px;margin-bottom:10px; font-size:18px;}
.about .item .teammenber li p{line-height:22px;}
.about .item .more{margin-top: 10px;}
.about .item .more a{font-size:13px;}

.about .item.a1 .right .content{height: 110px;overflow: hidden;}
.about .item.a2 .right .single{margin-bottom: 20px;}
.about .item.a3 .right .content{height: 200px;overflow: hidden;}
.about .item.a4 .right .single{margin-bottom: 20px;}
.about .item.customer_case ul{overflow: hidden;border:1px solid #888;}
.about .item.customer_case ul a{width: 33.3333%;float: left;/*margin-left: 2%;*/margin: 10px 0 10px;display: block;}
/*.about .item.customer_case ul a:nth-child(3n+1){margin-left: 0;}*/
.about .item.honor ul{overflow: hidden;border:1px solid #888;}
.about .item.honor ul a{width: 50%;float: left;/*margin-left: 2%;*/margin: 10px 0 10px;display: block;}
/*.about .item.honor ul a:nth-child(2n+1){margin-left: 0;}*/


/*内页-产品列表*/
.product{padding: 50px 0;}
.product .pro_nav{margin-bottom: 10px;}
.product .pro_nav ul {float:left}
.product .pro_nav ul li{float: left;padding: 5px 15px}
.product .pro_nav li a{display: block;line-height: 28px;}
.product .pro_nav ul li a.active,.product .pro_nav ul li:hover a{/*border-bottom: 1px solid #888888*/}
.product .pro_nav .sort{float:right; line-height: 28px; color: #9B9B9B; font-size:13px; cursor:pointer;}
.product .content .item{float: left;width: 32.666%;margin-left: 1%; position:relative; margin-bottom:1%;}
.product .content .item:nth-child(3n+1){margin-left: 0;}
.product .content .item a{display: block;}
.product .content .item a img{width: 100%;}
.product .content .item p{text-align: center;line-height: 20px; margin-top:10px;}
.product .content .item p:hover{color: #50D6E3}
.product .content .item{overflow: hidden;}
.product .content .item a img{-webkit-transition: .6s;transition: .6s;}
.product .content .item .img2{ position: absolute; top: 0; left: 0;opacity: 0;}
/*.product .content .item:hover img{transform: scale(0.9);-ms-transform: scale(0.9);opacity: 0.5}*/
.product .content .item .txt *{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;color: #fff;}
.product .content .item .txt{opacity: 0; color: #fff; position: absolute; width: 100%; box-sizing: border-box; padding: 10%; top: 0; left: 0; height: 100%; background: rgba(255, 255, 255, 0.8); /*background: url(../images/1_5.png) center bottom no-repeat;*/ background-size: cover;}
.product .content .item .txt div{transform: translate(0,20px);-webkit-transform: translate(0,20px);}
.product .content .item .txt .title{ font-weight:bold; margin-top: 13%;overflow: hidden;text-overflow: ellipsis;font-size: 18px;white-space: nowrap; line-height:30px; text-align:center; color:#333;}
.product .content .item .txt .summary{overflow: hidden; text-overflow: ellipsis; font-size:13px; text-align:center;color:#666;}
.product .content .item .txt .line{width:8%; height:1px; background-color:#999; margin:3% auto;}
.product .content .item .txt .cate{text-align:center; font-size:12px; color:#666}


.page{margin: 50px auto; text-align: center;margin-bottom: 100px;}
.page a{text-align: center;color: #666; background-color: #f2f2f2;  padding: 10px 20px;  margin-right: 5px;}
.page a.current, .page a:hover{background: #67DBE6; color: #fff;}
.page a.diable{background-color: #F0F0F0;color: #ccc}

/*内页-产品详情*/
.proinfo{padding:30px 0 100px;}
/*.proinfo .box{width: 90%;}*/
.proinfo .top{margin: 50px auto;overflow: hidden; /*width:95%;*/}
.proinfo .top .left{width: 45%;float: left;}
.proinfo .top .left h2{font-size: 22px;font-weight: normal;margin-bottom: 10px;}
.proinfo .top .left p.sub-title{font-size:13px; margin-top:10px; line-height: 30px;}
.proinfo .top .left p.time{line-height: 16px; font-size:13px;}
.proinfo .top .right{width: 55%;float: right; line-height:28px;margin-top: -5px;text-align:justify;text-justify:distribute-all-lines; /*兼容ie*/}
.proinfo .top .right .summary{line-height: 26px; font-size:14px;}
.proinfo .top .right .cate{line-height: 28px; margin-top:100px;}
.proinfo .top .right .cate p{line-height: 28px; font-size:15px;}
.proinfo .bottom{/*border:1px solid #ddd; padding:1.5%;*/}
.proinfo .bottom img{ width:auto; max-width:900px; }
.proinfo .bottom p{font-size:15px; line-height:28px; color:#666;  display:inline-block;width:100%; }

/*内页-洞察列表*/
.news .item{margin-bottom: 120px;overflow: hidden;}
.news .right{padding-right: 20%;}
.news .right li{width: 100%;float: left;margin-bottom: 80px;}
.news .right li img{width:100%}
.news .right li:last-child{margin-bottom:35px;}
.news .right li a{display: block;}
.news .right li a.title{font-size: 22px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:12px;}
.news .right li a.title:hover{color:#000;}
.news .right li p{line-height: 26px;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/ font-size:13px;}
.news .right li p img{margin-top:15px;}
/*.news .right li a.imgbigout img{-webkit-transition: .6s;transition: .6s;}
.news .right li a.imgbigout:hover img{transform: scale(0.98);-ms-transform: scale(0.98);opacity: 0.5}*/
.news .right .more{text-align: left;}
.news .right .more a{font-size:13px;}
/*内页-洞察详情*/
.newsinfo{padding-bottom: 50px;}
.newsinfo .right h2{font-size: 20px;line-height: 28px; font-weight:normal;}
.newsinfo .right p{line-height: 24px;margin-top: 10px;}
.newsinfo .content{overflow:hidden}
.newsinfo .content p{font-size:15px; line-height:28px; color:#888888}
.newsinfo .newstool {overflow:hidden; margin-top: 50px;padding-top: 30px; border-top: 1px solid #eee;height: 280px;}
.newsinfo .newstool .left {float:left}
.newsinfo .newstool .right {float:right}
.newsinfo .share {display: block;}
#share { position: relative; z-index: 99; overflow:hidden;}
.share-box .icon { background-image: url(../images/2644594996453d51.png); background-repeat: no-repeat; color: red;}
.ico-share { width: 28px; height: 26px; display: block; background-position: 2px -231px;}
.share-box{position:relative;}
.share-list { width: 150px; padding: 10px 20px; background: #363636;    margin-top: 15px;    opacity:0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
.share-list li a { height: 24px; line-height: 24px; display: block; padding-left: 34px; color: #FFF; font-size: 14px; position: relative;}
.share-list li .ico-weixin {  background-position: -60px 0;}
.share-list li .ico-xlwb {  background-position: -100px 0;}
.share-list li .ico-txwb { background-position: -140px 0;}
.share-list li .ico-douban { background-position: -180px 0;}
.share-list li .ico-tieba { background-position: -220px 0;}
.share-list li .icon { width: 24px; height: 24px; display: block; position: absolute; left: 0; top: 50%; margin-top: -12px;}
.news-tool-right ul{float:right}
.news-tool-right li { position: relative;height: 32px;float: left; margin: 0 7px;font-size: 0;}
.news-tool-right li .icon { background-image: url(../images/2644594996453d51.png); background-repeat: no-repeat; display: block; width: 26px; height: 26px; font-size: 0;}
.news-tool-right #prev a { background-position: 0 -155px;}
.news-tool-right #close a { background-position: 0 -114px;}
.news-tool-right #next a { background-position: 0 -194px;}
.newsinfo .box{width:900px;}
.newsinfo .box .newsinfoleft{float:none; width:100%;    padding-bottom: 40px;}
.newsinfo .box .newsinforight{float:none; width:100%;}
.newsinfo .box .newsinforight h2{font-size:22px;    margin-bottom: 10px;}





/*内页-服务*/
.service{padding:80px 0 200px;}
.service .left{width: 20%;float: left;}
.service .right{width: 80%;float: left;}
.service .right ul li{float: left;width: 20%; margin-top:5px;margin-bottom:50px;}
.service .right ul li h2{font-size: 16px;font-weight: bold; margin-bottom:10px;}
.service .right ul li a{line-height: 26px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:12px;}
.service .right ul li:nth-child(5n+1){clear:both}

/*内页-联系我们*/
.contact .right h2{font-size: 20px;line-height: 34px;font-weight: normal; margin-bottom:10px;}
.contact .right p{line-height: 29px; font-size:14px;}
.contact .right p span{margin-right: 10px;display: inline-block; width: 12px;}
.contact .right h2.join{margin-top: 60px;margin-bottom: 10px;}
.contact .right img{width: 110px;margin-top: 60px;}
/*百度地图*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent img{max-width: none;}

/*.lunbo .swiper-button-next{width:20px; height:28px;right:2%; background-size:contain}*/
.lunbo .swiper-button-prev{width:50%; left:0; top:0; height:100%;background-size:contain; opacity:0; cursor:url("../images/left_arrow.ico"),auto; background:no-repeat}
.lunbo .swiper-button-next{width:50%; right:0; top:0; height:100%;background-size:contain; opacity:0; cursor:url("../images/right_arrow.ico"),auto;  background:no-repeat}
.lunbo .swiper-pagination-bullet{background-color:#828282; }
.lunbo .swiper-pagination-bullet-active{background-color:#fff; }
.lunbo .swiper-container-horizontal>.swiper-pagination-bullets,.lunbo .swiper-pagination-custom, .lunbo .swiper-pagination-fraction{bottom:5%;}

.index-news{overflow:hidden; width:80%;margin:auto; display:none;}
.index-news .item{width:30%; float:left }
.index-news .item:nth-child(2){margin:0 5%;}
.index-news .item .tit{font-size:14px; line-height:40px;color:#666;}
.index-news .item p{font-size:12px;  line-height:24px; color:#c1c1c1;}
.index-news .item img{width:100%; margin-top:10px;}
.index-news .more{display: block;text-align: center; line-height: 30px; padding: 30px 0px; clear: both;}


.index-honor{overflow:hidden}

@media screen and (max-width:1200px) {
    /*header*/
	.proinfo .bottom img{ width:auto; max-width:100%; }
    body{min-width: 0;}
    .header{height: 50px;width: 100%; position: fixed; top: 0; left: 0; z-index: 99; transition: all .3s ease; background: rgba(251, 251, 251, 0);}
    .header .logo img{height:24px;}
    .box{width: 92%; margin: 0 auto;}
    .header .meun-off{float: right;margin-right: 10px;margin-top:0;display: block;}
    .header .box {margin: 10px auto;height: 30px;transition: all .3s ease;}

    .header .meun-off span{width: 23px;height: 2px;background-color: #7d7d7d;display: block;margin: 6px auto;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
    .header .meun-on #span2{opacity: 0}
    .header .meun-on #span1{-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg)}
    .header .meun-on #span3{-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg)}
    .header .nav{position: fixed; overflow: hidden;float: none; width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.9);display: none;}
    .header .nav .ul{margin: 0 auto; width: 50%; text-align: center; height: 500px; position: absolute; top: 50%; margin-top: -250px; left: 50%; margin-left: -25%;}
    .header .nav .ul a{margin-left: 0;width: 100%; display: block; height: 60px; color: #fff;overflow: hidden;line-height: 30px;float: none; font-size: 16px; letter-spacing:5px;}
    .header .nav .close{display: block; position: absolute; top: 4%; right: 1%; width: auto;}
    .header .nav .close img{width: 50%;transition: all .5s ease;}

    /*首页-轮播*/
    .lunbo {display: none;}
    .mobile_lunbo {display: block;}
    /*首页-价值*/
    .index-value {padding: 20px 0;}
    .index-value .left, .index-value .right {width: 100%;float: none;}
    .index-value .right h2{text-align: left;}
    .index-value .right p{font-size:13px; line-height:200%}
    /*首页-产品*/
    .index-pro{padding:30px 0;}
    .index-pro .pro_nav {margin-bottom: 0px;margin-top: 0px;}
    .index-pro .pro_nav ul{float:none}
    .index-pro .pro_nav ul li {line-height: 24px;float: left;width: 30%;margin-left: 2%;  padding: 0;margin-right: 0;margin-bottom: 10px; border:1px solid #e1e1e1}
    .index-pro .pro_nav ul li:nth-child(3n+1){margin-left: 0;}
    .index-pro .pro_nav li a {text-align: center;display: block;line-height: 28px;color: #9B9B9B;}

    .index-pro .content .item{width: 100%;}
    .index-pro .content .item .txt { display:none;   opacity: 1; color: #000; position: static; width: 100%; box-sizing: border-box;  padding:0;  top: 0; left: 0;  height: 100%; background: none; background-size: cover;    }
    .index-pro .content .item .txt *{color: #000}
    .index-pro .content .item .txt div { transform: translate(0,20px); -webkit-transform: translate(0,20px);transform: none;  -webkit-transform: none; }
    .index-pro .content .item .txt .title{margin-top: 15px;margin-bottom: 15px;font-size: 15px;}
    .index-pro .content .item .txt .xian,.index-pro .content .item .txt .summary,
    .index-pro .content .item .txt .more{display: none;}

    .index-pro .listmore { padding: 10px 0; width: 100%;  margin: 10px auto 0; }
    .index-service{padding-bottom:0;}
    .index-service .box{width:90%;}
    .index-service .top ul{height:auto}
    .index-service .top ul li{width:50%; text-indent:15%;}
    .index-service .top .more{display:none}
    .index-service .center {margin: 30px 0;overflow: hidden;}
    .index-service .center .item{float: none;width: 100%;margin-left: 0;margin-bottom: 20px;}
    .index-service .center .item .summary p{margin-bottom: 10px;}

    

    /*footer*/
    .btmBox{display: block;}
    .footer{background:#f7f7f7; padding:40px 0 80px 0;}
    .footer .top .fle{display:none}
    .footer .top .fle,.footer .top .fce,.footer .top .frt{float:none; width:100%; overflow:hidden}
    .footer .top .fce{padding-bottom:15px;}
    .footer .top .frt p{line-height:30px; font-size:13px;}
    .footer .top .frt:last-child{float:none; width:100%; overflow:hidden; padding-left:0;}
    .btmBox{position: fixed; width: 100%; display: block; left: 0; bottom: 0; z-index: 9000; background: #000;}
    .btmBox li{width: 100%; float: left;}
    .btmBox li a{display: block; padding: 7px 0; color: #fff; font-size: 12px; text-align: center;}
    .btmBox li a img{margin: 0 auto 8px; width: auto; height: 20px; display: block;}

    /*内页-公共部分*/
    .inner{padding:20px 0 100px;}
    .inner .box{width: 92%;overflow: hidden;}
    .inner .left{width: 100%;float: none;}
    .inner .right{width: 100%;float: none;}
    .inner .left h2{text-align: center; width:100%}
    .inner .left p.line{margin: 10px auto;}
    /*内页-关于我们*/
    .about .item .teammenber li{width:100%; margin-right:0;}
    .about .item .teammenber li img{width:38%; padding-right:5%; float:left}
    .about .item .teammenber li h3{margin-top:2px;}
    .about .item .right { padding-right: 0; }
    .about .item{margin-bottom: 50px;}
    .about .item.a3 .right .content{text-align: center;}
    .about .item .more{text-align: center;margin-top: 20px;}
    .about .item.honor{margin-bottom: 0;}
    /*内页-联系我们*/
    .contact .box{width: 85%;overflow: hidden;}
    .contact .right h2.join,.contact .right img{margin-top: 30px;}
    /*内页-服务*/
    .service .box{width: 85%;overflow: hidden;}
    .service .right ul li{width: 50%;margin-bottom: 30px;}

    .news {overflow:hidden}
    .news .subnav{width:100%}
    .news .item {  margin-bottom: 50px; overflow: hidden; }
    .news .item .left{display:none}
    .news .right { padding-right: 0; }
    .news .right li a.title{font-size:18px;}

    /*产品列表*/
    .product{padding: 20px 0}
    .product .pro_nav ul{float:none; width:100%}
    .product .pro_nav ul li{width: 32%;margin-top: 10px;text-align: center;float: left;padding: 0;margin-left: 2%;background-color: #e1e1e1}
    .product .pro_nav ul li:nth-child(3n+1){margin-left: 0;}
    .product .pro_nav li a{height: 36px;line-height: 36px;}
    .product .pro_nav ul li a.active, .product .pro_nav ul li:hover a{border-bottom:none;background-color: #000;color: #fff}
    .product .content .item{float: none;width: 100%;margin-left: 0;}
    .page{margin: 0px auto;text-align: center;}
    .page a{display: none;}
    .page a.prev,.page a.next{display: inline-block;}

    /*产品详情*/
    .proinfo .top {margin: 20px 0;overflow: hidden;}
    .proinfo .top .left,.proinfo .top .right{float: none;width: 100%;}
    .proinfo .top .left{margin-bottom: 20px;}

}

@media (min-width: 1980px)
{

    .index-value .right p{line-height:30px; margin-top:8px;}
    .index-service .top ul li a{line-height:32px;}
    .index-service .top ul li h2, .index-service .center .item a.title, .index-service .bottom h2{margin-bottom:15px;}
}


.subnav{overflow:hidden; width:85%; margin:auto; margin-bottom:50px;padding-left: 21.2%;margin-bottom: 45px;}
.subnav a{position:relative; display:block; float:left; padding-right: 30px; font-size:16px; color:#888888;  height:40px; line-height:40px;}
.subnav a::after{content: ""; width: 1px; background-color: #b2b2b2; position: absolute; right: 15px; height: 20px; top: 10px;}
.subnav a:last-child::after{width:0;}