/* reset */
html { height: 100% }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family:"Arial" }
body { line-height: 1.5 }
a { text-decoration: none;-webkit-tap-highlight-color:transparent }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer; }
a{color: #000; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;}

:focus { outline: none }
.edit_con_original{ line-height:2; padding:0 0; color:#333;}
.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}


/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }


.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
   

.err_position{ width:100%; height:auto; background:url(../images/errors.png) center no-repeat;}


/*隐藏视频下载按钮*/
video::-internal-media-controls-download-button {
display:none;
}

video::-webkit-media-controls-enclosure {
overflow:hidden;
}

video::-webkit-media-controls-panel {
width: calc(100% + 30px); 
}

/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}


/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_normal{ transition: 0.5s all linear;}

/*font-size*/

@font-face { 
  font-family: light;
  src: url('../font/light.ttf'),url('../font/light.eot');
   src: url('../font/light.eot?#iefix') format('embedded-opentype'),
         url('../font/light.ttf') format('truetype');
} 
.fnt_12 { font-size: 12px;}
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size: 20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_26 { font-size:26px;}
.fnt_28 { font-size:28px;}
.fnt_32 { font-size:32px; line-height:34px; }
.fnt_33 {font-size: 33px;}
.fnt_30 { font-size:30px;}
.fnt_36 { font-size:36px;}
.fnt_40 { font-size: 40px;}
.fnt_48 { font-size: 48px;}
.fnt_50 { font-size: 50px;}
.fnt_60 {font-size: 60px;}
.fnt_66 {font-size: 66px;}
.fnt_72 {font-size: 72px;}
.fnt_120 { font-size: 120px;}
@media only screen and (max-width:1600px) {
.fnt_36 { font-size:28px;}
.fnt_50 { font-size:40px;}
.fnt_60 {font-size: 50px;}
}
@media only screen and (max-width:1366px) {
.fnt_40 { font-size:30px;}



}
@media only screen and (max-width: 1280px) {
.fnt_26 { font-size:20px;}
.fnt_33 {font-size: 26px;}
.fnt_50 { font-size: 36px;}
.fnt_40{font-size:30px;}
.fnt_30{font-size:24px;}

.fnt_36 { font-size:20px;}
.fnt_60 {font-size: 30px;}
}
@media only screen and (max-width: 768px) {
.fnt_18{font-size:16px;}
.fnt_20{font-size: 16px;}
.fnt_30{font-size:20px;}

.fnt_33 {font-size: 20px;}
.fnt_40{font-size:24px;}
.fnt_50{font-size:24px;}

.fnt_36 { font-size:20px;}
.fnt_60 {font-size: 30px;}

}
@media only screen and (max-width: 640px) {
.fnt_40 { font-size: 20px;}
}

.ratio-img,.ratio-img img{width: 100%}
.wrap{width: 1280px; max-width: 96%; margin: auto; }


