.banner{position: relative;font-size: 0;line-height: 0;width: 100%;}
.banner .hd{position: absolute;right: 1%;bottom: 35%;left: auto!important;z-index: 1;}
.banner .hd li{font-size: 18px;line-height: 34px;color: #f7f7f7;font-family: Arial;font-weight: bold;margin-bottom: 8px;padding-right: 25px;cursor: pointer;}
.banner .hd li.on{background: url(img/index_banner_li_bg.png) no-repeat right center;}
/*.banner .tempWrap{width: 100%!important;}*/

.index_title{text-align: center;padding: 119px 0 50px;}
.index_title .en{font-size: 52px;line-height: 30px;color: #333333;font-family: 'Gothic';}
.index_title .cn{font-size: 32px;line-height: 30px;color: #333333;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: 37px;}

.index_article{padding: 0 120px;background: #f9f9f9;}
.index_article .copy{text-align: center;float: left;width: calc( 100%/5 );}
.index_article .copy .chanage_img_out{height: 186px;overflow: hidden;text-align: center;margin: 0 auto;}
.index_article .copy .img{height: 100%;display: block;transition:all 0.5s;}
.index_article .copy .title{margin-top: -13px;}
.index_article .copy .title,.index_article .copy .desc{font-size: 28px;line-height: 22px;color: #999999;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-transform: uppercase;transition:all 0.5s;}
.index_article .copy .title a ,.index_article .copy .desc a{color: #999999;transition:all 0.5s;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.index_article .copy .desc{font-size: 12px;padding-top: 19px; line-height:2;}
.index_article .copy .more{display: inline-block;font-family: Arial;font-size: 14px;line-height: 22px;text-transform: uppercase;color: #e50012;border: 1px solid #e50012;margin: 45px 0 54px;padding: 5.5px 58px 5.5px 39px;background: url(img/index_banner_tag.png) no-repeat 68% center;opacity: 0;transition:all 0.5s;}
.index_article .copy:hover .more{opacity: 1;}
.index_article .copy:hover .title a,.index_article .copy:hover .desc{color: #333333;}

.index_do .index_do_msg{background: url(img/index_do_bg.png) no-repeat center center;height: 650px;}
.index_do .index_do_msg .copy{float: left;width: calc( (100% - 2px)/4.1 );border-left: 1px solid rgba(255,255,255,0.2);height: 100%;transition:all 0.5s;}
.index_do .index_do_msg .copy:first-child{border: none;}
.index_do .index_do_msg .copy .title{padding-top: 10.6vw;transition:all 0.5s;}
.index_do .index_do_msg .copy .title .line{width: 22px;height: 4px;background: #e50012;display: inline-block;vertical-align: middle;transition:all 0.5s;}
.index_do .index_do_msg .copy .title .num{color: #fff;font-size: 80px;line-height: 30px;font-family: 'Avgardm';display: inline-block;vertical-align: middle;padding-left: 8px;}
.index_do .index_do_msg .copy .name{color: #fff;font-size: 30px;line-height: 34px;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding: 0 38px;padding-top: 76px;}
.index_do .index_do_msg .copy .name a{color: #fff;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.index_do .index_do_msg .copy .desc{color: #fff;font-size: 16px;line-height: 30px;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding:0 95px 0 40px;padding-top: 32px;}
.index_do .index_do_msg .copy .more{margin: 52px 40px 0;opacity: 0;transition:all 0.5s;}
.index_do .index_do_msg .copy:hover{background: rgba(229,0,18,0.8);}
.index_do .index_do_msg .copy:hover .title{padding-top: 9vw;}
.index_do .index_do_msg .copy:hover .line{background: #fff;}
.index_do .index_do_msg .copy:hover .more{opacity: 1;}

.index_case_cate{text-align: center;}
.index_case_cate a{font-size: 16px;line-height: 16px;color: #666666;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;border-bottom: 4px solid #fff;padding: 0 12px 14px;margin: 0 21px 10px;display: inline-block;}
.index_case_cate a.cur{color: #e70012;border-bottom: 4px solid #e70012;}
.index_case .case_list{padding-top: 38px;}
.index_case .case_list .copy{width: calc( (100% - 8px)/4 );height: 17.65vw;float: left;margin: 1px;position: relative;}
.index_case .case_list .copy .position{transition:all 0.5s;background: rgba(0,0,0,0);width: 0%;height: 0%;position: absolute;left: 0;top: 0;text-align: center;}
.index_case .case_list .copy .position .name,.index_case .case_list .copy .position .desc{font-size: 0;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #fff;width: 75%;margin:0 auto;padding-top: 0;transition:all 0.5s;height: 0;overflow: hidden;}
.index_case .case_list .copy .position .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.index_case .case_list .copy .position .name a{color: #fff;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.index_case .case_list .copy .position .desc{}
.index_case .case_list .copy .position .more{padding-top: 0;transition:all 0.5s;width: 0;height: 0;}
.index_case .case_list .copy:hover .position{background: rgba(64,64,64,0.9);width: 100%;height: 100%;}
.index_case .case_list .copy:hover .position .name{font-size: 22px;line-height: 34px;padding-top: 3vw;height: 34px;}
.index_case .case_list .copy:hover .position .desc{font-size: 16px;line-height: 26px;padding-top: 1.3vw;height: 78px;}
.index_case .case_list .copy:hover .position .more{padding-top: 2vw;width: auto;height: auto;}

.index_about .top{padding: 117px 239px 108px;border-bottom: 1px solid #eeeeee;}
.index_about .top .left{width: 503px;display: inline-block;vertical-align: middle;}
.index_about .top .left .index_title{text-align: left;padding: 0 0 39px;}
.index_about .top .left .red{font-size: 22px;line-height: 34px;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #e70012;}
.index_about .top .right{display: inline-block;vertical-align: middle;width: calc( 100% - 520px );font-size: 16px;line-height: 34px;color: #333333;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.index_about .top .right a{color: #333333;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.index_about .bottom{padding: 94px 0 98px;}
.index_about .bottom .copy{width: calc( 100%/4 );float: left;text-align: center;}
.index_about .bottom .number{font-size: 70px;line-height: 34px;color: #e70012;font-family: 'Avgardm';}
.index_about .bottom .number .timer{display: inline-block;}
.index_about .bottom .number span{font-size: 20px;}
.index_about .bottom .name{font-size: 20px;line-height: 34px;color: #333333;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: 15px;}

.index_development{background: url(img/index_development_bg.png) no-repeat center center;height: 780px;}
.index_development .index_title .en,.index_development .index_title .cn{color: #fff;}
.index_development .loop{text-align: center;position: relative;padding: 90px 0;}
.index_development .loop .bd li .year{font-size: 100px;line-height: 30px;color: #ffffff;font-family:'Avgardm';display: inline-block;vertical-align: middle;padding: 0 45px;}
.index_development .loop .bd li .desc{font-size: 20px;line-height: 36px;color: #ffffff;font-family:'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;width: 600px;display: inline-block;vertical-align: middle;border-left: 1px solid rgba(255,255,255,0.2);text-align: left;padding: 15px 55px;min-height: 50px;}
.index_development .loop .prev,.index_development .loop .next{height: 100%;position: absolute;top: 0;cursor: pointer;z-index: 1;}
.index_development .loop .prev{left: 6.25%;}
.index_development .loop .next{right: 6.25%;}
.index_development .hd{text-align: center;padding-top: 57px;position: relative;}
.index_development .hd .line{position: absolute;width: 100%;height: 2px;background: rgba(255,255,255,0.6);top: 76px;}
.index_development .hd ul{display: inline-block;}
.index_development .hd li{background: url(img/index_development_li_bg.png) no-repeat center top;background-size: 100% auto;font-size: 20px;line-height: 106px;color: #aaaaaa;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;float: left;width: 135px;text-align: center;cursor: pointer;}
.index_development .hd li.on{font-size: 22px;color: #ffffff;line-height: 104px;position: relative;}
.index_development .hd li.on em{width: 3px;height: 28px;display: inline-block;position: absolute;background: #d71219;left: calc( 50% - 1px );}

.index_area .index_area_msg{height: 650px;margin-top: -2px;text-align: center;transition:all 1s;}
.index_area .index_area_msg .top{border-bottom: 1px solid rgba(255,255,255,0.2);width: 1440px;margin: 0 auto;padding-bottom: 39px;}
.index_area .index_area_msg .top span{font-size: 120px;line-height: 40px;color: #fff;font-family: 'Georgia';display: inline-block;vertical-align: top;padding: 282px 55px 0;}
.index_area .index_area_msg .top span:first-child{padding: 148px 55px 0;}
.index_area .index_area_msg .top div{font-size: 26px;line-height: 50px;color: #fff;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: inline-block;padding-top: 167px;vertical-align: top;}
.index_area .index_area_msg .city_list{margin-top: -3px;}
.index_area .index_area_msg .city_list .copy{display: inline-block;width: 111px;border-top: 3px solid rgba(0,0,0,0);vertical-align: top;margin: 0 47px;}
.index_area .index_area_msg .city_list .copy .img{height: 93px;padding-top: 52px;}
.index_area .index_area_msg .city_list .copy .name{font-size: 20px;line-height: 40px;color: #fff;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: 8px;}
.index_area .index_area_msg .city_list .copy.on,.index_area .index_area_msg .city_list .copy:hover{border-top: 3px solid #e50012;}

.index_customer .index_customer_cate{text-align: center;margin-top: -13px;}
.index_customer .index_customer_cate a{display: inline-block;font-size: 16px;line-height: 30px;color: #333333;border-bottom: 4px solid rgba(0,0,0,0);padding: 0 22.5px 19px;margin: 0 10px;}
.index_customer .index_customer_cate a.cur{color: #e70012;border-bottom: 4px solid #e70012;}
.index_customer .index_customer_list{padding: 45px 37.5px 115px;border-bottom: 1px solid #ececec;transition:all 0.5s;}
.index_customer .index_customer_list .img{float: left;;width: calc( 100%/9 );height: calc( 100%/9 );margin-left: calc( 100%/9 );transition:all 0.5s;}
.index_customer .index_customer_list .img:hover{transform: scale(1.2);}
.index_customer .index_customer_list .img:first-child{margin-left: 0;}

.index_new{padding: 115px 90px;}
.index_new .left{width: 400px;text-align: left;padding-left: 27px;float: left;}
.index_new .left .index_title{padding:0 0 33px;text-align: left;}
.index_new .left .index_title .en{line-height: 52px;}
.index_new .left .desc{padding-left: 2px;}
.index_new .left .cont{padding-top: 59px;}
.index_new .left .cont .img{height: 26px;float: left;cursor: pointer;}
.index_new .left .cont .img.prev{padding-right: 8px;border-right: 1px solid #d6d6d6;padding-left: 3px;}
.index_new .left .cont .img.next{padding-left: 8px;}
.index_new .left .more{display: inline-block;width: 188px;height: 49px;line-height: 49px;text-align: center;font-size: 18px;color: #ffffff;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #c80000;margin: 56px 2px;}
.index_new .right{float: right;}
.index_new .right .copy{width: 343px;padding: 0 30px 0 29px;border-left: 1px solid #eaeaea;float: left;height: 550px;overflow: hidden;}
.index_new .right .copy .img{width: 343px;height: 203px;padding-top: 13px;}
.index_new .right .copy .time{font-size: 16px;line-height: 30px;color: #666666;font-family: 微软雅黑;margin-top: -2px;}
.index_new .right .copy .title{font-size: 18px;line-height: 28px;color: #333333;font-family: 微软雅黑;padding-top: 6px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;height: 56px;}
.index_new .right .copy .title a{transition:all 0.5s;}
.index_new .right .copy:hover .title a{color: #e70012;}
.index_new .right .copy .tip{font-size: 14px;line-height: 30px;color: #bbbbbb;font-family: 微软雅黑;padding-top: 19px;}
.index_new .right .copy .desc{font-size: 16px;line-height: 24px;color: #666666;font-family: 微软雅黑;padding-top: 29px;}

.index_consultation{height: 762px;background: url(img/index_consultation_bg.jpg?t=1) no-repeat center center;}
.index_consultation .index_title .en,.index_consultation .index_title .cn{color: #fff;}
.index_consultation .desc{font-size: 16px;line-height: 34px;color: #ffffff;font-family:'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;margin-top: -23px;}
.index_consultation form{width: 1042px;margin: 0 auto;padding-top: 49px;text-align: center;}
.index_consultation form input[type=text]{width: calc( ((100% - 26px)/3) - 32px );border: none;background: #fff;font-size: 16px;color: #999999;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;height: 46px;float: left;padding: 0 15px;margin-bottom: 16px;border: 1px solid #fff;}
.index_consultation form input.second{margin: 0 13px;}
.index_consultation form input[type=text]::-webkit-input-placeholder { /* WebKit browsers */ font-size: 16px;color: #999999;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} 
.index_consultation form input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 16px;color: #999999;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} 
.index_consultation form input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 16px;color: #999999;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} 
.index_consultation form input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 16px;color: #999999;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.index_consultation form textarea{width:100%;line-height: 34px;font-size: 16px;color: #999999;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;border: none;height: 150px;background: #fff;padding: 8px 15px;border: 1px solid #fff;box-sizing:border-box;}
.index_consultation form input[type=submit]{width: 228px;height: 57px;background: #c80000;font-size: 20px;color: #fff;font-family: 'Simyou';-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;border: none;margin: 47px auto;background: linear-gradient(to left, #c80000 50%, #fff 50%);background-position: right bottom;background-size: 200% 100%;transition: all 0.5s ease;}
.index_consultation form input[type=submit]:hover{background-position: left bottom;color: #e70012;}

@media screen and (max-width: 1835px) {
	.index_case .case_list .copy:hover .position .more{width: 3vw;}
	.index_title{padding:100px 0 50px;}
	.index_new{padding: 100px 20px;}
	.index_new .left{padding-left: 20px;}
	.index_new .right .copy{width: 330px;padding: 0 25px;}
}
@media screen and (max-width: 1700px) {
	.index_case .case_list .copy:hover .position .name{padding-top: 2vw;}
	.index_case .case_list .copy:hover .position .desc{height: 78px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;}
	.index_new .left{padding-left: 15px;}
	.index_new .right .copy{padding: 0 20px;width: 288px;}
	.index_new .right .copy .title{overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
}
@media screen and (max-width: 1620px) {
	.banner .hd{bottom: 25%;}
	.index_article .copy .chanage_img_out{height: 130px;}
	.index_article .copy .chanage_img_out{width: 70px;}
	.index_article .copy .more{margin: 25px 0 25px;}
	.index_title{padding: 50px 0 30px;}
	.index_title .en{font-size: 45px;}
	.index_title .cn{font-size: 28px;padding-top: 30px;}
	.index_case .case_list{padding-top: 30px;}
	.index_about .top{padding: 75px;}
	.index_about .bottom{padding: 75px 0;}
	.index_about .bottom .number{font-size: 50px;}
	.index_about .bottom .name{font-size: 18px;}
	.index_development{height: 600px;background-size:cover;}
	.index_development .loop{padding: 60px 0;}
	.index_development .hd{padding-top: 40px;}
	.index_development .hd .line{top: 59px;}
	.index_area .index_area_msg .top{width: 100%;}
	.index_area .index_area_msg .top div{padding-top: 80px;}
	.index_area .index_area_msg .top span{padding: 170px 55px 0;}
	.index_area .index_area_msg .top span:first-child{padding: 70px 55px 0;}
	.index_area .index_area_msg{height: 500px;background-size:cover!important;}
	.index_customer .index_customer_list{padding: 40px 30px 50px;}
	.index_new{padding: 75px 20px;}
	.index_new .right .copy{width: 288px;height: 500px;}
	.index_new .right .copy .img{width: 100%;height: 170px;}
	.index_new .right .copy .title{height: 56px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
	.index_consultation{height: 600px;background-size: cover;}
	.index_development .hd li{width: 130px;}
}
@media screen and (max-width: 1460px) {
	.index_article{padding: 0 30px;}
	.index_article .copy .title, .index_article .copy .desc{font-size: 24px;}
	.index_article .copy .desc{font-size: 16px;}
	.index_title{padding: 40px 0 20px;}
	.index_title .en{font-size: 38px;}
	.index_title .cn{font-size: 24px;padding-top: 20px;}
	.index_do .index_do_msg{height: 450px;background-size: cover;}
	.index_do .index_do_msg .copy .title{padding-top: 7.5vw;}
	.index_do .index_do_msg .copy:hover .title{padding-top: 5vw;}
	.index_do .index_do_msg .copy .title .num{font-size: 50px;}
	.index_do .index_do_msg .copy .name{font-size: 24px;line-height: 28px;padding: 50px 30px 0;}
	.index_do .index_do_msg .copy .desc{padding: 20px 30px 0;font-size: 14px;line-height: 24px;}
	.index_do .index_do_msg .copy .more{margin: 30px 30px 0;}
	.index_case .case_list .copy:hover .position .name{font-size: 16px;line-height: 28px;height: 28px;}
	.index_case .case_list .copy:hover .position .desc{font-size: 14px;line-height: 24px;height: 72px;}
	.index_case .case_list .copy:hover .position .more{padding-top: 1.2vw;width: 2vw;}
	.index_about .top{padding: 40px;}
	.index_about .top .left .red{font-size: 16px;line-height: 28px;}
	.index_about .top .right{font-size: 15px;line-height: 32px;}
	.index_about .bottom{padding: 40px 0;}
	.index_about .bottom .name{font-size: 16px;}
	.index_development{height: 460px;}
	.index_development .loop{padding: 40px 0;}
	.index_development .loop .bd li .year{font-size: 75px;padding: 0 30px;}
	.index_development .loop .bd li .desc{font-size: 16px;line-height: 30px;padding: 15px 30px;width: 500px;}
	.index_development .hd{padding-top: 20px;}
	.index_development .hd .line{top: 39px;}
	.index_area .index_area_msg{height: 400px;}
	.index_area .index_area_msg .top span{padding: 70px 25px 0;}
	.index_area .index_area_msg .top div{padding-top: 80px;font-size: 18px;}
	.index_area .index_area_msg .city_list .copy{margin: 0 40px;}
	.index_area .index_area_msg .city_list .copy .img{padding-top: 30px;}
	.index_customer .index_customer_list{padding: 35px 25px;}
	.index_new{padding: 40px 20px;}
	.index_new .left{width: 335px;}
	.index_new .left .cont{padding-top: 35px;}
	.index_new .left .more{margin: 35px 2px 0;}
	.index_new .right .copy{padding: 0 15px;width: 240px;height: 425px;}
	.index_new .right .copy .title{font-size: 16px;line-height: 22px;height: 44px;}
	.index_new .right .copy .img{height: 142px;}
	.index_new .right .copy .desc{font-size: 14px;line-height: 20px;padding-top: 20px;}
	.index_consultation{height: 515px;}
	.index_consultation form{padding-top: 30px;}
	.index_consultation form input[type=submit]{margin: 30px auto;}
	.index_development .hd li{width: 108px;}
	.index_development .hd .line{top: 35px;}
}
@media screen and (max-width: 1220px) {
	.index_article .copy .chanage_img_out{width: 50px;height: 100px;}
	.index_article .copy .title, .index_article .copy .desc{font-size: 18px;}
	.index_article .copy .desc{font-size: 14px;padding-top: 10px;line-height: 18px;}
	.index_article .copy .more{margin: 15px 0;padding: 5px 38px 5px 19px;background: url(img/index_banner_tag.png) no-repeat 80% center;}
	.index_title{padding: 30px 0 20px;}
	.index_title .en{font-size: 35px;}
	.index_title .cn{padding-top: 15px;font-size: 22px;}
	.index_do .index_do_msg .copy .title .num{font-size: 40px;}
	.index_do .index_do_msg .copy .name{font-size: 22px;line-height: 26px;padding: 30px 30px 0;}
	.index_case_cate a{font-size: 14px;padding: 0 8px 10px;}
	.index_case .case_list .copy:hover .position .name{padding-top: 1.5vw;}
	.index_case .case_list .copy:hover .position .desc{font-size: 13px;line-height: 22px;height: 66px;padding-top: 1vw;}
	.index_about .top{padding: 25px;}
	.index_about .top .left{width: 350px;}
	.index_about .top .right{width: calc( 100% - 355px );}
	.index_about .bottom{padding: 25px 0;}
	.index_about .bottom .number{font-size: 40px;}
	.index_about .bottom .number span{font-size: 18px;}
	.index_about .bottom .name{font-size: 14px;line-height: 24px;}
	.index_development .loop .bd li .year{font-size: 50px;}
	.index_development .loop .bd li .desc{font-size: 14px;line-height: 24px;}
	.index_development .loop .prev, .index_development .loop .next{width: 50px;}
	.index_area .index_area_msg .city_list .copy .name{font-size: 16px;}
	.index_area .index_area_msg .top span{font-size: 100px;}
	.index_customer .index_customer_cate a{font-size: 14px;padding:0 8px 10px;}
	.index_new .left .index_title .en{line-height: 40px;}
	.index_new .left .index_title{padding: 0 0 20px;}
	.index_new .left .cont{padding-top: 20px;}
	.index_new .left .more{margin: 20px 2px 0;width: 130px;height: 35px;line-height: 35px;font-size: 14px;}
	.index_new .right{width: 542px;overflow: hidden;}
	.index_consultation{height: 455px;}
	.index_consultation form{width: 900px;}
	.index_consultation .desc{font-size: 14px;}
	.index_consultation form input[type=text]{height: 38px;font-size: 14px;}
	.index_consultation form input[type=text]::-webkit-input-placeholder { /* WebKit browsers */ font-size: 14px;} 
	.index_consultation form input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 14px;} 
	.index_consultation form input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 14px;} 
	.index_consultation form input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 14px;}
	.index_consultation form textarea{font-size: 14px;}
	.index_consultation form input[type=submit]{margin: 20px auto;width: 180px;height: 40px;font-size: 16px;}
	.index_development .hd li{width: 90px;}
	.index_development .hd .line{top: 32px;}
}
@media screen and (max-width: 1020px) {
	.banner .hd li{font-size: 16px;line-height: 24px;}
	.banner .hd{bottom: 18%;}
	.index_article{padding: 0 15px;}
	.index_article .copy .more{font-size: 12px;background-size: 7px ;padding: 5px 33px 5px 14px;}
	.index_title{padding: 20px 0 15px;}
	.index_title .en{font-size: 30px;}
	.index_title .cn{font-size: 20px;padding-top: 10px;}
	.index_do .index_do_msg{height: 370px;}
	.index_do .index_do_msg .copy .title{padding-top: 5vw;}
	.index_do .index_do_msg .copy .title .line{width: 10px;}
	.index_do .index_do_msg .copy .title .num{font-size: 30px;}
	.index_do .index_do_msg .copy .name{font-size: 18px;line-height: 22px;padding: 20px 20px 0;}
	.index_do .index_do_msg .copy .desc{padding: 15px 20px 0;font-size: 12px;}
	.index_do .index_do_msg .copy .more{margin: 20px 20px 0;width: 35px;}
	.index_do .index_do_msg .copy:hover .title{padding-top: 3vw;}
	.index_case_cate a{font-size: 13px;}
	.index_case .case_list{padding-top: 20px;}
	.index_case .case_list .copy:hover .position .name{font-size: 14px;line-height: 22px;height: 22px;}
	.index_case .case_list .copy:hover .position .desc{font-size: 12px;line-height: 18px;height: 54px;}
	.index_about .top{padding:20px;}
	.index_about .top .left .index_title{padding: 0 0 20px;}
	.index_about .top .left .red{font-size: 14px;line-height: 22px;}
	.index_about .top .right{font-size: 13px;line-height: 22px;}
	.index_about .bottom{padding: 20px 0;}
	.index_about .bottom .number{font-size: 28px;line-height: 30px;}
	.index_about .bottom .number span{font-size: 14px;}
	.index_about .bottom .name{font-size: 12px;line-height: 16px;padding-top: 10px;}
	.index_development{height: 320px;}
	.index_development .loop{padding: 20px 0;}
	.index_development .hd li{width: 68px;font-size: 14px;line-height: 65px;}
	.index_development .hd li.on{font-size: 14px;line-height: 65px;}
	.index_development .hd li.on em{height: 14px;width: 2px;}
	.index_development .hd .line{top: 29.5px;height: 1px;}
	.index_development .loop .bd li .year{font-size: 30px;padding: 0 15px;}
	.index_development .loop .bd li .desc{font-size: 12px;line-height: 18px;padding: 15px;min-height: 36px;width: 350px;}
	.index_development .loop .prev, .index_development .loop .next{width: 30px;}
	.index_area .index_area_msg{height: 280px;}
	.index_area .index_area_msg .top div{font-size: 16px;padding-top: 30px;}
	.index_area .index_area_msg .top span{font-size: 80px;padding: 30px 10px 0;}
	.index_area .index_area_msg .top span:first-child{padding: 30px 10px 0;}
	.index_area .index_area_msg .city_list .copy{width: 80px;margin: 0 20px;}
	.index_area .index_area_msg .city_list .copy .img{height: 80px;}
	.index_area .index_area_msg .city_list .copy .name{font-size: 14px;line-height: 22px;}
	.index_customer .index_customer_cate a{font-size: 13px;}
	.index_customer .index_customer_list{padding: 20px;}
	.index_new{padding: 20px;}
	.index_new .left{padding-left: 0;width: 100%;text-align: center;}
	.index_new .left .index_title{padding-bottom: 10px;}
	.index_new .left .index_title .en{line-height:30px;text-align: center;}
	.index_title .cn{text-align: center;}
	.index_new .left .cont,.index_new .left .more{display: inline-block;vertical-align: top;padding-top: 0;margin: 10px 10px 0;}
	.index_new .left .more{height: 26px;line-height: 26px;width: 100px;}
	.index_new .left .cont .img img{height: 15px;}
	.index_new .right{width: 100%;padding-top: 10px;}
	.index_new .right .copy{height: 330px;}
	.index_new .right .copy{padding: 0 10px;width: calc( (100% - 63px)/3 );}
	.index_new .right .copy .img{height: 128.5px;}
	.index_new .right .copy .time{font-size: 14px;line-height: 22px;}
	.index_new .right .copy .title{font-size: 14px;line-height: 22px;}
	.index_new .right .copy .tip{font-size: 12px;line-height: 18px;padding-top: 10px;}
	.index_new .right .copy .desc{font-size: 12px;line-height: 16px;}
	.index_consultation{height: 425px;}
	.index_consultation .desc{font-size: 12px;}
	.index_consultation form{width: 90%;padding-top: 20px;}
	.index_consultation form input[type=submit]{width: 150px;height: 35px;font-size: 14px;}
}
@media screen and (max-width: 768px) {
	.index_article{padding: 0 8px;}
	.banner .hd{bottom: 10%;}
	.banner .hd li{font-size: 12px;line-height: 16px;}
	.index_article .copy{/*margin: 0 3px;width: calc( (100% - 18px)/3 );*/margin: 0;width: 100%;}
	.index_article .copy .chanage_img_out{width: 25px;height: 50px;}
	.index_article .copy .title, .index_article .copy .desc{font-size: 14px;padding-bottom: 8px;}
	.index_article .copy .title{margin-top: -8px;}
	.index_article .copy .desc{font-size: 12px;line-height: 16px;padding-top: 5px;}
	.index_article .copy .more{padding: 0px 20px 0px 8px;margin: 8px 0;display: none;}
	.index_title{padding: 15px 0 5px;}
	.index_title .en{font-size: 16px;line-height: 22px;}
	.index_title .cn{font-size: 14px;line-height: 18px;padding-top: 2px;}
	.index_do .index_do_msg{height: auto;}
	.index_do .index_do_msg .copy{width: 100%;border: none!important;padding-bottom: 15px;height: auto;}
	.index_do .index_do_msg .copy .title .num{font-size: 16px;}
	.index_do .index_do_msg .copy .name{font-size: 14px;padding: 5px 15px 0;}
	.index_do .index_do_msg .copy .desc{font-size: 12px;padding: 5px 15px 0;line-height: 16px;}
	.index_do .index_do_msg .copy .more{margin: 5px 15px 0;width: 20px;}
	.index_case_cate a{font-size: 12px;padding: 0 5px 5px;margin: 0 8px 5px;}
	.index_case .case_list{padding-top: 10px;}
	.index_case .case_list .copy:hover .position .desc,.index_case .case_list .copy:hover .position .more{display: none;}
	.index_case .case_list .copy:hover .position .name{font-size: 14px;line-height: 18px;height: auto;padding-top: 0;width: 98%;white-space:normal;max-height: 94%;padding: 3%;}
	.index_case .case_list .copy:hover .position .desc{display: inline-block;font-size: 12px;line-height: 17px;height: 85px;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 5;display: -webkit-box;}
	.index_case .case_list .copy{width: calc( (100% - 4px)/2 );height: 35.3vw;}
	.index_about .top{padding: 15px 8px;}
	.index_about .top .left{width: 100%;}
	.index_title .en{text-align: center;}
	.index_about .top .left .index_title{padding-bottom: 5px;}
	.index_about .top .left .red{text-align: center;font-size: 13px;line-height: 19px;}
	.index_about .top .right{width: 100%;font-size: 12px;line-height: 18px;}
	.index_about .bottom{padding: 8px;text-align: center;}
	.index_about .bottom .number{font-size: 16px;line-height:20px;height: 18px;padding-top: 5px;}
	.index_about .bottom .number span{font-size: 14px;}
	.index_about .bottom .name{padding-top: 5px;font-size: 12px;padding-bottom: 5px;}
	.index_about .bottom .copy{width: calc( ( 100% - 4px )/2 );display: inline-block;float: none;vertical-align: top;}
	.index_development{height: 255px;}
	.index_development .loop{padding: 10px 0;}
	.index_development .loop .bd li .desc{padding:8px;font-size: 12px;width:75%;display: block;margin: 0 auto;border: none;}
	.index_development .loop .bd li .year{font-size: 16px;padding: 0 8px;line-height: 22px;}
	.index_development .loop .prev, .index_development .loop .next{width: 20px;}
	.index_development .loop .prev{left: 3%;}
	.index_development .loop .next{right: 3%;}
	.index_development .hd{padding-top: 10px;}
	.index_development .hd li{width: auto;padding:0 4px;font-size: 12px;line-height: 45px;float: none;display: inline-block;}
	.index_development .hd li.on{line-height: 45px;font-size: 12px;}
	.index_development .hd .line{top: 17px;}
	.index_area .index_area_msg{height: 160px;}
	.index_area .index_area_msg .top span{padding: 15px 3px 0;font-size: 30px;}
	.index_area .index_area_msg .top span:first-child{padding: 15px 3px 0;}
	.index_area .index_area_msg .top div{font-size: 12px;line-height: 16px;width: 80%;padding-top: 25px;}
	.index_area .index_area_msg .top{padding-bottom: 10px;}
	.index_area .index_area_msg .city_list .copy{margin: 0 5px;width: 50px;}
	.index_area .index_area_msg .city_list .copy .img{height: 50px;padding-top: 10px;}
	.index_area .index_area_msg .city_list .copy .name{font-size: 12px;line-height: 16px;padding-top: 5px;}
	.index_customer .index_customer_cate{margin-top: 0px;}
	.index_customer .index_customer_cate a{font-size: 12px;padding: 0 5px 5px;line-height: 16px;margin: 0 5px 5px;}
	.index_customer .index_customer_list,.index_new{padding: 15px 8px;}
	.index_new .left .desc{font-size: 12px;padding-left: 0;}
	.index_new .right .copy{padding: 0 5px;height: 160px;width: calc( (100% - 33px)/3 );}
	.index_new .right .copy .time{font-size: 12px;}
	.index_new .right .copy .title{font-size: 12px;line-height: 16px;-webkit-line-clamp: 2;height: 32px;padding-top: 5px;}
	.index_new .right .copy .tip{line-height: 16px;padding-top: 5px;}
	.index_new .right .copy .img{height: 51px;padding-top: 5px;}
	.index_new .right .copy .desc{padding-top: 5px;display: none;}
	.index_consultation{height: 270px;}
	.index_consultation .desc{line-height: 16px;margin-top: 0px;padding: 0 5px;}
	.index_consultation form{padding-top: 10px;}
	.index_consultation form{width: 95%;}
	.index_consultation form input[type=text]{font-size: 12px;height: 25px;width: calc( ( ( 100% - 10px ) / 3 ) - 12px );padding: 0 5px;}
	.index_consultation form input.second{margin: 0 5px;}
	.index_consultation form input[type=text]::-webkit-input-placeholder { /* WebKit browsers */ font-size: 12px;} 
	.index_consultation form input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 12px;} 
	.index_consultation form input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 12px;} 
	.index_consultation form input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 12px;}
	.index_consultation form textarea{font-size: 12px;line-height: 18px;padding: 5px;height: 80px;}
	.index_consultation form input[type=submit]{width: 100px;height: 25px;font-size: 12px;margin: 5px auto;}
}