@charset "utf-8";
*{margin:0;padding:0;}
body{margin:0px; padding:0px;font-size: 0.5rem;color:#464646;font-family:Tahoma,Arial, Helvetica, sans-serif;/*background:#d8d8d8;*/}
ul,li,dl,dd,dt{ margin:0px; padding:0px; list-style-type:none;}
img{border:0;}
#container{margin:0 auto;width:100%;}
.centerBox {
    width: 1200px;
    margin: 0 auto;
}
.clearBoth {
    height: 0;
    font-size: 0;
    overflow: hidden;
    line-height: 0;
    clear: both;
}
a{text-decoration:none;color:#464646;}
/*---------全局样式-------------*/
.colorgreen{color:#46AA09;margin-bottom:15px;/*绿色*/}
.colororange{color:#F63;/*橙色*/}
h1{font-size:18px;font-weight:normal;/*18号标题*/}
/*----------------head----------------------*/
.header{width:1000px;height:76px;margin:0 auto;overflow:hidden ;}
.header .logo{width:87px;height:52px;float:left;margin:10px 0 0 20px;}
.header .topword{width:350px;padding:30px 0 0 20px;float:left;}
.header .toppart{width:500px;float:right;}
.header .toppart ul{float:right;}
.header .toppart ul li{margin-top:10px;text-align:right;}
.header .toppart .login{color:#F60;}
.header .toppart .login a{color:#F60;}
.header .toppart .login a:hover{color:#46AA09;}
.header .toppart .lang{font-family:"microsoft yahei",Tahoma;color:#464646;}
.header .toppart .lang a{color:#464646;}
.header .toppart .lang a:hover{color:#46AA09;}
.navigation{background:url(../images/bg_nav.png) no-repeat;height:40px;width:950px;padding-left:50px;margin:0 auto;}
.navigation_in{display:block;}
.navigation_in ul {float:left;}
.navigation_in ul li {float:left;overflow:hidden;position:relative;text-align:center;}
.navigation_in ul li a {/* 必须是相对定位*/ position:relative; display: block; width:100px;height:40px;cursor: pointer;font-size:14px;}
.navigation_in ul li a span {/* 所有层将使用绝对定位 */position: absolute; left:0; width: 100px;}
.navigation_in ul li a span.out {top:0px;}
.navigation_in ul li a span.over, .navigation_in ul li a span.bg {/* 隐藏高度*/top: -40px; }
#navigation_in {width:650px;float:left;}
#navigation_in ul li a {text-shadow:#5c5c5c 1px 1px;color:#fff;line-height:40px;}
#navigation_in ul li a span.over {color:#46AA09;text-shadow:#fff 1px 1px;}
#navigation_in ul li span.bg {height:40px; background: url(../images/bg_navover.png) center center no-repeat; }
.navigation .search{width:250px;float:left;margin-left:20px;padding-top:8px;height:32px;}
.navigation .search ul li{float:left;height:40px;}
.navigation .search ul li a{float:left;}
.navigation .search .txt_search{background:url(../images/bg_search.png) no-repeat;width:186px;height:24px;line-height:24px;border:0;padding:0 5px;}
/*---------------content----------------------*/
#content{width:1200px;height:auto; margin:0 auto;overflow:hidden;margin-top:10px;/*中间部分*/ /*-webkit-overflow:auto;*/}
.flash{width:100%;height:340px;float:left;overflow: hidden;}
.flash a:hover{text-decoration:none;}
.flash .flashchang1 { width:100%;height:340px;overflow: hidden;background-color: #fff;position: relative;}
.flash .loading{width:1000px;background-color:#000000;color: #FFCC00;font-size: 12px;height:410px;text-align: center;padding-top: 30px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}
.flash .flashchange2{width: 100%;height:410px;overflow: hidden;}
.flash .num_list{position: absolute;width: 100%;left: 0px;bottom: -1px;color:#FFFFFF;font-size: 12px;padding: 4px 0px;height: 20px;overflow: hidden;}
.flash .num_list span{display: inline-block;height: 16px;padding-left: 6px;font-size: 14px;font-weight: bold;}
.flash .flashchang1 ul{display: none;}
.flash .flash_button{position: absolute;z-index:1000;right: 0px;bottom:2px;font-size:11px;font-family: Arial, Helvetica, sans-serif;}
.flash .flash_button1, .flash_button2{background-color:#707070;display: block;float: left;padding:1px 5px;margin-right: 3px;color: #FFFFFF;text-decoration: none;cursor: pointer;}
.flash .flash_button2{color: #fff;background-color: #b90d0d;}

#mainFlash{background:url(../images/panel.jpg) repeat-x bottom center #ffffff;width:100%;overflow:hidden;/*首页jquery Flash*/}
#mainFlash #slides{height:340px;width:100%;overflow:hidden;}
#mainFlash .slide{float:left;}
#mainFlash #changeImage{height:45px;}
#mainFlash #changeImage ul{padding-left:360px;}
#mainFlash #changeImage ul li{width:60px;display:inline-block;list-style:none;height:45px;overflow:hidden;float:left;text-align:center;}
#mainFlash #changeImage li.act,li.act:hover{background:url(../images/active_bg.png) no-repeat;}
#mainFlash #changeImage li.act a{cursor:default;}
#mainFlash #changeImage .fbar{width:2px;background:url(../images/divider.png) no-repeat right;}
#mainFlash #changeImage li a{display:block;background:url(../images/divider.png) no-repeat right;height:35px;padding-top:10px;}
.middlepart{width:1000px;height:auto;margin-top:10px;}
.middlepart .middlepart_t{width:1000px;height:12px;background:url(../images/mPart_t.gif) no-repeat;}
.middlepart .middlepart_m{width:1000px;height:180px;background:url(../images/mPart_m.gif) repeat-y;_margin:-5px 0 0 0;}
.middlepart .middlepart_m .mainNews{width:350px;height:185px;padding:0 15px;float:left;border-right:solid 1px #b9b9b9;}
.middlepart .middlepart_m .mainNews ul li{margin:10px 0 0 0;}
.middlepart .middlepart_m .mainAbout{width:350px;height:185px;padding:0 15px;float:left;border-right:solid 1px #b9b9b9;}
.middlepart .middlepart_m .mainAbout p{line-height:25px;margin-top:4px;}
.middlepart .middlepart_m .memberLogin{width:200px;float:left;padding:0 15px;}
.middlepart .middlepart_m .memberLogin ul{margin-bottom:10px;overflow:hidden;}
.middlepart .middlepart_m .memberLogin ul li{float:left;height:30px;line-height:30px;}
.middlepart .middlepart_m .memberLogin a{color:#464646;}
.middlepart .middlepart_m .memberLogin a:hover{color:#F60;}
.middlepart .middlepart_m .txt_login{/*文本框样式*/background:url(../images/bg_login.gif) no-repeat;width:125px;height:25px;border:0;line-height:25px;padding:0 5px;}
.middlepart .middlepart_m .btn_login{/*按钮样式*/background:url(../images/btn_allbg.png) no-repeat;width:76px;height:30px;border:0;color:#539410; text-shadow:1px 1px #FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;cursor:pointer;}
.middlepart .middlepart_b{width:1000px;height:12px;background:url(../images/mPart_b.gif) no-repeat;}
.proframe{width:1000px; margin:0 auto; }
.proframe_t{width:1000px; height:45px;background:url(../images/proframe_t.jpg) no-repeat;}
.proframe_t a{color:#46aa09; font-size:18px; line-height:45px;padding-left:30px;}
.proframe_m{width:1000px;background:url(../images/proframe_m.jpg) repeat-y; overflow: hidden; zoom: 1;}
.proframe_b{width:1000px; height:14px;background:url(../images/proframe_b.jpg) no-repeat;}
.proMsg{width:178px; background:#FFF; float:left;margin:10px; border:1px solid #cbcbcb;}
.proImg{width:160px; height:160px;padding:10px 10px 0 10px;}
.proTxt{width:160px;padding:0 10px 10px 10px;text-align:center; font-family:Microsoft Yahei; font-size:12px;}
.proNo{width:160px; height:35px; overflow:hidden;}
.proName{width:160px; height:35px; overflow:hidden;}

.mainbanner {
    width: 100%;
    box-sizing: border-box;
}
#banner {
    position: relative;
    z-index: 1;
}
.swiper-container-common {
	width:100%;
	margin-bottom:5px;
    position: relative;
    overflow: hidden;
}

.swiper-container-hot .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #ffffff;
    opacity: 1;
	 border: 3px solid #eaeaea;
}
.swiper-container-hot .swiper-pagination-bullet-active {
    opacity: 1;
    background: #6fbd33;
    border: 3px solid #eaeaea;
}
.swiper-slide img {
    width: 100%;
}

.clear{clear:both;width:100%;height:0px;}
.PLframe{width:800px; margin:0 auto;}
.prolist{width:800px; margin-bottom:20px;}
.proInfo{width:180px; float:left; margin:0 10px;}
.proInfo ul li{font:12px; line-height:16px; text-align:center;}
.price{color:#333333;}
.proname{color:#666666;white-space:normal; width:180px;}
.procode{color:#666666;}


/*---------------footer----------------------*/
.footline{width:1000px;margin:10px auto;}
.footer{width:1200px;margin:10px auto;font-size: 0.6rem;}
.footer .footLeft{width: 100%;
    float: left;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 40px;    text-align: center;}
.footer .footLeft img{vertical-align: middle;margin-top: -5px;}
.footer .footRight{ width:100%; margin-top:20px;    text-align: center;}
.footer .footRight a { color:#333333;padding-left: 10px;
    padding-right: 10px; font-size: 0.6rem;}
.footer .footRight p { padding-top:8px; padding-bottom:8px;}
/*----------detail page-------------*/
#content-d{width:1000px;height:auto;overflow:hidden;margin-top:10px;/*中间部分*/}

/*============newcss*/
.new_top{
	min-height: 200px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    padding: 20px 0;
    box-sizing: border-box;
}

.new_top_top{
	width: 250px;
	float:left;
	
}

.logo {
    width: 250px;
    margin-right: 10px;
}

.new_top_top_logo{
	
	float: left;
}

.new_top_top_lang{
	width: 100px;
	text-align: center;
	float: right;
    display: table;
}

.lang{
	color: #8b8b8b;
    vertical-align: bottom;
    display: table-cell;
}
.searchBtn {
    height: 38px;
    line-height: 38px;
    width: 23px;
    transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    font-size: 0;
    background: url(/e/customize/images/btn_search.png) no-repeat center center;
    display: block;
    float: right;
}
.new_top_bottom{
    width: 100%;
/*    height: 50px;*/
    text-align: right;
    padding-top: 30px;
    box-sizing: border-box;
    margin-left: 50px;
}
.new_top_bottom ul {    
   width: calc(100% - 100px);
    display: inline-block;
	}
.new_top_bottom a{
    text-decoration: none;
	    line-height: 40px;
		font-size: 0.6rem;
}

.new_top_bottom li{
	    /* transition: background 0.2s; */
    cursor: pointer;
    width: calc(100% / 5);
    height: 40px;
    float: left;
    text-align: center;
    display: table;
    position: relative;
    text-transform: uppercase;
   
    box-sizing: border-box;
}

/*.new_top_bottom li:first-child{
	border-radius: 10px 0 0 10px;
}

.new_top_bottom li:last-child{
	border-radius: 0 10px 10px 0;
}*/

.new_top_bottom li p{
	vertical-align: middle;
    display: table-cell;
    font-size: 0.6rem;
    color: #111;
}

/*
.new_top_bottom li::before { 
    content: "►";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
*/
.new_top_bottom li:hover ul { 
    display: block;
    z-index: 1111;
	width: 100%;
}

.new_top_bottom li ul { 
    position: absolute;
    left: 0;
    top: 39px;
    display: none;
}

.new_top_bottom li ul li { 
    width: 100%;
    border-radius: 0 0 0 0!important;    
}

.new_top_bottom li ul li p{ 
    color: #111;   
}

.new_top_bottom li ul li p a{ 
    font-size: 0.5rem;
    color: #111!important;
}

.new_top_bottom li:hover p{ 
    color: #fff!important;
}

.new_top_bottom li ul li::before { 
    content: "";
}

.red_arr{ 
    color: #ee171f;
}
.red_arr:hover{ 
   /* background: #ee171f;*/
}
.red_arr:hover a{ 
   /* color: #fff;*/
}

.deepgreen_arr{ 
    color: #5b9d31;
}
.deepgreen_arr:hover{ 
    /*background: #5b9d31;*/
}
.deepgreen_arr:hover a{ 
    /*color: #fff;*/
}

.orange_arr{ 
    color: #f48035;
}
.orange_arr:hover{ 
    /*background: #f48035;*/
}
.orange_arr:hover a{ 
   /* color: #fff;*/
}

.blue_arr{ 
    color: #1f599b;
}
.blue_arr:hover{ 
    /*background: #00a0e4;  */  
}
.blue_arr:hover a{ 
    /*color: #fff;*/
}

.deeporange_arr{ 
    color: #f3c51a;
}
.deeporange_arr:hover{ 
    background: #f3c51a;
}
.deeporange_arr:hover a{ 
    color: #fff;
}

.purple_arr{ 
    color: #64278f;
}
.purple_arr:hover{ 
/*    background: #64278f;
*/}
.purple_arr:hover a{ 
/*    color: #fff;
*/}

.deepred_arr{ 
    color: #ee131b;
}
.deepred_arr:hover{ 
/*    background: #ee131b;    
*/}
.deepred_arr:hover a{ 
/*    color: #fff;
*/}

.green_arr{ 
    color: #74c141;
}
.green_arr:hover{ 
    background: #74c141;
}
.green_arr:hover a{ 
    color: #fff;
}

.new_mid{
    width: 100%;
    margin: 0 auto;
	margin-top:5px;
	margin-bottom:5px;
	background: linear-gradient(to right, #21619f 65%, #d43901 35%);
}

.new_mid_L{
      width:65%;
    float: left;
/*    background: #21619f;
*/}
.new_mid .midtext { width:1300px; margin:0 auto;}
.new_mid .midcontact { width:1300px; margin:0 auto;background: linear-gradient(to right, #21619f 65%, #d43901 35%); }

.new_mid_L_top{
  width: 90%;
    float: right ;
    display: table;
    margin-right: 2%;

}

.new_mid_L_top_out{
   padding-top: 10px;
    padding-bottom: 10px;
}

.new_mid_L_top_in{
	width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
}
.new_mid_L_top_in span {
	    display: inline-block;
    float: left;
    margin-right: 20px;
	}
.new_mid_L_top_in iframe{
  width: 90%;
    border: 0;
    box-sizing: border-box;
    height: 80px;
	color:#fff;

}
.new_mid_L_top_in iframe p{ color:#fff;}
.new_mid_L_bottom{
        width: 110px;
    float: left;
   
    
}

.new_mid_L_bottom_top{
    width: 90%;
   
    margin: 0 auto;
	text-align:center
 
}

.events{
    background-image: url(/images/forweb/events.png);
}

.news{
    background-image: url(/images/forweb/news.png);
}

.joinus{
    background-image: url(/images/forweb/joinus.png);
}

.eventsbox{
    background-image: url(/images/forweb/eventsbox.jpg);
}

.newsbox{
    background-image: url(/images/forweb/newsbox.jpg);
}

.joinusbox{
    background-image: url(/images/forweb/joinusbox.jpg);
}

.new_mid_L_bottom_bottom{
    width: 90%;
text-transform: uppercase;
    margin: 0 auto;  
  color: #fff;
    text-align: center;
	    font-size: 0.5rem;
}

.new_mid_L_bottom_bottom iframe{
    width: 190px;
    height: 190px;
    margin: 10px 5px 5px 5px;
    border-radius: 15px;
    padding: 5px;
    box-sizing: border-box;
    border: navajowhite;
    background-color: #fff;
}

.new_mid_R{
     width: 35%;
    float: left;
    display: table;
	/*background:#d43901*/
}
.new_mid_R_top_in{
	    width: 70%;
    margin-left: 5%;
    height: 100px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
}

.new_mid_R iframe{
     width: 300px;
    height: 570px;
    padding: 10px;
    box-sizing: border-box;
    border: none;
}

.new_bottom{
    width: 1000px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    float: left;
}

.new_bottom iframe{
    width: 990px;
    height: 270px;
    border: none;
}


.aapatable{
    font-size: 0.6rem;
}

.aapatable td{
    padding: 5px;
	padding-left: 10px;
}

.show-box p{display:inline-block;margin:5px 8px;}
.show-box-s p{display:inline-block;margin:5px 26px;}

.show-box-13 p{width:180px;}

.show-box-3 p{margin:0 6%;}
.show-box-4 p{margin:0 14%;}

.subban {
    width: 100%;
    height: 150px;
    background-color: #73c040;
    display: table;
    text-align: center;
}

.subban .ti {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 40px;
    font-weight: 600;
    padding-right: 20px;
    box-sizing: border-box;
    color: #fff;
}

.subban .ti p{
    border-bottom: 2px #fff solid;
    display: inline;
    padding: 0 25px;
}

.PageList{
    display: none;
}
.proImg .word{}

.mainLink {
    position: relative;
    width: 100%;
}
.mainLink ul {
  
    margin: 0 auto;
}
.mainLink ul li {
    float: left;
    width:49.9%;
    position: relative;
    overflow: hidden;
  
}
.mainLink ul li:last-child  {
	border-left:1px solid #fff;

  
}

.main_video {
	width:100%; 
	background: url(/e/customize/images/video_bg.jpg) no-repeat center center;
	background-size:100%;
	display:inline-block;
	}
.video-product-bg {
	background: url(/e/customize/images/video_bg.png) no-repeat center center;
	height:364px;
	width:1192px;
	margin:0 auto;
	padding-top: 50px;
    margin-top: 10px;
	}
.swiper-container-category {
   width: 1090px;
    margin-top: 0;
    margin: 0 auto;
    padding-top: 60px;
	overflow: hidden;
}
.category-button-next { right:0px;}
.category-button-prev { left:0px;}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 45px;
    height: 45px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    border-radius: 50%;
    background-color: #81c653;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: 0px 0px 9px -2px #000;
    -webkit-box-shadow: 0px 0px 9px -2px #000;
    -moz-box-shadow: 0px 0px 9px -2px #000;
    -ms-box-shadow: 0px 0px 9px -2px #000;
    -o-box-shadow: 0px 0px 9px -2px #000;
    background-image: none;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none;
}
.product-list-one a img {
    display: block;
    
    width: 98%;
    margin: 0 auto;
    -webkit-transition: border .5s;
    transition: border .5s;
}
.product-list-one {
    padding-bottom: 30px;
    overflow: hidden;
    position: relative;
}
.p-name {
    font-size: 0.6rem;
    color: #000000;
    text-align: center;
    margin-top: 14px;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.swiper-button-next:before {
     content: '';
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;

    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    right: 16px;
    top: 11px;

}

.swiper-button-prev:before {
    content: '';
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
      border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    top: 12px;
    left: 15px;

}
.main_cms { background:#f6f6f6; padding-top:235px;}
.cms_contact { 
    width: 1200px;
    background: url(/e/customize/images/cms_bg.jpg) no-repeat top;
    margin: 0 auto;
	padding-top:30px;
	

   }
.cms_about_us {
	 background: url(/e/customize/images/about_us_banner.jpg) no-repeat center center;
	 height:450px;
	}
.cms_back { width:1147px; background:#fff; margin:0 auto;padding-bottom: 30px;}
.cms_text { width:1050px; margin:0 auto;    min-height: 500px;}
.cms_text .title {    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0.6rem;}
.main_cms .red {
	 background: url(/e/customize/images/banner_bg.jpg) no-repeat center center;
	 height:443px;
	}
.main_cms .red .redbg {   
    height: 60px;
    width: 1147px;
    /* margin: 0 auto; */
    position: relative;
    /* bottom: -450px; */
    /*top: 293px;*/
    bottom: 60px;
    text-align: center;
    margin: 0 auto;}
.main_cms .pleasemore{ display:none}
.main_cms .red .title{
width: 1100px;
height: 443px;
    /* height: 10px; */
    margin: 0 auto;}
.main_cms .red .title-p {background: #0099e7;
    width: 350px;
    position: relative;
    float: right;
    top: 140px;
    height: 90px;
    text-align: center;
    opacity: 0.9;}
.main_cms .red .title-p span {color: #fff;
    font-size: 1.5rem;
    line-height: 90px;font-style: italic}
.CatContent_list {
    margin-left: -15px;
    margin-right: -15px;

    width: 100%;
    display: inline-block;
    margin-top: 30px;
}
.CatContent {
      width: 330px;
    margin-bottom: 20px;
    min-height: 140px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
	    height: 229px;
}
.ContentImage {
    width: 100%;
}
.ContentImage img {
    max-width: 340px;
    
}
.ContentImage, .ContentText {
    float: left;
}
.ContentText {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    /* padding-left: 20px; */
}
.ContentDate {
    display: none;
}
.ContentDate, .ContentLink {
    text-align: Right;
}
.ContentTitle { font-size:0.6rem;}
.submenu {
    width: 100%;
    /* float: left; */
    margin-bottom: 50px;
    display: inline-block;
    background-color: #f6f6f6; 
}
.submenu ul {
 display: inline-block;
    width: 100%;
    /* background-color: #f6f6f6; */
    padding-left: 20px;
    padding-right: 20px;
    
}
.submenutop {
    width: 14%;
    float: left;
    background-color: #f6f6f6;
    margin-bottom: 2px;
    line-height: 40px;
	    border-top: 5px solid #f6f6f6;
}
.submenutop.submenutop_on {
	background:#fff;
	border-top:5px solid #6cbd2e
	}
.submenutop p {
    text-align: center;
    
}
.CatList {
    width: 100%;
    float: left;
    padding: 0px 0 33px 45px;
    box-sizing: border-box;
}
.CatList .CatContent {
    border-bottom: 1px solid;
    width: 100%;
    margin-bottom: 20px;
    min-height: 140px;
}
.CatList .ContentImage {
    width: 120px;
}
.CatList .ContentImage img {
    max-width: 120px;
}
.CatList .ContentText {
    width: 850px;
    padding-bottom: 50px;
    padding-left: 20px;
}
.CatList .ContentTitle {
    border-bottom: 1px solid #b9b9b9;
    line-height: 30px;
    text-align: left;
}
.Catmid{
	width:100%;
	display:inline-block;
	    line-height: 200%;
	}
.searchbar {
    display: block;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 9980;
    opacity: 0;
    background-color:rgba(24,56,79,0.9);
    transition: visibility 0s ease .4s,transform .4s ease,opacity .4s ease;
    -webkit-transition: visibility 0s ease .4s,transform .4s ease,opacity .4s ease;
}
.searchbar .searchbar-wrap {
   
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 0;
    width: 80%;
    border-radius: 5px;
    max-width: 720px;
    z-index: 162;
}
.searchbar .searchbar-wrap form {    background: #fff;
    border-radius: 30px;}
.searchbar input {
       /* background-color: #fff; */
    outline: 0;
    border: 0;
    text-align: center;
    display: block;
    box-sizing: border-box;
    /* height: 55px; */
    line-height: 52px;
    padding: 0 6%;
    font-size: 0.6rem;
    color: #333;
    margin: 0 auto;
    display: inline-block;
    margin-left: 30px;
    width: 60%;
    vertical-align: middle;
    text-align: left !important;
}
.searchbar .btn {
    background: url(/e/customize/images/search.png) no-repeat center center;
    background-size: 80%;
    display: inline-block;
    font-size: 0.6rem;
    width: 64px;
    height: 50px;
    margin-right: 10px;
    float: right;
    line-height: 55px;
    color: #fff;
    vertical-align: middle;
    border-radius: 0;
    padding: 0;
    box-sizing: border-box;
}
.searchbar .close-search {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
}
.searchbar.open {
    visibility: visible;
    transition-delay: 0s;
    opacity: 1;
    transform: scale(1) scaleZ(1);
}
#news { margin-bottom:10px;}
#news_right { display:inline-block}
#news_right .news_title{line-height: 33px;
    font-size: 0.6rem;
    color: #978b00;}
#news_right .news_content {line-height: 30px;}
#news_right .news_more a { float:right;color: #978b00;}
.right_box {
    width: 100%;
    text-align: right;
}

    .right_box .language, .right_box .fontSize {
        display: inline-block;
    }

    .right_box .fontSize {
        display: inline-flex;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    margin-right: 73px;
    margin-top: 10px;
    }

        .right_box .fontSize span {
            margin-left: 6px;
            background-color: #f2f3f3;
            border: 1px solid #ccc;
            box-sizing: border-box;
            text-align: center;
            width: 1rem;
            height: 1rem;
            display: flex;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

        .right_box .fontSize .sFont {
            font-size: 0.5rem;
        }

        .right_box .fontSize .mFont {
            font-size: 0.7rem;
        }

        .right_box .fontSize .lFont {
            font-size: 0.86rem;
        }

        .right_box .fontSize span.active {
            background-color: #ccc;
        }
#header {    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: rgb(255, 255, 255);
    z-index: 30;}
.container-main { padding-top:235px; width:100%;}