/* reset */
html { height: 100%; overflow-x:hidden;}
body { min-height: 100%; overflow-x:hidden;}
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% }
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; top:0!important; }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei",arial,"\5b8b\4f53";  }
body { line-height: 1.5 }
a { text-decoration: none!important; transition:0.2s all; -webkit-transition:0.1s all;  }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }
 
.edit_con_original{ line-height:2em; 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;}

.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;}
/*.main{ transition: 0.5s all linear !important;}*/

/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}

/*行高*/
.tLineHeight{ line-height: 1.2em;}
.aLineHeight{ line-height: 1.7em;}


/*所有后台编辑器区域都要引用 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 }

/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:0.5s all; -webkit-transition:0.5s  all;}

.ratio-img{ width:100%; height:auto; /*background:url(../images/error.png) center no-repeat;*/}
.ratio-img img{width:100%;}

/*截字*/
.ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:99%;}
.clamp{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;overflow: hidden;}

/*上下居中*/
.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%;}




    /*手机导航按钮开始*/
.nav_phone_btn{display: block;position: relative;cursor: pointer;margin-top:0px; height: 21px;}
.nav_phone_btn span {
    position: absolute;font-size: 0;width: 38px;height: 1px;
    background-color: #000;display: inline-block;
    transition:all 250ms ease-out;
    -webkit-transition:all 250ms ease-out;
    top:11px;
}
.nav_phone_btn span:before,.nav_phone_btn span:after {
    content: "";position: absolute;width: 100%;height: 1px;
    background-color: #000;
    left:0px;
    transition:all 250ms ease-out;
    -webkit-transition:all 250ms ease-out;
}
.nav_phone_btn span:before{top:-10px;}
.nav_phone_btn span:after{top:10px;}
.visible_nav.nav_phone_btn span{background-color: transparent;}
.visible_nav.nav_phone_btn span:before{left:0px;top:0px;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
}
.visible_nav.nav_phone_btn span:after{top:0px;left: 0px;
    transform: rotateZ(-45deg);
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
}
/*手机按钮结束*/







/*hover*/
@media only screen and (min-width: 1025px) {
    a:hover{ text-decoration: none;color:#0150b3 !important;}
    .tran_scale:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }



}





/*font-size*/
.fnt_14 { font-size: 14px;}
.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_30 { font-size:30px;}
.fnt_32 { font-size:32px;}
.fnt_36 { font-size:36px;}
.fnt_40 { font-size:40px;}
.fnt_48 { font-size:48px;}
.fnt_60 { font-size:60px;}
.fnt_72 { font-size:72px;}
.fnt_80 { font-size:80px;}
.fnt_100 { font-size:100px;}
.fnt_130 { font-size:80px;}


/*site*/
/*.site .container{position: relative;}
.site h1{padding: 1.89% 0 1.89% 0;line-height: 1.1em;border-bottom: 3px solid #a48d5b;margin-bottom: 1px;color: #000;text-align: left;display: inline-block; margin-left: 0px;}
.linkbox{position: absolute;right: 0px;top: 50%;transform: translateY(-50%);}
.site a{color: #0f0f0f; margin:0 5px;}
.site span{color: #b5b5b5; margin-left: 5px;}*/


