html,body{-webkit-overflow-scrolling:touch; overflow-scrolling:touch; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0; } 
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1,time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
body{font-family:"Microsoft Yahei","微软雅黑","Arial","sans-seift";font-size:14px; text-align:left; margin:0 auto; line-height:24px; background:#fff; color:#333; font-weight:normal; overflow-x:hidden;    -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
h1,h2,h3,h4,h5,h6{font-size:100%; padding:5px 0}
a{color:#000; text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;}
a:link,a:active,a:visited,a:hover {background:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }
img {max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;border: 0;}
i,em{ font-style: normal;}
li{list-style:none;}
button,input,select,textarea{font-size:100%;}
transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; }
button{ -webkit-border-radius:0px;border-radius:0px; outline:none; }
input{border-radius:0; outline:none; }
input:-ms-clear{display:none; }
input,textarea{border:0; }
textarea {resize :none; outline:none; }
img{border:0; vertical-align:middle; }
ul,li{list-style:none; } 
.wrap{width:1100px;margin:0 auto;  overflow:hidden}
.fl{float: left}
.fr{float: right}
.clearfix {display: inline-table;display: block;zoom: 1}
.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}
/**/
.mnavcommon{display: none;}
.common_nav{width:70%; margin: 0 auto; margin-top: 20px;}
.common_nav ul li{float: left; font-size: 18px; margin-top: 20px;}
.common_nav ul li a{padding:10px 45px;}
.common_nav ul li:last-child a{padding-right: 0;}
.banner{margin-top: 18px;}
.company_des{margin-top: 90px;}
.company_des h3{font-size: 30px; }
.company_des i{display: block; width: 70px; height: 4px; background: #75cf75; margin-top: 20px;}
.company_des .info{margin-top: 30px;}
.company_des .left{width:451px;}
.company_des .right{width:637px;}
.company_des .right img{width: 637px; height:440px;}
.company_des2{margin-top: 60px;}
.company_des2 .left{width:512px;}
.company_des2 .right{width:574px; margin-top: 60px;}
.company_des2 h3{font-size: 30px; margin-top:0;}
.section2{background: #f6f6f6; padding: 60px 0; margin-top: 90px;}
.section2 h3, .about_zizhi h3, .about_solution h3, .gcyeji h3{position: relative; font-size: 30px; padding-left: 35px; line-height: 1;}
.section2 h3:before, .about_zizhi h3:before, .about_solution h3:before, .gcyeji h3:before{position: absolute; left: 0px; top: 6px; content: ""; width: 5px; height: 32px; background: #75cf75;}
.section2 .bitle a{display: block; border: 1px solid #d8d8d8; padding: 5px 20px; border-radius: 20px; font-size: 14px; color: #8d8d8d;}
.section2 .jishu ul{margin-top: 20px; margin-left: -8px; margin-right: -8px;}
.section2 .jishu ul li{float: left; width: 33.33%; padding: 0 8px; margin-top: 10px;}
.section2 .jishu ul li p{text-align: center; background: #75cf75; color: #fff; font-size: 18px; padding: 20px 0;}
.fuwu{margin-top: 80px;}
.fuwu .left{width: 59.46%; position: relative;}
.fuwu .left img{max-width: 100%; height:737px;}
.fuwu .left h3{position: absolute; top: 55px;}
.fuwu .right{width: 38.6%;}
.fuwu .right p{ font-family: "宋体";font-size: 21px; line-height: 1.715;text-align: justify; margin-top:-8px;}
.section3{background:url("../images/bg1_02.jpg") no-repeat; background-size: 100% 80%;  padding-top: 80px;}
.section3 h3{position: relative; font-size: 30px; padding-left: 35px; line-height: 1; color: #fff;}
.section3 h3:before{position: absolute; left: 0px; top: 6px; content: ""; width: 5px; height: 32px; background: #fff;}
.section3 .bitle a{display: block;background: #fff; padding: 8px 20px; border-radius: 20px; font-size: 14px; color: #5ec858;}
.section3 ul{margin-left: -10px; margin-right: -10px; margin-top: 40px;}
.section3 ul li{float: left; width: 25%; padding: 0 10px; margin-top: 10px;}
.section3 ul li img{width: 100%;}
.section3 ul li p{text-align: center; background: #75cf75; color: #fff; font-size: 18px; padding: 20px 0;}
.common_footer{margin-top: 90px;}
.common_footer .footer{background: #71cf73; padding: 30px 0; }
.common_footer .footer .list{position: relative;}
.common_footer .footer p{font-size: 16px; line-height: 2.2; color: #fff;}
.common_footer .footer img{width: 110px; height: 110px; position: absolute; top: 0; left: 75%;}
.copyright{margin-top: 10px;}
.copyright p{text-align: center; font-size: 14px; line-height: 1.7;font-family: "宋体";}
.about_zizhi{background: #f6f6f6; margin-top: 60px; padding: 60px 0;}
.about_zizhi .content{margin-top: 30px;}
.about_zizhi .left, .about_zizhi .right{width: 50%; float: left;}
.about_zizhi p{width: 50%; float: left; margin-top: 5px;}
.about_zizhi .left p{padding: 0 3px;}
.about_solution{margin-top: 80px;}
.about_solution img{margin-top: 50px;}
.gcyeji .list2{background: #f6f6f6; padding: 0 0 50px 0; margin-top: 50px;}
.gcyeji .list h3{margin: 50px 0;}
.gcyeji .list img{max-width: 100%;}
.yeji_tips{text-align: center; font-size: 24px; background: #75cf75; padding: 20px 0;}
.contact{margin-top: 40px;}
.contact .left{width: 23%; overflow: hidden;}
.contact .right{width: 74%; overflow: hidden; margin-top: 70px;}
.contact .right img{max-width: 100%;}
.contact h3{font-size: 26px; margin-top: 20px;}
.contact i{display: block; width: 70px; height: 4px; background: #75cf75; margin-top: 20px;}
.contact .left .list{margin-top: 30px;}
.contact .left img{width: 145px; height: 145px; margin-left: -10px;}
.contact .left p{font-size: 16px; line-height: 2; font-weight: bold;}
.contact_tips{margin-top: 80px; font-size: 18px; font-weight: bold; padding:20px 0}


@media (max-width:1700px){
    .common_nav{width:80%; }
}
@media (max-width:1500px){
    .common_nav{width:90%; }
}
@media (max-width:1024px){
    .wrap{width:100%; padding:0 10px;}
	.common_nav{width: 100%; padding: 0 10px;}
	.common_nav p img{width: 350px;}
	.common_nav ul li{font-size: 16px;}
	.common_nav ul li a{padding: 10px 20px;}
	.company_des .left img{width:100%;}
	.company_des .right img{width: 100%; height: auto;}
	.section2 h3, .section3 h3{font-size: 26px; padding-left: 23px;}
	.section2 h3:before, .section3 h3:before{height: 27px;}
	.section2 .bitle a, .section3 .bitle a{font-size: 14px; padding: 5px 20px;}
	.section2 .jishu ul li p, .section3 ul li p{font-size: 16px; padding: 10px 0;}
	.fuwu .left img{height: auto;}
	.fuwu{margin-top: 50px;}
	.fuwu .right p{font-size: 18px; margin-top:0;}
	.section3{padding-top: 30px;}
	.section3 ul{margin-top: 20px;}
	.common_footer{margin-top: 40px;}
	.common_footer .footer p{font-size: 16px;}
	.common_footer .footer img{width: 110px; height: 110px;}
	.copyright p{font-size: 16px;}
	
}
@media (max-width:768px){
	.common_nav .fr{display: none;}
	.mnavcommon{display: block;}
	.mbtn{position: absolute; top: 25px; right: 10px; display: block; width: 40px; height: 40px; background: url(../images/btn.png) no-repeat; background-size: cover; cursor: pointer; z-index: 9999;}
	.mnavcommon nav{display: none;}
	.mnavcommon nav{ float: none;position: absolute; margin-right: 0; top: 40px; right: 10px; z-index: 9999; width: auto; padding: 0; height: 100%;}
	.mnavcommon ul{ background: #f4f4f4; border: 1px solid #ddd; padding: 5px 0 5px 0; border-radius: 10px;}
	.mnavcommon ul li{float: none; text-align: center;}
	.mnavcommon ul li.none{display: block;}
	.mnavcommon ul li a{font-size: 15px; padding: 11px 30px; line-height: 45px; color: #000; text-align: center; border-bottom: 1px solid #ddd;}
	.mnavcommon ul li:last-child a{border-bottom: 0;}
	.company_des .left{width: 100%;}
	.company_des h3{text-align: center;}
	.company_des .right{width: 100%; margin-top: 10px;}
	.company_des i{margin: 0 auto; margin-top: 10px;}
	.company_des{margin-top: 30px}
	.company_des .left p{line-height: 1.9;}
	.section2{margin-top: 40px;}
	.fuwu .right p{font-size: 14px;}
	.section3 ul li p{font-size: 16px;}
	.common_footer .footer .list{width: 100%;}
	.contact .left{width: 100%;}
	.contact .right{width: 100%;}
}
@media (max-width:414px){
	.common_nav p img{width: 237px;}
	.mbtn{width: 30px; height: 30px; top: 20px;}
	.company_des h3{font-size: 24px;}
	.section2{margin-top: 20px; padding: 20px 0;}
	.section2 h3, .section3 h3, .gcyeji .list h3{font-size: 22px;}
	.section2 h3:before, .section3 h3:before, .gcyeji .list h3:before{height: 22px;}
	.section2 .bitle a, .section3 .bitle a{font-size: 12px; padding: 3px 15px;}
	.section2 .jishu ul li p, .section3 ul li p{font-size: 14px; padding: 4px 0;}
	.section2 .jishu ul{margin-top: 10px;}
	.fuwu{margin-top: 30px;}
	.fuwu .left{width: 100%;}
	.fuwu .left img{margin-top: 10px; margin-bottom: 10px;}
	.fuwu .left h3{position: initial;}
	.fuwu .right{width: 100%;}
	.fuwu .right p{font-family:"Microsoft Yahei","微软雅黑","Arial","sans-seift"; line-height: 1.8;}
	.section3{padding-top: 20px;}
	.section3 ul li{padding: 0 5px;}
	.section3 ul li p{font-size: 12px;}
	.common_footer{margin-top: 30px;}
	.common_footer .footer p{font-size: 14px;}
	.common_footer .footer img{width: 90px; height: 90px;}
	.copyright p{font-size: 14px;}
	.about_zizhi h3, .about_solution h3{font-size: 22px; padding-left: 23px;}
	.about_zizhi h3:before, .about_solution h3:before{height: 22px;}
	.about_zizhi .left, .about_zizhi .right{width: 100%;}
	.about_zizhi{margin-top: 30px; padding: 20px 0;}
	.about_solution{margin-top: 30px;}
	.gcyeji .list h3{padding-left: 20px; margin: 20px 0;}
	.gcyeji .list2{margin-top: 30px; }
	.yeji_tips{font-size: 20px; line-height: 1.5; padding: 20px 0;}
	.contact{margin-top: 0;}
	.contact h3{font-size: 24px;}
	.contact i{margin-top: 10px;}
	.contact .left img{width: 200px; height: 200px;}
	.contact .left .list{margin-top: 20px;}
	.contact .left p{font-size: 15px; line-height: 1.9;}
	.contact .left .list{width: 50%; float: left;}
	.contact_tips{margin-top: 30px; font-size: 18px; padding: 10px 0;}
	.contact .right{margin-top:30px;}
	
}
@media (max-width:375px){
	
	.gcyeji .list h3{font-size: 18px}
	.gcyeji .list h3:before{height: 18px;}
	.yeji_tips{font-size: 18px;padding: 10px 0; font-weight: bold;}
	.contact .left img{width: 170px; height: 170px;}
	.contact .left p{font-size: 14px;}
	.contact_tips{font-size: 16px;}
}
@media (max-width:375px){
	.contact .left img{width: 100%; height: auto;}
	.contact .left p{font-size: 12px;}
	.contact_tips{font-size: 14px;}
}