/*2112231952*/
body,div,ul,li,a,dl,dd,dt,input,p,h1,h2,h3,h4,h5,h6,form,img{ margin: 0; padding: 0; }
html{ margin: 0; padding: 0; font-size:12px;}
html,body{
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
input,textarea,select,button,area {
    appearance:button;
    -moz-appearance:button;
    -webkit-appearance:button;
    outline:none;
    font-family:'Microsoft YaHei';
}
ul,li,dl,dd,dt{list-style: none;}
a{  text-decoration:none;  color:#2b292f;
    -webkit-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
img{border: 0;  font-size:0; display: block;}
body {color:#444; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; }
.font20{
	font-size:20px!important;
}

.clearfix {overflow: auto; *zoom:1;/*IE/7/6*/}
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.fl{ float:left;}
.fr{ float:right;}
.section{ width:92%; max-width:1300px; margin:auto;  }
/*header*/
.header{width: 100%; position:fixed;background: #fff;z-index: 99999; }
.home-header {
    background: none;
    box-shadow: none;
}
.home-header .menu ul li a {
    color: #fff;
}
.header .logo{float: left; width: 280px; height: 80px; background: url("../images/logo.png") no-repeat; background-size: 100%;margin-top:15px;}
.header .logo a{display: block;width: 100%; height: 100%;}
.header .h-fr{float: right; maring-right:100px;}
.header .menu{ float: left; padding-top:7px}
.header .menu ul li{ float:left; position: relative;}
.header .menu ul li a{display:block; font-size: 16px;line-height: 80px; padding: 0 25px; /*color: #fff*/; }
.header .menu ul li a:hover{color: #e3a204; }
.header .menu ul li a.navv {
    color: #ff8901!important;
    border-top: 3px solid #e3a204!important;
	line-height: 74px!important;
}
.header .menu li .drop{ background:#fff; border: 1px solid #e5e5e5;  border-top: 3px solid #e3a204; overflow:hidden; position:absolute; width:220px; left:0; top:80px; display:none;}
.header .menu li .drop ul{ width: 100%;}
.header .menu li .drop li{ width:100%;  border-bottom: 1px solid #e5e5e5; text-align: left;}
.header .menu li .drop li a{display: block; color: #666;font-size: 14px; line-height: 20px;  padding:15px 10px;}
.header .menu li .drop li a:hover{background: #e3a204; color: #fff;}
.m_menu{ background: url(../images/m_menu.png) no-repeat center;  background-size:100%;width:45px; position:absolute; right:5px; top:10px; height:45px; display:none; }
.h-wx{ width: 31px; height: 25px; background: url("../images/b-wx.png") no-repeat center; background-size:70% ;  position: relative; float: left; margin:28px 10px;}
.h-wx .h-wx-img {  visibility: hidden;  width: 143px;  background-color: #fff;  position: absolute;  z-index: 10;  top:24px;  left: 50%;  margin-left: -71px;  opacity: 0;  transition: opacity 1s;}
.h-wx:hover .h-wx-img {    visibility: visible;    opacity: 1;}
.h-lang{width: 30px; height: 20px; color: #fff; float: left; margin: 30px 0; border-left: 1px solid #fff; padding-left: 10px;}
.h-lang a{color: #fff; font-size:14px;}
.h-search{width: 16px; height: 16px; background: url("../images/b-search.png"); margin:33px 0; background-size: 100%;float: left; position: relative; }
.h-search .search{width:218px; height:24px; border-radius: 20px; overflow:hidden;border:1px solid #bbbbbb; position: absolute;  z-index: 10;  top:24px;  right: 0;  margin-right: -50px;  opacity: 0;  transition: opacity 1s;}
.h-search .search input.username{  width:193px; max-width:100%; float:left; border:none;   height:25px; line-height:25px;  font-size:12px; color:#c4c4c4; background: #fff; text-indent:0.5em; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;}
.h-search .search input.da_button{ width:25px; max-width:100%;float:left; border:none;   height:25px; line-height:25px;   font-size:12px; color:#CCC; background:#fff url(../images/icon_serch.png) no-repeat 0 5px;  -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none; appearance: none; }
.h-search:hover .search {    visibility: visible;    opacity: 1;}

.x_menu{width:34px; height:27px;   float: left; margin: 33px 0  26px 10px; }
.x_menu #clickmenu {  border: 0; width: 34px;  height: 27px;   background: url(../images/x_menus.png) no-repeat center;  background-size:100%; }
.home-header .x_menu #clickmenu {  background: url(../images/x_menu.png) no-repeat center;  }
.bg{display: none;position: fixed;top: 0;left: 0;width: 100%; height: 100%; background-color: black;  z-index: 99999;  -moz-opacity: 0.8;  opacity: 0.50;  filter: alpha(opacity=80);}
#x_menu {  width: 1300px;  height: 300px; background-color: #fff;  padding: 10px;  position: absolute;  display: none;  left: 45%;  z-index: 100000;}
.close {  width: 1300px;  height: 25px;}
.close a{ display: block;  float: right; color: #e3a204; font-size: 20px;  }
#x_menu ul{width: 100%;}
#x_menu ul li{ float: left; margin-right: 30px; }
#x_menu ul li h2{font-size: 22px;  color: #333;  line-height: 47px;}
#x_menu ul li h2 span{width: 35px;  font-size: 30px;  display: inline-block;  color: #e3e3e3;  position: relative;  top: 4px;  transition: color 0.3s;}
#x_menu ul li h2 a{display: inline-block;  color: #333333;}
#x_menu ul li p { padding-left: 40px;  font-size: 15px;  color: #666666;  line-height: 28px;}
#x_menu ul li a{display: inline-block;  color: #666666;  transition: color 0.3s;}

.i-title{width:100%; text-align: center;}
.i-title h1{font-size: 45px; text-transform: uppercase; font-weight: bold; color: #151515;}
.i-title h5{ font-size:32px; color: #333;text-align: center;}
.i-title .cf{color: #fff;}

.i-banner{width: 100%; position: relative; overflow: hidden;}
.i-banner .bg{width: 100%; }
.i-banner .bg img{max-width: 100%;}
.banner-txt{  width: 1300px;  height: 280px;  position: absolute;  color: #fff;  z-index: 5;  top: 50%;  margin-top: -140px;  left: 50%;  margin-left: -650px;}
.banner-txt em{ display: block; width: 160px; height: 2px; background: #fff;transition: all 1s; }
.banner-txt .banner-span{width: 585px;height: 90px;  margin: 20px 0;}
.banner-txt .banner-span span{display: block;width:65px; font-size: 60px; font-weight: 600; height: 65px; text-align: center; text-shadow: 0 0 5px #666; float: left;}
.banner-txt p{width:100%;font-family: Arial; font-size: 20px; text-transform: uppercase; letter-spacing: 2px; font-weight: 100; text-shadow: 0 0 5px #666;}
.banner-txt a{  display: block;  width: 108px;  height: 24px;  font-family: Arial;  margin-top: 40px;  color: #fff;  font-size: 13px;  text-align: center;  text-transform: uppercase;
    background: url(../images/more.png) no-repeat; position: absolute; }


.ban-box{width:100%; position:absolute; color: #fff; z-index: 5; bottom:2%;   }
.ban-box .section{position: relative;}
.ban-box .ban-video {width: 35%; position: absolute; bottom:2%; left: 0; }
.ban-box .ban-video a{display: block;color: #fff;border: 3px solid #fff; overflow: hidden; height:200px;}
.ban-box .ban-video img{max-width: 100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.ban-box .ban-video .news-video{position: absolute; width: 110px; left: 50%; margin-left: -55px;  bottom: 10%; text-align: center; z-index: 10;}
.ban-box .ban-video .news-video i{display: block;width: 45px; height: 45px; background: url("../images/video-icon.png"); background-size: 100%; margin:8px auto;}
.ban-box .ban-video .news-video h4{font-size: 24px;  text-shadow: 0 0 10px #000; }
.ban-box .ban-video a:hover{border: 3px solid #ff8901;}
.ban-box .ban-video a:hover img{transform: scale(1.2, 1.2);  transition: transform 0.6s ease 0s;}


.ban-box .ban-news {width: 63%; position: absolute; bottom:2%;  right:0;}
.ban-box .ban-news li{width: 48%;background: #fff; float: left;margin: 0 1%;}
.ban-box .ban-news li a{ display:block; width: 90%; overflow: hidden; background:url("../images/ban-ul.jpg") no-repeat right top; padding: 15px 5%;}
.ban-box .ban-box-txt{ max-width: 280px; padding-right: 10px; float: left; border-right: 1px solid #dadada;}
.ban-box .ban-box-time{ float: right;}
.ban-box .ban-news li a h3{ font-size: 18px; line-height:40px; height:40px; overflow:hidden; color: #010101;}
.ban-box .ban-news li a p{font-size: 14px; line-height:20px; height:20px; overflow:hidden; color: #666666;}
.ban-box .ban-news li a span{ font-size: 32px;line-height:40px; height:40px; overflow:hidden;  font-weight:bold; color: #373737;}
.ban-box .ban-news li a h4{ font-size: 14px;line-height:20px; height:20px; color: #373737;}
.ban-box .ban-news li i{display: block; float: right; width: 40px; height: 40px;}
.ban-box .ban-news li:nth-child(1){background:#ff8901 url("../images/ban-ul-a.png") no-repeat right top; }
.ban-box .ban-news li:nth-child(1) h3{color: #fff;}
.ban-box .ban-news li:nth-child(1) p{color: #fff;}
.ban-box .ban-news li:nth-child(1) h4{color: #fff;}
.ban-box .ban-news li:nth-child(1) span{color: #fff;}
.ban-box .ban-news li a:hover{background:#ff8901 url("../images/ban-ul-a.png") no-repeat right top; }
.ban-box .ban-news li a:hover h3{color: #fff;}
.ban-box .ban-news li a:hover p{color: #fff;}
.ban-box .ban-news li a:hover h4{color: #fff;}
.ban-box .ban-news li a:hover span{color: #fff;}

.i-more{width: 159px; height:44px; line-height: 44px; margin:30px auto; font-size: 15px;  color: #fff; background:#ff8901 url("../images/dj.png") no-repeat 130px; text-align: center;   transition: all 1s; text-transform: uppercase; }
.i-more a{color: #fff;}

.i-about{width: 100%; padding: 80px 0 40px 0;background: url("../images/i-about.jpg") no-repeat bottom center; position: relative; background-size: 100%;}
.i-about .about-box{width: 100%; overflow: hidden;}
.i-about .about-txt{width: 45%; background: url("../images/ab-png.png") no-repeat 0 20px; float: left;padding-left: 10%;}
.i-about .about-txt h2{display: none; font-size: 40px;  text-transform: uppercase;  font-weight: bold;  color: #222;  font-family: Arial;}
.i-about .about-txt i{display: none;  width: 80px;  height: 2px;  margin: 10px 0;  background: #000;}
.i-about .about-txt h1{ font-size: 33px; color: #595959;}
.i-about .about-txt em{ display: block; width: 40px; height: 2px; margin: 30px 0 10px 0; background: #ff8901;  }
.i-about .about-txt p{font-size: 15px; line-height: 38px; padding: 30px 0; text-indent: 2em; color: #666666;}
.i-about .about-txt img{display: none; max-width: 100%; margin-top: 30px;}
.i-about .about-txt a{display: block; width: 175px; height:50px; line-height: 50px; background:#015cb9 url("../images/dj.png") no-repeat 145px 17px; margin-top: 10px; color: #fff; text-transform: uppercase; text-align: center; border-radius: 5px; font-size: 15px; }
.i-about .about-img{width: 40%; text-align: center; float: right;}
.i-about .about-img img{max-width: 100%; float: right;}
.i-about .about-num{width: 100%; padding:10px 0 15px 0; margin-top: 60px; background: #fff; box-shadow: 0 0 10px #ccc; overflow: hidden;}
.product-num-box{  width: 100%;}
.product-num-content{  width: 100%;    margin: 0 auto;  text-align: center;  font-size: 0;}
.product-num-item{  text-align: center;  position: relative;  float: left; width:18%; margin: 0 1%;  font-size: 16px;  color: #000;  line-height: 62px; }
.product-num-inf{  display: block;width: 100%; font-size: 15px;  color: #323232; font-weight: bold;   line-height:30px; }
.product-num-nub{  display: inline-block;  width: 100%;  font-size: 50px; border-right: 1px solid #d9d9d9; color: #303030;  line-height: 62px; font-family: Arial; font-weight: bold;}
.product-num-add{  font-size: 15px;  color: #858585;   position: absolute; }
.mt{bottom:0; right: 15px;}
.yy{bottom:6px;  right:45px;}
.mm{bottom:20px; right:30px;font-size: 40px;}
.product-num-jus:hover{    background-color: #fff;    color: #474747;}
.product-num-wan{    position:absolute;    right: 25px;  font-size: 60px;   top: 0; color: #474747;}


/*i-project*/
.i-project{width: 100%; padding:60px 0; overflow:hidden; position: relative; }
.i-project-box{width: 100%; overflow: hidden;  margin-top: 50px; position: relative;}
.i-project-box .i-pro-fl{width: 32%; float: left;border: 4px solid #e5e5e5;box-sizing: border-box;}
.i-project-box .i-pro-fm{width: 34%;  margin-left:1%;border: 4px solid #e5e5e5;box-sizing: border-box; float: left;}
.i-project-box .i-pro-fr{width: 32%; margin-left:1%;float: right;border: 4px solid #e5e5e5;box-sizing: border-box;}
.i-project-box img{width: 100%; display: block; margin: auto;   transform: translateZ(0px);transition: transform 0.3s ease 0s; height:340px;}
.i-project-box a{display: block; overflow: hidden; width: 100%;  position: relative;}
.i-project-box .pro-position{width: 92%; height: 30px; font-size: 20px; color: #fff; padding: 99px 4% 20px 4%;   position: absolute; bottom: 0;}
.i-project-box h3{display: block; float: left; line-height: 30px; height: 30px; overflow: hidden;  font-size: 20px; color: #fff;}
.i-project-box span{font-family: Arial; display: block; float: right; line-height: 30px;font-size: 12px; color: #fff; background: url("../images/xxxx.png") no-repeat right center; padding-right: 20px; text-transform: uppercase; }
.i-project-box a:hover img{transform: scale(1.2, 1.2);  transition: transform 0.6s ease 0s;}
.i-project-box a:hover .pro-position{background: url("../images/pro-position.png");}
.p-more{width: 159px; height:44px; line-height: 44px; margin-top: 30px; font-size: 14px;  color: #fff; background:#ff8901 url("../images/dj.png") no-repeat 130px; float: right; text-align: center;   transition: all 1s; }
.p-more a{color: #fff;}


/*科研*/
.i-ky{width: 100%; padding:50px 0 30px 0;  position: relative; background: #015cb9; overflow: hidden; }
.ky-box{width: 100%;overflow: hidden; margin-top: 50px;}
.ky-box-fl{width: 36%;  float: left;   }
.ky-box-fl ul{width: 100%}
.ky-box-fl ul li{width: 100%; margin-bottom:8px; position: relative;}
.ky-box-fl ul li a{display: block;width: 99%; border: 1px solid #fff; margin: auto;  overflow:hidden;}
.ky-box-fl ul li img{max-width: 100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;display: block;}
.ky-box-fl ul li h4{ position: absolute;color: #fff; font-size: 20px; left: 40px; bottom: 20px;}
.ky-box-fl ul li a:hover img{transform: scale(1.2, 1.2);  transition: transform 0.6s ease 0s;}
.ky-box-fr{ width: 62%;float: right;  background: url("../images/ky-box-fr.png"); color: #fff;}

#Yscrollouter{width: 6px; height: 640px; background: url("../images/yscrollouter.png") no-repeat center;  position: absolute;top:0;z-index: 99; display: block!important; right: 0;}
#Yscrollinner{width: 6px; height: 100px; background: #fff; border-radius:10px; position: absolute; top: 0; left: 0;  z-index: 9999;}
#div1{width: 96%; height:585px; padding:0 2%; margin: 0 auto; position: relative; }
#div1::-webkit-scrollbar {display:none}
.div2{width:96%; padding:20px 2%; position: absolute; left:0; top:0;}
.div2 ul{width: 48%; float: left; margin: 0 1%;}
.div2 ul li{width: 100%;}
.div2 ul li h3{font-size: 15px; padding-bottom: 10px;}
.div2 ul li h4{font-size: 14px;padding-bottom: 10px;}
.div2 ul li p{font-size: 13px;padding-bottom: 11px; line-height: 22px;}


/*服务*/
.i-service{width: 100%; padding:50px 0 30px 0;   position: relative; background: #f1f4f8; overflow: hidden; }
.set-content{ width: 1300px; overflow: hidden; margin-top: 50px;}
.set-title { width: 360px; float: right; }
.set-title ul li{ width: 360px; height: 135px; border-bottom: 1px solid #046dd8;   text-align: center;  color: #fff;  position: relative;  background:#1f7bda;  cursor:pointer;}
.set-title ul li:last-child{border: 0;}
.set-title .set-num{ width:144px; float: left; border-right: 1px solid #95c4f6; font-size: 30px; font-weight: bold; line-height: 135px;}
.set-title .set-i-p{ width:215px; float: right; text-align: center; }
.set-title .set-i-p i{ display: block; width: 64px; height: 48px; margin: 30px auto 10px auto;}
.set-title .set-i-p .sj{background: url("../images/icon-sj.png"); background-size: 100%;}
.set-title .set-i-p .js{background: url("../images/icon-fwjs.png");background-size: 100%;}
.set-title .set-i-p .szgy{background: url("../images/icon-swgy.png");background-size: 100%;}
.set-title .set-i-p .jg{background: url("../images/icon-cpjg.png");background-size: 100%;}
.set-title .set-i-p p{ width: 100%; font-size:18px; display: block;}
.set-title ul .on{  background: #fff; color: #000; }
.set-title ul .on .set-pos{ width:360px; padding-left: 60px; position: absolute; background: #fff; top: 0; right: 0; z-index: 999;}
.set-title ul .on .sj{background: url("../images/icon-sj-h.png");background-size: 100%;}
.set-title ul .on .js{background: url("../images/icon-fwjs-h.png");background-size: 100%;}
.set-title ul .on .szgy{background: url("../images/icon-swgy-h.png");background-size: 100%;}
.set-title ul .on .jg{background: url("../images/icon-cpjg-h.png");background-size: 100%;}
.set-middle{ width: 940px; float: left;}
.set-middle-item{ width: 100%;}
.set-middle-item li{position: relative;}
.set-middle-item li img{width: 100%;}
.i-service-txt{width: 90%; padding: 18px 8% 18px 2%; background: url("../images/i-service-txt.png"); position: absolute; z-index: 99; bottom: 0; color: #fff;}
.i-service-txt h4{font-size: 30px; margin-bottom: 10px; }
.i-service-txt p{font-size: 14px; height: 50px; line-height: 25px;overflow: hidden;}

/*i-news*/
.i-news{width: 100%;  padding:50px 0 30px 0;    position: relative; overflow: hidden;}
.news-box{width: 100%;padding-top: 40px;}
.news-box .list{width: 100%;}
.news-box .list li{float:left;width:33.333%;}
.news-box .list li img{max-width: 100%; margin: auto; border: 1px solid #eee;}
.news-box .list li a{display: block;width: 94%; border: 1px solid #ebebeb; background: #fff; overflow: hidden;  margin:10px auto;}
.news-box .list .news-img{width: 90%;margin: 20px auto;overflow: hidden;}
.news-box .list .news-img img{ height: 215px; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.news-box .list .news-txt{width:90%; margin:0 auto; padding-top: 10px;}
.news-box .list .news-txt h3{font-size: 16px; overflow: hidden; color: #000; height: 28px; line-height:28px; }
.news-box .list .news-txt p{line-height: 24px; font-size: 13px; color: #777;height:120px; overflow: hidden; margin-top: 10px; }
.news-box .list .news-txt span{display: block; color: #015cb9;  text-align:right;height: 30px;line-height: 30px; margin: 10px 0;}
.news-box .list .time{width:90%; margin:0 auto;overflow: hidden;  padding-bottom: 15px;}
.news-box .list .time span{display: block; width: 150px; border-bottom: 1px solid #bfbfbf; color: #919191; float: left; font-size: 14px; text-align:left; height: 30px;line-height: 30px; margin: 10px 0;}
.news-box .list .time i{display: block; width: 30px;  height: 30px; background:url("../images/i.png"); float: right;margin: 10px 0; }
.news-box .list li a:hover{ background: #015cb9;}
.news-box .list li a:hover img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}
.news-box .list li a:hover h3,.news-box .list li a:hover p,.news-box .list li a:hover span{ color: #fff;}



.qt-pagination{ width:94%; margin:auto; overflow:hidden; padding:30px 0; text-align:center;}
.qt-pagination a{ background-color: #fff;border: 1px solid #e3e3e3;padding: 0 10px;margin-right: 3px; min-width: 30px;  height: 30px;  line-height: 30px;   display: inline-block;   text-align: center;  }
.qt-pagination .pages{ background:#015cb9; color:#fff;}


.footer-copyright{width: 100%; background:#222; color: #fff; padding:12px 0 45px 0;  font-size: 12px;overflow: hidden;}
.footer-copyright a{color: #fff;}
#links{width:92%; max-width:1300px; margin:auto; padding:60px 0 40px 0; border-bottom: 1px solid #393939; margin-bottom:35px;}
#links span,#links a{display: inline-block; font-size: 14px; color: #fff; opacity: 0.4;}
#links .line{display: inline-block; width: 1px; height: 10px; background-color: #fff; opacity: 0.4; margin:0 12px;}
.footer-copyright .fl,.footer-copyright .fr{color: #fff; opacity: 0.4;}


@media (max-width:1300px){
    .header{ background: #fff; top: 0; padding: 10px 0; position: fixed; box-shadow: 0 0 5px #ccc;z-index: 99999999;}
    .header .section{width: 100%;}
    .header .logo{width: 127px; height: 45px; background: url("../images/logo.png") no-repeat; background-size: 100%; margin-left: 10px; }
    .m_menu{ display:block;}
    .header .menu { position:absolute; left:0; top:65px; background:#015cb9; width:100%; display:none;z-index: 999;  padding: 0;}
    .header .menu ul li{ width:100%; border-bottom:1px solid #1573bd;}
    .header .menu ul li a{ padding:0; line-height: 40px; text-align: center;}
    .header .menu li .drop{width: 100%; position:static;}
    .header .menu li .drop ul{ width:100%; padding:0;}
    .header .menu li .drop .hide{ display:none;}
    .header .menu li .drop li{ width:100%;  border-bottom: 1px solid #e5e5e5;}
    .h-wx,.h-lang,.h-search,.x_menu{display: none;}

    .i-banner{margin-top: 65px;}
    .banner-txt{width: 92%; height: 170px;margin-top: -110px; position: absolute; left: 4%;  margin-left: 0;}
    .banner-txt .banner-span{ height: 55px;}
    .banner-txt .banner-span span{font-size: 40px;width: 55px;   height: 55px}
    .banner-txt a{margin-top: 20px;}
    .ban-box{width: 100%;}
    .ban-box .ban-news{width: 100%;}
    .ban-box .ban-box-txt{width: 73%; padding-right: 1%;}
    .ban-box .ban-box-time{width: 25%; text-align: center;}
    .i-project-box span{display: none;}

    .set-content{width: 100%;}
    .set-middle{width: 100%;}
    .set-title{width: 100%;}
    .set-title ul li{width: 25%; float: left; height: auto; padding: 15px 0;  border-bottom: 0; border-right: 1px solid #95c4f6; box-sizing: border-box;}
    .set-title ul .on .set-pos{ width: 100%; padding: 0; position: static;}
    .set-title .set-num{width: 100%; line-height: 30px; border: 0;}
    .set-title .set-i-p{width: 100%;}
    .set-title .set-i-p i{ width: 48px; height: 34px;margin: 5px auto;}
    .scroll_horizontal{width:999px; }
    .scroll_horizontal .box{width:999px; }
    .scroll_horizontal .list li{float:left;width:333px;}
    .ky-box-fl{display: none;}
    .ky-box-fr{width: 100%;}
    #div1{height: 500px;}

}
@media (max-width:1200px){
    .product-num-nub{font-size: 35px;}
    .mm{right: 5px;bottom: 8px; font-size: 25px;}
    .yy{  right: 5px;}
    .i-about,.i-project,.i-ky,.i-service,.i-news{padding:40px 0;}
    .i-title h1{font-size: 38px;}
}


@media (max-width:1120px){

    .scroll_horizontal{width:666px; }
    .scroll_horizontal .box{width:666px; }
    .scroll_horizontal .list li{float:left;width:222px;}
}


@media (max-width:1024px){

}
@media (max-width:999px){

    .ban-box{display: none;}
    .banner-txt .banner-span{ width: 100%; margin: 12px 0;height: 45px;}
    .banner-txt .banner-span span{font-size: 40px;width: 45px;   height: 45px}
    .banner-txt{margin-top: -75px;height: 150px;}
    .banner-txt a{margin-top: 10px;}

    .i-about .about-txt{width: 100%; padding: 0; background: none;}
    .i-about .about-txt i{display: block;}
    .i-about .about-txt h2{display: block;}
    .i-about .about-txt h1{color: #333;}
    .i-about .about-txt em{display: none;}
    .i-about .about-txt p{color: #666; padding: 20px 0;   font-size: 16px;  line-height: 30px;}
    .i-about .about-txt img{display: block;}
    .i-about .about-img{display: none;}

}
@media (max-width:856px){
    .i-service-txt{padding:8px 2%; }
    .i-service-txt h4{font-size: 24px;margin-bottom:2px;}
    .i-service-txt p{ height: 44px; overflow: hidden;  line-height: 22px;}
    .footer-copyright{line-height: 24px;}
    .footer-copyright .fl{ width: 100%; text-align: center;}
    .footer-copyright .fr{ width: 100%; text-align: center;}
}

@media (max-width:768px){

    #div1{height: 400px;}
    .div2 ul li p{    padding-bottom: 8px;}
    .scroll_horizontal{width:500px; }
    .scroll_horizontal .box{width:500px; }
    .scroll_horizontal .list li{float:left;width:250px;}


}


@media (max-width:685px){
    .banner-txt {  margin-top: -60px;  height: 120px;    }
    .banner-txt em{width: 80px;}
    .banner-txt .banner-span{height: 40px;}
    .banner-txt .banner-span span{font-size: 28px; height: 40px; width: auto;}
    .banner-txt p{  font-size: 16px;  letter-spacing: 1px;}
    .product-num-item{width: 31.333%;}
    .product-num-inf{font-size: 14px;}
    .yy{right: 10px;}
    .product-num-nub{font-size: 28px;    line-height: 45px;}
    .product-num-item:nth-child(3) .product-num-nub{border: 0;}
    .product-num-item:nth-child(4){display: none;}
    .product-num-item:nth-child(5){display: none;}
    .i-title h1{font-size: 30px;}
    .i-title h5{font-size: 28px;}
    .i-project-box .i-pro-fl{width: 100%;}
    .i-project-box .i-pro-fm{width: 100%; margin: 10px 0;}
    .i-project-box .i-pro-fr{width:100%;}
    .i-project-box span{display: block;}
    .ky-box-fl{width: 100%;display: block;}
    .ky-box-fr{width: 100%;}
    #div1::-webkit-scrollbar {display:block}
    .div2 ul{width: 98%;}
    .scroll_horizontal{width:300px; }
    .scroll_horizontal .box{width:300px; }
    .scroll_horizontal .list li{float:left;width:300px;}
    .set-title .set-i-p i{ width: 40px; height: 28px;margin: 5px auto;}
    .set-title .set-num{font-size: 18px; font-family: Impact;}
    .set-title .set-i-p p{font-size: 14px;}
    .news-box .list li{width: 100%;}
    .news-box .list .news-img img{height: auto;}
}