@charset "utf-8";
/* CSS Document */
body,html{overflow-x:hidden;}
body{line-height:24px;  font-size:16px; font-family:"Microsoft YaHei", 微软雅黑;min-width:320px; width:100%; margin: 0px; padding: 0px; color:#666666;
    /*控制内容的可选择性*/
    /*-webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;*/
}

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; outline: none;}
.ul,form, dl,dt,dd,.ol,menu,.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding: 0px; margin: 0px;font-weight:normal;}
.ul li,.ol li{ list-style:none;}
select,input,textarea{font-family: Geneva, sans-serif; border-radius:0; -webkit-border-radius:0; color:#414446; font-size:14px;}
input:focus { outline: none;}
input,button,select,textarea{ font-size:16px; font-family: Geneva, sans-serif;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { margin:0; padding:0;}
select{ background:#fff;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;/*去除苹果样式*/}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:0; vertical-align:top; max-width:100%;}
.btn{ cursor:pointer; border:none;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#d9092b}
.clear{ clear:both; height:0; overflow:hidden;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0px; }
.clearfix { zoom:1; }
table,table td{ border-collapse:collapse;}
.table{ display:table; width:100%; height:100%;}
.table-cell{ display:table-cell; vertical-align:middle;}
.ul li em{ font-style:normal;}

.row1 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:block}
.row2, .row3, .row4, .row5, .row6 {display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical;}
.row2 {	-webkit-line-clamp: 2;}
.row3 {	-webkit-line-clamp: 3;}
.row4 {	-webkit-line-clamp: 4;}
.row5 {	-webkit-line-clamp: 5;}
.row6 {	-webkit-line-clamp: 6;}
.fl{ float:left}
.fr{ float:right}
.img-scale{overflow:hidden;}
.img-scale .pic img,.img-scale .pic span{transition:all 0.7s;}
.img-scale:hover .pic img,.img-scale:hover .pic span{transform:scale(1.1);}

.column_title{ color:#000000; line-height:42px; text-align:center; font-size:34px; padding-bottom:42px; margin-bottom:3.6%; background:url(../images/column_icon.png) no-repeat center bottom}
#col_4,#col_18,#col_24,#col_27,#col_29,#col_30,#col_31,#col_32,#col_33,#col_34,#col_35{ display:none}
@media (max-width:750px){
    .column_title{ padding-top:0;background-size:50px;}
    #col_4,#col_18,#col_24,#col_27,#col_30,#col_31,#col_32,#col_33,#col_34,#col_35{ display:block}
}

.auto{ margin:auto; position:relative;}
.w_1640{ max-width:1640px}
.w_1600{ max-width:1600px}
.w_1400{ max-width:1400px}
.w_1200{ max-width:1200px}


.header{ padding:25px 0; position:relative; z-index:100}
.header .logo{ position:absolute;}
.header .language{ position:absolute; right:0; top:18px; color:#999}
.header .language a{ padding:0px 2px;}
.header .search_box{ position:absolute; right:80px; top:10px;}
.header .search { padding-right:40px;}
.header .search .text{ font-size:16px; text-align:right; height:40px; border:none; text-align:right;}
.header .search a{ right:0; width:30px; height:100%; position:absolute;background:url(../images/top_search_icon.png) no-repeat center right;}
.header .mainnav{ text-align:center;}
.header .mainnav ul li{ padding:0px 30px;display:inline-block;}
.header .mainnav ul li b{ font-size:18px; display:inline-block; line-height:60px; font-weight:normal; position:relative;}
.header .mainnav ul li#m6,
.header .mainnav ul li#m7,
.header .mainnav ul li#m9{ display:none}
.header .mainnav ul li .sub{ display:none; position:absolute; width:100%;}
.header .mainnav ul li .sub span{ display:block; padding:5px 0;}
.header .mainnav ul li .sub span a{ display:block; padding:0 8%;}


.footer{position:relative;background:#231815; padding-top:4%; font-size:14px;}
.footer,
.footer a{color:#9b9794;}
.footer a:hover{color:#ffffff;}
.footer .b-menu{ padding-right:450px; height:300px;}
.footer .b-menu ul li{ float:left; width:12.5%}
.footer .b-menu ul li b{ display:block; font-weight:normal}
.footer .b-menu ul li b a{ font-size:16px; color:#fff}
.footer .b-menu ul li .sub{ padding:12px 0;}
.footer .b-menu ul li .sub span{ display:block;}
.footer .icon-box{ position:absolute; right:0; width:414px;}
.footer .icon-box ul li{ cursor:pointer; float:left; width:98px; padding:5px 0; text-align:center; position:relative;}
.footer .icon-box ul li:nth-child(3n+2){ margin:0 60px;}
.footer .icon-box ul li h4{ padding:10px 0;color:#9b9794;}
.footer .icon-box ul li .pic{ display:none; background:#fff; padding:8px; border-radius:4px; position:absolute; width:150px; right:-23px; top:-180px; z-index:10}
.footer .icon-box ul li .pic:after{ content:''; position:absolute; display:block; left:50%; margin-left:-10px; bottom:-20px; border:solid 10px transparent; border-top-color:#fff;}
.footer .icon-box ul li .pic img{ width:134px;}
.footer .icon-box ul li .pic span{ display:block; text-align:center;}
.footer .icon-box ul li .icon{ margin:auto; width:72px; height:72px; border-radius:100%; border:solid 1px #4f4644; background:no-repeat center center}
.footer .icon-box ul li:hover .icon{ background-color:#d80a2b; border-color:#d80a2b}
.footer .icon-box ul li.n1 .icon{background-image:url(../images/bot_i1.png);}
.footer .icon-box ul li.n2 .icon{background-image:url(../images/bot_i2.png);}
.footer .icon-box ul li.n3 .icon{background-image:url(../images/bot_i3.png);}
.footer .icon-box ul li.n4 .icon{background-image:url(../images/bot_i4.png);}
.footer .icon-box ul li.n5 .icon{background-image:url(../images/bot_i5.png);}
.footer .icon-box ul li.n6 .icon{background-image:url(../images/bot_i6.png);}
.footer .copyright_box{ clear:both; padding:30px 460px 30px 170px; border-top:solid 1px #352c28}
.footer .column span{ position:relative; padding-right:26px;}
.footer .column span:after{ content:''; background-color:#5d5c57; position:absolute; right:10px; bottom:3px; width:1px; height:10px;}
.footer .column span:last-child:after{ display:none;}
.footer .copyright span{ display:inline-block}
.footer .copyright .icp{ white-space:nowrap}
.footer .b-logo{ position:absolute; bottom:30px;}
.footer .b-link{ position:absolute; bottom:30px; right:0; width:280px;}
.footer .b-link dl{ position:relative; border-radius:8px; line-height:50px; padding:0 6%; background-color:#2e2421}
.footer .b-link dl:after{ content:''; position:absolute; right:5%; top:50%; border:solid 6px transparent; border-top-color:#6d6865}
.footer .b-link .other{ z-index:10; display:none; bottom:46px; position:absolute; width:100%; background-color:#2e2421; border-radius:6px 6px 0 0 ;}
.footer .b-link .other a{ display:block; padding:12px 6%;}

.footer .b-tel{ position:absolute; right:369px; bottom:50px; }
.footer .b-tel b{ display:block; font-size:26px; color:#d90a2b}
.footer .b-tel span{background:url(../images/bot_tel.png) no-repeat left; padding-left:22px;}

.footer .b-tel1{ position:absolute; right:418px; bottom:5px;}
.footer .b-tel1 b{ display:block; font-size:16px; color:#878080}
.footer .b-tel1 span{background:url(../images/bot_tel.png) no-repeat left; padding-left:22px;}

.istop{ text-align:center; position:relative; padding-top:8.514%;}
.istop a{ position:absolute; left:50%; margin-left:-26px; bottom:-26px; width:52px; height:52px; cursor:pointer; z-index:5; display:inline-block;background-color:#2e2421; transform:rotate(45deg)}
.istop a:before{ left:0; top:0; content:''; position:absolute; width:100%; height:100%;background:url(../images/bot_top.png) no-repeat center center; transform:rotate(-45deg)}
.istop a:hover{ background-color:#d9092b}


@media (min-width:960px){
    .header .mainnav ul li.active b:before{ content:''; position:absolute; z-index:5; width:100%; height:2px; bottom:-25px; background-color:#d9092b}
    .header .mainnav ul li.active b a{color:#d9092b}
    .header .mainnav ul li .sub{position:fixed;left:-100%; top:20px;  width:100%; opacity:0;background:#d70039;padding-top:75px;transition:top 0.3s,opacity 0.3s; display: block;}
    .header .mainnav ul li .sub-menu{ padding:10px 0 20px;}
    .header .mainnav ul li{ position: relative;}
    .header .mainnav ul li b{z-index: 10;}
    .header .mainnav ul li:hover .sub{position:absolute;left:0;top:0;opacity:1;}
    .header .mainnav ul .hover:hover b a{transition:0 0.3s; color: #fff;}
    .header .mainnav ul li .sub span{ line-height: 40px; padding: 0;}
    .header .mainnav ul li .sub a{color:#fff;transition:0.3s;}
    .header .mainnav ul li .sub-menu span a:hover{background:#fff;color:#d70039; }
}

@media (max-width:1680px){
    .w_1640{ max-width:96%;}
}
@media (max-width:1200px){
    .header .mainnav ul li{ padding:0px 20px;}

    .footer .b-menu{ padding-right:340px;}
    .footer .icon-box{ width:340px;}
    .footer .icon-box ul li:nth-child(3n+2){ margin:0 20px;}
}
@media (max-width:1100px){
    .column_title{ font-size:28px; line-height:45px; padding-bottom:20px;}
    .footer .b-menu ul li{ width:25%}
	.header .mainnav ul li{ padding:0 15px;}
}
@media (max-width:960px){
    .header{ padding:0; position:relative; z-index:200;}
    .header .logo{ position:relative; padding:12px 0;}
	.header .language{ right:90px; top:33px;}
    .header .search_box{ top:30px; right:50px; padding-top:0;}
    .header .search_box .open-search{ display:block; width:30px; height:30px; background:url(../images/select_icon3.png) no-repeat center center; background-size:80%;}
    .header .search_box .search a{ background-position:center center}
    .header .search_box .search{ display:none; position:absolute; right:0; top:40px; width:240px; padding-right:30px; border:solid 1px #ddd; background-color:#fff}
    .header .search_box .search a:before{ position: absolute; top: -17px; right: 4px; border: 8px solid transparent; content: ''; border-bottom-color:#ddd;}
    .header .search_box .search .text{ width:100%; height:40px; text-align:center; font-size:14px;}
    .header .mainnav{position: fixed; top:0; left: 100%; z-index: 100; width:100%; height: 100%; padding-left:50%; background: rgba(0,0,0,0.5); transition: all 0.3s ease; text-align: left;}
    .header .mainnav ul{ background:#fff; height:100%; padding-top:80px}
    .header .mainnav ul li,
    .header .mainnav ul li b,
    .header .mainnav ul li b a{ display:block}
    .header .mainnav ul li{ padding:0}
    .header .mainnav ul li b{ line-height:50px;}
    .header .mainnav ul li b a{ padding:0 8%}
    .header .mainnav ul li b i{ position:absolute; display:block; width:100%; height:100%;}
    .header .mainnav.nav_show{ transform: translate(-100%,0);}
    .header .mainnav ul li .sub{ position:relative;}
    .header .mainnav ul li,
    .header .mainnav ul li#m6,
    .header .mainnav ul li#m7,
    .header .mainnav ul li#m8,
    .header .mainnav ul li#m9{ display:block}
    .header .mainnav ul li#m2 b i{ display:none}

    .header #open_nav{position: fixed;z-index:101; right:1%; top:30px; width:40px;height:30px;transition:background .3s; background-color:rgba(255,255,255,0.7)}
    .header #open_nav i::before,
    .header #open_nav i::after{ content:'';left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
    .header #open_nav i,
    .header #open_nav i::before,
    .header #open_nav i::after{border-radius:3px;background:#d9092b;position:absolute;}
    .header #open_nav i{left:10%;margin-top:-1px;width:80%;height:3px; top:15px;}
    .header #open_nav i::before{ top:8px; width:70%}
    .header #open_nav i::after{top:-8px; }
    .header #open_nav:after{ content:''; display:block; background:#d9092b; width:3px; height:3px; position:absolute; border-radius: 4px; right:5px; bottom:5px}
    .header #open_nav.open_nav i{background:none}
    .header #open_nav.open_nav i::before,
    .header #open_nav.open_nav i::after{  top:0 !important;}
    .header #open_nav.open_nav i::before{ width:100%; transform:rotate(45deg);}
    .header #open_nav.open_nav i::after{ transform:rotate(-45deg);}
    .header #open_nav.open_nav:after{opacity: 0;}

    .footer{ padding-top:6%}
    .footer .b-menu{ display:none;}
    .footer .b-logo{ float:left; width:40%; position:relative; bottom:auto}
    .footer .b-tel{ float:right; padding-left:5%; width:59%; position:relative; bottom:auto; right:auto; text-align:left; border-left:solid 1px #5f5a56;}
    .footer .b-tel span{ color:#fff}
    .footer .icon-box{ clear:both; position:relative; width:100%; padding-top:3%}
    .footer .icon-box ul li{ width:33.333%;}
    .footer .icon-box ul li:nth-child(3n+2){ margin:0;}
    .footer .b-link{ position:relative; width:100%; bottom:auto; margin:3% 0}
    .footer .copyright_box{ padding:3% 0; text-align:center}
    .footer .b-tel b{ font-size:26px;}

    .istop a{ width:30px; height:30px; bottom:-15px; margin-left:-15px;}
}

@media (max-width:640px){

    body{ font-size:14px;}
    .footer .icon-box{ padding:5% 2% 3% 2%}
    .footer .icon-box ul li .pic{ right:-8px;}
    .footer .b-link dl:after{ border:none; width:22px; height:22px; margin-top:-11px; background:url(../images/jt.png) no-repeat center center}
    .column_title{ font-size:22px; line-height:40px; padding-bottom:15px; background-image:url(../images/column_icon2.png);margin: 10% 0 7%;}
    .header{background: #fff; position: fixed; width: 100%; top: 0; width: 100%;}
    .header .logo img{ width: 30%;}
    .header #open_nav{top: 2.3%;}
    .header .search_box,
    .header .language{ top: 50%; transform: translateY(-50%);}
}

.back_top{ display: none;}
@media (max-width:640px){
    .back_top{ display: block;}
}