.nav_phone_btn,.nav_phone{display: none;}
@media only screen and (max-width: 1024px){
.header_bottom .nav{display: none;}
.nav_phone_btn,.nav_phone_tit{display: block;}
.nav_phone_con>ul li a{color: #333}
/*手机导航按钮开始*/
.nav_phone_btn{float:right; margin-right: 10px; margin-top: 10px;}
.nav_phone_btn{display: block;position: relative;cursor: pointer;; height: 35px;}
.nav_phone_btn span {position: relative;font-size: 0;width: 26px;height: 3px;background-color: #cd0234;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height: 3px;background-color: #cd0234;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before{top:-7px;}
.nav_phone_btn span:after{top:7px;}
.visible_nav.nav_phone_btn span{background-color: transparent;}
.visible_nav.nav_phone_btn span:before{left:5px;top:0px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}
.visible_nav.nav_phone_btn span:after{top:0px;left: 5px;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}
/*手机按钮结束*/

/*手机导航内容*/
body>*{
position: relative;left:0;transition:left 250ms ease-out;-webkit-transition:left 250ms ease-out;}
body.body_nav_phone>*{left:-260px;}
.nav_phone{display:block;position: fixed;top:0px;bottom: 0px;right:-260px;height: 100%;width:260px;left:auto;transition:left 0ms ease-out;-webkit-transition:left 0ms ease-out;transition:right 250ms ease-out;-webkit-transition:right 250ms ease-out;overflow: hidden;}
body.body_nav_phone .nav_phone{right:0;left:auto;}

.nav_phone_tit{box-sizing:border-box;height: 50px;width: 100%;border-left:5px solid #cd0234;background: #cd0234;line-height: 50px;color: #fff;text-indent: 20px;}
.nav_phone_tit span{float: left;display: inline-block;}
.nav_phone_tit .button{float: right;display: inline-block;margin-right: 10px; cursor: pointer; display:none;}
.nav_phone_tit .button:before{
content: "";display: inline-block;width: 17px;height: 3px;background: #fff;transform: rotate(45deg);border-radius: 8px;
transform: rotate(45deg); -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.nav_phone_tit .button:after{content: "";display: inline-block;width: 3px;height: 17px;background: #fff;margin-left: -10px;margin-bottom: -7px;transform: rotate(45deg);border-radius: 8px;transform: rotate(45deg); -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.nav_phone_con{position: absolute;top:50px;bottom: 0px;width: 100%;background: #f1f1f1;overflow: hidden;}
.nav_phone_con>ul{overflow-y: auto;overflow-x: hidden;position: absolute;bottom: 0px;top: 0px;width:100%;}
.nav_phone_con>ul>li{height: 50px;line-height: 50px;border-bottom: 1px solid #e6e6e6;}
.nav_phone_con>ul>li a{opacity: 1;padding:0 30px;box-sizing: border-box;width: 100%;
display: inline-block;position: relative;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;}
.nav_phone_con>ul>li>a em{display: inline-block;width:8px;height:8px;border-right: 3px solid #cd0234;border-bottom: 3px solid #cd0234;transform: rotate(-45deg);position: absolute;top:50%;right:30px;margin-top: -4px;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.nav_phone_con>ul>li ul{overflow-y: auto;overflow-x: hidden;position: absolute;top:0;bottom: 0px;width: 100%;background: #f1f1f1;opacity: 0;visibility: hidden;right:-100%;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;z-index: 3;}
.nav_phone_con>ul>li ul li{line-height:1.5em; padding: 14px 0; border-bottom: 1px solid #e6e6e6;}
.nav_phone_con>ul>li ul li:first-child{background: #898989;}
.nav_phone_con>ul>li ul li:first-child a{color: #fff;}
.nav_phone_con>ul>li.on>a{opacity: 0;}
.nav_phone_con>ul>li.on ul{opacity: 1;visibility: visible;right:0;}

.scrollHeader .header_bottom .wrap{padding-top: 10px;}
}

@media only screen and (max-width: 990px){
	.nav_phone_btn{margin-top: 0;}
	.scrollHeader .header_bottom .wrap{padding-top: 4px;}
}


.header_top{height: 48px; background: #d7d7d7;}
.header_top_le{float: right; padding-top: 12px;}
.language{float: left;}
.language dl{position: relative; width: 70px;}
.language dt{text-align: center; cursor: pointer; width: 23px; margin:auto;}
.language dd{position: absolute; top:26px; left:0; width: 100%; text-align: center; background: #e6e6de; border: 1px solid #eee; padding: 10px 0; display: none;z-index: 999;}
.language dd a{display: block; line-height: 28px;}


.header_top_re{float: right; margin-right:15px;}
.header_top_re li{float: left; padding: 0 15px;  line-height: 48px;}
.header_top_re li a{ color: #979797; display: block;}
.header_top_re li:hover a{color: #CC0033;}
/*.header_top_re li.on{background: #fff;}*/

.header_top_re i{display:none;}
/*搜索*/
.header_top .wrap{position: relative;}
.header_search{float: left;cursor:pointer; margin-right: 35px;}
.header_search span{  display:block;width: 20px; height: 21px; line-height: 21px; text-align: center; border: none; position:relative;}
.header_search.on span {  opacity:0.5;}

.search_wrap { right:130px; position:absolute; top:0px; background:#cd0335; width:0px; transition:0.3s all; -webkit-transition:0.3s all; overflow:hidden;z-index: 99990; visibility:hidden;opacity:0 }
.search_wrap.on { visibility:visible;opacity:1 ;width:400px;}
.search_wrap.on .search_box_text_wrap { top:0; }
.search_box { box-sizing:border-box; padding:4px;}
.search_box .search_box_text_wrap { box-sizing:border-box; padding:0 10px; height:40px; line-height: 40px; width:100%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.4); position:relative; padding-right:50px; }
.search_box_button { position:absolute; right:15px; top:0; height:100%; width:50px; background:url(../images/search.png) no-repeat center; background-size:24px 24px; border:0; }
.search_box_text {  width:100%; float:left; border:0;height:40px; line-height: 40px;}


.header_bottom{height: 72px; background: #fff; }
.header_bottom .wrap{ overflow: hidden; padding-top: 10px;}
.header_bottom h1{float: left; width:200px; margin-top: 14px;}
.header_bottom h1 img{width:100%;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;}
.header_bottom .nav{float: right;}
.header_bottom .nav li{float: left; line-height: 52px;  }
.header_bottom .nav>ul>li>a{position: relative; display: block; height: 62px;padding: 0 14px;    margin: 0 20px; color: #282828;}
.header_bottom .nav>ul>li.on>a em{width: 100%; height: 4px; background: #cd0335;display: block; position: absolute; left: 0; bottom:0;}
.header_bottom .nav>ul>li>a em{width:0; height: 6px; background: #cd0335;display: block; position: absolute; left: 50%; bottom:0;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;}




.inbanner{position: relative;}
.inbanner .swiper-container{height: 100%;}
.inbanner li a>img{width: 100%}
.inbanner .banner_cont{position: absolute; top:226px;left: 0; width: 100%;}
.inbanner .but{display: none;}
.banner_text{width:60%;color: #fff; position: relative; }
.banner_text h1{line-height: 1.3em; max-height: 3.9em; overflow: hidden; margin-bottom: 20px;}
.banner_text p{line-height: 1em; height: 2em; overflow: hidden; font-weight: normal;}

.inbanner .banner_page {margin-right: 0; right: 0px; width: 15px; right: 40px; bottom: auto; top:50%;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);  }
.inbanner .banner_page{margin-top: 0; float: none;}
.inbanner .banner_page span{width: 16px; height: 16px; border:2px solid #fff; background: none; opacity: 1;  transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;border-radius:50%;position: relative;margin: 8px 0;background: rgba(0,0,0,0); position:relative; opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;}
.ie9 .inbanner .banner_page span.swiper-pagination-bullet-active{ background:none; border:2px solid #ff003f; }
.ie9 .inbanner .banner_page span.swiper-pagination-bullet em{display: none}
.ie9 .inbanner .banner_page .swiper-pagination-bullet-active:after{border: 0;}

.banner_text h1{-webkit-transform: translateY(-80px); -moz-transform: translateY(-80px);-o-transform: translateY(-80px);-ms-transform: translateY(-80px);transform: translateY(-80px);transition: 1s all;-webkit-transition: 1s all;-moz-transition: 1s all;-o-transition: 1s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;}
.banner_text p{-webkit-transform: translateY(80px); -moz-transform: translateY(80px);-o-transform: translateY(80px);-ms-transform: translateY(80px);transform: translateY(80px);transition: 1.5s all;-webkit-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;}

.inbanner li.on .banner_text h1{-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
.inbanner li.on .banner_text p{-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}


@media only screen and (max-width: 990px) {
.banner_text{margin:auto;}
.inbanner {margin-bottom: 20px;}
.inbanner .but{display: block;}
.inbanner .but div{width: 50px;height: 26px;background-size: 50px 50px; cursor: pointer;    z-index: 999;    opacity: 0.8;}
.inbanner .banner_page{display: none;}
.inbanner .bx-controls-direction{display: block !important;}
.site_banner li a>img{width: 101%; margin-left: -1px;}

.banner_text h1{
	-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);transition: 1s all;-webkit-transition: 1s all;-moz-transition: 1s all;-o-transition: 1s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
-webkit-transform: translateX(-80px); -moz-transform: translateX(-80px);-o-transform: translateX(-80px);-ms-transform: translateX(-80px);transform: translateX(-80px);}
.banner_text p{
	-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);transition: 1.5s all;-webkit-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
-webkit-transform: translateX(-80px); -moz-transform: translateX(-80px);-o-transform: translateX(-80px);-ms-transform: translateX(-80px);transform: translateX(-80px);}

.inbanner li.on .banner_text h1{-webkit-transform: translateX(0px); -moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);
	-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
.inbanner li.on .banner_text p{-webkit-transform: translateX(0px); -moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);
	-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}


}


.index_01{ width: 100%; margin:auto; }
.index_01 .left{width: 50%; float: left;*margin-left: -1px;}
.index_01 .right{width: 50%; float: left;  position: relative;z-index: 999;}
/*视频*/
.future a:hover .video_bf img{transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);}
.future{width:100%; position: relative; cursor: pointer;}
.future .video_bf{width: 109px; height: 74px; position: absolute;top:50%; margin-top: -37px; left: 50%; margin-left: -54.5px}
.future .video_bf img{width:100%;}
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display:none;}
.video_appbox_hidden{display: none !important;}
.video_appbox .video_t{ left:10%; top:22%; position:absolute; height:60%; width:80%;   z-index:2; background:#000;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20%; right: 8%; cursor:pointer; z-index: 99999;}

.video_text{position: absolute; bottom: 80px; left: 0; width: 100%; text-align: center;}
.video_text .video_p{ color: #fff;padding: 0 10px;}
.video_text .video_p h3{margin-bottom: 5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.video_text .video_p p{font-size: 12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.year_title{background: url(../images/titlebg.jpg) no-repeat; background-size: cover; height: 154px; color: #fff; position: absolute; top:-154px; width: 100%}
.year_title h1{line-height: 60px; margin-top: 15px;}
.year_title h1 em{font-size: 14px;}
.title_index{padding: 30px 65px; padding-bottom: 0;}

.yearbox_bottom{}
.year_text{color: #929292; overflow: hidden;padding: 50px 65px;}
.year_text h4{color: #000; margin:20px 0 50px 0;}
.year_list ul{overflow: hidden; margin-left: -30px;}
.year_list li{float: left; width:225px;*margin-left: -1px;}
.year_list li:first-child .year_num{border-left: 0;}
.year_num{border-left: 1px solid #cbcbcb; padding: 0 30px; min-height: 230px;}
.major{line-height: 18px; margin-bottom: 25px;}
.major_p{ color: #cd0234; font-weight: bold; line-height: 24px;}
.major_p p{margin-bottom: 12px;}
.major_p a{color: #cd0234;}
.digitbox dl:first-child{margin-top: 0;}
.digitbox dl{margin-top: 30px;}
.digitbox dt{color: #cd0234; font-weight: bold; line-height: 28px;}




.index_02{background: #f5f5f5; padding: 40px 0 14px;    clear: both;}
.index_title{color: #282828; text-align: center; line-height: 44px; margin-bottom: 30px;}
.index_new{overflow: hidden;}
.index_new ul{margin: 0 -25px; overflow: hidden;}
.index_new li{ margin-bottom: 26px; width: 33.333%;*margin-left: -1px; float: left;}
.index_new li dl{margin: 0 25px; background: #fff;}
.index_new li dl dt{overflow:hidden;}
.index_new li dl dt a{display:block;}
.index_new li dd{padding: 30px; }
.new_time{color: #cd0234; margin-bottom: 10px;}
.index_new h3{ line-height: 18px; height: 36px; overflow: hidden; margin-bottom: 15px;}
.index_new h3 a{color: #3c3c3c; font-weight: bold; display:block;line-height: 18px; height: 36px; overflow: hidden;}
.index_new .new_p{color: #5a5a5a;line-height: 18px; height: 54px; overflow: hidden;}


.index_03{background: #fff; padding: 40px 0;}
.index_product{overflow: hidden;}
.index_product ul{margin:-11px; overflow: hidden;}
.index_product li{width: 50%; float: left; position: relative;}
.product_in{position: relative; margin: 11px; overflow:hidden;}
.index_product_text{position: absolute; width: 100%; left: 0; top:0; color: #fff;}
.index_product_p{padding: 55px;}
.index_product_p h3{font-weight: bold;line-height: 18px; height: 36px; overflow: hidden; margin-bottom: 20px;-webkit-transition: opacity .2s ease-in,-webkit-transform .3s linear;transition: opacity .2s ease-in,transform .3s linear; }
.product_text{ line-height: 18px; height: 54px; overflow: hidden;transition: all 1s cubic-bezier(.19,1,.22,1);}
.product_in .ratio-img a{display:block; overflow:hidden;}
.product_in .ratio-img img{width:110%;-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;} 
.three_bg{ width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.4); transition: all 1s cubic-bezier(.19,1,.22,1);opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;}
.product_text{opacity: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;-webkit-transform: translateY(30px); -moz-transform: translateY(30px);-o-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);-webkit-transition: opacity .2s ease-in,-webkit-transform .3s linear;transition: opacity .2s ease-in,transform .3s linear;}


.index_04{ background: #f5f5f5; padding:40px 0;}
.map_img img{max-width: 1280px; width: 100%;}

.footer{background: #474747; padding: 55px 0; padding-bottom: 0; color: #fff;}
.footer a{color: #fff; }

.footer_top{overflow: hidden;}

.footer_top .left{width:100%; float: left;overflow: hidden;}
.footer_top .left ul{overflow: hidden; margin: 0 -20px; margin-right: 240px;}
.footer_top .left li{width: 25%;*margin-left: -1px; float: left; margin-bottom: 60px;}
.footer_top .left li dl{padding: 0 20px;line-height: 24px;}
.footer_top .left li dt{margin-bottom: 25px;}
.footer_top .left li dd{height: 144px;}
.footer_top .left li dd a{color: #a4a4a4; display: block; }
.footer_top .left li:first-child + li + li + li + li dd,.footer_top .left li:first-child + li + li + li + li + li dd{height: auto;}
.footer_top .right{float: right; width:200px;/*overflow: hidden;*/ position: relative; margin-left: -272px;}
.footer_top .right .footer_cotant{}
.footer_cotant h3{color: #cd0234; border-bottom: 1px solid #636363; line-height: 24px; padding-bottom: 20px; margin-bottom: 22px;font-family:light; text-align: right;letter-spacing: 1px;}
.foot_emial{background: #636363; height: 44px; line-height: 44px;}
.foot_emial p{padding-left: 20px; width: 146px; float: left;}
.foot_emial i{float: right; margin-right: 20px; width: 29px;}
.foot_emial i img{ margin-top: 12px;}

.footer_cotant .share{ width: 100%; margin-top: 22px;}
.footer_cotant .share_b{width: 100%;  text-align: right;}
/*.footer_cotant .share_b li{display:inline-block;*display:inline;*zoom:1;padding-left: 20px; position: relative; padding-bottom: 12px;}*/
.footer_cotant .share_b ul{margin: 0 -12px;}
.footer_cotant .share_b li{ width: 25%; padding:0 12px; position: relative; padding-bottom: 12px; box-sizing: border-box; float: left;}
.footer_cotant .share_b li > a{display: block; }
.footer_cotant .share_b li > a img{float: left;}
.footer_cotant .share_b li .share_toggle{position: absolute; top:34px; left:12px; background: #fff; padding:10px; display: none; height: 80px; overflow: auto; width: 200px;}
.footer_cotant .share_b li .share_toggle a{width: 140px;text-align: left;color: #333; display: block; line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background: url(../images/share_icon01.png) no-repeat 0 center; padding-left: 26px;}



.footer_bottom{height: 96px; background: #242424; border-top: 1px solid #cd0335; clear: both; }
.footer_bottom h1{ float: left; width: 200px; margin-top: 35px;}
.footer_bottom h1 img{width:100%;}
.foot_br{font-size: 12px; float: right; width: 364px; padding-top: 25px;}
.foot_br p{color: #a4a4a4;}
.foot_brp{ text-align: right; margin-top: 10px;}
.foot_brp a:first-child{border-left: 0;}
.foot_brp a{padding: 0 10px; border-left:1px solid #a4a4a4; }


/*.scrollHeader .header_bottom h1 img{transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8);-moz-:scale(0.8,0.8);-o-transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);}*/
.header_top{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all; display: block;}
.header_bottom{}
.header{position:fixed; width:100%; left:0; top:0; z-index:99999;box-shadow: 0px 0px 10px #555;    background: #fff;}
.header_height{ height:120px;}
.scrollHeader .header_top{/*height:0;*/ display: none;}
.scrollHeader .header_top .wrap{display:none;}
.scrollHeader .header_bottom{height:64px;}
.scrollHeader .header_bottom .nav>ul>li>a{ height:60px;}
.scrollHeader .header_bottom .wrap{padding-top: 4px;}



/*.scrollHeader .header_height{height: 60px;}*/
@media only screen and (min-width: 1024px) {
/*.scrollHeader .header_bottom .wrap{padding-top: 10px;}*/
/*a.menu_white:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;background-color:rgba(255,255,255,1);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;-webkit-transform:scale(0.5,1);transform:scale(0.5,1);}
a.menu_white:hover {color:#cd0234!important;box-shadow:0px 0px 6px rgba(0,0,0,0.4);}
a.menu_white:hover:before {opacity:1;-webkit-transform:scale(1,2);transform:scale(1,2);}*/

.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}

a:hover{color: #cd0234}
.header_top_re li:hover{background: #fff;}
.header_bottom .nav>ul>li:hover>a em{width: 100%; left: 0;}

.index_product li:hover .three_bg{opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
.index_product li:hover .product_text{margin-top: 1.92%;height: 5.2em;opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
/* .index_product li:hover h3{-webkit-transform: translateX(-10px); -moz-transform: translateX(-10px);-o-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);} */
.index_product li:hover img{-webkit-transform: translateX(-20px); -moz-transform: translateX(-20px);-o-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);}

.index_new li:hover h3 a{color:#cd0234;}
.footer a:hover{color: #cd0234 !important;}
.major_p a:hover{opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}
.solution dd h1 a:hover{color: #000 !important;}

}


@media only screen and (max-width: 1640px) {
.year_text{padding:20px 30px;}
.year_text li{width:33.333%;*margin-left:-1px;}
.major{margin-bottom: 10px;}
.digitbox dl{margin-top: 15px;}
.year_num{min-height: 176px;}
}
@media only screen and (max-width: 1440px) {
.year_text h4{margin: 20px 0;}
}


@media only screen and (max-width: 1366px) {
.inbanner .banner_cont{top:100px;}

.index_title,.index_03 .index_title,.index_04 .index_title{margin-bottom:50px;}
.index_new ul{margin:0 -10px;}
.index_new li dl{margin:0 10px;}
.video_text{bottom: 25px;}
.year_list ul{margin:0 -15px;}
.year_num{padding: 0 15px;}
.year_text h4{margin: 10px 0;}
}
@media only screen and (max-width: 1300px) {
.footer_top .left ul{margin:0 -10px;}
.footer_top .left li dl{padding: 0 10px;}
}
@media only screen and (max-width: 1280px) {
.inbanner .banner_cont{top:70px;}
.header_search{margin-right:24px;}
.header_bottom .nav>ul>li>a{margin: 0 10px;}

.footer_top .left ul{margin:0 -5px;margin-right: 272px;}
.footer_top .left li dl{padding:0 5px;}

.index_02,.index_03,.index_04{padding:40px 0;}
.index_02{padding: 40px 0 14px;}
.index_new li dd{padding:20px; }
.index_product ul{margin:-10px;}
.product_in{margin:10px;}
.year_text{padding: 10px;}
.index_title, .index_03 .index_title, .index_04 .index_title{margin-bottom: 30px;}

}
@media only screen and (max-width: 1150px) {
.header_bottom .nav>ul>li>a{padding:0 16px;}
.footer_top .left li{width:33.333%;}
.header_bottom .nav>ul>li>a{margin: 0 4px; padding: 0 12px;}
}

@media only screen and (max-width:1024px) {
.index_product ul{margin:-8px;}
.product_in{margin:8px;}
.scrollHeader .header_bottom{height: 72px;}
}
@media only screen and (max-width:1023px) {
.header_bottom h1,.footer_bottom h1{width:160px;}
.index_01 .left{width:100%; margin-bottom:20px;}
.index_01 .right{width:100%; top:0; overflow:hidden;}

.title_index,.yearbox_bottom{padding:20px;}
.year_title{height:auto; position:static; }
.year_list li{width:33.333%;}
.yearbox_bottom {height:auto !important; padding:0;}
.year_text{padding:20px 10px;}
}

@media only screen and (max-width: 1023px) {
.product_in .ratio-img img{width:100%;}
.index_product li .three_bg{opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
.index_product li .product_text{margin-top: 1.92%;height: 5.2em;opacity: 1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;-webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}



}

@media only screen and (max-width:990px) {
.scrollHeader .header_bottom h1 img{transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);}
.year_text{height:auto !important;}
.footer{padding-top:20px;}
.footer_top .left ul{margin:0;}
.footer_top .left{float: none;}
.footer_top .right{width:100%; margin:0; margin:30px 0; display: table; float: none;}
.footer_top .left li{width:100%; padding:20px 0; border-bottom:1px dashed #696666; margin:0;}
.footer_top .left li dl{padding:0;}
.footer_top .left li dt{margin-bottom:10px;}
.footer_top .left li dd{height:auto;}
.footer_top .left li dd a{float:left; margin-right:20px;}
.foot_emial{width:275px; float:left;}
.footer_cotant h3{padding-bottom:10px; margin-bottom:20px;    text-align: left;}
.footer_cotant .share{float:right; width:220px; margin-top:6px;}
.footer_cotant .share a{padding:0 8px;}
.foot_emial p{padding-left:20px;}
.index_product_p{padding:30px;}
.footer_cotant .share_b li{padding-left: 10px;}
.footer_top{overflow: inherit;  width: 100%;    position: relative;z-index: 99;}


.inbanner .banner_cont{transform: translate(0,-50%); -webkit-transform: translate(0,-50%); position:absolute; left:0; top:50%;}
.header_bottom{ height:54px;}
.header_bottom .wrap{padding-top:14px; }


.header_bottom h1{margin-top:4px;}
.header_height{height:102px;}
.scrollHeader .header_bottom{height:54px;}
.index_product_p h3,.index_new h3{margin-bottom: 10px;}
}
@media only screen and (max-width:768px) {
.header_top_re{margin-top:12px; margin-right:0;width: 150px;    position: relative; display: none}
.header_top_re i{display:block; cursor:pointer; width:23px;float: right;} 
.header_top_re ul{display:none; position:absolute; background: #e6e6de;border: 1px solid #eee;top:26px; left:76px; width: 100%;    z-index: 99;}
.header_top_re li a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.header_top_re li.on{background:none;}

.year_text h4{margin:20px 0; margin-bottom:0;}
.year_list ul{margin:0;}
.year_list li{width:100%; margin:0; padding:20px 0; border-bottom:1px dashed #c9c7c7;}
.year_list li:last-child{border-bottom:0;}
.year_num{border:0; min-height:inherit; padding:0;}
.major_p p{float:left; margin-right:20px; font-size:14px; font-weight:normal; margin-bottom: 0px;}
.major_p a{color: #cd0234;}
.digitbox dl{margin:0; float:left; width:33.333%; padding: 0 10px;    box-sizing: border-box;}
.footer_cotant h3{font-size:20px;}
.year_title h1 em{display:block; width:100%;}

.three_bg{display:none;}
.index_product ul{margin:0;}
.index_product ul .product_in{margin: 0;}
.index_product li{ width:100%; margin-bottom: 20px; overflow: hidden;}
.index_product_text{position:static;  background: #eee;   }
.index_product_p{padding:20px;}
.index_product li .product_text{color: #929292;max-height: 5.2em; height: auto;}

.index_new li{width:100%; margin-bottom: 20px;}
.index_title, .index_03 .index_title, .index_04 .index_title{margin-bottom:10px;}
.banner_text{width:80%;}


.banner_text h1{max-height:2em; line-height: 1em;}
.index_02, .index_03, .index_04{padding:20px 0;}
.future .video_bf{width: 70px; height: 48px; margin-top: -24px; margin-left: -35px;}
img{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
.yearbox_bottom {padding:0 10px;}
.imgs{height: auto !important;}
.imgs img{width: 100%;}
.index_product_p h3{/*color:#fff;*/}
.index_product_p h3.inh3{color:#000; height: auto;max-height: 36px;}
.index_new h3{}

}
@media only screen and (max-width:640px) {
.foot_emial{width:100%;}
.footer_cotant .share{margin-top:15px; float: left;}
.footer_bottom{padding:20px 0; height: auto; overflow: hidden;}
.footer_bottom h1{margin-bottom:20px;}
.foot_br{width:100%; overflow:hidden;padding-top: 0}
.footer_bottom h1{margin-top: 0;}
.foot_brp{ text-align:left; margin-left:-10px; overflow:hidden;}
.banner_text h1{font-size:18px; margin-bottom:10px;}
.banner_text p{font-size:14px;}

.search_wrap.on{width: 80%; right: 50px;}
.search_box{padding:4px;}
.index_new h3{height: auto; max-height: 36px;}
}
@media only screen and (max-width:420px) {
.future .video_bf{margin-top: -48px;}
.video_text{bottom: 15px;}
}



*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.inbanner .banner_page .swiper-pagination-bullet-active{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
width: 16px;
height: 16px;

background: none;

box-shadow: none;
position: relative; border:none;
}
.inbanner .banner_page .swiper-pagination-bullet-active:after{
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px solid #fff;
position: absolute;
top: 0;
left: 0;
}
.inbanner .banner_page .swiper-pagination-bullet-active > em{
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1;
}
.inbanner .banner_page .swiper-pagination-bullet-active .progress-left{
left: 0;
}
.inbanner .banner_page .swiper-pagination-bullet-active .progress-bar{
width: 100%;
height: 100%;
background: none;
border-width: 2px;
border-style: solid;
position: absolute;
top: 0;
}
.inbanner .banner_page .swiper-pagination-bullet-active .progress-left .progress-bar{
left: 100%;
border-top-right-radius: 80px;
border-bottom-right-radius: 80px;
border-left: 0;
-webkit-transform-origin: center left;
transform-origin: center left;
}
.inbanner .banner_page .swiper-pagination-bullet-active .progress-right{
right: 0;
}
.inbanner .banner_page .swiper-pagination-bullet-active .progress-right .progress-bar{
left: -100%;
border-top-left-radius: 80px;
border-bottom-left-radius: 80px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
animation: loading-1 3.5s linear forwards;
}
.inbanner .banner_page .swiper-pagination-bullet-active .progress-value{
width: 85%;
height: 85%;
border-radius: 50%;
border: 2px solid #ebebeb;
font-size: 32px;
line-height: 125px;
text-align: center;
position: absolute;
top: 7.5%;
left: 7.5%;
}
.inbanner .banner_page .swiper-pagination-bullet-active .progress-bar{
border-color: #cd0335;
}
.inbanner .banner_page .swiper-pagination-bullet-active .progress-value{
color: #cd0335;
}
.inbanner .banner_page .swiper-pagination-bullet-active .progress-left .progress-bar{
animation: loading-2 3.5s linear forwards 3.5s;
}

@keyframes loading-1{
0%{
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100%{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
}
@keyframes loading-2{
0%{
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100%{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
}


/* banner & site */
.customers-banner{margin-bottom: 19px;position: relative;}
.customers-banner img{width: 100%;}
.customers-banner h1{color: #fff;line-height: 1em; height: 3em; overflow: hidden;}
.main-customers-text{width:100%;transform: translate(0,-50%); -webkit-transform: translate(0,-50%); position:absolute; left:0; top:50%;}
.site span{color: #929292;}

/* btn */
a.menu_white {position:relative;overflow:hidden;padding:0 51px;font-size:20px;background: #cd0234;color: #fff;display: inline-block;line-height: 40px;}
a.menu_white span {z-index:20;position:relative;}



/*page*/
.pagingation a{padding:0 12px;border: 1px solid #d7d7d7;line-height: 34px;float: left;}
.pagingation a.num{width: 36px; padding: 0;}
.pagingation span{float: left;line-height: 34px; margin-right: 10px;}
.pagingation input{width: 36px;line-height: 34px; height: 36px; text-align: center;border: 1px solid #d7d7d7;}
.pagingation .next,.pagingation .prev{margin-right: 10px; font-size: 16px; padding:0 20px;}
.pagingation .next{margin-left: 10px;}
.pagingation .clr-br{/*border-right: none;*/ margin-left: -1px;}
.pagingation .clr-br:last-child{border-right: 1px solid #d7d7d7;}
.pagingation .on{background-color: #cd0234;color: #fff;border-color: #cd0234;}
.pagingation{text-align: center;}
.pagingation .page{display: inline-block;}
.pagingation button.go{padding: 0; width: 40px;border: 1px solid #d7d7d7; height: 36px; line-height: 36px;float: left; background: none}
.page a.prev.no,.page a.next.no{opacity:0.6;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6;}
@media only screen and (max-width: 768px) {
.pagingation span{line-height: 30px;}
.pagingation .mg-rt10{margin-right: 5px;}
.pagingation input{width: 50px; height: 30px; line-height: 30px;}
.pagingation button.go{display: block; margin-left: 5px; width: 40px;height: 30px; line-height: 30px;}
.pagingation .next,.pagingation .prev{padding: 0;}
.page a.prev {background:url(../images/page_prev.png) center center no-repeat; text-indent:-10000px;border-radius: 4px 0 0 4px;}
.page a.next {background:url(../images/page_next.png) center center no-repeat; text-indent:-10000px;}
.page a.prev.no{background:url(../images/page_prev01.png) center center no-repeat;}
.page a.next.no{background:url(../images/page_next01.png) center center no-repeat;}
.page{height: 30px;}
.page a{display: none; height: 30px; line-height: 30px; width: 30px; padding:0;}
.page a.prev,.page a.next{display: block; display: inline-block; margin:0 5px;}
.page a.prev.no,.page a.next.no{opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;}
.page span{display: block; float: left;}
.page span em,.page span{font-size: 14px;}
}

/* pad-top70 */
.main-site .wrap{position: relative;}
.main-site .wrap .site{width: 70%;}
.fx_share{position: absolute; right: 0;top:0; overflow: hidden;}
.fx_share a{margin-left: 18px;}
.fx_share .jiathis_style{float: right;}
.fx_share .jiathis_style a{ background: none !important; padding-left: 0 !important; height: 20px !important; line-height: 20px !important;}
.fx_share .sharecont{float: right;}
.jiathis_style>div>.jiadiv_01,.jiathis_style>div>.jiadiv_01>div{width: 280px !important;}
.jiathis_style .searchTxtCont>div{width: 270px !important}

.pad-top70{padding-top: 50px;}
.pad-top40{padding-top: 40px;}
.mar-btm30{margin-bottom: 30px;}
.mar-btm50{margin-bottom: 50px;}
.pad-bottom{padding-bottom: 100px;}
.pad-bottom.form-pub{padding-bottom: 20px;}

@media only screen and (max-width: 1024px) {
.customers-banner h1{font-size: 24px;}
/*.pad-top70{padding-top: 20px;}*/
.pad-bottom{padding-bottom: 40px;}
}
@media only screen and (max-width: 990px) {
.main-site .wrap .site{display: none}
.scrollHeader .header_bottom .wrap{padding-top:14px; }
}
@media only screen and (max-width: 768px) {
.customers-banner{margin-bottom: 10px;}
.pad-top70{padding-top: 10px;}
a.menu_white{padding:0 40px; line-height: 40px; font-size: 16px;}
.pad-top40{padding-top: 10px;}
.fx_share{position: static; text-align: right;}
}
@media only screen and (max-width: 640px) {
.customers-banner h1{font-size: 14px;}

}
/*导航下拉*/
.header_bottom{position: relative;}
/*.nav_slide{position: absolute;top:72px; left: 0; width: 100%; background: #000; display: none; font-size: 16px;}
.nav_slide dl{padding: 20px; overflow: hidden;}
.nav_slide a{color: #fff;transition: 0s all;-webkit-transition: 0s all;-moz-transition: 0s all;-o-transition: 0s all;}
.nav_slide dt{float: left; margin-right: 20px;}
.scrollHeader .nav_slide{top:64px;}*/
.nav_slide{position: absolute;top:72px; left: 0; width: 100%; background: #f5f5f5; display: none; font-size: 16px; line-height: normal;}
.nav_slide dl{overflow: hidden; padding-top: 0 !important;}
.nav_slide a{color: #fff;transition: 0s all;-webkit-transition: 0s all;-moz-transition: 0s all;-o-transition: 0s all;}
.nav_slide dt{float: left; width: 45.3125%; padding-top: 3.9%;}
.nav_slide dt h2{font-weight: bold; color: #282828; font-family: arial; margin-bottom: 20px;}
.nav_list p{width: 38%; float: left;line-height: 30px; margin-right: 4%;}
.nav_list p:nth-child(2n){width: 54%;}

.nav_list a{color: #282828; font-family: arial; font-size: 14px;  }
.nav_list a:hover{color: #cd0234;}
.nav_slide dd{float: right; width: 54.6875%;}
.scrollHeader .nav_slide{top:64px;}





@media only screen and (max-width: 1024px){
.scrollHeader .header_bottom .wrap{padding-top: 10px;}
}

@media only screen and (max-width: 990px){
	.nav_phone_btn{margin-top: 0;}
}
/*@media only screen and (max-width: 768px){
	.nav_phone_btn{margin-top: 0;}
	.scrollHeader .header_bottom .wrap{padding-top: 4px;}
}*/

.user{line-height: 48px; float: left; color: #000;}
.user span{color:#000; font-weight: bold;}
.user a{display: inline-block; padding: 0 15px; cursor: pointer;}
.user a img{margin-top: 18px;}
@media only screen and (max-width: 1023px){
	.header_top_re{display: none;}
}


/*20180424*/
.title_index{padding: 25px 65px 0;}
.year_list{overflow: hidden; margin-top: 50px;}
.major{color: #cd0234; font-weight: bold;}
.major_p{color: #929292; font-weight: normal;}
.major_p a{color: #929292;}
.year_list ul{margin-left: -15px;}
.year_num{padding: 0 15px;}
@media only screen and (max-width: 1640px){
	.title_index{padding: 25px 30px 0;}
	.year_list{margin-top: 30px;}
}

@media only screen and (max-width: 768px){
	.year_text{padding: 20px 10px 0;}
	.year_list{margin-top: 0px;}
}



/*2018-06-07*/
.law h1{text-align: center;color: #5a5a5a;padding-bottom: 30px;border-bottom: 1px solid #d9d9d9;margin-bottom: 45px;}

.header_top_re li.on{background: #fff;}
.fundamentals li .select-content{display: none}
.fundamentals li:first-child .select-content{display: block}

.tab_gx .tab-nav ul li p{margin:0; top:auto; left: auto;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
.tab_gx .tab-nav ul{ width:426px;}
.tab_gx .tab-nav ul li{width: 200px;}
.more_a a{margin-right: 20px;}

.header_bottom_ivs .nav>ul>li>a{margin: 0 4px;}

@media only screen and (max-width: 1160px){
.law h1{margin-bottom: 20px; padding-bottom: 20px;}	
}

@media only screen and (max-width:1280px) {
.header_bottom_ivs .nav>ul>li>a{padding:0 10px;}
}
@media only screen and (max-width:1200px) {
.header_bottom_ivs .nav>ul>li>a{padding:0 4px;}
}



.bd_share{position: absolute; right: 0;top:0; overflow: hidden;}
.bd_share a{background-position:0 0 !important; width: 20px !important; height: 20px !important; margin: 0 !important; margin-left: 18px !important;text-align: right;}
.bd_share a{float: none !important; display: inline-block;}
@media only screen and (max-width: 768px){
/*.bds_more{display: none !important;}*/
.bd_share{position: static; text-align: left;}
}


/*2018-07-19*/
.nav_slide dt{padding-top:2%;}
.nav_slide dt h2{margin-bottom:10px;}
.nav_slide dt{overflow:hidden;}
.nav_slide .nav_branch{float:left;width:49%;*margin-left:-1px; padding-right:1%; margin-bottom:20px;}
.nav_slide .nav_branch li{float:none; line-height: 30px;font-family: arial;font-size: 14px;}
.nav_slide .nav_branch a{color: #282828;}
.nav_slide .nav_branch a:hover{color: #cd0234;}
.nav_slide .nav_branch:nth-child(2n+1){clear:both;}

/*2018-07-23*/
.footer_cotant .share_b li .share_toggle03{left:auto; right:-40px;}
.footer_cotant .share_b li .share_toggle03 a{background: url(../images/share_icon02.png) no-repeat 0 center;}

/*404页面*/
.main_four{padding: 165px 0;}
.main_four dt{text-align: center;}
.main_four dt img{max-width: 100%;}
.main_four dd{text-align: center; margin-top: 74px;}
.main_four dd a{display: inline-block; width: 158px; height: 44px; line-height: 44px; text-align: center; border: 1px solid #cd0335; border-radius: 6px; margin: 0 5px; font-weight: bold;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.main_four dd a img{margin-top: 10px; margin-right: 15px;}
.main_four dd a.four_btn01{background:#cd0335; color: #fff;}
.main_four dd a.four_btn02{background:#fff; color: #cd0335;}
@media only screen and (min-width: 1023px) {
.main_four dd a:hover{opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;}
}

@media only screen and (max-width: 990px) {
.main_four{padding: 100px 0;}
.main_four dt img{max-width: 60%;}
.main_four dd a{width: 115px; height: 36px; line-height: 36px;}
.main_four dd a img{margin-top: 7px; margin-right:5px; width: 20px;}
}
@media only screen and (max-width: 540px) {
.main_four dt img{max-width: 100%;}
}


/*2018-07-25*/
@media only screen and (max-width: 1024px){
.nav_slide{display:block;}
.nav_slide dd{display:none;}
.nav_slide dt{width:100%;}
.nav_slide .nav_branch{width:100%; padding:0;}
.nav_phone_con>ul>li ol li:first-child{background:none;}
.nav_phone_con>ul>li ol li:first-child a{    color: #282828;}
.nav_slide{top:48px; padding-top:12px;}
.nav_slide dt h2{padding:0 30px;}
}


/*2018-07-31*/

.video_bus .video_btn{display:none;}

.map_img{
	position: relative;
}
.map_img ul{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.map_img ul li{
	opacity:0;
	position: absolute;
	left:0%;
	top:0%;
	font-size:14px;
	color:#000;
	padding-bottom: 20px;
	display: block;
	width:17px;
	height:19px;
	background: url(../images/l.png) no-repeat left center;

}
.map_img ul li.on{ opacity:1;}
.map_img ul li.mapSpan0{ left:15%; top:27.5%;}
.map_img ul li.mapSpan0 span{ position: absolute; top:-100%; left:50%; transform: translate(-50%,-0%); white-space: nowrap}
.map_img ul li.mapSpan1{ left:17.5%; top:39.5%;}
.map_img ul li.mapSpan1 span{ position: absolute; top:-100%; left:50%; transform: translate(-50%,-0%);}
.map_img ul li.mapSpan2{ left:17.5%; top:47.5%;}
.map_img ul li.mapSpan2 span{ position: absolute; top:-100%; left:50%; transform: translate(-50%,-0%);}
.map_img ul li.mapSpan3{ left:29.5%; top:64.5%;}
.map_img ul li.mapSpan4{ left: 47.5%;
	top: 28.5%;}
.map_img ul li.mapSpan5{ left: 48.5%;
	top: 33%;}
.map_img ul li.mapSpan6{ left: 45.5%;
	top: 38.5%;}
.map_img ul li.mapSpan7{ left: 53.5%;
	top: 35.5%;}
.map_img ul li.mapSpan8{ left: 54.5%;
	top: 46.5%;}
.map_img ul li.mapSpan9{ left: 64.5%;
	top: 43.5%;}
.map_img ul li.mapSpan10{ left: 61.5%;
	top: 46.5%;}
.map_img ul li.mapSpan11{ left: 67.5%;
	top: 48.5%;
}
.map_img ul li.mapSpan12{ left: 74.5%;
	top: 52.5%;}
.map_img ul li.mapSpan13{ left: 68.5%;
	top: 57.5%;}
.map_img ul li.mapSpan14{ left: 74%;
	top: 58.5%;}
.map_img ul li.mapSpan15{ left: 75%;
	top: 61%;}
.map_img ul li.mapSpan16{ left: 81.5%;
	top: 41.5%;}
.map_img ul li.mapSpan17{ left: 80%;
	top: 48%;}
.map_img ul li.mapSpan18{ left: 80.5%;
	top: 52.5%;}
.map_img ul li.mapSpan19{ left: 76.5%;
	top: 54.5%;}
.map_img ul li.mapSpan20{ left: 77.5%;
	top: 61.5%;}
.map_img ul li.mapSpan22{ left: 76%;
	top: 40%;}
.map_img ul li.mapSpan23{ left: 48.5%;
	top: 29%;}


.map_img ul li.mapSpan3 span,
.map_img ul li.mapSpan7 span,
.map_img ul li.mapSpan11 span,
.map_img ul li.mapSpan23 span,.map_img ul li.mapSpan17 span,.map_img ul li.mapSpan18 span,.map_img ul li.mapSpan19 span,.map_img ul li.mapSpan20 span,.map_img ul li.mapSpan22 span{ position: absolute; top:50%; left:100%; transform: translate(10%,-58%); white-space: nowrap}

.map_img ul li.mapSpan4 span,
.map_img ul li.mapSpan5 span,
.map_img ul li.mapSpan6 span,
.map_img ul li.mapSpan8 span,
.map_img ul li.mapSpan9 span,
.map_img ul li.mapSpan10 span,
.map_img ul li.mapSpan12 span,
.map_img ul li.mapSpan13 span,
.map_img ul li.mapSpan14 span,
.map_img ul li.mapSpan15 span,
.map_img ul li.mapSpan16 span
{ position: absolute; top:50%; left:0%; transform: translate(-110%,-58%); white-space: nowrap}

.map_img li{ cursor: pointer;}

.mapOuter{position: absolute; width:328px; background: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,0.4); padding:20px; right:0; transform: translate(-9%,-36%); display: none;}
.mapOuter h4{ font-size:14px; color:#cd0234; text-transform: uppercase; text-align: right; margin-bottom: 14px; font-weight: bold;}
.mapOuter img{ margin-bottom: 14px; margin-bottom: 30px; width:189px; height:auto;}
.mapOuter h5{ color:#000000; font-size:14px; text-transform: uppercase; text-align: left; font-weight: bold; margin-bottom: 6px;}
.mapOuter p{ line-height: 20px; text-transform: uppercase;}
.mapOuter:after{ content:""; display: block; width:0; height:0; border:10px solid transparent; border-left:10px solid #fff; position: absolute; right:-19px; top:35%;}

.mapSpan1 .mapOuter{ transform: translate(9%,-36%); left: 100%; right:auto;}
.mapSpan1 .mapOuter:after{ border-left: 10px solid transparent; border-right: 10px solid #fff; right:auto; left:-19px;}

@media only screen and (max-width: 1279px) {
	.map_img ul li {
		transform: scale(0.7);
	}

	.map-outer-wrap ul li {
		transform: scale(1);
	}

	.map_img ul li span {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.map-outer-wrap ul li span{ display: block; text-align: left; transform: none!important; left:0!important; top:0!important; font-size:24px; line-height: 1.5em; position: relative!important; margin-bottom: 10px;}
	.map-outer-wrap ul{ position: relative; width:100%;height:auto; display: block;}
	.map-outer-wrap > img{ margin-bottom: 20px;}
	.map-outer-wrap ul li{ left:0!important; right:auto!important; top:0!important; background: none; padding:0; width:100%; height:auto; position: relative; margin-bottom: 20px;}
	.mapOuter{ display: block; position: relative; transform: none!important; width:100%; left:0!important;}
	.mapOuter:after{ display: none;}
}