﻿@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 "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;}
body{font:12px/1.231 "Microsoft YaHei"}
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;}  
a:focus{outline:0;} 
a:hover {text-decoration:none;cursor: pointer;}
.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: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:735px; 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:735px; padding-bottom:15px; overflow:hidden; }
.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  padding-bottom:15px; overflow:hidden;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.h_nav li a:-webkit-any-link{ display:block;}


/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/**/
.g-ban{height: 500px;}
/*动画按钮*/
.bgitem {
    position: absolute;
}

.btnss {
    bottom: 50px;
    margin-right: -450px;
    padding: 5px 6px;
    position: absolute;
    right: 50%;
    top: 660px;
    z-index: 7;
}
.btnss span {
    background: none repeat scroll 0 0 #0054C7;
    border: 1px solid #0054C7;
    color: #FFCB51;
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
    padding: 2px 6px;
}

/**/
.g-hxyw{height: 480px;padding-top: 52px;background:url(Img/Index/ons_03.jpg) repeat-x}
.hxyw h4{background:url(Img/Index/ons_06.jpg) no-repeat left center;padding-left: 25px;margin-bottom: 33px; font:26px "Microsoft YaHei";color: #303030;}
.hxyw h4 i{display: inline-block;text-transform: uppercase;font:20px "Microsoft YaHei";color: #c6c6c6;padding-left: 10px;}
.hxyw h4 a{display: inline-block;float: right;}
.hxyw li{width: 260px;float: left;height: 352px;padding-left: 52px;}
.hxyw li a{display: inline-block;width: 260px;height: 352px;background:url(Img/Index/bjf_05.png) no-repeat}
.hxyw li a:hover,.hxyw .cur a{background:url(Img/Index/bjf_03.png) no-repeat}
.hxyw li img{display: block;width: 146px;margin: 0 auto;height: 146px;padding: 34px 0 25px 0}
.hxyw li b{display: block;width: 210px;margin: 0 auto;height: 37px;border-bottom: 1px solid #d1d1d1;text-align: center;font:18px "Microsoft YaHei";color: #313131;font-weight: bold;}
.hxyw li p{font:14px "Microsoft YaHei";color: #737373;line-height: 22px;padding-top: 10px;width: 215px;margin: 0 auto;}
/**/
.g-two{height: 748px;background:url(Img/index/twbj_02.jpg) no-repeat center bottom}
.two{position: relative;}
.g-two h4{font:32px "Microsoft YaHei";color: #000000;background:url(Img/index/two_02.jpg) no-repeat center 0;text-align: center;}
.g-two h4 p{font:14px "Microsoft YaHei";color: #606060;padding-top: 12px;padding-left: 23px;}
.two-t{height: 132px;overflow: hidden;}
.two-t li{padding-left: 72px; width: 285px;float: left;height: 68px;padding-top: 10px;margin-top: 45px; background:url(Img/Index/two_05.jpg) no-repeat right 0}
.two-t li span{font:58px "Microsoft YaHei";color: #000000;font-weight: bold;display: block;float:left }
.two-t li em{margin-left: 7px; display: block;float: left;font:16px "Microsoft YaHei";color: #000000;font-weight: bold; padding-top: 15px;}
.two-t li em a{display: block;width: 80px;padding-left: 15px; font:14px "Microsoft YaHei";color: #fff;height: 22px;background:url(Img/Index/two_08.jpg) no-repeat;line-height: 22px;}
.two-t .ts{padding-left: 0px;}
.two-t .none{background: none}
.two-ys{width: 750px;float: right;padding-top: 55px;_padding-top: 45px;}
.two-ys b{display: block;}
.two-b{position: relative;margin-top: 60px;}
.two-b .le{position: absolute;left: 20px ;top:80px;display: inline-block;width:21px;height:60px;background:url(Img/Index/jt_03.png) no-repeat;}
.two-b .le:hover{background:url(Img/Index/fz1.png) no-repeat}
.two-b .ri{position: absolute;top:80px;right: 20px;display: inline-block;width:21px;height:60px;background:url(Img/Index/fz2.png) no-repeat;}
.two-b .ri:hover{background:url(Img/Index/jt_05.png) no-repeat}
.bbc{margin-left: 65px;}
.two-b li{width:301px;float: left;margin-right: 24px;display: inline; }
.two-b li img{display: block;width: 297px;height: 196px;border: 2px solid #fff;}
.two-b li span{display: block;text-align: center;font:14px "Microsoft YaHei";color: #fff;padding-top: 18px;}
.two-yb{width: 750px;float: right;padding-top: 66px;position: absolute;right: -20px;top: 510px;}
.two-yb li{width: 121px;float: left;margin-right: 2px;display: inline;}
.two-yb li a{font:16px "Microsoft YaHei";color: #373737;display: inline-block;width: 101px;padding-left: 20px; height: 33px;line-height: 33px;}
.two-yb li a:hover,.two-yb .cur a{color: #fff;background:url(Img/Index/two_24.jpg) no-repeat;}
/**/

/**/
.g-spp{background: #f7f7f7;height: 598px;padding-top: 60px;}
.g-spp h4{text-align: center;font:30px "Microsoft YaHei";color: #222222;background:url(Img/Index/ofs_03.jpg) no-repeat center 5px;margin-bottom: 40px;}
.g-spp h4 i{display: block;text-transform: uppercase;font:20px "宋体";color: #d0d0d0;}
.spp-l{width: 723px;border:1px solid #e0e0e0;background: #fff;height: 433px;overflow: hidden;float: left;}
.spp-l dl{height: 217px;border-bottom: 1px solid #e0e0e0;padding-top: 10px;}
.spp-l dt{width: 274px;float: left;padding: 0 25px 0 10px;}
.spp-l dt img{height: 196px;width: 274px;}
.spp-l dd{width: 395px;float: left;}
.spp-l dd b{display: block;font:14px "Microsoft YaHei";color: #303030;font-weight: bold;height: 28px;overflow: hidden;padding: 18px 0;}
.spp-l dd b span{display: inline-block;font:20px "Microsoft YaHei";color: #fff;background: #193884; width: 65px;height: 28px;text-align: center;line-height: 28px;vertical-align: middle;margin-right: 10px;}
.spp-l dd p{font:14px "Microsoft YaHei";color: #707070;line-height: 25px;}
.spp-l dd p a{font:14px "Microsoft YaHei";color: #303030;}
.spp-l li{width: 325px;padding-left: 35px;float: left;border-right: 1px solid #e0e0e0;height: 204px;}
.spp-l li b{display: block;font:14px "Microsoft YaHei";color: #989797;height: 32px;overflow: hidden;padding: 27px 0 10px 0;}
.spp-l li b span{display: inline-block;font:18px "Microsoft YaHei";color: #fff;background: #193884; width: 32px;height: 32px;text-align: center;line-height: 32px;vertical-align: bottom;margin-right: 10px;}
.spp-l li a{display: block;font:14px "Microsoft YaHei";color: #303030;font-weight: bold;}
.spp-l li p{font:14px "Microsoft YaHei";color: #707070;line-height: 25px;width: 281px;padding-top: 10px;}
.spp-l li.none{border: 0px;}
.spp-r{float: right; width: 229px;padding: 10px 10px 0 10px;height: 423px;overflow: hidden;background: #365193}
.spp-r p{width: 229px;position: relative;height: 165px;margin-bottom: 30px;}
.spp-r p img{display: block;width: 227px;height: 163px;border: 1px solid #fff}
.spp-r p span{display: block;font:12px "宋体";color: #fff;width: 207px;padding-left: 20px; position: absolute;left: 1px;bottom: 1px; background:url(Img/Index/htm_03.png) no-repeat;height: 25px;line-height: 25px;}
.spp-r li{height: 34px;border-bottom: 1px dashed #6474a4;line-height: 34px;background:url(Img/Index/ofs_15.jpg) no-repeat 19px center;padding-left: 37px;}
.spp-r li a{font:14px "Microsoft YaHei";color: #fff;line-height: 34px;}
.spp-r .none{border: 0px;}
/**/
.g-link{background: #f7f7f7;height: 187px;}
.g-link h4{height:35px;margin-bottom: 25px;}
.g-link h4 .le{float: left;font:24px "Microsoft YaHei"; color:#222222;background: url(Img/Index/link_06.jpg) no-repeat left center;padding-left: 27px;}
.g-link h4 .le i{display: inline-block;font:20px "Arial"; color:#dddddd;padding-left: 8px;}
.g-link h4 .ri{float: right;}
.g-link li{width: 160px;float: left;margin-right: 6px;display: inline;}
.g-link li img{display: block;width: 159px;height: 75px;border: 1px solid #e0e0e0}
.g-link li.none{margin-right: 0px;}
/**/





.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:162px;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:#0054C7; 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;}
/*Common结束*/


/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
/*rollup.css*/
#roll_top,#fall,#ct{position:relative;cursor:pointer;height:72px;width:26px}#roll_top{background:url(/Skins/Default/Img/top.gif) no-repeat}#fall{background:url(/Skins/Default/Img/top.gif) no-repeat 0 -80px}#ct{background:url(/Skins/Default/Img/top.gif) no-repeat 0 -40px}#roll{display:block;width:15px;margin-right:-500px;position:fixed;right:46%;top:80%;_margin-right:-505px;_position:absolute;_margin-top:300px;_top:expression(eval(document.documentElement.scrollTop))}


