@charset "utf-8";
/* CSS Document */
html,body,p,div{margin:0;padding:0}
h1, h2, h3, h4, h5, h6, button, input, select, textarea{font-size:100%; font-weight:normal; margin:0; padding:0;}
fieldset, img{border:0}
address, caption, cite, code, em, i, strong, th, var{font-style:normal}
img{ border: none; outline:none;}
ol,ul,li{list-style:none;margin:0;padding:0;outline:none;}
table{border-collapse:collapse; border-spacing:0}
label{cursor:default}
input,textarea{ outline:none;outline:none;}
audio,canvas,progress,video {display: inline-block;/* 1 */vertical-align: baseline;/* 2 */*display: inline;/* 3 */*zoom: 1/* 3 */}
a{text-decoration:none; cursor:pointer;}
a{color:inherit;}
a:link{text-decoration:none;}
.clear{clear:both;}
.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
/* 重置表单样式 */
select::-ms-expand { display: none; }
input,select,textarea{box-shadow: none;outline: none;border: none;border-radius: 0;-ms-appearance: none;-moz-appearance: none;-webkit-appearance:none;-webkit-appearance:none;  padding: 0;}
select::-ms-expand { display: none; }
/* remove iPhone中默认的input样式 */
input,select,textarea,button{appearance:none; -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; resize: none; border-radius:0; outline: none; border:none; background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; vertical-align:middle;outline:none;}
input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button {cursor:pointer;outline:none;}

