body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td,menu{margin:0;padding:0;}
ul,dl{list-style:none;margin: 0;padding: 0;}
img,fieldset,input[type="submit"]{border:0 none;}
em{font-style:normal;}
strong{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
button,input[type="button"]{cursor:pointer;border:0 none;}
a,button,input,img{-webkit-touch-callout:none;}
img{
	pointer-events:none;/*禁止图片的点击事件，例如长按保存图片*/ 
	display: block;  /*针对div包住图片的时候（div没有浮动），那么有可能图片下面会出现缝隙*/
	border: none;
}
input,select,textarea{outline:none;}
a{text-decoration:none; color: inherit;}
.fl{ float: left}
.fr{ float: right}
.clear{clear:both;} 
.text-center{text-align: center;}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}
h1{font-size: 36px;}
h2{font-size: 30px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 16px;}
h6{font-size: 12px;}
html,body{
	/*white-space: 0px;*/
/*禁止用户选择元素*/
/*-moz-user-select:none;
 -webkit-user-select: none;
-ms-user-select: none;*/
/* -khtml-user-select:none;*/ /*禁止元素点击出现半透明黑色背景*/
 -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
html {font-size:14px; /*浏览器默认字体大小是16px*/ height: 100%;width: 100%;font-family: '微软雅黑', 'Heiti SC', 'Microsoft YaHei';outline: 0;-webkit-text-size-adjust:none;}

a,h1,h2,h3,h4,h5,h6,li,img,div,input,span,p{transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;}



a{text-decoration: none;color: inherit;}
a:hover{text-decoration: none;color: inherit;}
div,li,a,ul
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}

.container{width: 1480px;margin: 0 auto;position: relative;}

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}


