@charset "utf-8";
/* CSS Document */

#owl-demo .item{position:relative;}
#owl-demo .item img{display:block;width:100%;height:auto}
#owl-demo .item .b1{position:absolute;left:0px;top:0px;width:100%;}
.banner .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.banner .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.banner .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.banner .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.banner .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.banner .owl-carousel .owl-item{float: left;}
.banner .owl-controls .owl-page,
.banner .owl-controls .owl-buttons div{cursor: pointer;}
.banner .owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.banner .grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
.banner .owl-carousel .owl-wrapper,
.banner .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.banner .owl-theme .owl-controls{margin-top: 10px;text-align: center;width: 100%;position: absolute;left: 0px;top:40%;}
.banner .owl-theme .owl-controls .owl-buttons div{font-size:0px;width:60px;height:60px;color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;-webkit-border-radius:  60px;-moz-border-radius: 60px;border-radius: 60px;}

.banner .owl-theme .owl-controls .owl-buttons  .owl-prev{background:url(../images/jt2.png) no-repeat center top;float: left;}
.banner .owl-theme .owl-controls .owl-buttons  .owl-next{background:url(../images/jt.png) no-repeat center top;float: right;}


.banner .owl-theme .owl-controls .owl-page{display:none;}
.banner .owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}
.banner .owl-theme .owl-controls .owl-page.active span,
.banner .owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.banner .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.banner .owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}




/*产品分类*/
.index01{width:100%;background:url(../images/product.jpg) no-repeat top center;background-size:cover;overflow:hidden;}
.index01 .product2{width:100%;height:auto;clear:both;overflow:hidden;position:relative}

