@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;}
.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;}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:1000px; margin:0 auto;font-family:"Microsoft Yahei";   }
.left, .leftr { width:201px; float:left; overflow:hidden; }
.leftr { float:left; }
.left2 { width:700px; 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:790px; float:right; display:inline; overflow:hidden; }
.rightl { float:right; }
.right2 { width:275px; float:right; overflow:hidden; margin-top:15px; }
.right3 { width:201px; 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:754px; overflow:hidden;  }
.right2_main { width:273px; overflow:hidden; }
.left2_main { width:700px; overflow:hidden; }
.h_nav li a:-webkit-any-link{ display:block;}



/*头部开始*/
.topWrap{ background:url(../img/common/h_bg.gif) repeat-x center top; height:191px; overflow:hidden;}
.h_top{ height:35px; font:14px/35px "黑体"; color:#6f6f6f; overflow:hidden;}
.h_top span{color:#6f6f6f;}
.h_top span a { color:#6f6f6f; display:inline-block; padding:0 15px 0 25px;}
.h_top span img{ vertical-align:middle;} 
.h_top span .h_a1{background:url(../img/common/h_ic1.gif) no-repeat left center;}
.h_top span .h_a2{background:url(../img/common/h_ic2.gif) no-repeat left center;}
.h_top span .h_a3{background:url(../img/common/h_ic3.gif) no-repeat left center;}
.h_top span .h_a4{background:url(../img/common/h_ic4.gif) no-repeat left center;}


.h_c{ height:155px; overflow:hidden;}
.h_c h1{ display:block;  width:685px; height:115px; margin:20px 0 0 0;  overflow:hidden;}
.h_c h1 img{ width:229px; }
.h_c h1 span{ width:430px; overflow: hidden; margin-top: 10px; display: block; font:22px/33px "黑体"; color:#333;  }
.h_c h1 span i{ font:14px/24px "微软雅黑"; display:block; color:#333;}
.h_c h1 span b{color: #ff8888;}

.h_tel{ margin-top: 25px;}
.h_tel em{ padding-left:58px;  height:45px;display: block; overflow:hidden; font:18px/45px "黑体"; color:#333;overflow:hidden; background:url(../img/common/h_ip1.jpg) no-repeat left top;}
.h_tel p{ margin-top:8px; padding-left:58px;overflow:hidden; font:18px/20px "黑体"; color:#333;overflow:hidden; background:url(../img/common/h_tel.jpg) no-repeat left center;}
.h_tel p span{color:#ce050d; display:block; font:26px/28px "黑体";} 


/*nav*/
.nav_bg{background:url(../img/common/h_navbg.jpg) no-repeat center top; height:64px; overflow:hidden;background-color: #0054A5;}
.h_nav{height:64px; overflow:hidden;}
.h_nav ul { display: flex;justify-content: space-between;}
.h_nav ul li { float:left; font:16px/64px "黑体";  height:64px; overflow:hidden;}
.h_nav ul li a{ display:inline-block; height:64px;  color:#fff; padding:0 14px; }
.h_nav li a:hover , .h_nav .cur a { text-decoration:none; background:#ce050d;}

/*头部结束*/


/*底部开始*/
.footWrap{height:260px; overflow:hidden; background:url("../img/common/f_bg.jpg") no-repeat scroll center top;background-color:#F5F5F5;}
.footer{ position:relative;}
.f_nav{ height:60px; overflow:hidden; text-align:center; font:16px/60px "黑体"; display: flex; justify-content: space-between;}
.f_nav span{ width: 10px; height: 60px; background: url("../img/common/f_nav.gif") no-repeat center center;}
.f_nav a{ color:#333; }


.f_logo{padding: 40px 10px 0 19px; }
.f_logo img{ }

.f_wz{ float: left; display: inline; padding:25px 0 0 25px;  width:538px; overflow:hidden; font:14px/30px "黑体"; color:#333;  }
.f_wz a{ color:#333;}

.f_code{ position: absolute; right: 0px; top:88px;}

	
.f_keep{
	float: left;
	width: 100%;
	text-align: center;
	border-top: 1px dashed #ddd;
	line-height: 30px;
}
.f_keep a{
	padding: 0 5px;
}

.footer p{float: left; margin-left: 34px; width:91px;}
.footer p img{ width:91px; height:91px; border: 1px solid #999;}
.footer p  i{display:block; text-align:center; color:#333; font:14px/33px "宋体";}

/*底部结束*/




/*sou*/
.ser_bg{position: relative; margin-top: -46px;background:url(../img/common/ser_bg.png) no-repeat center top; height:36px; overflow:hidden; margin-bottom:20px;} 
.ser_c{ height:36px; overflow:hidden;}
.inp01{ float:left; padding-left:10px; width:218px;   height:24px;overflow:hidden; font:14px/24px "黑体"; border:none; background:url(../img/common/ser1.png) no-repeat left top; color:#888888; margin-top:6px; display:inline;outline:none;} 
.inp02{ float:left; background:url(../img/common/ser2.png) no-repeat left top; width:42px; height:24px; border:0; margin-top:6px;outline:none;}
.ser_c p{height:36px; width:600px; overflow:hidden; display:block; color:#323232; font:14px/36px "黑体";}
.ser_c p a{color:#323232; padding:0 10px; display: inline-block; background:url(../img/common/ser_ic1.png) no-repeat right center;}
.ser_c p .nones{ background: none;}
.ser_c p b{color:#323232; display: inline-block;}



/*侧悬浮*/
.cxf{width: 52px;position: fixed;right: 15px;bottom: 20px; z-index: 10;
transform: translate(0,-20px);
-ms-transform: translate(0,-20px);}
.cxf .box{width: 52px;}
.cxf .box .box1{width: 100%; background-color: #246cd7;margin-bottom: 1px;position: relative;transition: all 0.5s;padding-top: 8px;border-radius: 4px;}
.cxf .box .box2{padding: 15px 0;}
.cxf .box .renter{cursor: pointer;}
.cxf .box .box1 .tops{width: 22px;height: 22px;margin: 0 auto;}
.cxf .box .box1 .bottom{margin-top: 2px;font-size: 12px;color: #ffffff;text-align: center;height: 20px;}
.cxf .box .box1 .phone{  width:170px;position: absolute;right: 0;top: 30%;margin-top: -15px;background: #246cd7;padding: 8px;
-webkit-transition: all 0.5s ease-out 0s; 
-ms-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.cxf .box .box1 .phone .p1{width: 100%;height: 22px;font-size: 16px;color: #ffffff;}
.cxf .box .box1 .phone .p2{font-size: 20px;color: #fff;}
.cxf .box .box1 .phone .phonebox{width: 100%;height: 100%;position: relative;}
.cxf .box .box1 .phone .phonebox::after{content: "";display: block;width: 0;height: 0;border: 10px solid;border-color: transparent transparent #246cd7;position: absolute;right: -25px;top: 50%;margin-top: -10px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);}
.cxf .box .box1 .ewm{width: 100px;height: 100px;}
.cxf .box .box1 .ewm img{
	width: 100%;
}
.cxf .box .box1 .phones{width: auto;top: -20%;}
.cxf .box .box1 .con.rtl{ right: 120%;}
.cxf .box .box1 .phone1{left: 0;}
.cxf .box .box1 .con.ltr{ left: 102%;}
.cxf .box .box1:hover{background-color: #4d86dc;}


.cxfimg1{
	background: url("../img/common/zzimg15.png")no-repeat center center;
	background-size: cover;
}
.cxfimg2{
	background: url("../img/common/zzimg16.png")no-repeat center center;
	background-size: cover;
}
.cxfimg3{
	background: url("../img/common/zzimg17.png")no-repeat center center;
	background-size: cover;
}
.cxfimg4{
	background: url("../img/common/zzimg18.png")no-repeat center center;
	background-size: cover;
}



.adv_bottom{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.adv_bottom img{
	width: 100%;
}