﻿@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;}
i,em{ font-style:normal;}
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; }  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline; text-decoration:none; }
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
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;}




.content22{ margin: 0 auto;}
.content2{ margin: 0 auto;width:1200px;}
.content3{ margin: 0 auto;}
/* -- 页面整体布局 -- */
.header , .footer {width:1527px; margin:0 auto;  }
.content { width:1527px; margin:0 auto;}
.left { width:260px; float:left; overflow:hidden;}
.left2 { width:900px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top { background:url(../images/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(../images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }
.leftr { width:201px; float:left; overflow:hidden;}
.rightl { width:975px; float:right; display:inline; margin-left:24px; overflow:hidden;}
/*.right { width:915px; float:right; display:inline; margin-left:19px;margin-bottom: 15px; overflow:hidden;}*/
.right2 { width:270px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop {height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot {height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:915px; padding-bottom:15px; overflow:hidden; }
.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}
.left2_main { width:900px;  padding-bottom:15px; overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}

em,i{ font-style:normal;}

.news-list:hover{ background:#eaeaea;}
.news-list { height:150px; padding:20px; margin-bottom:30px; overflow:hidden; *zoom:1; border-bottom:1px solid #e9e9e9; }
.news-list .image { float:left;height:150px; padding-right:20px; }
.news-list .image img{ height:150px;width:227px; }
.news-list .text h2 { font-weight:100; line-height:22px; height:40px; overflow:hidden; font-size:16px; }
.news-list .text h2 a { color:#990000; font-weight:bold; }
.news-list .text p { line-height:24px; color:#958e95; font-size:14px; text-align:justify; height:73px; margin-bottom:10px; overflow:hidden; }
.news-list .text span.btn { width: 133px;height: 39px;line-height: 39px;margin-left: 249px;text-align: center; display: block;position: absolute;font-size: 14px;color:#777777;background: url(../images/newsCenterPressBg01.png) no-repeat center;text-decoration: none;}
.news-list .text span.btn a { padding:0 6px 0 0; color:#000; }
.news-list .image img:hover{transform: scale(1.1);transition: all 2s ease-out; }

.rele_search {border-top: 1px solid #DDDDDD;line-height: 160%;margin: 5px;}
.rele_search {line-height: 160%;}
.rele_search li {float: left;width: 150px;}

/*--客服--*/
.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;background:url(../images/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:164px;background:url(../images/im_01.gif)}
.ImRow0{background:url(../images/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px; }
.ImRow1{background:url(../images/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:#0166b3; font-size:14px;}
.ImFooter{height:90px;background:url(../images/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;}


/*rollup.css*/
#roll_top,#fall,#ct{position:relative;cursor:pointer;height:72px;width:26px}#roll_top{background:url(../images/top.gif) no-repeat}#fall{background:url(../images/top.gif) no-repeat 0 -80px}#ct{background:url(../images/top.gif) no-repeat 0 -40px}#roll{display:block;width:15px;margin-right:-500px;position:fixed;right:42%;top:80%;_margin-right:-505px;_position:absolute;_margin-top:300px;_top:expression(eval(document.documentElement.scrollTop))}

#divOranIm{ z-index:999 !important;}

/* -- 弹出窗口 -- */
#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;}

.topadcs { width:100%; overflow:hidden; text-align:center; margin:0 auto 0px; }
.topadcs a img { width:100%; height:auto; display:block; }
.topadcs a { display:block; margin:0 auto; }
.topadcs a.fullad { height:500px; }



.plc,.plc2{margin-bottom: 20px; background:url(../images/logo_03.png) no-repeat 5px 5px;height:20px;line-height:24px;padding:7px 8px 8px 35px;margin-top:20px; position:relative; color:#333; overflow:hidden; font-size:14px; border-bottom:1px solid #888; padding-bottom:8px; font-family:微软雅黑;}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:14px; color:#333;}
.hp_withs{ width:1000px;}

.emw{position: absolute;
    margin-top: -170px;margin-left: 132px; display:none;}
    
.emw img{ width:120px; height:120px;}

.emw2{position: absolute;
    margin-top: -170px;display:none;}
    
.emw2 img{ width:120px; height:120px;}
/*头部开始
.topWrap{ position: absolute; z-index: 66; width: 100%; height: 164px; background:#023852; font-family:"Microsoft Yahei";}
*/
.topWrap{ z-index: 66; width: 100%; height: 164px; background:#023852; font-family:"Microsoft Yahei";}

.topWrap .header{ 
	padding-top: 42px;
}
.topWrap .logo{ float: left; width: 296px; height: auto; }
.topWrap .logo a img{ display: block; width: 294px; height: auto;}
.topWrap .logo span{
	display: block;
	font-size: 18px;
	margin-top: 10px;
	line-height: 1;
	padding-top: 12px;
	border-top: 1px solid rgba(255,255,255,.5);
	text-align: center;
	color: #fff;
}
.topWrap .h-bt h1{ margin-left: 22px; margin-top: 28px; padding: 5px 0 5px 22px; line-height: 1; font-size: 16px; color: #040a1a; border-left: 1px solid #cfcfcf; font-weight: normal;}
.topWrap .h-bt h1 span{ display: block; font-size: 22px; margin-bottom: 10px; color: #040a1a; font-weight: bold;}
.topWrap .h_tel{ width: 290px; margin-top: -10px; padding-left: 60px; background: url(../images/tel.png) no-repeat left 28px;}
.topWrap .h_tel p{ font-size: 15px; margin-top: 12px; color: #666; line-height: 1;}
.topWrap .h_tel b{ display: block; padding-top: 6px; font-size: 24px; color: #e61b15;}
.topWrap .h_tel b i{ font-size: 16px; color: #666;}
.nav{position: relative; float: right; height: 50px; line-height: 50px; margin-top: 20px; padding-right: 124px;}
.nav ul>li{ position: relative; float: left; line-height: 50px; font-size: 18px; color: #fff; }
.nav ul>li img{vertical-align: middle; margin: -3px 12px 0 0;}
.nav ul>li>a{position: relative; z-index: 2; display: inline-block; transition: color .5s .1s; height: 50px; font-weight: bold; font-weight: normal; margin: 0 24px; color: #fff; }
.nav ul>li>a::before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
    height:2px;
    display: block;
	background:#fff;
	/* 重点 */
 	transition:transform .5s;
	/* 重点 */
  	transform:scale3d(0,1,1);
	/* 重点 */
 	transform-origin:100% 50%;
	/* 重点 */
}
.nav ul>li>a:hover::before {
	transform:scale3d(1,1,1);
	/* 重点 */
	  transform-origin:0 50%;
	/* 重点 */
	  transition-timing-function:ease-in;
}

.nav ul>li.cur>a::before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
    height:2px;
    display: block;
	background:#fff;
	/* 重点 */
 	transition:transform .5s;
	/* 重点 */
  	transform:scale3d(0,1,1);
	/* 重点 */
 	transform-origin:100% 50%;
	/* 重点 */
}
.nav ul>li.cur>a::before {
	transform:scale3d(1,1,1);
	/* 重点 */
	  transform-origin:0 50%;
	/* 重点 */
	  transition-timing-function:ease-in;
}

.topWrap .ss-icon{
	position: absolute;
	right: 0;
	top: 8px;
	cursor: pointer;
}
.topWrap .nav ul li .erj{
	position: absolute;
	left: 50%;
	top: 54px;
	width: 194px;
	margin-left: -79px;
	background: #fff;
}
.topWrap .nav ul li .erj::after{
	content:"";
	position:absolute;
	left:50%;
	top:-20px;
	margin-left: -10px;
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
}
.topWrap .nav ul>li .erj li
{
    width: 100%;
	height: 62px;
	text-align: center;
	border-bottom: 1px solid #a6a6a6;
}
.topWrap .nav ul>li .erj li a{
	display: block;
	font-size: 16px;
	color: #222;
	line-height: 62px;
}
.topWrap .nav ul>li .erj ol>li a:hover{
	background: #005949;
	color: #fff;
}








/*底部开始*/
.footerwp{
	background:url(../images/f_bg.jpg) no-repeat center top; 
	height: 372px; 
	overflow: hidden; 
	font-family:"Microsoft Yahei"; 
	padding-top: 50px;
	box-sizing: border-box;
}
.footerwp .cont{
	height: 261px;
	overflow: hidden;
}
.footerwp .cont .left{
	width: 495px;
}
/*.footerwp .cont .left .flogo{
	margin-bottom: 76px;
}*/
.footerwp .cont .left .flogo a{
	display: block;
	width: 257px;
	height: auto;
	margin: 0;
	padding-bottom: 14px;
	margin-bottom: 14px;
	border-bottom: 1px solid rgba(255,255,255,.5);
}
.footerwp .cont .left .flogo a img{
	display: block;
	width: 100%;
	height: auto;
}
.footerwp .cont .left .flogo p{
	font-size: 14px;
	line-height:24px;
	width:257px;
	text-align:justify;
	color: #fff;
}
.footerwp .cont .left dl {
	margin-bottom: 56px;
}
.footerwp .cont .left dl dt{
	font-size: 18px;
	color: #fff;
	line-height: 1;
	margin-bottom: 16px;
}
.footerwp .cont .left dl dd input{
	width: 294px;
	display: block;
	height: 52px;
	line-height: 52px;
	background: #fff;
	border-radius: 6px;
	border: 0;
	color: #023852;
	font-size: 22px;
	padding: 0 15px;
	padding-right: 46px;
	box-sizing: border-box;
	outline: none;
	background:url(../images/ss_icon.png) #fff no-repeat 256px center; 
}
.footerwp .cont .left dl dd span a{
	display: inline-block;
	margin: 0 6px;
}
.footerwp .cont .right{
	float: right;
	width:730px;display:inline;margin-bottom: 15px; overflow:hidden;
}
.footerwp .cont .right dl{
	/*float: left;*/
	float: right;
	width: 318px;
}
.footerwp .cont .right dl.dl02{
	float: left;
	width: 300px;
}
.footerwp .cont .right dl.dl03{
	width: 200px;
}
.footerwp .cont .right dl dt{
	position: relative;
	height: 40px;
}
/*.footerwp .cont .right dl dt::after{
	position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    width: 1px;
    height: 70px;
    background: #fff;
}*/

.footerwp .cont .right dl dt span{
	display: block;
	font-size: 30px;
	line-height: 30px;
	color: rgba(255,255,255,.5);
	margin-bottom: 20px;
}
.footerwp .cont .right dl dt b{
	display: block;
	font-size: 24px;
	color: #fff;
	line-height: 1;
	font-weight: normal;
}
.footerwp .cont .right dl dd ul li{padding:0;font-size: 14px;
	color: #fff;
	line-height: 30px;}
.footerwp .cont .right dl dd ul li a{
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}
.footerwp .cont .right dl dd ul{
	overflow: hidden;
}
.footerwp .cont .right dl.dl02 dd ul li{
	float: left;
	width: 40%;
}
.footerwp .bq p{
	text-align: center;
	font-size: 14px;
	color: rgba(255,255,255,.8);
	line-height: 60px;
}
/*.footer{background:#022c42;width:100%;height:auto;overflow:hidden;}*/
.footerwp .bq a{
	text-align: center;
	font-size: 14px;
	color: rgba(255,255,255,.8);
	line-height: 60px;
}
@media screen and (max-width:1580px) {
	body .header{
		width: 1250px;
	}
	/*body .footer{
		width: 1250px;
	}*/
	.topWrap .logo{
		width: 250px;
	}
	.topWrap .logo a img{
		width: 250px;
	}
	.topWrap .logo span{
		font-size: 15px;
	}
	.topWrap .nav{
		padding-right: 90px;
	}
	.topWrap .nav ul li a{
		margin: 0 20px;
		font-size: 16px;
	}

	/*.footerwp .cont .right{
		width: 760px;
	}
	.footerwp .cont .right dl{
		width: 280px;
	}*/

}
 #newBridge .icon-left-center{ top: 30%; }
.qqkefu{position:fixed;right:0;bottom:3%;z-index:777;width:53px;}
.qqkefu ul li{position:relative;float:right;margin-bottom:1px;height:47px;background:#022c42;font-size:14px;line-height:47px;opacity:.8;cursor:pointer;}
.qqkefu ul li a{display: block;width: 100%;height: 100%; color:#fff;}
.qqkefu ul li a:hover{text-decoration:none;}
.qqkefu ul li.qq_cza{overflow:hidden;}
.qqkefu ul li:hover{background:#022c42;}
.qqkefu ul li.top{position:relative;width:53px;background:#022c42 url(../images/top_icon.png) no-repeat center;color:#1c1c1c;text-align:center;font-weight:800;opacity:.8;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.qqkefu ul li.top:hover{background-color:#022c42;}
.qqkefu ul li b{float:left;display:block;overflow:hidden;width:53px;height:47px;}
.qqkefu ul li b.a{background:url(../images/czx4.png) no-repeat center center;}
.qqkefu ul li b.b{background:url(../images/czx3.png) no-repeat center center;}
.qqkefu ul li b.d{background:url(../images/bdsq.png) no-repeat center center;}
.qqkefu ul li b.c{background:url(../images/czx5.png) no-repeat center center;}
.qqkefu ul li b.e{background:url(../images/icon_kf_tel.png) no-repeat center center;}
.qqkefu ul li b.lxb{background:url(../images/phone0.png) no-repeat center center;}
.qqkefu .erweima{position:absolute;top:-103px;left:-134px;float:right;display:none;height:150px;background:#022c42;cursor:default!important;}
.qqkefu .erweima p{float:left;width:130px;color:#fff;text-align:center;font-size:12px;line-height:22px;}
.qqkefu .erweima p img{margin:10px 10px 0 10px;width:110px;height:110px;}
.qqkefu .kf-tel .erweima{top:-13px;left: -153px;height:80px;text-align:center;}
.qqkefu .kf-tel .erweima p{width: 150px;}
.qqkefu .kf-tel .erweima em{display:inline-block;margin-top:9px;margin-bottom:9px;width:100%;color:#fff;font-weight:600;font-size:15px;}

.head{
	width:100%;
    height: 101px;
    border-bottom: 1px solid rgba(255,255,255,.59);
}
.logo{
	margin-top:7px;
	}
.logo img{
	height:87px;
	width:100%;
}
.tnav{
    float: right;
}

.fl{
    float: left;
}
.fr{
    float: right;
}
/* 导航样式 */
.x-menu {
  width: 860px;
  float: right;
  justify-content: space-between;
  margin-top: 42px;
}
.x-menu > li {
  float: left;
  position: relative;

 text-align: center;
}
.x-menu > li > a {
  display: block;
  padding:0 23.2px;
 
}

.x-menu > li > a:hover {
  
  color: #fff;
}
.x-menu > li > a span{
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 16px;
  letter-spacing: 0px;
  color: #022c42;
}


/*.x-menu > li:after {
  content: '';
  position: absolute;
  z-index: 100;
  width: 100%;
  left: 0;
  height: 40px;
  opacity: 0;
  top: 100%;
}*/

.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.x-sub-menu {
  position: absolute;
  z-index: 99;
  width: 100%;
  left: 0;
  top: 60px;
  background:#022c42;
  border-radius: 5px;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.x-sub-menu > li > a {
  display: block;
  text-align: center;
  line-height: 2;
  font-size: 14px;
  color: #fff;
  line-height: 1.5;
  padding: .5em .4em;
}
.x-sub-menu > li > a:hover {
  background: #e9eaeb;
  color:#022c42;
}
.x-sub-menu:after {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 10px;
  cursor: pointer;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #022c42 transparent;
  border-top: none;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  z-index: 99;
}
.container{
	width:1250px;
	margin:0 auto;
	}
.topt {
    width:100%;
	height: 40px;
    background: #022c42;
    color: #fff;
}