/* reset */
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
html { height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent; color: #000;}
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:"Microsoft Yahei",arial,"\5b8b\4f53";  /*   font-family: SimHei, 微软雅黑, Tahoma, Helvetica, Arial, 宋体, sans-serif; */}
body { line-height: 1.5 }
a { text-decoration: none;-webkit-tap-highlight-color:transparent }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
: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 video{ max-width:100%;}
 
 
/*所有后台编辑器区域都要引用 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;}
/*img{transition: All 0.7s ease-in-out;}*/
.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%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

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

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-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*/
.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_28 { font-size:28px;}
.fnt_32 { font-size:32px; line-height:34px; }
.fnt_36 { font-size:36px;}
.fnt_48 { font-size: 48px;}
.fnt_66 {font-size: 66px;}
.fnt_72 {font-size: 72px;}
.fnt_120 { font-size: 120px;}


@media only screen and (max-width: 1279px) {
.fnt_16 { font-size: 13px;}
.fnt_18 {  font-size:14px;}
.fnt_20 { font-size: 16px;}
.fnt_22 { font-size:16px;}
.fnt_24 { font-size:20px;}
.fnt_28 { font-size:18px;}
.fnt_32 { font-size:21px; line-height:23px; }
.fnt_36 { font-size:24px;}
.fnt_48 { font-size:32px;}
.fnt_66 {font-size: 45px;}
.fnt_72 {font-size: 46px;}
.fnt_120 { font-size: 105px;}
}

@media only screen and (max-width: 1024px) {
.fnt_24 { font-size:18px;}
.fnt_48 { font-size:26px;}
.fnt_36 { font-size:19px;}
.fnt_66 {font-size: 36px;}
.fnt_72 {font-size: 36px;}
.fnt_120 { font-size: 64px;}
}

@media only screen and (max-width: 767px) {

.fnt_24 { font-size:16px;}
.fnt_32 { font-size:18px; line-height:20px; }
.fnt_36 { font-size:17px;}
.fnt_48 { font-size:19px;}
.fnt_66 {font-size: 26px;}
.fnt_72 {font-size: 24px;}
.fnt_120 { font-size: 48px;}
}



