@charset "UTF-8";
/*@font-face {*/
/*  font-family: 'Verdana'; */
/*  src: url('../fonts/Verdana.eot'); */
/*  src: url('../fonts/Verdana.eot?#iefix') format('embedded-opentype'),*/
/*  url('../fonts/Verdana.woff') format('woff'), */
/*  url('../fonts/Verdana.ttf') format('truetype'), */
/*  url('../fonts/Verdana.svg#Verdana') format('svg'); */
/*}*/
@font-face {
    font-family: 'Inter';
    url('../fonts/Inter_18pt-Regular.ttf') format('truetype'),
    url('../fonts/Inter-VariableFont_wght.ttf') format('truetype'),
}
*,:after,:before{ margin: 0; padding: 0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;font-family:Verdana!important;}
body { font-size: 12px; font-family:Inter!important; color: #666;  -webkit-text-size-adjust: 100%; background-color:#fff; overflow-x:hidden;-webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}

a {color: #333;text-decoration: none; }
a:active {star: expression(this.onFocus=this.blur()); }
a:link,a.visited,a:hover{ text-decoration: none; }
a:hover { color: #f15a24;}

li {list-style: none; }
h1,h2,h3,h4,h5 { font-weight:normal;}
em,i{ font-style:normal;}
textarea, input { background: transparent; outline: none; border: 0px; }
img {vertical-align: top; border: 0; }
.clear,.years li{ *zoom:1;}
.clear:after,.years li:after{ display:block; content:''; clear:both; height:0; visibility:hidden;}

.zone-w{ width:1502px; margin-left:auto; margin-right:auto; position:relative;}
.f-l { float: left; }
.f-r {float: right; }
.t-c{ text-align:center;}
.t-r{ text-align:right;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt95{ margin-top:95px;}

#top{ position:fixed; top:0; left:0; right:0; height:75px; overflow:hidden; z-index:99999;}
.logo{ display:inline-block; float:left; margin-top:18px;}
.logo img.t2{ display:none;}
.logo img{height:43px;}
.nav{ float:right; margin-top:24px;}
.nav li{ float:left; margin-right:70px;}
.nav li h3{ font-size:18px; display:inline-block;}
.nav li h3 a{ display:block; color:#fff;}
.btn_m{ float:right; margin-top:22px;}
.btn_m span{ display:block; width:38px; height:6px; margin-bottom:6px; background:url(../images/btn_m.png) no-repeat 0 0; background-size:contain;}

.t_btn{ float:right; margin-top:26px;}
.ico_search{ display:inline-block; float:left; width:50px; height:20px; border-radius:10px; background:url(../images/ico_search_w.png) no-repeat center center #034094;}
.language{ display:inline-block; float:right; margin-left:10px;}
.language a{ display:inline-block; padding:0 6px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#034094; background-color:#fff; border:1px solid #034094;}
.language a.zh{ border-top-left-radius:10px; border-bottom-left-radius:10px;}
.language a.en{ border-top-right-radius:10px; border-bottom-right-radius:10px;}
.language a.on{ background-color:#034094; color:#fff;}

#top.active{ background-color:rgba(255, 255, 255, 0.75);    box-shadow:0 1px 10px rgba(0,0,0,.15);}
#top.active .nav li h3 a{ color:#333;}
#top.active .logo img.t1{ display:none;}
#top.active .logo img.t2{ display:inline-block;}
#top.active .btn_m span{ background-image:url(../images/btn_m_blue.png);}
.nav li h3:hover a,#top.active .nav li h3:hover a,#top.active .nav li.now h3 a{ color:#f15a24;}

@media screen and (min-width:800px){
#top,#top.active{ -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}	
}

/********** slide s *****************/
.banner .slick-slide img,.tzList .slick-slide img{ width:100%;}
.banner .slick-dots,.tzList .slick-dots { position: absolute; bottom: 45px; z-index:3; text-align:center; width:100%;}
.banner .slick-dots li,.tzList .slick-dots li { position: relative; display: inline-block; margin: 0px 20px; padding: 0px; width:9px; height:9px; background-color:#fff; border-radius:9px; cursor: pointer;-webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.banner .slick-dots li button,.tzList .slick-dots li button { display:none;}
.banner .slick-dots li.slick-active,.tzList .slick-dots li.slick-active{ background-color:#f15a24; width:45px;}
/********** slide e *****************/

/********** news s ***********/
.news .focus{ width:47.5%; float:left; }
.news .focus .inner{ color:#fff; padding:50px 58px; background-color:#034094;}
.news .focus a{ display:block; color:#fff; font-weight:Microsoft YaHei;}
.news .focus span{ font-size:16px;}
.news .focus h3{ font-size:22px; margin:15px 0;    text-align: justify;}
.news .focus p{ font-size:14px; line-height:28px; text-indent:2em;}
.news .focus .img{ overflow:hidden; position:relative; padding-bottom:52.5%;}
.news .focus .img img{ position:absolute; width:100%; }

.newslist{ width:47.5%; margin-left:52.5%;}
.newslist .inner{ padding-left:38px; margin-bottom:60px;}
.newslist .inner h3{ position:relative;}
.newslist .inner h3:before{ display:inline-block; content:''; background:url(../images/ico_news.png) no-repeat center center; width:23px; height:20px; background-size:contain; position:absolute; left:-40px; top:3px;}
.newslist .inner h3 a{ font-size:22px; color:#000; display:inline-block; width:80%; overflow:hidden; height:28px;}
.newslist .inner h3 span{ float:right; font-size:18px; color:#666;}
.newslist .inner .con{ position:relative;}
.newslist .inner p{ font-size:14px; line-height:28px; color:#666; margin-top:16px; width:85%; text-indent:0em;}
.newslist .inner a.more{ display:inline-block; width:18px; height:22px; background:url(../images/ico_click.png) no-repeat; background-size:contain; position:absolute; right:15px; top:50%; margin-top:-11px;}
.newslist .inner .up{border-bottom:1px solid #e5e5e5; padding-bottom:45px;}
@media screen and ( min-width:800px){
.newslist .inner h3 a:hover{color: #034094;}
.newslist .inner:hover .box{ transform: translateY(-6px);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
}


.page a{ display:inline-block; height:50px; line-height:50px; border-radius:50px; font-size:18px; color:#666; margin-top:90px; padding:0 110px; border:1px solid #e0e0e0;}
.page a:hover{ background-color:#f15a24; border-color:#f15a24; color:#fff;}

/********** news e ***********/

.send a{ display:inline-block; height:50px; line-height:50px; border-radius:50px; font-size:16px; color:#f15a24; padding:0 50px; border:1px solid #f15a24;}
.send span{ display:inline-block;}
#index_news_morebtn{margin-bottom:40px;margin-top:48px;}
.send span:after{ display:inline-block; content:''; background:url(../images/ico_click.png) no-repeat; background-size:contain; width:18px; height:22px; margin-left:15px; vertical-align:middle;}

@media screen and (min-width:800px){
.send a:hover{ color:#fff; background-color:#f15a24;}
.send a:hover span:after{background-image:url(../images/ico_click_white.png)}	
}


#footer{ background-color:#034094; color:#fff;}
.f_oth{ padding:25px 0; border-bottom:1px solid rgba(205,202,202,.4); vertical-align:middle;}
.f_oth .tel,.f_oth .f_email{ font-size:22px;}
.f_oth .f_email{padding-left: 44px;}
.f_oth .tel:before{ display:inline-block; content:''; width:17px; height:18px; background:url(../images/ico_tel.png) no-repeat; background-size:contain; margin-right:15px; vertical-align:middle;}
.f_oth .wx{ float:right; font-size:16px; margin-right:0px; position:relative; cursor:pointer;}
.f_oth .wx:before{ display:inline-block; content:'';  height:25px; margin-right:15px; vertical-align:middle;}
.f_oth .wxbfq:before{background: url(../images/bofangqi.png) no-repeat; background-size:contain;width:37px;border-radius:8px; }
.f_oth .wxfacebook:before{background:url(../images/facebook.png) no-repeat; background-size:contain;width:32px;border-radius:50%; }
.f_oth .wxtuite:before{background:url(../images/tuite.png) no-repeat; background-size:contain;width:29px; }
.f_oth .wxin:before{background:url(../images/in.png) no-repeat; background-size:contain;width:28px; }

.f_oth .wx img{ display:none; position:absolute; left:0; top:35px; z-index:9;max-width: 300px;max-height: initial;}
.f_oth .wx:hover img{ display:block;}
.f_oth .yyzz{ float:right; font-size:16px;}
.f_oth .yyzz:before{ display:inline-block; content:''; width:23px; height:25px; background:url(../images/ico_yyzz.png) no-repeat; background-size:contain; margin-right:15px; vertical-align:middle;margin-left: 30px;}
.f_nav{ overflow:hidden; padding:40px 0 30px; border-bottom:1px solid rgba(205,202,202,.4);}
.f_nav dl{ float:left; width:15.7%;}
.f_nav dl.end{ width:5.8%; text-align:right;}
.f_nav a{ color:#fff;}
.f_nav dt{ font-size:18px; margin-bottom:10px;}
.f_nav dd{ font-size:14px; line-height:28px;}
.copyright{ height:66px; line-height:66px; overflow:hidden; font-size:14px; }
.copyright span{ display:inline-block; margin-right:30px;}
.copyright a{ color:#fff;}
.f_map{ float:right;}
.f_map a{ color:#fff; display:inline-block; margin-left:70px;}


.imgLarge img{
	-webkit-transform: scale(1, 1);
	-webkit-transition: ease-out;
	-webkit-transition-duration: 400ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 400ms;
	transform: scale(1, 1);
	transition-timing-function: ease-out;
	transition-duration: 400ms;
	width: 100%;
	height: auto;
}
.imgLarge:hover img{
	-webkit-transform: scale(1.06, 1.06);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 400ms;
	-moz-transform: scale(1.06,1.06);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 400ms;
	transform: scale(1.06, 1.06);
	transition-timing-function: ease-out;
	transition-duration: 400ms;
	position: relative;
}

@media screen and (max-width:1500px) and (min-width:900px){
.zone-w{ width:90%;}
.nav{ width:70%;}	
.nav li{ margin-right:3.6%;}
.newslist .inner .up{ padding-bottom:26px;}
#index_news_morebtn{margin-bottom:45px;}
}
@media screen and (max-width:1402px) and (min-width:900px){
.news .focus .inner{ padding:50px 30px;}
.f_nav dl{ width:14.7%;}
.f_nav dl.end{ width:10.8%;}
}

@media screen and (max-width:1300px) and (min-width:800px){
.nav{ width:55%; margin-top:29px;}
.nav li h3{ font-size:18px;}
.newslist .inner p{ height:56px; overflow:hidden;}
}
@media screen and (max-width:1200px) and (min-width:800px){
    .zone-w{ width:98%;}
.nav li h3{ font-size:16px;}
.newslist .inner{ margin-bottom:45px;}
.newslist .inner h3 a{ font-size:18px;}
.newslist .inner h3 span{ font-size:14px; margin-top:7px;}
}


.s_p{ display:block;}
.s_m{ display:none;}
@media screen and (max-width:800px){
*{ -webkit-tap-highlight-color:transparent;}
.newslist .inner h3 span,.newslist .inner a.more,.s_p,.f_nav,.f_map,.nav{ display:none;}
.s_m{ display:block;}	

.mt20{ margin-top:.2rem;}
.mt30{ margin-top:.3rem;}
.mt40{ margin-top:.4rem;}
.mt50{ margin-top:.5rem;}

.zone-w{ width:5.87rem;}
.zone-w-m{ width:5.87rem; margin-left:auto; margin-right:auto;}

#top{ height:.93rem;}
#top .logo{ margin-top:.22rem}
#top .logo img{ width:auto; height:.51rem;}
#top .btn_m{ margin-top:.32rem;}
#top .btn_m span{ width:.42rem; height:.07rem; margin-bottom:.06rem;}
#top .t_btn{ margin-right:.2rem; margin-top:.32rem;}
#top .ico_search{ width:.7rem; height:.32rem; border-radius:.16rem; background-size:30%;}
#top .language{ margin-left:.1rem;}
#top .language a{ padding:0 .1rem; font-size:.18rem; height:.32rem; line-height:.32rem;}
#top .language a.zh{ border-top-left-radius:.16rem; border-bottom-left-radius:.16rem;}
#top .language a.en{ border-top-right-radius:.16rem; border-bottom-right-radius:.16rem;}

.mobileNav{ position:fixed; background-color:#fff; width:100%;  height: -webkit-calc(100vh); height: -moz-calc(100vh); height: calc(100vh); z-index:9; top:0; left:-100%; overflow:hidden; -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}

.mTop{ height:.93rem; background-color:#034094;  position:relative;}
.mTop img{ width:auto; height:.51rem; display:inline-block; position:absolute; left:50%; top:50%; margin-top:-.255rem;transform:translateX(-50%);}
.mTop .btn_close{ display:inline-block; width:.34rem; height:.35rem; position:absolute; top:50%; margin-top:-.175rem; right:.3rem; background:url(../images/ico_close.png) no-repeat; background-size:contain;}

.mobileNav .list{ width:32%; background-color:#ececec; height:100%;}
.mobileNav .item{ height:10%; display:table; width:100%; padding:0 .15rem;}
.mobileNav .item h3{ display:table-cell; vertical-align:middle; text-align:center; border-bottom:1px solid #fff; font-size:.26rem;}
.mobileNav .item h3 a{ display:block;}
.mobileNav .item.now{ background-color:#f15a24;}
.mobileNav .item.now h3{ color:#fff; border-bottom-color:transparent;}
.mobileNav .item.now h3 a{ color:#fff;}
.mobileNav .item .con{ width:68%; position:absolute; top:.93rem; right:0; overflow:hidden;}
.mobileNav .item .inner{ position:relative; right:100%; padding:0 .25rem; z-index:-1;}
.mobileNav .item .con .b{ border-bottom:1px solid #e7e7e7; padding:.25rem 0 .2rem;}
.mobileNav .item .con .n{ font-size:.24rem; color:#666; position:relative;}
.mobileNav .item .con .n:after{ display:inline-block; content:''; width:.14rem; height:.25rem; background:url(../images/sj_r.png) no-repeat; background-size:contain; position:absolute; right:0; top:0;}
.mobileNav .item .con .n a{ display:block; line-height:.3rem;}
.mobileNav .item .con .c{ overflow:hidden; margin-top:.3rem;}
.mobileNav .item .con .c a{ display:inline-block; font-size:.22rem; color:#666; width:46%;width:100%;  margin-bottom:.1rem; min-height:.45rem;}
.mobileNav .item .con .c a:nth-child(odd){ float:left;}
.mobileNav .item .con .c a:nth-child(even){ float:right;}
.mobileNav .item.now .inner{ right:0; z-index:9; -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.noScroll{ overflow:hidden;}
.noScroll #top{ display:none;}
.noScroll .mobileNav{ left:0; -webkit-transition:all .6s;-o-transition:all .6s;transition:all .6s;}

.banner .slick-dots { bottom: .6rem;}
.banner .slick-dots li { margin: 0px .12rem; width:.14rem; height:.14rem; border-radius:.14rem;}
.banner .slick-dots li.slick-active{ width:.63rem;}

.news .focus{ width:100%; float:none; padding-right:0; height:auto;}
.news .focus .inner{ padding:.6rem 0;}
.news .focus span{ font-size:.24rem;}
.news .focus h3{ font-size:.3rem; margin:.15rem 0;}
.news .focus p{ font-size:.2rem; line-height:.3rem;}
.newslist{ width:5.87rem;  margin-top:.5rem; float:none;}
.newslist .inner{ padding-left:.38rem; margin-bottom:.4rem;}
.newslist .inner .con{ padding-bottom:.27rem;}
.newslist .inner p{ width:100%; font-size:.24rem; line-height:.38rem; margin-top:.1rem;}
.newslist .inner h3 a{ height:auto; width:100%; font-size:.3rem; line-height:.38rem;}
.newslist .inner h3:before{ width:.3rem; height:.26rem; left:-.4rem; top:.03rem;}
.newslist .inner .up{ padding-bottom:0;}

.page a{ height:.5rem; line-height:.5rem; border-radius:.5rem; font-size:.26rem; color:#f15a24; margin-top:.6rem; padding:0 .3rem; border:1px solid #f15a24;}
.page span{ display:inline-block;}
.page span:after{ display:inline-block; content:''; background:url(../images/ico_click.png) no-repeat; background-size:contain; width:.18rem; height:.22rem; margin-left:.15rem; vertical-align:middle;}

.send a{ height:.5rem; line-height:.5rem; border-radius:.5rem; font-size:.24rem; padding:0 .5rem;}
.send span:after{ width:.18rem; height:.22rem; margin-left:.15rem;}

.f_oth{ padding:.25rem 0;}
.f_oth .tel,.f_oth .f_email{ font-size:.22rem;}
.f_oth .tel:before{ width:.17rem; height:.18rem; margin-right:.1rem;}
.f_oth .f_email{padding-left: .44rem;}
.f_oth .wx,.f_oth .yyzz{ font-size:.2rem;}
.f_oth .wx{ margin-right:.3rem;    display: none;}
.f_oth .wx:before{ width:.28rem; height:.25rem; margin-right:.1rem;}
.f_oth .wx img{ top:.35rem; width:1.2rem; height:1.2rem;}
.f_oth .yyzz:before{ width:.23rem; height:.25rem; margin-right:.1rem;}
.copyright{ height:auto;  line-height:.36rem; padding:.2rem 0; font-size:.2rem;}
.copyright span{ display:block; margin-right:0; text-align:center;}
#index_news_morebtn{margin-bottom:0.5rem;padding-top: 0px;}
}

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