@charset "utf-8";
/* reset */
html { height: 100%;}
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
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";color:#666666;}
body { line-height: 1.17 }
a { text-decoration: none; color:#005ab0;transition: color 0.2s ease-in-out 0s;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }

.edit_con_original li, .edit-con-original li { list-style-type: disc }
.edit_con_original h1, .edit-con-original h1 { font-size: 2em }
.edit_con_original h2, .edit-con-original h2 { font-size: 1.5em }
.edit_con_original h3, .edit-con-original h3 { font-size: 1.17em }
.edit_con_original h4, .edit-con-original h4 { font-size: 1em }
.edit_con_original h5, .edit-con-original h5 { font-size: 0.83em }
.edit_con_original h6, .edit-con-original h6 { font-size: 0.67em }
.edit_con_original em, .edit-con-original em { font-style: italic }
.edit_con_original cite, .edit-con-original cite { font-style: italic }
.edit_con_original address, .edit-con-original address { font-style: italic }
.edit_con_original i, .edit-con-original i { font-style: italic }
.edit_con_original table, .edit-con-original table { border-collapse: separate; border-spacing: 2px }

/*所有后台编辑器区域都要引用 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 }
.cn a{color:#fff;}    


/*add*/
/*截字*/
.ellipsis{text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:99%;overflow:hidden; }
.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;overflow:hidden;}
/*两端对齐*/
.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%); position:absolute; left:0; top:50%;}
/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-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%); position:absolute; left:50%; top:50%;}
.fl{float: left;}
.fr{float: right;}
.ratio-img{ width:100%; height:auto; /*background:url(../images/error.png) center no-repeat #fff;*/}
.ratio-img img{width:100%;}

@media only screen and (min-width: 1024px){
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:0.5s all; -webkit-transition:0.5s all;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
}

.ie9 .tran_scale:hover img{transform:scale(1); -webkit-transform:scale(1);}

.f-60{font-size: 60px;}
.f-30{font-size: 30px;}
.f-24{font-size: 24px;}
.f-20{font-size: 20px;}
.f-18{font-size: 18px;}
.f-16{font-size: 16px;}
@media only screen and (max-width: 1440px){
.f-60{font-size: 50px;}
}
@media only screen and (max-width: 1280px){
.f-60{font-size: 40px;}
}

.wrap{margin:0 auto; max-width:1060px; width: 96%;}

