@charset "utf-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tfoot,thead,time,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;font-family:Microsoft YaHei!important;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}
html{font-size:62.5%;font-family:"Microsoft YaHei"}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;font-size:12px;font-family:Microsoft YaHei!important;background-color:#fff}
li,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
.cb{clear:both}
.fl{float:left}
.fr{float:right}
input, a, select, textarea{ border:none; outline:none; list-style:none; padding:0; margin:0;resize: none}
button, input[type="button"], input[type="submit"] {cursor: pointer;resize: none;outline: 0;}
.clearfix:after { content:" "; display:block; height:0; visibility:hidden; clear:both}
#wrapper{ width:100%; position:relative; margin:0 auto; overflow:hidden;}
.rel{ width:100%; height:100%; position:relative;}
.pic{ width:100%;}
.pic img{ width:100%;}
.wrap{ width:96%; max-width:1200px; position:relative; margin:0 auto; height:100%;}
.flex {position: relative;display: -webkit-box;display: -webkit-flex;display: flex;}
.flex_center {position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
  /******* 状态 ******/
.fl{ float: left;}
.fr{ float: right;}
.pr{ position: relative;}
.pa{ position: absolute;}
.none { display:none; }
.hidden{ overflow:hidden }
.vertical_middle{ display:inline-block; *zoom:1; *display:inline;vertical-align:middle;}
.vertical_top { display:inline-block; *display:inline; zoom:1; vertical-align: top; }
.text_left { text-align:left; }
.text_center { text-align: center;}
.text_right{ text-align: right;}

.header-t{ height:100px; position:relative; border-bottom:1px solid #e5e5e5;}
.header-t .logo{width: 235px;height: 43px;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
.header-t .sousuo{ position:absolute; top:25px; right:20px;border:1px solid #E5E5E5;height:20px;padding:5px 10px;border-radius:15px;}
.header-t .sousuo .left{ float:left;padding-right:30px; position:relative;}
.header-t .sousuo .left .text{ width:200px; height:20px; outline:none; line-height:20px; font-size:14px; color:#999999;}
.header-t .sousuo .left .sub{ position:absolute; width:20px; height:100%; background:url(../images/search.png) no-repeat center; top:0; right:0; cursor:pointer;}
.header-t .sousuo .right{ float:left; position:relative; top:3px;}
.header-t .phone-search{ display:none; width:27px; height:27px; position:absolute; right:90px; top:0; bottom:0; margin:auto;}
.header-t .phone-menu{ display:none; width:38px; height:27px; position:absolute; right:0; top:0; bottom:0; margin:auto;}
.header-b .list{ position:relative;}
.header-b .list li:first-child{border-left:1px solid #e5e5e5;}
.header-b .list li a{ display:inline; font-size:14px;  color:#333333;}
.header-b .list li .xia{ position:absolute; width:100%; top:80px; height:auto; left:0; background:white; z-index:99; display:none;}
.header-b .list li dl dt:hover{ color:#146bb8;}
.header-b .list li > a .k2{ display:none;}
.header-b .list li:hover > a .k2{ display:inline;}
.header-b .list li:hover > a .k1{ display:none;}
.header-b .list li > a.on .k2{ display:inline;}
.header-b .list li > a.on .k1{ display:none;}
.header-b .list li:hover{ background:#146bb8;}
.header-b .list li {float: left;border-right: 1px solid #e5e5e5;text-align: center;width: 19.6%;height: 79px;position: relative;line-height: 79px;}
.header-b .list li .xia dt {border-bottom: 1px solid #eeeeee;font-size: 12px;font-size: 1.2rem;color: #333333;width: 75%;margin: 0 auto;height: 40px;line-height: 40px;cursor: pointer;}
.header-b .list li a.on{background: #146bb8;display: block;color: white;}
.header-b .list li dl .on{color: #146bb8;display: block;}
.header-b .list li:hover a{color: white;}

.menubg {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background:white;z-index: 9991; display:none;overflow: hidden;}
.nav-phone{border-top: 1px solid #e5e5e5; overflow-y: scroll; position: absolute; width: 100%; height: 100%; top: 0; box-sizing: border-box; padding-top: 95px; padding-bottom: 50px;}
.nav-phone .nav-m{ padding:0 48px;}
.nav-phone a{ display:block; height:85px; line-height:85px; font-size:20px; font-family:微软雅黑; color:#1c6bb0; text-align:center; border-bottom:1px solid #86cad1;}
.header-phone{ position:relative; height:95px; margin:0 30px;z-index: 3;background-color: #fff;}
.header-phone .m-logo{ position:absolute; width:235px; height:95px; top:0; left:0; background:url(../images/m-logo.png) no-repeat left center;}
.header-phone .menu-close{ position:absolute; width:38px; height:27px; top:0;bottom:0; margin:auto;right:0;}

.page-banner{position:relative;width:100%;height:404px;overflow:hidden}
.page-banner img{position:absolute;width:1680px;height:404px;left:50%;margin-left:-840px}
.page-banner-inside{position:absolute;width:1170px;color:#fefefe;left:0;right:0;bottom:64px;margin:0 auto}
.page-banner-text{font-size:20px}
.page-banner-title{font-size:40px}

#footer{ padding:40px 0; background:#eeeeee;}
#footer .t{ text-align:center; margin-bottom:20px;}
#footer .t a{ font-size:12px ; font-size:1.2rem; color:#333333; margin:0 12px;}
#footer p{ text-align:center; font-size:12px; font-size:1.2rem; color:#999999;}

.suspension{width:46px;height:210px;position:fixed;right:30px;bottom:60px;z-index:999}
.suspension .consult{background-image:url(../images/top-icon.png);background-repeat:no-repeat;background-position:center -1px;background-color:#FFF;border-radius:5px;display:block;position:relative;width:46px;height:46px;box-shadow:0 0 10px 0 rgba(0,0,0,.15)}
.suspension .consult .suspension-list{position:absolute;width:200px;right:-29px;top:-100px;z-index:30;display:none}
.suspension-list-content{position:absolute;width:198px;right:85px;background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 3px 12px 0 rgba(0,0,0,.15)}
.suspension-list ul{margin:10px}
.suspension-list ul li{position:relative;display:list-item;width:100%;height:auto;padding:10px 0;overflow:hidden;}
.suspension-list ul .suspension-list-bottom{margin-bottom:0;}
.suspension-list-bottom .info-value{font-size:12px;font-weight:inherit;color:#999}
.suspension-list ul li:first-child{margin-top:0}
.service-phone,.service-weixin,.service-qq{display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-position:0 0}
.service-phone{background-image:url(../images/suspend_icon_01.png);}
.service-qq{background-image:url(../images/suspend_icon_02.png)}
.service-weixin{background-image:url(../images/suspend_icon_03.png)}
.info-name{display:block;padding-left:52px;height:14px;font-size:16px;font-weight:700;color:#333}
.info-value{display:block;padding-left:52px;margin-top:8px;height:18px;font-size:14px;color:#333}
.suspension a.consult:hover .suspension-list{display:block;}
.suspension .back-top{background-image:url(../images/top-icon.png);background-repeat:no-repeat;background-position:center bottom;display:block;width:46px;height:46px;border-radius:5px;background-color:#2678CC;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out;margin-top:10px}
.cd-main-header {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.cd-main-header {
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    transition: transform 0.3s;
    position: relative;
}

.cd-main-content.nav-is-visible,
.cd-main-header.nav-is-visible {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
}

.nav-on-left .cd-main-content.nav-is-visible,
.nav-on-left .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
}

.cd-header-buttons {
    position: absolute;
    display: inline-block;
    top: 0px;
    right: 0%;
}

.cd-header-buttons li {
    display: inline-block;
}

.cd-search {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-search input {
    border-radius: 0;
    border: none;
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    padding: 0 4%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    font-size: 1em;
    padding: 1.3em 2em;
    color: #545151;
    font-weight: 300;
    letter-spacing: 4px;
    color:#fff;
}

.cd-search input::-webkit-input-placeholder {
    color: #fff !important;
}

.cd-search input::-moz-placeholder {
    color: #fff !important;
}

.cd-search input:-moz-placeholder {
    color: #fff !important;
}

.cd-search input:-ms-input-placeholder {
    color: #fff !important;
}

.cd-search input:focus {
    outline: none;
}

.cd-search.is-visible {
    position: relative;
    z-index: 5;
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    -o-transition: opacity .3s 0s, visibility 0s 0s;
    -ms-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}


/*-- //search --*/
.inx_mokuai_contaner{padding: 100px 0 80px;background-color: #F1F2F6;width:100%;}
.inx_mokuai .slide .tu{position:relative;width:100%;max-height:250px;overflow:hidden;}
.inx_mokuai .slide img{width:100%;min-height:250px}
.bx-wrapper .bx-pager{display: none;}
.inx_mokuai .slide .p1{    
    font-size: 14px;
    font-size: 1.6rem;
    color: #333333;
    padding: 15px 20px;
    background: #E6E7EC;
}
.inx_mokuai .slide .p2{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    color:#333;
}
.bx-wrapper .bx-controls-direction a{width:47px;height:51px;top:38%;}
.bx-wrapper .bx-prev{background:url(../images/sys-l.png) no-repeat center #ff7e0e;left:-32px;}
.bx-wrapper .bx-next{background:url(../images/sys-r.png) no-repeat center #ff7e0e;right:-23px;}
.bx-wrapper .bx-viewport{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;border:none;}
@media screen and (max-width:1024px){
	html{font-size:25px}
	.nav-phone{font-size: 2.1rem;}
    .inx_mokuai_cont .bx-viewport .bx-controls{display: none;}
}
@media screen and ( max-width:980px){
	.header-b{ display:none;}
	.header-t .wrap,.header-phone{ width:auto; margin:0 3%;}
	.header-t .nav{ display:none;}
	.header-t .sousuo{ display:none;}
	.header-t .phone-search{ display:block; }
	.header-t .phone-menu{ display:block; }
  }
  @media screen and ( max-width:768px){
	body{margin:0 auto;max-width:750px;overflow-x:hidden}
	input,textarea{outline:0;resize:none;box-sizing:border-box;font-size:.7rem}
	button,input,optgroup,select,textarea{-webkit-appearance:none;color:inherit;font:inherit;margin:0}
	.header-t .logo img{width: 16rem;}
	.header-t .phone-search{right: 70px;}
	.index-banner .bannerImg{ height:100% !important;}
	.header-phone .m-logo{-webkit-background-size: 16rem;background-size: 16rem;}
	#footer .t a{ font-size:14px; line-height:25px; display: inline-block;}
	#footer p{font-size:14px; }
	.suspension{display:none;}
    .inx_mokuai .slide .p1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .inx_mokuai_cont .bx-viewport .bx-controls{display: none;}
  }
  @media screen and ( max-width:640px){
	html{font-size: 10px;}
	.nav-phone a{font-size: 14px;}
	.nav-phone li> a{line-height:40px;height: 40px;text-align: left;position: relative;}
	.nav-phone li> a i{font-style:normal;display: inline-block;position:absolute;right:0;}
	.nav-phone li .mxia >a{line-height: 40px;height:40px;text-align: left;text-indent:1em;}
	#footer p{font-size: 14px;}
    .inx_mokuai_cont .bx-viewport .bx-controls{display: none;}
    .bx-wrapper .bx-prev{left:0;}
    .bx-wrapper .bx-next{right:0;}
    .bx-wrapper .bx-viewport{left:0;}
	}
  @media screen and (max-width:360px ) {
	.header-t .logo img{width: 160px;}
	.header-t .phone-search img{width: 20px;}
	.header-t .phone-menu img{width: 30px;}
	.header-t .phone-search{right: 54px;}
}


.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}

.ab_pages ul{display:inline-block;margin:0 auto;padding:0}

.ab_pages ul  a{color:#333;display:block;padding: 2px 8px;  border: 1px solid #f5f5f5;float: left;margin: 0 5px;border-radius: 4px}

.ab_pages ul  .page-num{color:#333;display:block;padding: 2px 8px;  border: 1px solid #f5f5f5;float: left;margin: 0 5px;}

.ab_pages ul  a.page-num-current{ background:#f5f5f5;}