/*share*/
.shares{color:#303030;}
.shares em{display: inline-block; margin-bottom: 15px;margin-right: 10px;}
.share_b{display: inline-block;}
.share_b a{margin-right: 10px;position: relative;display: inline-block;width: 26px;height: 26px;}
.shares .img02{display: none;}
.shares a:hover img{display: none;}
.shares a:hover img.img02{display: inline-block;}
.close{color: #9e8347;padding: 0 20px;height: 30px;line-height: 30px;background: #dedede;font-size: 14px;font-weight: normal;opacity: 1;margin-bottom: 10px;}

.header{ position:relative; z-index: 2000;}
.header-top-right-search input,.header-top-right-search button{ opacity:0; visibility: hidden;}
.header-top .container{padding-right: 15px; padding-left: 15px;}

.header-top{ background: #dcdddd; text-align: right; font-size: 20px;}
.header-top li{ display: inline-block; margin-left: 36px; line-height: 36px;}
.header-top li em{ color:#c70041;}
.header-top li a,.header-top li i,.header-top li span{color: #333;font-size: 14px;}
.header-top li a.header-top-pic1{ background: url(../images/ind_pic1.svg) no-repeat left center; color: #333; padding-left:70px; background-size:48%;}
.header-top li a.header-top-pic2{ background: url(../images/ind_pic2.svg) no-repeat left center; color: #333;padding-left:20px; background-size:19%;}
.header-top li span{ font-size:12px; transform: scale(0.2); -webkit-transform: scale(0.2); margin-right: 30px;}
.header-top li:last-child{ margin-left: 30px;}

.header-bottom{ margin-top:24px; margin-bottom:24px; position:relative;}
.header-bottom > a{ float:left; width: 184px; height: 61px;}
.header-bottom ul{ /*width:780px;*/ float:right; right:68px; left:auto;}
.header-bottom ul li{ float:left; padding:0 50px; height: 50px; line-height: 50px;  position: relative; text-align: center;}
.header-bottom ul li.on{background:rgba(1,103,203,0.9);}
.header-bottom ul li.on a{color:#fff;}
.header-bottom ul li > a{color:#000000;}
.header-bottom ul li .sub{ position: absolute; z-index: 10; left:0; top:100%; width:100%;transform: translateY(-20px);transition:all 250ms ease-out;
    -webkit-transition:all 250ms ease-out; opacity: 0; visibility: hidden;}
.header-bottom ul li .sub dd{padding:0 50px; height: 50px; line-height: 50px; margin-top: 1px; background: rgba(1,103,203,0.9);}
.header-bottom ul li .sub dd a{display: block;}






.header-top-right-search{ width:48px; height:32px; background: #0150b3; border-radius: 16px; right:0; left:auto;}
.header-top-right-search button{}
.phone_search_menu{ width:16px; height:32px; display: block; position: absolute; display: block; right:8px; left:auto; color:#fff; text-align: center; line-height: 32px; font-weight: normal; color:#fff;}
.glyphicon-search:before{ color:#fff; transition: 0.5s all linear;}

.header-top-right-search.on{ width:240px;}
.header-top-right-search.on input,.header-top-right-search.on #btnSearch{ opacity:1; visibility: visible;}
.header-top-right-search.on a{ opacity:0; visibility: hidden;}
.header-top-right-search input{ width:100%; height:32px; line-height: 32px; float:left; border:0; background: none; padding-left:10px; color:#fff; padding-right:40px; box-sizing: border-box;}
.header-top-right-search #btnSearch{ width:16px; height:32px; border:0; right:16px; left:auto; background: none; color:#fff; background: url(../images/svg2.svg) no-repeat right center; background-size:14px 14px;}

.index-banner-device{ position:relative;}
.index-banner-device img{ width:100%; height:auto;}
.index-banner-device .pagination{ position:absolute; bottom:70px; text-align: center; width:100%; z-index: 200; text-align: center; padding-right: 0;}
.index-banner-device .pagination span{ width:10px; height:10px; border-radius: 100%; background: #fff; display: inline-block; margin-right: 8px; cursor: pointer;}
.index-banner-device .pagination span.swiper-active-switch{ background:#009740;}
.index-banner-device .pagination span:last-child{ margin-right: 0;}
.index-banner-device .swiper-slide{ position: relative!important; color:#fff;}
.index-banner-device .swiper-slide h4{ margin-bottom: 0.3em;}
.index-banner-txt{ left:50%;}

.ind-news-top{ background: rgba(1,108,204,0.6); height:50px; line-height: 50px; margin-top: -50px; position:relative; z-index: 400;}
.ind-news-top .container { position:relative; overflow: hidden; padding:0; padding-left:40px; }
.ind-news-inner{ overflow: hidden;}
.ind-news-top .container,.ind-news-inner,.ind-news-inner ul,.ind-news-inner ul li{ height:50px!important;}
.ind-news-top em{}
.ind-news-top img{ display: block;}
.ind-news-top a{ color:#fff;}

.lt10 .ind-news-top{margin-top: -54px;}

.ind-part1-top{ position:relative;}
.ind-part1-top > img{ width:100%; height:auto;}
.ind-part1-top-inner p{ line-height: 1.7em; text-align: center; padding-top: 1em;}
.ind-part1-bottom .swiper-slide{ padding:0 1px; box-sizing: border-box;}
.ind-part1-bottom .swiper-slide a{ background: #f1f1f1; display: block; position: relative;}
.ind-part1-bottom .swiper-slide img{ width:100%; height:auto;}
.ind-part1-bottom .swiper-slide p{ text-align: center; color:#000000; width:100%; padding-bottom: 5px;}

.ind-part1-bottom li{border-bottom: 4px solid #fff;}
.ind-part1-bottom li.hover{border-bottom: 4px solid #0167CA;}


.ind-part1,.ind-part2,.ind-part3,.ind-part4{ margin-bottom: 40px;}

.ind-part1 .container,.ind-part3 .container{ padding:0;}
.ind-part3-bottom .container{}

.ind-part2 .container{ overflow:hidden;}
.ind-part2 .col-md-8,.ind-part2 .col-md-4{ padding:0;}
.ind-part2 .col-md-8 img{ width:100%; height:auto;}
.ind-part2 .col-md-4 > img{ width:100%; height:auto;}

.ind-part2-txt p{ color:#fff; text-align: center; margin-bottom: 14px; margin-top: 5px;}
.ind-part2-txt em{ display: block; width:166px; height:38px; font-size:14px; text-align: center; line-height: 38px;color:#fff; margin:0 auto;}
.ind-part2-txt1 em{ background: #0086ee;  }
.ind-part2-txt2 em{ background: #02d279; }
.ind-part2-txt2 img{ margin-bottom: 40px;}

.ind-part3-top{ position:relative;}
.ind-part3-top h4{ margin-bottom: 50px;}
.ind-part3-top h4 a{ color:#000;}
.ind-part3-top-right{ position: absolute; right:0; top:14px;}

.ind-part3-top-right dl,.ind-part3-top-right > a{ float:right;}
.ind-part3-top-right > a{ color:#0150b3; padding-left:24px; background: url(../images/rush.svg) no-repeat left center; background-size:15px 15px;}
.ind-part3-top-right dl dd{ display: inline-block; margin-right: 2em; background: none; line-height: 24px; padding:0 14px; }
.ind-part3-top-right dl dd.on{ background: #0167ca;}
.ind-part3-top-right dl dd a{ color:#000;}
.ind-part3-top-right dl dd.on a{color:#fff;}

.ind-part3-bottom{ overflow: hidden;}
.ind-part3-bottom .col-md-5,.ind-part3-bottom .col-md-7,.ind-part3-bottom .col-md-4,.ind-part3-bottom .col-md-8{ padding:0;}
.ind-part3-bottom .col-md-7{ padding-left:70px;}
.ind-part3-bottom img{ width:100%; height:auto;}
.ind-part3-bottom dt{ margin-top: 0.5em;}
.ind-part3-bottom dd{ line-height: 2em; color:#777777;}
.ind-part3-bottom a{ font-weight: normal;}
.ind-part3-bottom h4{ margin-bottom: 10px;}
.ind-part3-bottom h4 a{ color:#000;}
.ind-part3-bottom li{ margin-bottom: 40px;}
.ind-part3-bottom dd.col-md-8{ padding-left:20px!important;}
.ind-part3-more{ padding-top:20px;}
.ind-part3-more a{ display: none; width:186px; height:40px; background: #fff; color:#0150b3; border:1px solid #0150b3; text-align: center; line-height: 40px; margin:0 auto;}
.ind-part3-more a.on{ display: block;}

.ind-part4{}
.ind-part4 .col-md-6{ padding:0;}
.ind-part4 .col-md-6 a{ color:#000;}
.ind-part4 .col-md-6 h4{ margin-bottom: 0.8em;}
.ind-part4 .col-md-6 ul{ margin:0 -3px; overflow: hidden;}
.ind-part4 .col-md-6 li{ width:50%; float:left; margin-bottom: 6px;}
.ind-part4 .col-md-6 li img{ width:100%; height:auto;}
.ind-part4 .col-md-6 li a{ display: block; margin:0 3px; position:relative;}
.ind-part4 .col-md-6 li a p{ height:36px; line-height: 36px; width:100%; position: absolute; left:0; bottom:0; background: rgba(1,103,202,0.8); text-align: center;  color:#fff;}
.ind-part4-l,.ind-part4-r{ background: #f7f7f7; padding:40px 20px;}
.ind-part4-l{ margin-right: 20px;}
.ind-part4-r{ margin-left: 20px;}

.ind-part4 .col-md-6 .ind-part4-l > a,.ind-part4 .col-md-6 .ind-part4-r > a{ display: block; margin:0 auto; width:186px; height:40px; border:1px solid #0150b3; color:#0150b3; text-align: center; line-height: 40px; margin-top: 35px;}

.ind-part4 .col-md-6 .ind-part4-r li a p{ background: rgba(1,171,99,0.8);}

.ind-part5{ background: #0167ca; position:relative;}
.ind-part5 .container{ position: relative;}
.ind-part5 img{ width:100%; height:auto;}
.ind-part5 .container p{ color:#fff;}
.ind-part5 .container p a{color:#fff;}

.footer{ background: #202126; padding:50px 0;}
.footer .footer-l-top{ margin-bottom: 40px;}
.footer .footer-l-top dl{ width:25%; float:left;}
.footer .footer-l-top dt{ margin-bottom: 30px;}
.footer .footer-l-top dt a{ color:#fff; font-weight: normal;}
.footer .footer-l-top dd{ margin-bottom: 8px;}
.footer .footer-l-top dd a{ color:#7c7c84; border-bottom:1px solid #2f3039; display: block; margin-right: 40px; padding-bottom:8px;}
.footer .footer-l-top dl:last-child dd a{ margin-right: 20px;}

.footer-r{ color:#fff; padding-left:50px;}
.footer-r p{ line-height: 1.7em; margin-bottom: 6px;}
.footer-r p a{ color:#fff;}
.footer-r-top{ margin-bottom: 20px;}

.footer-l-bottom{ color:#fff;}
.footer-r-bottom img{ float:left;}
.footer-r-bottom dl{ float:left; margin-left: 10px; padding-top:20px; }
.footer-r-bottom dl dt,.footer-r-bottom dl dd{ clear: both;}
.footer-r-bottom dl dt{ margin-bottom: 10px; overflow: hidden;}
.footer-r-bottom dl dd{ font-size:12px; color:#868686;}
.footer-l-bottom em,.footer-l-bottom a{ margin-right:14px; display: inline-block; color:#fff;}
.footer-l-bottom a.powerby{ margin-right: 0; }

.ind-part1-l,.ind-part1-r{ display: block; width:27px; height:34px; position: absolute; top:50%; margin-top: -17px;}
.ind-part1-l{ background: url(../images/ind_p1_l.jpg) no-repeat; left:0;}
.ind-part1-r{ background: url(../images/ind_p1_r.jpg) no-repeat; right:0;}
.ind-part1-l.on{ background: url(../images/ind_p1_l_act.jpg) no-repeat;}
.ind-part1-r.on{ background: url(../images/ind_p1_r_act.jpg) no-repeat;}

.swiper-container,.swiper-wrapper,.swiper-slide{ height:auto!important;}

.in_menu{ position:absolute; width: 40px; top:50%; right:60px; transform:translateY(-50%); -webkit-transform:translateY(-50%); display: none;}






.ban_video video{width:100%; height: 100%;position: relative;left:0px;right:0;top:0; bottom: 0;}
.lt10 .ban_video video{}
.inbanner .swiper-pagination{bottom:70px;}
.inbanner .swiper-pagination-bullet{width:10px; height: 10px; background: #fff; opacity: 1;}
.inbanner .swiper-pagination-bullet-active{ background: #009740;}
.ban_video .ph_img{display: none;}
.ind-part1-bottom .swiper-button-next1,.ind-part1-bottom .swiper-button-prev1{ cursor: pointer; width:42px; height: 44px;position: absolute;left:0;top:50%; margin-top:-22px; z-index: 999;}
.ind-part1-bottom .swiper-button-prev1{left:4px; background: url(../images/ind_p1_l.png) no-repeat;}
.ind-part1-bottom .swiper-button-next1{right:4px; left: auto; background: url(../images/ind_p1_r.png) no-repeat;}
/*.ind-part1-bottom .swiper-button-prev1.swiper-button-disabled{background: url(../images/ind_p1_l_act.jpg) no-repeat; cursor: default;}
.ind-part1-bottom .swiper-button-next1.swiper-button-disabled{background: url(../images/ind_p1_r_act.jpg) no-repeat;cursor: default;}*/

.ind-part4-l .swiper-button-next2,.ind-part4-l .swiper-button-prev2{ cursor: pointer; width:27px; height: 34px;position: absolute;left:0;top:50%; margin-top:-17px; z-index: 999;}
.ind-part4-l .swiper-button-prev2{left:0; background: url(../images/ind_p1_l.jpg) no-repeat;}
.ind-part4-l .swiper-button-next2{right:0; left: auto; background: url(../images/ind_p1_r.jpg) no-repeat;}
.ind-part4-l .swiper-button-prev2.swiper-button-disabled{background: url(../images/ind_p1_l_act.jpg) no-repeat; cursor: default;}
.ind-part4-l .swiper-button-next2.swiper-button-disabled{background: url(../images/ind_p1_r_act.jpg) no-repeat;cursor: default;}

.ind-part4-r .swiper-button-next2,.ind-part4-r .swiper-button-prev2{ cursor: pointer; width:27px; height: 34px;position: absolute;left:0;top:50%; margin-top:-17px; z-index: 999;}
.ind-part4-r .swiper-button-prev2{left:0; background: url(../images/ind_p1_l.jpg) no-repeat;}
.ind-part4-r .swiper-button-next2{right:0; left: auto; background: url(../images/ind_p1_r.jpg) no-repeat;}
.ind-part4-r .swiper-button-prev2.swiper-button-disabled{background: url(../images/ind_p1_l_act.jpg) no-repeat; cursor: default;}
.ind-part4-r .swiper-button-next2.swiper-button-disabled{background: url(../images/ind_p1_r_act.jpg) no-repeat;cursor: default;}

.header-bottom ul li .sub-box{ width:740px;background: rgba(1,103,203,0.9); overflow: hidden; padding-bottom: 26px; margin-top: 1px;}
.header-bottom ul li .sub-box dd{ float:left; width:154px; box-sizing: border-box; background: none; height:auto; padding:0; padding-left: 40px; text-align: left;}
.header-bottom ul li .sub-box dd > a{ background: url(../images/ind_arr_r.png) no-repeat 80% center;}
.header-bottom ul li ol li{ padding:0; text-align: left; line-height: 28px; height:28px; width: 100%;}
.header-bottom ul li ol li a{ font-size:14px;}

.footer-nav{ visibility: hidden; opacity: 0; transition: 0.4s linear; -webkit-transition: 0.4s linear;}
.page_arr_up{ position: fixed; width:50px; height:50px; background: url(../images/page_arr_up.png) no-repeat; background-size:50px 50px; right:15px; bottom:100px;  z-index: 1000; transition: 0.4s linear; -webkit-transition: 0.4s linear; visibility: hidden; opacity: 0;}
.page_arr_up.on{ opacity:1; visibility: visible;}

@media only screen and (max-width: 767px) {
.ban_video video{ display: none; }
.ban_video .ph_img{display: block;}
}


/*hover*/
@media only screen and (min-width: 1025px) {
    .ind-news-top a:hover{ opacity:0.7!important; color:#fff!important;}
    .ind-part3-top-right dl dd:hover{ background: #0167ca !important;}
    .ind-part3-top-right dl dd:hover a{color:#fff!important;}
    .ind-part4-l > a:hover,.ind-part4-r > a:hover,.ind-part3-more a:hover{ background: #0150b3; color:#fff!important; box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
    .index-part2-img li:hover dl{ opacity:1; transform:translateY(0%); -webkit-transform:translateY(0%);}
    .ind-part2-txt:hover em{ box-shadow: 2px 2px 5px rgba(0,0,0,0.5); transition:0.1s linear; -webkit-transition:0.1s linear;}
    .phone_search_menu:hover{ color:#fff!important;}
    .ind-part1-bottom li:hover{border-bottom: 4px solid #0167CA;}
    .header-bottom ul li:hover .sub{transform: translateY(0); opacity: 1; visibility: visible;}
    .header-bottom ul li:hover{background:rgba(1,103,203,0.9);}
    .header-bottom ul li:hover ol li{ background: none;}
    .header-bottom ul li:hover a,.header-bottom ul li:hover a:hover{color:#fff!important;}
}

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

}

@media only screen and (max-width: 1520px) {
	    .fnt_14 { font-size: 12px;}
        .fnt_16 { font-size: 14px;}
        .fnt_18 {  font-size:15px;}
        .fnt_20 { font-size: 16px;}
        .fnt_22 {  font-size:18px}
        .fnt_24 { font-size:21px;}
        .fnt_28 {  font-size:24px;}
	    .fnt_30 { font-size:30px;}
        .fnt_32 {  font-size:25px;}
        .fnt_36 { font-size:28px;}
        .fnt_40 { font-size: 32px;}
        .fnt_48 {  font-size:38px;}
        .fnt_60 {font-size: 52px;}
        .fnt_72 { font-size:56px;}
	    .fnt_80 {font-size: 64px;}
        .fnt_100 { font-size: 80px;}
        .fnt_130 { font-size:70px;}


}


@media only screen and (max-width: 1679px) {
        .fnt_16 { font-size: 13px;}
        .fnt_18 {  font-size:14px;}
        .fnt_20 { font-size: 15px;}
        .fnt_22 { font-size:16px;}
        .fnt_24 { font-size:17px;}
        .fnt_28 { font-size:18px;}
    	.fnt_30 { font-size:20px;}
        .fnt_32 { font-size:21px; }
        .fnt_36 { font-size:24px;}
        .fnt_40 { font-size: 27px;}
        .fnt_48 { font-size:32px;}
        .fnt_60 {font-size: 45px;}
        .fnt_72 { font-size:49px;}
    	.fnt_80 {font-size: 53px;}
        .fnt_100 { font-size: 68px;}
        .fnt_130 { font-size:60px;}
        .page{ margin:40px 0;}

    .header-bottom ul li .sub-box{ width:690px;}
}

@media only screen and (max-width: 1279px) {
        .fnt_24 { font-size:15px;}
        .fnt_28 { font-size:16px;}
    	.fnt_30 { font-size:18px;}
        .fnt_32 { font-size:19px; }
        .fnt_36 { font-size:21px;}
        .fnt_40 { font-size: 23px;}
        .fnt_48 { font-size:28px;}
        .fnt_60 {font-size: 40px;}
        .fnt_72 { font-size:44px;}
	    .fnt_80 {font-size: 47px;}
        .fnt_100 { font-size: 60px;}
        .fnt_130 { font-size:50px;}
        .page{ margin:30px 0;}

    .header-bottom ul li .sub-box{ width:610px;}
    .header-bottom ul li .sub-box dd{ width:138px;}
    .header-bottom ul li .sub dd{ padding:0 20px;}
}


@media only screen and (max-width: 1023px) {
        .fnt_24 { font-size:14px;}
    	.fnt_30 { font-size:16px;}
    	.fnt_48 { font-size:26px;}
        .fnt_36 { font-size:19px;}
        .fnt_40 { font-size: 21px;}
        .fnt_60 {font-size: 36px;}
        .fnt_72 { font-size:39px;}
	    .fnt_80 {font-size: 42px;}
        .fnt_100 { font-size: 53px;}
        .fnt_130 { font-size:40px;}
}

@media only screen and (max-width: 1279px) {
.header-bottom ul li{padding: 0 40px;}
.ind-part1-bottom .swiper-slide p{bottom:10px;}
.header-top{font-size: 16px;}
}

.menu li span{display: none;}
@media only screen and (max-width: 992px) {
    .header-top{ padding:4px 0;}
    .header-top li{ margin-left: 3px; font-size:12px; line-height: 22px;}
    .header-top li:last-child{ margin-left: 0px; width:100%;}
    .header-top li span{ margin-right: 10px;}
    .header-top li:nth-child(1){ width:100%;}
    .header-bottom{ margin-top: 10px; margin-bottom: 10px; padding:0 10px;}
    .header-bottom > a{ display: block; width:30%;}
    .header-bottom > a img{ width:100%; height:auto;}
    .ind-news-top .container, .ind-news-inner, .ind-news-inner ul, .ind-news-inner ul li,.ind-news-top{ height:32px!important; line-height: 32px;}
    .header-bottom{ height:30px; margin-top: 10px; margin-bottom: 10px;}
    .header-bottom > a{ height:30px; width:auto; display: block;}
    .header-bottom > a img{ height:100%; width:auto;}
    
    .header.on{position: fixed; left:0;top:0; width: 100%; background: #fff;}
    .header-bottom ul{ display:block;box-sizing:border-box; position: fixed; width:100%;height:8000px; background: #fff; 
    float: none;  top:125px; right: 0;z-index: 600; transform:translateX(100%); transition:all 250ms ease-out;
    -webkit-transition:all 250ms ease-out;}
    .header-bottom ul.on{transform:translateX(0); position: fixed; transform:translateX(0%); width:70%;height:calc(100% - 124px);border-left:4px solid #0167CB; border-top:4px solid #0167CB;}
    .header-bottom ul li{width:100%; border-bottom: 1px solid #efefef; }
    .header-bottom ul li .sub-box dd > a{color: #333;}

    .menu li span{float: right;display: block;
    width: 15px;height: 15px;text-indent: -9999px;cursor: pointer;
    position: relative;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);
    }
    .menu li span:after{
    content: "";
    position: absolute;
    top:3px;right:3px;
    border-right:1px solid #333;border-bottom: 1px solid #333;
    width:8px;height: 8px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    }
    .header-bottom ul li .sub{transform:translateY(0);transform:translateX(100%); position: fixed;top:0; background: #fff; height: 100%; opacity: 1; visibility: visible;}
    .header-bottom ul li .sub.on{transform:translateX(0); z-index: 10000; overflow-y: auto; height: calc(100% - 124px);}

    .ind-part3-main .col-md-7 ul li:last-child{ display: none;}

/*二级导航关闭按钮开始*/
.hide-sub {position: absolute;top: 0;left: 0;width: 60px;height: 100%;color:#000;cursor: pointer;background-color: #fff;}
.hide-sub:before {opacity: 0;content: "";
position: absolute;top: 0;right: 12px;bottom: 0;margin: auto;padding: 4px;width: 6px;height: 6px;cursor: pointer;font-size: 0;border-bottom: 2px solid #0150B3;
border-right: 2px solid #0150B3;-webkit-transform: rotate(135deg);transform: rotate(135deg);-ms-transform: rotate(135deg);left: 0;right: -6px;-webkit-transition: opacity 0.1s ease-out;transition: opacity 0.1s ease-out;-ms-transition: opacity 0.1s ease-out;}
.sub.on .hide-sub{background-color: #fff;}
.sub.on .hide-sub:before {opacity: 1;}
.header-bottom ul li .sub{display: block;}
.header-bottom ul li .sub dd{background: #fff; border-bottom: 1px solid #efefef;}
    .header-bottom ul li .sub-box{ width:100%;}
    .header-bottom ul li .sub-box dd{ width:100%; box-sizing: border-box; text-align: center;}
    .header-bottom ul li .sub-box ol{ padding-left: 50%; padding-bottom: 10px; overflow: hidden;}
    .header-bottom ul li .sub-box ol li:last-child{ border-bottom: none; }
    .header-bottom ul li .sub-box ol li a{color: #337ab7; font-size: 12px;}
    .header-top-right-search{ right:10px;}
    .ind-news-top{ padding:0 10px;}
    .ind-part3-top-right{ top:0;}
    .ind-news-top{ margin-top: 0px;}
    .ind-news-top a{ font-size:12px;}
    .ind-news-top em{ left:4px;}
    .index-banner-device .pagination{ margin:0; bottom:5px;}
    .index-banner-device .pagination span{ width:5px; height:5px;}

    .ind-part1-top > img{ display: none;}

    .a-m-c.clearPosition{ position:relative; left:0; top:0; transform: translate(0%,0%);
        -webkit-transform: translate(0%,0%);}
    .ind-part1-top-inner{ padding-top:10px; padding-bottom:10px;}
    .ind-part1-top-inner p{ padding-top:5px;}
    .ind-part1-top-inner h4 img{ width:80%; margin:0 auto; display: block;}
    .ind-part3-top h4{ margin-bottom: 20px;}
    .ind-part3-top-right dl dd{ margin-right: 10px; padding:0 10px;}
    .ind-part3-top-right{ position: relative; top:0; left:0; right:auto; overflow: hidden; margin-bottom: 20px;}
    .ind-part3-bottom a{ width:100%; height:auto;}
    .ind-part1 .container, .ind-part3 .container{ margin:0 10px;}
    .ind-part3-top-right > a{ display: none;}
    .ind-part3-top-right dl{ float:none; width:100%; text-align: center;}

    .ind-part4 .col-md-6 .ind-part4-l > a, .ind-part4 .col-md-6 .ind-part4-r > a{ margin-top: 10px;}

    .ind-part4-l{ margin-right: 0;}
    .ind-part4-l, .ind-part4-r{ margin-left: 0;}

    .ind-part4-l, .ind-part4-r{ padding:20px 10px;}

    .ind-part3-bottom .col-md-7,.ind-part3-bottom .col-md-7, .ind-part3-bottom dd.col-md-8{ padding-left:0!important;}

    .ind-part1, .ind-part2, .ind-part3, .ind-part4,.ind-part3-bottom .col-md-5,.ind-part3-bottom li,.ind-part4 .col-md-6,.footer .footer-l-top{ margin-bottom: 20px;}
    .ind-part4{ margin-bottom: 0;}

    .footer{ padding:20px 0;}

    .footer .footer-l-top dl{ width:100%;}

    .footer .footer-l-top dt{ margin-bottom: 10px;}
    .footer .footer-l-top dd{ float:left; margin-right: 10px;}
    .footer .footer-l-top dd a,.footer .footer-l-top dl:last-child dd a{ margin-right: 0;}

    .footer-l-bottom em, .footer-l-bottom a,.footer-r p,.footer .footer-l-top dd a{ font-size:12px;}
    .footer .footer-l-top dd a{ padding-bottom: 4px;}
    .footer-r{ padding-left:0; padding-top: 20px;}
    .footer-r-bottom .col-md-6{ overflow: hidden; margin-bottom: 20px;}

    .in_menu{ display: block;}
    .header-top-right-search{ right:10px; width:34px;}
    .phone_search_menu{ width:34px; height:34px; background-color: #0150b3; background-size:16px 16px; background-position: center; right:0; border-radius: 100%; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%);}
    .header-top-right-search.on{ width:100%; top:56px; right:calc(0%);}
    .header-top-right-search.on .phone_search_menu{ margin-top: -41px; right:10px;}
    .header-top-right-search.on a{ opacity:1; visibility: visible; color:#fff;}
    

    .inbanner .swiper-pagination,.ind-part1-bottom .swiper-slide p{bottom:5px;}
    .ind-part2 .col-md-8{ float: left; width:66.6666%;}
    .ind-part2 .col-md-4{float: left;width:33.3333%; text-align: center;}
    .ind-part2-txt1 img{max-width: 100px;}
    .ind-part2-txt2 img{max-width: 150px;}
    .ind-part3-main .col-md-7 ul li{float: left;width:49%; margin:0 0.5%;}
    .ind-part4 .col-md-6{float: left;width:100%;}
    .ind-part4 .col-md-6 li{width:50%;}

    .header-bottom ul li.on dd a{color: #333;}

    


}

@media only screen and (max-width: 767px) {
	    .fnt_22{ font-size:14px;}
        .fnt_32 { font-size:18px;}
        .fnt_36 { font-size:17px;}
        .fnt_40 { font-size: 18px;}
        .fnt_48 { font-size:16px;}
        .fnt_60 {font-size: 18px;}
        .fnt_72 { font-size:24px;}
	    .fnt_80 {font-size: 31px;}
        .fnt_100 { font-size: 40px;}
        .fnt_130 { font-size:30px;}
    .index-banner-txt{ left:20%;}
    .index-banner-device .swiper-slide h4{ font-size:20px;}
    .index-banner-device .swiper-slide p{ font-size:14px;}

    .ind-part2 .col-md-8{ float: none; width:100%;}
    .ind-part2 .col-md-4{float: none;width:100%;}
    .ind-part2-txt1 img{max-width: 100%;}
    .ind-part2-txt2 img{max-width: 100%;}
    .ind-part3-main .col-md-7 ul li{float: none;width:100%; margin:0 0 20px;}
    .ind-part4 .col-md-6 li{width:100%;}

    .footer-nav{ display: block; width:100%; line-height: 70px; background: #202126; text-align: center; position: fixed; bottom:0; left:0; z-index: 500; font-size:12px;}
    .footer-nav a,.footer-nav span{ color:#ffffff; font-size:12px;}
    .footer-nav span{ margin:0 2px;}

    .footer-nav.on{ visibility: visible; opacity: 1;}
    .page_arr_up{ width:30px; height:30px; background-size:100% 100%;}


    .ind-part2 .col-md-4 > img{ display: none;}
    .ind-part2-txt{ position: relative; transform: none; -webkit-transform: none; left:0; top:0;}
    .ind-part2-txt p,.ind-part2-txt em{ display: none;}

    .ind-part3-bottom dd.col-md-8{padding-top: 10px;}
    .ind-part3-more{padding-top: 0;}
}


/*ie11单独设置样式*/
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
}


.ph_indlist{ display: none; }
@media only screen and (max-width: 767px) {
.pc_indlist{display: none;}
.ph_indlist{ display: block; }
.ph_indlist .swiper-slide{width:100%;}
.ph_indlist .swiper-slide a{position: relative;}
.ph_indlist .swiper-slide img{width: 100%;}
.ph_indlist .swiper-slide p{position: absolute;left:0;bottom:0; width: 100%; height: 36px; line-height: 36px; text-align: center;color:#fff; background: rgba(1,103,202,0.8)}
.ind-part4-r .ph_indlist .swiper-slide p{background: rgba(1,171,99,0.8)}
}


.index-banner-txt .fnt_30{ font-size: 24px; }