@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: 1280px;font-weight:100; font-size: 14px; font-family: '微软雅黑'; color: #111111;}
/*body,html{ overflow-x: hidden;}*/
a:hover{ text-decoration:none;}
a:active,a:hover {outline: 0;}
dt{ line-height: 0;}



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: '微软雅黑'; }
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: 1280px;}
.auto1{ width: 1120px; margin: 0 auto;}
.auto2{ width: 800px; margin: 0 auto;}
.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;}

.img100{ width: 100%;}
.dh{-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.dh1{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.dh3{-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}

.dong_h{
	-webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out;transition: all .8s ease-in-out; position: relative; top: 100px; opacity: 0;
}
.dong_h.cur{ top: 0; opacity: 1;}

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

.font11{ font-size: 11px;}
.font14{ font-size: 14px;}
.font15{ font-size: 15px;}
.font16{ font-size: 16px;}
.font18{ font-size: 18px;}
.font20{ font-size: 20px;}
.font22{ font-size: 22px;}
.font30{ font-size: 30px;}
.font32{ font-size: 32px;}
.font44{ font-size: 44px;}
.font48{ font-size: 48px;}
.font60{ font-size: 60px;}



@font-face { 
  font-family: 'SingleMaltaRegular';     
   src: url('../fonts/fan.eot');    
   src: url('../fonts/fan.eot?#iefix') format('embedded-opentype'),        
   url('../fonts/fan.woff') format('woff'),     
   url('../fonts/fan.ttf') format('truetype'),      
   url('../fonts/fan.svg#SingleMaltaRegular') format('svg'); 
}



body,select,input{font-family: 'SingleMaltaRegular';}

.tit{ padding: 75px 0 30px 0; font-family: 'Arial';}

.bg_f3{ background: #f3f3f3;}





.header{ font-size: 16px;}
.header a{ color: #111;display: block; position: relative;}
.header .ul1 li{ float: left; margin-right: 40px;}
.header h1{ padding: 25px 0; margin: 0 auto; width: 6.25%;}
.header .zuo{ bottom: 25px; left: 60px;}
.header .ul1 li.cur{}
.header .ul1 li span{ width: 0; height: 1px; background: #111; position: absolute; left: 0; bottom: -5px;}
.header .ul1 li.cur span,.header .ul1 li:hover span{ width: 100%;}

.hea_ri{ right: 70px; bottom: 25px; overflow: hidden;}
.hea_ri .in_1{ width: 238px; height: 35px; line-height: 35px; border:none; border: #e1e1e1 1px solid; border-radius: 3px; font-size: 14px; color: #999999; padding-left: 15px; position: relative; left: 260px;}
.hea_ri .im1{ top: 8px; right: 10px;}
.hea_ri .in_2{ top: 8px; right: 10px; background: url(../images/in_1.png) no-repeat; width: 22px; height: 22px; border:none; display: none;}
.hea_ri .in_1.cur{  left: 0; }

.banner .v1{ width: 90%; left: 15px; bottom: 20px; color: #fff;}


.banner .slick-prev{ left: 40px;}
.banner .slick-next{ right: 40px;}

.banner{ overflow: hidden;}
.inban_yin{ display: none; width: 33.333%;}
.inban_yin1{display: none; width: 100%;}

.banner .slick-slide a:hover img,
.in_con2 .new_list dl:hover dt img,
.in_con4 li a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}

.in_con1{ margin: 77px 0 78px 0;}
.in_con1 .zuo{ width: 840px; line-height: 0;}
.in_con1 .you{ width: 440px;}
.in_con1 .you .con,
.in_con3 .v .zuo .con{ padding: 0 30px;}
.tit span{ width: 27px; height: 1px; background: #111; margin: 10px auto 0;}

.in_con1 .you .v1,
.in_con3 .v .zuo .v1{ color: #888; line-height: 26px; margin: 0px 0 50px 0; /*max-height: 114px; */overflow: hidden;}

.more{ width: 130px; height: 50px; line-height: 50px; color: #111; margin: 0 auto; border: #000000 1px solid;}
.more:hover{ background: #000; color: #fff;letter-spacing:2px;}

.in_con2 .tit{ margin-bottom: 25px;}
.in_con2 .new_list{ margin-bottom: 45px;}
.in_con2 .new_list dl,.ab_con2 .ab_slick dl{width: 93%; margin: 0 auto;}
.in_con2 .new_list dt,.ab_con2 .ab_slick dt{ width: 100%; overflow: hidden;}
.in_con2 .new_list dt,.in_con2 .new_list dt img{height: 290px; }
.in_con2 .new_list dt{ border: #ccc 1px solid; background: #fff;}
.in_con2 .new_list dt img { width: auto !important; margin: 0 auto;}
.in_con2 .new_list dd,
.in_con4 li .v{ width: 100%; height: 100%; background: url(../images/in_8.png) repeat; top: 0; left: 0; color: #fff; opacity: 0;filter:alpha(opacity=0);}

.in_con2 .new_list dl:hover dd,
.in_con4 li a:hover .v{ opacity: 1;filter:alpha(opacity=100);}

.in_con2 .new_list dl:hover dd .v1,
.in_con4 li a:hover .v .v1{ top: 50%;}

.in_con2 .new_list dd .v1,
.in_con4 li a .v .v1{ left: 5%; width: 90%; top: 60%;}

.in_con2 .new_list dd a{ color: #fff; height: 100%;}
.in_con2 .new_list .span_1,
.in_con4 li a .span1{ margin-bottom: 25px;}

.in_con2 dl .more,
.in_con4 li a .more{ border: #fff 1px solid; color: #fff;}

.in_con2 dl .more:hover,
.in_con4 li a .more:hover{ background: #fff;color: #000;}

.in_con3{ margin-top:75px; }
.in_con3 .v{ border:#e1e1e1 1px solid;}
.in_con3 .v .zuo{ width: 430px;}
.in_con3 .v .you{ width: 840px;line-height: 0; height: 473px; overflow: hidden;}

.in_con3 .v .zuo .tit{ padding:0px 0 30px 0;}

.in_con4{ margin: 80px 0;}
.in_con4 ul{ margin-top: 30px;}
.in_con4 li{float: left;}
.in_con4 li a{ overflow: hidden; width: 400px;/* line-height: 0;*/}
.in_con4 li a img{ display: block; width: 100%;}
/*.in_con4 .li1 a{ height: 225px;}*/
.in_con4 .li1 .span_2{ margin-bottom: 39px;}
.in_con4 .li2{ margin: 0 30px;}
/*.in_con4 .li2 a{ height: 480px;}*/
.in_con4>.more{ margin-top: 40px;}
.in_con4 li .v{}

.foot{ background: #222222; line-height: 60px; height: 60px;}
.foot .zuo{ color: #fff; font-size: 12px;}
.foot .zuo span{ opacity: .3;}
.foot .you li{ margin-left: 20px; width: 18px; height: 16px;}
.foot .you li .im1,.foot .you li .im1_1{ top: 20px; left: 0;}
.foot .you li .im1_1{ display: none;}
.foot .you li .im2{ bottom: 10px; width: 100px; height: 100px; left: -50px; opacity: 0;filter:alpha(opacity=0); z-index: -1;}
.foot .you li.cur .im2{bottom:20px; opacity: 1;filter:alpha(opacity=100); z-index: 1;}
.foot .you li.cur .im1_1{ display: block;}
.foot .you li.cur .im1{ display: none;}

.hui_top{ top: 50%; margin-top: -85px; right: 40px; opacity: 0; z-index: -1;filter:alpha(opacity=0);}
.hui_top.cur{ opacity: 100; z-index: 1;filter:alpha(opacity=100);margin-top: -100px;}


/* .in_con2 .new_list .slick-slide img{ width: 100%;} */
.in_con2 .new_list .slick-slide img{ width: 100% !important; height: auto;}
.in_con2 .new_list dt{    display: flex	;		align-items: center;}

.banner .ban_tu{ width: 33.333%; float: left;}
.foot_bg{ display: none;}

/*=================index end====================*/

.ab_con1{ margin: 80px 0 70px 0;}
.ab_con1 dl dt{ width: 426px; height: 532px;}
.ab_con1 dl dd{ width: 775px;}
.ab_con1 dl dd .v1{ margin-top: 40px;}
.ab_con1 dl dd .v1 .span_2{ background: #111; width: 28px; height: 1px; margin-top: 10px;}
.ab_con1 dl dd .v2{ color: #888; line-height: 34px; margin-top: 20px; height: 203px; overflow: hidden;}
.ab_con1 dl dd .v3{ margin-top: 10px;}
.ab_con1 dl dd .v3 li{ float: left; margin-right: 20px;}
.ab_con1 dl dd .v3 li .img3{ width: 160px;}
.ab_con1 dl dd .v3 li span,.ab_con1 dl dd .v3 li a{ width: 29px; height: 25px;}
.ab_con1 dl dd .v3 li .img1,.ab_con1 dl dd .v3 li.cur .img2{ display: block;}
.ab_con1 dl dd .v3 li .img2,.ab_con1 dl dd .v3 li.cur .img1{ display: none;}
.ab_con1 dl dd .v3 li .img3{  top: 50px;opacity: 0;filter:alpha(opacity=0);}
.ab_con1 dl dd .v3 li.cur .img3{opacity: 1;filter:alpha(opacity=100); top: 40px;}

.ab_con2{ margin-bottom: 80px;}
.ab_con2 .ab_slick{ margin-top: 30px;}
.ab_con2 .ab_slick dd{ margin-top: 20px;}

.ab_con3{ margin-bottom: 120px;}
.ab_con3 .ul_1 li{ float: left; margin-top: 66px; position: relative; top: 0; width: 20%; height: 70px;}
.ab_con3 .ul_1 li:hover{ top: -20px;position: relative;}
.ab_con3 .ul_1 li img{ width: 100%;}

/*-==================about===================*/


.live_con1{ margin-bottom: 170px;}
.live_con1 .tit{ margin: 60px 0 30px 0; padding: 0;}
.live_con1 .v1{ margin-top: 25px;}

.live_con2{ margin-bottom: 40px;}
.live_con2 .v1{ width: 1330px;}
.live_con2 dl{ float: left; width: 297px; margin-bottom: 30px; margin-right: 30px;}
.live_con2 dl .span_bg{ width: 100%; height: 100%; top: 0; left: 0; background: url(../images/in_8.png) repeat; position: absolute; top: 0; left: 0;}
.live_con2 dl a{color: #888888;}
.live_con2 dl dt{ width: 297px; height: 406px; overflow: hidden;}

.live_con2 dl dt .im1{ top: 50%; left: 50%; margin: -20px 0 0 -20px; z-index: 1;}
.live_con2 dl dt:hover .img100{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.live_con2 dl dd .span_1{ margin-top: 20px; line-height: 25px; height: 25px; overflow: hidden;color: #888888;  }
.live_con2 dl dd .span_2{ color: #888888; margin-top: 5px;}
.live_con2 dl dd .span_3 { display: none;}

.shi_tan{ top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: url(../images/in_8_1.png) repeat; display: none;}
.shi_tan video{ width: 80%; height: 80%; top: 10%; left: 10%;}
.shi_tan .guan{ top: 2%; right: 2%; width: 30px;}
.shi_tan .guan:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.live_con2 dl dt:hover .im1{transform:rotate(360deg); -webkit-transform:rotate(360deg);}

/*-==================live_strezs end===================*/




.run_con{ padding-bottom: 75px;}
.run_con .in_con3 .v{ border: none;}
.run_con .run_you .v .zuo{ float: right;}
.run_con .run_you .v .you{ float: left;}

/*-==================run_way end===================*/


.news_de{ padding: 80px 0;}
.news_de .v2{ margin-top: 20px;}
.news_de .v2 img{ max-width: 100%; margin: 0 auto; display: block;}

.grid dl dd{ width: 100%; height: 100%; top: 0; left: 0; background: url(../images/in_8.png) repeat; opacity: 0;filter:alpha(opacity=0);}
.grid dl dd .v1{ position: absolute;left: 5%; width: 90%; top: 60%; margin-top: -53px;}
.grid dl dd .span_1{ color: #fff; margin-bottom: 25px;}
.grid dl dd .span_2{ border: #fff 1px solid; color: #fff;}
.grid dl:hover .v1{ top: 50%;}
.grid dl:hover dd{ opacity: 1;filter:alpha(opacity=1000);}
.grid dl dd .span_2:hover{ background: #fff; color: #111;}
.grid dl dt{ line-height: 0; width: 100%;}












.header{ display: block;}
.mob_hea{ display: none;}







.dong_h{
	-webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out;transition: all .8s ease-in-out; position: relative; top: 100px; opacity: 0;
}
.dong_h.cur{ top: 0; opacity: 1;}


@media (max-width:1440px){
	.auto{ width: 85%;}
	body{ min-width: 1000px;}
	.in_con1 .zuo{width: 65.625%;}
	.in_con1 .you{ width:34.375%; }
	.in_con1 .you .tit{ padding: 20px 0 30px 0;}
	.tit{ padding: 40px 0 30px 0;}

	.in_con3 .v .zuo{ width:33.59%; }
	.in_con3 .v .you{width: 65.625%; height: auto;}
	.in_con3 .v .zuo .tit{ padding: 15px 0 20px 0;}
	.in_con4 li{width:31.25%; }

	.in_con4 li a{ width:100%; }
	.in_con4 .li1 .span_2{ margin-bottom: 34px;}


	.ab_con1 dl dt{ width: 33.28%; height: auto;}
	.ab_con1 dl dd{ width: 60.54%;}


	.live_con2 dl{ width: 23.2%; margin: 0 .9% 30px .9%;}
	.live_con2 .v1{ width: 100%;}
	.live_con2 dl dt{ width: 100%; height: auto; line-height: 0;}

	.in_con3 .v .zuo .tit h2{ font-size: 25px;}

	.in_con1 .you .v1, .in_con3 .v .zuo .v1{ margin: 5px 0 30px 0;}
	.banner .v1 .span_1{ font-size: 16px;}
	.banner .v1 .span_2{ font-size: 14px;}
	
	.news{ padding-top: 40px;}

}


@media (max-width:1300px){
	.font20{ font-size: 18px;}
	.font18{ font-size: 16px;}
	.font16{ font-size: 14px;}
	.font15{ font-size: 14px;}
	.font14{ font-size: 12px;}

	.auto{ width: 90%;}
	.in_con1{ margin: 70px 0 40px 0;}
	.in_con4 .li2{ margin: 0 25px;}
	.more{ width: 120px; height: 40px; line-height: 40px;}
	.tit h2{ font-size: 26px;}
	.hui_top{ right: 20px;}
	.tit{ padding: 30px 0 20px 0;}
	.in_con4{ margin: 40px 0;}
	.in_con4 .li1 .span_2{ margin-bottom:31px; }
	.ab_con1{ margin: 40px 0 30px 0;}
	.live_con1{ margin-bottom: 100px;}
	.live_con2 dl{ width: 31.3%; margin: 0 1% 30px 1%;}
	.live_con2 dl dd .span_1{ line-height: 20px; height: 40px;}
	.in_con3 .v .zuo .tit h2{ font-size: 22px;}
	.header .ul1 li{ margin-right: 20px;}
	.news_de{ padding: 60px 0;}
	.auto1{ width: 85%;}

	.header .zuo{ left: 40px;}
	.banner .v1 .span_1{ font-size: 14px;}
	

}


@media (max-width:1024px){

	body{ min-width: 320px;}
	.banner .slick-prev,.banner .slick-next{ display: none !important;}
	.in_con1 .zuo,.in_con1 .you,
	.in_con3 .v .zuo,.in_con3 .v .you,
	.ab_con1 dl dt,.ab_con1 dl dd{ width: 100%;}

	.in_con1 .you,.in_con3 .v .zuo{ padding: .2rem 0 .3rem 0;}
	.in_con1{ margin: .7rem 0 .4rem 0;}
	.tit h2{ font-size: .3rem;}
	.in_con1 .you .tit{ padding: .2rem 0 .3rem 0;}
	.in_con1 .you .v1, .in_con3 .v .zuo .v1{ margin: 5px 0 .4rem 0; line-height: .5rem;}
	.more{ width: 1.2rem; height: .35rem; line-height: .35rem; font-size: .12rem;}
	.in_con2 .tit{ margin-bottom: .25rem;}
	.tit{ padding: .3rem 0 .2rem 0;}
	.in_con3 .v .zuo .tit h2{ font-size: .28rem;}
	.in_con3{ margin-top: .75rem;}
	.in_con2 .new_list{ margin-bottom: .45rem;}
	.in_con3 .v .zuo .tit{ padding: .2rem 0 .3rem 0;}
	.in_con1 .you .con, .in_con3 .v .zuo .con{ padding: .2rem .4rem;}
	.in_con4{ margin: .4rem 0;}
	.in_con4 ul{ margin-top: .3rem; }
	.in_con4 .li2{ margin: 0 2%; }
	.in_con4 .li1 .span_2{ margin-bottom: 10%;}
	.hui_top{ right: .1rem;}
	.in_con4>.more{ margin-top: .4rem;}
	.banner .v1{ bottom: 30px;}

	.slick-prev{ left: -20px !important; background-size: 100% auto!important;}
	.slick-next{ right: -20px !important; background-size: 100% auto !important;}
	.slick-prev,.slick-next{ width: 20px !important;}
	.slick-prev:hover,.slick-next:hover{ opacity: .2;  }
	.in_con2 .auto,.ab_con2 .auto{ width: 80%;}
	.in_con2 .new_list dd, .in_con4 li .v{ display: none;}
	.ab_con1 dl dd .v2{ height: auto; line-height: .4rem;}
	.ab_con1 dl dd .v1{ margin-top: .4rem;}
	.ab_con1 dl dd .v1 .span_1{ font-size: .3rem;}
	.ab_con1 dl dd .v2{ font-size: .2rem; margin-top: .2rem;}
	.ab_con2{ margin-bottom: .8rem;}
	.ab_con2 .ab_slick{ margin-top: .3rem;}
	.ab_con2 .ab_slick dd{ font-size: .22rem; margin-top: .2rem;}
	.ab_con3 .ul_1 li{ width: 33.33%; margin-top: .2rem;}
	.ab_con3{ margin-bottom: .5rem;}
	.live_con1 .tit{ margin: .6rem 0 .3rem 0;}
	.live_con1 .v1{ margin-top: .25rem;}
	.live_con1{ margin-bottom: 1rem;}
	.live_con2 dl dd .span_1{ line-height: .3rem; height: .3rem; margin-top: .2rem;}
	.live_con2 dl{ margin: 0 1% .3rem 1%;}
	.live_con2{ margin-bottom: .4rem;}
	.news_de{ padding: .6rem 0;}
	.news_de .v1{ font-size: .3rem;}
	.news_de .v2 p{ font-size: .2rem !important;}
	.run_con{ padding-bottom: .75rem;}
	.news{ padding-top: .4rem;}
	.grid dl dd{/* display: none;*/ opacity: 1;}
	.grid dl dd .span_1{ overflow: hidden; margin-bottom: 10px; font-size: .16rem; height: .5rem; line-height: .25rem;}
	
	.grid dl dd .v1{ top: 50%;-webkit-transform: translateY(-50%); margin-top: 0;}



	.foot{ height: auto; line-height: .3rem; padding: .2rem 0;}
	.foot .you,.foot .zuo{ float: none; text-align: center; line-height: .4rem; width: 92%;}
	.foot .you{ margin: .1rem 0;}
	.foot .you li .im1{ top: 0;}
	.foot .you li .im1_1{ display: none !important;}
	.foot_bg dl{ position: fixed; top: 50%; left: 50%; z-index: 1; width: 3rem; height: 3rem; margin: -1.5rem 0 0 -1.5rem;}
	.foot_bg{ top: 0; left: 0; background: url(../images/in_8_1.png) repeat; z-index: 101; width: 100%; height: 100%; display: none;}
	.foot_bg dl dd{ color: #fff; font-size: .3rem; margin-top: .1rem;}
	.foot .you li .im1{ display: block !important;}
	.foot .you li .im2{ display: none !important;}

	.ab_slick .slick-prev,.ab_slick .slick-next{ margin-top: -40px;}
	.ab_con1 dl dd .v3 li span, .ab_con1 dl dd .v3 li a{ width: .29rem; height: .25rem;}
	.ab_con1 dl dd .v3 li{ margin-right: .2rem;}
	.foot .you li{ float: none; display: inline-block;}




	.header{ display: none;}
	.mob_hea{ display: block;box-shadow:0 2px 3px rgba(0,0,0,.05);}
	.ab_con1 dl dd .v3 li .img3{ width: 1.3rem;}

	.mob_hea{ background: #fff; width: 100%; position: fixed; top: 0; left: 0; z-index: 100; height: 1rem;}
	.mob_hea .logo img{ width: 1rem;}
	.mob_hea .logo{ margin-left: .3rem; margin-top: .15rem;}
	.wrap{ padding-top: 1rem;}
	.meau{ background-color: #f5f5f5; top: 1rem; left: 0; width: 100%; height: 100%; display: none;}
	.meau ul{ margin-top: .4rem;}
	.meau li{ line-height: .8rem;}
	.meau li a{ color: #494848; width: 84%; margin: 0 auto; display: block; font-size: .26rem; position: relative; font-weight: bold;}
	.meau li a:after{ width: .18rem; height: .18rem; content: ""; display: block;  border: .02rem solid #494848; border-width: 0 .02rem .02rem 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute; top: 50%; right: 1px; margin-top: -.1rem;}
    .navBot{width: 86%;margin:2em auto 2em;}
	.searchBox{position: relative;}
	.searchBox .inbox{padding:.15rem 3em .15rem .5em;height: .3rem; display: block;border: 1px solid #E5E5E5;background: #fff;position: relative;}
	.searchBox input{height: .3rem;line-height:.3rem;width: 100%; background: none;border:none;display: block; margin-top: -.02rem; vertical-align: middle; border:.01rem solid transparent;}
	.searchBox .btnSearhc{height:100%; position: absolute;top:0; right: 0;}
	.searchBox .btnSearhc img{ width: .35rem; margin-top: .1rem; margin-right: .1rem; opacity: .7;}
	.searchHd .inbox{background: #fff;border: 1px solid #ccc;}
	.searchHd input{color:#000;}
	.telSubLick{padding-top: 1em;}
	.telSubLick a{color: #494848; margin: 0 .5em;}
	.telSubLick b{width:.8em;display: inline-block;margin-right: .3em;}
	.grid{ margin: 30px 10px !important;}

	.in_con2 .new_list dt{ border:none;}








	.menu-button-target{ background: transparent; border: none; outline: none; cursor: pointer; position: absolute; z-index:200; right:.3rem; height:.5rem; top:.25rem; margin-top:0rem; webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	.menu-button-target.active .menu-button{ transition: background .2s ease; background-color: transparent;}
	.menu-button-target.active .menu-button:before, .menu-button-target.active .menu-button:after{ transition: top .3s ease, -webkit-transform .3s .2s ease;}
	.menu-button-target.active .menu-button:before{ top:0; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
	.menu-button-target.active .menu-button:after{ top:0; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	.menu-button{ position: relative; top: 50%; left: 0; display: block; width:.5rem; height:.03rem; background-color: #000;border-radius: 10px; transition: background .2s .2s;}
	.menu-button:before, .menu-button:after{ content: ""; display: block; position: absolute; width: 100%; height:.03rem; left: 0; background-color: #000; transition: top .3s .2s ease, -webkit-transform .3s ease; border-radius: 10px; -webkit-transform-origin: 50% 50%;}
	.menu-button:before{ top:-.15rem; -webkit-transform: rotate(0deg);}
	.menu-button:after{ top:.15rem; -webkit-transform: rotate(0deg);}







}


@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: 1023px) {html {font-size: 100px;}}

.logoop .header h1 img.img100 ,.logoop .mob_hea .logo img{opacity: 0;}