.ratio-img,.ratio-img img{width: 100%;}
a{color: #000;}

.wrap{width: 1280px; margin: auto;}
@media only screen and (max-width: 1360px){
.wrap{width:94%;}
}


.header .wrap{position: relative;}
.header{position: fixed; top:0; left: 0; width: 100%; height: 90px; background: rgba(255,255,255,0.7); z-index: 9999;}
.header h1{width: 147px; padding-top: 18px;float: left;}
.header h1 img{width: 100%;}

.header_r{float: right;}
.header_stock{float: left; height: 90px; line-height: 90px; margin: 0 65px; margin-left: 35px;}
.header_search{cursor:pointer; width: 24px;height: 90px; float: right;}
.header_search span{ display:block;width: 24px; height: 90px; line-height: 90px; text-align: center; border: none;background:url(../images/search.png) no-repeat center center; position:relative; margin: auto;}
.header_search span img{vertical-align: middle; margin-top: -3px;}
.header_search.on span {opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;}

.search_wrap{display: none; background:#fff; width: 290px; right:0; position:absolute; top:88px; border: 4px solid #14287d;z-index: 9;}
.search_box_button { height:40px; width:36px; background:url(../images/search.png) no-repeat center; border:0; outline: none; float: right; }
.search_box_text {width:230px; padding: 0 10px; float:left; border:0;height:40px; outline: none; line-height: 40px; background:#fff;}


.nav{float: right;}
.nav>ul{float: left;}
.nav>ul>li{height: 90px; line-height: 90px; float: left; padding: 0 30px; font-size: 16px;}
.nav>ul>li a{display: block;position: relative;}
.nav>ul>li a em{position: absolute; left: 50%; bottom: 0; width: 0%; height: 5px; background:#14287d;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.nav>ul>li.on em{width: 100%;left: 0;}
.navlist{display: none;}
/*导航下拉*/
.nav>ul>li{position: relative;}
.navlist{display:none ; position: absolute; left:-20%; top:90px; width: 140%;background:rgba(20,40,125,0.8); padding: 20px 0;font-size: 14px;}
.navlist .wrap{width: 100%;}
.navlist li{width: 100%;text-align: center; height: 40px; line-height: 40px;}
.navlist li a{color: #fff;display: block;}
.navlist li:hover a{color: #fff !important;}

/*导航下拉*/

/*手机导航*/
.scrollHeader .header{box-shadow: 0px 0px 10px #555; background: #fff;}

.nav_phone_btn,.nav_phone_tit{display: none;}
@media only screen and (max-width: 1024px){
.search_box_button{background-size: 20px;}
.height_height{height: 60px;}
.header_search,.header_search span{width: 30px; height: 30px;display: none;}
.search_wrap{position: static; display: block !important;width: 100%;    overflow: hidden; border:none;}
.search_box_text{width: calc(100% - 58px)}
.search_box_button,.search_box_text{height: 30px; line-height: 30px;}

.header h1{padding: 0;margin: 0;}

.nav{display: none;}
.nav_phone_btn,.nav_phone_tit{display: block;}
.nav>ul>li{height:inherit;font-size:14px;}

/*手机导航按钮开始*/
.nav_phone_btn{float:right;margin-top:0px;}
.nav_phone_btn{display: block;cursor: pointer;
    height: 32px; position: fixed;top:12px;right:2%;z-index: 9999;width: 35px;text-align: center;
}
.body_nav_phone .nav_phone_btn{text-align: left; background: #fff;}


.nav_phone_btn span {position: relative;font-size: 0;width: 26px;height: 3px;background-color: #14287d;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: #14287d;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{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; background:rgba(37,67,141,0.95);}
body.body_nav_phone .nav{right:0;left:auto;}

.header{height: 40px;padding: 10px 0;}
.header h1{margin-right: 0; margin-top: 0px;width: 100px;}



.nav{font-size: 16px;}
.nav>ul{padding: 0; padding-top: 10px; clear: both; float: none;}
.nav>ul>li>a em{display: none;}
.nav>ul>li>a{padding-top: 0; height: 36px; line-height: 36px;color: #fff; width: calc(100% - 60px); float: left;    box-sizing: border-box;}
.nav>ul>li.on>a{background: none; color: #fff;}

.nav>ul>li>span{display: inline-block; width: 20px; height: 36px;  margin-right:0px;background: url(../images/nav_jia.png) no-repeat center center; float: right;}
.nav>ul>li>span.on{ background: url(../images/nav_jian.png) no-repeat center center; float: right;}
.nav>ul>li>span{display: none;    cursor: pointer;}
.nav>ul>li>span.cur{display: block;}

.nav>ul>li{float: none;  margin: 0; padding: 0 20px;border-bottom: 1px dashed #42539e; overflow: hidden;}
.login_r{margin-top:6px; margin-right:46px;}
.navlist .wrap{width: 100%;}
.navlist a:hover{color: #fff !important;}
.navlist{height: auto;line-height: inherit; width: auto !important; display: none; left: 0;}
.navlist ul{margin-left: 0; left: 0 !important; margin-left: 0 !important; font-size: 16px; width: 100%; position: static;}
.navlist{position: static; background: none; padding: 0 10px;}
.navlist ul li{float: none; height:30px; line-height: 30px; margin-bottom: 4px; text-align: left; font-size: 14px;}
.navlist ul li a{color: #fff; display: block;}
.navlist ul li em{display: none;}



.scrollHeader .header{height: 30px;}
.header_height{height: 50px;}
.scrollHeader .header h1{margin-top: 0px;}
.scrollHeader .login_r{margin-top: 6px;}
.scrollHeader .nav>ul>li>a{height: 36px; padding-top:0px;}
.scrollHeader .navlist{top:0px;}
.navlist{visibility: visible;    clear: both; padding-left: 35px;}


}
/*手机导航*/
@media only screen and (min-width: 1023px){
.nav>ul>li:hover em{width: 100%;left: 0;}

}
@media only screen and (max-width: 1024px){
.header_stock{margin: 0; height: 40px; line-height: 40px; color: #fff; margin-bottom: 10px;}
.header_r{float: none;padding: 0 20px;padding-top: 7px;}
}
@media only screen and (max-width:340px){
.navlist ul li{height: 24px;line-height: 24px}

}


/*banner*/
.index_banner{}
.index_banner li img{width: 100%;}
.inbanner{width: 100%;overflow: hidden;z-index:2; background:#fff;}
.inbanner .swiper-container{overflow: hidden;}
.inbanner img{width: 100%;}
.inbanner li{position: relative;overflow: hidden;}

.inbanner li video{position: absolute;top: 0; width: 100%; height:100%;background:#000;}
.inbanner .swiper-button-next ,.inbanner .swiper-button-prev{display: none !important;}
.inbanner .swiper-pagination-bullet{ background:#fff;width:88px;height: 3px; border-radius: 0; margin-top: 0px; opacity: 1; margin: 0 1px !important; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; }
.inbanner .swiper-pagination-bullet-active{background:#14287d; height: 7px;}
.inbanner .swiper-container-horizontal>.swiper-pagination-bullets,.inbanner .swiper-pagination-custom, .swiper-pagination-fraction{bottom:30px;}

.banner_text{ width: 100%; color: #fff; color: #fff; transition: 1.5s all;-webkit-transition: 1.5s all;-moz-transition: 1.5s all;-o-transition: 1.5s all;  transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); position:absolute; left:0; top:56%;}

.banner_title{ position: relative; display: inline-block;
  opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
  transition: 1s linear;
  -webkit-transition: 1s linear;
  -ms-transition: 1s linear;
  transition-delay: 0s;
  -webkit-delay: 0s;
  -ms-delay: 0s;
  -webkit-transform: translateX(-500px);-moz-transform: translateX(-500px);-o-transform: translateX(-500px);-ms-transform: translateX(-500px);transform: translateX(-500px);
}
.banner_text h3{line-height: 1.1em; height: 3.3em;overflow: hidden; margin-bottom: 5px; font-size: 83px;}
.banner_text_p{ font-family: "Arial"; font-size: 50px;

  opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
  transition: 1s linear;
  -webkit-transition: 1s linear;
  -ms-transition: 1s linear;
  transition-delay: 0s;
  -webkit-delay: 0s;
  -ms-delay: 0s;
  -webkit-transform: translateX(300px);-moz-transform: translateX(300px);-o-transform: translateX(300px);-ms-transform: translateX(300px);transform: translateX(300px);

}
.ban_more{

  opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
  transition: 1s linear;
  -webkit-transition: 1s linear;
  -ms-transition: 1s linear;
  transition-delay: 0s;
  -webkit-delay: 0s;
  -ms-delay: 0s;
  -webkit-transform: translateY(100px);-moz-transform: translateY(100px);-o-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px);

}

.banner_text_p p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ban_more a{display: block; width: 128px; height: 30px; line-height: 30px; margin-top: 30px; text-align: center; color: #fff; background: #14287d;}
.ban_more a:hover{color: #fff !important;}

.inbanner li.on .banner_title{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.inbanner li.on .banner_text_p{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.inbanner li.on .ban_more{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}


/*banner*/


.index_01{background:#f4f4f4; padding: 65px 0;}
.index_02{ padding: 50px 0; margin-bottom: 30px;}
.index_02 .title h1{margin-bottom: 10px;}
.index_02 .title p{color: #e2e2e2; margin-bottom: 30px; font-family: "Arial";}

.index_02 li{width: 100%; overflow: hidden; position: relative;}
.index_02 li .left a{display: block;}
.index_02 li .left img{width: 100%; height: 100%;}
.index_02 .left{width: 50%; height: 100%; float: left;*margin-left: -1px;overflow: hidden;}
.index_02 .right{width: 50%; float: left; height: 100%; position: relative;z-index: 9;}
.index_02 .trend_box{height: 100%;}
.gb01,.gb02{width: 50%;height: 100%; float: left;*margin-left: -1px;  background: #f5f5f5;}
.gb02{background: #fdfdfd;}
.index_bg{position: absolute; top:0; right: 0; width: 50%; height:100%; background: #fdfdfd;z-index: 8}
.index_more a{display: block; width: 128px; height: 30px; line-height: 30px; text-align: center; background: #aaaaaa; color: #fff;margin-top: 30px;}
.index_more a:hover{color: #fff !important;}
.trend_box h3{margin-bottom: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.trend_box_p{position: relative;}
.trend_box_p p{font-size: 12px; line-height: 2em; height: 4em; overflow: hidden;}
.trend_box_text{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute;left: 38.5%; top:50%; width:280px;}
.trend_k_line{width:120%; height: 1px;background: #14287d; position: absolute; top:10px; left: -128%;}
.index_02 li.cur .left{float: right;}
.index_02 li.cur .right{float: left;}
.index_02 li.cur .index_bg{right: auto;left: 0; background: #f5f9fc;}
.index_02 li.cur .gb01{background:#f5f9fc;}
.index_02 li.cur .gb02{background:#d7e8f1;}
.index_02 li.cur .trend_box_text{left: 25%;}
.index_02 li.cur .trend_k_line{left: auto; right: -117%; top:32px;    width: 116%;}

.index_03{border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; margin-bottom: 64px; overflow: hidden;}
.index_03 ul{overflow: hidden; margin: 0 -20px;}
.index_03 li{width: 12.5%;*margin-left: -1px; float: left;}
.index_03 li a{ padding: 60px 0; margin: 0 17.5px; position: relative;}
.index_03 li a em{position: absolute; top:0; left:50%; width: 0%; height:5px; background: #14287d;}

.footer{background:#404043 url(../images/footer_bg.jpg) no-repeat center center; background-size: cover; color: #b1b1b2; font-size: 12px;}
.footer .wrap{position: relative;}

.footer .left{padding: 55px 0; padding-bottom: 75px; width: 770px; float: left; padding-right: 65px; border-right: 1px solid #656566;}
.footer .left h1{margin-bottom: 45px;}
.footer .left .foot_intr{line-height: 1.7em; margin-bottom: 70px;}
.foot_nav{overflow: hidden;}
.foot_nav ul{overflow: hidden; margin:0 -15px;border-top: 1px solid #656669; display: inline-block; padding-top: 20px;}
.foot_nav li{float: left; margin: 0 15px;}
.foot_nav li a{color: #fff;}
.footer .right{padding: 115px 0 75px 0; width: 385px; float: right;}
.footer .right h3{color: #fff; margin-bottom: 46px;}
.foot_erm{overflow: hidden; margin-bottom: 50px;}
.foot_erm dl{float: left; width: 95px; text-align: center; margin-right: 30px;}
.foot_erm dt img{width: 93px; height: 93px;}
.foot_erm dd{margin-top:10px;}
.foot_text li{line-height:1.7em;}
.foot_text a{color: #b1b1b2;}
.foot_text a.bah{margin-left: 5px;}

.sidebar{position: fixed; bottom: 20%;right: 0;z-index: 99;}
.sidebar li{width: 148px; height: 148px; text-align: center; margin-bottom: 1px; position: relative;}
.sidebar li>a{display: block; color: #fff;background:rgba(170,170,170,0.9); width:100%; height:100%;  position: relative;z-index: 9;}
.sidebar li a:hover{color: #fff !important;}
.sidebar li img{width: 62px; height:62px; margin-top: 30px;}
.sidebar li p{margin-top: 10px;}
.sidebar_p{position: absolute; top:0%; left: 162px;width: 160px; height:148px; line-height:148px;background:rgba(20,40,125,0.9); color: #fff; border-right: 2px solid #0f2994; }
.sidebar_p a{color: #fff; display: block; padding: 0 20px; border-radius: 10px;}
.sidebar .a_news{display: block; float:right;width: 254px;height: 112px;}



@media only screen and (max-width: 1600px){
.banner_text h3{font-size: 64px;}
.banner_text_p{font-size: 40px;}
}
@media only screen and (max-width: 1440px){
.banner_text h3{font-size: 52px;}
.banner_text_p{font-size: 24px;}
}

@media only screen and (max-width: 1360px){
.banner_text h3{font-size: 40px;}
.banner_text_p{font-size: 20px;}
.sidebar li{width: 100px; height: 100px;}
.sidebar li img{width: 40px; height: 40px; margin-top: 16px;}
.sidebar_p{height: 100px;line-height: 100px; }
.footer .left{width: 57%; padding-right: 8%;}
.footer .right{width: 30%;}
}

@media only screen and (max-width: 1280px){
.footer .right{padding: 40px 0; padding-top: 60px;}
.footer .left{padding: 40px 0;padding-right: 8%;}
.footer .right h3,.foot_erm,.footer .left h1{margin-bottom: 30px;}
.footer .left .foot_intr{margin-bottom: 50px;}
}

@media only screen and (max-width: 1024px){
.index_03 ul{margin: 0 -5px;}
.index_03 li a{margin: 0 5px; padding: 30px 0;}

.footer{padding: 30px 0;}
.footer .right,.footer .left{border:none; width: 100%; float: none;padding:0;}
.footer .right h3, .foot_erm, .footer .left h1,.footer .left .foot_intr{margin-bottom: 20px;}
.footer .left{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #656566;}
.foot_erm dl{margin-right: 20px;}
.foot_erm{float: left; width: 230px;}
.foot_text{float: right; width: calc(100% - 250px)}

}

@media only screen and (max-width: 1024px){
.banner_text h3{font-size: 28px;}
.index_02 .title p{margin-bottom: 20px;}
.index_01{padding: 40px 0;}
.index_02{padding: 40px 0; margin-bottom: 20px;}
.index_03{margin-bottom: 30px;}
.trend_box_text{width: 70%;left: 24%;}
.trend_k_line{width: 50%; left: -56%;}
.index_02 li.cur .trend_box_text{left: 10%;}
.index_02 li.cur .trend_k_line{width: 50%; right: -57%;}
.trend_box h3{margin-bottom: 20px;}
.index_more a{margin-top: 20px;}

.banner_text{text-align: center;top:50%;}
.ban_more a{margin: auto;margin-top: 20px;}
.inbanner .swiper-pagination-bullet{width: 10px; height: 10px; border-radius: 50%;margin: 0 5px !important;}
.inbanner .swiper-pagination{bottom: 20px;}
.sidebar{width: 100%; bottom: 0; height: 70px;}
.sidebar ul{overflow: hidden;}
.sidebar li>a{padding: 10px 0;background: rgba(20,40,125,0.9);border-right: 1px solid #cad3f9; border-right: 1px solid #cad3f9;}
.sidebar li:nth-child(2){border: 0;}
.sidebar li{width: 50%; float: left; margin: 0; *margin-left: -1px; height: auto;}
.sidebar li img{width: 24px; height: 24px;margin-top: 0;}
.sidebar li p{margin-top: 5px;}

.sidebar_p{border: none; background: none; width: 100%; height: 100%;line-height:70px;position: absolute; top:0; left: 0; z-index: 99;    text-indent: -9999px;}
.sidebar_p a{padding: 0;}

}

@media only screen and (max-width: 767px){
.trend_k_line{display: none;}
.index_02,.index_01{padding: 20px 0; margin-bottom: 0;}
.index_02 li .wrap{height: auto !important;}
.index_02 .right{width: 100%;}
.index_02 .left{width: 100%;}
.index_bg{display: none;}
.trend_box_text{width: 100%; padding: 20px;box-sizing: border-box; position: static; transform: translate(0,0%); -webkit-transform: translate(0,0%);-moz-transform: translate(0,0%);-ms-transform: translate(0,0%);-o-transform: translate(0,0%);}
.trend_box h3{margin-bottom: 10px;}
.index_more a{ margin: auto; margin-top: 20px;    background: #14287d;}
.index_03 li{width: 33.33%;}
.index_03 li a{padding: 15px 0;}
.foot_erm{float: left; width: 100%;}
.foot_text{float: right; width: 100%}
.foot_nav ul{margin: 0 -8px;display: block;}
.foot_nav li{margin: 0 8px;}
.inbanner .swiper-container-horizontal>.swiper-pagination-bullets, .inbanner .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}
.ban_more a,.index_more a{width: 100px; }
}
@media only screen and (max-width:540px){
  .banner_text h3{font-size: 18px;margin-bottom: 0;}
  .banner_text_p p{font-size: 14px;}
  .ban_more a{margin-top:5px;}
  .inbanner .swiper-container-horizontal>.swiper-pagination-bullets, .inbanner .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 5px;}
}
@media only screen and (max-width:340px){
.foot_nav ul{margin: 0 -5px;}
.foot_nav li{margin: 0 5px;}
}
/*base*/
/*.index_01 .wrap{max-width: 1000px;margin: auto;}*/
.base{padding-bottom: 20px;}
.base .box{position: relative; }
.base .box .swiper-wrapper{height: auto !important;}
.base .box .swiper-slide .hide{width: 100%; height: 100%; background: rgba(53,53,53,0.21); position: absolute; top: 0; left: 0; z-index: 2; display: none ;}
.base .swiper-slide{ max-width:580px !important; margin: 0 auto;}

.base .swiper-pagination{max-width: 1032px; padding: 33px 0 0;text-align: center;margin: auto;width: 100%;position: static;}
.base .swiper-pagination-bullet{width: 37px; height: 37px; line-height: 37px; text-align: center; color: #1976de; font-size: 20px; border-radius: 50%; background: #fff; margin: 0 5px; opacity: 1;}
.base .swiper-pagination-bullet-active{background: #1eb3ea;color: #fff;}

.base .swiper-pagination-switch{width: 42px; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 20px; border-radius: 4px; background: none; margin: 0 5px; opacity: 1; display: inline-block;}
.base .swiper-active-switch{background: #00b0ec;}
.base_box{margin: 0 0px;position: relative;}
.base_box a{display: block;}
.base_box img{width: 100%;opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;}

.base .box{position: relative;z-index: 3; margin: 0 100px;}
.base .box .but{position: absolute;top: 50%;left: 50%;transform: translateX(-50%);width: 90%;max-width: 579px;z-index: 3;}
.base .swiper-button-next, .base .swiper-button-prev{ width:64px; height: 40px; margin-top: -20px; position: absolute; top: 50%; cursor: pointer;opacity: 1!important;}
.base .swiper-button-prev{ background:rgba(0,0,0,0.3) url(../images/index_pre.png) no-repeat center center; left: -63px;}
.base .swiper-button-next{ background:rgba(0,0,0,0.3) url(../images/index_next.png) no-repeat center center; right: -63px;}


.base .swiper-button-prev.swiper-button-disabled{ background:rgba(0,0,0,0.3) url(../images/index_pre.png) no-repeat center center; }
.base .swiper-button-next.swiper-button-disabled{ background:rgba(0,0,0,0.3) url(../images/index_next.png) no-repeat center center; }


.base_box_text{position: absolute; bottom:7.3%; left: 0; width: 100%; color: #fff;z-index: 9; display: none;}
.base_box_in{padding: 0 5.8%;}
.base_box_in h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.base_box_text a{color: #fff;}
.base_box_text a:hover{color: #fff !important;}
.base_box_p{line-height: 2em; max-height: 10em; overflow: hidden;}

.base .swiper-slide.swiper-slide-active .base_box img{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
.base .swiper-slide.swiper-slide-active .hide{display: block;}
.base .swiper-slide.swiper-slide-active .base_box_text{display: block ;}


.base .swiper-slide.swiper-slide-prev img{margin-left: 25%;}
.base .swiper-slide.swiper-slide-next img{margin-left: -25%;}

.base .swiper-container{padding: 30px 0;}
.base .swiper-slide.swiper-slide-active{z-index: 9;-webkit-transform: scale(1.2); -moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.ie9  .base .swiper-slide.swiper-slide-active{z-index: 9;-webkit-transform: scale(1); -moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.base_box_in h3{font-size: 24px;}
@media only screen and (max-width: 1200px) {
	.base .box{margin: 0 60px;}
}
@media only screen and (max-width: 1024px){

.base .swiper-button-prev{ left: 9px;}
.base .swiper-button-next{ right: 9px;}
.base_box_in h3{font-size: 20px;}
.base .swiper-slide{max-width: 500px !important;}
}
@media only screen and (max-width: 1023px) {
	.base .box{margin: 0 ;}
}
@media only screen and (max-width: 767px){
.base_box img{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
.base .box .swiper-slide .hide{display: block;}
.base .swiper-slide,.base .box .but{max-width: 100% !important;width: 100%;}
.base .swiper-button-next, .base .swiper-button-prev{width: 50px; height:40px; margin-top: -20px;}
.base .swiper-button-prev{left: 0;}
.base .swiper-button-next{right: 0;}
.base_box{margin: 0;}
.base_box_text{ bottom: 20px; text-align: center;}
.base .swiper-button-prev{ background:rgba(20,40,125,0.8)  url(../images/index_pre.png) no-repeat center center; }
.base .swiper-button-next{ background:rgba(20,40,125,0.8)  url(../images/index_next.png) no-repeat center center; }
.base_box_in{padding: 0 60px;}
.base .swiper-slide.swiper-slide-prev img{margin-left:0%;}
.base .swiper-slide.swiper-slide-next img{margin-left:0%;}

.base .swiper-slide.swiper-slide-active{z-index: 9;-webkit-transform: scale(1); -moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.sidebar .a_news{margin-top:-48px;}
}

@media only screen and (max-width: 767px){
.base_box_in h3{margin-bottom: 10px;}
.base_box_p{max-height: 6em;}
.base_box_in h3{font-size: 14px;}

}


@media only screen and (min-width: 1023px){
a:hover{color: #14287d !important;}
.d_tran{ransition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.no_tran{ransition: 0s all;-webkit-transition: 0s all;-moz-transition: 0s all;-o-transition: 0s all;-ms-transition: 0s all;}
a{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}

.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);}
.ban_more a:hover{opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}
.foot_text a:hover{color: #fff !important;}
.foot_nav li a:hover{color: #d0d0d0 !important;}
.tel_link{cursor: default;}
.foot_text .tel_link:hover{color: #b1b1b2 !important;}
.index_more a:hover{background: #14287d;}
.index_03 li a:hover em{width: 100%; left: 0;}

.sidebar li:hover>a{background:rgba(20,40,125,0.9);}
.sidebar li:hover .sidebar_p{ left: -162px;}
.base .swiper-button-prev:hover{ background:#14287d url(../images/index_pre.png) no-repeat center center; }
.base .swiper-button-next:hover{ background:#14287d url(../images/index_next.png) no-repeat center center; }
}



/*侧边*/
.sidebar{position: fixed; left: auto;right:0px;top: 50%;margin-top: -150px;z-index:99;transition: all 0.5s;width: 254px; height: 254px;}
.sidebar .sidebar-open{display:block;position: absolute;width: 20px;height: 30px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;left: -20px;top: 25px;background:#14287d url('../images/reform_pre_on.png') no-repeat center center;background-size: 50%;visibility: hidden;opacity: 0;transition: all 0.3s;cursor: pointer;}

.sidebar .sidebar-close{float: right;width: 25px;height: 25px;background: url('../images/sech_close.png') no-repeat center center;text-align: center;color: #fff;margin-right: 10px;cursor: pointer;}
.sidebar.off{right:-254px;}
.sidebar.off .sidebar-open{visibility: visible;opacity: 1;}

@media only screen and (max-width:1024px) {
.sidebar.off{transform: translateX(100%);right: 0px;}
.sidebar.off .sidebar-open{visibility: visible;opacity: 1;}
}
.site_service a{display: block;}
.site_service img{width: 100%;  z-index: 9;}
.site_service p{ width: 225px; float: right;  background: #236cb8;color: #fff;text-align: center;padding: 10px 0; 
-webkit-transform: translateY(-80px); -moz-transform: translateY(-80px);-o-transform: translateY(-80px);-ms-transform: translateY(-80px);transform: translateY(-80px);
opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
}
.site_banner img{width: 100%;}
@media only screen and (min-width:1024px) {
.site_service:hover 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;}
}

/*page*/
.pageout{text-align: center;padding-bottom: 5px;    clear: both;}
.page{display:inline-block;*display:inline;*zoom:1;}
.page {vertical-align:middle;text-align:center;margin: 0 auto;padding-top:40px; color:#2d2d2d; height:34px; line-height:34px; }
.page span{color:#2d2d2d; float: left; }
.page span em{ }
.page i{ float: left; margin: 0 20px;}
.page a{float: left; width:34px; border: 1px solid #e5e2de; color: #666666; font-weight: bold; background: #ffffff; margin-left: -1px; }
.page a.on{background:#213d94;color:#fff;border: 1px solid #213d94; }
.page a.prev {background:url(../images/page_prev_on.png) center center no-repeat; text-indent:-10000px; margin-right: 5px;}
.page a.next {background:url(../images/page_next_on.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 a:first-child + a{}
.page a.next{margin:0 6px;}
.page a.go{margin-left:10px; width: 44px; background: #213d94; color: #fff; border:1px solid #213d94; height: 28px; line-height: 28px;}
.page a.go:hover{color: #fff !important;}
.page a.on:hover{color: #fff !important;}
.page .txtnum{}
.page .txtnum input{color:#b3b3b3; width:30px;height:26px; line-height:26px; padding: 0 5px; text-align:left;background:none;border: 1px solid #dddddd; margin: 0 6px;}


@media only screen and (max-width:990px) {
.page{padding-top: 20px;}
}
@media only screen and (max-width:640px) {
.page a{display:none; font-weight: normal;}
.page a.prev,.page a.next{display:block; display:inline-block;}
.page i{margin:0 4px;}
}

/*page*/

.site{background: #f4f4f4; overflow: hidden; padding: 40px 0 30px 0;}
.site .left{float: left;}
.site .left h1{color: #000;}
.site .left p{color: #d5d5d5;font-family: "Arial";}
.site .right{float: right; overflow: hidden;padding-top: 45px; width: calc(100% - 370px);}
.site_slider li{float: left;width: auto; height:30px;line-height: 30px;}
.site_slider li a{color: #083388;padding: 0 18px;display: block;border-radius: 10px;  border-radius: 15px;position: relative; text-align: center;}
.site_slider li.on a{background: #083388; color: #fff !important;}
.site_slider li a em{position: absolute;bottom:-10px;left: 50%; margin-left: -5px;  width: 0;height: 0;overflow: hidden;border: 5px dashed transparent;border-top: 5px solid #083388;display: none;}
.site_slider li.on a em{display: block;}
.site_slider .swiper-wrapper{padding-bottom: 10px;}

.site_slider{position: relative;}
.swiper_slidercont{padding-right:145px;}
.site_slider .but{position: absolute; right: 45px; width: 55px;top:28px; display:none;}
.site_slider .but>div{width: 25px; height: 25px;position: static;float: left;margin-top: -26px;}
.site_slider .but .swiper-button-prev{background:#083388 url(../images/site_pre.png) no-repeat center center;}
.site_slider .but .swiper-button-next{background:#083388 url(../images/site_next.png) no-repeat center center; float: right; }
.site_slider .but .swiper-button-prev.swiper-button-disabled{background:#b2b2b2 url(../images/site_pre.png) no-repeat center center; }
.site_slider .but .swiper-button-next.swiper-button-disabled{background:#b2b2b2 url(../images/site_next.png) no-repeat center center; }

@media only screen and (max-width:1300px) {
.site_slider{font-size: 16px;}
.site .right{padding-top: 32px;width: calc(100% - 320px)}
.site_slider li a{padding: 0 20px;}
.site_slider .but{right: 0;}
.swiper_slidercont{padding-right: 75px;}
}
@media only screen and (max-width:1024px) {
.site_slider{font-size: 14px;}
.site .right{padding-top:25px;width: calc(100% - 320px)}
}

@media only screen and (max-width:767px) {
.site{padding: 20px 0;}
.site .left{float: none;}
.site .right{float: none;width: 100%;padding-top: 0;display: none;}

}



/*2019-03-06变更*/
.base{padding-bottom: 0;}
.index_01 h1{text-align: center;margin-bottom: 40px;}
.base .swiper-container{padding: 0;}

.base .box{margin:0;}
.base .box .but{display: none;}
.base{max-width: 980px; margin: auto;}
.base .swiper-pagination-bullet{width: 9px; height: 9px;background: #6d6d6d;}
.base .swiper-pagination-bullet-active{background: #14287d;}
.base .box .swiper-slide .hide{display: none;}
.base_box img{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
.base .swiper-slide.swiper-slide-next img{margin-left: 0;}
.base .swiper-slide.swiper-slide-prev img{margin-left: 0;}
.base_box_text{bottom: auto;top:20px;color: #000;text-align: center; display: block;}
.base_box_text h3{ font-size: 20px;}
.base .swiper-slide.swiper-slide-active .base_box_text h3{font-size: 24px;}
.base .swiper-pagination{padding-top: 30px;}
.ie9 .base .swiper-container{padding-bottom:40px;}
.ie9 .base .swiper-pagination{bottom:0px;position: absolute;left: 0;width: 100%;}
@media only screen and (max-width: 1024px){
.base .swiper-slide.swiper-slide-active .base_box_text h3{font-size: 22px;} 
.index_01 h1{margin-bottom: 30px;}
}

@media only screen and (max-width: 767px){
.base{padding-bottom: 0;}
.base .swiper-container{padding: 0;padding-top: 10px;}
.base_box{margin: 0; overflow: hidden;}
.base_box_in{padding: 0 10px;}
.base_box_text h3,.base .swiper-slide.swiper-slide-active .base_box_text h3{font-size: 16px;}
.base_box_text{top:10px;}
.base .swiper-pagination{padding-top:10px;}
.index_01 h1{margin-bottom: 20px;}
}