@charset "utf-8";
/*初始化样式*/
body{ margin:0px; padding:0px; margin:0px auto; zoom:1;

/*设置字体*/
font-size:14px;
line-height:25px;
font-family:Microsoft YaHei,Arial,"微软雅黑","宋体";
color:#333;

/*设置宽度*/
width:100%;
  background: #fff;
}


/*该设置跟后台编辑器有关*/
.ul,.ul li{ list-style:none; margin:0; padding:0;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
/*该设置跟后台编辑器有关*/


/*强制去除表单自带的样式*/ 
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none; /*-webkit-appearance:none;*/ font-family: 微软雅黑;}
textarea{resize:none;/*-webkit-appearance:none;*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}

table {border-spacing: 0}
table td {font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}

/*html5设置*/
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} 
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}

img{ border:none; border:0; vertical-align:top; max-width:100%}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}


/*清楚浮动*/
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;
 font-size: 0px;}
.clearfix { zoom: 1;}
.clear{ clear:both; height:0px; overflow:hidden;}
.left{ float: left;}
.right{ float: right;}
.dot{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*初始化样式*/




/*页面框架结构*/
.contain{ background: #fff; min-height: 350px;} /*页面主体内容*/
.slidebar{} /*边侧菜单*/
.maincontent{background: #fff;padding-bottom: 65px} /*主要内容*/
.content{} /*内容*/
.txtbox,
.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;}
.current{ /*当前位置*/}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

.auto{ margin: 0 auto;}
.min{max-width:1620px; margin:0 auto;}
@media(max-width:1620px){.min{ padding:0 2%;}}

/*分页*/
.Page_box .Pages{ text-align:center; padding:3% 0;}
.Page_box .Pages a{ display:inline-block; vertical-align:middle; background: #ffffff; border-radius: 30px; padding:0 15px; line-height:38px; color:#000;}
.Page_box .Pages a:hover,
.Page_box .Pages a.a_cur{ background-color:#fff000; color:#000;}
.Page_box .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;}
.Page_box .Pages em a{ float:left;  margin: 5px;}
.Page_box .Pages .p_cur,
.Page_box .Pages .p_count,
.Page_box .Pages .p_jump,
.Page_box .Pages .p_total{ display:none;}
.Page_box .Pages .a_prev,
.Page_box .Pages .a_next{ display: none;}
.Page_box .Pages .a_first{ padding: 0 25px;}
.Page_box .Pages .a_end{ padding: 0 25px;}
@media(max-width:640px){
    .Page_box .Pages .a_first,
    .Page_box .Pages .a_end{ display:none;}
}
@media(max-width:480px){
    .Page_box .Pages a{padding:0 5px; }
}

/*分页 结束*


/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0;}
.ul_sitemap li strong{ width:90px; display:inline-block;}


/*头部*/
.top_box .nav-trigger { position: absolute; top: 42%; right: 3%; transform: translateY(-50%); width: 32px; height: 32px; overflow: hidden; white-space: nowrap; /* hide text */ color: transparent;  z-index: 3; cursor: pointer; text-indent: 9999px;}
.top_box .nav-trigger span, .top_box .nav-trigger span::before, .top_box .nav-trigger span::after {
    /* hamburger icon in CSS */
    position: absolute; display: inline-block; height: 3px; width: 32px; background: #fff000;
}
.top_box .nav-trigger span {
    /* line in the center */
    position: absolute; top: 50%; right: 0; margin-top: -2px; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s;
    transition: background 0.3s 0.3s;
}
.top_box .nav-trigger span::before, .top_box .nav-trigger span::after {
    /* other 2 lines */
    content: ''; right: 0;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    -moz-transition: -moz-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
}
.top_box .nav-trigger span::before {top: -10px;}
.top_box .nav-trigger span::after {top: 10px;}
.top_box .nav-trigger.nav-is-visible span {
    /* hide line in the center */
    background: rgba(46, 50, 51, 0);
}
.top_box .nav-trigger.nav-is-visible span::before, .top_box .nav-trigger.nav-is-visible span::after {
    /* keep visible other 2 lines */
    background: #fff000;
}
.top_box .nav-trigger.nav-is-visible span::before {
    -webkit-transform: translateX(0px) translateY(12px) rotate(45deg);
    -moz-transform: translateX(0px) translateY(12px) rotate(45deg);
    -ms-transform: translateX(0px) translateY(12px) rotate(45deg);
    -o-transform: translateX(0px) translateY(12px) rotate(45deg);
    transform: translateX(0px) translateY(12px) rotate(45deg);
}
.top_box .nav-trigger.nav-is-visible span::after {
    -webkit-transform: translateX(0) translateY(-8px) rotate(-45deg);
    -moz-transform: translateX(0) translateY(-8px) rotate(-45deg);
    -ms-transform: translateX(0) translateY(-8px) rotate(-45deg);
    -o-transform: translateX(0) translateY(-8px) rotate(-45deg);
    transform: translateX(0) translateY(-8px) rotate(-45deg);
}
@media only screen and (min-width: 768px) {
    .top_box .nav-trigger { display: none;}
}
/*nav-trigger end*/
.top_box .header,.top_box .header a{ color: #fff;}
.top_box .header{ position: relative;}
.top_box .header a{ transition: color .3s ease-in;-webkit-transition: color .3s ease-in;-moz-transition: color .3s ease-in;-ms-transition: color .3s ease-in;}
.top_box .header a:hover{ color: #fff000;}
.top_box .header{ position: absolute; top: 0; width: 100%; z-index: 110;
}
.top_box .header .auto{ position: relative; z-index: 60; padding: 0 2%;}
.top_box .header .logo{ float: left; max-width: 130px; padding: 25px 0;}
.top_box .header .logo1{float: left; max-width: 130px; padding: 25px 0;display: none;}
.BdHover .top_box .header .logo{display: none;}
.BdHover .top_box .header .logo1{display: block;}
.top_box .header .other{ padding-top: 44px; position:relative; float: right;}
.top_box .header .lang .cur{ color: #fff100;}

.top_box .header .other >*{display: inline-block;  padding: 0 25px 0; color: #fff;}
.top_box .header .search{ position: relative; padding-right: 0; top: 5px;}
.top_box .header .search .iconfont{ color: #fff; font-size: 16px; background: url('../../../../stand-in.svg') no-repeat; width: 20px; height: 20px; display: block;}

.top_box .header .searchbox{ position: absolute; top: 100%; right: 0; background: #fff; width: 260px; height: 40px; display: none; transition:0.3s;}
.top_box .header .searchbox .text{ width:100%; background:none; height:40px; border:none; line-height:40px; text-indent: 15px;}
.top_box .header .searchbox .btn{ position:absolute; right:0; top:0; height:40px; border:none; cursor:pointer; width:40px;background:url('../../../../stand-in.svg') no-repeat center center;}


.top_box .header .subbg{background:#fff100 none repeat scroll 0 0 !important;position: absolute; top: 0; left: 0; width: 100%; height:250px; z-index: 58; display: none;}
.top_box .header .nav{ position:relative;}
.top_box .header .nav li{float: left;  padding:44px 25px 40px;}

.top_box .header .nav li span{ display: none;}
.top_box .header .nav .subnav{ position: static; display: none;}
.top_box .header .nav .subnav a{ color: #666; font-size: 14px;}
.top_box .header .nav .subnav a:hover{ color: #fff;}
.top_box .header .nav .subnav dt img{ width:80px; height:80px;}
.top_box .header .nav .subnav dd{ padding:0; margin:0;}

.top_box .header .nav li > a{ color: #fff; display: block; font-size: 16px;}


.BdHover .top_box .header .nav li > a{color: #444;}
.BdHover .top_box .header .other a{ color:#999;}
.BdHover .top_box .header .search .iconfont{ background-image:url('../../../../stand-in.svg');}
.BdHover .top_box .header .searchbox{ border:1px solid #333;}


@media only screen and (max-width:1280px ) {
    .top_box .header .nav li{ padding:44px 20px 40px;}   
}
@media only screen and (max-width:1200px ) {
    .top_box .header .nav li{float: left;   padding:44px 13px 40px;}
	.top_box .header .other >*{ padding:0 8px 0}
}
@media only screen and (min-width:768px ) {
    .top_box .header .logo{ width: 15%;}
    .top_box .header nav{ float: right;}
    .top_box .header .nav li > a:hover{color: #ffffff;}
	.top_box .header .nav li.onnav> a{ color: #ffffff; border-bottom:solid 2px #fff100; padding-bottom: 10px;}
    .top_box .header .nav .subnav{position: absolute; top: 80%;}
}
@media only screen and (min-width:1000px ) {
.top_box .header .nav li .subnav{ width:100%; left:0; height:120px;}
.top_box .header .nav li .subnav dl{ float:left; text-align:center; width:120px;}
.top_box .header .nav li:hover .subnav{ display:block;}
}
@media only screen and (min-width:1024px ) {
    .top_box .header .other a{ color: #fff;}  
}

@media only screen and (min-width:1440px ) {
    .top_box .header .nav li{float: left; padding:44px 25px 40px; }  
}
@media(max-width:1000px) {
    .top_box .header .nav li span{ cursor: pointer; display: block;padding: 5px; font-size: 16px;}
    .top_box .header .nav li>a{ display: none;}
	.top_box .header .nav li#m23>a,
    .top_box .header .nav li#m16>a,
    .top_box .header .nav li#m18>a{ display:block; color:#fff;}
    .top_box .header .nav li#m23>span,
    .top_box .header .nav li#m16>span,
    .top_box .header .nav li#m18>span{ display:none; }
    .top_box .nav-trigger{ display: block;}
    .top_box .header .subbg{ display: none !important;}
    .top_box .header .logo{ padding: 15px 0;}
    .top_box .header .logo img{ width: 100px;}
    .top_box .header .other{ right: 35px; padding-top: 15px;}
    .top_box .header .searchbox{ right: -15px;}
    .top_box .header .nav{ background:rgba(0, 0, 0, 0.95) none repeat scroll 0 0 !important;filter:Alpha(opacity=95); background-color: #000; padding: 65px 0 0; text-align: center;display: none; position: fixed; top: 0; height: 100%; right: 0; width: 100%; }
    .top_box .header .nav li{ max-width: 200px; margin: 0 auto; float: none; padding: 0;}
    .top_box .header .nav li>a{ color: #fff; padding: 5px;}	
    .top_box .header .nav .subnav{ padding: 10px 0; position: inherit; top: 0;}
	.top_box .header .nav .subnav dt{ display:none;}	
    .top_box .header .nav .subnav dd{ padding: 3px 0; margin:0; display: block; width: 100%!important;}
    .top_box .header .nav .subnav dd a{ color: #999;}
	

    .top_box .header nav{ position: relative;}
    .top_box .header .nav li{ position: static;}
    .top_box .header .nav .subnav,.top_box .header .nav .subnav dl{ width: 100% !important;text-align: center;}
    .top_box .header .search{ right: 8%;}
    .top_box .header .other >*{ padding: 0 10px 0;}
    .top_box .header .nav .subnav dl{ margin: 0;}
	.top_box .header .show{ display:block}
}
/*头部*/


/*首页banner*/
.banner{ position: relative; width: 100%; overflow: hidden;}
.banner .items{}
.banner .bx-pager{margin:0;position:absolute; width:100%; text-align: center; bottom:27px; z-index:105;}
.banner .bx-pager div{ display:inline-block; margin: 0; max-width:44px; overflow: hidden;}
.banner .bx-pager div a{ display:block; width: 35px; height: 35px; position: relative; text-indent: 9999px; overflow: hidden; border: 1px solid transparent; position: relative;border-radius: 50%;}
.banner .bx-pager div a:after{ content: ""; display: block; width: 5px; height: 5px; background: #fff; position: absolute; top: 50%; margin-top: -2px; left: 50%; margin-left: -2px; border-radius: 50%;}
.banner .bx-pager div a.active{ border-color:#fff;}
.banner .items img{ position: relative; width: 100%; left: 0; max-width: none;}
.banner .items img.img1{ display: block;}
.banner .items img.img2{ display: none;}

@media only screen and (max-width: 767px) {
    .banner .items img{ position: relative; width: 100%; left: 0; max-width: none;}
    .banner .bx-pager div a{  width: 24px; height: 24px;}
    .banner .bx-pager div a:after{width: 3px; height: 3px;margin-left: -1px;margin-top: -1px;}
    .banner .items img.img1{ display: none;}
    .banner .items img.img2{ display: block;}
    .banner .bx-pager{ bottom: 10px;}
}
@media only screen and (min-width:1620px ) {

    .banner .bx-pager div a{  width: 42px; height: 42px;}
    .banner .bx-pager div a:after{width: 7px; height: 7px; margin-left: -3px;margin-top: -3px;}
}


.a{background:url('../../../../stand-in.svg') no-repeat center top; background-size:cover;}



/*底部*/
.footer{background: #333333;}
.footer .bottom{  padding:3% 0;  padding-bottom: 1%; max-width: 1660px; margin: 0 auto;}
.footer .bottom dl{ float:left; width:9%;}
.footer .bottom dd{ margin-left: 0;}
.footer .bottom dt{ font-size:18px; padding-bottom:10px; margin-bottom:15px; display:inline-block; position:relative;}
.footer .bottom dt a{color:#999; }
.footer .bottom dt span{ display:none;}
.footer .bottom dt::after{position:absolute; content:''; left:0; bottom:0;}
.footer .bottom dt::after{ background-color:#fff100; height:2px; width:25%;}
.footer .bottom .logo{ text-align: right; padding-top: 3%;}
.footer .bottom .logo img{ width: 130px;}

.footer .bottom dd{ line-height:30px; }
.footer .bottom dd a{color:#666; opacity:0.6;}
.footer .bottom dd a:hover{opacity:1;}
.footer .bottom ul{ float:right; width:20.5%; overflow:hidden;}
.footer .bottom ul li{ float:left; width:50%; padding:0;  text-align:center; color: #666; font-size: 14px;}
.footer .bottom ul li img{ width:90%;}
@media(max-width:1660px){
    .footer .bottom{ padding: 3% 2%;}
}

.footer footer{ background-color:#333333; color:#666; font-size:12px;}
.footer footer .auto{ max-width: 1660px; margin: 0 auto; border-top: solid 1px #666; text-align: right; padding: 1% 0;}
.footer footer a{ color:#666; text-decoration:underline;}
.footer footer dl{ float: left; margin: 0; font-size: 14px;}
.footer footer dl a{ display:inline-block; position:relative; text-decoration:none; padding-right:25px;}
.footer footer a:hover{ color:#fff;}
.footer footer dl a::before{ position:absolute; content:''; width:1px; height:8px; left:-15%; top:50%; margin-top:-4px; background-color:#666;}
.footer footer dl a:first-child::before{ display:none; padding-left:0; margin-left:0;}
@media(max-width:1660px){
    .footer footer .auto{ margin: 0 2%;}
}
@media(min-width:901px){
    .footer .bottom dd{display:block !important;}
}
@media(max-width:900px){
    .footer .contact .auto a{ right:2%;}
    .footer .contact dl,
    .footer .contact dd{ display:block; width:auto !important;}
    .footer .bottom dl{ float:none; width:auto;}
    .footer .bottom dl dt a{ display:none;}
    .footer .bottom dl dt,
    .footer .bottom dl dt span{ display:block; color: #666;}
    .footer .bottom dl dd{ display:none;}
    .footer .bottom dl dt span{ padding:5px 0; position:relative; cursor:pointer;}
    .footer .bottom dl dt span::before,
    .footer .bottom dl dt span::after{ position:absolute; content:''; top:50%; margin-top:-1px; width:14px; height:2px; background-color:#fff; right:0; }
    .footer .bottom dl dt span::after{ transform:rotate(90deg);}
    .footer .bottom dt::after{ width:10%;}
    .footer .bottom ul{ float:none; margin:0 auto; width:50%; max-width:250px;}
    .footer .bottom dl dt span{ font-size: 16px;}
}
@media(max-width:480px){
    .footer{ padding-top: 3%;}
    .footer .bottom dl{ display: none;}
    .footer .contact .auto a{ position:relative; display:block; width:151px; right:auto; margin:0 auto;}
    .footer .contact dl{ padding:2% 0;}
    .footer .bottom dl dt{ font-size:14px;}
    .footer .bottom .logo{ text-align: center; padding-bottom: 2%; padding-top: 5%;}
    .footer footer .auto{ text-align: left;}

.footer .bottom ul{ width:100%; max-width:100%; text-align:center;}
.footer .bottom ul li{ width:120px; display:inline-block; float:none;}
}


/*首页*/
.main{ background: url('../../../../stand-in.svg') no-repeat;background-size:cover; padding: 3% 2%;}


.h_tit1{ padding-top: 40px;}
.h_tit1 img{ width: 240px;}

.h_abbox{ max-width: 1120px; color: #fefefe; font-size: 15px; padding-left: 16%;}
.h_abbox .padding{ padding-right: 15%;}
.h_abbox ul{ padding-right: 45%; padding-top: 30px;}
.h_abbox ul li{ float: left; width: 32.3%; border-right: dashed 1px #666;}
.h_abbox ul li.li3{ border-right: none;}
.h_abbox ul li .img{display: block; width: 82px; height: 82px; margin: 0 auto;}
.h_abbox ul li .img_hover{ display: none; width: 82px; height: 82px; margin: 0 auto;}
.h_abbox ul li:hover .img_hover{ display: block;}
.h_abbox ul li:hover .img{ display: none;}
.h_abbox ul li p{ color: #fefefe; text-align: center; padding-bottom: 0; margin-bottom: 0;}
.h_abbox ul li:hover p{ color: #fff100;}
@media(max-width:1366px){
    .h_abbox{ padding-top: 5%;}
}

@media(max-width:1200px){
    .h_tit1 img{ width: 180px;}
    .h_abbox{ font-size: 14px; padding-left: 20%; margin-top: -12%;}
}



.h_tit2{ padding-top: 40px;}
.h_tit2 img{ width: 406px;}




/*.h_probox{padding:3% 0;}*/

.h_floor{ position: relative;}
.h_floor .hd{ position: absolute; left: 0; top: 0; color: #fff; width: 240px;}
.h_floor .hd li{ display: block; max-width: 190px; background: #f0f0f0; margin-bottom: 5px; padding: 2px 15px; color: #666666; border-radius: 15px; cursor: pointer;}
.h_floor .hd li.aon{ background: #fff100 url('../../../../stand-in.svg') no-repeat 90%; color: #000; max-width: 190px;}
.h_floor .hd li:hover{background: #fff100; color: #000;}

.h_floor{color: #fff;}
.h_floor .auto{ position:relative; z-index:1; max-width: 1010px; margin-left: 25%; min-height: 700px;}
.h_probox .swiper-slide{ float:left; width:26%; text-align:center;box-shadow: 0 0 15px #666; margin-right: 10.5%;position: relative;}
.h_probox .swiper-slide:nth-child(3n){ margin-right: 0;}
.h_probox .swiper-slide figure,
.h_probox .swiper-slide figcaption{ margin:0 auto;}
.h_probox .swiper-slide figcaption{ background: #000000;}
.h_probox .swiper-slide figure{ position:relative;}
.h_probox .swiper-slide figure a{ position:absolute; left:0; top:0; height:100%; width:100%;}
.h_probox .swiper-slide:hover figure a{ border-color:#febb13;}
.h_probox .swiper-slide figure img{ display:block; width:100%;}
.h_probox .swiper-slide h3{color:#fff; margin:0;padding:5% 20%; font-size:18px; font-weight: normal;}
.h_probox .swiper-slide h3 a{color:#fff;border: solid 1px #fdf017; display: block; width: 100%; height: 100%; padding: 4% 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}

.h_probox .swiper-slide .con{background: rgba(46, 50, 51, 0.7); padding: 3%; position: absolute; width: 96%; height: 96%; top: 0; left: 0; display: none;}
.h_probox .swiper-slide .con a{ width: 100%; height: 100%;}
.h_probox .swiper-slide .con h3{ color: #fff100; margin-top: 30%;}
.h_probox .swiper-slide .con h3:after{display: block; content: ''; width: 45px; height: 2px; background-color: #fff100;  margin: 0 auto; margin-top: 18px;right: 0;}
.h_probox .swiper-slide .con p{ font-size:14px; margin-bottom: 0;color: #fff100;}
.h_probox .swiper-slide:hover .con{ display: block;}



.h_floor .auto .swiper-button-next,
.h_floor .auto .swiper-button-prev{ background-image: none; top: auto; bottom: 0;}
.h_floor .auto .swiper-button-prev{background: url('../../../../stand-in.svg') no-repeat !important;width:70px; height:36px;  left:-20%; bottom:8%;}
.h_floor .auto .swiper-button-next{background: url('../../../../stand-in.svg') no-repeat !important; width:70px; height:36px; left:-20%; bottom:0;}
.h_floor .auto .swiper-button-next.swiper-button-disabled{ opacity: .95;background: url('../../../../stand-in.svg') no-repeat !important;}
.h_floor .auto .swiper-button-prev.swiper-button-disabled{ opacity: .95;background: url('../../../../stand-in.svg') no-repeat !important;}



@media(max-width:768px){
    .h_tit2 img{ width: 200px;}
    .h_tit1 img{ width: 130px;}
    .h_abbox .padding{ padding-right: 0; display: none;}
    .h_probox .auto{ margin-left: 0;}
    .h_abbox ul{ padding-right: 0;}
    .h_abbox{ margin-top: 0; padding-left: 0;}
    .h_probox .swiper-slide{ width: 48%; margin-right: 3%}
    .h_floor .auto{ width: 100%; margin-left: 0;}
    .h_floor .hd{ width: 100%; position: inherit; margin: 3% 0;}
    .h_floor .hd li{display: inline-block; line-height: 30px; min-width: 70px; padding: 2px 10px; border-radius: 30px; overflow: hidden; margin: 0 5px 5px;}
    .h_floor .auto .swiper-button-next,
    .h_floor .auto .swiper-button-prev{ display: none;}
    .h_probox .swiper-slide h3{ font-size: 14px; padding:5px 15px}
    .h_probox .swiper-slide .con h3{ margin-top:0;}
    .h_probox .swiper-slide .con p{ font-size: 12px; margin-top: 0;}
    .h_probox .swiper-slide .con h3:after{ margin-top: 5px;}
    .h_abbox p{ font-size: 12px;}

}
@media(max-width:480px){
    .h_abbox{ background: #1f1f1c; padding: 2%;}
    .main{ padding: 3% 0;}
    .h_tit1{ padding: 3% 0;}
}


@media(max-width:480px){
    .h_probox .title{ font-size:20px;}
    .h_probox .list li figure a{ border-width:5px;}
    .h_floor .auto{ min-height: 300px;}
}



.h_tit3{ padding-top: 80px; text-align: right;}
.h_tit3 img{ width: 313px;}
@media(max-width:480px){
    .h_tit3{ padding: 3% 0; padding-top: 5%;}
}

.h_news{ padding-bottom: 3%; padding-top: 2%;}


.h_news .videobox{position: relative; float: left; width: 45%; height: 360px;}
.h_news .videobox .play{cursor: pointer;}
.h_news .videobox .pic { background-repeat: no-repeat; background-position: center; background-size:cover;height: 360px;}
.h_news .videobox .pic img{ display: none;}
.h_news .videobox .word{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; }
.h_news .videobox .word a{ display: block; margin: 0 auto;}
.h_news .videobox .video{ position: absolute; top: 0; width: 100%; left: 0; display: none; background: #000;height: 360px;}
.h_news .videobox .mas_box{ position: absolute; bottom: -50px; width: 100%;}
.h_news .videobox .video video{ width: 100%; height: 360px;}
.h_news .videobox .video .close{ position: absolute; top: 0; right: 0; width: 29px;}


.h_news{ position: relative; }
.new_new .bx-wrapper{ position: relative; }
.h_news .box_news{float: left; width: 38%; margin-left: 4%;}
.h_news .new_new .bx-controls-direction{ position:absolute; left:36%; bottom:-25%; }
.h_news .new_new .bx-controls-direction a{ width:70px; height:36px; margin-left:10px; display: inline-block;}
.h_news .new_new .bx-controls-direction a.bx-prev{background: url('../../../../stand-in.svg') no-repeat}
.h_news .new_new .bx-controls-direction a.bx-next{background: url('../../../../stand-in.svg') no-repeat}
.h_news .new_new .bx-controls-direction a.bx-prev.disabled{background: url('../../../../stand-in.svg') no-repeat}
.h_news .new_new .bx-controls-direction a.bx-next.disabled{background: url('../../../../stand-in.svg') no-repeat}
.h_news .new_new li{ height:80px; overflow:hidden;}
.h_news .new_new li .pic{ position:absolute; left:0; top:0;width:50px; margin: 0; color: #fff; font-weight: normal; padding: 10px 0; font-size: 12px;}
.h_news .new_new li .pic span{ display:block; border-bottom: dashed 1px #fff; font-size: 40px; padding-bottom: 12px;}
.h_news .new_new li div{ padding-left:80px;}
.h_news .new_new li h5{ margin:0; font-weight:normal; font-size:18px; color: #fff;}
.h_news .new_new li h5 a{ color: #fff;}
.h_news .new_new li p{ margin:0; overflow:hidden; color: #9c9c9c; font-size: 14px;}
.h_news .new_new li p,
.h_news .new_new figure{ font-size:12px;color:#928f8f;}
.h_news .new_new figure{ min-height:146px;}
.h_news .new_new li:hover .pic span{ color: #fff100}
.h_news .new_new li:hover h5 a{color: #fff100}

.box_news .hd{ position: absolute; right: 0; top: -45px; color: #fff;}
.box_news .hd li{ display: block; max-width: 145px; background: #f0f0f0; margin-bottom: 5px; padding: 2px 15px; color: #666666; border-radius: 15px; cursor: pointer; text-align: right;}
.box_news .hd li.aon{ background: #fff100 url('../../../../stand-in.svg') no-repeat 5%; color: #000; max-width: 190px;}
.box_news .hd li:hover{background: #fff100 url('../../../../stand-in.svg') no-repeat 5%; color: #000;}


/*旗下品牌*/
.h_its{ background: url('../../../../stand-in.svg') no-repeat;background-size:cover; padding: 3% 2%;}
.h_tit4 img{ width: 350px;}


.linkle_box{ padding-top:2%; max-width: 1660px; margin: 0 auto;}
.linkle_box li{ float:left; width:15%; margin-right:2%; margin-bottom:1%;}
.linkle_box li.last{ margin-right: 0;}
.linkle_box li a{position:relative; display:block;width: 100%; padding-top: 35%;}
.linkle_box li img{ display: block;
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-height: 100%;}
.linkle_box li:hover img{ border:1px solid #b4b39d;}



/*友情链接*/
.linkle_box1{ padding-top:4%;max-width: 1200px; margin: 0 auto;}
.linkle_box1 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%;}
.linkle_box1 li:nth-child(4n){ margin-right: 0;}
.linkle_box1 li a{position:relative; display:block;width: 100%; padding-top: 35%;}
.linkle_box1 li img{ display: block;
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-height: 100%;}

.linkle_box1 li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,241,0,0.95); opacity:0; transition:0.3s;z-index: 10;}
.linkle_box1 li a:hover figure{ opacity:1;}
.linkle_box1 li dl{ display:table;  width:100%; height:100%; margin: 0;}
.linkle_box1 li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:15px; color:#fff;}


@media(max-width:768px){
    .h_tit4 img{ width: 180px;}
    .h_tit3 img{ width: 180px;}
    .box_news .hd{ width: 100%; position: inherit; margin: 3% 0; top: auto; margin-top: 3%;}
    .box_news .hd li{display: inline-block; line-height: 30px; min-width: 70px; padding: 2px 25px; border-radius: 30px; overflow: hidden; margin: 0 10px 1px;}
    .h_news .videobox{ width: 100%; float: none;}
    .h_news .box_news{ width: 100%; float: none; margin-left: 0;}
    .h_news{ padding-bottom: 20%;}
    .h_news .videobox{ height: 300px;}
    .h_news .videobox .video{ height: 300px;}
    .h_news .videobox .pic{ height: 300px;}
    .h_news .videobox .video video{ height: 300px;}
    .h_news .new_new .bx-controls-direction{ left: 25%;}
    .linkle_box li{ float:left; width:48%; margin-right:4%; margin-bottom:2%;}
    .linkle_box li:nth-child(2n){ margin-right: 0;}
    .linkle_box li.last{ margin-right: 4%;}
    .linkle_box li:nth-child(10){ margin-right: 0;}
    .linkle_box1 li{ float:left; width:48%; margin-right:4%; margin-bottom:2%;}
    .linkle_box1 li:nth-child(2n){ margin-right: 0;}
    /*.h_news .new_new li{ margin-bottom: 2%;}*/
    .h_news .new_new li h5 a{ font-size: 16px; color: #fff100;}
    .h_news .new_new li p{ font-size: 14px;}
    .h_news .new_new li .pic span{ font-size: 30px;}

}

@media(max-width:480px){
    .h_news .box_news{ background: #1f1f1c; width: 96%; padding: 2%; margin-top: 3%;}
}



/*内页banner*/
.ban_box { overflow: hidden;}
.ban_box span{ display: none;}
.ban_box img{ max-width: none; width: 155%; margin-left: -27.5%;}
@media only screen and (min-width: 768px) {
    .ban_box img{ width: 150%; margin-left: -25%;}
}
@media only screen and (min-width: 1024px) {
    .ban_box img{ width: 140%; margin-left: -20%;}
}
@media only screen and (min-width: 1200px) {
    .ban_box{ height: 500px;}
    .ban_box img{ display: none;}
    .ban_box span{ display: block; background-position: center; background-repeat: no-repeat; height: 500px; width: 100%;}
}

/*大事件*/
.dsj_box{ background:#000000;}
.dsj_min1{ background: url('../../../../stand-in.svg') no-repeat top left;}
.dsj_min2{ background: url('../../../../stand-in.svg') no-repeat bottom right;}
.location{ text-align: right; padding:1% 2%; border-bottom: solid 1px #898989; width: 20%; float: right; margin-right: 2%; width:auto;}
.location i{ display: inline-block; background: url('../../../../stand-in.svg') no-repeat left 3px; color: #898989; height: 20px; width: 20px;}
.location a{ color: #898989; display: inline-block; padding: 0 8px;}
.location span{ color: #fff100; padding-left: 8px;}

/*.title1{ padding-top: 40px;}*/
.title1 img{ width: 303px;}


.menu_box{padding:10px 0; text-align:center; overflow:hidden; max-width: 900px; margin: 0 auto;}
.menu_box a{font-size:16px; display: block;background:#ffffff; padding: 10px; margin-bottom: 1px;}
.menu_box a.aon,.menu_box a:hover{ color:#1f1f1c; background:#fff100;}
.menu_box{padding:25px 0 10px; margin-top: -50px;}
.menu_box a{ display:inline-block; line-height:30px; min-width: 70px; padding:2px 25px; border-radius:30px; overflow:hidden; margin:0 10px 1px;}
.menu_box1{ margin-top: -70px;}
.menu_box2{ margin-top: 0;}
.menu_box dd a:hover{ background: none;}
.menu_box dl{ border-bottom: solid 1px #666666; margin: 0; padding: 0; margin-bottom: 20px;}
.menu_box dd{display:inline-block; font-size:16px;padding: 0 10px; margin-bottom: -1px; margin-left: 0; }
.menu_box dd:hover a{ color:#fff; border-radius: inherit;}
.menu_box dd.aon a{ color:#fff; border-radius: inherit;}
.menu_box dd.aon{border-bottom: solid 2px #fff100;}
.menu_box dd:hover{border-bottom: solid 2px #fff100;}
.menu_box dd a{display:inline-block; padding-bottom: 20px; background: none; color: #666666; padding: 0; margin: 0; border: none;}
@media(max-width:1366px){
.dsj_min1{ background: url('../../../../stand-in.svg') no-repeat top left -140px;}
.dsj_min2{background: url('../../../../stand-in.svg') no-repeat bottom right -120px;}
}

@media(max-width:768px){
    .menu_box a{min-width: 0; padding:2px 15px; margin:0 10px 5px;}
    .ban_box img{ width: 100%; margin-left: 0;}
}



/*发展历程*/
.SectionBg{ max-width: 1200px; margin: 0 auto;}
.HistorySlide{color: #fff;padding-bottom: 25%;}
.HistorySlide .bd{position: relative;padding: 0px 42px; margin: 4% 0px 5%;}
.HistorySlide .bd li .pic{ float: left; width: 30%; padding-left: 5%;}
.HistorySlide .bd li .pic img{ width: 90%;}
.HistorySlide .bd li .cont{ float: right; width: 60%; padding-right: 5%;}
.HistorySlide .bd li .p{font-size: 16px;line-height: 30px;padding: 23px 0;}
.HistorySlide .bd .bx-prev,.HistorySlide .bd .bx-next{display: block;width: 31px;text-indent: 31px;overflow: hidden; height: 56px;position: absolute;top: 50%;margin-top: -28px;}
.HistorySlide .bd .bx-prev{left: 0;background: url('../../../../stand-in.svg') no-repeat;}
.HistorySlide .bd .bx-next{right: 0;background: url('../../../../stand-in.svg') no-repeat;}
.HistorySlide .bd .bx-prev:hover{left: 0;background: url('../../../../stand-in.svg') no-repeat;}
.HistorySlide .bd .bx-next:hover{right: 0;background: url('../../../../stand-in.svg') no-repeat;}
.HistorySlide .hd{position: relative;padding: 0 15px; background: url('../../../../stand-in.svg') repeat-x center;}
.HistorySlide .hd .bx-wrapper{margin: 0 auto;}
.HistorySlide .hd .bx-pager{display: none;}
.HistorySlide .hd li{ padding: 40px 0; position: relative; margin-top: -15px;}
.HistorySlide .hd li a{display: block; width: 24px;height: 24px;margin: 0 auto;background: url('../../../../stand-in.svg') no-repeat center;}
.HistorySlide .hd li span{position: absolute;width: 100%;left: 0;bottom:0;text-align: center; font-size: 16px;color: #fff;line-height: 1em; }
.HistorySlide .hd li.year a{background-image: url('../../../../stand-in.svg');}
.HistorySlide .hd li.year span{font-size: 26px;}
.HistorySlide .hd li.up span{top: 0;bottom: auto;}
.HistorySlide .hd li.on a{background-image: url('../../../../stand-in.svg');}
.HistorySlide .hd li.year.on a{background-image: url('../../../../stand-in.svg');}

.HistorySlide .hd .bx-prev,.HistorySlide .hd .bx-next{display: block;width: 11px;text-indent: 11px;overflow: hidden; height: 19px;position: absolute;top: 50%;margin-top: -9.5px;}
.HistorySlide .hd .bx-prev{left: 0;background: url('../../../../stand-in.svg') no-repeat;}
.HistorySlide .hd .bx-next{right: 0;background: url('../../../../stand-in.svg') no-repeat;}

.ColumnTitle{ color: #fff; font-size: 30px; font-weight: normal;position: relative; padding-top:3%;text-align: center;}
.ColumnTitle span{ font-weight: bold; font-size: 40px;
    color: rgba(164,174,192,.2);
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    text-transform: uppercase;
    z-index: 1;
    line-height: 0.8; margin-top: 3.5%;}
.ColumnTitle1{ color: #fff; font-size: 30px; font-weight: normal;position: relative; padding-top: 0;text-align: center;}
.ColumnTitle1 span{ font-weight: bold; font-size: 40px;
    color: rgba(164,174,192,.2);
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    text-transform: uppercase;
    z-index: 1;
    line-height: 0.8; margin-top: -1.5%;}

.ColumnTitle2{ color: #000; font-size: 30px; font-weight: normal;position: relative; padding-top: 0;text-align: center;}
.ColumnTitle2 span{ font-weight: bold; font-size: 40px;
    color: rgba(0,0,0,.2);
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    text-transform: uppercase;
    z-index: 1;
    line-height: 0.8; margin-top: -1.5%;}


.ColumnTitle span.pic{ position:initial; margin-top:0; }
.ColumnTitle span.pic img{ max-height:58px; }
.ColumnTitle span.Textwz{ position:initial; margin-top:0; line-height:58px; font-weight:100; color:#fff; }


@media(max-width:1366px){
    .title1 img{ width: 252px;}
}

@media(max-width:768px){
    .title1{ padding-top: 2%;}
    .title1 img{ width: 150px;}
    .location{ width: 92%;}
    .menu_box{ margin-top: 0;}
    .menu_box1{ margin-top: 0;}
    .ColumnTitle{ font-size: 24px;}
    .location span{ color: #666;}
    .warp .ColumnTitle span{ font-size: 20px;color: rgba(0,0,0,.2);}
    .ColumnTitle span.Textwz{ font-size:20px; }
    .HistorySlide .bd li .pic{ width: 100%; float: none;}
    .HistorySlide .bd li .cont{ width: 100%; float: none;}
    .HistorySlide .bd li .pic{ padding-left: 0;}
    .HistorySlide .bd li .cont{ padding-right: 0; font-size: 14px;}
    .HistorySlide .bd li .p{font-size: 14px; margin-bottom: 0; padding-bottom: 0;}
}

/*发展历程 end*/


/*企业概况*/
.qiya_box{background: url('../../../../stand-in.svg') no-repeat;background-size:cover;}
.qiya_box1{ background-color:#000; background-image:none;}
.qiya_main1{ background-image: url('../../../../stand-in.svg'); background-repeat:no-repeat; background-position:left top;}
.qiya_main2{ background-image: url('../../../../stand-in.svg'); background-repeat:no-repeat; background-position:bottom right;}
.over_box{ max-width: 1200px; margin: 0 auto; padding: 5% 0 20%; min-height: 350px;}
.over_box ul li{ padding-bottom: 5%; color:#}
.over_box ul li .left img{ width: 100%;}
.over_box ul li .right img{ width: 100%;}
.over_box ul li .left .con{ padding-right: 5%;}
.over_box ul li .left{ float: left; width: 50%;}
.over_box ul li .right{ float: right; width: 50%;}
.over_box ul li .left h3.h3{ position: relative; color: #fff100; font-size: 24px; padding-bottom: 18px; text-align: right;}
.over_box ul li .left h3:after{display: block; content: ''; width: 45px; height: 2px; background-color: #fff100; margin-top: 18px; position: absolute; right: 0;}
.over_box ul li .left p{ color: #fff100; font-size: 16px; text-align: justify; line-height: 30px;}

.over_box ul li .left1 h3.h3{ position: relative; color: #333333; font-size: 24px; padding-bottom: 18px; text-align: right;}
.over_box ul li .left1 h3:after{display: block; content: ''; width: 45px; height: 2px; background-color: #333333; margin-top: 18px; position: absolute; right: 0;}
.over_box ul li .left1 p{ color: #333333; font-size: 16px; text-align: justify; line-height: 30px;}

.over_box ul li .right .con{ padding-left: 5%;}
.over_box ul li .right h3.h3{ position: relative; color: #333333; font-size: 24px; padding-bottom: 18px;}
.over_box ul li .right h3:after{display: block; content: ''; width: 45px; height: 2px; background-color: #333333; margin-top: 18px; position: absolute; left: 0;}
.over_box ul li .right p{ color: #333333; font-size: 16px; text-align: justify; line-height: 30px;}


/*企业概况*/

@media(max-width:1366px){
    .menu_box{ margin-top: 0;}
    .over_box ul li{ padding-bottom: 0;}
    .over_box ul li .left p{ line-height: 26px;}
    .over_box ul li .right p{ line-height: 26px;}
    .over_box ul li .left1 p{line-height: 26px;}
    .over_box ul li .left1 h3.h3{ padding-top: 10px;}
    .over_box ul li .right h3.h3{ padding-top: 10px;}

.over_box ul li .left h3.h3,
.over_box ul li .right h3.h3,
.over_box ul li .left1 h3.h3{color: #333;}
.over_box ul li .left p,
.over_box ul li .right p{color: #333;}

.over_box ul li:first-child .left p,
.over_box ul li:first-child .right p,
.over_box ul li:first-child .right h3.h3,
.over_box ul li:first-child .left h3.h3{color: #999;}

.qiya_main1{ background-position: top left -140px;}
.qiya_main2{ background-pointer: bottom right -120px;}
}
@media(max-width:1200px){
    .location{ width: auto;}

}




/*荣誉*/
.honor{ padding: 3% 0; max-width: 1200px; margin: 0 auto; padding-bottom: 10%;}
.honor li{ float:left; width:21.5%; margin-right:4%; margin-bottom:3%;}
.honor li a{ display:block;}
.honor li p{ margin:0; height: 65px; line-height: 25px; padding:0 2%; text-align:center; font-size:16px; color: #e5e5e5; margin-top: 15px;}
.honor li .table{ display:none;}
.honor li figure{padding-bottom:77%; background-size: initial; border: solid 1px #333333;}
@media(min-width:641px){
    .honor li:nth-child(4n){ margin-right:0;}
}
@media(max-width:640px){
    .honor li{ width:48%; margin-right:4%;}
    .honor li:nth-child(2n){ margin-right:0;}
}
@media(max-width:375px){
    .honor li p{ font-size:14px;}
}


.pro_box{ background: url('../../../../stand-in.svg') no-repeat;background-size:cover;}


.pro_list{ position: relative;}
.pro_list .hd{ position: absolute; left: 0; top: 0; color: #fff;}
.pro_list1 .hd{ position: inherit;}
.pro_list .wrap{max-width: 1200px; margin: 0 auto; padding-bottom: 5%;}
.pro_list .list ul{ overflow: hidden;}
.pro_list .list li{ float:left; width:26%; text-align:center;box-shadow: 0 0 15px #666; margin-right: 10.5%; margin-top: 8%; position: relative;}
.pro_list .list li:nth-child(3n){ margin-right: 0;}
.pro_list .list li figure,
.pro_list .list li figcaption{ margin:0 auto;}
.pro_list .list li figcaption{ background: #000000;}
.pro_list .list li figure{ position:relative;}
.pro_list .list li figure a{ position:absolute; left:0; top:0; height:100%; width:100%;}
.pro_list .list li:hover figure a{ border-color:#febb13;}
.pro_list .list li figure img{ display:block; width:100%;}
.pro_list .list li h3{color:#fff; margin:0;padding:5% 20%; font-size:18px; font-weight: normal;}
.pro_list .list li h3 a{color:#fff;border: solid 1px #fdf017; display: block; width: 100%; height: 100%; padding: 4% 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.pro_list .list li .con{background: rgba(46, 50, 51, 0.7); padding: 3%; position: absolute; width: 96%; height: 96%; top: 0; left: 0; display: none;}
.pro_list .list li .con a{ width: 100%; height: 100%;}
.pro_list .list li .con h3{ color: #fff100; margin-top: 30%;}
.pro_list .list li .con h3:after{display: block; content: ''; width: 45px; height: 2px; background-color: #fff100;  margin: 0 auto; margin-top: 18px;right: 0;}
.pro_list .list li .con p{ font-size:14px; margin-bottom: 0;color: #fff100;}
.pro_list .list li:hover .con{ display: block;}

.pro_list .bx-controls-direction{ position:absolute; left:-20%; bottom:5%;}
.pro_list .bx-controls-direction a{ display: block; margin-left:6px; width:70px; height:36px; overflow:hidden; line-height:100px;}
.pro_list .bx-controls-direction a.bx-prev{ background: url('../../../../stand-in.svg') no-repeat;}
.pro_list .bx-controls-direction a.bx-next{ background: url('../../../../stand-in.svg') no-repeat; margin-top: 45px;}

@media(max-width:1366px){
    .pro_box{ background: url('../../../../stand-in.svg') no-repeat top;background-size:cover;}
}

@media(max-width:768px){
    .pro_list .list li{ width: 48%; margin-right: 3%}
    .pro_list .list li:nth-child(3n){ margin-right: 3%;}
    .pro_list .list li:nth-child(2n){ margin-right: 0;}
    .pro_list .bx-controls-direction{ display: none;}
}
@media(max-width:480px){
    .pro_list .title{ font-size:20px;}
    .pro_list .list li figure a{ border-width:5px;}
}


/*产品详情*/
.dsj_box.dsj_boxff{ background:#e2e2e2;}
.dsj_box.dsj_boxff .ColumnTitle{ color:#000;}
.pro_info{ max-width: 1000px; margin: 0 auto; padding: 8% 0;}
.pro_info .img{ float:left; width:48%;}
.pro_info .img figure img{ display:block; width:100%;}
.pro_info .img li{ float:left; cursor:pointer; width:20%; margin-top:2%; margin-right:2%; position:relative;}
.pro_info .img li:last-child{ margin-right:0;}
.pro_info .img li img{ width:100%; display:block;}
.pro_info .img li.on::before{ position:absolute; content:''; left:0; top:0; right:0; bottom:0; border:3px solid #fff100;}

.pro_info .intro{ width:48%; float:right;}
.pro_info .intro .tit{ border-bottom: solid 5px #f0f0f0;}
.pro_info .intro .tit h1{ font-size: 36px; font-weight: normal; line-height: 42px; color:#000;}
.pro_info .intro .tit h1:after{display: block; content: ''; width: 45px; height: 3px; background-color: #fff100; margin-top: 18px;right: 0;}
.pro_info .intro .tit p{ color: #000; font-size: 16px;}
.pro_info .intro .tit .price{ width: 100%; text-align: right; font-size: 20px; padding-bottom: 10px;}
.pro_info .intro .tit .price span{ font-size: 40px;}

.pro_info .intro dd{ font-size:16px; line-height:30px; margin-left: 0; color: #000;}

.pro_info .intro .goumai{ background: #fff100 url('../../../../stand-in.svg') no-repeat 200px; max-width: 200px; padding: 15px 0; padding-left: 25px;}
.pro_info .intro .goumai a{ display: block;}

.pro_info .con_box{ border-top: solid 2px #585858; margin-top: 5%;}
.pro_info .con_info{ margin-top: 5%;}
.pro_info .con_info img{ width: 100%;}

@media(max-width:640px){
    .pro_info .intro .tit{ border-bottom: solid 3px #f0f0f0; border-top: solid 3px #f0f0f0;}
    .pro_info .img,
    .pro_info .intro{ float:none; width:auto;}
    .pro_info .intro{ margin-top: 30px;}
    .pro_info .intro .tit h1{ font-size: 24px; line-height: 30px;}
    .pro_info .intro .tit .price{ text-align: left;}
    .pro_info .intro .tit .price span{ font-size: 30px;}
}


/*新闻中心*/
.news_list{ max-width: 1200px; margin: 0 auto; padding-top: 5%; padding-bottom: 10%;}
.news_list .ul_box li{ padding:10px; border:1px solid #333333; margin-bottom:2%;}
.news_list .ul_box li a{ display:block; position:relative; padding-left:25%;padding-right:15%;}
.news_list .ul_box li a::after{ position:absolute; content:''; width: 37px; height:37px; background:url('../../../../stand-in.svg') no-repeat left top; right:5%; top:50%; margin-top:-16px;}
.news_list .ul_box li figure{ position:absolute; left:0; top:0; height: 100%; background-size: contain; width:22%;}
.news_list .ul_box li div{ position:relative; padding-left:5%; padding-bottom:5%;}
.news_list .ul_box li div::before{ position:absolute; content:''; }
.news_list .ul_box li div::before{width:1px; height:100%; top:0; background-color:#ebebeb; left:0;}
.news_list .ul_box li h3{ margin:0; font-size:18px; padding:3% 0 0 0; font-weight:normal; color:#fff;}
.news_list .ul_box li p{ margin:3% 0 0 0; color:#999999; line-height:28px; height:56px; overflow:hidden; font-size:16px;}
.news_list .ul_box li time{ color:#666666;display: block; background: url('../../../../stand-in.svg') no-repeat; padding-left: 25px;}
.news_list .ul_box li:hover{ border-color:#fff100;}
.news_list .ul_box li:hover a::after{ background-position:left bottom;}
.pro_list.News_list2 .list ul{ overflow:initial;}
.pro_list.News_list2 .list li a{ cursor:pointer}
.pro_list.News_list2 .list li figure i{ position: absolute; background:url('../../../../stand-in.svg') no-repeat center; left: 0; top: 0; height: 100%; width: 100%; display:none; }
.pro_list.News_list2 .list li .icon-play{cursor:pointer; position:absolute;top:50%;left:50%;display:block;width:62px;height:62px;margin-left:-31px;margin-top:-43px; background:url('../../../../stand-in.svg') no-repeat center;}
.news_list .new_top{ position: relative; margin-bottom: 30px;}
.news_list .new_top li{margin-bottom:2%;}
.news_list .new_top li a{ display:block; position:relative; padding-left:52%;}
.news_list .new_top li figure{ position:absolute; left:0; top:0; height: 100%; width:48%;}
.news_list .new_top li div{ position:relative;padding-bottom:15%;}
.news_list .new_top li h3{ margin:0; font-size:18px; padding:3% 0 0 0; font-weight:normal; color:#fff;}
.news_list .new_top li p{ margin:3% 0 0 0; color:#999999; line-height:28px; height:56px; overflow:hidden; font-size:16px;}
.news_list .new_top li time{ color:#666666;display: block; background: url('../../../../stand-in.svg') no-repeat; padding-left: 25px;}
.news_list .new_top li .more_a{width: 37px; height:37px; background:url('../../../../stand-in.svg') no-repeat; margin-top:15px; display: block;}

.news_list .new_top .bx-pager{ display: none;}
.news_list .new_top .bx-controls-direction{ position:absolute; right:0; bottom: 0;}
.news_list .new_top .bx-controls-direction a{ display:block; float:left; width:18px; height:33px; background-repeat: no-repeat ; background-color:#df0000; overflow:hidden; text-indent:-999em; margin-left: 25px;}
.news_list .new_top .bx-controls-direction a.bx-prev{background: url('../../../../stand-in.svg');}
.news_list .new_top .bx-controls-direction a.bx-next{ background: url('../../../../stand-in.svg')}
.news_list .new_top .bx-controls-direction a.bx-prev.disabled{ background: url('../../../../stand-in.svg');}
.news_list .new_top .bx-controls-direction a.bx-next.disabled{ background: url('../../../../stand-in.svg')}

@media(max-width:1366px){
    .pro_list .list li{ margin-top: 4%;}
    .news_list1 .new_top li a{ background: #000; padding-top: 2%;}
    .news_list1 .new_top li time{ color: #999;}
}

@media(max-width:640px){
    .news_list li p{line-height:22px; height:44px; }
    .news_list li time{ font-size:12px;}
}
@media(max-width:480px){
    .news_list li div::before,
    .news_list li a::after{ display:none;}
    .news_list li div,
    .news_list li a{padding-right:0;}
    .news_list li a{ padding-left:40%;}
    .news_list li figure{ width:37%;}
    .news_list .ul_box li a{ padding-right: 0;}
    .news_list .ul_box li h3{ font-size: 16px;}
    .news_list .ul_box li p{ font-size: 14px;}
    .news_list .new_top li h3{ font-size: 16px;}
    .news_list .new_top li p{ font-size: 14px;}
}

/*新闻详情*/
.news_info{  max-width: 1200px; margin: 0 auto; padding: 5% 0; padding-bottom: 20%;}
.news_info .tit{border-bottom: solid 1px #c3c3c3; padding-bottom: 15px;}
.news_info .tit h3{ float: left; width: 60%; margin: 0; font-size: 18px; color: #fff; font-weight: normal;}
.news_info .tit span{ background: url('../../../../stand-in.svg') no-repeat left; float: right; padding-left: 25px; color: #666666;}
.news_info .con{ padding-top: 5%;}



/*品牌战略*/
.pinpai_box{ background:#000!important;}

.brand_box{ max-width: 1200px; margin: 0 auto;padding-bottom: 8%;}
.brand_box ul li{ width: 30%; float: left; margin-right: 5%; text-align: center; margin-bottom: 3%;}
.brand_box ul li:nth-child(3n){ margin-right: 0;}
.brand_box ul li img{ max-width: 295px; border-bottom: solid 5px #303030;}
.over_box1{ padding-bottom: 2%; padding-top: 7%;}
/*.over_box ul li{padding-bottom: 2%}*/
.pro_list1{ padding-bottom: 5%;}

@media(max-width:1366px){
    .pinpai_box{ background: #000 url('../../../../stand-in.svg') no-repeat center;background-size:cover;}
}


/*人力资源*/
.renli_box{ max-width: 1200px; margin: 0 auto; padding-top: 3%; padding-bottom: 10%;}
.renli_box ol.type{ margin-top:3%;}
.renli_box .type{display:table; width:100%;}
.renli_box ol.type{font-size:16px; background-color:#fff100; color:#000;}
.renli_box .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:10px; padding-bottom:10px; line-height:24px;}
.renli_box ul.type li{cursor:pointer; color: #e5e5e5;}
.renli_box .type li:nth-child(1){width:12%;}
.renli_box .type li:nth-child(2){ width:11%;}
.renli_box .type li:nth-child(3){ width:10%;}
.renli_box .type li:nth-child(4){width:13%;}
.renli_box ul.type li:nth-child(1){background:url('../../../../stand-in.svg') no-repeat 90% center;}
.renli_box ul.type#On li:nth-child(1){ background-image:url('../../../../stand-in.svg');}
.renli_box .list{ background: #000;}
.renli_box .list:nth-of-type(even){ background: #313131;}
.renli_box .list .con{ display:none; overflow:hidden; font-size:14px; padding:2%; background: #313131; color: #e5e5e5;}

.renli_box .list .con ul{ float: left; width: 46%; padding: 2%;}

.renli_box .btn_apply{ padding:10px 0;}
.renli_box .btn_apply a{ display:inline-block; max-width:130px; width:40%; height:40px; line-height:40px; text-align:center; color:#000; background:#fff100 url('../../../../stand-in.svg') no-repeat 10px; font-size:15px; border-radius:30px;}
@media(max-width:1200px) {
    .brand_box { width: 100%;}
}

@media(max-width:1000px){
    .renli_box .type li:nth-child(4){ display:none;}
    .renli_box .type li{ width:20% !important;}
}
@media(max-width:768px){
    .renli_box .search{ position:relative; margin-top:10px; top:auto; width:auto;}
    .renli_box .type li{ width:24% !important;}
    .renli_box .list .con ul{ float: none; width: 100%; padding: 0; margin-bottom: 3%;}
}
@media(max-width:480px){
    .renli_box .type li{ width:30% !important;}
    .renli_box ol.type{font-size:15px;}
    .renli_box .btn_apply a{font-size:16px; height:40px; line-height:40px;}
}



/*联系我们*/
.Map000101{max-width: 1200px; margin: 0 auto; padding: 6% 0; padding-bottom: 10%;}
.Map000101 .map #allMap{height:450px; width:100%;}
.Map000101 .map #allMap img{ max-width:none;}
.Map000101 .con{ float:left; width:34.55555%;max-height:450px; border: solid 1px #333333; border-right: none;}
.Map000101 .map{width:65%; float: right;}
.Map000101 .info li{ line-height:25px;padding:20px; color: #fff;}
.Map000101 .info li p{ margin:0; padding-left: 20px;}
.Map000101 .info li h1{ margin:0;font-size:14px; position: relative; padding-left: 20px;}
.Map000101 .info li h1:after{display: block; content: ''; position: absolute; width: 3px; height: 15px; background-color: #fff100; left: 0; top: 6px;}

.Map000101 .con .ss_box{ border-bottom: solid 1px #333; padding: 10px; position: relative; padding-bottom: 25px;}
.Map000101 .con .ss_box .text{width: 88%; line-height: 45px; height: 45px; border: none; padding: 0 40px 0 10px; background: none; color: #e5e5e5; background: #333333;}
.Map000101 .con .ss_box .btn{position: absolute; right: 15px; top: 10px; height: 45px; width: 40px; background: url('../../../../stand-in.svg') no-repeat center center; padding: 0; cursor: pointer; border: none;}

.Map000101 .scroll .jspTrack{ background: #2e2e2e;}
.Map000101 .scroll{ overflow:auto;max-height:370px;outline:none; -moz-outline:none;}
.Map000101 .scroll .jspContainer{overflow: hidden;position: relative;width:96% !important;}
.Map000101 .scroll .jspPane{position: absolute;width:100% !important;}
.Map000101 .scroll .jspVerticalBar{position: absolute;top: 0;right:0;width: 8px;height: 100%; cursor:pointer;}
.Map000101 .scroll .jspDrag{ position:absolute; left:0; top:0; width:100%;background: #fff100; border-radius: 3px;}

@media(max-width:1200px){
    .Map000101 .con{ float: none; width: 100%; margin-bottom: 3%;}
    .Map000101 .map{ float: none; width: 100%;}
    .Map000101 .scroll .jspContainer{ width: 100%!important;}
    .Map000101 .con{ background: #000;}
    .Map000101 .con .ss_box .text{ width: 93%;}
}


.Form001413{ padding:3% 0; max-width: 1200px; margin: 0 auto; padding-bottom: 10%;}
.Form001413 .tips{ padding:20px 0;border-bottom:1px solid #e5e5e5; font-size:14px;position:relative;}
.Form001413 .tips h1{ margin:0; font-weight:normal; font-size:18px; color:#fff100;}

.Form001413 .form{ padding-top:30px; max-width: 600px; margin: 0 auto
;}
.Form001413 .form li{ width: 100%; margin-bottom: 2%; color: #fff;}
.Form001413 .form .text{ width:100%; border-radius:3px; border:1px solid #cfcfcf; line-height:36px;height:36px; text-indent:10px; background:none; color:#666; }
.Form001413 .form select{ width:100%; border-radius:3px; border:1px solid #cfcfcf; line-height:36px;height:36px; text-indent:10px; background:none; color:#666; }
.Form001413 .form p{ margin:0 0 10px 0;color:#fff100;}
.Form001413 .form li em{ font-style:normal; color:#bcbcbc;}
.Form001413 .form li em i{ font-style:normal; color:#fadbbe;}
.Form001413 .form .btn{ background:#fff100; color:#fff; cursor:pointer; font-size:14px; width:160px; height:45px; border-radius:3px;
    border:none; margin-top:20px;}

@media screen and (max-width: 768px){
    .Form001413 .form li{ width: 100%!important;}
}

/*搜索*/
.search_min{ width:1200px; margin:0 auto; padding:2% 0 3% 0; font-size: 14px; padding-top: 5%;}
.search_min h1{ margin:0; font-weight:normal; padding-bottom:2%; font-size:24px; color:#fff100;}
.search_min li{ margin-bottom:10px; line-height:25px; border:1px solid #e3e7e6; padding:0 10px 0 15px; position:relative;}
.search_min li::before{ position:absolute; content:''; width:4px; height:4px; border-radius:50%; background-color:#fff100; left:5px; top:50%; margin-top:-2px;}
.search_min li a{ display:block; padding:15px 0;}
.search_min li span{ padding-right:10px; color: #fff;}

.over_box .ul_sitemap li{ padding-bottom: 0; line-height: 40px;}
.ul_sitemap{ padding-bottom: 10%;}
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px; color: #fff; padding-bottom: 0;}
.ul_sitemap li strong{ width:90px; display:inline-block; color: #fff;}
.ul_sitemap a:hover{ color: #fff100;}
.ul_sitemap li a{ color: #fff;}


@media(max-width:640px){

    .over_box ul li .left h3.h3{color: #999; font-size: 18px; }
    .over_box ul li .left h3:after{ background-color: #999; }
    .over_box ul li .left p{ color: #999; font-size: 14px;}

    .over_box ul li .left1 h3.h3{color: #333333; font-size: 18px; }
    .over_box ul li .left1 h3:after{ background-color: #333333; }
    .over_box ul li .left1 p{ color: #333333; font-size: 14px;}

    .over_box ul li .right h3.h3{color: #333333; font-size: 18px; }
    .over_box ul li .right h3:after{ background-color: #333333; }
    .over_box ul li .right p{ color: #333333; font-size: 14px;}

    .location{ width: 100%;}
    .over_box ul li .left{ float: none; width: 100%;}
    .over_box ul li .right{ float: none; width: 100%; padding-top: 3%;}
    .over_box ul li .left .con{ padding-right: 0;}
    .over_box ul li .right .con{ padding-left: 0;}


    .tit_11{padding: 0;}
    .qiya_box{ background: #000;}
    .location{ background: #fff100; margin-right: 0;}
    .tit_abc{ background: url('../../../../stand-in.svg') no-repeat; background-size: cover; padding: 2%;}
    .over_box{ padding: 0 2%;}
    .ColumnTitle{ color: #999;}
    .over_box ul li{ padding-bottom: 2%;}
    .over_box ul li .left p{ color: #fff;}
    .over_box ul li .left h3.h3{ color: #fff;}
    .over_box ul li .right h3.h3{ color: #fff;}
    .over_box ul li .right p{color: #fff;}
	
    .dsj_min1,
    .dsj_min2,
	.qiya_main1,
	.qiya_main2{ background: none;}
	
    .honor{ padding: 2%;}
    .honor li figure{ background-size: contain;}
    .Page_box .Pages .a_prev, .Page_box .Pages .a_next{ display: inline-block;}
    .Page_box .Pages a{ line-height: normal; padding: 3px 5px; font-size: 15px;}

    .pinpai_box{ background: #000;}
    .brand_box ul li img{ width: 100%;}
    .Page2{ padding: 2%;}

    .pro_list .list li:hover .con{ display: none;}


    .pro_info{ padding: 2%;}
    .pro_info .img{ padding-top: 5%;}


    .news_list{ padding: 0 2%; padding-top: 5%; padding-bottom: 3%;}
    .ColumnTitle2 span{ font-size: 20px; }
    .news_list .new_top .bx-controls-direction{ display: none;}
    .news_list .new_top li figure{ height: 100%;}
    .news_list .new_top li .more_a{ display: none;}
    .news_list .new_top li{ margin-bottom: 0;}
    .news_list .new_top li a{ padding-top: 0;}
    .news_list .new_top li div{ padding-bottom: 0;}
    .news_list .ul_box li h3{ color: #fff100;}
    .news_list .ul_box li figure{ width: 30%;}
    .news_list .ul_box li div{ padding-left: 12%;}
    .news_list .ul_box li{ margin-bottom: 2%;}

    .news_list1{ padding: 0 2%; padding-top: 5%; padding-bottom: 3%;}
    .ColumnTitle2 span{ font-size: 20px; }
    .news_list1 .new_top .bx-controls-direction{ display: none;}
    .news_list1 .new_top li figure{ height: 100%;}
    .news_list1 .new_top li .more_a{ display: none;}
    .news_list1 .new_top li{ margin-bottom: 0;}
    .news_list1 .new_top li a{ padding-top: 0;}
    .news_list1 .new_top li div{ padding-bottom: 0;}
    .news_list1 .ul_box li h3{ color: #fff100;}
    .news_list1 .ul_box li figure{ width: 30%;}
    .news_list1 .ul_box li div{ padding-left: 12%;}
    .news_list1 .ul_box li{ margin-bottom: 2%;}
    .pro_box{ background: #000;}
    .menu_box dd.aon a{ color: #000;}
    .menu_box dd.aon{ border-bottom: solid 2px #000;}
    .menu_box dd:hover a{ color: #000;}
    .pro_list{ padding: 2%;}
    .news_info{ padding: 5% 2%;}
    .news_info .con img{ float: none!important; width: 100%!important;}
    .news_info ul{ float: none!important; width: 100%!important;}
    .Form001413{ padding: 3% 2%;}
    .renli_box{ padding: 3% 2%;}
    .Map000101{ padding: 0 2%; padding-top: 12%; padding-bottom: 3%;}
    .Map000101 .con .ss_box .text{ width: 86%;}
    .Map000101 .map{ display: none;}
    .Map000101 .con{ max-height: none;}
    .Map000101 .scroll{ max-height: none;overflow: hidden;}
    .linkle_box1{ padding: 0 2%;padding-top: 4%;}
    .h_probox .swiper-slide:hover .con{ display: none;}
    .footer footer dl{ float: none;}

    .SectionBg{ padding: 2%;}

}

.top_box .header .nav li .subnav dl.fadeInRight{
    -webkit-animation-name: fadeInRight2;
        animation-name: fadeInRight2;
    animation-duration: 0.8s;
}


@-webkit-keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        -ms-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}



.HistoryBox{color: #fff;padding-bottom: 25%;}
.SubMne{ text-align:center; overflow: hidden; width:100%; margin:40px 0 20px; }
.SubMne a{ color:#fff; display:inline-block; font-size:14px; margin:0 10px; padding:5px 15px; border-radius:10px; border:solid 1px #ccc; }
.SubMne a.Subon,.SubMne a:hover{ background:#fff100; color:#000; }

.brandHistory {position: relative; overflow: hidden; padding-top: 75px; padding-bottom: 25%;}
.brandHistoryDate {position: relative;padding-bottom:10%;overflow: hidden;z-index: 3;}
.brandHistoryDate ul{ width:100%; float: left; }
.brandHistoryDate li { display:block; width:100%; float:left; margin-bottom:-6%;background: url('../../../../stand-in.svg') center no-repeat;}
.brandHistoryDate .historyBox{ width:45%; box-sizing: border-box;background-color: #FFF; padding: 35px;border-radius: 8px; box-shadow: 0 0 5px #EEE;overflow: hidden;}
.brandHistoryDate li.odd .historyBox {float: left;}
.brandHistoryDate .historyBox .img { float: left; width:38%; margin-right:20px; overflow: hidden;}
.brandHistoryDate .historyBox .img img {max-width: 100%; transition:1.5s;}
.brandHistoryDate .historyBox .img:hover img{transform: scale(1.08);}
.brandHistoryDate .historyBox .info {padding-top: 15px; }
.brandHistoryDate .historyBox h6 {font-size:24px;color: #000;margin: 10px;}
.brandHistoryDate .historyBox .p {font-size:15px;line-height: 22px;color: #6E6E6E;min-height:85px;overflow: hidden;}
.clear:after { font-size: 0; display: block; visibility: hidden; clear: both; height: 0; content: ' ';}

.brandHistoryDate li.on {background-image: url('../../../../stand-in.svg');}
.brandHistoryDate li.even .historyBox {float: right;}
.brandHistory:before {content: '';display: block;position: absolute;width: 11px;height: 6px;top: 0;left: 50%;margin-left: -5px;background: url('../../../../stand-in.svg') center no-repeat;z-index: 2;}
.brandHistory:after {content: '';display: block;position: absolute;width: 2px;height: 100%;top: 0;left: 50%;margin-left: -1px; background:#fff;z-index: 1;}
.brand_w{background: #F1F2F3;}
.brandHistoryDate li:hover{}

@media(max-width:1000px){
.brandHistoryDate li{ margin-bottom:20px; }
.brandHistoryDate .historyBox{ width:100%; padding:15px; }
.brandHistoryDate .historyBox .img{ width:35%; }
}

@media(max-width:640px){
.brandHistory{ padding-top:20px; }
.brandHistoryDate .historyBox .info{ display:block; width:100%; overflow: hidden; padding-top:0; }
.brandHistoryDate .historyBox .img{ width:100%; }
}