*{padding:0;margin:0;list-style:none}
body{background:#fff;font-family:'Microsoft YaHei'}
a{color:#007aff}
.container{width:1200px;min-width:1200px;margin:0 auto}
.container-fluid,footer,header{min-width:1230px;margin:0 auto}
.top1{background:#f6f6f6;height:40px;line-height:40px;font-size:14px;color:#666;position:relative;z-index:3333}
.top1 .link{padding:0;margin:0;list-style:none}
.top1 .link li{float:left;height:40px;padding:0 10px;border-right:1px solid #e5e5e5}
.top1 .link li>a{display:block;position:relative}
.top1 .link li>a>span{display:none;position:absolute;padding:10px;left:-72.5px;background:#f6f6f6;-moz-box-shadow:3px 5px 5px #e5e5e5;-webkit-box-shadow:2px 5px 5px #e5e5e5;box-shadow:3px 5px 5px #e5e5e5}
.top1 .link li>a>span>img{width:145px;height:145px}
.top1 .link li>a:hover span{display:block}
.top1 span{color:#007aff}
.top1 .link li.tel{font-weight:700;font-size:20px;color:#3882df}
.img-tel{background:url(../images/img-tel.png) no-repeat center center;width:28px;height:20px;display:inline-block;margin-right:10px;position:relative;top:2px}
.img-weixin{background:url(../images/img-weixin.png) no-repeat center center;width:24px;height:24px;display:inline-block;position:relative;top:6px}
.img-weibo{background:url(../images/img-weibo.png) no-repeat center center;width:24px;height:24px;display:inline-block;position:relative;top:6px}
.img-qq{background:url(../images/img-qq.png) no-repeat center center;width:24px;height:24px;display:inline-block;position:relative;top:6px}
.img-so{background:url(../images/img-so.png) no-repeat center center;width:19px;height:20px;display:inline-block;position:relative;top:5px}
.top2{height:95px;position:relative;z-index:99;overflow:hidden}
.top2 h1.logo,.top2 h2.logo{display:block;float:left;width:20%;background:url(../images/logo.jpg) no-repeat;text-indent:-9999px;height:70px;margin-top:20px}
.top2 .logo,.top2 .logo{display:block;float:left;width:20%;background:url(../images/logo.jpg) no-repeat;text-indent:-9999px;height:70px;margin-top:20px}
.top2 nav{float:right;width:70%}
.top2 nav>ul{padding:0;margin:0;list-style:none}
.top2 nav>ul>li{float:left;height:95px}
.top2 .product{ background:#007AFF}
.top2 .product a{ color:#fff}
footer .foot3 .copy{ color:#b6b6b6}
footer .foot3 .footfr p, footer .foot3 .footfr p a{ color:#b6b6b6}
.top2 nav>ul>li>a{display:block;height:95px;line-height:95px;font-size:16px;color:#333;padding:0 30px;text-decoration:none}
.top2 nav>ul>li>a:hover{background:#3882df;color:#fff}
.top2 nav>ul>li.active>a{background:#3882df;color:#fff}
.top2 nav>ul>li>div{position:absolute;display:none;width:100%;left:0;background:rgba(255,255,255,.9)}
.top2 nav>ul>li>div>div{width:1200px;min-width:1200px;margin:0 auto;background:url(../images/top-nav-bg.png) repeat}
.top2 nav>ul>li.sea{position:relative}
.top2 nav>ul>li>div.search{display:none;width:280px;padding:20px;left:auto!important;right:0!important}
.top2 nav>ul>li.sea>a:hover{background:#fff}
.grid-item{width:200px}
.grid-item:hover>b>a{background:#3882df;color:#fff}
.grid-item>b{display:block;font-size:15px;padding:10px 0 5px 0}
.grid-item>b>a{display:inline-block;height:30px;line-height:30px;color:#000;font-weight:400;transition:all .4s;text-decoration:none;padding:0 10px}
.grid-item>b>a.active,.grid-item>b>a:hover{background:#3882df;color:#fff}
.grid-item>ul{padding:0;margin:0;list-style:none;padding-left:10px;font-size:12px}
.grid-item>ul>li{display:block;padding:5px 0}
.grid-item>ul a{color:#666;text-decoration:none}
.grid-item>ul a:hover{color:#3882df}
.banner{overflow:hidden}
.banner .swiper-slide{height:390px;overflow:hidden}
.banner .swiper-pagination-bullet{border:1px solid #3882df!important;background:#fff;opacity:1}
.banner .swiper-pagination-bullet-active{background:#3882df}
.box2{padding:40px 0}
.box2 .row{margin:0 -20px}
.box2 .col-sm-5{width:39.9%;padding:0 20px}
.box2 .col-sm-4{padding:0 20px}
.box2 .col-sm-3{padding:0 20px}
.box2 .video video{width:100%;height:auto}
.box2 .about{font-size:14px;color:#666;line-height:2em}
.box2 .about:after{display:table;clear:both;content:''}
.box2 .about img{float:right;margin-left:20px}
.box2 .about>p{margin-top:1em;line-height:28px;color:#444}
.box2 .contact{font-size:18px;line-height:1.9em}
.box2 .contact>p{text-align:left}
.box2 .about>p span{display:block;font-size:16px}
.th1{display:block;position:relative;margin-bottom:30px;padding-bottom:15px}
.th1:after{position:absolute;width:100%;height:1px;background:#d1d1d1;bottom:0;left:0;z-index:1;content:'';display:block}
.th1:before{position:absolute;width:48px;height:1px;background:#0630a9;bottom:0;left:0;z-index:2;content:'';display:block}
.th1>h2{font-size:24px;color:#333;line-height:1;margin:0}
.th1>h2>small{font-size:14px;text-transform:uppercase;color:#b6b6b6}
.th1>h2>small:before{content:'/';margin-left:4px}
.th1>a.more{position:absolute;right:0;background:url(../images/img-more.png) no-repeat 0 0;width:53px;height:10px;overflow:hidden;text-indent:-999em;bottom:16px}
.hui{background:#f6f6f6}
.box3{padding:40px 0}
.box3 .row{margin:0 -10px}
.box3 .col-sm-3{padding:0 10px}
.box3 .col-sm-9{padding:0 10px}
.advant_content{overflow:hidden;margin-top:20px;background:url(../images/advant.jpg) no-repeat;background-size:cover;height:500px}
.advant_content .advant_fl{float:left;width:29%;margin-top:94px}
.advant_content .advant_fr{float:right;width:23%;margin-top:94px}
.advant_content dl dt{font-size:15px;color:#444;color: #07f;}
.advant_content dl dd{font-size:15px;color:#444;line-height:28px}
.advant_content .advant_fl dl{text-align:right}
.advant_content .advant_fr dl{text-align:left}
.advant_content .advant_fl dl:nth-child(2){margin-right:25px;margin-top:52px}
.advant_content .advant_fl dl:nth-child(3){margin-right:28px;}
.advant_content .advant_fl dl:nth-child(4){margin-right:-23px;}
.advant_content .advant_fr dl:nth-child(2){margin-left:35px;margin-top:50px}
.advant_content .advant_fr dl:nth-child(3){margin-left:39px;}
.advant_content .advant_fr dl:nth-child(4){margin-left:-11px;}
.leftnav{background:#fff}
.leftnav>ul{padding:4px 0 15px;margin:0;list-style:none}
.leftnav>ul>li{font-size:14px;position:relative;z-index:22;border-bottom:1px dashed #eee;}
.leftnav>ul>li>a{font-size:14px;color:#333;line-height:60px;display:block;padding-left:35px;background:url(../images/jt-link.png) no-repeat 250px center;text-decoration:none;transition:all .2s}
.leftnav>ul>li.active>a,.leftnav>ul>li>a:hover{color:#fff;background:url(../images/jt-hover.png) no-repeat 250px center #3882df}
.leftnav>ul ul{padding:10px 0;margin:0;list-style:none;position:absolute;right:-240px;width:240px;top:0;background:#f1f7fe;padding-left:20px;display:none}
.leftnav>ul ul>li{height:35px;line-height:35px}
.leftnav>ul ul>li>a{display:block;background:url(../images/jt-link3.png) no-repeat 0 center;padding-left:20px;color:#999;text-decoration:none}
.leftnav>ul ul>li.active>a,.leftnav>ul ul>li>a:hover{background:url(../images/jt-hover3.png) no-repeat 0 center;color:#3882df}
.box3 .item{height:216px;overflow:hidden;position:relative;cursor:pointer;margin-bottom:20px}
.box3 .item>.img{height:176px;overflow:hidden}
.box3 .item>.txt{text-align:center;font-size:16px;color:#333;line-height:1;padding-top:20px}
.box3 .item>.hover{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/bg.png);color:#fff;padding:20px;opacity:0;transition:all .3s}
.box3 .item>.hover a{color:#fff;text-decoration:none}
.box3 .item>.hover h4{margin:0;line-height:1;display:block;text-align:center;font-size:18px;padding:15px 0}
.box3 .item>.hover p{line-height:2em}
.box3 .item>.hover i.img-jia2{background:url(../images/img-jia2.png) no-repeat center center;width:34px;height:34px;display:block;margin:0 auto}
.box3 .item:hover .txt{display:none}
.box3 .item:hover .hover{opacity:1}
.box3 .item .more{background:#fff;position:absolute;top:0;right:0;bottom:0;left:0;padding-top:40px}
.box3 .item .more>a{display:table;width:100%;text-align:center;font-size:20px;color:#333;text-decoration:none}
.box3 .item .more i.img-jia{background:url(../images/img-jia.png) no-repeat center center;width:69px;height:69px;display:block;margin:0 auto;margin-bottom:20px}
.box4,.box5,.box6,.box7{padding:40px 0}
.box4 h2{text-align:center;font-size:24px;color:#333}
.box5 .item{height:auto;background:#fff;transition:all .3s;cursor:pointer}
.box5 .item:hover{-moz-box-shadow:2px 2px 5px #999;-webkit-box-shadow:2px 2px 5px #999;box-shadow:2px 2px 5px #999}
.box5 .item:hover .txt a{background:url(../images/jt-hover2.png) no-repeat right center}
.box5 .item .img{height:168px}
.box5 .item>.txt{padding:20px 15px 3px 15px}
.box5 .item>.txt>a{display:block;line-height:2em;background:url(../images/jt-link2.png) no-repeat right center;transition:all .1s}
.box5 .item>.txt b,.box5 .item>.txt p span{font-size:15px;line-height:28px;font-weight:400;display:block;margin-bottom:5px; color:#007AFF}
.box5 .item>.txt p{font-size:15px;line-height:28px;color:#444}
.box6 .row{margin:0 -20px}
.box6 .col-sm-4{padding:0 20px}
.box6 .imglist .item{background:url(../images/line.png) repeat-x 0 bottom;padding-bottom:20px}
.box6 .imglist .item+.item{margin-top:20px}
.box6 .imglist .item>a{display:block;line-height:1}
.box6 .imglist .item>a:after{display:table;clear:both;overflow:hidden;content:''}
.box6 .imglist .item>a .img{width:126px;float:left;margin-right:20px}
.box6 .imglist .item>a .txt b{padding-bottom:5px;padding-top:5px;font-size:14px;color:#333;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.box6 .imglist .item>a .txt p{margin:0;font-size:12px;color:#666;line-height:2em}
.box6 .imglist .item>a:hover .txt b{color:#3882df;text-decoration:underline}
.box6 .imglist .item>a:hover .txt p{color:#3882df}
.box6 .imglist .item>a .img img,.box6 .nlist a .img img{width:100%;height:auto}
.knowledge-answer{ margin-top:45px; overflow:hidden}
.knowledge-answer .knowledge{ float:left; width:53%;border:1px solid #f0f0f0; padding:15px;}
.knowledge-answer .knowledge ul{padding:0;margin:0;list-style:none}
.knowledge-answer .knowledge li{background:url(../images/line.png) repeat-x 0 bottom;line-height:50px;overflow: hidden;}
.knowledge-answer .knowledge li:first-child{padding-bottom:20px;height:auto}
.knowledge-answer .knowledge li:first-child>a{display:block;line-height:1;padding:0;background:no-repeat;white-space:normal}
.knowledge-answer .knowledge li span{display:none}
.knowledge-answer .knowledge a:after{clear:both;overflow:hidden;content:''}
.knowledge-answer .knowledge a .img{ width:45%; float:left}
.knowledge-answer .knowledge .txt{ float:right; width:50%}
.knowledge-answer .knowledge a .img img{width:100%; height:auto}
.knowledge-answer .knowledge a .txt b,.knowledge-answer .knowledge a .txt p span{padding-bottom:15px;font-size:15px;color:#07f;display: block;}
.knowledge-answer .knowledge a .txt p{margin:0;font-size:15px;color:#555; line-height:32px;}
.knowledge-answer .knowledge a:hover .txt b{color:#3882df;text-decoration:underline}
.knowledge-answer .knowledge a:hover .txt p{color:#3882df}
.knowledge-answer .knowledge li>a{line-height:40px;font-size:15px;background:url(../images/jt-link3.png) no-repeat 0 center;padding-left:20px;color:#444;}
.knowledge-answer .knowledge li>a>span{float:right;color:#999;font-size:12px;margin-left:20px}
.knowledge-answer .knowledge li>a:hover{color:#3882df;background:url(../images/jt-hover3.png) no-repeat 0 center;text-decoration:underline!important}
.box7>h2{margin:0;font-size:24px;display:block;color:#333;text-align:center;line-height:1;padding-bottom:30px}
footer{background:#5b5b5b;color:#fff}
footer a{color:#fff}
footer a:hover{color:#ccc}
footer hr{border-color:#797979;border-top:1px solid #797979;border-bottom:1px solid #494949}
footer .foot1{padding:20px 0 0 0}
footer .foot1 .col-sm-8{text-align:right;padding-top:1}
footer .foot2{padding:0 0 20px 0;position:relative;padding-left:80px;line-height:2em;color:#a3a3a3;font-size:12px}
footer .foot2:before{/*content:'友情链接：';*/position:absolute;left:0;color:#fff}
footer .foot2 a{margin:0 10px;color:#a3a3a3;font-size:12px}
footer .foot2 a:first-child{margin-left:0}
footer .foot2 a:last-child{margin-right:0}
footer .foot3{ overflow:hidden; padding-top:35px;}
footer .foot3 .footfr{ float:left; width:80%}
footer .foot3 footfl{ float:right; width:18%}
footer .foot3 .fnav a{display:inline-block;margin:0 10px;color:#b6b6b6}
footer .foot3 .fnav a:last-child{margin-right:0}
footer .foot3 .copy{padding-top:5px}
.ptop{position:fixed;z-index:999;right:20px;bottom:20px}
.ptop a{background:url(../images/img-top.png) no-repeat center center;width:30px;height:30px;display:block}
.affix-top{opacity:0}
.affix{opacity:1}
.bread{overflow:hidden;margin-top:10px;background:#f0f0f0;padding:15px 0}
.bread p{overflow:hidden;font-size:14px;color:#555}
.bread p a{color:#555}
.prolist{overflow:hidden;margin-top:40px}
.profl{float:left;width:20%;border:1px solid #eee;padding:1%}
.profr{overflow:hidden;width:77%;border:1px solid #eee;padding:1%;float:right}
.prolist .profr ul{overflow:hidden;margin-top:20px;margin-left:-2%}
.prolist .profr ul li{float:left;width:22.7%;margin-left:2%;border:1px solid #eee;line-height:28px;text-align:center;font-size:15px;margin-bottom:25px}
.prolist .profr ul a{color:#444}
.prolist .profr ul li:hover a{color:#007aff;text-decoration:underline}
.prolist .profr ul li img{width:100%;height:auto}
.profl ul{overflow:hidden;margin-top:20px}
.profl h3{background:#007aff;color:#fff!important;margin-top:0;line-height:45px;text-align:center}
.profl ul li{line-height:45px;border-bottom:1px solid #eee}
.profl ul li a{color:#444;font-size:14px}
.profl ul li:hover a{text-decoration:underline;color:#007aff}
.newslist{overflow:hidden;margin-top:40px}
.newslist .profr ul{overflow:hidden;margin-left:-2%;margin-top:30px}
.newslist .profr ul li{float:left;width:47%;margin-left:2%;line-height:35px;font-size:15px;margin-bottom:25px;border:1px solid #eee;padding:5px}
.newslist .profr ul li a{font-size:15px;color:#444}
.newslist .profr ul li:hover a{color:#007aff;text-decoration:underline}
.newslist .profr ul li span{float:right;font-size:13px;color:#555}
.aboutlist,.contactlist{overflow:hidden;margin-top:40px}
.aboutlist .abouttop{overflow:hidden}
.aboutlist h3{font-size:20px;color:#007aff;margin-bottom:20px}
.aboutlist .abouttop p{line-height:28px;color:#444;line-height:28px;font-size:15px;margin-bottom:8px}
.aboutlist video{width:500px;height:auto}
.about_lc p{font-size:15px;color:#555;line-height:28px}
.about_lc p img{width:100%;height:auto}
.about_lc,.aboutlist .about_zz,.aboutlist .aboutnext{overflow:hidden;margin-top:30px}
.aboutlist .aboutnext ul li span{font-size:17px;color:#1574ce}
.aboutlist .aboutnext ul li{background:#f0f0f0;float:left;width:31.5%;line-height:28px;font-size:15px;text-align:center;padding:10px 0;margin-left:1.5%}
.aboutlist .about_zz ul{overflow:hidden;margin-left:-1.5%}
.aboutlist .about_zz ul li{float:left;width:18.5%;margin-left:1.5%;text-align:center;font-size:15px;color:#444;line-height:28px}
.aboutlist .about_zz ul li img{width:100%;height:auto}
.contactlist dl p{line-height:28px;color:#444;font-size:15px;margin-bottom:15px;float:left;width:48%;margin-left:2%;border-bottom:1px solid #eee}
.arolist{overflow:hidden;margin-top:40px}
.pro_article{overflow:hidden;margin-bottom:30px}
.pro_article dl dd{float:left;width:45%}
.pro_article dl dd img{width:100%;height:auto}
.pro_article dl dt{float:right;width:53%;border:1px solid #eee;border-radius:5px;padding:15px 25px 15px;font-weight:400}
.pro_article dl dt h1{font-size:26px;font-weight:700;margin-bottom:8px}
.pro_article dl dt p{line-height:28px;color:#444;font-size:14px}
.aro_content{overflow:hidden}
.aro_content h2{font-size:22px;color:#007aff;margin-bottom:15px}
.aro_content h3{font-size:20px;color:#007aff;margin-bottom:15px}
.aro_content p{font-size:15px;color:#444;line-height:28px;margin-bottom:8px}
.aro_content p a{color: #07f;}
.new_related,.pro_recommended{overflow:hidden;margin-top:30px;margin-bottom:30px}
.pro_recommended li{float:left;width:23.5%;margin-left:1.5%;text-align:center}
.pro_recommended li img{width:100%;height:auto}
.new_related li{line-height:40px;width:48%;float:left;overflow:hidden;height:40px;border-bottom:1px dashed #f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.new_related li a{font-size:14px;color:#444;line-height:28px}
.aro_tel{overflow:hidden;margin-top:15px}
.aro_tel p{float:left;width:48%;margin-left:2%;font-size:14px;color:#444;line-height:28px}
.aro_tel p a{line-height:45px;background:#007aff;color:#fff;padding:10px 45px}
.aro_news h1{font-size:26px;color:#111;text-align:center;margin-bottom:15px}
.aro_news .time{font-size:14px;color:#444;line-height:28px}
.pro_article dl dt p span{font-size:18px;color:#F00; font-weight:700}
.aro_news h2{font-size:22px;color:#007aff;margin-bottom:15px}
.aro_news h3{font-size:20px;color:#007aff;margin-bottom:15px}
.aro_news p{font-size:15px;color:#444;line-height:28px;margin-bottom:8px}
.new_related .title,.pro_recommended .title{font-size:20px;color:#333;margin-bottom:20px}
.aro_news .time{text-align:center}
.zxrk{background:#007aff2e;padding:20px;position:relative;margin-top:20px;margin-bottom:20px}
.zxrk .tel{color:#007aff;font-size:23px;font-weight:700;width:auto;margin-right:240px}
.zxrk .tel span{font-size:15px;color:#333;font-weight:400}
.zxrk .btn{display:block;margin-top:18px;position:absolute;right:20px;bottom:20px}
.zxbj a.baojia,.zxrk .btn a.baojia{padding:8px 45px;background:#007aff;color:#fff;font-size:17px}
.top2 nav>ul>li.sea{display:none}
.box7 h3,.box7 h2{ color:#333; font-size:22px; text-align:center; margin-bottom:15px;}
.box7 img{width:100%;height:auto}

.indexvideo,.indexmethod{ overflow:hidden; margin-top:45px; margin-bottom:45px;}
.indexvideo h3,.indexvideo h2,.indexcases h2{font-size:22px;color:#333; margin-bottom:20px; text-align:center}
.indexvideo dl{ overflow:hidden;}
.indexvideo dt,.indexvideo dd{ float:left; width:23%; margin-left:1.5%; text-align:center;border:1px solid #f0f0f0;}
.indexvideo dt p,.indexvideo dd p{ color:#007AFF; font-size:15px; margin-bottom:5px;}
.indexvideo dt video,.indexvideo dd video{ width:100%; height:150px}
.indexabout{ overflow:hidden}
.indexabout h3,.indexabout h2{font-size:22px;color:#333;}
.indexabout dl{background:#fff; padding:10px;overflow:hidden;}
.indexabout dt{ float:left; width:48%;}
.indexabout dt img{ width:100%; height:auto !important}
.indexabout dd{ float:right; width:47%}
.indexabout dd p{ font-size:15px; line-height:28px; color:#444; margin-bottom:10px;}
.indexabout dd p span{ color:#007AFF}
.indexcases dl{overflow: hidden;margin-left: -1.5%;}
.indexcases dl dd{float: left;width: 23%;margin-left: 1.5%;padding: 5px;border: 1px solid #eee;}
.indexcases dl dd p{line-height: 28px;color: #444;font-size: 15px;margin-bottom: 10px;}
.indexcases dl dd p span{color: #07f;}
.indexcases dl dd p  img{width: 100%;height: auto;}
.indexmethod h2{font-size:22px;color:#333; margin-bottom:20px;}
.indexmethod .methodfl{float: left;width: 50%;}
.indexmethod .methodfr{float: right;width:47%; border: 1px solid #eee;padding: 10px;}
.indexmethod p{line-height: 28px;color: #444;font-size: 15px;margin-bottom: 17px;}

.knowledge-answer .answer{ float:right; width:45%;border:1px solid #f0f0f0; padding:15px;}
.knowledge-answer .answer h3,.knowledge-answer .knowledge h2{border-bottom:1px solid #f0f0f0;font-size:22px;color:#333; margin-bottom:20px; line-height:35px;}
.knowledge-answer .answer dl{ overflow:hidden; margin-bottom:15px;border-bottom:1px dashed #f0f0f0; padding-bottom:10px;}
.knowledge-answer .answer dt{ font-size:15px; color:#007AFF; margin-bottom:15px;}
.knowledge-answer .answer dt span{ background:#007AFF; padding:1px 5px; color:#fff}
.knowledge-answer .answer dd{ font-size:15px; color:#444; line-height:28px;}
.knowledge-answer .answer dd span{ background:#666; padding:1px 5px; color:#fff}

.indextopic{overflow:hidden; margin-top:45px;}
.indextopic h2{ font-size:24px; color:#222; font-weight: bold; margin-bottom:20px;}
.indextopic dl{ overflow:hidden}
.indextopic dt{ float:left; width:50%;border:6px solid #fff;}
.indextopic dt p{ padding:0px !important; margin:0px;}
.indextopic dt video{ width:100%; height:auto}
.indextopic dd{ float:right; width:48%; background:#fff; padding:10px;}
.indextopic dd p{ font-size:15px; line-height:28px; margin-bottom:15px;}
.indextopic dd p b{font-size: 18px;color: #07f;font-weight: 600;}
.indextopic dd p i{border:1px solid #007AFF; color:#007AFF; padding:5px;font-style: normal;display: block;line-height: 28px;font-size: 15px;}
.indextopic dd p span{ color:#F00}
.indextopic dd p .learn{ background:#007AFF; color:#fff; padding:5px 20px;}
.indextopic dd p .inquiry{ background:#F00; color:#fff; padding:5px 20px;}

.box3 h3,.box4 h3,.box3 h2,.box4 h2,.knowledge-answer .answer h2{ text-align:center; font-size:22px; color:#333; margin-bottom:20px;}
.listproducts{ float:left; width:24%;}
.hotproducts{ float:right; width:73%;}
.hotproducts li{ float:left; width:23%;border:1px solid #f0f0f0; text-align:center; background:#fff; margin-bottom:15px; line-height:32px;}
.hotproducts li a,.indexproducts li a{ color:#444; color:#333; font-size:15px;}
.hotproducts li img{ width:100%; height:auto !important}
.indexproducts li:hover a{color: #07f;text-decoration: underline;}
.indexproducts{overflow: hidden;}
.indexproducts ul{overflow: hidden;margin-left: -1.5%;}
.indexproducts li{float: left;width: 23.3%;border: 1px solid #eee;text-align: center;margin-bottom:15px; line-height:32px;margin-left: 1.5%;padding-bottom: 5px;}
.indexproducts li img{width: 100%;height:210px;}
.indextheory,.indexmake{overflow: hidden;margin-top: 40px;margin-bottom: 40px;}
.indextheory .theoryfl{float: left;width: 48%;}
.indextheory .theoryfl img{width: 100%;height: auto;}
.indextheory .theoryfr p{line-height: 32px;margin-bottom: 10px;font-size: 15px;color: #444;}
.indextheory .theoryfr{float:right;width: 48%;border: 1px solid #eee;padding: 15px;}
.indextheory h2{font-size:22px; color:#333; margin-bottom:20px;}
.indexmake h2{text-align:center; font-size:22px; color:#333; margin-bottom:20px;}
.indexmake .madecontent{overflow: hidden;margin-left: -1.5%;}
.indexmake dl{float: left;margin-left:1.5%;border: 1px solid #eee;width: 46%;padding: 5px;margin-bottom: 20px;}
.indexmake dl dt{width: 65%;float: right;}
.indexmake dl dd{width: 30%;float:left;}
.indexmake dl dt p{line-height: 28px;margin-bottom: 8px;font-size: 15px;color: #444;font-weight: normal;}
.indexmake dl dd img{width: 100%;height: auto;}
.indexmake dl dt p span{color: #07f;font-size: 15px;}
@media (max-width:1230px){.container,.container-fluid{padding-left:0;padding-right:0}
.container,.container-fluid,footer,header{width:98%;min-width:98%}
.top1 .link li>a>span{left:-81.5px}
.top2 h1.logo,.top2 h2.logo{background-size:100%}
.top2 .logo,.top2 .logo{background-size:100%}
}
@media screen and (min-width:1000px) and (max-width:1230px){.top2 nav>ul>li>a{padding:0 25px}
.top2 nav>ul>li.sea{display:none}
.top2 h1.logo,.top2 h2.logo{background-size:100%;width:23%}
.top2 .logo,.top2 .logo{background-size:100%;width:23%}
.advant_content{background:0 0;height:auto}
.advant_content .advant_fl,.advant_content .advant_fr{width:48%;margin-top:0}
.advant_content .advant_fl dl:nth-child(2),.advant_content .advant_fl dl:nth-child(3),.advant_content .advant_fl dl:nth-child(4){margin-right:0;margin-top:10px}
.advant_content .advant_fr dl:nth-child(2),.advant_content .advant_fr dl:nth-child(3),.advant_content .advant_fr dl:nth-child(4){margin-left:0;margin-top:10px}
.banner img{width:100%;height:auto}
}
@media screen and (min-width:767px) and (max-width:999px){.advant_content{background:0 0;height:auto}
.advant_content .advant_fl,.advant_content .advant_fr{width:48%;margin-top:0}
.advant_content .advant_fl dl:nth-child(2),.advant_content .advant_fl dl:nth-child(3),.advant_content .advant_fl dl:nth-child(4){margin-right:0;margin-top:10px}
.advant_content .advant_fr dl:nth-child(2),.advant_content .advant_fr dl:nth-child(3),.advant_content .advant_fr dl:nth-child(4){margin-left:0;margin-top:10px}
.box6 .col-sm-4{width:48%;float:left}
.col-sm-3{width:33%;float: left;}
.col-sm-9{width:66%}
.indextopic dt,.indextopic dd{width: 100%;float: left;}
.indexproducts li{width: 31.3%;}
}
@media (max-width:767px){
.advant_content{background:0 0;height:auto}
.advant_content .advant_fl,.advant_content .advant_fr{width:48%;margin-top:0}
.advant_content .advant_fl dl:nth-child(2),.advant_content .advant_fl dl:nth-child(3),.advant_content .advant_fl dl:nth-child(4){margin-right:0;margin-top:10px}
.advant_content .advant_fr dl:nth-child(2),.advant_content .advant_fr dl:nth-child(3),.advant_content .advant_fr dl:nth-child(4){margin-left:0;margin-top:10px}
.box2 .col-sm-5,.box2 .col-sm-7,.box3 .col-sm-3,.box3 .col-sm-9{width:100%;margin-bottom:25px}
.box3 .col-sm-4{width:31%;float:left}
.top2 nav>ul>li>a{padding:0 11px}
footer .foot2{display:none}
.pro_article dl dd,.pro_article dl dt,.profl,.profr{width:100%;margin-bottom:20px}
.container,.container-fluid{padding-left:0!important;padding-right:0!important}
.aboutlist video{width:90%;height:auto}
.indextopic dt,.indextopic dd{width: 100%;float: left;}
.indexvideo dd{width: 48.3%;}
.indexmake dl{width: 98%;}
.indexabout dt{width: 100%;}
.indexabout dd{width: 100%;margin-top: 25px;}
.advant_content .advant_fl dl,.advant_content .advant_fr dl{border-bottom: 1px solid #e0dcdc;margin-bottom: 15px;}
.knowledge-answer .knowledge,.knowledge-answer .answer{width: 99%;margin-bottom: 20px;float: left;}
.advant_content dl dt{font-weight: normal;}
.top2{height: auto;}
.top2 nav{width: 99%;}
.top2 nav>ul>li>a{width: 0 32px;}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before{display: none;}
.indexmethod .methodfr{width: 99%;}
.indexmethod .methodfl{width: 100%;}
}
@media (max-width:650px){
.top2 nav>ul>li>a{width: 0 22px;}
.box5 .col-sm-3{width:47%;float:left}
.indextheory .theoryfl,.indextheory .theoryfr{width: 99%;margin-bottom: 20px;}
.indexproducts li{width: 48.3%;}
.pull-right{display: none;}
.top2 nav{width: 100%;float: left;}
.top2 h1.logo, .top2 h2.logo{margin-top: 8px;width: 32%;height: auto;}
.top2 .logo, .top2 .logo{margin-top: 8px;width: 32%;height: auto;}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before{display: none;}
.pro_recommended li{width: 48.5%;}
.indexcases dl dd{width: 48%;}
}
@media (max-width:480px){
.box5 .col-sm-3{width:49%;float:left}
.box3 .col-sm-4{width:50%}
.top2{height:auto}
.top2 h1.logo,.top2 h2.logo{width:100%;background-size:48%}
.top2 .logo,.top2 .logo{width:100%;background-size:48%}
.top2 nav{width:100%}
.top2 nav>ul>li{height:auto}
.top2 nav>ul>li>a{line-height:45px;height:45px}
.top1 .link li{padding:0 0}
.aro_tel p{width:100%;margin-bottom:15px}
.new_related li,.newslist .profr ul li{width:99%}
.newslist .profr ul li span{display:none}
.zxrk .tel{margin-right:0}
.prolist .profr ul li{width:47.7%}
.aboutlist .aboutnext ul li{width:48.5%;margin-bottom:15px}
.contactlist dl p{width:98%}
.knowledge-answer .knowledge a .img,.knowledge-answer .knowledge .txt{width: 100%;margin-bottom: 15px;}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before{display: none;}
.top2 h1.logo, .top2 h2.logo{height: 50px;}
.top2 .logo, .top2 .logo{height: 50px;}
.prolist .profr ul li{overflow: hidden;white-space: nowrap;}
}
@media (max-width:360px){.pull-right{display:none}
.top2 h1.logo,.top2 h2.logo{height:47px;background-size:60%}
.top2 .logo,.top2 .logo{height:47px;background-size:60%}
.box5 .col-sm-3{width:98%;margin-bottom:20px}
.aboutlist .aboutnext ul li{width:98.5%;margin-bottom:15px}
.aboutlist .about_zz ul li{width:31.5%}
.contactlist dl p{width:98%}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before{display: none;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{position: initial;}
}