@charset "utf-8";
/*
 * ==============================
 * @description: [WebSite] 基础样式模块
 * @author: TN-KingRenner
 * @update: ---
 * ==============================
 */

body,div,h1,h2,h3,h4,h5,h6,
hr,p,dl,dt,dd,ul,ol,li,pre,
form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style:normal; font-weight:normal; }
body,label,button,input,select,textarea { line-height:20px; color:#333333; font-family:Arial,"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Tahoma,"WenQuanYi Micro Hei",SimSun,sans-serif; font-size:14px; }
body { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
button,input,select,textarea { *font-size:100%; /*to enable resizing for IE*/ }
dl,ul,ol { list-style-type:none; }
em,strong { font-style:normal; }
fieldset,img,iframe { border:0; }
img { vertical-align:middle; }
img, a img { -ms-interpolation-mode:bicubic; }
iframe { display:block; }
a { color:#666666; text-decoration:none; cursor:pointer; outline:none; blr:expression(this.onFocus=this.blur()); }
a:active, a:hover { color:#3b8de3; text-decoration:underline; }
a:active { background-color:transparent; }
a:focus { outline:0 none; }
:focus { outline:0 none; }
::-moz-selection { background:#39f; color:#ffffff; text-shadow:none; }
::selection { background:#39f; color:#ffffff; text-shadow:none; }
.container, .container-fluid { padding-right:0; padding-left:0; }

/* [Base] Function
------------------------------*/
.rebs-cb,
.rebs-cb *,
.rebs-cb *:before,
.rebs-cb *:after {
  -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
          box-sizing:content-box;
}
.uppercase { text-transform:uppercase; } /*文字大写*/
.lowercase { text-transform:lowercase; } /*文字小写*/
.capitalize { text-transform:capitalize; } /*首字母大写*/
.fn-cb:after, .fn-cbli li:after { display:block; visibility:hidden; overflow:hidden; clear:both; content:"."; height:0; }
.fn-cb, .fn-cbli li { zoom:1; }
.fn-csd { cursor:default; }
.fn-csp { cursor:pointer; }
.fn-csh { cursor:help; }
.fn-csm { cursor:move; }
.fn-db { display:block; }
.fn-dn { display:none; }
.fn-fl { float:left; }
.fn-fr { float:right; }
.fn-ff0 { font-family:Arial,\5b8b\4f53; }
.fn-ff1 { font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,Arial,\5b8b\4f53; }
.fn-ff2 { font-family:\5b8b\4f53,Arial,sans-serif; }
.fn-fs12 { font-size:12px; }
.fn-fs14 { font-size:14px; }
.fn-fs16 { font-size:16px; }
.fn-fs18 { font-size:18px; }
.fn-fs24 { font-size:24px; }
.fn-fs30 { font-size:30px; }
.fn-fs36 { font-size:36px; }
.fn-fwb { font-weight:bold; }
.fn-fwn { font-weight:normal; }
.fn-ib { display:inline-block; *display:inline; *zoom:1; }
.fn-lhn { line-height:normal; }
.fn-oh { overflow:hidden; }
.fn-ol-none{ outline:0 none; }
.fn-pr { position:relative; }
.fn-prz { position:relative; zoom:1; }
.fn-pre { overflow:hidden; text-align:left; white-space:pre-wrap; word-wrap:break-word; word-break:break-all; }
.fn-tac { text-align:center; }
.fn-tal { text-align:left; }
.fn-tar { text-align:right; }
.fn-taj { text-align:justify; text-justify:inter-ideograph; }
.fn-ti { overflow:hidden; text-indent:-30000px; }
.fn-ti2 { text-indent:2em; }
.fn-tdu, .fn-tdu:hover { text-decoration:underline; }
.fn-tdn, .fn-tdn:hover { text-decoration:none; }
.fn-toe { overflow:hidden; word-wrap:normal; white-space:nowrap; text-overflow:ellipsis; }
.fn-usn { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; }
.fn-vam, .fn-vama * { vertical-align:middle; }
.fn-vabl { vertical-align:baseline; }
.fn-vat { vertical-align:top; }
.fn-vab { vertical-align:bottom; }
.fn-vam { vertical-align:middle; }
.fn-wsn { word-wrap:normal; white-space:nowrap; }
.fn-wwb { white-space:normal; word-wrap:break-word; word-break:break-all; }
/* let's clear some floats */
.fn-clear{ display:block; visibility:hidden; overflow:hidden; clear:both; width:0; height:0; line-height:0; font-size:0; }
.fn-clearfix:after{ display:block; visibility:hidden; content:"\0020"; clear:both; height:0; font-size:0; }
.fn-clearfix{ display:block; }
* html .fn-clearfix{ height:1%; zoom:1; }

/* 外边距 */
.mt-5{ margin-top:5px; }.mt-10{ margin-top:10px; }.mt-15{ margin-top:15px; }.mt-20{ margin-top:20px; }.mt-25{ margin-top:25px; }.mt-30{ margin-top:30px; }.mt-35{ margin-top:35px; }.mt-40{ margin-top:40px; }.mt-50{ margin-top:50px; }
.mr-5{ margin-right:5px; }.mr-10{ margin-right:10px; }.mr-15{ margin-right:15px; }.mr-20{ margin-right:20px; }.mr-30{ margin-right:30px; }.mr-40{ margin-right:40px; }.mr-50{ margin-right:50px; }
.mb-5{ margin-bottom:5px; }.mb-10{ margin-bottom:10px; }.mb-15{ margin-bottom:15px; }.mb-20{ margin-bottom:20px; }.mb-30{ margin-bottom:30px; }.mb-40{ margin-bottom:40px; }.mb-50{ margin-bottom:50px; }
.ml-5{ margin-left:5px; }.ml-10{ margin-left:10px; }.ml-15{ margin-left:15px; }.ml-20{ margin-left:20px; }.ml-30{ margin-left:30px; }.ml-40{ margin-left:40px; }.ml-50{ margin-left:50px; }
/* 内填充 */
.pt-5{ padding-top:5px; }.pt-10{ padding-top:10px; }.pt-20{ padding-top:20px; }
.pr-5{ padding-right:5px; }.pr-10{ padding-right:10px; }.pr-20{ padding-right:20px; }
.pb-5{ padding-bottom:5px; }.pb-10{ padding-bottom:10px; }.pb-20{ padding-bottom:20px; }
.pl-5{ padding-left:5px; }.pl-10{ padding-left:10px; }.pl-20{ padding-left:20px; }
.pd-5{ padding:5px; }.pd-10{ padding:10px; }.pd-15{ padding:15px; }.pd-20{ padding:20px; }.pd-30{ padding:30px; }.pd-40{ padding:40px; }

/*! 
  *****************************
  [Css] Grid (1180px, dev width: 1180)
  12 cols by 80px, with a 20px gutter
  *****************************
*/
.g_container{ position:relative; margin:0 auto; padding:0; width:1180px; }
.g_row{ display:inline-block; *zoom:1; margin:0 -10px; width:auto; }
.g_row:before, .g_row:after{ display:table; line-height:0; content:""; }
.g_row:after{ clear:both; }
.g_col{ display:inline; position:relative; float:left; margin-left:10px; margin-right:10px; overflow:hidden; }
.g_col_1, .width_1{ width:80px; }
.g_col_2, .width_2{ width:180px; }
.g_col_3, .width_3{ width:280px; }
.g_col_4, .width_4{ width:380px; }
.g_col_5, .width_5{ width:480px; }
.g_col_6, .width_6{ width:580px; }
.g_col_7, .width_7{ width:680px; }
.g_col_8, .width_8{ width:780px; }
.g_col_9, .width_9{ width:880px; }
.g_col_10, .width_10{ width:980px; }
.g_col_11, .width_11{ width:1080px; }
.g_col_12, .width_12{ width:1180px; }

/*包裹容器*/
.tn-container{ position:relative; margin:0 auto; width:1180px; }
.container{ min-width:1180px; }

/* 间隔 */
.spcline5, .spcline10, .spcline15, 
.spcline20, .spcline40 { overflow:hidden; clear:both; width:100%; line-height:0; font-size:0; }
.spcline5 { height:5px; }
.spcline10 { height:10px; }
.spcline15 { height:15px; }
.spcline20 { height:20px; }
.spcline40 { height:40px; }
.iLLoad{ background:url(../images/loading.gif) no-repeat center center; }
.imgOpacity a:link img, .imgOpacity a:visited img{ opacity:1; filter:alpha(opacity=100); -webkit-transition:opacity .2s ease-in-out; -moz-transition:opacity .2s ease-in-out; -o-transition:opacity .2s ease-in-out; -ms-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out; }
.imgOpacity a:hover img{ opacity:0.75; filter:alpha(opacity=75); }

/* [Base] Form elements
------------------------------*/
.fctl-chkbox, .fctl-chkbox > input { position:relative; margin-top:-2px; margin-bottom:1px; vertical-align:middle; }
.fctl-input, .fctl-select, .fctl-textarea { display:inline-block; padding:4px 6px; height:30px; line-height:20px; background-color:#fff; border:1px solid #ccc; color:#333; font-size:12px; vertical-align:middle; resize:none; outline:0 none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fctl-select { min-width:180px; font-size:100%; cursor:pointer; }
.fctl-textarea { min-width:280px; height:auto; }

.u-select1 { display:inline-block; padding:2px; height:24px; line-height:18px; border:1px solid #ddd; background:#fff; color:#333; font-size:100%; vertical-align:middle; resize:none; outline:0 none; }
.u-input1 { display:inline-block; padding:2px 5px; width:180px; height:24px; line-height:18px; border:1px solid #d9d9d9; border-top-color:#c0c0c0; background:#fff; color:#333; font-family:inherit; font-size:12px; font-weight:normal; vertical-align:middle; resize:none; outline:0 none; }

/*header begin*/
.ws_body{ background-color:#f5f5f5; }
.site-header{ border-top:3px solid #e5e4e4; width:100%; min-width:1180px;  }
.h-line{ display:block; width:100%; height:0; border-top:1px solid #999999; }
.h-logo{ margin:25px 0; }
.h-tel{ margin-top:40px; }

.h-search{ position:absolute; top:50px; left:470px; width:480px; height:46px; border:2px solid #ff6600;  }
.search{ position:relative; }
.search li{ float:left; }
.search li .sF-input{ padding:3px 0 3px 110px;  width: 396px; height:42px; border:none;  border-right:2px solid #ff6600; background:none;  }
.search li .sF-btn{ border: none; background:#ff8a00; width:80px; height:42px; color:#fff; font-size:16px; }
.search .defaultKey{ position: absolute; top:13px; left:110px; color:#666; font-weight:normal; }
/*搜索下拉*/
.search .tour-change{ position:absolute; top:0; left:0; padding:0 10px;  width:103px; border-right:2px solid #ccc;  line-height:42px; background:#f5f5f5;  }
.tour-change .tour-default{ cursor:pointer;  }
.tour-change .tour-default i, .tour-change .tour-default span{ display:inline-block; *display:inline; *zoom:1; text-align:center; letter-spacing:10px; }
.tour-change .tour-default span{ margin-left:10px; margin-bottom:3px; width:9px; height:5px; background:url(../images/main_site/arrow.png) no-repeat; }
.tour-change .tour-default i{ width:60px; font-style:normal;  }
.tour-change .dropDown{ position: absolute; display:none;  left: -1px; top:44px;  width:103px; background:#fafafa; z-index: 999;  }
.tour-change .dropDown dd{ padding:0 10px; border:1px solid #ccc; border-top:none; line-height:30px; text-align:center; letter-spacing:10px; cursor:pointer; }
.tour-change .dropDown dd:hover{ color:#4d9fef; background:#ededed;  }
/*header end*/

/*导航 begin*/
.tpy {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;}

.dhxdhccss {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;}
/*导航 end*/
/*底部样式定义开始*/
.end_01{width:100%; height:170px; background-color:#F3F3F3;}
.end_02{width:100%; height:40px; line-height:40px; border-bottom:1px dashed #CDCDCD; padding-top:5px;}
.end_03{width:180px; float:left;}
.end_04{width:180px; float:left;padding-left:10px; background:url(images/index_27.jpg) no-repeat left center;}
.end_05{padding-top:5px;line-height:24px;}
.end_05 a{text-decoration:none; color:#999;}
.end_05 a:hover{text-decoration:underline; color:#F60;}
.end_06{padding-top:36px; line-height:24px; color:#333; text-align:center;}
.end_07{margin:0 auto; width:810px; padding-bottom:30px;}
.end_07 img{padding-top:20px; padding-left:10px;}

.bottom_01{margin-top:40px; border-top:6px solid #0095DA; border-bottom:1px solid #D9D9D9; padding-bottom:20px;}
.bottom_02{width:240px; float:left; line-height:25px; padding-top:20px;}
.bottom_02 h1{font-size:12px;}
.bottom_02 a{text-decoration:none; color:#666;}
.bottom_02 a:hover{text-decoration:underline; color:#F60;}
.bottom_03{padding-top:17px;}
.newbottom_04{height:35px; line-height:35px; background-color:#0095DA; margin-top:20px; text-align:center; font-size:14px;color:#FFF;}
.newbottom_04 a{margin-right:5px; margin-left:5px; text-decoration:none; color:#FFF;}
.newbottom_04 a:hover{text-decoration:underline;}
.bottom_05{width:966px; float:left;line-height:26px; color:#444; font-size:14px;}
.bottom_05 li{float:left;}
.bottom_05 strong{font-family:Arial; color:#F00;}
.bottom_05 a{text-decoration:none; color:#444;}
.bottom_05 a:hover{text-decoration:underline; color:#F60;}
.bottom_06{margin-top:20px; text-align:center; height:80px;}
.bottom_06 img{margin-left:10px;}
.bottom_07{width:234px; float:left;}
.bottom_08{margin-top:5px;}
/*底部样式定义结束*/
/*footer begin*/
/*service*/
.servicebox{ margin-top:20px; width:100%; height:40px; line-height:40px; background-color:#3b8de3;  min-width:1180px; }
.service{ background:url(../images/main_site/service.jpg) no-repeat 0 0; }
.service span, .service em{ display:inline-block; font-size:16px; color:#fff; }
.service span{ margin-right:145px; padding-left:10px; letter-spacing:2px; }
.service em{ margin-right:60px; padding-left:40px; background:url(../images/main_site/icon3.png) no-repeat; }
.service em.e1{ background-position:0 0; }
.service em.e2{ background-position:0 -40px; }
.service em.e3{ background-position:0 -80px; }
.service em.e4{ background-position:0 -120px; }

.footer-info{ padding:40px 0; overflow:hidden; }
.footer-info dt, .footer-info dd{ float: left; }
.footer-info dt{ margin-right:35px; width:165px; }
.footer-info dt img{ display: block; width:165px; height:175px; }
.footer-info dd{ width:935px; }
.footer-info dd .footer-nav{ margin:20px 0; color:#333; line-height:24px; font-size:18px;  }
.footer-info dd .footer-nav a{ padding:0 20px; color:#004394; font-weight:600; }
.footer-info dd table{ width:100%; font-size:14px; }
.footer-info dd table tr{ line-height:24px; }
.footer-info dd table td{ padding-left:10px; width:50%;  }
.webicon{ width:1180px; margin:-20px auto 20px; }
.webicon ul{ margin:0 -10px; }
.webicon li{ float:left; margin:0 10px; width:180px; height:60px; background:url(../skin/images/online.png) no-repeat; }
.webicon li.w1{ background-position:-10px -175px; }
.webicon li.w2{ background-position:-10px -245px; }
.webicon li.w3{ background-position:-10px -315px; }
.webicon li.w4{ background-position:-10px -385px; }
.webicon li.w5{ background-position:-10px -455px; }
.webicon li.w6{ background-position:-10px -525px; }
/*footer end*/

/*mod-price*/
.mod-price{ color:#ff6600; font-family:Arial,Helvetica,sans-serif; font-size:14px; }
.mod-price strong{ padding:0 2px; font-size:18px; font-weight:600; }

/*qq在线客服*/
/*.qqonline{position:fixed;right:0;bottom:0px;z-index:999; }
.qqonline li{ width:100px; border-top:1px solid #fff;  }
.qqonline li a{ display: block; padding-top:72px;  height:100px; width:100%; color:#fff; text-align:center; background:url(../images/main_site/qqonline.png) no-repeat 0 0; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;  }
.qqonline li a:hover{ text-decoration:none; }
.qqonline li.ask a{ background-position:0 -100px; background-color:#ff811b; }
.qqonline li.qq a{ background-position:0 0; background-color:#6da9de; } 
.qqonline li.qq a:hover{ background-color:#488bc7; }
.qqonline li.weixin{ position:relative; }
.qqonline li.weixin a{ background-position:0 -200px; background-color:#58a81c; } 
.qqonline li.weixin .cord{ position:absolute;  left:-130px; bottom:0;  display: none; }
.qqonline li.weixin:hover .cord{ display:block; }
.qqonline li.weixin:hover a{ background-color:#357c00; }
.qqonline li.gotop a{ background-position:0 -300px; background-color:#444444; } .qqonline li.gotop a:hover{ background-color:#666; }*/
/*qq在线客服*/
.qqonline{position:fixed;right:20px;bottom:90px;z-index:999; }
.qqonline li{ width:80px; height:80px; margin-top:10px; border-radius:40px; background:url(../images/main_site/btm_B.png); }
.qqonline li a{ display: block; padding:10px;  height:80px; width:100%; color:#fff; line-height:20px; text-align:center; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;  }
.qqonline li .ico{ display:block; margin:0 auto; width:42px; height:42px; background:url(../images/main_site/online.png) no-repeat;  }
.qqonline li.weixin{ position:relative; }
.qqonline li.weixin .cord{ position:absolute; left:-130px; bottom:-10px; display:none; }
.qqonline li.weixin:hover .cord{ display:block; }
.qqonline li.ask .ico{ background-position:-200px -175px; }
.qqonline li.qq .ico{ background-position:-200px -245px; } 
.qqonline li.weixin .ico{ background-position:-200px -315px; } 
.qqonline li.gotop .ico{ background-position:-201px -375px; }
.qqonline li.gotop{ display:none; }