@charset "utf-8";
/* CSS Document */
.qs_div{width:100%;height:658px;position:relative;overflow:hidden; background:#fff;}
.qs_div .qs_bgSet{position:relative;}
.qs_div .qs_bgSet li{position:absolute;width:100%;height:865px;display:none}
.qs_div .qs_imgSet{position:absolute;width:1200px;left:50%;margin-left:-600px;}
.qs_div .qs_imgSet .qs_1_1{position:absolute;left:-100px;top:47px}
.qs_div .qs_imgSet .qs_1_2{position:absolute;left:780px;top:177px;}
.qs_div .qs_imgSet .qs_2_1{position:absolute;left:-100px;top:47px;}
.qs_div .qs_imgSet .qs_2_2{position:absolute;left:780px;top:171px}
.qs_div .qs_imgSet .qs_3_1{position:absolute;left:0px;top:171px}
.qs_div .qs_imgSet .qs_3_2{position:absolute;left:600px;top:51px}
.qs_div .qs_imgSet .qs_4_1{position:absolute;left:0px;top:171px}
.qs_div .qs_imgSet .qs_4_2{position:absolute;left:660px;top:51px}

@media screen and (min-width: 1024px) and (max-width: 1280px){
.qs_div .qs_imgSet .qs_1_1{ width:670px; height:522px;left:30px;}
.qs_div .qs_imgSet .qs_1_2{ width:350px; height:218px;left:740px;}
.qs_div .qs_imgSet .qs_2_1{width:670px; height:522px;left:30px;}
.qs_div .qs_imgSet .qs_2_2{ width:350px; height:218px;left:740px;}
.qs_div .qs_imgSet .qs_3_1{width:350px; height:218px; left:120px;}
.qs_div .qs_imgSet .qs_3_2{width:670px; height:522px; left:550px;}
.qs_div .qs_imgSet .qs_4_1{width:350px; height:218px; left:120px;}
.qs_div .qs_imgSet .qs_4_2{width:670px; height:522px; left:550px;}
}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
.qs_div{width:100%;height:250px;position:relative;overflow:hidden; background:#fff;}
.qs_div .qs_bgSet li{position:absolute;width:100%;height:450px;display:none}
.qs_div .qs_imgSet .qs_1_1{ width:200px; height:156px;left:430px;}
.qs_div .qs_imgSet .qs_1_2{ width:150px; height:90px;left:620px;top:80px;}
.qs_div .qs_imgSet .qs_2_1{  width:200px; height:156px;left:430px;}
.qs_div .qs_imgSet .qs_2_2{ width:150px; height:90px;left:620px;top:80px;}
.qs_div .qs_imgSet .qs_3_1{width:150px; height:90px; left:445px;top:80px}
.qs_div .qs_imgSet .qs_3_2{ width:200px; height:156px;left:590px;}
.qs_div .qs_imgSet .qs_4_1{ width:150px; height:90px;left:450px;top:80px}
.qs_div .qs_imgSet .qs_4_2{width:200px; height:156px;left:590px;}
}
.qs_div .qs_menuSet{position:absolute; bottom:42px; left:50%; margin-left:-66px;}
.qs_div .qs_menuSet li{ background:#cccccc; width:24px; height:3px; margin-left:10px; margin-right:10px; float:left; cursor:pointer;}
.qs_div .qs_menuSet .select,.qs_div .qs_menuSet li:hover{ background:#e62129;}
.qs_div .qs_prev{position:absolute; top:50%; left:5%; width:49px; height:105px; margin-top:-52px; background:url(../images/1_07.png) center center no-repeat; cursor:pointer; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.qs_div .qs_prev:hover{ background:url(../images/1_07a.png) center center no-repeat; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.qs_div .qs_next{position:absolute; top:50%; right:5%; width:49px; height:105px; margin-top:-52px; background:url(../images/1_08.png) center center no-repeat; cursor:pointer; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.qs_div .qs_next:hover{ background:url(../images/1_08a.png) center center no-repeat; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.ss a{ display:block; float:left; width:25%; position:relative;}
.ss a .div1 img{ width:100%;} 
.ss a .div2{ position:absolute; bottom:20px; right:5%; font-size:18px; font-weight:bold; height:24px; color:#fff; overflow:hidden; z-index:10;}
.ss a .div2 .span1{ padding-right:48px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a .div2 .span2{ position:absolute; width:24px; height:24px; background:url(../images/1_18.png) center center no-repeat; filter:alpha(opacity=100); opacity:1; right:0px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a .div2 .span3{ position:absolute; width:102px; height:24px; background:url(../images/1_19.png) center center no-repeat; filter:alpha(opacity=0); opacity:0; right:-102px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a .div3{ background:url(../images/8_35.png) repeat; width:100%; height:100%; position:absolute; z-index:7; top:0px; left:0px; filter:alpha(opacity=0); opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a:hover .div2 .span1{ padding-right:127px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a:hover .div2 .span2{ right:-24px; filter:alpha(opacity=0); opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a:hover .div2 .span3{ right:0px; filter:alpha(opacity=100); opacity:1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss a:hover .div3{ filter:alpha(opacity=100); opacity:1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
.qs_div .qs_menuSet{position:absolute; bottom:32px; left:50%; margin-left:-66px;}
.qs_div .qs_menuSet li{ background:#cccccc; width:24px; height:3px; margin-left:5px; margin-right:5px; float:left; cursor:pointer;}
.qs_div .qs_menuSet .select,.qs_div .qs_menuSet li:hover{ background:#e62129;}
.qs_div .qs_prev{position:absolute; top:50%; left:2%; width:25px; height:53px; margin-top:-52px; background:url(../images/1_07.png) center center no-repeat;}
.qs_div .qs_next{position:absolute; top:50%; right:2%; width:25px; height:53px; margin-top:-52px; background:url(../images/1_08.png) center center no-repeat; }

}

@media screen and (max-width: 1600px) and (min-width:1024px) {/* 移动端的尺寸 */
.qs_div .qs_prev{ left:0%;}
.qs_div .qs_next{ right:0%;}
}

/*首页关于我们*/
#index_about {width: 100%;padding: 50px 0;}
.about_qywh { width:1200px;height: 410px;margin: 30px auto; padding:0 -1%;}
.about_qywh ul{}
.about_qywh ul li { width:31.33333%; margin:0 1%; height: 430px;position:relative;min-height:1px;box-shadow: 0 5px 0 #e70014;overflow: hidden;float: left;transition: all 0.3s;}
.about_qywh ul li .cont {padding: 20px 8px;background: #f7f7f7;}
.about_qywh ul li .cont .t1 {color: #0f0f0f;font-size: 22px;line-height: 40px;text-align: center;}
.about_qywh ul li .cont .t2 {color: #7d7979;font-size: 14px;line-height:28px;text-align: left;}
.about_qywh ul li:hover {box-shadow: 10px 10px 0 #333;transform: translate3d(-10px, -10px, 0);}
.about_qywh ul li:hover img {transition: all 0.3s;}
.about_qywh ul li:hover img {transform: scale(0.98);}

@media screen and (min-width: 1024px) and (max-width: 1366px)
{
.about_qywh { width:92%;margin: 30px 4%;}
}

@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
#index_about {width: 100%;padding:20px 0;}
.about_qywh { width:100%;height: 410px;margin:10px auto 30px; padding:0 -1%;}
.about_qywh ul li { width:98%; margin:0 1%; height: 275px;position:relative;min-height:1px;box-shadow: 0 5px 0 #e70014;overflow: hidden;float: left;transition: all 0.3s; margin-bottom:15px;}
.about_qywh ul li .cont {padding:8px;background: #f7f7f7;}
.about_qywh ul li .cont .t1 {color: #0f0f0f;font-size:18px;line-height: 20px;text-align: center;}
.about_qywh ul li .cont .t2 { display:none;}
.about_qywh ul li img{ width:100%;}
}
/*产品展示*/
#index_product {width: 100%;padding: 50px 0;background: #f3f3f3;position: relative;overflow: hidden;}
#index_product .box {height: auto;}
.in_product {width: 1200px;margin: 30px auto;}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.in_product {width:98%;margin: 30px auto;}
}
@media only screen and (max-width: 1240px) {
.page_box { width:96%;}
}

.in_product .ul_js li{ position:relative;}
.in_product .biger {width: 100%;height: 335px;margin-bottom: 30px;}
.in_product .biger li {width: 588px;box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.1);height: 335px;background: #fff;position: relative;}
.in_product .biger li:hover{ -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.in_product .biger li .type_img {max-width: 300px;position: absolute;right: 8px;top: 50%;margin-top: -70px;}
.in_product .biger li dl {padding:30px;height: 172px;position: relative;z-index: 2;overflow: hidden;}
.in_product .biger li dl dt {font-size: 20px;font-weight: bold;color: #0f0f0f;line-height: 50px;height: 70px;}
.in_product .biger li dl dd { width:46%;font-size: 14px;color: #7e7e7e;line-height: 22px;}
.in_product .biger li .more {padding: 20px 30px;}
.in_product .biger li .more a {display: block;border: 1px solid #a4a4a4;width: 133px;height: 43px;text-align: center;line-height: 43px;font-size: 16px;color: #7e7e7e}
.in_product .biger li .more a:hover {background: #e70014;border: 1px solid #e70014;color: #fff;}
.in_product .smaller {width: 100%;height: 218px;margin-bottom: 30px;}
.in_product .smaller li {width: 383px;box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.1);height: 218px;background: #fff;position: relative;overflow: hidden;}
.in_product .smaller li .type_img {max-width: 200px;position: absolute;right: 10px;top: 50%;margin-top: -50px;}
.in_product .smaller li dl {padding: 20px;position: relative;z-index: 9}
.in_product .smaller li dl dt {font-size: 20px;font-weight: bold;color: #0f0f0f;line-height: 50px;height: 70px;}
.in_product .smaller li dl dd {width: 160px;font-size: 14px;color: #7e7e7e;line-height: 22px;height: 44px;}
.in_product .smaller li .more {padding: 10px 20px;}
.in_product .smaller li .more a {text-align: left;line-height: 22px;font-size: 14px;color: #7e7e7e;}
.in_product .smaller li .more a:hover {background: #e70014;color: #fff;padding:5px 10px; }
.in_product .more_pro {width: 100%;height: 55px;text-align: center;}
.in_product .more_pro a {width: 100%;height: 55px;line-height: 55px;display: block;background: #e70014;color: #fff;}
.in_product .more_pro a:hover {letter-spacing: 1em;font-size: 20px;background: #000;}
@media screen and (min-width: 1024px) and (max-width: 1280px){
#index_product {width: 96%;padding:20px 2%;}
.in_product .biger li {width: 49%;}
.in_product .biger li dl{ width:55%;}
.in_product .biger li dl dt {font-size:18px;font-weight: bold;color: #0f0f0f;line-height: 50px;height: 50px;}
.in_product .biger li dl dd {font-size: 14px;color: #7e7e7e;line-height: 24px;}
.in_product .biger li .type_img {max-width:52%;position: absolute;right: 8px;top: 50%;margin-top: 0px;}
.in_product .smaller li {width: 31.8%;}
.in_product .smaller li dl dt {font-size: 18px;line-height: 50px;height: 50px;}

}
@media screen and (min-width: 1024px) and (max-width: 1123px){
.in_product .smaller li {width: 31.6%;}
}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
#index_product {width: 100%;padding:20px 0;}
.in_product {width:100%;margin:10px auto;}
.in_product .biger {width:98%;height: auto;margin-bottom:20px;}
.in_product .biger .lf{ float:none;}
.in_product .biger .rg{ float:none;}
.in_product .biger li .type_img {max-width:60%;right:4%;top:60%;}
.in_product .biger li img{ width:100%;}
.in_product .biger li {width:100%;box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.1);height:275px;}
.in_product .biger li dl {padding:20px 5%;height: 152px;position: relative;z-index: 2;overflow: hidden;}
.in_product .biger li dl dt{font-size: 16px;line-height:30px;height:30px;}
.in_product .biger li dl dd {font-size: 14px;color: #7e7e7e;line-height: 21px; width:96%;}
.in_product .biger li .more {padding:5px 15px;}
.in_product .biger li .more a {width: 100px;height: 30px;text-align: center;line-height: 30px;font-size: 14px;color: #7e7e7e}
.in_product .smaller {width: 98%;height: auto;margin-bottom:20px;}
.in_product .smaller .lf{ float:none;}
.in_product .smaller .rg{ float:none;}
.in_product .smaller li {width: 100%;box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.1);height:195px;background: #fff;position: relative;overflow: hidden;}
.in_product .smaller li dl {padding: 20px 5%;position: relative;z-index: 9}
.in_product .smaller li dl dt {font-size: 16px;line-height:30px;height:30px;}
.in_product .smaller li dl dd {font-size: 14px;color: #7e7e7e;line-height: 24px;height: 44px;}
.in_product .smaller li .type_img {right:10px;top: 48%;}
.in_product .smaller li img { width:100%;}
.in_product .more_pro {width: 98%;height: 55px;text-align: center;}
}

/*首页 新闻*/
/*
.index-news { padding:50px 0; height:200px;}
.index-news .list .box,
.index-news .list .box span,
.index-news .list .box h3 a,
.index-news .list .box .more,
.index-news > .more ul li{-webkit-transition: all .3s;transition: all .3s;}
.index-news .wrapper{padding-top: 12.5vw;background: url(../images/bg-index-news.jpg) no-repeat center top;}
.index-news .list{position: relative;width:64%;margin: 0 auto;padding:5.7vw 0 6.7vw;background: #fff;box-shadow: 1px 2px 10px rgba(100, 100, 100, .2), -1px 2px 10px rgba(100, 100, 100, .2);}
.index-news .list .box{float: left;width: 23.33%;margin: 0 5%;padding-bottom: 50px;border-bottom: 1px solid #ddd;cursor: default;}
.index-news .list .box:hover{border-bottom-color: #333;-webkit-transform: translateX(-5px);transform: translateX(-5px);}
.index-news .list .box span{display: block;line-height: 30px;font-size: 30px;color: #333;}
.index-news .list .box h3 a{display: inline-block;line-height: 50px;max-width: 100%;overflow: hidden;font-size: 18px;color: #333;white-space: nowrap;text-overflow: ellipsis;}
.index-news .list .box span:hover,
.index-news .list .box h3 a:hover{color: #ec1b23;}
.index-news .list .box p{display: -webkit-box;height: 72px;line-height: 24px;overflow: hidden;font-size: 14px;color: #999;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.index-news .list .box .more{display: block;width: 100px;line-height: 28px;margin-top: 50px;background: #333;border-radius: 14px;color: #fff; font-size:13px;text-align: center;letter-spacing: .5px;text-transform: uppercase;}
.index-news .list .box .more:hover{background: #ec1b23;color: #fff;}
.index-news .list .btn-switch{position: absolute;top: 50%;width: 48px;height: 48px;margin-top: -24px;}
.index-news .list .btn-switch.prev{left: -24px;background-color: #333;background-position: -126px -6px;}
.index-news .list .btn-switch.next{right: -24px;background-color: #ec1b23;background-position: -186px -6px;}
.index-news .list .pagination{display: none;}
.index-news .list .btn-switch{background: none;background-image: url(../images/icon.png);background-repeat: no-repeat;}
.rps{display: block;max-width: 100%;}
.ms{display: none !important;}
@media screen and (max-width: 1600px) and (min-width:1367px) {
.index-news .list{width:84%;}
}
@media screen and (min-width: 1024px) and (max-width: 1366px)
{
.index-news .list{width:90%;}
}
@media screen and (max-width: 1023px) and (min-width:0px) {
.index-news { padding:20px 0;}
.index-news .wrapper{padding: 10px 0 30px;background: none;}
.index-news .list{width: 100%;padding: 0 3% 40px;box-shadow: none;}
.index-news .list .box{float: none;width: 90%;margin-top: 20px;padding-bottom: 20px; margin-left:2%;}
.index-news .list .box:hover{border-bottom-color: #ddd;-webkit-transform: none;transform: none;}
.index-news .list .box span{line-height: 24px;font-size: 20px;}
.index-news .list .box h3{line-height: 36px;overflow: hidden;font-size: 16px;color: #333;white-space: nowrap;text-overflow: ellipsis;}
.index-news .list .box .more{display: none;}
.index-news .list .btn-switch{display: none;}
.index-news .list .pagination{position: absolute;bottom: 10px;left: 50%;display: block;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.index-news .list .pagination span{width: 12px;height: 12px;margin: 0 6px;background: #888;}
.index-news .list .pagination span[class*="active"]{background: none;border: 2px solid #ec1b23;}
.index-news .news_more{position: absolute;bottom: -30px;left: 50%;margin: 0 0 0 -50px;}
.ms{display: block !important;}
}
*/

.application {width: 100%;height: auto;padding-top:50px;padding-bottom: 78px;background-size: cover !important; }
.application h2{font-size:30px;color:#2b2b2b;font-weight: bold;text-align: center;height:35px;line-height:35px;}
.application h2:after{content:'——'; height:3px; color:#00A0E9;display:block;clear:both;}
.application h3{ font-weight:normal; margin-top:30px;font-size:18px;line-height:30px;overflow: hidden;text-align: center;}
@media screen and (max-width: 1024px) and (min-width:0px) {
.application{ padding-top:30px; padding-bottom:30px; }
.application h2{font-size:20px;height:30px;line-height:30px;}
.application h3{ font-size:16px;line-height:24px; margin-top:10px;}
}
.application .application_bg{padding-top:200px;background: url(../images/bg-index-news.jpg) no-repeat center top; }
.application .box-w{ width:92%; margin:0 auto;}
.application .box-pro{ width:1200px; margin:0 auto; background: #fff;box-shadow: 1px 2px 10px rgba(100, 100, 100, .2), -1px 2px 10px rgba(100, 100, 100, .2);}
.application .box-pro .list {width: 100%;height: auto;margin-top:35px;position: relative;}
.application .box-pro .list .list-pro {width:100%;margin: 0 auto;padding:5vw 0 6.7vw;}
.application .box-pro .list .list-pro ul {width: 100%;height: auto;}
.application .box-pro .list .list-pro ul li {height: auto;background-color:#F7F7F7;transition: all 0.5s; }
.application .box-pro .list .list-pro ul li a {width: 100%;height: auto;display: block;}
.application .box-pro .list .list-pro ul li a .pic {width: 100%;height: auto;overflow: hidden; }
.application .box-pro .list .list-pro ul li a .pic img {transition: all .5s; }
.application .box-pro .list .list-pro ul li a .con {width: 88.9%;height: auto;margin: 0 auto; }
.application .box-pro .list .list-pro ul li a .con .tits {font-size: 16px;line-height: 16px;height: 16px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 26px; }
.application .box-pro .list .a {width: 50px;height: 50px;position: absolute;top: 50%;margin-top: -25px;display: block; }
.application .box-pro .list .a.prev {left: -80px;background: url(../images/btn05.png) no-repeat; }
.application .box-pro .list .a.next {background: url(../images/btn06.png) no-repeat;right: -80px; }
.application .box-pro .list .a.prev:hover {left: -80px;background: url(../images/btn05_h.png) no-repeat; }
.application .box-pro .list .a.next:hover {background: url(../images/btn06_h.png) no-repeat;right: -80px; }
.application .box-pro .list .swiper-button-disabled {opacity: 0.6; }
.application .box-pro .list .box{ padding:10% 4% 6%;padding-bottom: 50px; border-bottom: 1px solid #ddd;cursor: default;}
.application .box-pro .list .box:hover{border-bottom-color: #333;}
.application .box-pro .list .box span{display: block;line-height: 30px;font-size: 30px;color: #333; margin-top:20PX;}
.application .box-pro .list .box h3{ text-align:left;}
.application .box-pro .list .box h3 a{display: inline-block;line-height: 50px;max-width: 100%;overflow: hidden;font-size: 18px;color: #333;white-space: nowrap;text-overflow: ellipsis;}
.application .box-pro .list .box span:hover,
.application .box-pro .list .box h3 a:hover{color: #ec1b23;}
.application .box-pro .list .box p{display: -webkit-box;height: 72px;line-height: 24px;overflow: hidden;font-size: 14px;color: #999;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.application .box-pro .list .box .more{display: block;width: 100px;line-height: 28px;margin-top:30px;background: #333;border-radius: 14px;color: #fff; font-size:13px;text-align: center;letter-spacing: .5px;text-transform: uppercase;}
.application .box-pro .list .box .more:hover{background: #ec1b23;color:#fff; }
.news_more{font-size: 14px; position:absolute;bottom: 40px;width: 100px;line-height: 28px;left:50%; margin-left:-50px;background: #333;border-radius: 14px;color: #fff;text-align: center;letter-spacing: .5px;text-transform: uppercase; z-index:9;}
.news_more:hover{background: #ec1b23;color:#fff; }

@media (max-width: 1600px) {
.application .box-pro .list .a {z-index: 10; }
}
 @media screen and (min-width: 1024px) and (max-width: 1280px){
.application .application_bg{padding-top:100px;background: url(../images/bg-index-news.jpg) no-repeat center top; }
.application .box-pro{width:92%;}
.news_more{bottom: 20px;}
}
@media screen and (max-width: 1024px) and (min-width:0px)  {
.application .box-pro{width:84%;}
.application{padding-top: 50px;padding-bottom:40px; }
.application .title .t {font-size: 80px;line-height: 80px; }
.application .title .t1 {font-size: 26px;line-height: 80px; }
.application .application_bg{ background:#F2F2F2; padding-top:1%; padding-bottom:18%; margin-top:10px;}
.application .box-pro .list .box span{display: block;line-height:20px;font-size:20px;color: #333; margin-top:10PX;}
.application .box-pro .list .box .more{display: block;width: 100px;line-height: 28px;margin-top:20px;}
.application .box-pro .list .a {width: 50px;height: 50px;position: absolute;top: 50%;margin-top: -5px;display: block; }
.application .box-pro .list .box{ padding:10% 4% 6%;padding-bottom: 20px;}
.application .box-pro .list .list-pro ul li a .con {width:92%;height: auto;margin: 0 auto; }
.application .box-pro .list .list-pro ul li:hover a .pic img {transform: scale(1.1); }
.application .box-pro .list .list-pro ul li:hover a .con .tits {color: #fff; }
.application .box-pro .list .a.prev {left: -20px;background: url(../images/btn05.png) no-repeat;background-size:30px 30px;}
.application .box-pro .list .a.next {background: url(../images/btn06.png) no-repeat;right: -40px;background-size:30px 30px;}
.application .box-pro .list .a.prev:hover {left: -20px;background: url(../images/btn05_h.png) no-repeat;background-size:30px 30px;}
.application .box-pro .list .a.next:hover {background: url(../images/btn06_h.png) no-repeat;right: -40px;background-size:30px 30px;}
.application .news_more{position: absolute;bottom: -50px;left: 50%;margin: 0 0 0 -50px;}
}
@media (max-width: 800px) {
.application .box-pro .list {margin-top: 20px; } 
}
@media (max-width: 710px) {
.application{padding-top: 30px;padding-bottom: 50px; }
.application .title .t {font-size: 50px;line-height: 60px; }
.application .title .t1 {font-size: 20px;line-height: 60px; }
}
@media (max-width: 450px) {
.application{padding-top: 20px;padding-bottom: 30px; }
}

.index-creative {
    background: url('../images/index_video.jpg')no-repeat center;
    -webkit-background-size:cover;
    -o-background-size: cover;
    background-size: cover;
    -moz-background-size:cover; 
}
.index-creative .video-txt{
    color:#fff;
    margin-top: 30px;
    text-align: center;
}
.index-creative .e-t {
    margin-bottom: 30px;
    text-transform: uppercase;
}

.index-creative .e-t,
.index-creative .index-tit {
    color: #fff;
}
.index-tit h3 {
    font-size: 36px;
    font-weight: 700;
}
.index-creative .creative-video {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    display: none;
    z-index: 1032;
}

.index-creative .creative-video video {
    width: 100%;
}

.index-creative .creative-video .close-video {
    position: fixed;
    background-color: #fff;
    border-radius: 50%;
    right: 0;
    top: -30px;
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    z-index: 1032;
    display: none;
    cursor: pointer;
}

.index-creative .bkgc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1031;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.index-creative .v-b {
    position: relative;
    cursor: pointer;
    height: 75px;
    width: 75px;
    margin: 0 auto;
    margin-top: 50px;
}

.index-creative .v-b:hover .video-button {
    opacity: 0;
}

.index-creative .v-b:hover .v2 {
    opacity: 1;
}

.index-creative .video-button {
    width: 75px;
    height: 75px;
    background: url('../images/play.png')no-repeat center;
    -o-background-size: cover;
       background-size: cover;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 50px;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
}


.index-creative .video-button.v2 {
    opacity: 0;
    background: url('../images/play2.png')no-repeat center;
}

.index-creative {
    padding: 146px 0;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0);
             transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(360deg);
             transform: rotate(360deg);
    }
}

@-o-keyframes rotate {
    0% {
        -o-transform: rotate(0);
           transform: rotate(0);
    }

    100% {
        -o-transform: rotate(360deg);
           transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
           -moz-transform: rotate(0);
             -o-transform: rotate(0);
                transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@media (max-width: 800px) {
.index-tit h3 {
    font-size: 30px;
    font-weight: 700;
}
}