@charset "utf-8";
.banner{position:relative;width:100%;height:auto;overflow:hidden;margin-top:0px;}
.banner .bannerBtn{position:absolute;top:50%;height:148px;margin-top:-74px;cursor:pointer;z-index:2;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}
.banner .contents{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.banner .content{position:absolute;top:0px;width:100%;height:100%;background-size:100% auto;background-repeat:no-repeat;background-position:left 120px;background-attachment:fixed;text-align:center;}
/*.banner .content .bg{background-size:100% 100%;position:absolute;top:0;left:0;width:100%;height:100%;vertical-align:middle;}*/
.banner .contentInfo{position:absolute;top:50%;left:0px;width:100%;height:300px;margin-top:-150px;z-index:1;}
.banner .content .title1{padding-top: 46px; padding-bottom:10px;opacity:0;width:100%; font-family:"楷体";font-size:44px;color:#fff;text-align:center;margin-top:0px;}
.banner .content .title2{ opacity:0;width:100%;font-family:'楷体';font-size:60px;margin-bottom:20px;font-weight:100;color:#fff;text-align:center;}
.banner .content .title3{opacity:0;border:2px solid #fff;font-family:'楷体';padding:6px 24px 8px 24px;font-size:27px;font-weight:bold;color:#fff;text-align:center;}
.banner .bannerNav{position:absolute;bottom:30px;width:100%;text-align:center;z-index:2;}
.banner .bannerNav img{width:80px;height:4px;margin:0px 3px;cursor:pointer;}
.banner .bannerBg{width:100%;height:auto;vertical-align:middle;}

.about{position:relative; background:url(../images/about.jpg) bottom #fff no-repeat; background-size:100% auto;padding:70px 0px 80px 0;text-align:center;}
.about .title{color:#444;font-size:55px;font-family:'Noto Sans S Chinese Light','NotoSansHans-Light','微软雅黑';}
.about .con{color:#444;font-size:16px;line-height:30px;width:977px;margin:0px auto; text-align:left; text-indent:2rem;}
.about .con a{color:#3daf2c;font-size:14px;transition: all 0.6s;}
.about .con a:hover{font-size:16px;}
.about .info{color:#444;font-size:16px;line-height:30px;width:977px;margin:0px auto; text-align:left; text-indent:2rem;}
.about .info a{ width:25%; float:left; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; margin-top:25px;}
.about .info a:first-child{ background:url(../images/abt1.png) no-repeat 65px 10px #fabd00;}
.about .info a:nth-child(2){ background:url(../images/abt2.png) no-repeat 65px 10px #3faf2e}
.about .info a:nth-child(3){ background:url(../images/abt3.png) no-repeat 65px 10px #0084e7}
.about .info a:nth-child(4){ background:url(../images/abt4.png) no-repeat 65px 10px #ff0d02}
.about .info a:hover:first-child{ background:url(../images/abt1.png) no-repeat 65px 10px #fdce3b;font-size:17px;}
.about .info a:hover:nth-child(2){ background:url(../images/abt2.png) no-repeat 65px 10px #65bf58;font-size:17px;}
.about .info a:hover:nth-child(3){ background:url(../images/abt3.png) no-repeat 65px 10px #45a0e5;font-size:17px;}
.about .info a:hover:nth-child(4){ background:url(../images/abt4.png) no-repeat 65px 10px #fb5952;font-size:17px;}
.about .content{padding-top:25px;}
.about .contentMun{height:300px;width:977px;margin:0px auto;}
.about .contentMun .child{padding-top:50px;height:250px;text-align:center;float:left;}
.about .contentMun .child .mun{font-family:'DIN Condensed Bold';font-size:100px;color:#444;}
.about .contentMun .child .mun font{font-size:14px; position:relative; bottom:35px; left:5px;}
.about .contentMun .child p{font-family:'Noto Sans S Chinese Light','NotoSansHans-Light','微软雅黑';font-weight:100;font-size:24px;color:#444;}

.work{background:url(../images/stny.jpg) no-repeat; background-size:100% auto;padding:70px 0px 80px 0;}
.work .content{width:1107px;height:auto; margin:0px auto;}
.work .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.work .content .workchild{float:left;width:368px; height:223px; color:#333;}

.work .content .workchild .worktxt{ padding:36px 30px;}
.work .content .workchild .worktxt .worktit{font-size: 24px; font-weight:bold; line-height:32px; }
.work .content .workchild .worktxt .worken{ border-bottom:2px solid #a8a8a8; color:#a8a8a8; width:240px;font-size:30px;font-family: 'MyriadPro-LightCond';font-weight: 100;font-stretch: ultra-condensed;}
.work .content .workchild .worktxt .workSub{width: 70px;height: 3px; background: #63cbe4; margin-top:-2px;}
.work .content .workchild .worktxt .workmore{ font-size:14px; margin-top:80px;}
.work .content .workchild .worktxt .workmore a{ color:#000;}

.work .content .dili{float:left;width:736px; height:223px; color:#333;}
.work .content .dili .child{background-color: rgba(157,225,234,1);}
.work .content .dili:hover .child{background-color: rgba(157,225,234,0.7);}
.work .content .nongji{float:left;width:368px; height:446px; color:#333;}
.work .content .nongji .child{background-color: rgba(157,225,234,0.7);}
.work .content .nongji:hover .child{background-color: rgba(157,225,234,1);}
.work .content .shengtai{float:left;width:736px; height:223px; color:#333;}
.work .content .shengtai .child{background-color: rgba(157,225,234,0.7);}
.work .content .shengtai:hover .child{background-color: rgba(157,225,234,1);}
.work .content .chejian{float:left;width:736px; height:223px; color:#333;}
.work .content .chejian .child{background-color: rgba(255,255,255,0.7);}

.work .content .child{float:left;width:368px; height:223px;}
.work .content .child .childtxt{ padding:36px 30px;}
.work .content .child .childtxt .title{font-size: 20px; font-weight:bold; color:#555; line-height:40px;}
.work .content .child .childtxt .info{ font-size: 15px;line-height:24px; color:#555;}
.work .content .child .childtxt .childmore{  font-size: 30px;color:#555;transition: all 0.6s;}
.work .content .childImg{width:368px; height:223px;overflow:hidden; float:left;}
.work .content .childImg img{width:100%; height:100%;transition: all 0.6s;}
.work .content a:hover .childtxt .childmore{ font-size:34px; color:#3faf2e}
.work .content a:hover .childImg img{transform: scale(1.1);}




.customer{position:relative;padding:70px 0px 80px 0px;text-align:center; background: url(../images/product.jpg) no-repeat #fefefe;
    background-size: 100% 100%;}
.customer .container{width:1161px;}
.customer .customerBtn{position:absolute;top:45%;width:64px;cursor:pointer;}
.customer .customerBtn.leftBtn{left:-100px;}
.customer .customerBtn.rightBtn{right:-100px;}
.customer .contents{position:relative;margin:30px auto 20px auto;height:555px;overflow:hidden;}
.customer .contents .contentss{position:absolute;top:0px;left:0px;}
.customer .contents .content{position:absolute;left:0px;width:1161px;}
.customer .contents .content a{ float:left; width:33.333%; text-align:center;}
.customer .contents .content img{width:375px;height:auto;margin:15px 4px 5px 4px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.customer .contents .content .titleEn{font-size:28px;font-family:'MyriadPro-Cond_0';color:#3daf2c; font-weight:bold; text-shadow: #fff 3px 0 0, #fff 0 3px 0, #fff 2px 0 0, #fff 0 2px 0;font-stretch: condensed;margin:16px 0;}
.customer .contents .content a:nth-child(2) .titleEn{color:#fabd00;}
.customer .contents .content a:nth-child(3) .titleEn{color:#0084e7;}
.customer .contents .content .titlejs{font-size:15px;color:#333;}


.say{position:relative;width:100%;height:864px;background:#fff;background:url(../images/say.jpg) no-repeat top fixed #a8ddfc; background-size:100% auto;overflow:hidden;}
.say .imgBg{position:absolute;top:0px;left:0px;width:100%;height:864px;margin-left:0px;}


.advantage{position:relative;text-align:center;padding:0px 0px;}
.advantage .title{font-family:'Noto Sans S Chinese Light','NotoSansHans-Light','微软雅黑';font-size:55px;line-height:58px;color:#444;margin-top:40px;}
.advantage .info{font-size:18px;color:#444;margin:10px 0px;}
.advantage img{margin:70px 0px;max-width:80%;}

.team{position:relative; background:url(../images/team.jpg) no-repeat bottom #fabe00; background-size:100%;text-align:center;padding:70px 0px 80px 0px;}

.team .mainTitle,.team .mainInfo{ color:#fff;}
.team .mainSub{background: #fff;}

.team .content{padding-top:40px;}
.team .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.team .child{position:relative; width:364px; height:216px;float:left; margin:2px; overflow:hidden}
.team .child .childImg{width:364px;height:216px;overflow:hidden;transition: all 0.6s;}
.team .child:hover .childImg{width:364px;height:216px;overflow:hidden;}
.team .child .childHide{height: 216px;
            width:364px;
            background:rgba(0,0,0,0.5);
            position: absolute;/*定好蒙版一开始在的位置*/
            bottom:-216px;/*距离box1底部的距离为mb自身的高*/
            left: 0;
			
            transition: all linear 0.5s;/*设置蒙版的上升动画效果*/}
.team .child:hover .childHide{
            bottom: 0;
        }
		.team .child .childHide .title{color:#fff; margin-top:25%;}
.team .title{font-size:18px;color:#444;}
.team .sub{width:40px;height:2px;margin:18px auto;background:#3daf2c;}
.team .info{font-size:14px;color:#999;}
.team .info span{margin:0 10px;}


.service{position:relative;text-align:center;padding:0px;}
.service .content{padding-top:40px;}
.service .content .child{width:26.65%;margin:0 1.8%;text-align:left;display:inline-block;*display:inline;*zoom:1;}
.service .content .child .childTitle{position:relative;border:2px solid #e70719;height:160px;}
.service .content .child .childTitle{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.service .content .child .childTitle .titleEn{margin:75px 0 2px 8%;font-size:30px;font-family:'MyriadPro-Regular_0';color:#E50012;}
.service .content .child .childTitle .titleEn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.service .content .child .childTitle .titleCh{margin:0 0 0 8%;font-size:20px;color:#444;}
.service .content .child .childTitle .titleCh{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.service .content .child .childContent{padding:30px 0 0 0;}
.service .content .child .childContent:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.service .content .child .childContent ul{float:left;}
.service .content .child .childContent li{padding-left:25px;font-size:18px;color:#444;line-height:32px;}
.service .content .child .childContent li{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.service .content .child .childContent li:hover{color:#e70719;}

.news{position:relative; background:url(../images/news.jpg) no-repeat; background-size:100% 100%;text-align:center;padding:70px 0px 80px 0px;}

.news .content{padding:30px;background-color: rgba(255,255,255,0.6); float:left; text-align:left;}

.news .left{float:left;width:50%;}
.news .left .con{padding-top:30px;}
.news .left .child{margin:0 0 30px 0;position:relative;width:100%;}
.news .left .child:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.news .left .child .childimg{float:left;width:30%; overflow:hidden}
.news .left .child .childimg img{width:100%;transition: all 0.6s;}
.news .left .child:hover .childimg img{transform: scale(1.1);}
.news .left .child .childInfo{float:left;width:67%;margin-left:3%;color:#333;font-size:14px;line-height:20px;}
.news .left .child .childInfo .title{font-size:16px;width:100%; margin-bottom:5px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .left .child:hover .childInfo .title{
	color: #3daf2c
}
.news .left .child .childInfo .info{text-align:justify;height:60px; overflow:hidden; }
.news .left .child .childInfo .time{margin-top:5px; text-align:right;}



.news .right{float:right;width:47%;}
.news .right .childimg{float:left;width:100%; margin-bottom:10px; overflow:hidden;}
.news .right .childimg img{width:100%;transition: all 0.6s;}
.news .right:hover .childimg img{transform: scale(1.05);}
.news .right .con{ width:100%;font-size:14px;line-height:20px;}

.news .right .newsTitle{font-size:16px; margin-bottom:5px;}
.news .right:hover .newsTitle{color: #3daf2c}
.news .right .info{text-align:justify;height:40px; overflow:hidden; }
.news .right .con .time{margin-top:10px; text-align:right;}
.news .moreBtn{font-size: 14px; margin-top:15px; text-align:right; }
.news .moreBtn a{color: #000;}
@media  (max-width: 479px) {
.banner{margin-top:-74px;}
.banner .bannerBtn{height:38px;margin-top:-19px;}
.banner .bannerBtn.leftBtn{left:5px !important;}
.banner .bannerBtn.rightBtn{right:5px !important;}
.banner .contentInfo{height:100px;margin-top:-80px;}
.banner .content{background-size:auto 450px;background-position:center 0px;}
.banner .content .title1{font-size:30px;padding-top: 0px;}
.banner .content .title1 img{ width:80%;}
.banner .content .title2{font-size: 32px;width: 80%;line-height: 34px;margin:14px auto 26px auto;}
.banner .content .title3{border:2px solid #fff;padding:3px 12px 4px 12px;font-size:17px;}
.banner .bannerNav{bottom:10px;}
.banner .bannerNav img{width:40px;height:2px;margin:0px 3px;}
.banner .bannerBg{width:100%;height:450px;}

.about{padding:20px 0px;}
.about .title{font-size:18px;margin-bottom:0px;padding-bottom:10px;}
.about .title img{ width:80%}
.about .con{font-size:12px;line-height:18px;width:92%;}
.about .info{font-size:12px;line-height:18px;width:92%;}
.about .info a{ width:50%; float:left; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; margin-top:25px;}
.about .info a:first-child{ background:url(../images/abt1.png) no-repeat 15px 10px #fabd00;}
.about .info a:nth-child(2){ background:url(../images/abt2.png) no-repeat 15px 10px #3faf2e}
.about .info a:nth-child(3){ background:url(../images/abt3.png) no-repeat 15px 10px #0084e7}
.about .info a:nth-child(4){ background:url(../images/abt4.png) no-repeat 15px 10px #ff0d02}
.about .info a:hover:first-child{ background:url(../images/abt1.png) no-repeat 15px 10px #fdce3b;font-size:17px;}
.about .info a:hover:nth-child(2){ background:url(../images/abt2.png) no-repeat 15px 10px #65bf58;font-size:17px;}
.about .info a:hover:nth-child(3){ background:url(../images/abt3.png) no-repeat 15px 10px #45a0e5;font-size:17px;}
.about .info a:hover:nth-child(4){ background:url(../images/abt4.png) no-repeat 15px 10px #fb5952;font-size:17px;}

.about .content{padding-top:10px;}
.about .contentMun{height:100px;width:320px;margin:0px auto;}
.about .contentMun .child{width:24%;padding-top:18px;height:84px; }
.about .contentMun .child .mun{font-size:28px;}
.about .contentMun .child .mun font{font-size: 12px; bottom: 15px;}
.about .contentMun .child p{font-size:12px;}

.work{padding:0px 0px;}
.work .content{padding-top:0px;width:100%;height:auto;width:100%;}
.work .content .child{width:50%;}
.work .content .child .childPointer{width:40px;bottom:10px;right:12px;}
.work .content .child .childTag{font-size:12px;}
.work .content .child .childTag .childSub{margin:3px 0;}
.work .content .child .childContent .title{font-size:14px;}
.work .content .child .info{display:none;}


.customer{padding:20px 0px;}
.customer .container{width:300px;}
.customer .customerBtn{width:16px;}
.customer .customerBtn.leftBtn{left:-15px;}
.customer .customerBtn.rightBtn{right:-15px;}
.customer .contents{margin:8px auto;height:220px;}
.customer .contents .content{left:0px;width:300px;}
.customer .contents .content a { width: 50%;}
.customer .contents .content img{width:138px;height:auto;margin:0 5px 5px 5px;}
.customer .contents .content .titleEn{font-size:16px;margin:15px 0;}
.customer .contents .content .titlejs{ display:none}


.say{width:100%;height:150px;text-align:center;}
.say .container{width:80%;}

.advantage{padding:0px 0px;}
.advantage .title{font-size:16px;line-height:22px;margin-top:20px;}
.advantage .info{font-size:12px;margin:5px 0px;}
.advantage img{margin:20px 0px;max-width:80%;}


.team{padding:20px 0px;}
.team .content{padding-top:20px;}
.team .child{width:49%;margin:0px auto;}
.team .child .childImg{width:100%;height:100px;}

.team .title{font-size:12px;}
.team .sub{width:40px;height:1px;margin:9px auto;}
.team .info{font-size:12px;}
.team .info span{margin:0 5px;}

.service{padding:0px 0px;display:none;}
.service .content{padding-top:20px;}
.service .content .child{width:86%;margin:0 1.8%;}
.service .content .child .childTitle{border:2px solid #e70719;height:120px;}
.service .content .child .childTitle .titleEn{margin:50px 0 2px 8%;font-size:26px;}
.service .content .child .childTitle .titleCh{margin:0 0 0 8%;font-size:16px;}
.service .content .child .childContent{padding:20px 0 0 0;}
.service .content .child .childContent li{padding-left:18px;font-size:14px;line-height:28px;}

.news{background:url(../images/news.jpg) no-repeat #fdfffe bottom;background-size:100% auto;text-align:center;padding:30px 0px;}
.news .content{padding:10px;}
.news .left{width:100%; margin-top:30px;}
.news .left .child{margin:0 0 10px 0;}
.news .left .child .childInfo {font-size: 12px;}
.news .left .child .childInfo .title{ font-size:14px; margin-bottom: 5px;}
.news .left .child .childInfo .info { height:20px;}
.news .left .child .childInfo .time {margin-top: 5px;}

.news .left .con{width:300px;height:330px;margin:20px auto 0 auto;}
.news .left .con .quan{width:160px;height:160px;font-size:20px;}
.news .left .con .quan .titleEn{margin-top:60px;}
.news .right { margin-top:50px;width: 100%;
}
.news .moreBtn{ text-align:center}
}
@media (min-width: 480px) and (max-width: 639px) {
.banner{margin-top:-74px;}
.banner .bannerBtn{height:38px;margin-top:-19px;}
.banner .bannerBtn.leftBtn{left:5px !important;}
.banner .bannerBtn.rightBtn{right:5px !important;}
.banner .contentInfo{height:100px;margin-top:-80px;}
.banner .content{background-size:auto 450px;background-position:center 0px;}
.banner .content .title1{font-size:30px;padding-top: 0px;}
.banner .content .title2{font-size: 32px;width: 80%;line-height: 34px;margin:14px auto 26px auto;}
.banner .content .title3{border:2px solid #fff;padding:3px 12px 4px 12px;font-size:17px;}
.banner .bannerNav{bottom:10px;}
.banner .bannerNav img{width:40px;height:2px;margin:0px 3px;}
.banner .bannerBg{width:100%;height:450px;}

.about{padding:20px 0px;}
.about .title{font-size:18px;margin-bottom:0px;padding-bottom:10px;}
.about .con{font-size:12px;line-height:18px;width:92%;}
.about .info{font-size:12px;line-height:18px;width:92%;}
.about .content{padding-top:10px;}
.about .contentMun{height:100px;width:330px;margin:0px auto;}
.about .contentMun .child{padding-top:18px;height:84px;}
.about .contentMun .child .mun{font-size:30px;}
.about .contentMun .child p{font-size:12px;}

.work{padding:0px 0px;}
.work .content{padding-top:0px;width:100%;height:auto;width:100%;}
.work .content .child{width:50%;}
.work .content .child .childPointer{width:40px;bottom:10px;right:12px;}
.work .content .child .childTag{font-size:12px;}
.work .content .child .childTag .childSub{margin:3px 0;}
.work .content .child .childContent .title{font-size:14px;}
.work .content .child .info{display:none;}

.customer{padding:20px 0px;}
.customer .container{width:400px;}
.customer .customerBtn{width:16px;}
.customer .customerBtn.leftBtn{left:-40px;}
.customer .customerBtn.rightBtn{right:-40px;}
.customer .contents{margin:15px auto;height:240px;}
.customer .contents .content{left:0px;width:400px;}
.customer .contents .content a{ width:50%}
.customer .contents .content img{width:185px;height:auto;margin:0 5px 5px 5px;}
.customer .contents .content .titleEn{font-size:15px;margin:8px 0;}
.customer .contents .content .titlejs{ display:none}

.say{width:100%;height:150px;text-align:center;}
.say .container{width:80%; padding-top:15%;}

.advantage{padding:0px 0px;}
.advantage .title{font-size:16px;line-height:22px;margin-top:20px;}
.advantage .info{font-size:12px;margin:5px 0px;}
.advantage img{margin:20px 0px;max-width:80%;}


.team{padding:20px 0px;}
.team .content{padding-top:0px;}
.team .child{width:220px;margin:0px auto;padding:20px 0 0 0;}
.team .child .childImg{width:218px;height:145px;}

.team .title{font-size:12px;}
.team .sub{width:40px;height:1px;margin:9px auto;}
.team .info{font-size:12px;}
.team .info span{margin:0 5px;}

.service{padding:0px 0px;display:none;}
.service .content{padding-top:20px;}
.service .content .child{width:86%;margin:0 1.8%;}
.service .content .child .childTitle{border:2px solid #e70719;height:120px;}
.service .content .child .childTitle .titleEn{margin:50px 0 2px 8%;font-size:26px;}
.service .content .child .childTitle .titleCh{margin:0 0 0 8%;font-size:16px;}
.service .content .child .childContent{padding:20px 0 0 0;}
.service .content .child .childContent li{padding-left:18px;font-size:14px;line-height:28px;}

.news{height:auto; background:#464646 url(../images/news.jpg) no-repeat center top;background-size:auto 470px;}
.news .container{padding-top:55px;width:93.75%;}
.news .newsTitle{font-size:36px;text-align:center;}
.news .left{position:relative;float:none;width:100%;height:406px;text-align:center;}
.news .left .con{width:300px;height:330px;margin:20px auto 0 auto;}
.news .left .con .quan{width:160px;height:160px;font-size:20px;}
.news .left .con .quan .titleEn{margin-top:60px;}
#quan1{top:0px;left:73px;}
#quan2{top:120px;left:0px;}
#quan3{top:120px;left:135px;}
#quan4{top:73px;left:73px;}
.news .right{float:none;width:90%;margin:0px auto;padding:55px 0 8px 0;}
.news .right .con{padding-top:30px;}
.news .right .child{margin:0 0 19px 0;}
.news .right .child .childTime{width:22.1%;height:110px;border:1px solid #3daf2c;}
.news .right .child .childTime .timeMonth{margin-top:24px;font-size:14px;}
.news .right .child .childTime .timeDay{font-size:42px;}
.news .right .child .childInfo{width:69%;margin-left:7.3%;}
.news .right .child .childInfo .title{font-size:14px;margin-bottom:6px;}
.news .right .child .childInfo .info{font-size:12px;line-height:20px;}
.news .right .child .no{width:22.1%;height:20px;}
.news .right .child .moreBtn{font-size:14px;padding-left:6px;width:90px;height:30px;line-height:30px;background:#3daf2c url(../images/rightIconOn.png) no-repeat 70px center;background-size:18px 9px;display:none;}

}
@media (min-width: 640px) and (max-width:1023px ) {
.banner{margin-top:0px;}
.banner .bannerBtn{height:74px;margin-top:-37px;}
.banner .bannerBtn.leftBtn{left:10px !important;}
.banner .bannerBtn.rightBtn{right:10px !important;}
.banner .contentInfo{height:100px;margin-top:-80px;}
.banner .content{background-size:auto 600px;background-position:center 0px;}
.banner .content .title1{font-size:30px;padding-top: 0px;}
.banner .content .title2{font-size: 32px;width: 80%;line-height: 34px;margin:14px auto 26px auto;}
.banner .content .title3{border:2px solid #fff;padding:6px 24px 8px 24px;font-size:18px;}
.banner .bannerNav{bottom:10px;}
.banner .bannerNav img{width:80px;height:4px;margin:0px 3px;}
.banner .bannerBg{width:100%;height:600px;}

.about{padding:40px 0px;}
.about .title{font-size:30px;margin-bottom:20px;}
.about .con{font-size:16px;line-height:24px;width:690px;}
.about .info{font-size:16px;line-height:24px;width:690px;}
.about .content{padding-top:30px;}
.about .contentMun{height:180px;width:600px;margin:0px auto;}
.about .contentMun .child{padding-top:20px;height:160px;}
.about .contentMun .child .mun{font-size:60px;}
.about .contentMun .child p{font-size:18px;}

.work{padding:0px 0px;}
.work .content{padding-top:0px;width:100%;height:auto;width:100%;}
.work .content .child{width:50%;}
.work .content .child .info{display:none;}

.customer{padding:40px 0px;}
.customer .container{width:600px;}
.customer .customerBtn{width:30px;}
.customer .customerBtn.leftBtn{left:-60px;}
.customer .customerBtn.rightBtn{right:-60px;}
.customer .contents{margin:15px auto;height:260px; }
.customer .contents .content{left:0px;width:600px;}
.customer .contents .content img{width:180px;height:auto;margin:0 5px 10px 5px;}
.customer .contents .content .titleEn{font-size:18px;margin: 5px 0;}
.customer .contents .content .titlejs{font-size:14px;}

.say{width:100%;height:280px;text-align:center;}
.say .container{width:80%; padding-top: 15%;}

.advantage{padding:0px 0px;}
.advantage .title{font-size:30px;margin-top:30px;}
.advantage .info{font-size:16px;margin:10px 0px;}
.advantage img{margin:70px 0px;max-width:80%;}

.team{padding:40px 0px 30px 0px;}
.team .content{padding-top:40px;}
.team .child{width:250px;margin:0px auto;padding:20px 0;}
.team .child .childImg{width:248px;height:165px;}

.team .title{font-size:18px;}
.team .sub{width:40px;height:3px;margin:18px auto;}
.team .info{font-size:14px;}
.team .info span{margin:0 10px;}

.service{padding:0px 0px;display:none;}
.service .content{padding-top:40px;}
.service .content .child{width:50%;margin:0 1.8%;}
.service .content .child .childTitle{border:2px solid #e70719;height:160px;}
.service .content .child .childTitle .titleEn{margin:75px 0 2px 8%;font-size:30px;}
.service .content .child .childTitle .titleCh{margin:0 0 0 8%;font-size:20px;}
.service .content .child .childContent{padding:30px 0 0 0;}
.service .content .child .childContent li{padding-left:25px;font-size:18px;line-height:32px;}

.news{height:auto; background:#464646 url(../images/news.jpg) no-repeat center top;background-size:auto 700px;}
.news .container{padding-top:60px;width:93.75%;}
.news .newsTitle{font-size:72px;text-align:center;}
.news .left{position:relative;float:none;width:100%;height:650px;text-align:center;}
.news .left .con{width:400px;height:440px;margin:40px auto 0 auto;}
.news .left .con .quan{width:220px;height:220px;background-size:100% 100%;text-align:center;font-size:24px;}
.news .left .con .quan .titleEn{margin-top:84px;}
#quan1{top:0px;left:90px;}
#quan2{top:160px;left:0px;}
#quan3{top:160px;left:180px;}
#quan4{top:90px;left:90px;}
.news .right{float:none;width:520px;margin:0px auto;padding:60px 0;}
.news .right .con{padding-top:60px;}
.news .right .con>.child{display:none;}
.news .right .child{margin:0 0 38px 0;}
.news .right .child .childTime{width:22.1%;height:124px;border:3px solid #3daf2c;}
.news .right .child .childTime .timeMonth{margin-top:10px;font-size:24px;}
.news .right .child .childTime .timeDay{font-size:72px;}
.news .right .child .childInfo{width:69%;margin-left:7.3%;}
.news .right .child .childInfo .title{font-size:18px;margin-bottom:20px;}
.news .right .child .childInfo .info{font-size:14px;line-height:20px;}
.news .right .child .no{width:22.1%;height:50px;}
.news .right .child .moreBtn{padding-left:10px;width:157px;height:40px;line-height:40px;background:#3daf2c url(../images/rightIconOn.png) no-repeat 114px center;background-size:36px 18px;display:none;}

}
@media (min-width: 1024px) and (max-width:1199px ) {
.banner .contentInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .contentInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner{margin-top:0px;}
.banner .bannerBtn{height:90px;margin-top:-45px;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}

.banner .contentInfo{height:180px;margin-top:-90px;}
.banner .content{background-position:left 0px;}
.banner .content .title1{font-size:30px;padding-top:22px;}
.banner .content .title2{ font-size:52px;margin-bottom:16px;}
.banner .content .title3{border:2px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}
.banner .bannerNav{bottom:23px;}
.banner .bannerNav img{width:100px;height:3px;margin:0px 3px;}


.about{padding:58px 0px 66px 0;}
.about .title{font-size:35px;}
.about .con{font-size:12px;line-height:20px;width:877px;}
.about .info{font-size:12px;line-height:20px;width:877px;}
.about .content{padding-top:16px;}
.about .contentMun{height:187px;width:523px;}
.about .contentMun .child{padding-top:32px;height:156px;}
.about .contentMun .child .mun{font-size:66px;}
.about .contentMun .child p{font-weight:100;font-size:15px;}

.work{padding:0px;}
.work .content{padding-top:0px;}
.work .content .child .childPointer{bottom:10px;right:13px;width:44px;}
.work .content .child .childTag{font-size:15px;}
.work .content .child .childTag .childSub{width:13px;height:1px;margin:6px 0px;}
.work .content .child .childContent{height:33px;margin-top:-30px;}
.work .content .child .childContent .title{font-size:14px;}
.work .content .child .childContent .info{font-size:14px;margin-top:5px;}

.customer .container{width:796px;}
.customer .customerBtn{width:34px;}
.customer .customerBtn.leftBtn{left:-83px;}
.customer .customerBtn.rightBtn{right:-83px;}
.customer .contents{margin:25px auto 8px auto;height:260px;}
.customer .contents .contentss{top:0px;left:0px;}
.customer .contents .content{left:0px;width:796px;}
.customer .contents .content img{width:180px;height:auto;margin:0 5px 5px 5px;}
.customer .contents .content .titleEn{font-size:18px;margin:10px 0;}
.customer .contents .content .titlejs{font-size:14px;}

.say{height:564px;}
.say .imgBg{height:564px;}

.advantage{padding:0px 0px;}
.advantage .title{font-size:36px;line-height:36px;margin-top:33px;}
.advantage .info{font-size:12px;margin:6px 0px;}
.advantage img{margin:44px 0px;width:60%;}

.team{padding:58px 0px 66px 0;}
.team .content{padding-top:33px;}
.team .child{width:248px;margin: 0 8px;}
.team .child .childImg{width:246px;height:164px;}

.team .title{font-size:15px;}
.team .sub{width:33px;height:2px;margin:15px auto;}
.team .info{font-size:12px;}
.team .info span{margin:0 8px;}

.service{padding:0px;}
.service .content{padding-top:33px;}
.service .content .child{width:31.3%;margin:0 0.8%;}
.service .content .child .childTitle{height:132px;}
.service .content .child .childTitle .titleEn{margin:62px 0 2px 8%;font-size:19px;}
.service .content .child .childTitle .titleCh{font-size:13px;}
.service .content .child .childContent{padding:25px 0 0 0;}
.service .content .child .childContent li{padding-left:21px;font-size:12px;line-height:20px;}

.news{height:685px;}
.news .container{padding-top:91px;width:796px;}
.news .newsTitle{font-size:44px;}
.news .left .con{width:365px;height:365px;margin-top:25px;}
/*.news .left .con .quan{width:220px;height:220px;font-size:18px;}*/
.news .left .con .quan .titleEn{margin-top:70px;}
.news .left .con .quan {width: 183px;height: 183px;font-size: 20px;}
#quan1{top:0px;left:75px;}
#quan2{top:132px;left:0px;}
#quan3{top:133px;left:150px;}
#quan4{top:75px;left:75px;background:none;}

.news .right .child{margin:0 0 31px 0;}
.news .right .child .childTime{width:22.1%;height:108px;border:2px solid #3daf2c;}
.news .right .child .childTime .timeMonth{margin-top:8px;font-size:20px;}
.news .right .child .childTime .timeDay{font-size:60px;}

.news .right .child .childInfo .title{font-size:15px;margin-bottom:16px;}
.news .right .child .childInfo .info{font-size:12px;line-height:18px;}
.news .right .child .no{height:41px;}
.news .right .child .moreBtn{padding-left:8px;width:130px;height:33px;line-height:33px;background:#3daf2c url(../images/rightIconOn.png) no-repeat 94px center;background-size:30px 15px;}

}
@media (min-width: 1200px) and (max-width:1439px ) {
.banner .contentInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .contentInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner{margin-top:0px; }
.banner .bannerBtn{height:90px;margin-top:-45px;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}
.banner .contentInfo{height:180px;margin-top:-90px;}
.banner .content{background-position:left 0px;}
.banner .content .title1{font-size:30px;padding-top: 28px;}
.banner .content .title2{ font-size:52px;margin-bottom:16px;}
.banner .content .title3{border:2px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}
.banner .bannerNav{bottom:23px;}
.banner .bannerNav img{width:60px;height:3px;margin:0px 3px;}


.about{padding:58px 0px 66px 0;}
.about .title{font-size:35px;}
.about .con{font-size:12px;}
.about .info{font-size:12px;}
.about .content{padding-top:16px;}
.about .contentMun{height:187px;}
.about .contentMun .child{padding-top:32px; width:24%;}
.about .contentMun .child .mun{font-size:66px;}
.about .contentMun .child p{font-weight:100;font-size:15px;}

.work{ background-size: 100% 100%;}

.work .content{padding-top:0px;}
.work .content .child .childPointer{bottom:10px;right:13px;width:44px;}
.work .content .child .childTag{font-size:15px;}
.work .content .child .childTag .childSub{width:13px;height:1px;margin:6px 0px;}
.work .content .child .childContent{height:33px;margin-top:-30px;}
.work .content .child .childContent .title{font-size:14px;}
.work .content .child .childContent .info{font-size:14px;margin-top:5px;}


.customer .container{ width:1107px;}
.customer .customerBtn{width:34px;}
.customer .customerBtn.leftBtn{left:-83px;}
.customer .customerBtn.rightBtn{right:-83px;}
.customer .contents{height:350px;}
.customer .contents .contentss{top:0px;left:0px;}
.customer .contents .content img{width:285px;height:auto;margin:0 5px 5px 5px;}
.customer .contents .content .titleEn{font-size:20px;margin:10px 0;}
.customer .contents .content .titlejs{font-size:14px;}

.say{height:634px;}
.say .imgBg{height:634px;}


.advantage{padding:0px 0px;}
.advantage .title{font-size:36px;line-height:36px;margin-top:33px;}
.advantage .info{font-size:12px;margin:6px 0px;}
.advantage img{margin:44px 0px;width:60%;}

.team{padding:58px 0px 66px 0;}
.team .content{padding-top:33px;}
.team .child{width:322px; height:191px}
.team .child .childImg{width:322px; height:191px;}
.team .child .childHide{width:322px; height:191px;    bottom: -191px;}

.team .title{font-size:15px;}
.team .sub{width:33px;height:2px;margin:15px auto;}
.team .info{font-size:12px;}
.team .info span{margin:0 8px;}

.service{padding:0px;}
.service .content{padding-top:33px;}
.service .content .child{width:31.3%;margin:0 0.8%;}
.service .content .child .childTitle{height:132px;}
.service .content .child .childTitle .titleEn{margin:62px 0 2px 8%;font-size:19px;}
.service .content .child .childTitle .titleCh{font-size:13px;}
.service .content .child .childContent{padding:25px 0 0 0;}
.service .content .child .childContent li{padding-left:21px;font-size:12px;line-height:20px;}

.news{height:685px;}
.news .container{padding-top:91px;width:796px;}
.news .left .child .childInfo .info{height: 40px;}


}
@media (min-width: 1440px) and (max-width:1920px ) {

.banner{margin-top:0px;}
.banner .bannerBtn{height:112px;margin-top:-56px;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}

.banner .contentInfo{height:220px;margin-top:-150px;}
.banner .content{background-position:left 0px;}
.banner .content .title1{font-size:36px;padding-top:36px;}
.banner .content .title2{ font-size:50px;margin-bottom:26px;}
.banner .content .title3{border:2px solid #fff;padding:5px 18px 6px 18px;font-size:24px;}
.banner .bannerNav{bottom:23px;}
.banner .bannerNav img{width:80px;height:4px;margin:0px 3px;}


.about{padding:70px 0px 80px 0;}
.about .title{font-size:44px;}
.about .info{font-size:14px;line-height:26px;}
.about .content{padding-top:20px;}
.about .contentMun{height:225px;}
.about .contentMun .child{padding-top:38px;height:188px;width:25%;}
.about .contentMun .child .mun{font-size:80px;}
.about .contentMun .child p{font-weight:100;font-size:18px;}



.work .content .child .childPointer{bottom:13px;right:16px;width:54px;}
.work .content .child .childTag{font-size:18px;}
.work .content .child .childTag .childSub{width:16px;height:2px;margin:8px 0px;}
.work .content .child .childContent{height:40px;margin-top:-20px;}
.work .content .child .childContent .title{font-size:18px;}
.work .content .child .childContent .info{font-size:16px;margin-top:6px;}


.customer .contents{ height:450px;}
.customer .contents .content img{ width:325px}
.customer .contents .content .titleEn{ font-size:24px;}
.customer .customerBtn{width:52px;}
.customer .customerBtn.leftBtn{left:-100px;}
.customer .customerBtn.rightBtn{right:-100px;}
.customer .contents .contentss{top:0px;left:0px;}
.customer .contents .content{left:0px;}


.advantage{padding:0px 0px;}
.advantage .title{font-size:44px;line-height:44px;margin-top:40px;}
.advantage .info{font-size:14px;margin:8px 0px;}
.advantage img{margin:53px 0px;}

.team{padding:70px 0px 80px 0px;}
.team .content{padding-top:40px;}

.service{padding:0px;}
.service .content{padding-top:40px;}
.service .content .child .childTitle{height:160px;}
.service .content .child .childTitle .titleEn{margin:75px 0 2px 8%;font-size:23px;}
.service .content .child .childTitle .titleCh{font-size:16px;}
.service .content .child .childContent{padding:30px 0 0 0;}
.service .content .child .childContent li{padding-left:25px;font-size:14px;line-height:24px;}



}