@charset "utf-8";

/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,table,th,td,form,input,button,textarea{margin:0;padding:0;}
body{font:14px/24px 'Microsoft YaHei';min-width:1360px;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
img,iframe{border:0;vertical-align:top;}
i,cite,em{font-style:normal;}
ol,ul{list-style:none;}
input,button,select,textarea{outline:none;}
textarea{overflow:auto;resize:none;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
.btn,a{cursor:pointer;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.btn:hover{-webkit-filter:brightness(1.15);-moz-filter:brightness(1.15);filter:brightness(1.15);}
.area{position:relative;width:1200px;margin-left:auto;margin-right:auto;}
.area,.clear{*zoom:1}
.area:after,.clear:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;_display:inline;}
.f-fr{float:right;_display:inline;}
.f-ovh{position:relative;zoom:1;overflow:hidden;}

/* 头部 */
.header-box{height:110px;}
.m-header{position:relative;z-index:1000;height:110px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.m-header .area{width:1200px;height:100%;}
.m-header .logo{position:absolute;top:0;left:0;bottom:0;font-size:0;}
.m-header .logo:before{content:"";display:inline-block;*display:inline;zoom:1;vertical-align:middle;height:100%;}
.m-header .logo img{height:58px;vertical-align:middle;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.m-header .wrapper{position:absolute;bottom:0;right:0;}
.header-box.mini .m-header{position:fixed;top:0;left:0;right:0;height:70px;}
.header-box.mini .m-header .logo img{height:46.4px;}
.m-nav{position:relative;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.m-nav .fir-ul{line-height:0;font-size:0;text-align:center;}
.m-nav .fir-ul .fir-li{display:inline-block;*display:inline;zoom:1;vertical-align:top;padding-right:44px;position:relative;}
.m-nav .fir-ul .u-a{zoom:1;display:block;padding:0;height:70px;line-height:70px;overflow:hidden;font-size:18px;}
.m-nav .fir-ul .u-a:hover,.m-nav .fir-ul li.current .u-a,.m-nav .fir-ul li.hover .u-a{color:#016b7e;}
.m-nav .fir-ul li.current .u-a{font-weight:bold;}
.m-nav .fir-ul .sec-box{display:none;position:absolute;left:0;top:60px;width:100%;background-color:#fff;border:1px solid #f0f0f0;box-sizing:border-box;padding:10px 0;z-index:99;}
.m-nav .fir-ul .sec-box a{font-size:16px;line-height:48px;text-align:center;color:#333;display:block;height:48px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.m-nav .fir-ul .sec-box a:hover{color:#016b7e;}
.m-nav .fir-ul .arrow{display:none;position:absolute;width:9px;height:6px;transition:all .4s;background:url("../images/menu_arrow.png") center no-repeat;right:25px;top:33px;}
.m-nav .fir-ul .j-li.hover .arrow{display:inline-block;}
.m-nav .hoverLine{position:absolute;bottom:0;left:0;height:4px;overflow:hidden;background:#05588b;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.header-btn,.header-btn .search,.header-btn .language,.header-btn .search:before,.header-btn .language:before,.header-btn .btn{display:inline-block;*display:inline;zoom:1;vertical-align:top;height:70px;font-size:0;}
.header-btn .search:before,.header-btn .language:before{content:"";vertical-align:middle;}
.header-btn .btn{vertical-align:middle;width:26px;height:26px;overflow:hidden;background:url(../images/ico-common.png) 0 0 no-repeat;}
.header-btn .btn-search{background-position:0 0;}
.header-btn .btn-cn{background-position:-26px 0;}
.header-btn .btn-en{background-position:-52px 0;}
.header-btn .search{position:relative;margin-right:14px;}
.header-btn .search .searchBox{position:absolute;top:100%;right:0;height:0;overflow:hidden;background:#fff;-moz-box-shadow:0 8px 16px rgba(0,0,0,.1);-webkit-box-shadow:0 8px 16px rgba(0,0,0,.1);box-shadow:0 8px 16px rgba(0,0,0,.1);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.header-btn .search .search-text{padding:0 15px;width:240px;height:38px;line-height:38px;color:#999;border:0 none;border-top:solid 1px #f2f2f2;}
.header-btn .search .search-text::-webkit-input-placeholder{color:#999;}
.header-btn .search .search-text::-moz-placeholder{color:#999;}
.header-btn .search .search-text:-ms-input-placeholder{color:#999;}
.header-btn .search-open .searchBox{height:40px;}

/*内页banner*/
.inner-banner{height:500px;position:relative;zoom:1;}
.inner-banner .m-focus{position:relative;zoom:1;overflow:hidden;width:100%;line-height:0;font-size:0;text-align:center;}
.inner-banner .m-focus a{-webkit-transition:none;-moz-transition:none;transition:none;}
.inner-banner .m-focus .switchable-box{position:relative;zoom:1;overflow:hidden;width:100%;}
.inner-banner .m-focus .switchable-content li{width:100%;height:500px!important;background-repeat:no-repeat;}
.inner-banner .m-focus .switchable-content li a{display:block;height:500px;}
.inner-banner .m-focus .switchable-content li img{visibility:hidden;}
.left{float:left;}
.right{float:right;}

/*内页二级导航*/
.m-crumb{height:59px;line-height:59px;border-bottom:1px solid #dedede;}
.m-crumb .crumb-box li{float:left;height:59px;line-height:60px;}
.m-crumb .crumb-box .home>a{display:inline-block;width:24px;height:20px;background:url("../images/inner-home.png") center no-repeat;vertical-align:middle;}
.m-crumb .crumb-box .arrow{display:inline-block;width:8px;height:13px;background:url("../images/inner-arrow.png") center no-repeat;vertical-align:middle;margin:0 11px;}
.m-crumb .crumb-box a{font-size:20px;color:#333;}
.m-crumb .crumb-box a:hover{color:#067195;}
.sec-nav{position:relative;}
.sec-nav .sec-item{display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.sec-nav .sec-item{position:relative;zoom:1;padding:0 20px;height:60px;line-height:60px;overflow:hidden;font-size:18px;color:#999999;}
.sec-nav .sec-item:hover,.sec-nav .sec-item.current,.sec-nav .sec-item.hover{color:#3da4c6;}
.sec-nav .hoverLine{position:absolute;bottom:0;left:0;height:2px;overflow:hidden;background:#3da4c6;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

/*页面标题*/
.m-title{text-align:center;margin-top:62px;}
.m-title .lg-title{font-weight:normal;font-size:32px;color:#333;line-height:46px;margin-bottom:65px;}
.m-title .lg-title:after{content:'';display:block;width:58px;height:3px;background-color:#cccccc;margin:15px auto 0;}
.m-title .sub-title{display:block;margin-bottom:8px;}
.m-title .sm-title{font-size:16px;color:#999999;line-height:32px;}

/* 底部 */
.footer-box,.footer-box a{color:#76aac4;}
.footer-box a:hover{color:#fff;}
.footer-box{background:#067195;}
.m-footer{padding:70px 0;}
.footer-contact{	/*width: 530px;*/}
.footer-contact .wechat{padding-top:4px;margin-right:24px;width:156px;text-align:center;}
.footer-contact .wechat img{width:156px;}
.footer-contact .wechat h4{margin-top:18px;font-weight:normal;color:#fff;}
.footer-contact .contact{overflow:hidden;color:#fff;}
.footer-contact .con-a .tel{line-height:44px;font-size:32px;font-weight:bold;}
.footer-contact .con-a .addr{padding:5px 0;line-height:24px;}
.footer-contact .con-b{margin-top:12px;padding-top:15px;border-top:solid 1px #0474ac;border-top-color:rgba(4,116,172,.22);}
.footer-nav{line-height:0;font-size:0;}
.footer-nav dl{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-left:60px;}
.footer-nav dl:first-child{margin:0;}
.footer-nav dt{margin-bottom:15px;line-height:34px;font-size:18px;}
.footer-nav dt a{position:relative;zoom:1;color:#fff;}
.footer-nav dt a:before{content:"";position:absolute;bottom:0;left:0;width:0;border-bottom:solid 1px #7fbad7;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.footer-nav dt a:hover:before{width:100%;}
.footer-nav dd{line-height:24px;font-size:14px;}
.footer-nav dd a{color:#7fbad7;}
.m-copyright{border-top:solid 1px #126b89;border-top-color:rgba(18,107,137,.6);padding:18px 0;font-size:12px;}

/* 右侧漂浮 */
.m-client{position:fixed;right:0;top:50%;margin-top:-52px;width:50px;z-index:99;}
.m-client li{position:relative;zoom:1;margin-top:4px;width:50px;height:50px;}
.m-client li:first-child{margin-top:0;}
.m-client .u-a{position:absolute;top:0;right:0;height:100%;padding-left:50px;background:#ddd url('../images/ico-client.png') 0 0 no-repeat;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-client li.client-contact .u-a{background-position:0 0;}
.m-client li.client-tel .u-a{background-position:0 -50px;}
.m-client li.client-wechat .u-a{background-position:0 -100px;}
.m-client li.client-goTop .u-a{background-position:0 -150px;}
.m-client .u-a .text{padding-right:10px;height:50px;line-height:50px;overflow:hidden;font-size:18px;color:#666;white-space:nowrap;filter:alpha(opacity=0);opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-client .u-a:hover{background-color:#1084b9;background-image:url(../images/ico-client-hover.png);}
.m-client .u-a:hover .text{color:#fff;filter:alpha(opacity=100);opacity:1;}
.m-client .u-a .QRcodeBox{display:none;position:absolute;z-index:10;top:0;right:100%;margin-right:10px;padding:5px;background:#1084b9;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.m-client .u-a .QRcodeBox:before{content:"";position:absolute;top:19px;right:-12px;width:0;height:0;overflow:hidden;border-width:6px;border-style:solid;border-color:transparent transparent transparent #1084b9;}
.m-client .u-a .QRcodeBox img{width:120px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.m-client li.client-goTop,.m-client li.client-goTop .u-a{height:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-client li.client-goTop .u-a{overflow:hidden;}
.m-client li.client-goTop.show,.m-client li.client-goTop.show .u-a{height:50px;}

/* 普通翻页器-默认居中 */
.m-page{line-height:46px;padding:30px 0;font-size:0;text-align:center;white-space:nowrap;border-top:solid 1px #e8e6e6;}
.m-page a,.m-page i{position:relative;display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-left:-1px;padding:0 18px;font-size:14px;letter-spacing:normal;word-spacing:normal;color:#666;background:#f2f2f2;}
.m-page i{background:none;}
.m-page a,.m-page a:hover{text-decoration:none;}
.m-page a.pageprv,.m-page a.pagenxt{}
.m-page a.first{margin-left:0;}
.m-page a.last{margin-right:0;}
.m-page a:hover,.m-page a:active{color:#fff;background:#3da4c6;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{color:#fff;background:#3da4c6;cursor:default;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{color:#b2b2b2;background:#f2f2f2;cursor:default;}

/* 居左 */
.m-page-lt{text-align:left;}

/* 居右 */
.m-page-rt{text-align:right;}

/* 较小 */
.m-page-sm{line-height:28px;}
.m-page-sm a,.m-page-sm i{padding:0 10px;}

/* 分离 */
.m-page-sr a,.m-page-sr i{margin:0 6px;}

/* .m-page-sr i{border:0;} */

/*内页分页*/
.pagination{text-align:center;margin-bottom:48px;font-size:0;padding-left:1px;}
.pagination a,.pagination i{display:inline-block;width:38px;height:40px;line-height:40px;border:1px solid #e0e0e0;font-size:14px;color:#cccccc;margin-left:-1px;overflow:hidden;white-space:nowrap;}
.pagination a.pagenxt,.pagination a.pageprv{width:70px;}
.pagination .z-crt{background-color:#3399cc;color:#fff;border-color:#3399cc;cursor:default;}
.pagination .z-crt,.pagination a:hover{background-color:#3399cc;color:#fff;border-color:#3399cc;}
.video-js{object-fit:fill;width:100%;overflow:hidden;}
.formal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;color:#000;}
.formal .mask{position:absolute;width:100%;height:100%;background-color:#000;opacity:0.9;filter:alpha(opacity=90);}
/*
.formal .title{font-size:28px;text-align:center;line-height:1;line-height:80px;margin-top:10px;}
.formal .con{width:565px;border:10px solid red;padding:0 46px 20px;position:absolute;left:50%;margin-left:-250px;top:25%;background-color:#fff;font-size:20px;line-height:36px;word-break:break-all;-webkit-box-sizing:border-box;box-sizing:border-box;}
.formal .icon{font-size:12px;}
.formal .des{text-indent:2em;}
.formal .close{color:#7c7c7c;font-size:12px;}
*/

.formal .con{ position: absolute; top: 50%; left: 50%; margin: -193px 0 0 -285.5px; width: 571px; height: 386px; background: url(../images/bg-formal.png) no-repeat; }
.formal .title{ display: none; }
.formal .des{ padding: 122px 36px 0; line-height: 34px; font-size: 18px; color: #fff; letter-spacing: -.05em; }
.formal .des sup{ vertical-align: top; line-height:26px; font-size: 14px; }
.formal .close{ position: absolute; top: 100%; left: 50%; margin: 26px 0 0 -23.5px; width: 47px; height: 47px; overflow: hidden; font-size: 0; background: url(../images/btn-close.png) no-repeat; cursor: pointer; }