*{ padding:0; margin:0}

html{ overflow-x: hidden; }

body{ min-width:1200px; font: normal 12px/24px "microsoft yahei",Verdana,"华文细黑","黑体", arial; color: #666; background: #f7f7f7; overflow-x: hidden;}

img{ border:none; vertical-align:middle;}

ul, ul li{ vertical-align:middle;list-style-type:none}

em{ font-style: normal;} 



.ztwr{ font-family: "微软雅黑";}

.ztar{ font-family: arial;}



body a{ text-decoration:none; color:#666; cursor: pointer;}

body a:hover{ color:#007bc4;}



table tr td, table tr th{ empty-cells: show;}



.sz14{ font-size: 14px;}

.sz30{ font-size: 30px;}

.color1{ color: #007bc4;}

.col_333{ color: #333; font-weight:bold; }

.red{ color: #df2d11;}



.hide{ display: none;}



.left{ float: left;}

.right{ float: right;}



/*头部*/
.top{ width:1100px; height:110px; margin:0 auto;}
.logo{ width:300px; height:50px; float:left; margin-top:20px; margin-left:25px;}
.top_r{ width:390px; height:70px; float:right; margin-top:15px;}


#header{ height: 131px; background-color: #fff;}

#top1{ height: 32px; line-height: 32px; border-bottom: solid 1px #ebebeb; background: #f8f8f8;}

.top1_con{ width: 1070px; margin: 0 auto; color: #888;}

/*.top1_con span{ height: 32px; line-height: 32px; padding: 0 3px; display: block; display: inline-block; _display: inline; _zoom:1;}*/

.top1_con a{ color: #888;}

.top1_con a:hover{ color: #007bc4;}

.top1_con .sc{ padding-left: 16px; background: url("../images/sc.jpg") left center no-repeat; }

.top1_con .hy{ padding: 0 18px; }

.top1_con .zt{ color: #e0e0e0} 

.top1_con .right{ color: #e0e0e0}

.top1_con .gr{ padding-left: 22px; background: url("../images/gr.jpg") left center no-repeat;}

.top1_con .tb{ padding-right: 15px; background: url("../images/tb.jpg") right center no-repeat;}

/*.top1_con .cort{ padding-left: 25px; background: url("../images/shop_tb.jpg") left center no-repeat;}

.top1_con .cort:hover{ background:#fff url("../images/shop_tb.jpg") left center no-repeat; border:solid 1px #e5e5e5; border-bottom: solid 1px #fff; height: 30px; line-height: 30px;}*/





#top2{ width: 1070px; height: 98px; margin: 0 auto}

#top2_ri{ height: 50px; padding: 24px 0;}





.top1_con_ri{width: 496px; height: 32px;}

.top1_con_ri div{ float: left;}

.top_gr{padding-left: 32px; width: 73px; background: url("../images/gz_1.jpg") left -34px no-repeat; position: relative;}

.top_gr:hover{ background: url("../images/gz_1.jpg") left top no-repeat;}

.top_gr:hover .wdfs{ display: block;}

.wdfs{ display: none; position: absolute; left: 0; top: 32px; width: 102px; border:solid 1px #e5e5e5; border-top: none; background: #fff; z-index: 999;}

.wdfs ul,.wdfs ul li{ list-style: none;}

.wdfs ul li{ text-align: center;}

.top_cort{ width: 145px; text-align: center; position: relative;}

.top_line_le{ background: url("../images/line2.jpg") left center no-repeat;}

.top_cort span.cort{ height: 32px; display: inline-block; _display: inline; _zoom:1; background: url("../images/shop_tb.jpg") left center no-repeat; padding-left: 22px;}

.top_cort a{ display: block; /*background: url("../images/line2.jpg") left center no-repeat;*/}

.top_cort:hover{ background:#fff;} 

.top_cort:hover a{ color: #007bc4; background: url("../images/line2.jpg") left center no-repeat;}  

.top_cort:hover .top_cart{ display: block;}



.top_dd{ width: 84px; text-align: center;}

.top_dd a{ display: block; background: url("../images/line2.jpg") right center no-repeat;}

.top_ser{ width: 80px; padding-left: 16px; position: relative; background: url("../images/gz_2.jpg") left -34px no-repeat;}

.top_ser:hover{ background: url("../images/gz_2.jpg") left top no-repeat;}

.top_ser:hover .top_ser_down{ display: block;}

.top_ser_down{ display: none; position: absolute; left: 0; top: 32px; width: 94px; border:solid 1px #e5e5e5; border-top: none; background: #fff; z-index: 999;}

.top_ser_down ul,.top_ser_down ul li{ list-style: none;}

.top_ser_down ul li{ text-align: center;}

.top1_con .gz{ position: relative; padding-left: 17px; width: 48px; text-align: right; background: url("../images/gz.jpg") left center no-repeat; }

.top1_con .gz img{ position: absolute; left: 0; top: 32px; display: none;}

.top1_con .gz:hover img{ display: block;}

.top_cart{ display: none; border:solid 1px #e5e5e5; border-top: none; width: 280px; height: auto; overflow: hidden; position: absolute; right: 0; top: 32px; background: #fff; z-index: 999;}

.top_cart h3.h3{ height: 40px; line-height: 40px; border-bottom: solid 1px #e5e5e5; text-align: left; padding-left: 16px; color: #333; font-weight: normal;}

.top_cart_lists{ width: 100%; }

.top_cart_lists dl{ width: 260px; height: 62px; padding: 24px 10px; border-bottom: dashed 1px #e6e6e6;}

.top_cart_lists dl dt{ width: 60px; height: 60px; border:solid 1px #e5e5e5; float: left;}

.top_cart_lists dl dd{ float: right; width: 180px; height: 62px;}

.top_cart_lists dl dd h3{ height: 42px; font-size: 12px; font-weight: normal; line-height: 21px; overflow: hidden; text-align: left;}

.top_cart_2{ text-align: right !important; width: 270px; color: #666; padding-right: 10px;}

.top_js_btn{ width: 116px; height: 28px; font: 14px "微软雅黑"; color: #fff; border:solid 1px #007bc4; cursor: pointer; background: #007bc4; }

.sz18{ font-size: 18px;}



/*nav*/ 

.nav{ height: 40px; background: #007bc4;}

.menu{ width: 1076px; height: 40px; margin: 0 auto}

.nav163css ul li{ display: inline; z-index: 100; position: relative; width:152px; height: 40px; line-height: 40px; font-size: 16px; text-align: center;  float:left;}  

.nav163css ul li.liine{ background: url("../images/nav_line.jpg") center center no-repeat; width: 1px; font-size: 0;}

.nav163css ul li a{display:block; outline:none; color:#fff} 

.nav163css ul li a.hover{ color: #FFF; background: #0597f8;} 

.nav163css li ul{ display:none; width: 800px; position:absolute; background: #fff;}  

.nav163css li ul li{ width:750px; padding:20px 25px; box-shadow: 3px 3px 20px 1px #aaa; height: auto; overflow: hidden; }

.nav163css li ul.ul1{ margin-left: -35px;}

.nav163css li ul.ul2{ margin-left: -188px;}

.nav163css li ul.ul3{ margin-left: -342px;}

.nav163css li ul.ul4{ margin-left: -495px;}

.nav163css li ul.ul5{ margin-left: -648px;}

.nav_le{ width: 190px; float: left; padding: 18px 0;}

.nav_le p{ display: block; width: 190px; height: 29px; line-height: 29px; padding: 5px 0;text-align: left !important;}

.nav_le a{ display: block; line-height: 29px; background: url("../images/nav_1.png") 13px center no-repeat #e9e9e9; padding-left: 28px; font-size:15px; color: #666 !important;}

.nav_le a:hover{ background: url("../images/nav_2.png") 13px center no-repeat #017bc4; color: #fff !important;}

.nav_ri{ width: 514px; padding: 18px 0 0 22px; float: right; height: auto; overflow: hidden; border-left: solid 1px #eaeaea;}

.nav_ri dl{}

.nav_ri dl dt,.nav_ri dl dd{ float: left;}

.nav_ri dl dt{ width: 148px; height: 128px; padding: 4px; border:solid 1px #eaeaea;}

.nav_ri dl dd{ width: 334px; height: 158px; padding: 18px; padding-right: 0; font-size:14px; line-height: 24px; text-align: left;}

/*.nav163css li ul li a { padding-left:32px;  text-align: left; color:#333; font-size:12px; font-weight:normal;}*/

/*.nav163css li ul li a:hover{ color:#fff;}*/

.nav163css li:hover ul {display: block}

.nav163css li.over ul{display: block}

.nav163css ul li .topa:hover { color: #FFF; background: url("../images/nav.png") bottom center no-repeat} 

.nav163css ul li.sfHover .topa{  color: #FFF; background: url("../images/nav.png") bottom center no-repeat}

 
/*footer*/
.bottom{ background:#ebebeb; margin-top:60px;} 
.bottom_t{ width:1100px; height:220px; margin:0 auto; padding-top:30px;}
.quick_link{ width:700px; margin-left:30px; float:left;}
.quick_link dl{ width:175px; float:left;}
.quick_link dl dt a{ font-size:18px; line-height:50px; color:#007bc4;}
.quick_link dl dd{ font-size:15px; line-height:24px;}

.bottom_r{ width:360px; float:right; padding-top:20px; font-size:14px;}
.bottom_ic{ width:360px;}
.bottom_ic dl dd{ width:75px; height:24px; padding-left:25px; float:left; line-height:24px; background: no-repeat left center;}

.bottom_ic a.wechat{ position:relative;}
.bottom_ic a.wechat .bot_weixin{ display:none; position:absolute; top:-120px; left:20px;} 
.bottom_ic a.wechat:hover .bot_weixin{ display:block;}


.foot{ height:50px; text-align:center; background:#007bc4; font-size:12px; line-height:50px; color:#FFFFFF;}
.foot a{ color:#FFFFFF;}

.left_contact{ margin-top:30px; font-size:12px; padding-left:10px; padding-right:10px; line-height:24px;} 
.left_contact dd{ margin-top:10px; color:#808080;}




#site{ background-color: #fff; border-top: solid 1px #eee; padding: 14px 0 40px 0; height: auto; overflow: hidden;}

#site1{ height: 51px; padding: 45px 0; width: 1100px; margin: 0 auto; border-bottom: solid 1px #e9e9e9;}

#site1 dl{ float: left; height: 51px; padding-right: 50px;}

#site1 dl dt, #site1 dl dd{ float: left;}

#site1 dl dd{ padding:0 10px; color: #8d8d8d;}

#site1 dl dd h3{ font: normal 16px "微软雅黑"; color: #333;}



#site2{ padding: 30px 0; width: 1100px; margin: 0 auto}

.site{ width: 880px;}

.site dl{ display: block; float: left; vertical-align: top; width: 170px;}

.site dl dd{ line-height: 24px; padding-left: 10px; background: url("../images/tb2.jpg") left center no-repeat;}

.site dl dt{ font: 16px/34px "微软雅黑"}

.site dl dt a{ color: #333;}

.site dl dt a:hover{ color: #007bc4;}

.site dl dd a{ color: #888;}

.site dl dd a:hover{ color: #007bc4}



.foot_contact{ width:206px;} 

.share{ height: 30px; padding-top: 10px; line-height: 30px;}

.share span{  display: inline-block; _display:inline; _zoom:1; height: 30px; line-height: 30px; float: left;}

.share a{ margin: 0 4px; width: 29px; height: 29px; line-height: 29px; display: inline-block; _display:inline; _zoom:1; background-image: url("../images/fx.jpg");}

.share .a_qq{ background-position: left top;}

.share .a_qq:hover{ background-position: right top;}

.share .a_weixin{ background-position: left -29px; position: relative;}

.share .a_weixin:hover{ background-position: right -29px;}

.share .wx{ display: none; position: absolute; right: -88px; top: -220px; z-index: 999;}

.share .a_weixin:hover .wx{ display: block;} 



.share .a_weibo{ background-position: left bottom;}

.share .a_weibo:hover{ background-position: right bottom;}



#footer{ background-color: #007bc4; padding:10px;}

.foot_nav{ text-align: center; line-height: 32px; color: #0893ef;}

.foot_nav a{ color: #fefefe; padding: 0 5px;}

.foot_nav a:hover{ color: #90C5FD;}

.link{ width: 1100px; margin: 0 auto; line-height: 24px; color: #cdecff;}

.link a,.copyright a{ color: #cdecff; padding: 0 10px;}

.link a:hover,.copyright a:hover{ color: #90C5FD;}  

.copyright{ text-align: center; color: #cdecff; line-height: 32px;}



/*浮动qq*/

.float_qq{ position:absolute; top:200px; right:0; width:50px; height:203px; z-index:6666;}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
.float_qq{ display:none;}
	}
.float_qq ul{ list-style:none;}

.float_qq li{ width:auto; height:50px; z-index:20; list-style:none;}

.float_qq li.float_qq1,.float_qq li.float_qq4{ position:absolute; left:0; width:62px;}

.float_qq li.float_qq1{ top:0;}

.float_qq li.float_qq2{ position:absolute; top:51px; left:0; width:126px;}

.float_qq li.float_qq3{ position:absolute; top:102px; left:0; width:172px;}

.float_qq li.float_qq4{ top:153px;}

.float_qq4{ position:absolute; top:153px; left:0;}

.float_qq li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#007bc4; border-radius:6px;}

.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}

.float_qq li a:hover{ background-color:#007bc4;}

.float_shwx{ position:absolute; top:-226px; left:-216px; background:url(../images/float_wxbd.png) no-repeat bottom right; width:216px; height:216px; padding-bottom:9px; display:none;}

.float_shwx img{ display:block; padding:14px; background-color:#FFF; width:188px; height:188px;}