@charset "utf-8";
/* CSS Document */
/*@font-face {font-family: 'Frutiger';src: url("font/Frutiger LT 45 Light.ttf");}@font-face {font-family: 'Frutiger-black'; src: url("font/Frutiger-BlackCn.otf");}*/

html{-webkit-text-size-adjust: none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img,div{margin:0;padding:0;}body,button,input,select,textarea{/*font:16px/1.5 'Frutiger' Verdana,arial,SimHei,Microsoft Yahei,\5b8b\4f53;*/ color:#000;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol,li{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:underline;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#444;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}
body { min-width: 320px;font-weight:100; font-size: .26rem; font-family:'Microsoft YaHei',Arial; color: #666666;}
/*body,html{ overflow-x: hidden;}*/
a:hover{ text-decoration:none;}
a:active,a:hover {outline: 0;}
/*dt{ line-height: 0;}*/
html,body{ overflow: hidden;}


input, textarea { -webkit-font-smoothing: antialiased;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  outline: none; font-family:'Microsoft YaHei',Arial;}
input:hover{}

.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.fl{ float:left;}
.fr{ float:right}
.clear{ clear:both;}
.button{ font-size:16px; border:1px solid #c46a66; line-height:34px; color:#9c0700; display:inline-block; padding:0 32px; cursor:pointer}
.button:hover{ color:#fff; background:#9c0700 !important;}
.text-Black{ color:#000}
.text-White{ color:#fff}
.jz{ margin: 0 auto;}
.auto{ margin: 0 auto; width: 88%;}
.auto1{ margin: 0 auto; width: 94%;}
.font12{ font-size: 14px;}
.xiao_s{ cursor: pointer;}
.block{ display: block;}
.center{ text-align: center;}
.dw{ position: relative; z-index: 1;}
.shou{ cursor: pointer;}
.ab{ position: absolute;}
.re{ position: relative;}
.fx{ position: fixed;}
.flow{ overflow: hidden;}
.blue{ color: #0556a3;}
.paddb_5{ padding-bottom: 5px;}
.xia_xian{ border-bottom:#0556a3 1px solid;}
.line_0{ line-height: 0;}
.justify{ text-align: justify;}
.bold{ font-weight: bold;}
.hidden{ overflow: hidden;}

.img100{ width: 100%;}
.dh{-webkit-transition: all .5s ease-in-out; }
.dh1{-webkit-transition: all .3s ease-in-out; }
.dh3{-webkit-transition: all 1s ease-in-out; }
.dh2_1{-webkit-transition: all 2s ease-in-out; }
.dh_d8{-webkit-transition: all .8s ease-in-out; }

.dong_h{
	-webkit-transition: all .8s ease-in-out;  /*position: relative;*/  opacity: 0;
}

.yc_d2{ -webkit-transition-delay:.2s;}
.yc_d3{ -webkit-transition-delay:.3s;}
.yc_d6{ -webkit-transition-delay:.6s;}

.ys3{-webkit-transition: all .5s .1s ease-in-out;
	 -moz-transition: all .5s .1s ease-in-out; 
	 -o-transition: all .5s .1s ease-in-out;
	 transition: all .5s .1s ease-in-out;}

.ys7{-webkit-transition: all .6s .5s ease-in-out;
	 -moz-transition: all .6s .5s ease-in-out; 
	 -o-transition: all .6s .5s ease-in-out;
	 transition: all .6s .5s ease-in-out;}

.ys1{-webkit-transition: all .6s .8s ease-in-out;
	 -moz-transition: all .6s .8s ease-in-out; 
	 -o-transition: all .6s .8s ease-in-out;
	 transition: all .6s .8s ease-in-out;}

.dong_h.cur_dh{ opacity: 1 !important;}

.fff{ color: #fff;}
.bg_fff{ background: #fff;}

.font11{ font-size: .11rem;}
.font12{ font-size: .12rem;}
.font14{ font-size: .14rem}
.font15{ font-size: .15rem;}
.font16{ font-size: .16rem;}
.font17{ font-size: .17rem;}
.font18{ font-size: .18rem;}
.font19{ font-size: .19rem;}
.font20{ font-size: .2rem;}
.font22{ font-size: .22rem;}
.font23{ font-size: .23rem;}
.font24{ font-size: .24rem;}
.font25{ font-size: .25rem;}
.font26{ font-size: .26rem;}
.font27{ font-size: .27rem;}
.font29{ font-size: .29rem;}
.font30{ font-size: .3rem;}
.font32{ font-size: .32rem;}
.font34{ font-size: .34rem;}
.font35{ font-size: .35rem;}
.font38{ font-size: .38rem;}
.font39{ font-size: .39rem;}
.font40{ font-size: .4rem;}
.font44{ font-size: .44rem;}
.font45{ font-size: .45rem;}
.font48{ font-size: .48rem;}
.font52{ font-size: .52rem;}
.font54{ font-size: .54rem;}
.font56{ font-size: .56rem;}
.font60{ font-size: .60rem;}
.font65{ font-size: .65rem;}
.font78{ font-size: .78rem;}


input::-webkit-input-placeholder{  color:#fff;}
input::-moz-placeholder{    color:#fff;}
input:-moz-placeholder{    color:#fff;}
input:-ms-input-placeholder{   color:#fff;}


.looding{ top: 0; width: 100%; height: 100%; left: 0; background: #fff; z-index: 10000;}
.looding img{ top: 50%; left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }

.logo{ width: 1.28rem; left: .2rem; top: .3rem; z-index: 2;display: none;}
.d_con1 .v1{ color: #6b6158; left: 0; width: 100%; top: 16%; z-index: 1;}
.d_con1 .v1 .span_2{ width: 30px; height: 3px; background: #6b6158; margin: .2rem auto .2rem;}
.d_con1 .v1 .span_3{ line-height: .48rem;}
.ban_slick .slick-prev,.ban_slick .slick-next{ top: 70%;}
.d_con1 .im1{ width: .72rem; left: 50%; bottom: .5rem; margin-left: -.36rem; z-index: 2;
	-webkit-animation: im2 1s linear infinite;
	 animation: im2 1s linear infinite;
}
@-webkit-keyframes im2 {
	0%{ bottom: .3rem;}
	50%{ bottom: .5rem; }
	100%{ bottom: .3rem;}
}
@keyframes im2 {
	0%{ bottom: .3rem;}
	50%{ bottom: .5rem; }
	100%{ bottom: .3rem;}
}

.d_con1 .ban_slick img{ width: 100%;}
.d_con1 .ban_v1{position: absolute;top: 57%; left: 0%; width: 100%;}

.ban_slick img,.ban_slick,.slick-list,.slick-track{ width: 100%;}


.d_tit{ color: #251613;}
.d_tit .span_2{ width: .35rem; height: 3px; background: #251613; margin: .2rem auto 0; }

.d_con2 .dl1{ margin-top: .4rem;}
.d_con2 .dl1 dd{ top: 50%; left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); width: 1.02rem;}
.d_con2 p{ line-height: .42rem; margin-top: .1rem;}
.d_con2 .v1{ margin-top: .3rem;}
.d_con2 .v1 dl{ width: 30%; margin-right: 5%;}
.d_con2 .v1 dl dt{ border:#e5e5e5 1px solid;}
.d_con2 .v1 dl dd{ color: #333; margin-top: .1rem; }
.d_con2 .v1 dl:last-child{ margin-right: 0px;}
.d_con2 .more{ background: #ccc; color: #fff;  width: 2.6rem; height: .65rem; line-height: .65rem;  margin: .2rem auto 0;}


.d_con3 .v2 .xian{ width: 78%; height: 1px; background: #e5e5e5; top: .3rem; left: 11%;}
.d_con3 .v1{ margin-top: .3rem;}
.d_con3 .v1 dl{ background: url(../images/d_9.png) no-repeat; width:100%; background-size: 100% 100%; padding-bottom: .5rem; display: none;}
.d_con3 .v1 dl dt,.d_con3 .v1 dl dd{ width: 86%; margin-left: 7%; padding-top: .3rem;}
.d_con3 .v1 dl dd{ padding: 0; margin-top: .1rem; line-height: .48rem; height:1.44rem; overflow: hidden; }
.d_con3 .v2{ margin-top: .3rem;}
.d_con3 .d3_slick{ width:82%; margin-left: 9%;}
.d_con3 .d3_slick .im2,.d_con3 .slick-center .im1{ display: none;}
.d_con3 .slick-center .im2,.d_con3 .d3_slick .im1{ display: block;}
.d_con3 .d3_slick .im2,.d_con3 .d3_slick .im1{ top: 0; left: 50%; width: .6rem; margin-left: -.3rem;}
.d_con3 .d3_slick span{ color: #d9d9d9; font-size: .4rem; margin-top: .7rem; height: .6rem;}
.d_con3 .slick-center span{ color: #666; font-size: .54rem;}
.d_con3 .d3_slick .slick-list{ padding: 0 !important;}
.d_con3 .slick-prev,.d_con3 .slick-next{ top: 0px; margin-top: 0; }
.d_con3 .slick-prev{ left: -.52rem;}
.d_con3 .slick-next{ right: -.52rem;}
.d_con3 .auto1{ position: absolute; top: 50%; left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}





.d_con4 .im1{ width: 58.53%; left: 20.98%; top: 14%;}
.d_con4 .a1{ top:27.3%; width: 26.8%; left: 17.33%;}
.d_con4 .a2{ top: 27.62%; width: 15.53%; left: 59.86%;}
.d_con4 .a3{ top: 61.5%; width: 21.3%; left:5.5%; z-index: 1;}
.d_con4 .a4{ top: 61.5%; width: 24.8%; left:24.3%;}
.d_con4 .a5{ top:61.5%; width:32%; left:45.6%;}
.d_con4 .a6{ top:61.5%; width:26%; left: 74.4%;} 

.d_wrap .section{ overflow: hidden;}
.d_con2 .fp-tableCell { display: table-cell; vertical-align: middle; height: 100%;}



.d_con5 .im1{ width: 100%; left: 0;}
.d_con5 .im3{ width: 100%; left: 0%; top:8%;}

.d_con6 .v1{ width: 100%; top: 10%; right: 0;}
.d_con6 .a1,.d_con6 .a2,.d_con6 .a3{ width: 27.2%;/* top: 91%;*/ float: left; margin-left: 5%;}
/*.d_con6 .a1{ left: 6%;}
.d_con6 .a2{ left: 36.8%;}
.d_con6 .a3{ left: 67.2%;}*/
.d_con5 .box1{position: absolute; bottom:6%;}.d_con5 .box1 img{width:100%}
.box1 .a1,.box1 .a2{position: absolute;width:50%;bottom: 0;left: 0;height: 47px;}
.box1 .a2{left:auto;right: 0;}

.d_con11 .v1{ width: 100%; top: 13%; right: 0;}
.d_con11 .v2{ width: 100%; bottom: -3%;right: 0;}


.d_con7 .im1{ width: 70%; left: 15%; top: 16%;}
.d_con7 .a0{ width: 23%; left: 3.7%; top:41.5%;}
.d_con7 .a1{ width: 23%; left:14%; top:41.5%;}
.d_con7 .a2{ width: 23%; left:38.6%; top: 41.5%;}
.d_con7 .a3{ width: 23%; left:63%; top: 41.5%;}


.d_con8 .im1{ width: 52.8%; left: 23.33%;top:24.37%;}
.d_con8 .a1{    width: 90%; top: 19.89%; left: 5.5%;}
.d_con8 .a2{ width: 31.73%; top: 63%; left: 14.4%;}
.d_con8 .a3{ width: 30%; top:41%; left:38.8%;}

.d_con9 .im1{ width: 74.13%; top: 14%; left: 13.33%;}
.d_con9 .im2{ width: 86.8%; top: 37.58%; left: 6%;position: relative;}
.d_con9 .a1{ width: 36.66%; top: 87%; left:32.53%;}

.d_con10 .im1{ width: 62.66%; top: 16%; left: 18.66%;}
.d_con10 .v1{ width: 78%; top: 41%; left: 14.3%;}
.d_con10 .v1 span{ margin-right: 3%;}
.d_con10 .v1 span img{ width:27.2%; }



.section9 .v1{ color: #141414; font-size: 2.815vw;}
.section9 .v1 p{ line-height: 180%;}
.section9 .v1 a{ text-decoration: none; color: #141414;}
.section9 .v1 .p1{ margin-top: 5vw;}
.section9 .v1 .p1 span{ font-size: 3.75vw;}
.section9 .v1 .p3{ color: #9d9d9d;}
.section9 .v1 .p4{ padding: 2vw 0;}
.section9 .v1 .p4 a{ margin: 0 1vw;}
.section9 .v1 .bei{ height: 7vw;}

.section9 .fp-tableCell{ display: block;}




.tan_1{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url(../images/page2_1.jpg) no-repeat; z-index: 1000; display: none;}
.con{ width: 90.625%; margin-left:4.6875%;color: #fff; height: 85%; margin-top: 10%;overflow: auto;}
.tan_1 .p1{ font-size: 5.625vw;}
.tan_1 .p2,.tan_1 .p3{ font-size: 3.125vw; line-height: 180%;}
.tan_1 .p2{ margin-top: 4vw;}
.tan_1 .p3{ margin-top: 6vw;}
.tan_1 .p3 a,.tan_1 .v1 .p2 a{ color: #fff; text-decoration: underline;}
.tan_1 .p4{ line-height: 0;}
.tan_1 .tan_im1{ margin-top: 2vw;}
.tan_1 .v1{ border-top: #1b1b1b 1px solid; margin-top: 4vw; padding-top: 4vw;}
.tan_1 .v1 dd span{ width: 100%;}
.tan_1 .v1 .span_1{ color: #e65109; font-size:4.68vw; line-height: 160%; }
.tan_1 .v1 .span_2{ background: #e8612c; color: #fff; border-radius: 8px; height: 8vw; line-height: 8vw; width: 22vw; font-size: 4.68vw; margin-top: 1vw;}
.tan_1 .v1 dt{ width: 36.55%;}
.tan_1 .v1 dt img{ width: 100%;}

.tan_1 .v2 .span_1{ color: #fff;}
.tan_1 .v2 .span_2{ background: #f7b000;}
.guan1 { position: fixed; top: 10px; right: 10px; width: .4rem;}

.d_shi{ top: 0; left: 0; background: url(../images/page2_1.jpg) no-repeat; z-index: 1000; width: 100%; height: 100%; display: none;}
.d_shi video{ width: 100%; height: 230px; position: fixed; top: 50%; left: 0; margin-top: -115px;}



/*首页 end*/
.ab_tan{ display: block; position: relative; padding: 0 4.6875%; width: 90.625%;-webkit-overflow-scrolling:touch; overflow-y:auto;}
.ab_tan .con{ height: auto; width: 100%; overflow: hidden; margin: .2rem 0;}
.ab_tan .p1{ margin-top: .3rem;}


.tan{ background: url(../images/bg.png) repeat; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none;}
.er{ position: fixed; top: 50%; left: 50%; width:46vw; z-index: 10001; height: 46vw; margin: -23vw 0 0 -23vw; display: none;}





@media (max-height:700px){
	.d_con5 .box1{ bottom:5%;width:90%;left:5%}
.d_con5 .im3{  top:4%;width:90%;left:5%}
}


@media (min-height:740px){

	.ban_slick img,.ban_slick,.slick-list,.slick-track{ height: 100%;}
	.d_con9 .a1{ top: 78.28%;}
	/* .d_con7 .a2{ top: 44.5%;} */


}
.linkTmall{position:absolute;width: 44%;height: 11%;left: 26%;bottom: 8.5%;z-index: 1;}
.linkTmall2{position:absolute;width: 44%;height: 1%;left: 26%;top: 9.2%;}

body,html{-webkit-overflow-scrolling:touch;}

@media screen and (min-width: 320px) {html {font-size: 50px;}}
@media screen and (min-width: 360px) {html {font-size: 56px;}}
@media screen and (min-width: 400px) {html {font-size: 63px;}}
@media screen and (min-width: 440px) {html {font-size: 69px;}}
@media screen and (min-width: 480px) {html {font-size: 75px;}}
@media screen and (min-width: 640px) {html {font-size: 100px;}}