﻿@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";} /*网站字体颜色*/
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,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;}

.g_an p a{color:#ffffff;}

a { color:#666; text-decoration:none;}  
a:focus{outline:0;} 
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}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:1000px; margin:0 auto;  }
.left { width:201px; float:left; overflow:hidden;}
.left2 { width:710px; 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:775px; float:left; 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:774px; padding-bottom:15px; overflow:hidden; }
.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}
.left2_main { width:709px;  padding-bottom:15px; overflow:hidden;}

/* function */
span{cursor: pointer;}
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:182px; background:url(Img/Common/topbg.jpg) repeat-x;}
.top_t{ height:36px; line-height:36px;color:#666666;}
.top_t p{ float:right;}
.top_t p a{ padding: 0 8px; color:#666666; display: inline-block;}
.top_t .a_last{ padding-right:0;}
.top_t .wb1{background:url(Img/Common/wb1.jpg) no-repeat 0 9px;padding-left: 20px;}
.top_t .wb2{background:url(Img/Common/wb2.jpg) no-repeat 0 9px;padding-left: 20px;}

.top_c h1{ float:left; padding: 18px 16px 0 0;}
.top_c h2{ float:left; height:60px; margin:40px 0 0 0; color: #056fce; font-size: 20px; font-weight: bold;}
.top_c h2 em{ display:block; color:#555555; font-weight:normal; font-size: 16px; padding-top: 7px; }

.top_c p{ float:right; margin:36px 0 0 0 ; padding: 0 0 0 50px; background:url(Img/Common/tel.jpg) no-repeat left top; color:#666666; font-size:14px;font-family:"Microsoft Yahei"}
.top_c p span{ display:block; font-size:30px; color:#046fcd;font-weight:normal; font-family: impact; }

/* 导航 */
.g_nav{background: #155fca;}
.nav{ height:58px;font-family:"Microsoft Yahei";  line-height: 58px; width: 1000px;margin: 0 auto;}
.nav li{ float:left; font-size:14px; background:url(Img/Common/line.jpg) no-repeat right center;font-weight: bold;}
.nav li a{ display:inline-block; padding: 0 19px; color:#fff; line-height:58px; }
.nav li a:hover,.nav .cur a{color: #fff; background: #99cc55;}
 .nav .li_last{background: none;}
 
/*头部结束*/



/*搜索*/
.g_ser{height: 48px;border-bottom: 1px solid #fff;background: #fafafa; }
.h_sea{ height:48px;line-height: 48px; overflow:hidden; color:#666666; }
.h_sea b{font-weight: bold; color: #666666;}
.inp01{height:30px;line-height:30px;   padding-left: 10px; width:210px;float:left;color:#8c8c8c;  border: none;font-family:"Microsoft YaHei"; background: none;}
.s_ss { float:left; width:40px; height:30px; background: none;border: none; cursor: pointer;}
.key a{color:#666666;padding-right: 5px;}
.s_inp{ margin-top: 9px; background:url(Img/Common/serbg.jpg) no-repeat; width: 260px;height: 30px;}



/*底部开始*/
.g_ft{ height:292px; background: url(Img/common/ftbg.jpg) repeat-x;}
.g_ft .m_fnav{  height:50px; line-height:50px; color:#fff; text-align:center; }
.g_ft .m_fnav a{ color:#fff; padding:0 15px;  font-size: 14px; font-weight: bold;display: inline-block;background:url(Img/Common/line2.jpg) no-repeat right center;}
.g_ft .m_fnav .lasta{background: none}
.g_ft .line{width: 1px;height: 150px;background: #ccc;left:790px;top:98px; position: absolute;}

.g_ft .m_fnav .lasta{ border: none;}
.g_ft .f_ftcon{ color: #555555; padding: 30px 0 0 410px;  line-height: 30px; font-size: 12px;    }
.g_ft .f_ftcon a{ color:#555555;}

.g_ft .flogo{ left:46px; top:42px;}
.g_ft .ba{top:60px; left: 570px;}
.g_ft .code{top:40px; right: 40px;width: 124px;}
.g_ft .code img{display: block;width: 124px;height: 124px}
.g_ft .code em{display: block;width: 124px;height: 24px;line-height: 24px;text-align: center;color: #555555;font-size: 12px;}

/*底部结束*/



/* 产品导航 */

.leftr h2{background:url(Img/Index/flh22.jpg) no-repeat; height: 71px;line-height: 71px;text-align: center;  }
.leftr h2 a{color: #fff;font-size: 26px;font-weight: bold; }
 
.leftr .m_pleft{ width:201px;}
.leftr .m_pleft h4{background:url(Img/Index/flh3.jpg) no-repeat 22px 12px; color: #fff; }
.leftr .m_pleft h4 a{ font-size: 16px; color: #333333;font-weight: bold;height: 44px;line-height: 44px;overflow: hidden; display: block;padding-left: 44px;}
.leftr .m_pleft h4 a:hover,.g_pro .m_pleft .cur a{}
.leftr .m_pleft{ background:url(Img/Index/flmid22.jpg) repeat-y; padding: 0 0px 0px 0px;}
.leftr .m_pleft ul{padding-bottom: 10px;}
.leftr .m_pleft li {background:url(Img/Index/flico.jpg) no-repeat 46px center; height: 30px;line-height: 30px; padding-left: 57px;}
.leftr .m_pleft li a{color: #666666;font-size: 14px; }
.leftr .m_pleft .fld{display: block;height: 10px; width: 201px;background:url(Img/Index/fld22.jpg) no-repeat}

.leftr div h4.cur a{ color:#0467C2;}
.leftr div li.cur a{ color:#0467C2;}


/*--客服--*/
.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;overflow: hidden; }
.ImRow1{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px;overflow: hidden;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#fff; 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;}

/* 新闻 */
.g_news{width: 590px; height: 480px;}
.g_news h2{ height: 44px; line-height: 44px; background: #eeeeee; font-weight: normal; padding-right: 11px;} 

.g_news h2 p.cur a{ color:#fff;}
.g_news h2 p{display:block;float: left; padding: 0 28px; color: #000000; font-size: 16px;font-family:"Microsoft YaHei";font-weight: bold;}
.g_news h2 a:hover,.g_news h2 .cur{ background:#0770b8; color: #fff; text-decoration: none;}


.g_news h2 span a{ color: #221e1f; font-size: 12px;text-transform: uppercase; padding: 0;font-weight: normal;}
.g_news h2 span a:hover{background: none;color: #221e1f;}

.m_newc{height: 365px;padding: 20px 0 0 0;border: 1px solid #dfdfdf;border-top: none;}
.g_news .u_dlst3{height: 180px;}
.g_news .u_dlst3 dt{ float: left; width: 232px;  margin-right: 12px;}
.g_news .u_dlst3 dt img{width: 224px; height: 152px;display: block; padding: 3px;border: 1px solid #dfdfdf; border-left: none; }
.g_news .u_dlst3 dd{ float: left; width: 323px;}
.g_news .u_dlst3 dd h4 a{ font-size: 14px; display: block; color: #444444; height: 32px; line-height: 32px; overflow: hidden; font-weight: bold; font-family:"Microsoft YaHei";}
.g_news .u_dlst3 dd p{ color: #666666; line-height: 24px; height: 120px; overflow: hidden; padding-top: 10px; font-size: 14px;}
.g_news .u_dlst3 dd p a{font-weight: bold;}

.g_news .u_lst5{padding-left: 12px; padding-right: 15px;}
.g_news .u_lst5 li{ height: 34px; line-height: 34px;background:url(Img/index/dtico.jpg) no-repeat 0 12px; padding-left: 14px; border-bottom: 1px dotted #c4c4c4;overflow: hidden;}
.g_news .u_lst5 .lastli{ margin-right: 0; border-bottom: none;}
.g_news .u_lst5 li a{ font-size: 14px; color: #444444;}
.g_news .u_lst5 li span{ color: #a9a9a9; font-size: 14px;}


.wend{ width:380px; height: 480px;}
.wend h2{height: 44px;line-height: 44px;background: #eeeeee; padding-right: 15px; }
.wend h2 em{width: 132px;display: block;float: left;text-align: center; background: #0978bc;}
.wend h2 em a{color: #fff;font-size: 16px;font-weight: bold;}
.wend h2 span a{font-size: 12px;color: #444444;text-transform: uppercase;font-weight: normal;}
.wend .m_zxc{height: 385px;padding: 0 0 0 0;border: 1px solid #dfdfdf;border-top: none;}

.wend dl{ height: 112px; padding: 15px 20px 0 20px;}
.wend dt{ height:26px;  line-height:26px;  font-size:14px; color:#333333; font-weight: bold; }
.wend dt a{ color:#333333;background:url(Img/Index/wen.jpg) no-repeat 0 3px;padding-left:34px; display: block;}
.wend dd{ margin-top:6px; padding-left:34px; background:url(Img/Index/da.jpg) no-repeat left top; line-height:22px; color:#666666; height: 60px; overflow: hidden; border-bottom: 1px dotted #ccc; padding-bottom: 10px;} 
.wend dd a{color: #666;}
.wend .last dd{border-bottom: none;}



/* 客户见证 */
.g_kf{ height: 500px; padding-top: 50px;}
.g_kf h2{background:url(Img/Index/kftit.jpg) no-repeat 0 65px; height: 112px;text-align: center; position: relative;}
.g_kf h2 a{ color: #005aab; font-weight: bold; font-size: 36px;}
.g_kf h2 em{position: absolute; left:470px;top:57px; }
.g_kf .u_dlst2{ width: 235px; float: left; margin-right: 18px; }
.g_kf .lastdl{ margin-right: 0;}
.g_kf .u_dlst2 dt{ width: 235px; position: relative; }
.g_kf .u_dlst2 dt img{ width: 235px; height: 136px; display: block;}
.g_kf .u_dlst2 dd{height: 178px;background: #f2f2f2; position: relative; padding: 5px 15px 0;}
.g_kf .u_dlst2 dt .sha3{display: none; position: absolute;left:0;top:0;width: 235px;height: 136px;}
.g_kf .u_dlst2 h3{height: 26px; line-height: 26px; overflow: hidden; font-weight: bold; margin-bottom: 5px;}
.g_kf .u_dlst2 h3 a{ font-size: 14px; color: #333333; height: 26px; line-height: 26px; overflow: hidden;}
.g_kf .u_dlst2 p{ font-size: 14px; color: #555555; height: 132px; line-height: 22px; overflow: hidden;}
.g_kf .u_dlst2 span{display: block;position: absolute;right:0;bottom: 0;}
.g_kf .u_dlst2 span img{display: block;width: 30px;height: 30px;}
.g_kf .bg2 dd{background: #056fce;}
.g_kf .bg2 h3 a,.g_kf .bg2 p,.g_kf .bg2 p a{color: #fff;}


/* 案例 */
.g_an{background:url(Img/Index/anbg.jpg) no-repeat center top;height: 840px; padding-top: 30px;}
.g_an h2{text-align: center; height: 108px;background:url(Img/Index/antit.png) no-repeat 0 52px;}
.g_an h2 a{font-size: 36px;color: #fff;font-weight: bold;}
.g_an h2 em{display: block;font-size: 22px;color: #fff;font-weight: normal; padding-top: 20px;}
.g_an .u_lst5{height: 48px;border: 1px solid #c8c8c8;background: #fff; margin-bottom: 23px; position: relative;}
.g_an .u_lst5 li{float: left;width: 142px;text-align: center; }
.g_an .u_lst5 li a{display: block;float: left;width: 142px;height: 48px;line-height: 48px; font-size: 14px;color: #333333;border-right: 1px solid #c8c8c8;}
.g_an .u_lst5 li a:hover,.g_an .u_lst5 .cur a{color: #fff; background: #68b92e;}
.g_an .u_lst5 span{float: left;width: 142px; right:0;top:0; height: 48px;line-height: 48px; position: absolute;}
.g_an .u_lst5 span a{display: block; height: 48px;line-height: 48px;text-align: center; color: #333;font-size: 14px; width: 142px;}
.g_an .u_lst5 span em{font-size: 12px;color: #9f9f9f;text-transform: uppercase;}
.g_an .u_lst5 span a:hover{background: none;color: #333;}


.g_an .u_lst6{position: relative; height: 580px;}
.g_an .u_lst6 li{float: left;width: 255px; position: absolute;margin-bottom: 10px;margin-right: 8px;}
.g_an .u_lst6 .lastli{margin-right: 0;}
.g_an .u_lst6 li img{display: block;width: 255px;height: 270px;}
.g_an .u_lst6 li span{display: block;width: 255px;height: 32px;line-height: 32px;text-align: center;color: #fff;font-size: 14px; overflow: hidden;background:url(Img/Index/sha.png) repeat; position: absolute;left:0;bottom: 0;}

.g_an .u_lst6 .an1{width: 476px; position: absolute;margin-right: 0; left:0;top:0;}
.g_an .u_lst6 .an1 img{display: block;width: 476px;height: 550px;}
.g_an .u_lst6 .an1 span{display: block;width: 346px; padding-left: 130px; height: 48px;line-height: 48px;color: #fff;font-size: 14px;overflow: hidden;background:url(Img/Index/sha2.png) repeat; position: absolute;left:0;bottom: 0; text-align: left;}
.g_an .u_lst6 .an2{width: 255px; position: absolute;margin-right: 0; left:483px;top:0;}
.g_an .u_lst6 .an3{width: 255px; position: absolute;margin-right: 0; left:746px;top:0;}
.g_an .u_lst6 .an4{width: 255px; position: absolute;margin-right: 0; left:483px;top:280px;}
.g_an .u_lst6 .an5{width: 255px; position: absolute;margin-right: 0; left:746px;top:280px;}

.g_an .tel{margin-left: 340px; width: 280px;height: 36px;line-height: 36px;padding-left: 40px;background: #68b92e;font-size: 14px;color: #fff;font-weight: bold;}
.g_an .tel b{float: right; width: 120px;text-align: center;background: #fff;color: #333333;font-size: 14px;font-weight: normal;}
.g_an .tel b a{color: #333333;}