.index01 .product2 .left{width:60%;float:left}
.index01 .product2 .right{width:30%;float:right;}
.index01 .product2 .right img {max-width:100%;height:auto;width:auto;float:right;position:relative;bottom:0px;right:0px;transition: all 1s ;}
.index01 .product2:hover .right img{bottom:10px;transition: all 1s ; }
.index01 .product2 ul{overflow:hidden;margin-top: 10%;}
.index01 .product2 ul li{width: 18%;margin-right:1%;margin-top:5%;float:left}
.index01 .product2 ul li p{margin:0 auto;width:55px;height:55px;border-radius:5px;border:solid #787878 1px;overflow:hidden;transition: all 0.2s ease-in-out;  -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.index01 .product2 ul li p img{display:block;margin:0 auto;margin-top:2px;transition: all 0.2s ease-in-out;  -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.index01 .product2 ul li h1{font-size:16px;color:#333333;text-align:center;line-height:30px;margin-top:1rem;font-weight:normal;transition: all 0.2s ease-in-out;  -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;overflow: hidden;height: 30px;}
.index01 .product2 ul li:last-child p{background:#042e7c;border:solid #042e7c 1px;}
.index01 .product2 ul li:last-child p img{transition: all 0.2s ease-in-out;  -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.index01 .product2 ul li:last-child:hover p img{transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);}
.index01 .product2 ul li:hover p{background:#042e7c;border:solid #042e7c 1px;transition: all 0.2s ease-in-out;  -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.index01 .product2 ul li:hover p img{filter: grayscale(100%) brightness(1000%);display:block;transition: all 0.2s ease-in-out;  -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.index01 .product2 ul li:hover h1{color:#042e7c;transition: all 0.2s ease-in-out;  -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
@media screen and (max-width:1200px) {

}

@media screen and (max-width:1024px) {
.index01 .product2 .left{width:70%;}
.index01 .product2 ul li h1{font-size:14px;line-height:1.4;}
}

@media screen and (max-width:780px) {
.index01 .product2 ul{margin-top: 1rem;margin-bottom: 1rem;}
.index01 .product2 .left{width:70%;}
.index01 .product2 ul li h1{font-size:14px;line-height:1.2;}
.index01 .product2 ul li{max-width: 24%;width:auto;margin-top: 4%;}
.index01 .product2 ul li p{width:45px;height:45px;}

}

@media screen and (max-width:480px) {
.index01 .product2 ul{margin-top: 1rem;}
.index01 .product2 .left{width:70%;}
.index01 .product2 ul li h1{font-size:14px;line-height:1.2;}
.index01 .product2 ul li{max-width: 24%;width:auto;margin-top: 4%;}
.index01 .product2 ul li p{width:45px;height:45px;}
.index01 .product2 .right{position:absolute;right:0;bottom:0}
}


/*简介*/
.index02{position: relative;width:100%;padding:5% 0;overflow:hidden;}
.index02:before{position: absolute;content:"";background:url(../images/about.gif) no-repeat;background-size:100%;height: 790px;width: 790px; left: -18.76vw;top: 5.81vw;}

.index02 .ab1 , .index02 .ab2{position:relative;overflow: hidden;}
.index02 .ab1 .right{width:48%;position:relative;overflow: hidden;}
.index02 .ab1 .right img{width:100%;}

.index02 .ab1 .left { max-width: 50%;position: absolute;top:0;height: 100%; z-index: 1;}
.index02 .ab1 .con{margin:3vw 0;width:80%;float:right;}
.index02 .ab1 .con p{line-height:28px;max-height: 200px;overflow: hidden;}
.index02 .ab2{overflow:hidden;padding:4% 0 0 0;}
.index02 .ab2 li{width:25%;float:left;text-align:center;}
.index02 .ab2 li .top h2 , .index02 .ab2 li .top span{font-size:70px;font-family:"1";color:#004bbf;display:inline-block;}
.index02 .ab2 li .t1 h2 , .index02 .ab2 li .t4 h2 , .index02 .ab2 li .t4 span{color:#343434}
.index02 .ab2 li p{margin-top:3%;color:#444444;}
.index02 .ab1 .more{float:left;clear:both;width: 100%;margin-top:20px}
.index02 .ab1 .more a{display:inline-block;border:1px solid #517185;background:#fff;padding:1.5% 3%;position:relative;}
.index02 .ab1 .more a:after{position:absolute;content:"";background:#004bbf;;width:0;top:0;left:0;height: 100%;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.index02 .ab1 .more a:hover:after{width:100%;}
.index02 .ab1 .more span{position:relative;z-index:33;font-size:14px;}
.index02 .ab1 .more a:hover span{color:#fff;}
.index02 .ab1 .more img{margin-left:10px;position:relative;z-index:33;}


@media screen and (max-width:1600px) {
.index02:before{left: -23.76vw;}
.index02 .ab2 li .top h2, .index02 .ab2 li .top span{font-size:65px;}
}

@media screen and (max-width:1440px) {

.index02:before{left: -25.76vw;background-size:90%;}
.index02 .ab2 li .top h2, .index02 .ab2 li .top span{font-size:60px;}
.index02 .ab1 .con{margin:4vw 0;}
}
@media screen and (max-width:1320px) {

.index02:before{background-size:85%;top: 5.81vw;left: -30.76vw;}
.index02 .ab2 li .top h2, .index02 .ab2 li .top span{font-size:55px;}
.index02 .ab1 .con{margin:2vw 0;}

}
@media screen and (max-width:1200px) {

.index02:before{background-size:80%;top: 2.81vw;}
.index02 .tit h2 , .index02 .tit p{font-size:26px;}
.index02 .ab1 .left{max-width: 33em;}
.index02 .ab1 .con{margin:1vw 0;width: 100%;}
.index02 .ab1 .con p {line-height: 26px;}

}

@media screen and (max-width:1024px) {
.index02:before{background-size:0;}
.index02 .ab2 li .top h2, .index02 .ab2 li .top span{font-size:35px;}
.index02 .tit h2 , .index02 .tit p{font-size:24px;}
.index02 .ab1 .con p{color:#fff;}
.index02 .ab1 .left{max-width: 100em; padding:40px 30px;left: 0;}
.index02 .ab1 .right{width:100%;}
}
@media screen and (max-width:780px) {
.index02 .tit h2 , .index02 .tit p{font-size:22px;}
.index02 .ab2 li .top h2, .index02 .ab2 li .top span{font-size:35px;}
.index02 .ab2 li{width:50%;margin-top:10px;}
.index02 .ab1 .con p{line-height: 24px;}
.index02 .ab1 .right:before{top: 10px;left: 10px;right: 10px;bottom: 10px;}   
.index02 .ab1 .left{ padding: 25px 15px;}
}

@media screen and (max-width:480px) {
.index02 .tit h2 , .index02 .tit p{font-size:20px;}
.index02 .ab2 li .top h2, .index02 .ab2 li .top span{font-size:30px;}
.index02 .ab1{background:url(../images/ab.jpg) no-repeat;background-size:cover;}
.index02 .ab1 .right{display:none;}
.index02 .ab1 .left{position:inherit;padding:25px 0;}
}


/*优势*/
.index03{width:100%;overflow:hidden;padding:3% 1%;margin:0 auto;}
.index03 li{width:50%;float:left;overflow:hidden;}
.index03 .adv{position:relative;height:100%;}
.index03 .adv h1{background:rgba(0,0,0,0.4) repeat;padding:2% 4%;text-align:center;position:absolute;color:#fff;font-size:20px;bottom:0%;left:0%;width:100%;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.index03 .pic{position:relative;overflow:hidden;}
.index03 .pic img{min-height: 260px;width:100%;display:block;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.index03 .pic:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url(../images/index03.png) repeat;}
.index03 li:hover .pic:after{display:none;}
.index03 li:hover .pic img{transform:scale(1.2);webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
.index03 .adv .des{position:absolute;bottom:-90px;left:0;right:0;width:100%;background:rgba(0,0,0,0.4) repeat;padding:0% 2%;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.index03 .adv .des h3{color:#fff;font-size:20px;line-height:70px;font-weight:normal;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.index03 .adv .des p{max-height:90px;overflow:hidden;padding-bottom:30px;line-height:30px;color:rgba(255,255,255,0.8);padding-right:20%;background:url(../images/jt.png) no-repeat top right;}
.index03 li:hover .adv h1{opacity: 0;-webkit-opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);transform: translateY(-150px);-webkit-transform: translateY(-150px);-moz-transform: translateY(-150px);-o-transform: translateY(-150px);}
.index03 li:hover .des{bottom:0;}
.index03 li:hover .des h3{text-align:left;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}

.index03 .advantage{margin-top:4rem;}

@media screen and (max-width:1200px) {
.index03 .adv h1 , .index03 .adv .des h3{font-size:18px;}
.index03 .adv .des p{font-size:14px;line-height:22px;margin-top:10px;}
.index03 .advantage { margin-top: 1rem;}
}

@media screen and (max-width:780px) {

.index03 li{width:100%;margin:0.5% 0;height:350px;}
.index03 li:nth-child(2){margin:0;}
.index03 .adv .des{bottom:0;padding:3%;}
.index03 .adv h1{display:none;}
.index03 .advantage { margin-top: 1rem;}
}
@media screen and (max-width:480px) {
.index03 .advantage { margin-top: 1rem;}
.index03 li{height:250px;}
.index03 .adv .des h3{font-size:16px;}
}



/*新闻*/
.index04{width:100%;overflow:hidden;padding:5% 0;background:url(../images/case.jpg) no-repeat center center;position:relative;background-attachment: fixed;background-repeat: no-repeat;background-size: cover;}
.index04 .mm{width:100%;overflow:hidden;position:relative;}
.index04 .left{width:40%;float:left;overflow:hidden;position:absolute;left:0px;bottom:0px;height:100%;}
.index04 .left ul{position: absolute;top: 50%;transform: translateY(-50%);left: 0%;width: 100%;}
.index04 .left ul li{margin-right:3%;max-width:170px;float:left;background:rgba(0,0,0,0.2);border:solid #515354 1px;padding:3% 5%;}
.index04 .left ul li img{max-width:60px;display:block;margin:0 auto}
.index04 .left ul li p{font-size:14px;color:#fff;line-height:3;}

.index04 .left ul li:hover{background:#005fad}

.index04 .right{width:60%;float:right;overflow:hidden;position:relative;}
.index04 .mask1{position:absolute;height:10%;width:0;background-color:rgba(39,39,39,0.63);transition:width 2s ease-in-out}
.index04 .mask1 p{margin:0}
.index04 .swiper-slide div{height:80px;line-height:80px;overflow:hidden}
.index04 .swiper-slide div p{opacity:0;transition:opacity 1s ease-in-out 0.8s}
.index04 .swiper-slide:hover p{opacity:1}
.index04 .swiper-slide:hover .mask1{width:100%}
.index04 .c1{border-radius:1rem;width:100%;transition:transform 0.3s linear}
.index04 .swiper-button-next{position:absolute;height:45px;width:45px;top:40%;right:0%}
.index04 .swiper-button-prev{position:absolute;height:45px;width:45px;top:40%;left:0%}
.index04 .swiper-container2{position:absolute;width:100%;height:70%;top:15%}
.index04 .swiper-slide{overflow: hidden;color:#fefefe;text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:100%;transition:transform 0.1s linear}
.index04 .slide:hover{transform:scale(1.1)}




@media screen and (max-width:1440px) {



}

@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {


}

@media screen and (max-width:780px) {
.index04 .mm{marign-top:1rem;float:left}
.index04 .left{width:100%;position:relative;height:auto;}
.index04 .left ul{position:relative;top: 0%;transform: translateY(0%);left: 0%;text-align:center;}
.index04 .right{width:100%;}
.index04 .left ul li{text-align:center;display:table-cell;padding:2% 4%;}
.index04 .left ul li img{max-width:30px;display:table-cell}
.index04 .left ul li p{display:table-cell}
}
@media screen and (max-width:480px) {
.index04 .mm{marign-top:1rem;float:left}
.index04 .left{width:100%;position:relative;height:auto;}
.index04 .left ul{position:relative;top: 0%;transform: translateY(0%);left: 0%;text-align:center;}
.index04 .right{width:100%;}
.index04 .left ul li{text-align:center;display:table-cell;padding:2% 4%;}
.index04 .left ul li img{max-width:30px;display:table-cell}
.index04 .left ul li p{display:table-cell}
}

/*留言*/
.index05{width:100%;overflow:hidden;padding:5% 0;background:url(../images/di.png) no-repeat center top;position:relative;background-attachment: fixed;background-repeat: no-repeat;background-size: cover;}
.index05 .mm{float:left;width: 100%;background:#fff;padding:2% 3%;}

.index05 .message{position: relative;background: #fff;margin-top: 2rem;float: left;width: 100%;}
.index05 .left{width:48%;margin-top:3vw}
.index05 .left h1{color:#fff;font-size:30px;text-transform:Uppercase;}
.index05 .left h2{color:#fff;font-size:34px;margin-top:10px;letter-spacing:4px;}
.index05 .left p{margin-left:2vw;margin-top:1.5vw;color:#fff;}
.index05 .message_h{width:45%;float: left;}
.index05 .message_h li{overflow:hidden;margin-bottom: 3%;float:left;clear:both}
.index05 .message_h li p{width:80px;float:left;color:rgba(0,0,1,0.6);font-size:14px;line-height:30px;}
.index05 .message_h li input {width: 270px;line-height: 30px;color:#fff;background:#efefef;border: none;outline:none;text-indent: 10px;}
.index05 .message_h li:nth-child(3) input{width: 350px;line-height: 30px;height:60px;color:#fff;background:#efefef;border: none;outline:none;text-indent: 10px;}

.index05 .message_h li:nth-child(4) input{width: 100px;}

.index05 .message_h li .su{border:none;background:#124d9f;color:#fff;font-size:14px;text-align:center;line-height:30px;width:100px;margin-left:80px;}








.cont2_r{width:53%;float:right;}
.cont2 .cc{width:100%;height:auto;float:left}
.cont2 .cc li{width:18%;float:left;margin-right: 2%;}
.cont2 .cc li .er{max-width:130px;height:auto;float:left;color:#fff;line-height:2.2;font-size:1.5rem;text-align:center}
.cont2 .cc li .er img{max-width:100%;height:auto}

.cont2_r p{font-size:14px;color:rgba(0,0,0,0.7);line-height:2;width: 100%;display: block;text-align: left;}
.cont2_r h1 a{padding-left:110px;background:url(../images/conc.png) no-repeat left center;font-size:30px;color:#000;font-style:oblique;line-height: 30px;height:30px;overflow:hidden;display: inline-block;text-align:left;margin:3% 0%;letter-spacing:2px;}
.cont2_r h1 {display:block;width:100%;font-size:30px;text-align:left}
.cont2_r h2{font-size:30px;color:#000;line-height: 60px;width: 100%;display: block;text-align:left;}
.cont2_r p a{font-size:16px;color:#a5a5a5;line-height:2;text-align: left;}
.cont2_r .cen{padding-right:140px;width:auto;float:left}
.cont2_r .er{width:140px;float:right;text-align: center;font-size:14px;color:rgba(0,0,0,0.7);line-height:2;}
.cont2_r .er img{max-width:135px;display:block;margin:0 auto;}


@media screen and (max-width:1600px) {
.index05 .left{width:100%;}
.cont2_r{padding: 2%;max-width: 53%;width:auto;}
.cont2_r .er {width: 100%;}
.index05 .message_h li { width: 100%;}
.index05 .message_h li input {width: 100%;}
.index05 .message_h li:nth-child(3) input{width: 100%;}
.index05 .message_h li:nth-child(4) input{width: 30%;}
.cont2_r .cen { padding-right: 0px;width: 100%;}
.index05 .message_h li .su {margin-left:0px;margin:0 auto;float:none;width: 200px;display: block;}
.cont2_r h1 { text-align: left;font-size: 24px;}

}

@media screen and (max-width:1200px) {
.index05 .left{width:100%;}
.cont2_r{padding: 2%;}
.cont2_r h2{font-size:24px;text-align: center;}
.cont2_r p a{font-size:14px;text-align: center;}
.cont2_r p{font-size:14px;text-align: center;}
.cont2_r .er {width: 100%;}
.index05 .message_h li { width: 100%;}
.index05 .message_h li input {width: 100%;}
.index05 .message_h li:nth-child(3) input{width: 100%;}
.index05 .message_h li:nth-child(4) input{width: 30%;}
.cont2_r .cen { padding-right: 0px;width: 100%;}
.index05 .message_h li .su {margin-left:0px;margin:0 auto;float:none;width: 200px;display: block;}
.cont2_r h1 { text-align: center;font-size: 24px;}

}
@media screen and (max-width:1024px) {
.index05 .left{width:100%;}
.cont2_r{background: #f2f2f2;padding: 2%;}
.cont2_r h2{font-size:24px;text-align: center;}
.cont2_r p a{font-size:14px;text-align: center;}
.cont2_r p{font-size:14px;text-align: center;}
.cont2_r .er {width: 100%;}
.index05 .message_h li { width: 100%;}
.index05 .message_h li input {width: 100%;}
.index05 .message_h li:nth-child(3) input{width: 100%;}
.index05 .message_h li:nth-child(4) input{width: 30%;}
.cont2_r .cen { padding-right: 0px;width: 100%;}
.index05 .message_h li .su {margin-left:0px;margin:0 auto;float:none;width: 200px;display: block;}
.cont2_r h1 { text-align: center;font-size: 24px;}

}

@media screen and (max-width:780px) {
.index05 .left{width:100%;}
.cont2_r{width:100%;background: #f2f2f2;padding: 2%;float:left !important;max-width: 100% !important;}
.cont2_r h2{font-size:24px;text-align: center;}
.cont2_r p a{font-size:14px;text-align: center;}
.cont2_r p{font-size:14px;text-align: center;}
.cont2_r .er {width: 100%;}
.index05 .message_h {width: 100%;}
.index05 .message_h li { width: 100%;}
.index05 .message_h li input {width: 100%;}
.index05 .message_h li:nth-child(3) input{width: 100%;}
.index05 .message_h li:nth-child(4) input{width: 30%;}
.cont2_r .cen { padding-right: 0px;width: 100%;}
.index05 .message_h li .su {margin-left:0px;margin:0 auto;float:none;width: 200px;display: block;}
.cont2_r h1 { text-align: center;font-size: 24px;}
.cont2_r h1 a {font-size: 20px;}
}
@media screen and (max-width:480px) {
.index05 .left{width:100%;}
.cont2_r{width:100%;background: #f2f2f2;padding: 2%;float:left !important;max-width: 100% !important;}
.cont2_r h2{font-size:24px;text-align: center;}
.cont2_r p a{font-size:14px;text-align: center;}
.cont2_r p{font-size:14px;text-align: center;}
.cont2_r .er {width: 100%;}
.index05 .message_h {width: 100%;}
.index05 .message_h li { width: 100%;}
.index05 .message_h li input {width: 100%;}
.index05 .message_h li:nth-child(3) input{width: 100%;}
.index05 .message_h li:nth-child(4) input{width: 30%;}
.cont2_r .cen { padding-right: 0px;width: 100%;}
.index05 .message_h li .su {margin-left:0px;margin:0 auto;float:none;width: 200px;display: block;}
.cont2_r h1 { text-align: center;font-size: 24px;}
.cont2_r h1 a {font-size: 20px;}
}













/*优势*/
.index07{width:100%;overflow:hidden;background:url(../images/ys.jpg) no-repeat center center;position:relative; background-attachment: fixed;  background-repeat: no-repeat;  background-size: cover;}
.index07 .left{width:50%;float:left;overflow:hidden;position:relative;padding:5% 0%}
.index07 .right{width:50%;float:left;overflow:hidden;position:relative}
.index07 .right ul{overflow:hidden;position:relative}
.index07 .right ul li{padding:8% 70px 8% 5%;margin: 0 auto;background:url(../images/lan.png) no-repeat center right rgba(0,0,0,0.2);border-bottom:solid rgba(255,255,255,0.3) 1px;}
.index07 .right ul li h1{color:#fff;font-size:16px;font-weight:normal;letter-spacing:1px;line-height:2;}
.index07 .right ul li p{color:#fff;font-size:14px;font-weight:normal;letter-spacing:1px;}
.index07 .left .info{width:100%;height:auto;float:left;margin-top:5rem;}
.index07 .left .info h1{margin-bottom: 2rem;width:170px;background:#005fad;border-radius:5px;text-align:center;font-size:16px;color:#fff;line-height:3;}
.index07 .left .info p{width:100%;text-align:left;padding-left:20px;background:url(../images/dian.png) no-repeat center left;line-height:3;font-size:14px;color:#fff;}




@media screen and (max-width:1440px) {

}


@media screen and (max-width:1200px) {

}

@media screen and (max-width:1024px) {

}

@media screen and (max-width:780px) {
.index07 .left{width:100%;}
.index07 .right{width:100%;}
.index07 .left .info{display: none;}

}

@media screen and (max-width:480px) {
.index07 .left{width:100%;}
.index07 .right{width:100%;}
.index07 .left .info{display: none;}

}








/*新闻*/
.index08{width:100%;overflow:hidden;padding:5% 0%;float:left;position:relative;}


.index08 .mm{width:100%;float:left;overflow:hidden;position:relative;margin-top: 5%;}
.index08 .left{width:45%;overflow:hidden;position:absolute;left:0px;top:0px;;float:left;}
.index08 .right{width:55%;overflow:hidden;position:relative;float:right;}
.news-pic-list2{}
.news-pic-list2 li{float: left;width:48%;margin:1%;border: 1px solid #ddd;transition: 0.3s;}
.news-pic-list2 li:first-child{margin-left: 0;}
.news-pic-list2 li a{display: block;}
.news-pic-list2 li .pic{position: relative;overflow: hidden;}
.news-pic-list2 li .pic em{display: block;width: 105%;padding-top: 70%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}
.news-pic-list2 li .info{padding: 30px 20px 35px;background-color: #f7f7f7;}
.news-pic-list2 li .info .tit{height: 28px;font-size: 18px;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: 0.3s;}
.news-pic-list2 li .info .date{height: 20px;margin-bottom: 10px;line-height: 20px;color: #999;font-size: 14px;}
.news-pic-list2 li .info .more{position: relative;display: inline-block;vertical-align: top;width: 40px;height: 40px;margin-top: 20px;border: 1px solid #ddd;border-radius: 50%;transition: 0.3s;}
.news-pic-list2 li .info .more:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 1px solid #ddd;border-right: 1px solid #ddd;transform: translate(-70%,-50%) rotate(45deg);transition: 0.3s;}
.news-pic-list2 li .info .cc{height: 20px;margin-bottom: 10px;line-height: 20px;color: #999;font-size: 14px;overflow: hidden;}

.news-pic-list2 li .info .cc p{height: 20px;margin-bottom: 10px;line-height: 20px;color: #999;font-size: 14px;}

.news-pic-list2 li:hover{box-shadow: 2px 4px 10px rgba(0,0,0,.1);}
.news-pic-list2 li:hover .pic em{transform: translateX(-4.5%);}
.news-pic-list2 li:hover .info .tit{color: #005fad;}
.news-pic-list2 li:hover .info .more{border-color: #005fad;transform: translateX(5px);}
.news-pic-list2 li:hover .info .more:after{border-color: #005fad;}



.scrollbox{ width: 100%; margin: 0 auto; overflow: hidden;height: 100%; }
#scrollDiv{width:90%;float:left;height:400px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{padding: 1rem 0%;height:auto; width:100%;  overflow:hidden; vertical-align:bottom; zoom:1; border-bottom:#e7e7e7 solid 1px;}

.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px;width:90%}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:left; width:49%; height:35px;margin: 1% 0.5%;}
#but_up{ background:url(../images/up.png) no-repeat center center #e7e7e7; text-indent:-9999px}
#but_down{ background:url(../images/down.png) no-repeat center center #e7e7e7; text-indent:-9999px}

#scrollDiv li .item{width:100%;float:right;overflow: hidden;position:relative;text-align: center;transition: all 0.7s;}
#scrollDiv li .item .nim .text{width:78%;float:right;position:relative;}
#scrollDiv li .item .nim{width: 100%;display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;float:right}
#scrollDiv li .item .nim h1{text-align: left;display:block;width:100%;float:right;transition:all 1s;margin: 5px 0%;line-height:40px;height:40px;overflow:hidden;}
#scrollDiv li .item .nim h1 a{color:#000;text-align:left;font-size:16px;letter-spacing:1px;}
#scrollDiv li .item .nim p{clear:both;float:left;line-height:25px;color:#484647;height:50px;overflow:hidden;font-size:14px;text-align: left;}

#scrollDiv li .item .nim .date{padding:1%;display:block;width:20%;height:100%;float:left;font-weight:bold;color:#858285;font-size:30px;font-weight:normal;text-align:left;transition: all 0.7s;font-weight:bold;position:absolute;left:0px;top:0px;text-align: center;line-height: 50px;}
#scrollDiv li .item .nim .date p{clear:both;float:left;line-height:20px;color:#858285;width:100%;font-size:2.4rem;text-align: center;font-weight:normal;}
#scrollDiv li .item .nim .date font{text-align: center;color:#858285;font-size:14px;font-weight:600;clear:both;display:block;width:100%;transition: all 0.7s;line-height: 1;}



#scrollDiv li .item .nim .nmore{ overflow: hidden;display:block;float:left;width:35px;height:25px;transition:all 1s;margin: 15px 0%;}
#scrollDiv li .item .nim .nmore img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(35px 0 #fff); -webkit-filter: drop-shadow(35px 0 #fff);transition:all 1s}
#scrollDiv li .item:hover .nim .nmore img{transform: translate(-35px, 0);-webkit-transform: translate(-35px, 0);-ms-transform: translate(-35px, 0);-o-transform: translate(-35px, 0);transition:all 1s;}
#scrollDiv li .item:hover .date{color:#005fad}
#scrollDiv li .item:hover .date font{color:#005fad}
#scrollDiv li .item:hover{background:#f7f7f7}






@media screen and (max-width:1440px) {
#scrollDiv{height: 360px;}
}





@media screen and (max-width:1200px) {
.news-pic-list2 li .info .tit { font-size: 16px;}
}

@media screen and (max-width:1024px) {
.index08 .left{width:100%;position:relative}
.index08 .right{width:100%;position:relative}
#scrollDiv{width:100%;height: 320px;}
.scroltit {width:100%;}
#scrollDiv li {padding: 1% 0%;}
.news-pic-list2 li .info .tit { font-size: 16px;}
}

@media screen and (max-width:780px) {
.index08 .left{width:100%;position:relative}
.index08 .right{width:100%;position:relative}
#scrollDiv{width:100%;height: 320px;}
.scroltit {width:100%;}
#scrollDiv li {padding: 1% 0%;}
.index08 .mm{margin-top: 1rem;}
.news-pic-list2 li .info .tit { font-size: 16px;}
#scrollDiv li .item .nim .date{font-size:20px;}
}

@media screen and (max-width:480px) {
.index08 .left{width:100%;position:relative}
.index08 .right{width:100%;position:relative}
#scrollDiv{width:100%;height: 320px;}
.scroltit {width:100%;}
#scrollDiv li {padding: 1% 0%;}
.index08 .mm{margin-top: 1rem;}
.news-pic-list2 li .info .tit { font-size: 16px;}

#scrollDiv li .item .nim .date{font-size:20px;}
}
































.tit{width:100%;height:auto;clear:both;overflow:hidden;position: relative;}
.tit h1{display:block;width:100%;position: relative;}
.tit h1 a{display:block;width:100%;font-size:35px;color:#000;font-weight:bold;text-align: left;letter-spacing:2px;line-height:70px;}
.tit h1::after { display: block;  content: '';  float: left;  width: 45px;  height: 1px;  background-color: #cccccc;   transition: all 0.7s ease-in-out 0s;}
.tit h1:hover:after{width:150px;transition: all 0.7s ease-in-out 0s;}
.tit p{display:block;width:100%;font-weight:bold;font-size:55px;color:rgba(139,141,144,0.2);text-align: left;letter-spacing:1px;float: left;}
.tit h2{display:block;width:70%;font-weight:bold;font-size:16px;color:rgba(255,255,255,1);font-weight:normal;line-height:2;text-align: left;letter-spacing:1px;float: left;}






.tit2{width:100%;height:auto;clear:both;overflow:hidden;position: relative;}
.tit2 h1{display:block;width:100%;position: relative;}
.tit2 h1 a{display:block;width:100%;font-size:35px;color:#000;font-weight:bold;text-align: center;letter-spacing:2px;line-height:70px;}
.tit2 h1::after { display: block;  content: '';  margin:0 auto;  width: 56px;  height: 3px;  background-color: #888888;   transition: all 0.7s ease-in-out 0s;}
.tit2 h1:hover:after{width:150px;transition: all 0.7s ease-in-out 0s;}
.tit2 p{display:block;width:100%;text-align:center;font-weight:normal;font-size:16px;color:rgba(0,0,0,0.8);letter-spacing:1px;float: left;}


@media (max-width:468px){

.tit h1 a{font-size:24px;line-height:2;}
.tit p{font-size:24px;}
.tit h2{font-size:14px;width: 100%;}


.tit2 h1 a{font-size:24px;line-height:2;}
.tit2 p{font-size:14px;}
.tit2 h2{font-size:14px;width: 100%;}




}


@media(min-width:469px) and (max-width:768px){
.tit h1 a{font-size:24px;line-height:2;}
.tit p{font-size:24px;}
.tit h2{font-size:14px;width: 100%;}


.tit2 h1 a{font-size:24px;line-height:2;}
.tit2 p{font-size:14px;}
.tit2 h2{font-size:14px;width: 100%;}



}



@media(min-width:769px) and (max-width:990px){
.tit h1 a{font-size:26px;line-height:2;}
.tit p{font-size:24px;}
.tit h2{font-size:14px;width: 100%;}


.tit2 h1 a{font-size:26px;line-height:2;}
.tit2 p{font-size:14px;}
.tit2 h2{font-size:14px;width: 100%;}


}

@media(min-width:991px) and (max-width:1080px){

.tit h1 a{font-size:30px;line-height:2;}
.tit p{font-size:30px;}
.tit h2{font-size:14px;width: 100%;}


.tit2 h1 a{font-size:30px;line-height:2;}
.tit2 p{font-size:14px;}
.tit2 h2{font-size:14px;width: 100%;}

}

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

.tit h1 a{font-size:32px;line-height:2;}
.tit p{font-size:36px;}
.tit h2{font-size:14px;width: 100%;}


.tit2 h1 a{font-size:32px;line-height:2;}
.tit2 p{font-size:14px;}
.tit2 h2{font-size:14px;width: 100%;}

}
@media(min-width:1441px) and (max-width:1600px){


}