/*font-size*/
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size: 20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_28 { font-size:28px;}
.fnt_32 { font-size:32px; line-height:34px; }
.fnt_36 { font-size:36px;}
.fnt_45 { font-size: 45px;}
.fnt_48 { font-size: 48px;}
.fnt_66 {font-size: 66px;}
.fnt_120 { font-size: 120px;}




/*公用样式开始*/
.wrap{max-width: 1280px; width: 92%; margin:0 auto;}
/*内页banner*/
.banner{text-align: center; background-repeat: no-repeat; background-size: cover;}
.banner img{width:100%;}






.ratio-img,.ratio-img img{width: 100%; max-height: 100%; }

.index_body{background:#eeeeee;position: relative;}
.header{height: 100px; background: #fff; position:fixed; left: 0; top:0; width: 100%;z-index: 999;}
.scrollHeader .header{ box-shadow: 0px 0px 10px #555;}
.Header_Hight{height: 100px;}

.headern>.wrap{padding-top: 20px; overflow: hidden; position: relative;}
.headern>.wrap>a{position: absolute; right:0; top:10px;}
.headern h1{float: left; width: 180px;}
.headern h1 img{width: 100%;}

.header>.wrap{padding-top: 20px; overflow: hidden; position: relative;}
.header>.wrap>a{position: absolute; right:0; top:10px;}
.header h1{float: left; width: 180px;}
.header h1 img{width: 100%;}
.nav{float: left; padding-top: 20px; margin-left: 60px;}
.nav ul{overflow: hidden;}
.nav>ul>li{float: left; font-size: 18px;height: 60px; margin: 0 22px; }
.nav>ul>li>a{display: block; position: relative; height: 100%; padding: 0 12px; }
.nav>ul>li>a>em{position: absolute; left: 50%; bottom: 0; width: 0; height: 4px; background: #d9151d;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.nav>ul>li.on>a>em{ left: 0; width: 100%;}
.navlist{position: absolute; left: 0; top:100px; width: 100%; height: 50px; line-height: 50px; background: #d8252d; color: #fff;}
.navlist a{color: #fff;}
.navlist a:hover{color: #fff !important;}
.navlist ul{overflow: hidden; position: absolute; font-size: 14px;}
.navlist ul li{float: left;}
.navlist ul li a{display: inline-block;}
.navlist ul li i{ margin: 0 40px;}
.navlist ul li i img{vertical-align: middle;}
.navlist ul li:last-child i{display: none;}
@media only screen and (max-width: 1280px){
.navlist ul li i{margin: 0 20px;}
}


.search{ float: right; width: 280px; height: 30px; line-height: 30px; border-radius: 20px; background: #fff; border-bottom:1px solid #f6f6f5; margin-top: 20px;box-shadow: inset 2px 3px 6px #d3d3d3;}
.search input{width: 215px; height: 30px; line-height: 30px; padding:0 20px; padding-right: 0px; border: none; outline: none; background: none; float: left;}
.search button{border: none; outline: none; background: none; width: 40px; height: 30px; text-align: center; float: right;}
.search button img{vertical-align: middle; margin-top: -2px}
.phone_search{display: none}


.index_body .footer{padding-top: 40px;}

/*banner*/
.inbanner{width: 100%;overflow: hidden;z-index:2;  background:#fff;position: relative;}
.inbanner img{width: 100%;height:100%;}
.inbanner li{position: relative;overflow: hidden;}
.inbanner li a{display: block;width: 100%;height: 100%;}
.inbanner li a h4{position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%);z-index: 3;color: #fff;width: 100%;text-align: center;}
.inbanner li a h4 span{display: block;text-align: center;letter-spacing: 10px;}
.inbanner li video{position: absolute;top: 0; width: 100%; height:100%;background:#000;}
.inbanner .swiper-button-next ,.inbanner .swiper-button-prev{display: none !important;}
.inbanner .swiper-pagination-bullet{background: #fff;width: 9px;height: 9px;vertical-align: middle; margin-top: 0px; opacity: 1; margin: 0 12px !important; transition: all .5s; }
.inbanner .swiper-pagination-bullet-active{background: #fff;width: 16px;height: 16px;}
.inbanner .swiper-container-horizontal>.swiper-pagination-bullets,.inbanner .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 32px;}



@media only screen and (min-width:1023px){
a{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
a:hover{color: #d9151d;}
.index_new h3 a:hover,.footer .foot_le a:hover,.foot_re_p a.xhr:hover{color: #d9151d;}
.nav>ul>li:hover>a>em{left: 0; width: 100%; }
.index_more a:hover,.index_new_more a:hover{color: #fff;opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}

.index_block02 li:hover .index_cy_text02{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
.index_block02 li:hover .index_cy_text01{-webkit-transform: translateY(150%);-moz-transform: translateY(150%);-o-transform: translateY(150%);-ms-transform: translateY(150%);transform: translateY(150%);} 


}




/* 20180723 */
.main>img{width: 100%;}

/* 20181120 */
.langChange{    font-size: 12px;
    position: absolute;
    right: 70px;
	top: 12px;}
	
	@media only screen and (max-width: 768px){
		.langChange{
			font-size: 12px;
			position: absolute;
			right: 0px;
			top: 2px;
		}
	}