/*Base*/

@charset "utf-8";

* {font-family: "Microsoft YaHei",  Arial,sans-serif;-webkit-font-smoothing: subpixel-antialiased;}
.wrap{width:1000px; margin:0 auto;}
.blank36{margin-top: 36px;}
.fl{float: left;}
.fr{float: right;}
.fz{font-size: 0;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.dis{display: inline-block;vertical-align: top;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;cursor: pointer;}
img{max-width: 100%;}
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.img_vam{vertical-align: middle;}
.span{vertical-align: middle;display: inline-block;height: 100%;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.middle{vertical-align: middle;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.c1{clear: both;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.trans3 { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.trans4 { transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; }
.trans5 { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.trans6 { transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; }
.trans7 { transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; }
.trans8 { transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -o-transition: all 0.8s; }
.trans9 { transition: all 0.9s; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; -o-transition: all 0.9s; }
.trans10 { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; }
.trans15 { transition: all 1.5s; -moz-transition: all 1.5s; -webkit-transition: all 1.5s; -o-transition: all 1.5s; }
.fz{font-size: 0;}
.dis{display: inline-block;vertical-align: top;}
.cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/*.editor{color: #8f8f8a;font-size: 16px;}*/
.editor p,
.editor div,
.editor em,
.editor b,
.editor span{line-height: inherit;font-size: inherit;color: inherit;}
.editor img{max-width: 100%!important;height: auto!important;}
.border-box{-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
body{max-width:1920px;min-width:320px;overflow-x: hidden;margin: 0 auto;}
table{max-width: 100%;}
.bd_weixin_popup{min-height: 333px!important;}
.ab-style{top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.m_auto{}
.box-img{vertical-align: middle;max-height: 100%;max-width: 100%;}
.box-span{display: inline-block;vertical-align: middle;height: 100%;}
.w1200{width: 1200px;margin: 0 auto;}
.w1400{width: 1400px;margin: 0 auto;}
.w1600{width: 1600px;margin: 0 auto;}
.w1620{width: 1620px;margin: 0 auto;}
.w1820{width: 1820px;margin: 0 auto;}
.w1632{width: 1632px;margin: 0 auto;}
.w1080{width: 1080px;margin: 0 auto;}
@media (max-width: 1860px){
    .w1820{width: 96%;}
}
@media (max-width: 1860px){
    .w1632{width: 90%;}
}
@media (max-width: 1680px){
    .w1620{width: 94%;}

    .w1600{width: 94%;}
}
@media (max-width: 1440px){
    .w1400{width: 96%;}
}
@media (max-width: 1280px){
    .w1200{width: 94%;}
}
@media (max-width: 1200px){
    .w1080{width: 92%;}
}
.over{overflow: hidden;}

/*头部*/
#header{position: fixed;top: 0;left: 0;z-index: 10;width: 100%;background: rgba(255,255,255,0.9);height: 74px;}
#header .logo{width: 166px;height:58px; margin-top: 8px;}
#header .fr.right{width: 69.23%;}
#header .nav .dis{margin-right: 66px;}
#header .nav .dis:last-child{margin-right: 0;}
#header .nav .dis .one{line-height: 68px;height: 68px;color: #8f8f8a;font-weight:600; font-size:20px;border-bottom: 2px solid transparent; text-transform:uppercase;}
#header .nav .dis:hover .one,
#header .nav .dis.on .one{border-bottom: 2px solid #fff;}
#header .nav .dis .two{left: 0;background: #EEE;height: 0;overflow: hidden;width: 100%;top: 74px;}
#header .nav .dis .two .child{color: #8f8f8a;font-size: 20px;margin: 0 25px;line-height: 65px;text-transform:capitalize;}
#header .nav .dis .two .child:hover{color: #bfd52b;}
#header .search,
#header .lang{width: 20px;height: 70px;background-repeat: no-repeat;background-position: center center;}
#header .search{cursor: pointer;background-image:url(search.png);}
#header .lang{background-image: url(lang.png);margin: 0 40px;}
#header .lang:hover{}

#header .menu{cursor: pointer; display:none;width: 20px;height: 70px;background: url(menu.png) no-repeat center center;}
#header .menu.close{background: url(close-icon2.png) no-repeat center center;}
#header .search-form{height: 0px;overflow: hidden;position: absolute;top: 70px;width: 100%;background: #e6e6e6;}
#header .search-form .w1820{border-bottom: 1px solid #8f8f8a;height: 40px;margin-top: 15px;}
#header .search-form .w1820 .text{line-height: 40px;width: 90%;color: #666;font-size: 16px;}
#header .search-form .w1820 .submit{height: 40px;width: 10%;cursor: pointer;background: url(search3.png) no-repeat center center;}
#nav{position: fixed;top: 70px;left: 0;z-index: 10;width: 100%;height: 0;overflow: hidden;background: #fff;}
#nav .nav:first-child{border-top: 1px solid #f5f5f5;}
#nav .nav{padding: 20px 0px;border-bottom: 1px solid #f5f5f5;}
#nav .nav .one .block{color: #8f8f8a;font-size: 18px;font-family: 'SKSans_Bold';text-transform: uppercase;}
#nav .nav .one .add{z-index: 2;cursor: pointer;width: 30px;height: 20px;position: relative;}
#nav .nav .one .add:before{position: absolute;content: "";width: 30px;text-align: center;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background-image: url(n_add2.png);background-repeat: no-repeat;background-position: center center;}
#nav .nav .one .add.in:before{background-image: url(jess.png);}
#nav .nav .two{height: 0;overflow: hidden;}
#nav .nav .two .child{margin-top: 20px;color: #8f8f8a;font-family: 'SKSans_Bold';font-size: 14px;}
#nav .nav .one .block:hover,
#nav .nav .one .add:hover::before,
#nav .nav .two .child:hover{color:#c8d85e;}

#header{z-index: 1000;}

#footer{position: relative;z-index: 2;background: #8f8f8a;padding: 45px 0; font-weight:600;}
#footer.index{padding-top: 45px;}
#footer .logo{width: 181px;height: 65px;margin-right: 30px; padding-top:2px;}
#footer .contact .dis,
#footer .contact .company{color: #fff;font-size: 16px;margin-bottom:5px; line-height:24px;}
#footer .contact .company{display: block; float:left; margin-right:40px; }
#footer .contact .dis{margin-bottom: 0;margin-right: 40px;}
#footer .bottom{padding-top: 28px;margin-top: 28px;border-top: 1px solid #fff;}
#footer .bottom .nav .dis{ }
#footer .bottom .nav .dis span{color: #ffffff;font-size: 17px;opacity: 1; padding:0 34px;border-right:2px solid #fff;}
#footer .bottom .nav .dis:hover span{opacity: 1;}
#footer .bottom .nav .dis:last-child span{border-right:none;}
#footer .bottom .copyright a,
#footer .bottom .copyright .dis{opacity: 1;color: #ffffff;font-size: 14px;}
#footer .bottom .copyright a:hover{opacity: 1;}






/*首页banner*/





/*广告样式*/
.banner{ overflow:hidden; position:relative;}
.banner .db{ width:100%;}
.banner .db .swiper-slide{ width:100%; position:relative;}
.banner .db .swiper-slide .nts{ position:absolute; left:7%; right:0; top:16%;  z-index:2; margin:0 auto;color:#fff; font-size:46px;text-shadow: 0px 3px 3px #999; font-weight:600;}
.banner .db .swiper-slide img{ width:100%;}
.banner .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:13px !important; z-index:3; margin:0 auto;}
.banner .hb span{ width:10px; height:10px; display:inline-block; opacity:1; cursor:pointer; background:#fff; font-size:0; border-radius:50%; margin:0 4px !important;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{ background:#c8d85e;}

/*手机广告*/
.phone_banner{ width:100%; display:none; overflow:hidden; position:relative;}
.phone_banner .db{ width:100%;}
.phone_banner .db .swiper-slide{ width:100%; position:relative;}
.phone_banner .db .swiper-slide .nts{ position:absolute; left:5%; right:0; top:10%; z-index:2; margin:0 auto;color:#fff; font-size:24px;text-shadow: 0px 3px 3px #999; font-weight:600;font-family:Flama;}
.phone_banner .db .swiper-slide .nts .fz36{ color:#01519b;}
.phone_banner .db .swiper-slide .nts .fz36.in{ color:#8f8f8a; margin:5px 0 10px;}
.phone_banner .db .swiper-slide .nts .fz24{ color:#555;}
.phone_banner .db .swiper-slide img{ width:100%;}
.phone_banner .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:13px !important; z-index:3; margin:0 auto;}
.phone_banner .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:#367ebe; font-size:0; border-radius:50%; margin:0 4px !important;}
.phone_banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.phone_banner .swiper-pagination-bullet-active{ background:#c8d85e;}

@media screen and (max-width:750px){
	.banner{ display:none;}
	.phone_banner{ display:inline-block;}
	}

#inner-swiper .nts{ position:absolute; left:20%; right:0; top:26%;  z-index:2; margin:0 auto;color:#fff; font-size:30px;text-shadow: 0px 3px 3px #999; font-weight:600;}


/*首页*/
.pub-title{margin:9% auto 29px;color: #8f8f8a;font-size: 38px; }

/*产品*/
.index-box .pro-cate{margin-bottom: 5%; margin-top:30px;}
.index-box .pro-cate a.dis{width: 28%;padding: 2%;border-left: 1px solid #e1e1e1;}
.index-box .pro-cate .dis:first-child{border-left: none;}
.index-box .pro-cate .dis .ico{width: 34%;margin: 0 auto 15px;}
.index-box .pro-cate .dis .ico .p{padding-top: 73%;}
.index-box .pro-cate .dis .ico .absolute img{max-width: 100%;max-height: 100%;margin-top: 0%;}
.index-box .pro-cate .dis:hover .ico .absolute img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}
.index-box .pro-cate .dis .cate{padding-bottom: 3px;color: #8f8f8a;font-size: 22px; font-weight:600;}
.index-box .pro-cate .dis:hover{background: #f5f5f5;}
.index-box .pro-cate .dis:hover .ico .absolute img{margin-top: 0;}


.index-box .index-pro {margin-bottom: 5%;}
.index-box .index-pro .cate{top: 30px;right: 50px;line-height: 30px;height: 30px;padding: 0 17px;color: #fff;border-radius: 25px;}
#main.index-box .index-pro .cate{background: rgba(56,132,198,.3);}
#main.index-box .index-pro .cate:hover{background: rgba(56,132,198,1);}
.index-box .index-pro .name{color: #ffffff;font-size: 40px;text-shadow: 0px 3px 3px #666666;}
#main.index-box .index-pro .name:hover{color: #fff;}
.index-box .index-pro .right{width: 41.63%;overflow: hidden;}
.index-box .index-pro .right .p{width: 100%;padding-top: 68.63%;}
.index-box .index-pro .right img,
.index-box .index-pro .right .ia{width: 100%;height: 100%;}
/*.index-box .index-pro .left:hover .img img{transform: scale(1.1);}*/
.index-box .index-pro .right .con{width: auto !important; text-align:right;left: auto;right: 5%;top: 4%;}
.index-box .index-pro .center{width: 29.0%;margin-right: 1.09%;}
.index-box .index-pro .center .li{width: 100%;overflow: hidden;}
.index-box .index-pro .center .li .p{width: 100%;padding-top: 46.61%;}
.index-box .index-pro .center .li .con{width: auto;left: 5%;right:auto;bottom: 5%;}
.index-box .index-pro .center .li:first-child{margin-bottom: 5.08%;}
.index-box .index-pro .center .li:first-child .con{left: auto;right: 5%;top:5%; height:58px; overflow:hidden;}
/*.index-box .index-pro .center .li:last-child .cate{color: #828282;border-color: rgba(130,130,130,.5);}
.index-box .index-pro .center .li:last-child .date{color: #999999;}
.index-box .index-pro .center .li:last-child .name{color: #8f8f8a;}*/
.index-box .index-pro .left{width: 22.95%;overflow: hidden;}
.index-box .index-pro .left .p{width: 100%;padding-top: 124%;}
.index-box .index-pro .left .con{width:auto; left: 38%;right:auto;top: 50%;margin:-30px auto 0;}


/*方案*/
.index-box .index-solution{background-repeat: no-repeat;background-position: center center;padding: 100px 0;-webkit-background-size: cover;background-size: cover;}
.index-box .index-solution .swiper-container{overflow: visible;}
.index-box .index-solution .swiper-slide{overflow: hidden;}
.index-box .index-solution .swiper-slide .img{overflow: hidden;width: 52.22%;}
.index-box .index-solution .swiper-slide .p{width: 100%;padding-top: 71.98%;}
.index-box .index-solution .content{position: absolute;right: 0;width: 42.96%;right: 0;margin-top: 8.09%;z-index: 1;}
.index-box .index-solution .content .cate{color: #ffffff;font-size: 30px;font-family: 'SKSans_Bold';}
.index-box .index-solution .content .name{position: relative;margin: 25px 0 35px;color: #ffffff;font-size: 30px;font-family: 'SKSans_Bold';line-height: 38px;}
.index-box .index-solution .content .cate:hover,
.index-box .index-solution .content .name:hover{color: #8f8f8a;}
.index-box .index-solution .content .desc{color: #ffffff;font-size: 16px;line-height: 24px;opacity: .6;}

.index-box .index-solution .swiper-slide .img:hover img{transform: scale(1.1);}

.index-box .index-solution .swiper-button{width: 100%;margin-top: 12.4%;}
.index-box .index-solution .swiper-button .btn{cursor: pointer;width: 44px;height: 44px;border: 1px solid rgba(255,255,255,.5);border-radius: 50%;background-repeat: no-repeat;background-position: center center;}
.index-box .index-solution .swiper-button .swiper-prev{background-image: url(s_left.png);}
.index-box .index-solution .swiper-button .swiper-next{background-image: url(s_right.png);}
.index-box .index-solution .swiper-button .btn:hover{border-color: #3884c6;background-color: #3884c6;}
.index-box .index-solution .swiper-button .swiper-pagination{position: static;line-height: 46px;width: 117px;}
.index-box .index-solution .swiper-button .swiper-pagination,
.index-box .index-solution .swiper-button .swiper-pagination span{color: #949494;font-size: 18px;}
.index-box .index-solution .swiper-button .swiper-pagination span.swiper-pagination-current{color: #fff;}
.index-box .index-solution:before{width: 100%;content: "";position: absolute;bottom: 0;top: 0;left: 0;right: 0;margin: auto;background: rgba(0,0,0,.75);}


.index-box .index-solu{ margin-bottom: 5%;}
.index-solu .list{width:100%;margin:0 1.475% 30px 0; position:relative;}
.index-solu .list .text{ color: #ffffff; text-shadow: 0px 3px 3px #666666; font-size: 50px;   font-weight:600; position:absolute; bottom:8%; left:3%; width:auto; text-align:center;  }

.index-solu .list:hover{box-shadow: 0px 0px 30px #ddd; }


/*about*/
.index-box .index-about{margin-top: 0;padding: 0px 0 0%;}
.index-box .index-about .info-left .tit1 {
    color: #666666;
    font-size: 18px;
}
.index-box .index-about .info-left{margin-top:0%; width: 38%; position:absolute; left:0; top:36%; background:#8f8f8a; padding:1%; z-index:10; box-shadow: 1px 11px 17px -13px #666;}
.index-box .index-about .info-left .desc {
    color: #fff; 
    height: auto;
    overflow: hidden; 
    font-size: 18px;
    line-height: 1.5; text-indent:2em;
}
.index-box .index-about .info-left .more{margin-top:0%; height:30px; line-height:30px; color: #ffffff; font-size: 14px;text-align:right;}
.index-box .index-about .about-img {width: 92%; position:relative;}
.index-box .index-about .about-img img{ }
.index-box .index-about .about-img .a1{ float:left; width:68.2%;}
.index-box .index-about .about-img .a2{ position:absolute;width:30%; right:0; top:0;}
.index-box .index-about .about-img .a3{ position:absolute; width:30%;right:0; bottom:0;}


/*news*/
#info{padding:0px 0px 50px 0; height:auto; overflow:hidden;}
#info .list{width:calc(23.8% - 2px);margin:0 1.475% 20px 0;border:1px solid #eee;background: #fff;}
#info .list:nth-child(4n){margin-right:0%;}
#info .list .text{padding:28px;}
#info .list .text .p1{font-size:16px;color:#828282;}
#info .list .text .p2{font-size:20px;color:#8f8f8a;margin:15px 0px;font-weight: bold;}
#info .list .text .p3{font-size:12.5px;color:#999;overflow: hidden;height:43px;line-height:21.5px;margin-bottom:25px;}
#info .list .text .t1{padding-top:20px;border-top:1px solid #eee;}
#info .list .text .p4{font-size:14px;color:#828282;}
#info .list .text .p5{ width:30px; height:16px; background:url(more1.png) no-repeat center center;}
#info .list:hover{box-shadow: 0px 0px 30px #ddd; }
#info .list:hover .text .p1,#info .list:hover .text .p2,#info .list:hover .text .p4,#info .list:hover .text .p5{color:#0e6eb8;}
#info .list:hover .text .p5{background:url(more2.png) no-repeat center center;}



#inner-swiper .mobile{display: none;}


/*面包屑*/
.top-bread{position: relative; z-index:2;height: 60px;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7; }
.top-bread .home{width: 64px;height: 60px;border-left: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7;background-repeat: no-repeat;background-position: center center;background-image: url(home.png);}
.top-bread .home:hover{background-image: url(home2.png);}
.top-bread .select{width: 275px;padding: 0 9px 0 19px;border-right: 1px solid #d7d7d7;}
.top-bread .select .one{white-space: nowrap;overflow: hidden; color: #8f8f8a;font-size: 18px; font-weight:600;line-height: 60px;}
.top-bread .select .one:hover{color: #c8d85e;}
.top-bread .select .btn{cursor: pointer;width: 33px;height: 60px;background-repeat: no-repeat;background-position: center center;background-image: url(select.jpg);}
.top-bread .select:hover .btn{background-image: url(select2.jpg);}
.top-bread .select .absolute{top: 61px;left: 0;width: 300px;/*height: 0;overflow: hidden;*/}
.top-bread .select .absolute .child{margin-bottom: 1px;padding-left: 19px;height: 40px;line-height: 40px;height: 0;overflow: hidden;color: #fff;background: rgba(143,143,138,.8);transform: rotate3d(20deg)}
.top-bread .select .absolute .child:hover{background: #8f8f8a;}
.top-bread .select .absolute .child.open{height: 40px;transform: rotate(0deg)}


.about-box{margin-bottom: 80px; margin-top:60px;}
.about-box .about1 .con{width:60%; background: #8f8f8a; padding:5%;}
.about-box .about1 .con p{ margin-bottom:4%; font-size:18px; color:#fff; line-height:1.5; font-weight:600; text-indent:2em;  }
.about-box .about1 .img{width: 28%; height:100%; position:relative;}
.about-box .about1 .img .a1{ width:100%; height:36%; margin-bottom:6%; overflow:hidden;  }
.about-box .about1 .img .a2{width:100%; height:60%; overflow:hidden;}
.about-box .about1 .img img{ width:100%; height:100%;  }
.about-box .about1 .detail1{margin-top: 40px;}

.bottomimg{ width:100%; margin-top:100px; position:relative;height:566px; }
.bottomimg .about5{ position:absolute; left:0; top:50%; margin-top:-176px; width:512px; height:352px;}
.bottomimg .about6{ position:absolute; right:0; top:0%;  width:852px; height:566px;}



.news-box .list .news .w1620{width: 1200px;margin: 0 auto;}
.news-box .list{min-height: 100px;margin-bottom: 40px;}
.news-box .list .news .w1620{padding-bottom: 21px;padding-top: 20px;border-bottom: 1px dashed #dddddd;}
.news-box .list .news .img{overflow: hidden;width: 22%;}
.news-box .list .news .img .p{padding-top: 55.38%;}
.news-box .list .news .con{width: 76%;margin-top: 1%;}
.news-box .list .news.no-pic .con{width: 100%;float: none;}
.news-box .list .news .con .name{margin-bottom: 15px;color: #8f8f8a;font-size: 22px;}
.news-box .list .news .con .date{color: #696969;}
.news-box .list .news .con .date,
.news-box .list .news .con .desc{color: #666666;font-size: 13px;line-height: 22px;}
.news-box .list .news .con .date{line-height: 28px;}
.news-box .list .news .con .more{height: 28px;border: 1px solid #999;color: #999;padding: 0 15px;line-height: 28px;border-radius: 5px;}
.news-box .list .news .con .more:hover{border-color: #3884c6;color: #fff;background: #3884c6;}
.news-box .list .news .con .desc{margin-bottom: 12px;}
.news-box .list .news:hover{background: #f8f8f8;}
.news-box .list .news .img:hover img{transform: scale(1.1);}
.news-box .list .news:hover .w1620{border-bottom: 1px solid #f8f8f8;}
.news-box .list .news:hover .date .d1,
.news-box .list .news:hover .con .name,
.news-box .list .news:hover .date .d2{color: #3884c6;}


.newsdetail-box{

    width: 100%;  font-family: "微软雅黑";

    margin:40px auto; background:#fff; padding:3% 3%;

}



.newsdetail-box .title-boxs{

	text-align: center;

	padding-bottom:20px;

	border-bottom: 1px solid #dcdcdc;

}

.newsdetail-box .title-boxs .title{

	font-size:24px;

	line-height:36px;

}

.newsdetail-box .title-boxs .time{

	font-size:12px;

	color: #666666;

	margin-top: 10px;

}



.news-doc{

	font-size:14px;

	color: #555555;

	line-height:24px;

	margin-top:20px;

}

.news-doc img{

	max-width: 100%;

	display: block;

	margin:1em auto;

}





.pages{

	margin-top: 1.5em;

	position: relative;

	border-top: 1px solid #dedede;

	padding-top: 0.5em;

}

.pages li{

	font-size:14px;

	line-height:30px;

	color: #8f8f8a;

}

.pages li a{

	color: #8f8f8a;

}



.pages li a:hover{

	color: #a66428;

}

.pages .back{

	font-size:12px;

	display: inline-block;

    position: absolute;

    right: 0;

    top: 15px;

    width:110px;

    height:30px;

    line-height:30px;

    text-align: center;

    color: #fff;

    background: #8f8f8a;

}

.pages .back:hover{

	background: #666;

}

@media screen and (max-width: 1440px){

	.newsdetail-box{

		width: 960px;

	}

} 

@media screen and (max-width: 1200px){

	.newsdetail-box{

	    width: 100%;

	    padding: 0%;

	    margin-top: 2em;

	    margin-bottom: 4em;

	    transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

	}

}

@media screen and (max-width: 1200px){

	.newsdetail-box .title-boxs .title{

		font-size: 1.5em;

	}

}

@media screen and (max-width: 991px){

	.newsdetail-box{

		margin-bottom: 3em;

	}

	.pages .back{

		position: inherit;

		right: inherit;

		top: inherit;

		margin: auto;

		display: block;

		margin-top: 2em;

	}

}



@media screen and (max-width:768px){

	.newsdetail-box .title-boxs .title{

		font-size:16px; line-height:20px;

	}

	.newsdetail-box .title-boxs .time{

		margin-top: 0.5em;

		font-size: 0.75em;

	}
	
	#header .logo img{width: 140px;height:auto; }

}

@media screen and (max-width:768px){

	.pages .back{

		width: 10em;

		font-size: 0.875em

	}

}





.solution-detail{ padding-bottom:5%; margin-top:60px;font-family:' Microsoft YaHei'; font-weight:600;}
.solution-detail .border{width: 35px;height: 5px;background: #666666;}
.solution-detail .picture .content{float: left;width: 44.28%;margin-top: 5.7%;}
.solution-detail .picture .content .tt{color: #8f8f8a;font-size: 30px;line-height: 40px; padding-left:20px; background:url(dot.png) no-repeat left center;}
.solution-detail .picture .content .desc{font-size: 22px;line-height: 1.5;margin: 3% 0 7%; color: #8f8f8a; text-indent:2em; }
.solution-detail .picture .img{float: right;width: 50%;}

.solution-detail .picture{margin-bottom: 5.7%;}
.solution-detail .picture:last-child{margin-bottom: 0;}
.solution-detail .picture .content{float: left;width: 44.28%;margin-top: 0;}
.solution-detail .s1 .img{float: left;}
.solution-detail .s2 .img{float: right;}
.solution-detail .s1 .content{ float:right !important;}

.solution-detail .pr1 .img{width: 30.28%;}
.solution-detail .pr1 .img img{ width:100%; height:auto;}
.solution-detail .pr1 .content{ width: 40%; padding-right:25%;}

.solution-detail .pr3 .img{width: 50.28%;height:369px; position:relative;}
.solution-detail .pr3 .img img{ width:100%; position:absolute; }
.solution-detail .pr3 .content{ width: 44%; }


.products-box{ height:auto; margin-bottom:3%;}
.products-box .item{ width:100%; position:relative;}
.products-box .item .list{ width:23.5%; position:relative; margin-right:2%; margin-bottom:2%; }
.products-box .item .list:nth-child(4n){ margin-right:0;}
.products-box .item .list .img{ width:100%; height:auto;  overflow:hidden;}
.products-box .item .list .img img{ width:100%;}
.products-box .item .list .fz16{ width:100%; background:rgba(0,0,0,.5); color:#fff; position:absolute; bottom:0; left:0; z-index:2; padding:10px 18px;}




.solution-list{ margin-bottom: 5%; margin-top:60px;}
.solution-list .list{width:100%;margin:0 0 10% 0; position:relative;}
.solution-list .list .img{ margin-top:-5%; z-index:1;position:relative;}
.solution-list .list .text{background: #8f8f8a; width:38%; color: #ffffff; font-weight:600;     padding:3% 2%; z-index:99; height:auto; overflow:hidden; position:relative; margin-left:3%;}
.solution-list .list .text .tit{color: #fff;font-size: 28px; padding-left:20px; background:url(dot2.png) no-repeat left center; margin-bottom:20px;}
.solution-list .list .text .desc p{font-size: 16px;line-height:1.5; color: #fff; text-indent:2em; }

.solution-list .list1 .text{ margin-left:20%;}
.solution-list .list3 .text{ margin-left:55%;}
.solution-list .list3 .img{ margin-top:-10%;}


/* 产品  内页*/
.product_page{ width:100%;   margin:50px auto 0;  height:auto; overflow:hidden;  padding-bottom:3%; }
.product-title{font-family:'SKSans_Bold'; font-size:30px; font-weight:600; }
.product_page .wrap{}
.product_show{ position:relative; float:left; width:50%;}
.product_icon{ position:absolute; bottom:30px; right:30px; z-index:99;}
.cont-content{ float:left; width:25%; position:relative; overflow:hidden; height:auto; background:#c6c6c6;}
.product_detail{ float:left; margin-left:1%; width:40%;background:#f5f5f5; border:1px solid #ddd; padding:3%;}
.product_detail .cont{ width:100%; color:#555; font-size:14px; line-height:28px;    background: #f4f4f4;
    padding: 20px 0px;
    color: #666; }
.product_detail .cont h4{ font-size:20px; color:#8f8f8a; font-weight:600;}

.product_btn{ padding-top:60px;  padding-bottom:10px;}
.product_btn a{ width:110px; height:38px; text-align:center; line-height:38px; font-size:16px;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
.product_btn a.f-left1{  background:#005bac;border: none;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    margin-top: 40px;}
.product_other{background-color:#f9f8f7;}
.product_other_tit{ width:100%; height:62px; border-bottom:#957e70 solid 2px; }
.product_other_tit span{width:360px; height:62px; line-height:62px; background:#957e70; color:#fff; font-size:20px; text-align:center; display:block;}
.product_other_cont{ padding-top:34px; padding-bottom:60px;}
.product_other_cont li{ float:left; width:23.25%; margin-right:2%; margin-bottom:50px;}
.product_other_cont li:nth-child(4n){ margin-right:0;}
.product_other_cont li img{ width:100%;}
.product_other_cont li .product_tit_left{ padding-left:8px;}
.product_other_cont li .product_tit_right{ padding-right:8px;}
.product_other_cont li a:hover .product_tit_left{ color:#957e70; text-decoration:underline;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{   width:15%; float:left;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;margin:0 0% 2% 0;width:100%;}
.tb-thumb li a{ width:100%; display:block;}
.tb-thumb li img{ width:100%;padding:0%;}
.tb-thumb li:last-child{ margin-right:0;}
.tb-s310, .tb-s310 a{height:562px;width:573px;}
.tb-s310, .tb-s310 img{max-height:100%;max-width:100%;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:auto;width:100%;}
.tb-booth{position:relative;z-index:1; width:100%; border:1px solid #eaeaea; width:83%; float:right;}
.tb-booth img{ width:100%;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;border:1px solid #cee5f9;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:600px;height:400px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}


.detail-box{  height:auto; overflow:hidden; position:relative; margin-bottom:50px;  }
.detail-box .detail-box-tit a{display:inline-block;
    padding: 18px 20px;
    font-size: 18px;
    font-weight: 700;
    border: 1px solid #ddd; color:#8f8f8a;
    border-bottom: none;
    position: relative;
     }
.detail-box .detail-box-tit a:before{content: " ";
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    height: 3px;
    width: 100%;
    background: #1079c4;}
.detail-box .detail-box-tit.on span,.detail-box .detail-box-tit:hover span {
        width: 100%;
        left: 0;}

.detail-box .detail-box-info {height:auto; padding:50px 5%; font-size:14px; color:#555; margin-bottom:50px;width:89%;  border:1px solid #eee;}

@media screen and (max-width:1440px){
	.product_page{ width:100%; padding:0%; margin:3% auto;}
	}
	
@media screen and (max-width:1200px){
	.product_page{ width:100%; padding:0%; margin:3% 0;}
	.pro_recom{ width:94%; padding:0 3%; margin:3% 0;}
	}
@media screen and (max-width:1100px){
	/* 产品  内页*/
	.product_detail{ width:40%;}
	.product_show{ width:48%;}
	
	
}
@media screen and (max-width:1000px){
	/* 产品  内页*/
	.product_show{ width:48%;}
}
@media screen and (max-width:768px){
	
/* 产品  内页*/
	.product_show {width: 100%; margin-top:3%;}
	.product_detail{ width: 100%; margin-right:0%; margin-top:30px;margin-left:0%;}
	.pro_recom .tit span{ font-size:1.25em;}
	.product_icon{ display:none;}
	.tb-booth{ width: 100%;}
	
	
	.tb-thumb{ width:100%; float:none;}
	.tb-thumb li{width:25%; float:left; margin-right:1%;}
	
	.bottomimg{ height:auto; }
	.bottomimg .about5{ width:100%; height:auto; position:relative; margin-top:4%;}
.bottomimg .about6{ display:none;}

	
	.product_btn {
    padding-top: 30px;
    padding-bottom: 20px;}
	.product-title {
    font-size: 24px;
    margin-bottom: 0px;}
	.product_btn a.f-left1{ margin-top:10px;}
	.detail-box .detail-box-info{ width: 100%;float:none;margin-bottom:20px}
	}


@media screen and (max-width:1100px){

	.product-detail{ width:100%;  }

	

	}

@media screen and (max-width:768px){

	.pro_tit{ text-align:center;}
	.product-detail .sidebar{ display:none;}
	.product-detail .content{ width:100%;}
	}




.advice_contact_wrap {
	margin-bottom: 44px;margin-top:20px; width:100%; 
}
.contact_title{ font-size:27px; color:#333; font-weight:bold; }
.advice_contact_wrap h4 {
	color:#fff; font-size:28px; line-height:50px; margin-bottom:20px;
}
.advice_contact{ width:100%;}
.advice_contact address {
	background:#8f8f8a; padding:5%; font-size:18px; color:#fff;  line-height:200%; font-style:normal;
}
.advice_contact a {
	color: #5f5f5f
}
.advice_form { width:90%; background:#f5f5f5; padding:5%;
}
.advice_form .control-label {
	width: 120px;
	margin-right: 5px;font-size: 16px;
	font-weight: normal; float:left; text-align:right;
}
.advice_form .control-cont{ width:60%; float:left;}
.advice_form .form-control {
	width: 95%;
	outline: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	 background:#f8f8f8;
	border-radius: 0; height:40px !important;
}
.advice_form .form_require {
	float: right;
	width: 5%;
	text-align: center;
	color: #d9534f;
	font-style: normal;
	height: 34px;
	line-height: 34px
}
.advice_form .text-center{ margin-left:125px; }
.advice_form .btn-primary { float:left; margin-right:5px;
	color: #ffffff;
	background-color: #d0000e; border-radius:0;
	border-color: #d0000e
}
.advice_form .btn-primary:focus, .btn-primary.focus {
	color: #ffffff;
	background-color: #c27f00;
	border-color: #5c3c00
}
.advice_form .btn-primary:hover {
	color: #ffffff;
	background-color: #d0000e;
	border-color: #d0000e
}

.form-every{margin-bottom: 15px;} 
.form-every .full-block{width: 100%;}
 .form-every .left-block,.form-every .right-block { 
        width: 48%;
       
    }

 .form-every .left-block{ padding-right:2%; float: left}
  .form-every .right-block{ padding-left:2%;float: right}
  
  .form-label {
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    color: #444;
    text-overflow: ellipsis;
    overflow: hidden
}
.form-required {
    color: red;
}
	
.form-every .form-list{position: relative;width: 100%; float:left;margin-bottom: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  background:#fff;}
.form-every .form-list:before{content: '';display: block;position: absolute;bottom: -1px;width: 100%;height: 1px;background:#eee;}
.form-every .form-list:after{content: '';display: block;position: absolute;bottom: -1px;width: 0;height: 1px;background:#eee;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.form-every .form-list.cur:after{width: 100%;background: #2cb7e4;}
.form-every .form-list.form-code.cur:after{width: 50%;}
.form-every .form-list.form-code:before{width: 50%;}
.form-every .form-list input{border:0;width: 100%;max-width: 100%;height: 40px;padding: 5px 30px 5px 5px;box-sizing: border-box; color:#f1f1f1;} 
.form-every .form-list input:focus,.form-every .form-list textarea:focus{outline:none;}
.form-every .form-textarea,.form-every .form-code{width: 100%}
.form-every .form-textarea textarea{padding: 10px 20px 10px 5px;width: 100%;max-width: 100%; height:auto;}
.form-every .form-code input{width: 50%;}
.form-every .form-center{text-align: left;}
.form-every .form_button{ margin-top:2%;
    width: 134px;
    height: 44px;
    line-height: 45px;
    border-radius: 50px;
    color: #ffffff;
    font-size: 14px;
    background: #b7cd27 url(more3.png) no-repeat 80% center;;
    text-align: center;
    box-shadow: 1px 11px 17px -13px #666;}
.form-every .form_button:focus{outline:none}
.form-every .Validform_error{background: #fff;}
.form-every .Validform_checktip{position: absolute;bottom: -20px;left: 0;}
.Validform_right{display: inline-block;vertical-align: middle;width: 15px;height: 15px;}

@media (max-width:768px) {
	.advice_contact{ width:100%; float:none;}
	.advice_form{ width:100%; float:none;}
	
	.solution-detail .pr1 .content{ float:none;padding-right:0}
	.solution-detail .s1 .text{ padding-right:0;}
	#footer .contact .company{ float:none; text-align:center; margin-right:0;}
	.advice_contact_wrap h4{ font-size:16px; line-height:24px;}
}








@media (max-width: 1680px){
    #menu .w1620{padding-top: 12%;}
    #menu .left .li .one{font-size: 30px;}
    #menu .left .li .two .child{line-height: 37px;}
    #menu .left .li .two .child .b1{margin-top: 16px;}
	
	.index-box .index-pro .name{font-size: 36px;}
    .index-box .index-pro .cate{right: 20px;}
	
	.index-box .index-solution .swiper-slide .content{margin-top: 5%;}
    .index-box .index-solution .swiper-button{margin-top: 8%;}
    .index-box .index-solution .swiper-slide .content .name{font-size: 30px;line-height: 36px;}


}

@media (max-width: 1600px){
    #header .fr.right{width: 73.23%;}
}


@media (max-width: 1440px){
    #header .nav .dis{margin-right: 50px;}
    #header .right.fr{width: 75%;}

    #menu .left .li .two{width: 65%;}
	
	.about-box .about1 .img{margin-top: 40px;}
	
	.news-box .list .news .con .desc,
    .news-box .list .news .con .name{margin-bottom: 10px;}
    .news-box .list .news .con .desc{line-height: 18px;}

    .news-box .list .news .w1620{width: 85%;}

}
@media (max-width: 1280px){
	
	 .index-box .index-pro .name{font-size: 36px;}
    .index-box .index-pro .center .li .con{width: 85%;}
    .index-box .index-pro .cate{height: 26px;line-height: 26px;top: 20px;}
    .index-box .index-pro .right .con{width: 89%;}
	
	 .news-box .list .news .con,
    .news-box .list .news .date{margin-top: 0;}
    .news-box .list .news .img{margin-right: 2%;}
	
	    .index-box .index-solution .swiper-slide .content{margin-top: 3%;}
    .index-box .index-solution .swiper-slide .content .name{font-size: 24px;}
    .index-box .index-solution .swiper-slide .content .desc{font-size: 14px;}
	
}
@media (max-width: 1250px){
    .about-box .join-list .term .center{width: auto;}
    .about-box .join-list .term .contact{position: static;margin-top: 40px;margin-left: 30px;}
}
@media (max-width: 1240px){
    .index-box .partner-center .partner{width: 84%;}
}
@media (max-width: 1200px){
    #header .nav .dis{margin-right: 40px;}
    #header .lang{margin: 0 30px;}
	
	.index-box .pro-cate .dis .cate{font-size: 18px;}



    #menu .left .li .one.on{margin-bottom: 25px;}
    #menu .left .li .two{width: 100%;}

	.index-box .index-solution{padding: 30px 0;}
    .index-box .index-solution .swiper-button .swiper-pagination{line-height: 37px;}
    .index-box .index-solution .swiper-button .btn{width: 35px;height: 35px;}
    .index-box .index-solution .swiper-slide .content .name{line-height: 32px;margin: 15px 0 25px;}
	
	
 .index-box .index-about .about-img .a2{ width:100%; position:relative; margin-top:3%;}
.index-box .index-about .about-img .a3{  width:100%; position:relative;margin-top:3%;}

	 .solution-detail .picture .content{margin-top: 3%;}
    .solution-detail .solution3 .picture.s7 .content .tt,
    .solution-detail .picture .content .tt{font-size: 28px;line-height: 32px;}
}

@media (max-width: 1100px){
	.index-box .index-pro .name{font-size: 30px;line-height: 30px;}
    .index-box .index-pro .center .li:last-child .date{font-size: 12px;}

}
@media (max-width: 1000px){
    #header .right.fr{width: auto;}
    #header .right.fr .nav{display: none!important;}
	#header .menu{    display: inline-block;}

}
@media (max-width: 1050px){
    .head{height: 70px;}
	
	.index-box .pro-cate .dis .ico{margin-bottom: 10px;width: 60%;}
    .index-box .pro-cate a.dis{width: 28%;}
    .index-box .pro-cate .dis .ico .p{padding-top: 100%;}
	
	.index-box .index-solution .swiper-slide .content .name{font-size: 18px;line-height: 26px;}
    .index-box .index-solution .swiper-slide .content .name:before{top: 13px;width: 100px;left: -125px;}
    .index-box .index-solution .swiper-slide .content .cate{font-size: 16px;}
    .index-box .index-solution .swiper-slide .content .desc{font-size: 13px;}


    #footer{padding-bottom: 20px;}
    #footer .contact .company:hover, #footer .contact .dis{margin-right: 20px; }
    #footer .bottom{text-align: center;padding-top:15px;margin-top: 10px;}
	 #footer .logo{ width:160px; height:auto;}
    #footer .bottom .nav,
    #footer .copyright{float: none;}
    #footer .copyright{margin-top: 28px;}
    #footer .bottom .copyright a, 
    #footer .bottom .copyright .dis,
    #footer .bottom .nav .dis span{font-size: 16px;}
	
	
	 .top-bread .home{width: 50px;}
    .top-bread .select{width: 225px;}
	
	.about-box .about1{ height:auto; overflow:hidden;}
    .about-box .about1 .con{width: 94%; padding:3%;float: none;}
    .about-box .about1 .img{margin-top: 10px;width: 100%;float: none; height:auto !important; overflow:hidden;}
	.about-box .about1 .img img{ width:100%; height:auto;}
	.about-box .about1 .img .a1{ height:auto;}
	.about-box .about1 .img .a2{ height:auto;}
	.about-box  .bottomimg{ margin-top:30px;}
	
	.solution-detail .picture .content .desc{font-size: 16px;line-height: 26px;}
    
}
@media (max-width: 1024px){
}
@media (max-width: 981px){
  .index-box .index-solution .swiper-slide .content .cate{margin-bottom: 25px;}
  .index-box .index-solution .swiper-slide .content .name{display: none;}
  
  
  .index-box .index-about .info-left{width: 43.43%;}
  .index-box .index-about .info-left .desc{width: 100%;}
  .index-box .index-about .info-left .b1{margin-bottom: 5%;}
  .index-box .index-about .info-left .more{display: inline-block!important;}
 .index-box .index-about .info-left .big{margin-bottom: 12px;}
  .index-box .index-about .about-img .a1{ width:100%;}
 .index-box .index-about .about-img .a2{ width:100%; position:relative; margin-top:3%;}
.index-box .index-about .about-img .a3{  width:100%; position:relative;margin-top:3%;}
 
 .solution-detail .picture .content{margin-top: 1%;width: 47%;}
    .solution-detail .picture .content .tt{font-size: 24px;}



}
@media (max-width: 950px){
    #footer .left .contact{text-align: left;}
    #footer .left,
    #footer .right{width: 100%;float: none;text-align: center;}
    #footer .right{margin-top: 28px;}

}
@media (max-width: 910px){

}
@media (max-width: 890px){
	.top-bread,
    .top-bread .select .btn,
    .top-bread .home{height: 50px;}
    .top-bread .select .one{line-height: 50px;}
    .top-bread .select{width: 190px;}
    .top-bread .select .one{font-size: 18px;}
    .top-bread .select .absolute{top: 51px;}
}
@media (max-width: 860px){
	.index-box .index-pro .right{width: 100%;float: none;margin-bottom: 3%;}
    .index-box .index-pro .name{font-size: 30px;}
    .index-box .index-pro .date{margin-bottom: 1%;}
    .index-box .index-pro .left{width: 100%;}
    .index-box .index-pro .left .p{padding-top: 150%;}
    .index-box .index-pro .center{width:100%;margin-right: 0%;}
    .index-box .index-pro .center .li .con{width: 100%;}
	
	
	.index-box .index-pro .right .con{width: 100%; text-align:center;left: 0;right: 0;top: 20% !important;margin: auto;}
.index-box .index-pro .center .li .con{width: 100%; text-align:center;left: 0;right: 0;top: 20% !important;margin: auto;}
.index-box .index-pro .center .li:first-child .con{width: 100%; text-align:center;left: 0;right: 0;top: 40% !important;margin: auto;}
	
}
@media (max-width: 850px){

    .solution-detail .picture .content .tt{font-size: 20px;line-height: inherit;}
    .solution-detail .picture .content .desc{font-size: 16px;line-height: 1.5;margin: 2% 0 5%;}
}
@media (max-width: 810px){
}
@media (max-width: 768px){
.news-box .list .news .con .desc,
    .news-box .list .news .con .name{width: 100%;height: auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
}
@media (max-width: 750px){
	
	.index-box .pro-cate .dis .cate{font-size: 18px;}
	.pub-title{font-size: 26px;}
	
	.index-box .index-pro .name{font-size: 30px;line-height: 1.5; text-align:center;}
    .index-box .index-pro .date{font-size: 14px;}
    .index-box .index-pro .cate{line-height: 22px;height: 22px;font-size: 13px;padding: 0 10px;right: 13px;top: 13px;}
	
	.news-box .list .news .img{width: 30%;}
    .news-box .list .news .con{width: 68%;}
    .news-box .list .news .con .name{font-size: 18px;}

	
	.index-box .index-solution .swiper-slide .p{}
    .index-box .index-solution .swiper-slide-active .img,
    .index-box .index-solution .swiper-slide .img,
    .index-box .index-solution .swiper-slide .content,
    .index-box .index-solution .swiper-slide-active .content{float: none;width: 100%;}
    .index-box .index-solution .swiper-slide-active .content{position: static;}
    .index-box .index-solution .swiper-slide .content .name:before{display: none;}
    .index-box .index-solution .swiper-slide .content .name{font-size: 20px;}
    .index-box .index-solution .swiper-slide .content .desc{font-size: 14px;}
    .index-box .index-solution .swiper-button{text-align: center;}
    .index-box .index-solution .swiper-slide.swiper-slide-next .img{float: none;}
	
	
	.index-solu .list .text{ font-size: 24px; text-shadow: 0px 3px 3px #999;}
		.index-solu .list .m-pic img{ max-width:200% !important; }
	
   .index-box .index-about .info-left,
  .index-box .index-about .about-img{width: 100%;float: none;}
  .index-box .index-about .info-left{text-align: center; position:relative;}
  .index-box .index-about .about-img{margin-top: 6%;}
  .index-box .index-about .info-left .desc{width: 90%;margin: 15px auto 20px;height: auto;}
  .index-box .index-about .info-left .more{ width:90px;height: 30px;line-height: 30px; font-size:12px;}
  
  .index-box .index-about .info-left .b1{margin: 0 auto;}
  .index-box .index-about .info-left .big{text-align: center;}
  .index-box .index-about .about-img .video{top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
  .index-box .index-about .info-left .more{display: inline-block!important;padding: 0 12px;margin: 0 auto;}
	
	
	#info{padding:0rem 0px 4rem 0;}
	#info .list{width:calc(49% - 2px);margin:0 2% 20px 0;}
	#info .list:nth-child(3n){margin-right:2%;}
	#info .list:nth-child(2n){margin-right:0%;}
	#info .list .text{padding:1.75rem;}
	#info .list .text .p1{font-size:14px;}
	#info .list .text .p2{font-size:16px;margin:1rem 0px;}
	#info .list .text .p3{margin-bottom:1.5625rem;}
	#info .list .text .t1{padding-top:1.25rem;}

	#inner-swiper .mobile,
    #index_photo .swiper-slide .i2{display: inline-block;}
    #inner-swiper .pc,
    #index_photo .swiper-slide .i1{display: none;}
	
	
	
	
	.products-box .item .list{ width:49%; position:relative;}
	.products-box .item .list:nth-child(2n){ margin-right:0;}
	.products-box .item .list .fz16{ font-size:14px; padding:5px;}
	
	
	
	
    .solution-detail .picture .img{width: 100%;float: none;}
	 .solution-detail .picture .content{width: 100%;float: none;}
    .solution-detail .picture .content{margin-top: 6%;}
    .solution-detail .picture{padding-bottom: 6%;}
    .solution-detail .gray1,
    .solution-detail .white1{padding: 60px 0;}
	
	.solution-list .list .text{ width:96%; margin-left:0;}
	.solution-list .list .img{ margin-top:0;}
	.solution-list .list1 .text{ margin-left:0%;}
.solution-list .list3 .text{ margin-left:0%;}
.solution-list .list .text .tit{ font-size:18px;}
.solution-list .list .m-pic img{max-width:200% !important;}

}
@media(max-width: 700px){
    #footer .contact,
    #footer .logo{display: block;margin: 0 auto;}

    #footer .left .contact{text-align: center;margin-top: 18px;}
    #footer .left .contact .dis{margin-bottom: 8px;}
    #footer .bottom .nav{display: none;}
    #footer .bottom .copyright{margin-top: 0;line-height: 26px;}
    #footer .bottom .copyright a, 
    #footer .bottom .copyright .dis, 
    #footer .bottom .nav .dis span{font-size: 16px;display: block;}
	
	 .news-box .list .news .img{width: 35%;}
    .news-box .list .news .con{width: 62%;}
    .news-box .list .news .con .desc{font-size: 16px;}
}

@media (max-width: 650px){
	.pub-title{font-size: 22px;}
	
	.top-bread.solution .select,
    .top-bread .select{width: 170px;}


}
@media (max-width: 635px){
}
@media (max-width: 615px){
}

@media(max-width: 600px){
    #footer.index{margin-top: 0;padding-top: 45px;}

}
@media(max-width: 560px){

}
@media(max-width: 500px){
    #footer .contact .fax.dis{margin-right: 0;}
	
	.news-box .list .news .date{}
    .news-box .list .news .w1620{padding: 30px 0;}
    .news-box .list .news .img{width: 260px;margin-bottom: 15px;}
    .news-box .list .news .con{width: 100%;}
    .news-box .list .news .con .name{margin-bottom: 12px;}
    .news-box .list .news .con .name,
    .news-box .list .news .con .desc{white-space: normal;}

}
@media(max-width: 497px){
    #main.news-box .pub2.search .text{width: 75%;}
}
@media(max-width: 450px){
    .pub-title{font-size: 22px;}
	
	#info .list{width:calc(100% - 2px);margin:0 0 20px 0;}
	#info .list:nth-child(3n),#info .list:nth-child(4n){margin-right:0%;display: none;}
	#info .list .text .p3{overflow: visible;height:auto;}


}
@media(max-width: 375px){
    .service-box .li .right,
    .service-box .li:nth-child(2n) .right{width: 100%;}
}
@media(max-width: 350px){

.index-box .index-pro .center,
    .index-box .index-pro .left{width: 100%;}
    .index-box .index-pro .center{margin-right: 0;}
    .index-box .index-pro .left .name{width: 89%;}
    .index-box .index-pro .right,
    .index-box .index-pro .left{margin-bottom: 6%;}
    .index-box .index-pro .left .p{padding-top: 69%;}
}



@media(max-width: 1200px){
}


@media(max-width: 1050px){
}

@media(max-width: 910px){
}

@media(max-width: 850px){
}