.headtop{height: 30px;background: #d6dbde;color: #636768;font-size: 13px;}
.headtop p{margin-top: 4px;}
.headtop .fl a{padding: 0 18px 0 28px;background: url(../images/qq.jpg) no-repeat 0 center;margin-right: 18px;border-right: 1px solid #636768; }
.headtop .fl a:last-of-type{background: url(../images/phone.jpg) no-repeat 0 center;border-right: 0;}
.headtop .fr a:first-of-type{background: url(../images/CN.jpg) no-repeat 0 center;border:0;padding: 0 10px 0 42px;}
.headtop .fr a{background: url(../images/EN.jpg) no-repeat 14px center;border-left: 1px solid #636768;padding: 0 0 0 56px;}

.head img.logo{margin: 28px 0 40px;}
.nav{width: 855px;float: right;color: black;margin-top: 58px;}
.nav li{margin-right: 40px;float: left;font-size: 16px;}
.nav li a{position: relative;}
.nav li:last-child{margin-right: 0;}
.nav li.active{color: #009241;}
.nav li.active a:after{position: absolute;content: "";height: 3px;width: 100%;background: #009241;top: 44px;left: 0;}
#btn{color: white;font-size: 30px;font-family: 'iconfont';display: none;height: 45px;width: 45px;line-height: 45px;background: #00873b;position: fixed;top: 60px;right: 10px;display: none;text-align: center;cursor: pointer;z-index: 999;border: 1px solid #fff;border-radius: 4px;}

.banner{margin-bottom: 50px;}
.banner img{width: 100%;}
.obanner{width: 100%;overflow: hidden;}
.obanner img{width: 100%;}


.projectconsult .swiper-slide h1{border-left:6px solid #8bc31a;padding-left: 28px;color: #0576dc;font-size: 34px;margin-bottom: 34px;}
.projectconsult .swiper-slide div.fl{width: 50%;padding: 40px 3.1% 120px 8.1%;position: relative;}
.projectconsult .swiper-slide div.fl h2{margin-bottom: 40px;}
.projectconsult .swiper-slide div.fl p{font-size: 18px;line-height: 32px;height: 94px;overflow: hidden;}
.projectconsult .swiper-slide div.fl a{position: absolute;padding: 5px 22px;font-size: 16px;color: white;background: #8bc31a;bottom: 50px;right: 66px;border-radius: 20px;-moz-border-radius: 20px;}
.projectconsult .swiper-slide div.fr{width: 50%;position: relative;padding: 0 0 0 0;}
.projectconsult .swiper-slide div.fr img{position: relative;width: 76%;left: 7%;top: 0;display: inline-block;}


.companyintro{background: #8bc31a;height: auto;color: white;margin: 54px 0 30px;}
.word{width: 50%;float: right;padding: 45px 0 0 3.5%;position: relative;height: 100%;}
.word h2{font-size: 32px;margin-bottom: 30px;}
.word h2 span{font-size: 26px;padding-left: 30px;}
.word p{line-height: 30px;font-size: 20px;text-indent: 40px;margin-bottom: 6px;overflow: hidden;}
.companyintro>div.container>a{position: absolute;border: 1px solid white;padding: 5px 22px;font-size: 16px;right: 6.8%;bottom: 5%;border-radius: 20px;-moz-border-radius: 20px;}



.othercate h1{font-size: 32px;border-left:6px solid #8bc31a;color: #0576dc;text-indent: 28px;margin-bottom: 48px;}
.othercate h1 span{color: black;font-size: 26px;padding-left: 22px;}
.videodemo{width: 50%;float: left;}
.video{width: 90.5%;position: relative;}
.videomess{width: 100%;position: absolute;bottom: 4px;left: 0;right: 0;background: rgba(139,195,26,0.6);padding: 4.6% 11.2% 3.4%;color: white;}
.videomess h3{margin-bottom: 2.4%;}
.videomess p{font-size: 15px;line-height: 22px;}
.newsinfromation{width: 50%;float: right;padding-left: 5.6%;}
.newsinfromation ul li{margin-bottom: 32px;}
.date{width: 18%;height: 100px;float: left;font-size: 50px;border-right: 1px solid black;}
.news{float: right;width: 82%;text-align: left;}
.news h3{font-size: 26px;color: #018f3d;margin: 10px 0 13px;padding-left: 15px;}
.news small{font-size: 16px;color: #b4b4b4; padding-left: 15px;}
.news p{font-size: 16px;line-height: 24px;margin: 15px 0 0;padding-left: 21%;text-align: left;display:none;}
.newsinfromation ul li { margin-bottom:5px; }
.date { height:50px; }


.footer{background: #d6dbde;width: 100%;padding: 27px 0 17px;color: #686868;margin-top: 80px;}
.footnav{width: 1000px;float: left;text-align: left;border-right: 1px solid white;padding: 16px 0 22px;}
.footnav ul{float: left;width: 15%;}
.footnav ul:last-of-type{width: auto;display: inline-block;}
.footnav ul li:first-child{color: black;font-size: 18px;}
.footnav ul li{font-size: 14px;line-height: 28px;}
.icontactus{width: 290px;float: right;margin-top: 18px;}
.icontactus ul li{font-size: 12px;line-height: 32px;text-indent: 32px;}
.icontactus ul li:first-child{font-size: 18px;text-indent: 0;}
.icontactus ul li:nth-child(2){background: url(../images/ic_1.jpg) no-repeat 0 center;}
.icontactus ul li:nth-child(3){background: url(../images/ic_2.jpg) no-repeat 0 center;}
.icontactus ul li:nth-child(4){background: url(../images/ic_3.jpg) no-repeat 0 center;}
.icontactus ul li:nth-child(5){background: url(../images/ic_4.jpg) no-repeat 0 center;}
.icontactus ul li:first-child span{font-size: 14px;}

.footbottom{height: 38px;width: 100%;line-height: 38px;background: #494949;color: white;font-size: 12px;text-align: center;}
.footbottom span{padding-left: 20px;}

.fiexlist{width: 113px;position: fixed;right: 0;bottom: 10px;z-index: 99}
.fiexlist>a{width: 100%;height: 116px;font-size: 18px;background: white;border: 1px solid #cccccc;color: #009241;text-align: center;padding-top: 80px;display: block;
transition: all 0s ease 0s;
-moz-transition: all 0s ease 0s;
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
-ms-transition: all 0s ease 0s;
}
.fiexlist>div.online_consult{display: none;position: absolute;left: -181px;width: 171px;height: 158px;background: #009241;z-index: 98;top: 0;font-size: 15px;color: white;text-align: center;}
.fiexlist>div.online_consult>a.close{width: 16px;height: 17px;background: url(../images/close.jpg) no-repeat;display: inline-block;position: relative;left: 67px;top: 9px;}
.fiexlist>div.online_consult>p{margin: 8px 0 6px;}
.fiexlist>div.online_consult>a.qq>img{margin: 0 auto;}
.trangle{position: absolute;width: 0;height: 0;border-top: 8px solid transparent;border-left: 8px solid #009241;border-bottom: 8px solid transparent;right: -8px;top: 18px;}
.fiexlist>a:hover{background: #009241;border: 1px solid #009241;color: white;}
.fiexlist>a:first-of-type{background: white url(../images/i_1.png) no-repeat center 23px;}
.fiexlist>a:nth-of-type(2){background: white url(../images/i_2.png) no-repeat center 30px;}
.fiexlist>a:nth-of-type(3){background: white url(../images/i_3.png) no-repeat center 28px;}
.fiexlist>a:first-of-type:hover{background: #009241 url(../images/ihover_1.png) no-repeat center 23px;}
.fiexlist>a:nth-of-type(2):hover{background: #009241 url(../images/ihover_2.png) no-repeat center 30px;}
.fiexlist>a:nth-of-type(3):hover{background: #009241 url(../images/ihover_3.png) no-repeat center 28px;}
/*以上是首页*/

/*============================================
==================================*/

/*以下是子页*/
.gray{height: 50px;background: #e3e7e8;width: 100%;margin-bottom: 44px;}
.fathernav>li{margin: 0 18px;font-size: 16px;position: relative;float: left;z-index: 10;}
.sonnav{position: absolute;font-size: 20px;background: rgba(155,203,58,0.86);width: 362px;z-index: 60;left: -18px;top: 50px;display: none;}
.sonnav li{height: 52px;border-bottom: 1px solid #a4e227;line-height: 52px;color: white;padding-left: 76px;}
.sonnav li:first-child{background: white url(../images/pro_litran.jpg)  no-repeat 256px center;border-left:6px solid #009241;color: #009241;padding-left: 70px;}
.sonnav li:last-child{border-bottom: 0;}
.fathernav>li>a{display: block;width: 100%;height: 100%;text-align: center;font-size: 16px;line-height: 50px;}
.fathernav>li>a p:hover{color: #8bc31a;}
.fathernav>li>a p{display: inline-block;}







.aside{width: 24.5%;height: 397px;color: #686868;z-index: 0;float: left;}
.aside>h2{background: #8bc31a;color: white;padding: 21px 0 15px 27px;line-height: 1;}
.aside>div{border: 1px solid #cfcfcf;border-top: 0;padding: 0 35px 32px;}
.aside h3{font-size: 26px;padding: 60px 0 25px 85px;background: url(../images/asidebg.jpg) no-repeat 0 36px;line-height: 1;}
.aside>div>h2{color: #fd0000;margin-bottom: 10px;}
.aside>div>p{font-size: 20px;line-height: 34px;}

.artical{width: 72.5%;float: right;}
.title{text-align: center;padding: 0 0 16px;line-height: 1;font-size: 28px;border-bottom: 1px solid #ccc;}
.title p{color: #009241;position: relative;display: inline-block;}
.title p:after{position: absolute;content: "";height: 3px;background: #009241;left: -10px;right: -10px;bottom: -18px;}
.prolist{width: 100%;margin-bottom: 270px;}
.prolist li{width: 35.1%;float: left;margin-top: 48px;}
.prolist li:nth-child(3n){width: 29.8%;}
.prolist li:nth-child(3n)>div{width: 100%;}
.prolist li>div{width: 86%;border: 1px solid #ccc;height: 368px;}
.imgbox{position: relative;height: 300px;width: 100%;}
.prolist li>div img{width: 79%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.prolist li>div p{font-size: 22px;text-align: center;line-height: 1;}
.prolist li>div p>a:hover{color: #9bcb3a;}

.prodetail{}
.prodetail>img{margin: 37px auto 32px;width: 60%;}

#select_li li{float: left;width: 140px;height: 50px;line-height: 50px;background-color: #d6dbde;color: black;text-align: center;font-size: 17px;}
#select_li li.active{background: #8bc31a;color: white;}
.newscontent{padding: 32px 54px 0 40px;height: 315px;border: 1px solid #ccc;font-size: 14px;line-height: 32px;}
.contactcon{height: 315px;border: 1px solid #ccc;display: none;}

.aboutus{margin: 36px 0 150px;color: #686868;}
.aboutus img.fl{margin: 50px 0 50px 5.9%;width: 39.4%;}
.aboutus img.fr{margin: 50px 5.9% 50px 0;width: 39.4%;}
.aboutus p{font-size: 16px;line-height: 32px;text-indent: 32px;padding: 0 0 0 8px;}


.videolist li{width: 35.8%;float: left;margin-top: 40px;}
.videolist li>div{width: 79%;}
.videolist li:nth-child(3n){width: 28.4%;}
.videolist li:nth-child(3n)>div{width: 100%;}
.videolist li>div>div{position: relative;margin-bottom: 26px;}
.videolist li>div>div span{position: absolute;display: block;background:rgba(0,0,0,0.5);color: white;width: 71px;height: 28px;text-align: center;line-height: 28px;border-radius: 3px;right: 10%;bottom: 5.6%;}
.videolist li>div>div img{width: 100%;}
.videolist li>div p{font-size: 16.5px;padding-left: 22%;line-height: 30px;}
.videolist li>div p small{font-size: 14.5px;color: #686868;}
.videolist li>div p>a:hover{color: #9bcb3a;}

.technology{padding: 24px 0 0 36px;}
.technology>ul li{line-height: 40px;font-size: 16px;height: 41px;position: relative;}
.technology>ul li p span{float: right;}
.technology>ul li p a:hover{color: #9bcb3a;}
.technology>ul li>div{height: 1px;position: absolute;bottom: 0;left: 0;background: url(../images/line.jpg);width: 100%;}

/*分页*/
.paging{font-size: 12px;margin: 86px 0 64px;text-align: center;}
.paging ul{display: inline-block;}
.paging ul li{float: left;background: white;border: 1px solid #ccc;color: black;border-right: 0;}
.paging ul li:first-child{padding: 10px 12px;}
.paging ul li:last-child{border-right: 1px solid #ccc;}
.paging ul li>a{display: block;width: 100%;height: 100%;padding: 10px 14px;}
.paging ul li.active{background: #8bc31a;color: white;}

.paging a{display: inline-block;background: white;border: 1px solid #ccc;color: black;border-left: 0;padding: 10px 14px;}
.paging span{background: #8bc31a;border: 1px solid #ccc;color: white;border-right: 0;border-left: 0;padding: 10px 14px;}
.paging .a1{border-left: 1px solid #ccc;}

.contactus{padding: 48px 0 100px 32px;}
.contactus h2{font-size: 28px;margin-bottom: 32px;}
.contactus p{line-height: 42px;font-size: 16px;text-indent: 32px;}
.contactus p:first-of-type{background: url(../images/contact_1.jpg) no-repeat 0 center;}
.contactus p:nth-of-type(2){background: url(../images/contact_2.jpg) no-repeat 0 center;}
.contactus p:nth-of-type(3){background: url(../images/contact_3.jpg) no-repeat 0 center;}
.contactus p:nth-of-type(4){background: url(../images/contact_4.jpg) no-repeat 0 center;}


.videolook{width: 89.5%;margin: 40px auto;}
.videolook video{width: 100%;height: auto;}
.morevideo{color: #009241;padding-bottom: 16px;border-bottom: 1px solid #ccc;}

@media screen and (max-width: 1500px){
	.container{width: 100%;}
	.word{padding: 35px 0 0 3.5%;}
	.word h2{font-size: 28px;margin-bottom: 30px;}
	.word h2 span{font-size: 24px;padding-left: 30px;}
	.word p{line-height: 26px;font-size: 17px;text-indent: 36px;}
	.videomess{padding: 4.6% 11.2% 3.4%;}
	.videomess h3{margin-bottom: 2%;}
	.videomess p{font-size: 14px;line-height: 21px;}
	.footnav{width: 67.6%;}
	.fathernav>li{margin: 0 12px;position: relative;float: left;z-index: 10;}
	.fathernav>li>a{font-size: 14px;}
	
	.sonnav{position: absolute;font-size: 16px;background: rgba(155,203,58,0.86);width: 260px;z-index: 60;left: -18px;top: 50px;display: none;}
	.sonnav li{height: 46px;border-bottom: 1px solid #a4e227;line-height: 46px;color: white;padding-left: 50px;}
	.sonnav li:first-child{background: white url(../images/pro_litran.jpg)  no-repeat 200px center;border-left:6px solid #009241;color: #009241;padding-left: 44px;}
	.fathernav>li:last-child>ul{right: -20px;left: auto;}
	.paging{margin: 86px 0 520px;}
	.contactus{padding: 48px 0 480px 32px;}
}

@media screen and (max-width: 1400px){
	.news h3{font-size: 21px;}
	.date{height: 90px;}
	.footnav ul{width: 16%;}
	.gray{margin-bottom: 40px;}
	.aside{width: 24.5%;height: 397px;color: #686868;z-index: 0;float: left;}
	.aside>h2{padding: 18px 0 15px 22px;line-height: 1;font-size: 24px;}
	.aside>div{padding: 0 30px 32px;}
	.aside h3{font-size: 24px;padding: 60px 0 20px 85px;background: url(../images/asidebg.jpg) no-repeat 0 36px;line-height: 1;background-size: 60px}
	.aside>div>h2{color: #fd0000;margin-bottom: 10px;}
	.aside>div>p{font-size: 18px;line-height: 34px;}
	.prolist li>div p{font-size: 18px;text-align: center;line-height: 1;}
	.prolist li{width: 35.1%;float: left;margin-top: 40px;}
	.prolist li>div{width: 86%;border: 1px solid #ccc;height: 298px;}
	.imgbox{position: relative;height: 240px;width: 100%;}
	.videolist li>div p{font-size: 16px;padding-left: 18%;line-height: 28px;}
	.videolist li>div p small{font-size: 14px;color: #686868;}
}
@media screen and (max-width: 1300px){
	.news h3{margin: 6px 0 10px;}
	.date{height: 80px;}
	.news p{margin: 10px 0 0;}
	.footnav ul{width: 17%;}
}

@media screen and (max-width: 1200px){
	.nav{width: 728px;}
	.nav li{margin-right: 40px;}
	.banner{margin-bottom: 80px;}
	.projectconsult .swiper-slide h1{margin-bottom: 64px;}
	.projectconsult .swiper-slide div.fl h2{margin-bottom: 30px;font-size: 24px;}
	.projectconsult .swiper-slide div.fl p{font-size: 16px;line-height: 28px;height: 84px;}
	.companyintro{margin: 100px 0 60px;}
	.word{padding: 25px 0 0 3%;}
	.word h2{font-size: 24px;margin-bottom: 20px;}
	.word h2 span{font-size: 18px;padding-left: 24px;}
	.word p{line-height: 22px;font-size: 14px;text-indent: 28px;}
	.companyintro>div.container>a{font-size: 14px;}
	.videomess{padding: 4% 11.2% 3%;}
	.videomess h3{margin-bottom: 2%;font-size: 20px;}
	.videomess p{font-size: 14px;line-height: 20px;}
	.news h3{margin: 4px 0 6px;font-size: 19px;}
	.date{height: 60px;font-size: 40px;}
	.news small{font-size: 14px;}
	.news p{margin: 6px 0 0;font-size: 14px;}
	.gray{margin-bottom: 34px;}
	.fathernav>li{margin: 0 11px;position: relative;float: left;z-index: 10;}
	.fathernav>li>a{font-size: 12px;height: 50px;overflow: hidden;}
	.fathernav>li:last-child>ul{right: -20px;left: auto;}
	.sonnav{position: absolute;font-size: 14px;background: rgba(155,203,58,0.86);width: 200px;z-index: 60;left: -18px;top: 50px;display: none;}
	.sonnav li{height: 40px;border-bottom: 1px solid #a4e227;line-height: 40px;color: white;padding-left: 20px;}
	.sonnav li:first-child{background: white url(../images/pro_litran.jpg)  no-repeat 140px center;border-left:6px solid #009241;color: #009241;padding-left: 14px;}
	.aside{height: 367px;}
	.aside>h2{padding: 14px 0 15px 18px;line-height: 1;font-size: 20px;}
	.aside>div{padding: 0 20px 24px 18px;}
	.aside h3{font-size: 20px;padding: 35px 0 20px 65px;background: url(../images/asidebg.jpg) no-repeat 0 16px;line-height: 1;background-size: 50px}
	.aside>div>h2{font-size: 26px;}
	.aside>div>p{font-size: 16px;line-height: 28px;}
	.prolist li>div p{font-size: 16px;text-align: center;line-height: 1;}
	.prolist li{width: 35.1%;float: left;margin-top: 40px;}
	.prolist li>div{width: 86%;border: 1px solid #ccc;height: 230px;}
	.imgbox{position: relative;height: 180px;width: 100%;}
	.title{padding: 0 0 12px;font-size: 20px;}
	.title p:after{left: -10px;right: -10px;bottom: -14px;}
	.aboutus{margin: 30px 0 140px;}
	.aboutus p{font-size: 14px;line-height: 28px;text-indent: 28px;}
	.aboutus img{margin-top: 40px;margin-bottom: 40px;}
	.videolist li>div p{font-size: 15px;padding-left: 12%;line-height: 26px;}
	.videolist li>div p small{font-size: 13px;color: #686868;}
	.paging{margin: 86px 0 380px;}
	.contactus{padding: 48px 0 320px 32px;}
	.morevideo{font-size: 20px;padding-bottom: 12px;}
}
@media screen and (max-width: 1100px){
	.news h3{margin: 0px 0 5px;font-size: 17px;}
	.date{font-size: 30px;}
	.news p{margin: 3px 0 0;}
}
@media screen and (max-width: 992px){
	.head img.logo{width: 180px;}
	.nav{width: 533px;}
	.nav li{margin-right: 20px;font-size: 14px;}
	.banner{margin-bottom: 60px;}
	.projectconsult .swiper-slide h1{margin-bottom: 44px;}
	.projectconsult .swiper-slide div.fl{padding-top: 20px;}
	.projectconsult .swiper-slide div.fl h2{margin-bottom: 20px;font-size: 18px;}
	.projectconsult .swiper-slide div.fl p{font-size: 14px;line-height: 24px;height: 70px;}
	.companyintro{margin: 60px 0 40px;}
	.word{padding: 10px 0 0 1%;}
	.word h2{font-size: 18px;margin-bottom: 10px;}
	.word h2 span{font-size: 14px;padding-left: 20px;}
	.word p{line-height: 18px;font-size: 12px;text-indent: 24px;}
	.companyintro>div.container>a{font-size: 12px;padding: 3px 14px;}
	.videomess{padding: 3% 10% 2%;}
	.videomess h3{margin-bottom: 2%;font-size: 15px;}
	.videomess p{font-size: 12px;line-height: 20px;height: 60px;overflow: hidden;}
	.othercate h1{font-size: 24px;text-indent: 20px;margin-bottom: 32px;}
	.othercate h1 span{font-size: 18px;padding-left: 20px;}
	.news p{overflow: hidden;height: 19px;display:block;}
	.newsinfromation ul li{margin-bottom: 40px;}
	.footer{margin-top: 30px;padding: 10px 0;}
	.footnav{width: 100%;border-right: 0;padding: 8px 0 10px;}
	.icontactus{float: none;margin: 20px auto 0;}
	.fathernav>li>a{width: 88px;height: 50px;font-size: 12px;overflow: hidden;}
	.fathernav>li{margin: 0 10px;}
	.gray{margin-bottom: 28px;}
	.aside{height: 367px;}
	.aside>h2{padding: 12px 0 10px 14px;line-height: 1;font-size: 18px;}
	.aside>div{padding: 0 20px 24px 18px;}
	.aside h3{font-size: 18px;padding: 35px 0 25px 65px;background: url(../images/asidebg.jpg) no-repeat 0 15px;}
	.aside>div>h2{font-size: 20px;}
	.aside>div>p{font-size: 14px;line-height: 24px;}
	.prolist li>div p{font-size: 14px;text-align: center;line-height: 1;}
	.prolist li{width: 35.1%;float: left;margin-top: 30px;}
	.prolist li>div{width: 86%;border: 1px solid #ccc;height: 185px;}
	.imgbox{position: relative;height: 150px;width: 100%;}
	.title{padding: 0 0 10px;font-size: 18px;}
	.title p:after{left: -10px;right: -10px;bottom: -12px;}
	.videolist li>div p{font-size: 13px;padding-left: 10%;line-height: 22px;}
	.videolist li>div p small{font-size: 12px;color: #686868;}
	.paging{margin: 86px 0 240px;}
	.contactus{padding: 48px 0 200px 32px;}
	.morevideo{font-size: 16px;}
}
@media screen and (max-width: 892px){
	.date{height: 50px;font-size: 30px;}
	.news p{overflow: hidden;height: 19px;font-size: 12px;}
	.news h3{margin: 0px 0 4px;font-size: 14px;}
	.news small{font-size: 12px;}
	.newsinfromation ul li{margin-bottom: 32px;}
	.fathernav>li{margin: 0 6px;}
	.fathernav>li>a{width: 80px;height: 50px;font-size: 12px;overflow: hidden;}
	.videolist li>div p{font-size: 13px;padding-left: 6%;line-height: 22px;padding-bottom: 10px;}
}
@media screen and (max-width: 768px){

	.banner{margin-bottom: 40px;}
	#btn{display: block;}
	.nav{display: none;width: 40%;
    min-width: 240px;
    position: fixed;
    top: 85px;
    right: 32px;
    z-index: 998;
    bottom: auto;
    display: none;
    max-width: 300px;
    margin: 0;
    background: #00873b;
    font-size: 16px;
    border: 1px solid #fff;
    border-radius: 4px;}
    .nav li{width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #d4e7da;
    height: 40px;
    line-height: 40px;
	color: white;}
	.nav li.active{color: white;}
    .nav li.active a:after{display: none;}
    .nav li:hover{background: #097c03;}
    .projectconsult .swiper-slide h1{margin-bottom: 24px;}
	.projectconsult .swiper-slide div.fl{padding-top: 10px;padding-bottom: 90px;}
	.projectconsult .swiper-slide div.fl h2{margin-bottom: 10px;font-size: 14px;}
	.projectconsult .swiper-slide div.fl p{font-size: 12px;line-height: 20px;height: 60px;}
	.projectconsult .swiper-slide div.fl a{font-size: 12px;}
	.companyintro{margin: 40px 0 20px;}
	.companyintro>div.container{padding-bottom: 30px;}
	.companyintro img.fl{float: none;margin: 0 auto;width: 90%;}
	.word{padding: 10px 0 0 0;float: none;margin: 0 auto;width: 90%;}
	.word h2{font-size: 24px;margin-bottom: 20px;}
	.word h2 span{font-size: 18px;padding-left: 20px;}
	.word p{line-height: 28px;font-size: 16px;text-indent: 32px;}
	.companyintro>div.container>a{font-size: 14px;padding: 3px 16px;bottom: 1%;}
	.videomess h3{font-size: 12px;height: 15px;overflow: hidden;}
	.videomess p{height: 40px;}
	.othercate h1{font-size: 18px;text-indent: 8px;margin-bottom: 20px;}
	.othercate h1 span{font-size: 12px;padding-left: 10px;}
	.videodemo{width: 90%;float: none;margin: 0 auto;}
	.newsinfromation{width: 90%;float: none;padding-left: 0;padding-right:10%;margin: 20px auto;}
	.footnav{text-align: center;padding-bottom: 0;}
	.footnav ul{width: 33.33%;margin-bottom: 20px;}
	.footnav ul:last-of-type{display: block;width: 33.33%;}
	.icontactus{margin: 0 auto;}
	.fathernav>li>a{width: 73px;height: 50px;font-size: 12px;overflow: hidden;}
	.sonnav{font-size: 12px;width: 140px;z-index: 60;left: -8px;display: none;}
	.sonnav li{height: 30px;line-height: 30px;padding-left: 10px;overflow: hidden;}
	.sonnav li:first-child{background: white;border-left:2px solid #009241;padding-left: 8px;}
	.aside{height: 250px;float: none;width: 100%;}
	.aside>h2{padding: 10px 0 8px 12px;line-height: 1;font-size: 16px;}
	.aside>div{padding: 0 8px 20px 4px;}
	.aside h3{font-size: 14px;padding: 35px 0 25px 45px;background: url(../images/asidebg.jpg) no-repeat 0 15px;background-size: 40px;}
	.aside>div>h2{font-size: 16px;}
	.aside>div>p{font-size: 12px;line-height: 18px;}
	.artical{float: none;width: 100%;}
	.prolist{margin-bottom: 0;}
	.prolist li>div p{font-size: 12px;text-align: center;line-height: 1.5;}
	.prolist li{width: 35.1%;float: left;margin-top: 20px;}
	.prolist li>div{width: 86%;border: 1px solid #ccc;height: 200px;}
	.imgbox{position: relative;height: 170px;width: 100%;}
	.title{padding: 0 0 10px;font-size: 16px;}
	.title p:after{left: -10px;right: -10px;bottom: -12px;}
	#select_li li{font-size: 14px;}
	.videolist li>div p{font-size: 13px;padding-left: 0;line-height: 22px;text-align: center;}
	.videolist li>div p small{font-size: 12px;color: #686868;text-align: center;}
	.paging{margin: 86px 0 100px;}
	.paging ul li:first-child{padding: 6px 8px;}
	.paging ul li>a{display: block;width: 100%;height: 100%;padding: 6px 10px;}
	.contactus{padding: 48px 0 100px 32px;}
	.morevideo{font-size: 14px;padding-bottom: 8px;}
}
@media screen and (max-width: 700px){
	.fiexlist { display:none; }
	.fathernav>li>a{width: 61px;}
}
@media screen and (max-width: 616px){
	.fathernav>li>a{width: 52px;}
}
@media screen and (max-width: 532px){
	.fathernav>li>a{width: 40px;}
	.prolist li>div{width: 86%;border: 1px solid #ccc;height: 150px;}
	.imgbox{position: relative;height: 110px;width: 100%;}
	.newscontent{font-size: 12px;line-height: 28px;}
}
@media screen and (max-width: 430px){
	.fathernav>li>a{width: 30px;}
}