@charset "utf-8";
/* CSS Document */
.key{ margin-bottom:0;}

.location{ height:44px; line-height:44px; font-size:14px; border-bottom: 2px solid #3E95DC ;  text-align:right; padding-right:15px; }
.location span{}

.left{ width:220px; float:left; margin-bottom:0px;} 
.left h3{ font-weight:normal; color:#fff; padding-left:10px; font-size:18px; line-height:24px; margin-bottom:5px; padding-top:5px; background:#333;padding-bottom:5px;}
.left h3 span{ font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.left ul{ width:230px; background:#666; padding:0px 0 10px;}
.left li{ font-size:14px; position:relative; width:212px; height:34px; margin:5px auto 0; background:url(../images/pro_icon.png) no-repeat 12px 10px #999; transition:background .5s; -webkit-transition:background .5s; -moz-transition:background .5s; -o-transition:background .5s;}
.left li.li1{ height:40px; background:url(../images/pro_icon.png) no-repeat 12px 14px #999;}
.left li a{ display:block; width:212px; height:34px; line-height:34px; text-indent:31px;color:#fff; }
.left li a.a1{height:40px; line-height:20px; width:181px; padding-left:31px; text-indent:0px;}
.left li:hover{ background:url(../images/pro_icon.png) no-repeat 12px 10px #363636; text-decoration:none;}
.left li.li1:hover{ background:url(../images/pro_icon.png) no-repeat 12px 14px #363636; text-decoration:none; height:40px;}
.left .tel{ width:230px; height:auto;  margin-top:15px;}
.left dl{ display:none; position:absolute; left:180px; top:-10px; background:#363636; z-index:99;}
.left li:hover dl{ display:block; width:450px; padding:10px;}
.left dl dd{ float:left;}
.left dl dd a{ font-size:12px; background:none; line-height:24px; width:110px; height:24px; margin:0; text-indent:20px;}
.left dl dd a:hover{ background:url(../images/pro_icon.png) no-repeat 10px 6px #363636;}

.right{ width:759px; float:right;  padding:0px;}
.coninfo{ font-size:14px; line-height:28px;padding:0px 5px;}
.coninfo h1{ width:100%; text-align:center; height:40px; line-height:40px; font-size:16px;}

.pagelink{height:26px; line-height:26px; margin:10px 0 0 0; text-align:center; background:#ccc;}
.pagelink a, .pagelink span{ padding:0 3px;}
.pagelink a.on, .pagelink a:hover{ color:#F9003B;}

.productlist{ width:747px; margin:0 auto;}
.productlist li{ width:249px; text-align:center; margin-top:15px; float:left;}
.productlist li a img{ width:224px; height:149px; margin:0 auto 2px; border:solid 1px #ccc; padding:3px; transition:border-color .5s; -webkit-transition:border-color .5s; -moz-transition:border-color .5s;}
.productlist li a:hover img{ padding:0; border:solid 4px #1274D9;}

.proright{ float:right; width:330px; height:245px;}
.proright h2{ text-align:left; font-size:16px; color:#1274D9; margin-bottom:10px; font-family:"微软雅黑";}
.proright .summary{ line-height:24px; height:auto !important; height:220px; min-height:220px;}
.prodetails h3{ font-family:"微软雅黑"; font-size:16px;  color:#35383d; height:35px; line-height:35px; background:#ccc; text-indent:15px; margin-bottom:15px; border:none; margin-top:15px;}
.prodetails p{ padding:0 10px}
.prodetails h6{ font-size:12px; font-weight:normal; margin-left:15px;}
.prodetails h6 strong{ color:#ed1c22;}
.prodetails img{ max-width:759px;}

.prorelated{ margin:20px auto 0;}
.prorelated h3{ font-size:16px;  color:#35383d; height:35px; line-height:35px; background:#ccc; text-indent:15px; margin-bottom:15px; border:none;}
.prorelated li{ float:left; width:187px;text-align:center;}
.prorelated li a img{ margin:0 auto;padding:1px; border:solid 1px #ccc; width:175px; height:116px;}
.prorelated li a:hover img{ border-color:#db1117}

.prorelated_news{ margin-top:20px;}
.prorelated_news h3{ font-size:16px;  color:#35383d; height:35px; line-height:35px; background:#ccc; text-indent:15px; margin-bottom:5px; border:none;}
.prorelated_news li{ float:left; width:360px; border-bottom:dashed 1px #ccc; text-indent:13px; background:url(../images/icon.png) no-repeat 0 13px; line-height:30px;}
.prorelated_news .interval{ margin-left:20px;}

.newslist{ font-size:13px;}
.newslist li{ line-height:35px; border-bottom:dashed 1px #ccc; background:url(../images/icon.png) no-repeat 0 16px; text-indent:15px;}
.newslist li span{ float:right;}

.newsdetails{ font-size:14px; line-height:28px;}
.newsdetails h2{ font-size:20px; color:#666; text-align:center; line-height:30px; margin-top:10px;}
.newsdetails h4{ font-size:12px; text-align:center; border-bottom:dotted 1px #ccc; font-weight:normal; margin:5px 0 10px;}
.newsdetails p .text{ width:400px; height:18px; line-height:18px;}
.newsdetails p .btn{ width:50px; border:none; background:#333; height:22px; line-height:22px; color:#fff; margin-left:5px; cursor:pointer;}.newsdetails img{max-width:100%;height:auto!important;}


/*QQ客服*/
.float0831 {
	POSITION: fixed; TOP: 160px; RIGHT: 1px; _position: absolute; z-index:999;overflow:hidden;
}
.float0831 A {
	COLOR: #00a0e9
}
.float0831 A:hover {
	COLOR: #ff8100; TEXT-DECORATION: none
}
.float0831 .floatL {
	POSITION: relative; WIDTH: 28px; FLOAT: left
}
.float0831 .floatL A {
	TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px
}
.float0831 .floatR {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .tp {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .cn {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .floatR {
	PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden
}
.float0831 .tp {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px
}
.float0831 .cn {
	BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px
}
.float0831 .cn H3 {
	TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px
}
.float0831 .cn UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px;vertical-align:middle;
}
.float0831 .cn UL LI {
	BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 30px; WORD-WRAP: break-word; HEIGHT: 30px; OVERFLOW: hidden; WORD-BREAK: normal; PADDING-TOP: 7px;
}
.float0831 .titZx {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titDh {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titDc {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoZx {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoTc {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoFf {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoTl {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnOpen {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnOpen_n {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnCtn {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titZx {
	BACKGROUND-POSITION: 5px -10px
}
.float0831 .titDh {
	BACKGROUND-POSITION: 5px -66px
}
.float0831 .titDc {
	BACKGROUND-POSITION: 5px -124px
}
.float0831 .icoZx {
	BACKGROUND-POSITION: 2px -154px
}
.float0831 .icoTc {
	BACKGROUND-POSITION: 0px -323px
}
.float0831 .icoFf {
	BACKGROUND-POSITION: 2px -213px
}
.float0831 .icoTl {
	PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left
}
.float0831 .btnOpen {
	BACKGROUND-POSITION: -30px -396px
}
.float0831 .btnOpen_n {
	BACKGROUND-POSITION: 0px -530px
}
.float0831 .btnCtn {
	BACKGROUND-POSITION: 0px -396px
}
.float0831 .icoZx {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoTc {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoFf {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .btnOpen {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen_n {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnCtn {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnOpen_n {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnCtn {
	TOP: 118px; LEFT: 2px
}
.float0831 UL LI H3.titDc A {
	WIDTH: 80px; DISPLAY: block; HEIGHT: 36px
}
.float0831 UL LI.top {
	BORDER-BOTTOM: #ace5f9 1px solid
}
.float0831 UL LI.bot {
	BORDER-BOTTOM-STYLE: none
}
.float0831 UL.webZx {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/webZx_bg.jpg) no-repeat; HEIGHT: 65px; PADDING-TOP: 0px
}
.float0831 UL LI.webZx-in {
	BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px
}


.sxy{ text-align:center; margin:30px 0;  clear: both; }   

.sxy ul li {
    display: inline
}

.sxy ul li a {
    display: inline-block;
    background-color: #fff;
    border: 0 none;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 9px;
    text-decoration: none;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    border: 1px solid #ccc;
    padding: 0 12px;
    color: #999
}

.sxy ul li a:hover {
    background-color: #666;
    color: #FFF
}

.sxy ul li a:active {
    background-color: #666;
    color: #FFF
}

.sxy ul li.active a {
    background-color: #666;
    border: 0 none;
    border-radius: 3px;
    color: white;
    font-size: 14px;
    font-weight: normal;
    margin-left: 9px;
    display: inline-block;

    border: 1px solid #666
}

.sxy ul li.disabled a {
    border: #eee 1px solid;
    padding: 2px 5px;
    margin: 2px;
    color: #ddd
}