textarea::-webkit-input-placeholder{color:#626262 !important}
textarea::-moz-placeholder{color:#626262 !important}
textarea:-moz-placeholder{color:#626262 !important}
textarea:-ms-input-placeholder{color:#626262 !important}
input::-webkit-input-placeholder{color:#626262 !important}
input::-moz-placeholder{color:#626262 !important}
input:-moz-placeholder{color:#626262 !important}
input:-ms-input-placeholder{color:#626262 !important}





/*scrollbar*/
::-webkit-scrollbar{width:0px}
::-webkit-scrollbar-track{background:#f7f7f7;border-radius:0px}
::-webkit-scrollbar-thumb{background:#999;border-radius:0px}
::-webkit-scrollbar-thumb:hover{background:#b72024}
@keyframes wSkewIn{from{transform:skew(0deg,10deg) translateY(50px);opacity:0}
to{transform:skew(0deg,0deg) translateY(0px);opacity:1}
}
@keyframes wSkewOut{from{transform:skew(0deg,0deg) translateY(0px);opacity:1}
to{transform:skew(0deg,10deg) translateY(50px);opacity:0}
}

/*w-scroll-ani*/
.w-scroll-ani{opacity:0}
body.wd-show .w-scroll-ani.scrolled{animation:fadeInUp 0.5s both;animation-delay:0.2s}
/*fonts*/
@font-face {
    font-family:Inter;
    src: url('fonts/Inter-Bold.eot');
    src: url('fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-Bold.woff2') format('woff2'),
        url('fonts/Inter-Bold.woff') format('woff'),
        url('fonts/Inter-Bold.ttf') format('truetype'),
        url('fonts/Inter-Bold.svg#Inter-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:Raleway;
    src: url('fonts/Raleway-Regular.eot');
    src: url('fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Regular.woff2') format('woff2'),
        url('fonts/Raleway-Regular.woff') format('woff'),
        url('fonts/Raleway-Regular.ttf') format('truetype'),
        url('fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*fonts*/
h1,h2,.h1,.h2{font-family:Raleway,Arial,sans-serif;font-weight:bold;}
body,html{font-family:Raleway,Arial,sans-serif;font-weight:normal;}
.en{font-family:Raleway,Arial,sans-serif;}



/**/
body{/*background-attachment:fixed; background:url('../images/bottombg.jpg') no-repeat center bottom #fff;background-size:cover;*/}

.layout{width:94.79166666666667%;margin: 0 auto;}
.w1310{width: 1310px; margin: 0 auto;}	


@media (max-width:1440px) {
.w1310{width:91%;}	
}
@media (max-width:1270px) {
.w1310{width:91%;}	
.w1650{ padding:0;}	
}
@media (max-width:768px) {
.w1310{width:91%;}		
.container{ width:94%;}

}


/*header*/
.header{ height:100px; position: fixed;width:100%; z-index:99; background-color:#fff;}
.header .headerBox{position:relative; margin:0 auto;}

.header .logo{ position:absolute; left:0;top:0; line-height:100px;}
.header .logo a{ display:inline-block; line-height:55px; vertical-align:middle;}
.header .toplogo{}
.header .toplogo img{max-height:55px;vertical-align:middle;}



.header .close,.header .menu,.headerBg{ display:none;}
.header .top-right{}
.header{-webkit-transition:all .2s ease;-o-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.header.topfix{-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);box-shadow: 0px 0px 8px rgba(0,0,0,0.2); background-color:#ffffff;}
/*pc one*/
.header .nav{text-align:right; display:block!important; }
.header .nav .one{padding:0 0;display:inline-block;}
.header .nav .one > li{float:left;width:auto;text-align:center;line-height:100px;overflow:unset;z-index:999;justify-content:center;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; position:relative;}
.header .nav .one > li .a1{display:inline-block;font-size:20px; font-family:Raleway; color:#333333;line-height:30px; padding:0px 15px;}
.header .nav .one > li.on .a1,
.header .nav .one > li:hover .a1{color:#003686;}
/*toplan*/
.header .nav .btn-list{ display:inline-block !important; float:right;}
.header .nav .btn-list .f-box{ display:inline-block !important; line-height:100px; margin-left:25px; margin-right:8px; }
.header .nav .btn-list .f-box .searchbox{width:190px; height:46px; line-height:46px; color:#a1a1a1; border:1px solid #a1a1a1; border-radius:23px; padding-left:25px; padding-right:40px; position:relative;}
.header .nav .btn-list .f-box .search-btn{ width:40px; height:40px; background:none; position:absolute; z-index:100; top:30px; right:60px; background:url(../images/search.png) no-repeat center center; background-size:20px;}

.header .nav .btn-list .enli{ padding-right:0!important; display:inline-block !important; line-height:100px;}
.header .nav .btn-list .enli .enli_a{display:inline-block; text-align:center; font-size:16px; color:#a1a1a1;line-height:46px; width:46px; height:46px; border:1px solid #a1a1a1; border-radius:23px; }
.header .nav .btn-list .enli .enli_a:hover { background-color:#003686; color:#fff; }



@media (max-width: 1440px){
.header{ height:92px;}
.header .logo{line-height:92px;}
.header .nav .one > li{width:auto;line-height: 92px;text-align: center;}
.header .nav .one > li .a1{ padding:0px 10px;}


.header .nav .btn-list{ line-height:92px;}
.header .nav .btn-list .f-box{ line-height:92px;  margin-left:8px; }
.header .nav .btn-list .enli{line-height:92px;}

.header .nav .btn-list .f-box .searchbox{font-size: 15px;}
.header .nav .btn-list .f-box .search-btn{top:27px;}

.header .nav .one > li .a1{font-size: 15px;}
.header .nav .btn-list .enli .enli_a{font-size: 15px;}
}


@media screen and (min-width: 1024px) and (max-width: 1270px) {
.header .toplogo{ padding-right:20px;}
.header .toplogo img{max-height:40px;}
.header .nav .one > li{padding: 0 5px;}

.header .nav .btn-list .f-box .searchbox{width:120px;}
.header .nav .one > li .a1{font-size: 14px;}

}




@media (max-width: 1024px){
.header{ position:fixed; left:0; top:0; height:60px; z-index:100; box-shadow: 0 0 15px rgba(0,0,0,.2);}
.headerBg{height:60px;}
.header .close,.header .menu,.headerBg{ display: block;}
.header .logo{left:2%;top:0;line-height:60px;}
.header .top-right{padding-right:0;}
.header .nav{ position:fixed; left:-100%; top:0;margin:0; width:100%;text-align:left; height:100%; z-index:300;-webkit-transition: left 0.3s ease-in-out;-moz-transition: left 0.3s ease-in-out;-ms-transition: left 0.3s ease-in-out;-o-transition: left 0.3s ease-in-out;transition: left 0.3s ease-in-out;}
.header.active .nav{left:0;}
.header .nav .close{ background:url(../images/bgClose.png); position:absolute; width:100%; height:100%; left:0; top:0;-moz-transition: all 0.4s;-ms-transition: all 0.4s ;-o-transition: all 0.4s;transition: all 0.4s;}
.header .nav .close:after{ content:''; position:absolute; right:0;top:0; width:20%; height:60px;background:url(../images/close1.png) no-repeat center center #003686; background-size:5vw;}
.header .nav .one{ position:absolute; width:80%;background:#130c04;overflow:auto; height:100%; z-index:1;text-align:left; display:block; margin:0;}
.header .nav .one > li{ margin-left:0;padding: 0 0 0 25px;}
.header a{ color:#fff;}
.header .nav .one > li{ border-bottom:1px solid #4a4a4a; float:none; margin:0; line-height:60px;text-align:left;}
.header .nav .one > li .a1{ font-size:14px; line-height:60px; display:block;border:none;color:#fff; text-align:left;}

.header .nav .one > li:hover:after{display:none;}
.header .menu{position:absolute;right:0;top:0;z-index:1;cursor:pointer;}
.header .menu,
.header .menu img{width:60px;height:60px;display:block;transition:all 1.4s;}

.header .toplogo img{max-height:30px;}
.header .toplogo{ padding-right:0;background:none;}

.header .nav .btn-list{position:fixed; z-index:300; bottom:0;}

.header .nav .btn-list .f-box .searchbox{width:190px; height:36px; line-height:36px; color:#a1a1a1; border:1px solid #a1a1a1; border-radius:18px; padding-left:25px; padding-right:40px; position:relative;}
.header .nav .btn-list .f-box .search-btn{ width:36px; height:36px; background:none; position:absolute; z-index:100; top:32px; right:50px; background:url(../images/search.png) no-repeat center center; background-size:20px;}
.header .nav .btn-list .enli{ padding-right:0!important; display:inline-block !important; line-height:100px;}
.header .nav .btn-list .enli .enli_a{display:inline-block; text-align:center; font-size:12px; color:#a1a1a1;line-height:36px; width:36px; height:36px; border:1px solid #a1a1a1; border-radius:18px; }
.header .nav .btn-list .enli .enli_a:hover { background-color:#003686; color:#fff; }

}
@media (max-width: 768px){	
.header .nav .one > li .a1{ font-size:18px; line-height:60px;}
.header .two a{ font-size:16px; line-height:45px;}
.header .toplogo img{max-height:30px;}
.header .toplogo{ padding-right:0;background:none;}
}





/*toTop*/
/*.toTop{display:none; position:fixed;z-index:5;bottom:30px;right:30px;width:50px;height:50px;cursor:pointer;background:rgba(201,160,99,0.78) url("../images/top.png") no-repeat center;transition:all .3s linear;background-size:26px !important;border-radius:0px}
.toTop:hover{transform:translateY(-6px)}
@media (max-width:1270px){
.toTop{width:40px;height:40px;right:0;bottom:0}
}
*/



/************************************漂浮************************************/
#pfmenu{position:fixed;right:30px;top:50%;list-style-type:none;z-index:70;transition:all .3s;-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%); background-color:#fff; border-radius:10px;  box-shadow: 0 0 10px rgba(0,5,134,0.35); padding:10px;}

#pfmenu li{display:block;width:60px;height:60px;margin:0;position:relative;}
#pfmenu li a{display:block;position:relative;z-index:1;width:100%;height:20px;cursor:pointer;text-decoration:none; border-bottom:1px solid #eff0f1;padding-top:30px; padding-bottom:10px; text-align:center;}
#pfmenu li a span{ font-size:12px; font-style:normal;color:#474f62; text-align:center; line-height:30px;}

#pfmenu .pftel a{ background:url(../images/pf-icon1.png) no-repeat center 15px; background-size:15px; }
#pfmenu .pfcontact a{ background:url(../images/pf-icon2.png) no-repeat center 15px; background-size:15px; }
#pfmenu .pfmessage a{ background:url(../images/pf-icon3.png) no-repeat center 15px; background-size:15px; }
#pfmenu .pftop a{ background:url(../images/pf-icon4.png) no-repeat center 15px; background-size:15px; border:none; }

#pfmenu li a:hover span{ color:#0094FB; }
.pftel_bd{ display:none;background-color:#003686; position:absolute; color:#fff; width:150px; text-align:center; top:0; right:70px; line-height:24px; border-radius:10px; padding:5px 0;}
#pfmenu .pftel:hover .pftel_bd{ display:block;}

@media screen and (max-width:1024px){
#pfmenu{display:none;}		
}
   



/************************************Pagebanner************************************/
.pagebanner{ position:relative; overflow:hidden; display:block;}
.pagebannerBox {width:100%;overflow:hidden;margin:0 auto;text-align:center;position: relative; padding-bottom:27.60416666666667%; background-repeat:no-repeat; background-position:center top; background-size:100%; overflow:hidden; background-attachment:fixed;}
.pagebannerBox:after{ content:'';background-repeat:no-repeat;background-position:center top; background-size:100%; /*background-image:url(../images/banner-pagesd.png); */position:absolute; left:0;top:0; width:100%; height:100%; z-index:2;}
.pagebannerBox img{width:100%; display:none;}
.pagebannerBox .t {-webkit-transform: translateY(-50%);-moz-ttransform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); position:absolute;left:0;right:0;top:60%; margin:0 auto; z-index:3; text-align:center;}
.pagebannerBox .t .cn{font-size:44px;line-height:58px;display:block;display:block;position:relative; color:#fff; text-align:left; font-family:Inter;}

@media screen and (max-width: 1440px){
.pagebannerBox .t .cn{font-size:28px; }

}
@media screen and (max-width: 1280px){
.pagebannerBox .t .cn{font-size:26px; line-height:36px;}
}
@media screen and (max-width: 1024px){
.pagebannerBox .t .cn{font-size:22px; line-height:32px;}
}

@media screen and (max-width:768px) {
.pagebannerBox {padding-bottom:50%;background-size:cover;}
.pagebannerBox .t .cn{font-size:20px; line-height:28px;}
}


@media screen and (max-width:468px) {
.pagebannerBox {padding-bottom:70%;background-size:cover;}
.pagebannerBox .t .cn{font-size:18px; line-height:24px;}
}


/************************************Pagenav************************************/

.pagenav .navlist ul li{ float:left;}
.pagenav .navlist ul li a{ display:block; text-align:center; padding:30px 0px; font-family:Inter;  font-size:22px; font-weight:bold; color:#000000; line-height:28px; border-bottom:1px solid #ececec;}
.pagenav .navlist ul li a:hover{ color:#003686; border-bottom:3px solid #003686; }
.pagenav .navlist ul li a.on { color:#003686; border-bottom:3px solid #003686; }

@media screen and (max-width:768px) {
.pagenav .navlist ul li a{font-size:18px; line-height:18px;}
}


.pageinfo{ padding-top:50px; padding-bottom:50px; }
.pageinfo img{max-width:100%; height:auto;}



/*page-tab*/
.page-tab{margin:0 auto;padding:30px 0 30px 0;text-align: center; }
.page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;height:44px;line-height:44px;font-size: 0;}
.page-tab ul li{margin: 0;padding: 0;display: inline-block;position: relative;height:44px;line-height: 44px;}
.page-tab ul li a{display: inline-block;text-align: center;font-size: 15px;color: #646464; padding: 0 18px; margin:0 4px;height:42px;line-height:42px; border: 1px solid #646464; background: #ffffff; border-radius:22px;}
.page-tab ul li a:hover,.page-tab ul li a.focus{background:#003686;color: #fff;border-color:#003686;}
.page-tab ul li.next-page a, .page-tab ul li.prev-page a{padding: 0 18px;}
@media screen and (max-width:1024px){
.page-tab{margin:0 auto;padding:20px 0 20px 0;text-align: center; }
}
@media screen and (max-width:768px){
.page-tab ul li{ display:none;}	
.page-tab ul li.next-page, .page-tab ul li.prev-page{ display:inline-block;}
}




/************************************News************************************/
.pagenav.news .navlist ul li{ width:50%;}

.newslist ul{ margin:0px; padding:0px;}
.newslist ul li{ display:block; margin:20px 0px; border:1px solid #ededed; overflow:hidden;  background-color:#fff;}
.newslist .date{ width:15%; float:left; border-bottom:4px solid #e60012; background-color:#003686; text-align:center; padding:70px 0px;}
.newslist .date .day{ display:inline-block; font-family:Inter; font-size:58px; line-height:58px; color:#fff; font-weight:bold;}
.newslist .date .rq{ display:inline-block; font-family:Inter; font-size:17px; line-height:17px; color:#fff; margin-top:5px;}
.newslist .news_r{ width:85%; float:left; }
.newslist .news_r a{ display:block;padding:32px 40px; background-color:#fff; }
.newslist .news_r .news_title{ font-family:Inter; font-size:24px; line-height:28px; font-weight:bold; color:#333333;  text-overflow:ellipsis;}
.newslist .news_r .news_txt{ font-family:Inter; font-size:16px; line-height:28px;  color:#646464; margin:20px 0px; height:54px; overflow:hidden;}
.newslist .news_r .news_more{ font-family:Inter; font-size:14px; line-height:7px; color:#c2c2c2;}

.newslist .news_r a:hover .news_title{ color:#269cfb;}
.newslist .news_r a:hover .news_more{ color:#269cfb;}
.newslist ul li:hover{ background-color:#f3f3f3;}
.newslist ul li:hover a{ background-color:#f3f3f3;}


@media screen and (max-width: 1280px){
.newslist .news_r a{ display:block;padding:20px 20px; background-color:#fff; }
.newslist .news_r .news_title{ font-family:Inter; font-size:22px;  line-height:22px; font-weight:bold; color:#333333; text-overflow:ellipsis; }
}

@media screen and (max-width: 1024px){
.newslist .news_r a{ display:block;padding:20px 20px; background-color:#fff; }
.newslist .news_r .news_title{ font-family:Inter; font-size:18px;  line-height:22px; font-weight:bold; color:#333333; text-overflow:ellipsis; }
.newslist .news_r .news_txt{ font-family:Inter; font-size:14px; line-height:24px;  color:#646464; margin:15px 0px;}
}

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

.newslist ul li{position:relative;}	
.newslist .date{ width:15%; padding:20px 0px;}
.newslist .date .day{  font-size:22px; line-height:28px; }
.newslist .date .rq{  font-size:12px; line-height:17px; margin-top:5px;}	

.newslist .news_r a{padding:10px;  }
.newslist .news_r .news_title{ font-size:14px; line-height:18px; height:36px; overflow:hidden;  }
.newslist .news_r .news_txt{ display:none;}
.newslist .news_r .news_more{ position:absolute; bottom:10px; font-size:12px;}
	
}

@media screen and (max-width: 468px){
.newslist ul li{position:relative;}	
.newslist .date{ width:25%; padding:10px 0px;}
.newslist .date .day{  font-size:22px; line-height:28px; }
.newslist .date .rq{  font-size:12px; line-height:17px; margin-top:5px;}	
.newslist .news_r{ width:75%; float:left; }
.newslist .news_r a{padding:10px;  }
.newslist .news_r .news_title{ font-size:14px; line-height:18px; height:36px; overflow:hidden;  }
.newslist .news_r .news_txt{ display:none;}
.newslist .news_r .news_more{ position:absolute; bottom:10px; font-size:12px;}
	
}




/************************************info************************************/


.info_left{ width:20%; float:left;}
.info_t{font-size:20px; font-family:Inter; font-weight:bold; line-height:26px; color:#333333; border-top:3px solid #e60012; padding:30px 0 50px 0;}
.info_contact{ font-family:Inter; font-size:18px; line-height:26px; color:#333333; }
.info_right{width:80%; float:right;}
.info_r_box{ margin-left:40px; padding:70px 40px;border:1px solid #eeeeee;}

.info_title{font-family:Inter; font-weight:bold; font-size:30px; line-height:40px; color:#333333; margin-bottom:60px; text-align:center;}

.info_r_box .date{font-family:Inter;  font-size:16px; border-top:1px solid #eeeeee;  border-bottom:1px solid #eeeeee; height:38px; line-height:38px; text-align:center;}
.info_r_box .date span{  background:url(../images/info-date.png) no-repeat left center; background-size:16px; padding-left:30px; }

.info_r_box .info_txt{ padding-top:40px; font-family:Inter; font-size:16px; line-height:28px; color:#646464;}


.infolast{ margin-top:70px; }
.infolast ul li{font-family:Inter; display:block; width:50%; float:left; height:60px; line-height:60px; font-size:16px; color:#646464;}
.infolast ul li span{ font-weight:bold; padding:0px 25px;}
.infolast .prev-info{ border:1px solid #d2d2d2; margin:0px 10px 20px 0px; padding-right:20px;}
.infolast .next-info{ border:1px solid #d2d2d2; margin:0px 0px 20px 10px; padding-right:20px;}
.infolast ul li a{ display:block; height:60px; line-height:60px; overflow:hidden; text-overflow:ellipsis;}
.infolast ul li a:hover{color:#003686; }

.infoback{height:60px; line-height:60px; font-size:16px; color:#646464; text-align:center; border:1px solid #d2d2d2; margin-top:20px; margin-bottom:40px;}
.infoback a{ display:block;}
.infoback a:hover{ background-color:#003686; color:#ffffff;}

@media screen and (max-width: 768px){
.infolast ul li{width:100%; float:none; margin-bottom:20px;}
.infolast .prev-info{  margin:0px; padding-right:20px;}
.infolast .next-info{  margin:0px; padding-right:20px;}
.infoback{ margin-top:0px;}
}




/************************************Contact indexform************************************/

.indexform .index_text h1{display:block;line-height:1;color:#003686;font-size:42px;font-weight:bold; font-family:Inter;}
.indexform .index_text h2{display:block;line-height:1;color:#333333;font-size:28px; font-weight:bold; font-family:Inter; margin-top:20px; margin-bottom:60px;}
@media screen and (max-width:1440px){
.indexform .index_text h1{font-size:32px;}
.indexform .index_text h2{font-size:28px;}
}

@media screen and (max-width:1270px){
.indexform .index_text h1{font-size:28px;}
.indexform .index_text h2{font-size:24px;}

}



@media screen and (max-width:1024px){
.indexform .index_text h1{font-size:22px;}
.indexform .index_text h2{font-size:20px;}
}

@media screen and (max-width:768px){
.indexform .index_text h1{font-size:20px;}
.indexform .index_text h2{font-size:18px;}
}


.indexform{position:relative;overflow:hidden;background:url(../images/index-formbg.jpg) center no-repeat; background-size:cover;/*background-attachment:fixed;*/}
.indexform .index_text{ margin:0 auto;text-align:center;position:relative;top:0;left:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
.indexform .index_text h1{ line-height:50px; margin-bottom:30px;}

.indexform .indexcontact{ overflow:hidden;}
.indexform .indexcontact ul{ margin:0px; padding:0px;}
.indexform .indexcontact li{ width:33.3333%; float:left;}

.indexform .indexcontact .box{ padding:20px;}
.indexform .indexcontact .box span{ display:block;}

.indexform .indexcontact .box .emailtxt{background:url(../images/index-form1.png) no-repeat left center; background-size:65px;}
.indexform .indexcontact .box .teltxt{background:url(../images/index-form2.png) no-repeat left center; background-size:65px;}
.indexform .indexcontact .box .addtxt{background:url(../images/index-form3.png) no-repeat left center; background-size:65px;}

.indexform .indexcontact .box .emailtxt{ padding-left:85px; font-family:Inter; font-size:24px; font-weight:bold; color:#003686; line-height:33px; margin-top:11px; min-height:66px;}
.indexform .indexcontact .box .teltxt{ padding-left:85px; font-family:Inter;  font-size:24px; font-weight:bold; color:#003686; line-height:33px; margin-top:11px;min-height:66px;}
.indexform .indexcontact .box .addtxt{ padding-left:85px; font-family:Inter;  font-size:16px; color:#003686; line-height:33px;min-height:66px;}


.indexform .indformbox{ width:70.2290%; margin:0px auto; margin-top:20px;}
.indexform .indformbox input,select,textarea{ width:100%; display:inline-block; border:1px solid #ced4da; border-radius:5px; background-color:#fff;}
.indexform .indformbox .formlist{ width:50%; float:left; position:relative;}
.indexform .indformbox .formlist2{ margin:12px 15px; position:relative;}
.indexform .indformbox .formlist .listbox{ margin:12px 15px;}

.indexform .indformbox input{ font-size:16px; color:#626262; height:56px; line-height:56px; padding-left:20px; padding-right:10px;}
.indexform .indformbox select{ height:56px; line-height:56px; font-size:16px; /*color:#626262;*/padding-left:20px; padding-right:10px; background:url(../images/index-form-bg.png) no-repeat right center #fff; background-size:55px;}
.indexform .indformbox select option{ font-size:16px; /*color:#626262;*/}
.indexform .indformbox textarea{ font-size:16px; color:#626262; line-height:32px; padding:20px; min-height:150px;}

.indexform .indformbox .bnt{ display:block; width:230px; margin:0px auto; background-color:#003686; font-family:Inter;  font-size:16px; font-weight:bold; height:66px; line-height:66px; padding:0px; border:none; border-radius:5px; color:#fff; text-align:center; margin-top:48px;  box-shadow: 0 0 10px rgba(0,5,134,0.35); -moz-transition:all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; }
.indexform .indformbox .bnt:hover{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}


@media screen and (max-width:1270px){
.indexform .index_text h1{ line-height:35px; margin-bottom:20px;}	
.indexform .indexcontact .box{ padding:10px;}
.indexform .indexcontact .box .emailtxt{background:url(../images/index-form1.png) no-repeat left center; background-size:45px;}
.indexform .indexcontact .box .teltxt{background:url(../images/index-form2.png) no-repeat left center; background-size:45px;}
.indexform .indexcontact .box .addtxt{background:url(../images/index-form3.png) no-repeat left center; background-size:45px;}

.indexform .indexcontact .box .emailtxt{ padding-left:65px; font-family:Inter;  font-size:20px; font-weight:bold; color:#003686; line-height:33px; margin-top:11px;}
.indexform .indexcontact .box .teltxt{ padding-left:65px; font-family:Inter;  font-size:20px; font-weight:bold; color:#003686; line-height:33px; margin-top:11px;}
.indexform .indexcontact .box .addtxt{ padding-left:65px; font-family:Inter;  font-size:14px; color:#003686; line-height:23px;}

.indexform .indformbox textarea{ min-height:100px; line-height:28px;}
.indexform .indformbox .bnt{width:200px; height:56px; line-height:56px;  margin-top:48px; }



}

@media screen and (max-width:1024px){
	
.indexform  .index_text h1{ margin-bottom:20px;}
.indexform  .index_text h1{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}

.indexform .indexcontact .box .emailtxt{background:url(../images/index-form1.png) no-repeat left 12px; background-size:45px;}
.indexform .indexcontact .box .teltxt{background:url(../images/index-form2.png) no-repeat left 12px; background-size:45px;}
.indexform .indexcontact .box .addtxt{background:url(../images/index-form3.png) no-repeat left 12px; background-size:45px;}

.indexform .indexcontact .box .emailtxt{ padding-left:55px; font-family:Inter;  font-size:16px; font-weight:bold; color:#003686; line-height:33px; margin-top:0px;}
.indexform .indexcontact .box .teltxt{ padding-left:55px; font-family:Inter;  font-size:16px; font-weight:bold; color:#003686; line-height:33px; margin-top:0px;}
.indexform .indexcontact .box .addtxt{ padding-left:55px; font-family:Inter;  font-size:14px; color:#003686; line-height:23px;}

}

@media screen and (max-width:768px){
.indexform  .index_text h1{ line-height:25px; margin-bottom:20px;}	
.indexform .indexcontact li{ width:50%; float:left;}
.indexform .indexcontact li.li3{ width:100%; margin:0px auto; float:none; clear:both;}

.indexform .indexcontact .box .emailtxt{background:url(../images/index-form1.png) no-repeat left 12px; background-size:40px;}
.indexform .indexcontact .box .teltxt{background:url(../images/index-form2.png) no-repeat left 12px; background-size:40px;}
.indexform .indexcontact .box .addtxt{background:url(../images/index-form3.png) no-repeat left 12px; background-size:40px;}
.indexform .indexcontact .box .addtxt{background:url(../images/index-form3.png) no-repeat left center; background-size:40px;}

.indexform .indformbox{ width:100%;}
.indexform .indformbox input{ height:46px; line-height:46px;}
.indexform .indformbox select{ height:46px; line-height:46px;}

}

@media screen and (max-width:560px){
.indexform .indexcontact li{ width:100%; float:none;}	
.indexform .indformbox .formlist{ width:100%; float:none;}	

.indexform .indexcontact .box .emailtxt{background:url(../images/index-form1.png) no-repeat left 8px; background-size:40px;}
.indexform .indexcontact .box .teltxt{background:url(../images/index-form2.png) no-repeat left 8px; background-size:40px;}
.indexform .indexcontact .box .emailtxt{ line-height:28px;}
.indexform .indexcontact .box .teltxt{line-height:28px;}

.indexform .indformbox input{ font-size:14px; height:46px; line-height:46px;}
.indexform .indformbox select{ height:46px; line-height:46px; font-size:14px;}
.indexform .indformbox select option{ font-size:14px;}
.indexform .indformbox textarea{ font-size:14px; color:#626262; line-height:32px;}

.indexform .indformbox .bnt{width:150px; height:46px; font-size:14px; line-height:46px;  margin-top:28px;  }

}


/************************************Service************************************/
.servicebox{ margin-top:80px;}
.servicebd{font-family:Raleway; font-size:26px; line-height:40px; color:#333333; margin-bottom:95px;}
.servicetxt{width:1330px; margin:0px auto;}
.servicetxt img{ margin:5px;}
.pagenav.service .navlist ul li{ width:33.3333%;}

@media screen and (max-width: 1440px){	
.servicetxt{width:100%; margin:0px auto;}	
}

@media screen and (max-width: 1280px){
.servicebd{font-family:Raleway; font-size:24px; line-height:40px; color:#333333; margin-bottom:95px;}
.pagenav.service .navlist ul li a{ font-size:18px;}
}

@media screen and (max-width: 1024px){
.servicebox{ margin-top:45px;}	
.servicebd{ font-size:18px; line-height:24px; margin-bottom:45px;}
.pagenav.service .navlist ul li a{ font-size:14px;}
}

@media screen and (max-width: 768px){
.pagenav.service .navlist ul li a{ height:40px !important; padding:0px !important;}

	
}

@media screen and (max-width: 468px){
.pagenav.service .navlist ul li{ width:100%;}
.pagenav.service .navlist ul li a{ line-height:40px !important; }	
}


/************************************product***********************************/
.product{ position:relative;}
.pronavbox{ width:210px; position:absolute;top:306px;}
.pronavlist ul li{ padding-right:25px;border-right:3px solid #f6f7fb;}
.pronavlist ul li a{ display:block; background-color:#fffff; font-size:18px; color:#333333;  padding-right:50px; text-align:right; line-height:100px;}

.pronavlist ul li:hover{ border-right:3px solid #003686;background-color:#f6f7fb;}
.pronavlist ul li a:hover{background-color:#f6f7fb; }

.pronavlist ul li.on{border-right:3px solid #003686; background-color:#f6f7fb;}

.pronavlist ul li .a1{background:url(../images/proicon1.png) no-repeat right center; background-size:35px;}
.pronavlist ul li .a2{background:url(../images/proicon2.png) no-repeat right center; background-size:35px;}

.probox .proname{ font-family:Inter; font-size:34px; font-weight:bold; color:#003686; text-align:center; padding:55px 20px 70px 20px;}
.protit{ text-align:center;} 
.protit span{ font-size:18px; color:#4b4b4b; line-height:28px; padding:8px 12px; margin:0px 23px; border-radius:10px; cursor:pointer;}
.protit .active{ background-color:#003686; color:#fff;}

.proinfobox { margin-top:60px; padding-left:240px; margin-bottom:110px; min-height:300px;}
.pro_txt{ font-family:Inter;  font-size:16px; color:#646464; line-height:40px;}
.pro_txt table{ width:100%;}
.pro_txt .td1{padding:45px;  background-color:#f6f7fb; width:65%;}
.pro_txt .td2{ padding-left:15px;}
@media screen and (max-width: 1440px){	
.pronavbox{ width:100%; position:static; text-align:center; margin-top:40px; }
.probox .proname{  padding:0px 20px 50px 20px;}
.pronavlist ul{ display:inline-block; text-align:center;}
.pronavlist ul li{ width:210px; float:left; }
.proinfobox {padding-left:0px;}

}

@media screen and (max-width: 1024px){	
.pro_txt .td1{ width:auto !important;}
.pro_txt table td{ width:auto; display:block !important; word-break:break-all;  }
.pro_txt .td2{ padding:20px !important; text-align:center; }
}

@media screen and (max-width:768px){	
.protit span{  margin:0px 10px; }

.pronavlist ul li{ width:160px; }
.pronavlist ul li a{ line-height:80px;}

}

@media screen and (max-width:468px){	
.pronavlist ul li{ width:200px; float:none; }
.pro_txt .td1{padding:15px; line-height:30px;}
.protit span{ font-size:16px;  margin:0px; }
.probox .proname{ font-size:24px;  padding:0px 0px 20px 0px;}
.proinfobox { margin-top:40px;  margin-bottom:0px;}
}


/************************************product2***********************************/
.proinfobox .adname{ display:block; text-align:center; font-family:Inter; font-weight:bold; font-size:34px; line-height:34px; color:#003686; margin-bottom:20px;}
.proinfobox .adtxt{ display:block; text-align:center; font-family:Inter;  font-size:18px; line-height:26px; color:#333333; margin-bottom:70px;}

.proinfobox .admid{ max-width:1070px; margin:0px auto;  overflow:hidden;}
.proinfobox .adbox{ width:50%; float:left; max-width:585px;}
.proinfobox .adbox .atd{ line-height:0px;}
.proinfobox .adbox .atd1{ display:block; min-height:265px; padding:55px 55px 0px 55px; border:1px solid #e3e3e3; border-top:0px;}
.proinfobox .adbox .atd2{ display:block; min-height:265px; padding:55px 55px 0px 55px; border:1px solid #e3e3e3; border-left:0px;border-top:0px;}
.proinfobox .adbox span{ display:block;font-family:Inter; font-weight:bold; font-size:28px; line-height:28px; color:#003686; margin-bottom:30px;}
.proinfobox .adbox{ font-family:Raleway; font-size:16px; line-height:28px; color:#333333;}
.pronavbox.proad{ top:270px;}

.proinfobox .adname.btline{ margin:60px 0px;}

@media screen and (max-width: 1440px){
.proinfobox.ad{ margin-top:40px;}		
}

@media screen and (max-width: 1024px){
.proinfobox.ad{ margin-top:30px;}
.proinfobox .adbox span{ font-size:26px; line-height:26px;margin-bottom:20px;}
.proinfobox .adbox .atd1{ min-height:280px; padding:35px 35px 0px 35px; }	
.proinfobox .adbox .atd2{ min-height:280px; padding:35px 35px 0px 35px; }			
}


@media screen and (max-width: 768px){
.proinfobox .adname{ font-size:24px; line-height:24px; color:#003686; margin-bottom:20px;}	
.proinfobox .adtxt{ margin:0px auto; max-width:535px; margin-bottom:40px;}

.proinfobox .admid{ max-width:535px;}

.proinfobox .adbox{ width:100%; float:none; margin:0px auto; margin-bottom:35px;}
.proinfobox .adbox .atd1{ min-height:265px; padding:35px 35px 0px 35px; border:1px solid #e3e3e3; border-top:0px;}
.proinfobox .adbox .atd2{ min-height:265px; padding:35px 35px 0px 35px; border:1px solid #e3e3e3; border-top:0px;}
.proinfobox .adbox span{font-size:24px; line-height:24px; color:#003686; margin-bottom:30px;}

.proinfobox .adname.btline{ margin:40px 0px;}
	
}


@media screen and (max-width: 535px){
.proinfobox.ad{ margin-top:0px;}	
.proinfobox .adtxt{ font-size:16px; line-height:24px; margin-bottom:20px; padding:0px 20px;}

.proinfobox .adbox{ margin-bottom:20px;}	
.proinfobox .adbox .atd1{ min-height:265px; padding:15px 15px 0px 15px; }
.proinfobox .adbox .atd2{ min-height:265px; padding:15px 15px 0px 15px;}	
.proinfobox .adbox span{margin:20px 0px;}

.proinfobox .adname.btline{ margin:20px 0px;}
}




/************************************about************************************/
.pagenav.about .navlist ul li{ width:25%;}

.about1{ padding-top:65px; padding-bottom:170px;background:url(../images/about-bg.jpg) center bottom no-repeat; background-size:100%;}
.pageabTable .td1{ width:47.3%; padding-right:2.7%;}
.pageabTable .td2{ width:50%; text-align:left;}

.pageabTable .td1 span{font-family:Inter; font-weight:bold; font-size:42px; line-height:42px; color:#003686; background:url(../images/mfy.png) right top no-repeat; background-size:64px; padding-right:80px; }
.pageabTable .td1{font-family:Inter; font-weight:bold; font-size:22px; line-height:28px; color:#333333;}
.pageabTable .td1 .about1pic{ margin-top:160px;}
.pageabTable .td2{font-family:Raleway; font-size:18px; line-height:28px; color:#333333;}
.pageabTable .td2 span{ padding-top:75px; float:right;}

@media screen and (max-width:1620px){
.about1 {padding-top:1.15rem;padding-bottom:1.2rem;}
.pageabTable {padding-top:1.05rem;}
}

@media screen and (max-width:1260px){
.pageabTable td{ display:block!important; width:100%!important;}	
.pageabTable .td1 .about1pic{ margin-top:140px;}
.pageabTable .td2{ padding-top:5%;}
}

@media screen and (max-width:1024px){
.pageabTable td{ display:block!important; width:100%!important;}	
.pageabTable .td1 .about1pic{ margin-top:60px;}
}

@media screen and (max-width:768px){	
.pageabTable td{ display:block!important; width:100%;}
.pagenav.about .navlist ul li{ width:100%;}
.pagenav.about .navlist ul li a{ padding:20px 0;} 

.pageabTable .td1 span{ font-size:26px; line-height:26px;  background:url(../images/mfy.png) right top no-repeat; background-size:58px; padding-right:60px; }
.pageabTable .td1{font-size:18px; line-height:24px; }
.pageabTable .td2{font-size:16px; line-height:24px; }
.pageabTable .td2 span{ padding-top:25px; float:right;}
.pageabTable .td1 .about1pic{ margin-top:30px;}
}

/****about vision******/
.vsbox{ background-color:#f7f8f9; padding-bottom:80px;}
.vsbox .vsname{ text-align:center; margin-top:115px; margin-bottom:90px;}
.vsbox .vsname span{font-family:Inter; font-weight:bold; font-size:42px; line-height:42px; color:#003686; background:url(../images/mfy.png) right top no-repeat; background-size:64px; padding-right:80px; margin:0px auto; }

.vsbox .abvision ul li{ width:50%; float:left;}
.vsbox .vision{ border-top:3px solid #d5d5df;}
.vsbox .vision.v1{margin-right:15px;border-top:3px solid #e60012;}
.vsbox .vision.v2{ margin-left:15px;}
.vsbox .v1 .vstbox{ margin-top:35px; padding-left:90px; background:url(../images/vicon1.png) left top no-repeat; background-size:50px;}
.vsbox .v2 .vstbox{ margin-top:35px; padding-left:90px; background:url(../images/vicon2.png) left top no-repeat; background-size:50px;}
.vsbox .vision .vstbox .vstitle{ display:block;font-family:Inter; font-weight:bold; font-size:30px; line-height:30px; color:#003686; padding-bottom:35px; }
.vsbox .vision .vstbox .vstxt{ display:inline-block; font-family:Raleway; font-size:18px; line-height:28px; color:#333333; min-height:130px;}
.vsbox .vision .vsimg{ /*margin-top:70px;*/}

@media screen and (max-width:768px){	
.vsbox .vsname{ text-align:center; margin-top:65px; margin-bottom:40px;}
.vsbox .vsname span{font-size:26px; line-height:26px;background:url(../images/mfy.png) right top no-repeat; background-size:58px; padding-right:60px; }
.vsbox .vision .vstbox{ margin-top:25px; padding-left:80px; background:url(../images/vicon1.png) left top no-repeat; background-size:40px;}
.vsbox .vision .vstbox .vstitle{font-size:26px; line-height:26px; color:#003686; padding-bottom:20px; }

}

@media screen and (max-width:640px){
.vsbox{  padding-bottom:40px;}		
.vsbox .abvision ul li{ width:100%; float:none;}
.vsbox .vision.v1{margin-right:0px; margin-bottom:30px;}
.vsbox .vision.v2{ margin-left:0px;}
.vsbox .vsname{ margin-top:45px; margin-bottom:40px;}
.vsbox .vsname span{font-size:26px; line-height:26px;background:url(../images/mfy.png) right top no-repeat; background-size:58px; padding-right:60px; }

.vsbox .v1 .vstbox{  padding-left:60px; background:url(../images/vicon1.png) left top no-repeat; background-size:40px;}
.vsbox .v2 .vstbox{  padding-left:60px; background:url(../images/vicon2.png) left top no-repeat; background-size:40px;}
.vsbox .vision .vstbox .vstitle{font-size:24px; line-height:24px; color:#003686; padding-bottom:20px; }
.vsbox .vision .vstbox .vstxt{ font-size:16px; line-height:24px; color:#333333; min-height:100px;}
}




/****about Culture******/
.culturebox{ background:url(../images/culture-bg.jpg) center top no-repeat; background-size:100% cover;padding-bottom:70px;}
.culturebox .clname{ text-align:center; margin-top:100px; margin-bottom:70px;}
.culturebox .clname span{font-family:Inter; font-weight:bold; font-size:42px; line-height:42px; color:#003686; background:url(../images/mfy.png) right top no-repeat; background-size:64px; padding-right:80px; margin:0px auto; }

.culturebox .abcl ul{ background-color:rgba(255,255,255,0.8); padding:75px 0px; overflow:hidden;}
.culturebox .abcl ul li{ width:33.3333%; float:left;}

.culturebox .clbox{ border-right:1px solid #d8d9dd; padding:30px; min-height:360px; }
.culturebox .clbox.c3{ border:none;}
.culturebox .clbox .cltitle{ display:block; text-align:center; font-family:Inter; font-weight:bold; font-size:30px; line-height:32px; color:#003686; min-height:94px; padding-top:30px; padding-bottom:20px; }
.culturebox .clbox .cltxt{ display:block;  font-family:Raleway;  font-size:18px; line-height:22px; color:#333333; padding-bottom:35px; }

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

.culturebox .clbox{  padding:15px; min-height:260px; }
.culturebox .abcl ul{padding:45px 0px;}
.culturebox .clbox .cltitle{ font-size:24px; line-height:26px; color:#003686; min-height:74px; padding-top:0px; padding-bottom:10px; }
.culturebox .clbox .cltxt{ font-size:14px; line-height:16px; color:#333333; padding-bottom:35px; }
}


@media screen and (max-width:768px){	
.culturebox .clname{ margin-top:50px; margin-bottom:30px;}
.culturebox .clname span{ font-size:26px; line-height:26px;  background:url(../images/mfy.png) right top no-repeat; background-size:58px; padding-right:60px; }

.culturebox .abcl ul li{ display:block; width:80%; margin:0px auto; float:none;}
.culturebox .clbox{  padding:15px; min-height:auto; border:none; }

.culturebox .clbox .cltitle{ font-size:22px; line-height:24px; color:#003686; min-height:auto; padding-top:0px; padding-bottom:20px; }
.culturebox .clbox .cltxt{  padding-bottom:10px; }

}


/*history*/

.historybox{ background-color:#e2edf7; padding-bottom:100px;}
.historybox .hisname{ text-align:center; margin-top:100px; margin-bottom:70px;}
.historybox .hisname span{font-family:Inter; font-weight:bold; font-size:42px; line-height:42px; color:#003686; background:url(../images/mfy.png) right top no-repeat; background-size:64px; padding-right:80px; margin:0px auto; }

.BrandBox .BrandImgBox{width:56.79389312977099%;height:auto; float:left; text-align:left; overflow:hidden;}
.BrandBox .BrandImgBox .swiper-slide{width:100%;}
.BrandBox .BrandImgBox .ImgBox{width:100%;height:auto;text-align:left; overflow:hidden; /*padding-bottom:77.92207792207792%;*/}
.BrandBox .BrandImgBox .ImgBox img{width:100%;height:auto;display:block;}
.BrandBox .BrandImgBox .ImgBox img,
.BrandBox .BrandImgBox .ImgBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}

/*BrandBox*/
.BrandBox{margin:0 auto;position:relative;}
/*BrandList*/
.BrandBox .BrandlunboBox{width:48%;position:absolute;left:52%;top:0; height:100%;}

.BrandBox .Brandlunbo{width:100%;position:absolute; left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}



.BrandBox .BrandList{font-size:0; line-height:0; margin:0px; padding:0px;}
.BrandBox .BrandList li{width:100%; display:block;background:#ffffff;}

.BrandBox .BrandList li .item{ padding:80px 40px 60px 40px; }


.BrandBox .BrandList li .info{position:relative;}
.BrandBox .BrandList li .t{font-size:30px;color:#003686; font-family:Inter; font-weight:bold;margin-bottom:30px;}

.BrandBox .BrandList li .text{font-family:Raleway; font-size:18px;color:#333333;line-height:28px;height:150px;overflow:auto; padding-bottom:20px; padding-right:60px;}

.BrandBox .BrandList li .text::-webkit-scrollbar {width: 2px;background-color: #e5e5e5;}
.BrandBox .BrandList li .text::-webkit-scrollbar-thumb {background-color:#003686;}
.BrandBox .BrandList li a{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}


/*Brandlunbobtn*/
.historybox .Brandlunbobtn{ text-align:center;position:absolute; right:40px; bottom:45%; width:60px; z-index:100;}

.historybox .swiper-button-prev{ display:inline-block; margin-right:8px;opacity: 0.5;width:16px; height:32px;position:static; left:0;border-radius:50%;background: url("../images/left.png") center center no-repeat;background-size:100%; z-index:2; outline:none;}

.historybox  .swiper-button-next{ display:inline-block;opacity:0.5;width:16px; height:32px;position:static;right:0;border-radius:50%;background: url("../images/right.png") center center no-repeat;background-size:100%; z-index:2; outline:none;}

.historybox .swiper-button-prev.swiper-button-disabled, 
.historybox .swiper-button-next.swiper-button-disabled{opacity:0.5;}
.historybox .swiper-button-prev:hover,
.historybox .swiper-button-next:hover{opacity:1;}


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

.BrandBox .BrandList li .item{ padding:40px 30px 40px 30px; }
}

@media screen and (max-width:992px){
.BrandBox .BrandImgBox{width:100%;float:none;}
.BrandBox .BrandlunboBox{width:100%;position: static; left:0%;height:auto; margin-bottom:30px;}
.BrandBox .Brandlunbo{width:100%;position:static; left:0;top:0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0); margin-bottom:30px;}

.historybox .Brandlunbobtn{ text-align:center;position:absolute; right:40px; bottom:25%; width:60px; z-index:100;}

.BrandBox .BrandList li .text{ padding-right:100px;}

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

}