﻿@charset "utf-8";
html{color:#000;background:#FFF;}
body{color:#666;font:12px/1.231 "Microsoft YaHei",arial,helvetica,clean,sans-serif;min-width:1200px;width:100%;}
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%;outline:none;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% "Microsoft YaHei",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;}
.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;}

.cart_content{ margin-top:15px; margin-bottom:15px;}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }
.left,.leftr{ width:300px; float:left; overflow:hidden;}
.leftr{ float:left;}
.left2 { width:910px; float:left; overflow:hidden; margin-top:15px;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop {height:0px; font-size:0; overflow:hidden; margin-top:10px;}
.leftbot { height:0px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right,.rightl{ width:870px; float:right; display:inline;overflow:hidden;}
.rightl{ float:right;}
.right2 { width:275px;  float:right; overflow:hidden;margin-top:110px;}
.right3 { width:260px; float:right; overflow:hidden; color:#666;}
.rightbot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { height:0px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:870px; overflow:hidden;border:solid 0 #d5d5d5;border-top:0;border-bottom:0;padding-bottom:15px; }
.right2_main { width:273px;overflow:hidden;border:solid 0 #d5d5d5;border-top:0;border-bottom:0;padding-bottom:15px;}
.left2_main { width:910px;overflow:hidden;border:solid 0 #d5d5d5;border-top:0;border-bottom:0;padding-bottom:15px;}



.h_nav li a:-webkit-any-link{ display:block;}

i,em{ font-style:normal;}
/*header start*/
.header-warp{position:relative;z-index:1;}
.header-warp .line{position:absolute;width:100%;height:1px;left:0;top:40px;background-color:#e2e9f3;}
.header-warp .bg{position:absolute;width:100%;height:55px;background-color:#16314f;left:0;bottom:0;z-index:-1;}
.top-bar{height:40px;line-height:40px;color:#666;font-size:14px;}
.top-bar a{color:#666;}
.top-bar a:hover{color:#0a57ae;}
.h-top{overflow:hidden;}
.h-top h1,.htop h1 img{width:286px;height:62px;}
.h-top h1{padding:41px 0;}
.h-top .txt{float:left;height:70px;padding:12px 0 0 28px;margin:31px 0 31px 22px;background:url(Img/Common/h_line.png) no-repeat 0 50%;font-size:16px;color:#555;}
.h-top .txt p{margin-bottom:10px;}
.h-top .tel{width:188px;height:40px;padding-left:52px;margin:25px 0;background:url(Img/Common/h_tel.png);color:#d23783;font-size:20px;line-height:40px;font-family:'Verdana';}
.h-nav{width:100%;background:#16314f;position:relative;}
.h-nav ul{width:1200px;height:55px;margin:0 auto;}
.h-nav li{width:132px;float:left;position:relative;z-index:1;}
.h-nav li > a{display:block;height:55px;line-height:55px;text-align:center;font-size:14px;color:#fff;overflow:hidden;position:relative;z-index:1;}
.h-nav li > a:before{content:'';position:absolute;width:0;height:100%;background:#0a57ae;top:0;left:50%;z-index:-1;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;}
.h-nav li:hover > a:before,.h-nav li.cur > a:before{width:100%;left:0;}

/*isearch-wrap*/
.isearch-wrap{height:70px;line-height:70px;color:#666;font-size:14px;border-bottom:1px solid #e2e9f3;}
.isearch-wrap a{margin-right:10px;color:#666;}
.isearch-wrap a:hover{color:#0a57ae;}
.isearch{float:right;position:relative;width:280px;height:34px;margin:18px 0;background:url(Img/Index/isearch_bg.png)}
.isearch form{overflow:hidden;}
.isearch input{display:block;float:left;  border:0;}
.isearch .text{color:#666;width:193px;height:18px;line-height:18px;padding:8px 15px 8px 20px;background:transparent;}
.isearch .btn{width:52px;height:34px;text-indent:-99em;background:url(Img/Index/isearch_btn.png) no-repeat center;cursor:pointer;}


/*f-top*/
.footer-wrap{background:#2e3438;position:relative;z-index:1;}
.footer-wrap .bg-top{position:absolute;width:100%;height:70px;background:#fff;left:0;top:0;z-index:-1;}
.footer-wrap .bg-bottom{position:absolute;width:100%;height:70px;background:#292e31;left:0;bottom:0;z-index:-1;}
.f-link{height:70px;padding-left:225px;position:relative;line-height:70px;}
.f-link a{font-size:14px;margin-left:40px;}
.f-link .title{position:absolute;width:228px;height:30px; padding:36px 0; line-height:1px; left:0;top:-15px;z-index:1;background-image:url(Img/Common/flink_bg.png);text-align:center;}
.f-link .title i{position:absolute;width:100%;height:60px;background-color:#0e59ae;left:0;top:15px;z-index:-1;}
.f-link .title span{display:inline-block;vertical-align:middle;}
.f-link .title .txten{height:30px;line-height:1;font-size:30px;color:#fff;font-family:Impact,'Microsoft YaHei';text-transform:uppercase;}
.f-link .title .txtbg{width:93px;height:25px;margin-left:3px;line-height:25px;background-color:#fff;font-size:14px;color:#0a57ae;}
.f-link a:hover{color:#0e59ae;}
.f-middle{padding:55px 0 45px;color:#999;font-size:14px;overflow:hidden;}
.f-middle dt{float:right;margin-left:20px;text-align:center;}
.f-middle dt .pic{margin-bottom:15px;}
.f-middle dt .pic,.f-middle dt .pic img{width:120px;height:120px;}
.f-middle dd{float:left;width:395px;margin:10px 25px 0 0;padding-left:40px;line-height:26px;position:relative;}
.f-middle dd i{width:26px;height:26px;position:absolute;left:0;top:0;background:url(Img/Common/f_icon.png);}
.f-middle dd.it1 i{background-position:0 0;}
.f-middle dd.it2 i{background-position:0 -30px;}
.f-middle dd.it3 i{background-position:0 -60px;}
.f-middle dd.it4 i{background-position:0 -90px;}
.f-middle dd.it5 i{background-position:0 -120px;}
.f-middle dd.it6 i{background-position:0 -150px;}
.f-nav{height:60px;line-height:60px;font-size:14px;text-align:center;}
.f-nav a{padding:0 8px 0 10px;color:#7f7f7f}
.f-nav a:hover{color:#0a55ab;}

/*animation*/


/*下拉框*/
.header .erj{position: absolute;top: 124px;left:0;width: 100%;display: none;z-index: 100;}
.header .erj li{background: none;height: 38px; float:left; width:100%; border-bottom:1px solid #EEEFEA;}
.header .erj li a{margin-top: 0; line-height:38px;text-align: center;width:100%; padding:0;background: #DDD1C3; color:#333}
.header .erj li:hover a{background: #F26B17;color:#fff;}
 /*temp.css*/
#nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px 0; background:url(img/nodata.gif) no-repeat 20px 20px;}
/* -- 弹出窗口 -- */
#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*/
.youce {display:block;width:15px;margin-right:-520px;position:fixed;right:42%;_margin-right:-520px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100; position:fixed;position:fixed;bottom:0;}
.youce ul li {margin-bottom: 3px;width: 41px; height:41px; overflow:hidden;}
.youce ul li em{ display:block;height: 41px;width: 41px;}
.youce ul li a.yc1 em{background: none;}
.youce ul li a.yc2 em{background: none;}
.youce ul li a.yc3 em{background: url("Img/yc_03.png") no-repeat scroll center center;}
.youce ul li a.yc3 .wx_box {bottom: 3px;cursor: default;display: none;padding-right: 9px;position: absolute;right: 46px;width: 153px;}
.youce ul li a.yc3 .yc_weixin {background: none repeat scroll 0 0 #fff;border: 1px solid #d6d6d6;padding: 12px 11px 0;}
.youce ul li a.yc3 .yc_weixin span {color: #333;display: block;line-height: 30px;text-align: center;}
.youce ul li a.yc4 em{background: url("Img/yc_04.png") no-repeat scroll center center;}
.youce ul li a.yc3:hover .wx_box {display: inline;}
.youce ul li a {display: block;height: 41px;width: 41px; background:#130F1E;}
.youce ul li a:hover {background: #0e59ae;}


.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:165px;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:#333; font-size:14px;}
.ImFooter{height:90px;background:url(/UserControls/im/kefu/im_04.jpg) 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:'Microsoft Yahei';}
.ImFooter p{font-size:20px;font-weight:bold;  color:#fff;text-align:center;margin:10px 0;}



/* -- 当前位置 -- */
.topadcs{width:100%; overflow:hidden; text-align:center;margin:0 auto; margin-bottom:0;}
.topadcs a img{ width:100%; height:auto; display:block;}
.topadcs a{display:block;margin:0 auto;}
.topadcs a.fullad{ height:340px;}

.plc,.plc2{ background:url(Img/logo_03.png) no-repeat 2px 6px;height:32px;line-height:32px;padding:7px 8px 8px 42px; position:relative; color:#666; overflow:hidden; font-size:16px; border-bottom:1px solid #e2e9f3; padding-bottom:8px; font-family:"Microsoft Yahei","微软雅黑";}
.plc span {}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:16px; color:#666;}
.red_x { color:#0e59ae; display:inline; font-family:"Microsoft YaHei"; font-size:16px;}
.plc .red_x,.plc2 .red_x,.plc span{ color:#0e59ae; font-weight:bold; font-size:16px;}
.red_x1 { color:#f00; display:inline; font-family:"Microsoft YaHei"; font-size:16px;}
.plc a:hover,.plc2 a:hover{ text-decoration:none; color:#0e59ae}


/*--客服样式--*/
.fleft_kh {
	top: 240px; width: 66px; left: 0%; margin-right: 2px; position: fixed; z-index: 987654;
}
.fleft_kh a:link {
	background: no-repeat center 8px #0e59ae; width:66px; height: 38px; text-align: center; color: #fff; line-height: 38px; padding-top: 30px; margin-top: 1px; display: block; z-index: 545;font-size: 14px; 
}
.fleft_kh a:visited {
	background: no-repeat center 8px #0e59ae; width: 66px; height: 38px; text-align: center; color: #fff; line-height: 38px; padding-top: 30px; margin-top: 1px; display: block; z-index: 545;
}
.fleft_kh a:hover {
	background-color: #d23783;
}
.fleft_kh a {
	position: relative;
}
.fleft_kh a.rtel {
	padding: 0px; height:66px; position: relative;
}
.fleft_kh a.rtel span {
	background: rgb(0, 204, 255); top: 0px; width: 66px; height: 66px; text-align: left; right: 0px; line-height: 66px; overflow: hidden; font-size: 24px; position: absolute;
}
.fleft_kh a.rtel span i {
	background: no-repeat center 8px #0e59ae; width: 66px; height: 38px; text-align: center; color: #fff; line-height:38px; padding-top: 30px; font-size: 14px; font-style: normal; margin-right: 10px; float: left;
}
.fleft_kh a.rtel:hover span i {
	background-color: #d23783
}
.fleft_kh .fript {
	margin: 10px 0px 0px 5px; width: 120px; height: 28px; line-height: 26px; font-family: "微软雅黑"; font-size: 12px;
}
.fleft_kh .frbtn {
	background: rgb(51, 153, 204); border: currentColor; width: 70px; height: 32px; color: white; line-height: 32px; font-family: "微软雅黑"; font-size: 14px; font-weight: bold; margin-left: 5px; cursor: pointer;
}