/*header*/
.header {height:52px; width: 100%; /*position: fixed; z-index: 10000;*/ background: #fff;}
.header .logo { float:left; margin:5px 0 0 7.36%;}
.header_right { float:right; width:auto;position: relative;}
.header_right .pro-nav{width:660px;height:200px;background: #cadef5;position: absolute;left: 0;bottom: -200px;z-index: 999;display: none;}
.header_right .pro-nav .pro-nav-l{width:280px;float: left;padding:40px 0;}
.pro-nav .pro-nav-l ul li{float: left;width:50%;}
.pro-nav .pro-nav-l ul li a{padding:7px 0 7px 10px;display: block;margin-left:20px;color: #000000;background: url(../icon/nav-a-bg.png) no-repeat left center;border-bottom: 1px solid #c3d9f1;}
.pro-nav .pro-nav-l ul li a:hover{color:#264989;}
.pro-nav .pro-nav-r{padding:40px 0;}
.pro-nav .pro-nav-r ul li{float: left;margin-right:20px;}

.news-nav{width:660px;height:200px;background: #cadef5;position: absolute;left: 0;bottom: -200px;z-index: 999;display: none;}
.news-nav .news-nav-l{width:130px;float: left;padding:40px 0;}
.news-nav .news-nav-l ul li a{padding:7px 0 7px 10px;display: block;margin: 0 20px;color: #000000;background: url(../icon/nav-a-bg.png) no-repeat left center;border-bottom: 1px solid #c3d9f1;}
.news-nav .news-nav-l ul li a:hover{color:#264989;}
.news-nav .news-nav-r{float: left;padding:40px 0;}
.news-nav .news-nav-r ul li{float: left;margin-right:18px;}

.header_right .about-nav{width:660px;height:200px;background: #cadef5;position: absolute;left: 0;bottom: -200px;z-index: 999;display: none;}
.header_right .about-nav .pro-nav-l{width:280px;float: left;padding:40px 0;}
.about-nav .pro-nav-l ul li{float: left;width:50%;}
.about-nav .pro-nav-l ul li a{padding:7px 0 7px 10px;display: block;margin-left:20px;color: #000000;background: url(../icon/nav-a-bg.png) no-repeat left center;border-bottom: 1px solid #c3d9f1;}
.about-nav .pro-nav-l ul li a:hover{color:#264989;}
.about-nav .pro-nav-r{padding:40px 0;}
.about-nav .pro-nav-r ul li{float: left;margin-right:20px;}
.nav-dis img{width:158px;height:118px;}
.header_right .nav { float:left; margin:0px 50px 0 0;}
.header_right .nav li { float:left; padding:0 20px; height:52px;line-height: 52px;}
.header_right .nav li:first-child{margin-left:0}
.header_right .nav li.on,.header_right .nav li:hover{background: #cadef5;}
.header_right .nav li.one,.header_right .nav li:hover{background: #cadef5;}
.header_right .nav li a { color:#000}

.header_right .header_rtop { float:right; width: 150px; height:52px;line-height: 52px; }
.header_right .head_share {float: left;}
.header_right .icon { float: left; margin:16px 16px 0 0; width:22px; height:18px}
.header_right .sina { background:url(../images/sina.png) no-repeat center center}
.header_right .wechat { background:url(../images/wechat.png) no-repeat center center}
.header_right .language { float: left; font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
.header_right .language .line { color:#E5E5E5; font-style:normal}
.header_right .language .cn { color:#BFBFBF;}
.header_right .language .en { color:#000000;}
.search_box{position: absolute; right:210px; top:70px; width: 150px; height: 23px; background: #fff; border-radius: 15px;}
.search_box .search_text { float:left; width:115px; height:23px; }
.search_box .search_text input { border:none; padding:0 10px; width:95px; height:23px; line-height:23px; background:none; color:#3f3625; font-size: 12px; font-family:Arial, Helvetica, sans-serif}
.search_box .search_btn { float:right; width:35px; height:23px; border:none; background:url(../images/search_btn.png) center no-repeat}
/*header end*/


/*footer*/
.footer{ background: #eeeeee; font-size: 12px; color: #A6A6A6}
.foot_top{background: #262628; padding:60px 0 0;}
.foot_bot{background: #1D1D1F; text-align: center; padding:20px 0; height: 20px; line-height: 20px; color: #545454;}
.foot_bot a{ color: #545454;}
.foot_bot em{padding:0 5px;}
.foot_bot a img{margin-left: 5px;}
.foot_conn{border-bottom: 1px solid #404040; text-align: center; padding-bottom: 40px;}
.foot_conn ul{ width: 52%; margin:0 auto;}
.foot_conn li{ float: left; margin:0 5%; width: 40%;}
.foot_conn li h2{color: #fff; margin-bottom: 10px; font-weight: normal;}
.foot_conn li h2 em{ display: block; width: 30px; height:1px; background: #029BE2; margin:10px auto 0; }
.foot_conn li h2+p{color: #939395; margin-bottom: 15px;}
.foot_link{padding: 25px 0; height: 30px; line-height: 30px;}
.foot_ll{ float: left;}
.foot_ll a{ float: left;margin-right: 25px; color: #C7C7C7;}
.foot_share{float: left;}
.foot_share .icon { float: left; margin:0 20px 0 0; width:15px; height:30px}
.foot_share .sina { background:url(../images/sina_f.png) no-repeat center center}
.foot_share .wechat { background:url(../images/wechat_f.png) no-repeat center center}
.foot_href{ float: right;}
.foot_href a{float: right; color: #88888A; height: 28px; line-height: 28px; border:1px solid #939395; padding:0 40px; margin-left: 18px;}
/*footer end*/


/*微信分享*/
.weixin-box{ position:fixed; width:300px; height:260px; z-index:100000; left:50%; top:50%; margin:-120px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:2px 2px 2px #ddd;}
.weixin-box .c{ position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin-box h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px;}
.weixin-box .img{ padding:10px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.weixin-box .img img{ width:150px; height:150px;}
.weixin-box p{ padding:5px 10px 0;}