@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"Microsoft YaHei";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.auto{margin: 0 auto}
.clear { clear: both; }
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

/*浏览器*/
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0;}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1)}
::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}
::-webkit-scrollbar-thumb:hover{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.4)}
input,textarea{-webkit-user-select:text}

/*rollup.css*/
#roll_top,#fall,#ct{position:relative;cursor:pointer;height:72px;width:26px}#roll_top{background:url(../images/top.gif) no-repeat}#fall{background:url(../images/top.gif) no-repeat 0 -80px}#ct{background:url(../images/top.gif) no-repeat 0 -40px}#roll{display:block;width:15px;margin-right:-500px;position:fixed;right:50%;top:50%;_margin-right:-505px;_position:absolute;_margin-top:300px;_top:expression(eval(document.documentElement.scrollTop))}

/*合作*/
.g_hz{ height: 276px; padding-top: 30px;}
.g_hz .m_hz h2{background:url(../images/hztit.jpg) no-repeat 0 18px; height: 96px;text-align: center;}
.g_hz .m_hz h2 a{color:#333333; font-size: 26px; text-decoration: none; font-weight: bold; }
.g_hz .m_hz h2 em{color:#ec6a1f; font-size:18px; display: block;  font-weight: normal; padding-top: 5px; }

.m_hz .m_kfc{ height: 140px; position: relative; padding-left: 20px; }
.m_hz .u_ljt,.m_hz .u_rjt{ width:23px; height:42px;position: absolute; cursor:pointer;  display:block;}
.m_hz .u_ljt{left:-23px;top:30px;}
.m_hz .u_rjt{right:-23px;top:30px;}
.m_hz .u_ljt a{ background: url(../images/jt.png) no-repeat; width:23px; height:42px; display:block;}
.m_hz .u_rjt a{ background: url(../images/jt.png) no-repeat; width:23px;background-position: -23px 0; height:42px; display:block;}
.m_hz .m_kfc .u_mid{ width:1000px; overflow:hidden; }
.m_hz .m_kfc .u_lst1 li{ width:182px; float:left; margin-right:12px; }
.m_hz .m_kfc .u_lst1 .lastli{ margin-right:0;}
.m_hz .m_kfc .u_lst1 li img{ width:180px; height:101px;display: block; border: 1px solid #e2e2e2; }
.m_hz .m_kfc .u_lst1 span{ width:182px; display:block;  height:34px; line-height:34px; overflow:hidden; text-align:center; color:#535353; cursor: pointer;font-size: 14px; }
.m_hz .m_kfc .u_lst1 a:hover{text-decoration: none;}


/* 案例展示 */
.g_an{background:url(../images/anbg.jpg) no-repeat center top;height: 545px; padding-top: 100px;}
.g_an h2{background:url(../images/antit.jpg) no-repeat 0 52px; height: 100px;text-align: center; padding-right: 30px;}
.g_an h2 a{color:#333333; font-size: 28px; text-decoration: none; font-weight: bold; }
.g_an h2 em{color:#ec6a1f; font-size:30px; display: block;  font-weight: normal; padding-top: 2px;text-transform: uppercase; }
.g_an h2 b{color: #ec6a1f;}

.m_anleft{float: left;padding-left: 17px;width: 714px;margin-right: 15px; position: relative;}
.m_anleft dt{float: left; width: 492px;height: 345px;}
.m_anleft dt img{display: block; width: 492px;height: 345px;}
.m_anleft dd{float: left;width:180px;background: #f0f0f0; border: 1px solid #e4e4e4; height: 313px;   padding: 30px 20px 0;}
.m_anleft dd h3{height: 30px;line-height: 30px;overflow: hidden;}
.m_anleft dd h3 a{font-size: 16px;color: #333333;font-weight: normal;}
.m_anleft dd p{font-size: 14px;color: #666;line-height: 24px;height: 144px;overflow: hidden; margin-bottom: 70px;}
.m_anleft dd span{display: block; width: 120px;height: 24px;line-height: 24px;background: #ff6f0f;text-align: center; color: #fff;font-size: 14px;; }
.m_anleft dd span a{color: #fff;}
.m_anleft .u_ljt,.m_anleft .u_rjt{ width:60px; height:60px;position: absolute; cursor:pointer;  display:block;}
.m_anleft .u_ljt{left:30px;top:134px;}
.m_anleft .u_rjt{left:436px;top:134px;}
.m_anleft .u_ljt a{ background: url(../images/jt2.png) no-repeat; width:60px; height:60px; display:block;}
.m_anleft .u_rjt a{ background: url(../images/jt2.png) no-repeat; width:60px;background-position: -60px 0; height:60px; display:block;}

.g_an .u_lst2{float: left; width: 234px;}
.g_an .u_lst2 li{position: relative; margin-bottom: 14px;}
.g_an .u_lst2 li em{display: block;position: absolute;left:0;bottom: 2px; width:234px;height: 30px;line-height: 30px;text-align: center;  background:url(../images/sha.png) repeat; color: #fff; font-size: 14px;overflow: hidden; cursor: pointer; }
.g_an .u_lst2 li img{display: block;width: 234px;height: 164px;}




/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }
.left { width:245px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top {height:3px; font-size:0; overflow:hidden;}
.leftbot { height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right { width:930px; float:right; display:inline; margin-left:24px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { height:3px; font-size:0; overflow:hidden;}
.right2top {height:3px; font-size:0; overflow:hidden;}
.rightbot { height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:100%; padding-bottom:15px; overflow:hidden; }
.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  padding-bottom:15px; overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}


/* function */
h2 a:hover{ text-decoration: none;}
input,textarea{ outline:none; }
textarea{ resize:none;}
em{ font-style: normal;}
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;}
.f_ib{display:inline-block;*display:inline;*zoom:1;}
.f_dn{display:none;}
.f_db{display:block;}
.f_pr{position:relative;}
.f_pa{position:absolute;}
.f_fl{float:left;}
.f_fr{float:right;}
.f_prz{position:relative;zoom:1;}
.f_oh{overflow:hidden;}
.f_fw{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f_fa{font-family:Arial, Helvetica, sans-serif;}
.f_fst{ font-family: "宋体"; }

.f_fwn{font-weight:normal;}
.f_fwb{font-weight:bold;}
.f_tal{text-align:left;}
.f_tac{text-align:center;}
.f_tar{text-align:right;}
.f_csp{cursor:pointer;}

/*头部开始*/
.g_top{ height:130px; }
.top_t{ height:28px; line-height:28px;color:#fff;}
.top_t p{ float:right;}
.top_t p a{ padding: 0 8px; color:#fff; background:url(../images/line1.jpg) no-repeat right 4px;}
.top_t .a_last{background: none;padding: 0 0 0 8px;}
.top_c h1{ float:left; padding: 30px 10px 0 0;}
.top_c h2{ float:left; height:60px; margin:24px 0 0 0; color: #333333; font-size: 18px; font-weight: bold;}
.top_c h2 em{ display:block; color:#8c1453; font-weight:normal; font-size: 16px; padding-top: 7px; }
.top_c p{ float:right; margin:40px 0 0 0 ; padding: 0 0 0 55px; background:url(../images/tel.png) no-repeat left top; color:#444444; font-size:15px;font-family:"Microsoft Yahei"; height: 45px}
.top_c p span{ display:block; font-size:24px; color:#f39800; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight: bold;}

/* 导航 */
.g_nav{ width: 1200px; border-top: 1px solid #d6d5d5;}
.nav{ height:50px;font-family:"Microsoft Yahei";  line-height: 50px; width: 1200px;margin: 0 auto; }
.nav li{ float:left; font-size:16px;  }
.nav li a{ display:inline-block; padding: 0 44px; color:#4f4d4d; line-height:50px; }
.nav .li_last{background: none;}
.nav .cur{border-top: 2px solid #0097e0;}
.g_nav:after{content: '';clear: both;}
/*头部结束*/



/*搜索*/
.search{background: #0097e0; padding: 25px 0; line-height: 50px; color: #fff; height: 50px; font-size: 16px}
.search a{ color: #fff; margin-right: 20px }
.search form{ width: 400px; height: 38px; background: #fff; margin:5px 0; line-height: 38px; padding: 0 10px}
.search form select{border:none;height: 36px;}
.search form .control{width: 300px; border:none; line-height: 36px; font-size: 14px;}
.search form .btn{width: 36px; height: 36px; background: url(../images/search.gif); border:none; float: right;}


/*标题*/
.tmj_t{border-bottom: 1px solid #f2f1ef; height: 50px; font-size: 18px;}
.tmj_t strong{ height: 50px; border-bottom: 3px solid #0097e0; line-height: 50px; display: inline-block; }
.tmj_t span{ color:#0097e0; font-size: 30px; font-weight: bold; padding: 0 10px 0 0}
.tmj_t a{float: right; font-size: 14px; color: #999; display: inline-block; line-height: 50px }

.tmj_t1{border-bottom: 1px solid #e1e1e1; height: 50px; font-size: 18px;}
.tmj_t1 strong{ height: 50px; border-bottom: 3px solid #0097e0; line-height: 50px; display: inline-block; }
.tmj_t1 span{ color:#0097e0; font-size: 30px; font-weight: bold; padding: 0 10px 0 0}
.tmj_t1 a{float: right; font-size: 14px; color: #999; display: inline-block; line-height: 50px }

.tmj_t2{ font-size: 18px;color: #fff; }
.tmj_t2 strong{ height: 49px; border-bottom: 3px solid #fff; line-height: 49px; display: inline-block; font-size: 30px;}
.tmj_t2 span{ color:#fff; font-size: 18px; display: block; line-height: 40px}

/*底部开始*/
.g_ft{ height:266px; padding-top: 14px; background:#252525; padding: 40px 0}
.g_ft dl{color: #fff;}
.g_ft dl dt{ font-size: 16px; line-height: 50px;  font-weight: bold; }
.g_ft dl dd{ font-size: 14px; line-height: 37px; }
.g_ft .g_ft_l{ width: 340px; float: left; height: 266px;}
.g_ft .g_ft_l dd{ background: url(../images/g_ft_d.gif) no-repeat left; height: 180px;padding: 0 0 0 35px; }
.g_ft .g_ft_m{ border:1px solid #434343; float: left; height: 266px; width: 468px; border-width:0 1px 0 1px; padding: 0 60px }
.g_ft .g_ft_m .t1{ font-size: 16px;line-height: 50px;  font-weight: bold; color: #fff; width: 32.8%; display: inline-block;}
.g_ft .g_ft_m .t2{ font-size: 14px;line-height: 50px;    color: #999999 ; width: 32.8%; display: inline-block;}
.g_ft .g_ft_m .t3{ font-size: 14px;line-height: 30px;   color: #999999 ; width: 48.8%; display: inline-block;}
.g_ft .g_ft_m .t4{font-size: 16px;line-height: 50px;  font-weight: bold; color: #fff; width: 100%; display: inline-block;}

.g_ft .g_ft_r{width: 170px; float: left; height: 266px;padding-left: 40px;}
.g_ft .g_ft_r dd{text-align:left; }
.g_ft .g_ft_r span{ display: block;text-align:center;color: #999999}


.g_fc{ height: 40px; line-height: 40px; text-align: center; font-size: 14px}
.g_fc a{line-height: 40px}

.rele_search {border-top: 1px solid #DDDDDD;line-height: 160%;margin: 5px;}
.rele_search {line-height: 160%;}
.rele_search li {float: left;width: 150px;}


/*--客服--*/
.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;background:url(/UserControls/im/kefu/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:164px;background:url(/UserControls/im/kefu/im_01.gif)}
.ImRow0{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px; }
.ImRow1{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#FF7300; font-size:14px;}
.ImFooter{height:90px;background:url(/UserControls/im/kefu/im_04.gif) no-repeat; display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;}
.ImFooter h5{font-size:14px;font-weight:normal; color:#fff;text-align:center;margin:15px 0 0;font-family:'宋体';}
.ImFooter p{font-size:20px;font-weight:bold;  color:#fff;text-align:center;margin:10px 0;}


/*底部结束*/

/*分页样式*/
.pglist{padding: 25px 0;float:left;width:100%;line-height: 34px;text-align: right;}
.pglist a {color: #333333;padding: 0 10px;margin:0 5px;font-/weight: bold;background: #fff;border: 1px solid #dcdcdc;}
.pglist *{display:inline-block;_zoom:1;_display:inline;vertical-align:middle;line-height: 28px;height: 28px;padding-bottom:1px;border-radius: 2px;-webkit-border-radius: 2px;}
.pglist .hover {display:inline-block;color: #fff;background: #F36303;}
.pglist a:hover {display:inline-block;color: #fff;background: #F36303;}


/* 留言板页面 */
#main_book{margin-bottom:30px;font-size:14px;line-height:30px;color:#464646}
#main_book a{color:#464646;}
#main_book h3{color:#666;border-bottom:1px solid #cbd1d3;font-size:12px;height:35px;line-height:35px;font-weight: normal;margin-bottom:30px;}
#main_book .book_title{color:#333;font-size:21px;margin-bottom:10px;}
#main_book .book_title a{color:#0033cc;font-size:16px;margin:0 20px}
#main_book p{color:#9a9a9a;font-size:12px;line-height:22px;}
.message_table{width:600px;margin:10px auto 0}
.message_table tr{padding:2px 0;height:40px;line-height:40px;}
.xing{padding-left:15px;color:red;}
.tips{padding-left:15px;color:#bebebe;}
.input_text{border: 1px solid #d0d0d0;padding:2px;height:25px;line-height:25px; width:300px; font-size: 12px;outline:none;}
.textarea_text{padding:3px;border: 1px solid #d0d0d0;outline:none}
.submit{height:35px;width:300px;line-height:35px;color:#fff;background:#09c;cursor:pointer;border:none;outline:none;transition:all 0.3s}
.submit:hover{background:#018dbc}
.book_title{font-size:16px;color:#565656;margin:10px 0;}
.guestbook_list{padding:10px;background:#fafafa;border:1px solid #dadada;line-height:25px;margin-bottom:10px;color:#888}
.book_head{font-size:12px;border-bottom:1px dashed #8e8e8e;padding:5px 0;}
.book_head span{color:#9a9a9a;margin-left:5px;font-size:12px}
.book_content{margin:10px 0;}
.admin_repay strong{color:#DE4C1C;}


.comment{position:relative;margin:20px 0}
.comment h3{height:28px; line-height:28px}
.com_form{width:100%; position:relative}
.textarea{width:98%; height:78px; border:1px solid #ccc;padding:5px 5px;outline:none;color:#333;line-height: 20px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;}
.textarea2{width:98%}
.com_form p{height:28px; line-height:28px; position:relative}
span.emotion{width:42px; height:20px; background:url(../images/icon.gif) no-repeat 2px 2px; padding-left:20px; cursor:pointer;color:#999}
span.emotion:hover{background-position:2px -28px;color:#666}
.qqFace{margin-top:4px;background:#fff;padding:2px;border:1px #dfe6f6 solid;}
.qqFace table td{padding:0px;}
.qqFace table td img{cursor:pointer;border:1px #fff solid;}
.qqFace table td img:hover{border:1px #0066cc solid;}
.sub_btn{background-color: #e6e6e6;background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-repeat: no-repeat;border-bottom-right-radius: 3px;border-color: #ccc #ccc #aaa;border-style: solid;border-width: 1px;box-shadow: 0 0 1px #fff inset;color: #555;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;font-weight: bold;height: 32px;position: absolute;right: 0;text-align: center;text-shadow: 0 1px 0 #fff;top: 0;transition: all 0.15s linear 0s;width: 100px;cursor:pointer;border-radius:2px;margin-top:5px;outline:none;}
.sub_btn:hover{background-position:0 -15px;color:#121212}
.static{position:static;float:right;}
.comment_list{border:1px solid #ccc;margin:25px 0 15px;overflow:hidden;}
.comment_list_top{background:#fbfbfb;color:#555;font-size:14px;padding:0 12px;font-weight:bold;height:30px;line-height: 30px;border-bottom: 1px dotted #ddd;}
.comment_list_body ul{padding:0 12px;}
.comment_list_body ul li{padding:10px 0;border-bottom: 1px dotted #ddd;overflow:hidden;}
.comment_list_body ul li:last-child{border-bottom:none;}
.comm_right{margin-left:50px;}
.user_name{color:#017cb9}
.user_name:hover{color:#2a6496;text-decoration:underline;transition: all 0.15s linear 0s;}
.user_pic{float:left;}
.comm_right p{font-size: 14px;line-height: 1.5em;color:#666;margin:5px 0;}
.original_comment{display:block;margin:5px 0;}
.comm_time{font-size:12px;color:#999;}
.comm_a{font-size:12px;color:#999;margin:0 5px;transition: all 0.15s linear 0s;}
.comm_a:hover{color:#555}
.none{display:none;}
.rep_cont{padding:10px 0;}