@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 15px;
	font-family:"Microsoft Yahei",宋体,Verdana,Arial,Helvetica,Sans-serif;
	font-weight:normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
input,textarea{outline:none;}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;	
}
/*input框自动填充背景色*/
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset;	/**通过边框阴影遮挡住背景*/
	/*-webkit-text-fill-color: #333; !**填充字体颜色*!*/
}
body{ background:#064980 url(../images/bg.jpg);background-attachment:fixed; overflow-x:hidden;}
a,a:link,a:visited{color:#333333; text-decoration:none;}
a.active{color: #333333; text-decoration:none;}
a,a:link,a:hover{color:#c8965a; text-decoration:none;}
.cl{clear:both; visibility:hidden; font-size:0px; line-height:0px; width:100%; height:0; padding:0px; margin:0px;}

/*clear float*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}

.red,a.red:link,a.red:visited{color:#ee7800;}
a.red:hover {color:#ffb02c;}

.dot{color:#ae1d2c;}
li { list-style:none;}


/*header*/
.headerpage{clear:both; width:100%; margin:0 auto 0 auto; padding:0; position:relative; }
.headerpage:after, .headerpage:before {content: '';display: block;clear: both;height: 0;}

header{ width:100%; position:absolute; top:0px; background:rgba(0,49,79,0.15); padding:0px; z-index:9999;}
header:after,header:before {content: '';display: block; clear: both; height: 0;}

.headtop{ width:90%; margin:0 auto; clear:both;}
.headtop .logo{ float:left; width:15%;  padding:10px 0;}
.headtop .logo a{ width:100%; overflow:hidden;}
.headtop .logo a img{ max-width:100%;}
.headtop .topnav{ float:left; width:61%; margin:0 0 0 6%;}
.headtop .toptel{ float:right; width:17.5%;  color:#fff; padding:30px 0 0 0;}
.headtop .toptel span { font-size:21px; margin-right:8px;}
.headtop .toptel span img { float:left; margin-right:5px;}

.headtop .toptel font img { margin-top:5px;}

header .wapnav{float:right; display:none;}

/*搜索*/
#trigger { float:right; }
.popupbox {	width: 500px;	height: 300px;	background-image: url(pop-up_03.png);	background-repeat: no-repeat;	display: none; /* Hidden as default */	float: left;	position: fixed;	top: 50%;	left: 50%;	z-index: 99999;	-webkit-box-shadow: 0px 0px 20px #000;	-moz-box-shadow: 0px 0px 20px #000;	box-shadow: 0px 0px 20px #000;}
.popupbox2 {	width: 133px;	height: 133px;	background-repeat: no-repeat;	display: none;	float: left;	position: fixed;	top: 50%;	left: 50%;	z-index: 99999;	-webkit-box-shadow: 0px 0px 20px #000;	-moz-box-shadow: 0px 0px 20px #000;	box-shadow: 0px 0px 20px #000;}
.popupbox3 {	width: 80%;	height: 60px;	background-repeat: no-repeat;	display: none;	float: left;	position: fixed;	top: 50%;	left: 50%;	z-index: 99999;	-webkit-box-shadow: 0px 0px 20px #000;	-moz-box-shadow: 0px 0px 20px #000;	box-shadow: 0px 0px 20px #000;}
#fade {display: none;background: #000;	position: fixed;	left: 0;	top: 0;	width: 100%;	height: 100%;opacity: .80;	z-index: 9999;}
.search-form {	clear: both;}
.search-form .input {	float: left;	width: 82%;	height: 60px;	line-height: 60px;	padding: 0px 3%;	margin-right: 5px;	color: #d5d5d5;	font-size: 18px;
	background: none;	border-bottom: solid 1px #dddddd;}
.search-form .button {	float: right;	width: 9%;	height: 60px;	line-height: 60px;	margin-top: 0px;
	padding-top: 0px;	font-size: 18px;	color: #555555;	border: 0px solid #C8C8C8;}

/*搜索结束*/

/*Banner大图调用 开始*/
@media(min-width:855px) {
.welcome-banner .m-banner-img {position: relative; z-index: 2; float:center;}
.wel-banner-bg { position: relative; z-index: 2; width: 100%; height: 100%; }
.bgImg { background-size: cover !important;background-repeat: no-repeat !important;background-position: center !important; }}
 
.bgImg img{ max-width: 100%;}
.welcome-banner { overflow: hidden; position: relative;}
.welcome-banner .m-banner-img { position: relative; z-index: 2; display: none; }
.welcome-banner .swiper-slide { position: relative; z-index: 2; height: auto;display: block; transition-duration: 4s; }
.welcome-banner .swiper-wrapper { position: relative;z-index: 2; transition-duration: .8s; height: auto;}

.welcome-banner .swiper-slide-active {z-index: 4; }


.hd01 {z-index: 3;width: 100%;text-align: center; margin-top: 28px; }
.hd01.poa { position: absolute;left: 0;bottom: 38px !important; }
.hd01.opa5 .swiper-pagination-bullet:before {background: rgba(255, 255, 255, 1); }
.hd01.opa5 .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: rgba(255, 255, 255, 1); }
.hd01.opa5 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {background: #fff; }
.hd01 .swiper-pagination-bullet {
          width: 16px;
          height: 16px;display: inline-block;
          margin: 0 7px !important;
          position: relative;
          transition-duration: .5s;
          cursor: pointer;
          background: none;
          opacity: 1;
          border: 1px solid transparent; }
.hd01 .swiper-pagination-bullet:before { position: absolute; display: block; left: 50%; top: 50%; content: "";width: 6px; height: 6px;  margin-left: -3px;  margin-top: -3px; border-radius: 50%; transition-duration: .5s; background: #fff; }
 .hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: #d50a1d; }
 .hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active:before { background: #d50a1d; }
 
 @media(max-width: 854px) {
          .welcome-banner .m-banner-img {display: block;}
		.lazy-img { width:100%;}
          .hd01.poa { bottom: 16px !important; }
      }
@media(max-width: 480px) {
.welcome-banner { height: auto; }
      }

/*Banner大图调用 结束*/

/*首页样式*/
.container-fluid { max-width:1440px;}

.biaoti{ text-align:center; margin:40px 0 ; line-height:50px; }
.biaoti a{  color:#fff; font-size:36px; font-weight:bold; margin:0 0 10px 0; }
.biaoti a:hover { color:#fff; text-decoration:none;}
.biaoti p{ font-size:16px; color:#fff; }


.nbiaoti { color:#fff; font-size:32px; text-align:center; font-weight:bold; line-height:50px; margin-bottom:3%;}

.nbiaotijob { color:#333; font-size:32px; text-align:center;font-weight:bold; line-height:50px; margin-bottom:3%;}

/*产品分类*/
.prolist { background:url(../images/indexone.jpg) no-repeat top center; background-size:100% 100%; clear:both; overflow:hidden; padding:3% 0 6% 0; }
.prolist li{  padding:3% 5% 3% 5%; float:left; text-align:center; color:#fff;  transition: 588ms ; border-bottom-right-radius:20px;
border-bottom-left-radius:20px;}
.prolist li img{ transition: 588ms; }
.prolist li:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.prolist li:nth-child(1n){ background:url(../images/y1_d.png) center no-repeat;}
.prolist li:nth-child(2n){ background:url(../images/y2_d.png) center no-repeat;}
.prolist li:nth-child(3n){ margin:0 0 1.5% 0; background:url(../images/y3_d.png) center no-repeat;}
.prolist li strong{ font-size:21px; font-weight:normal; display:block; line-height:60px; color:#fff  }
.prolist .sum { font-size:15px; line-height:28px; color:#a3cae1; margin:10px 0 0 0; }
.prolist li:hover{transition: 588ms; -webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -20px, 0); }
.prolist a:hover { text-decoration:none;}

/*关于我们*/
.about{ background:url(../images/indextwo.jpg) top center; background-size:100% 100%; clear:both; overflow:hidden; padding:3% 0 6% 0; overflow:hidden; }
.about .wznr { padding:1% 2% 5% 2%; text-align:center; color:#fff; font-size:18px; line-height:36px;}

.about dl{background:rgba(30,50,100,0.4); color:#fff;  position:relative; overflow:hidden; height:191px;}
.about dl img{ display:block; width:100%; transition: 588ms; }
.about dl:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.about dl dt{ overflow:hidden; float:left; width:50%; overflow:hidden; transition: 588ms; }
.about dl dd{ font-size:15px; line-height:30px; padding:5% 4% 0% 4%;  float:left; text-align:center; width:50%; color:#fff; }
.about dl dd strong{ color:#fff; font-size:24px; font-weight:normal; display:block; margin:0 0 0px 0; text-align:center; padding:0 0 0px 0;}
.about dl dd  h2 { width:40px; height:1px; background:#fff; margin:10px auto;}

.about dl:nth-child(3) dt ,.about dl:nth-child(4) dt{ overflow:hidden; float:right; width:50%; }
.about dl:nth-child(3) dd{ font-size:15px; line-height:30px; padding:5% 5% 0% 5%; float:left; width:50%; color:#fff; }
.about dl:hover dd{ position:absolute; width:100%; top:0px; left:0px; background:rgba(14,95,178,0.8); transition: 588ms; height:306px; }
.about dl:hover dt{ width:100%; top:0px; left:0px; }

/*首页产品*/
.cproduct { background:url(../images/indexthree.jpg) no-repeat top center; background-size:100% 100%; clear:both; overflow:hidden; padding:3% 0 6% 0;}
.cproduct{ clear:both; overflow:hidden; margin:auto; }
.cproduct dl{ width:50%; float:left;background:rgba(14,95,178,0.4); color:#fff;  position:relative; overflow:hidden; height:306px; }
.cproduct dl img{ display:block; width:100%; transition: 588ms; }
.cproduct dl:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.cproduct dl dt{ overflow:hidden; float:left; width:50%; overflow:hidden; transition: 588ms; }
.cproduct dl dd{ font-size:16px; line-height:30px; padding:5% 5% 0% 5%;  float:left; width:40%; color:#91c1e6; }
.cproduct dl dd strong{ color:#fff; font-size:22px; font-weight:normal; display:block; margin:0 0 20px 0; padding:0 0 15px 0; background:url(../images/indexthreeline.gif) no-repeat left bottom; }
.cproduct dl:nth-child(3) dt ,.cproduct dl:nth-child(4) dt{ overflow:hidden; float:right; width:50%; }
.cproduct dl:nth-child(3) dd{ font-size:16px; line-height:30px; padding:5% 5% 0% 5%; float:left; width:40%; color:#91c1e6; }
.cproduct dl:hover dd{ position:absolute; width:90%; top:0px; left:0px; background:rgba(14,95,178,0.8); transition: 588ms; height:306px; }
.cproduct dl:hover dt{ width:100%; top:0px; left:0px; }


.myslider{ max-width: 1580px; margin: 20px auto;/*width: calc(100% - 100px);*/}
.myslider li{box-sizing: border-box; text-align:center; padding:1%; }
.myslider li .biank {margin:0 1%;background:rgba(14,95,178,0.6);padding:5%; border-radius:20px; overflow:hidden}

.myslider li img{ max-width: 100%; height: auto; transition: 588ms;}
.myslider li p { line-height:48px; height:48px; overflow:hidden;}
.myslider li  a { color:#fff}
.myslider li  a:hover { text-decoration:none;}
.myslider a .cpmore { margin:2px auto 10px auto; color:#6eb4e8; width:130px; font-size:16px; line-height:32px; border:1px solid #6eb4e8; transition: 588ms; }
.myslider a:hover .cpmore { width:160px; background:#6eb4e8; transition: 588ms; color:#fff; }
.myslider a:hover img { transform: scale(1.05);  transition: 588ms;}



/*首页销售网络*/
.network { background:url(../images/indexfour.jpg) no-repeat top center; background-size:100% 100%; clear:both; overflow:hidden; padding:3% 0 0% 0;}

.clearfix:after {	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0}
*html .clearfix {	height: 1%}
.map-service {	position: relative;	height: 680px;}
.map-service-right {margin-left: 0px;	padding-top: 0px}
.china-map {width: 748px;	height: 618px;	background: url(../images/map_black_bg.png) center no-repeat;	position: relative;}
.region-list {position: absolute;	left: 0;	top: 0}
 @-webkit-keyframes warn {
0% {-webkit-transform:scale(0);transform:scale(0);opacity:1}
100% {-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn {
0% {
-moz-transform:scale(0);
transform:scale(0);
opacity:1
}
100% {
-moz-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@-o-keyframes warn {
0% {
-o-transform:scale(0);
transform:scale(0);
opacity:1
}
100% {
-o-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@keyframes warn {
0% {
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
transform:scale(0);
opacity:1
}
100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:0
}
}
.area-box .dot {
	position: absolute;
	left: 0;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #a2a9b4;
	opacity: 1;
	filter: alpha(opacity=100)
}
.area-box .pulse {
	position: absolute;
	top: -28px;
	left: -28px;
	height: 66px;
	width: 66px;
	border: 2px solid #b7b7b7;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	-webkit-box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;
	-moz-box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;
	box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;
	opacity: .12;
	filter: alpha(opacity=0);
	-webkit-animation: warn 2s ease-out both;
	-moz-animation: warn 2s ease-out both;
	-o-animation: warn 2s ease-out both;
	animation: warn 2s ease-out both;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background: 0 0
}
.area-box .delay-01 {
	-webkit-animation-delay: 0;
	-moz-animation-delay: 0;
	-o-animation-delay: 0;
	animation-delay: 0
}
.area-box .delay-02 {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s
}
.area-box .delay-03 {
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	-o-animation-delay: .8s;
	animation-delay: .8s
}
.area-box .delay-04 {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	animation-delay: 1.2s
}
.area-box .delay-05 {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	-o-animation-delay: 1.6s;
	animation-delay: 1.6s
}
.area-box .delay-06 {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s
}
.area-box .delay-07 {
	-webkit-animation-delay: 2.4s;
	-moz-animation-delay: 2.4s;
	-o-animation-delay: 2.4s;
	animation-delay: 2.4s
}
.area-box .delay-08 {
	-webkit-animation-delay: -.4s;
	-moz-animation-delay: -.4s;
	-o-animation-delay: -.4s;
	animation-delay: -.4s
}
.area-box .delay-09 {
	-webkit-animation-delay: -.8s;
	-moz-animation-delay: -.8s;
	-o-animation-delay: -.8s;
	animation-delay: -.8s
}
.area-box .delay-10 {
	-webkit-animation-delay: -1.2s;
	-moz-animation-delay: -1.2s;
	-o-animation-delay: -1.2s;
	animation-delay: -1.2s
}
.area-box .delay-11 {
	-webkit-animation-delay: 4s;
	-moz-animation-delay: 4s;
	-o-animation-delay: 4s;
	animation-delay: 4s
}

.region-list.active .area-box .dot {	background: #009fd9}
.region-list.active .area-box .pulse {
	border-color: #009fd9;
	top: -39px;
	left: -39px;
	height: 88px;
	width: 88px;
	-webkit-box-shadow: 0 0 12px #0080d9, 0 0 20px #0080d9 inset;
	-moz-box-shadow: 0 0 12px #0080d9, 0 0 20px #0080d9 inset;
	box-shadow: 0 0 12px #0080d9, 0 0 20px #0080d9 inset
}
.region-list.waite .area-box .dot {	background: #f90}
.region-list.waite .area-box .pulse {border-color: #f90}
.show-regin {position: absolute;
	left: 2px;
	height: 0;
	top: 0;
	width: 11px;
	opacity: 0;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.online-node .show-regin, .region-list:hover .show-regin, .underline-node .show-regin, .waite-node .show-regin {height: 10px;	opacity: 1; }
.show-regin span {	width: 80px;	position: absolute;
	left: 8px;
	top: -5px;
	padding: 0px 5px;
	font-size: 14px;
	color: #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	white-space: nowrap;
}
.postition-10 .show-regin span {left: 0}
.postition-6 .show-regin span {	left: -72px;}
.area-box {	z-index: 77}
.show-regin {z-index: 66}
.region-list.active .show-regin span {	position: relative;	color: #ccc}
.region-list.waite .show-regin span {color: #ccc}
.postition-1 {
	left: 302px;
	top: 308px
}
.postition-2 {
	left: 380px;
	top: 403px
}
.postition-3 {
	left: 358px;
	top: 516px
}
.postition-4 {
	left: 473px;
	top: 348px
}
.postition-5 {
	left: 526px;
	top: 394px
}
.postition-6 {
	left: 526px;
	top: 515px
}
.postition-7 {
	left: 652px;
	top: 200px
}
.postition-8 {
	left: 559px;
	top: 229px
}
.postition-9 {
	left: 637px;
	top: 371px
}
.postition-10 {
	left: 554px;
	top: 539px
}
.postition-11 {
	left: 604px;
	top: 300px
}
.postition-13 {
	left: 470px;
	top: 230px
}
.postition-14 {
	left: 180px;
	top: 150px
}
.postition-15 {
	left: 200px;
	top: 400px
}
.postition-16 {
	left: 680px;
	top: 100px
}
.postition-17 {
	left: 660px;
	top: 160px
}
.postition-18 {
	left:545px;
	top: 250px
}
.postition-19 {
	left:495px;
	top: 295px
}
.postition-20 {
	left:520px;
	top: 340px
}
.postition-21 {
	left:580px;
	top: 380px
}
.postition-22 {
	left:620px;
	top: 420px
}
.postition-23 {
	left:600px;
	top: 470px
}
.postition-24 {
	left:560px;
	top: 440px
}
.postition-25 {
	left:500px;
	top: 440px
}
.postition-26 {
	left:440px;
	top: 470px
}
.postition-27 {
	left:450px;
	top: 540px
}
.postition-28 {
	left:440px;
	top: 415px
}
.postition-29 {
	left:390px;
	top: 325px
}
.postition-30 {
	left:415px;
	top: 290px
}
.postition-31 {
	left:475px;
	top: 590px
}
.postition-32 {left: 526px;top: 515px}
.douhao {width: 0}

/*首页新闻*/
.newsbox .xwright{ float:right; width:28%; border:1px solid #e3e3e3;background:#FFFFFF; overflow:hidden;padding:1.3% 0;}
.newsbox .xwright .wdbt{  overflow:hidden; line-height:46px;}
.newsbox .xwright .wdbt span{ display:block; float:left; font-size:18px; color:#0a51a3; padding-left:4%;}
.newsbox .xwright .wenda{ clear:both; padding:15px 5%; line-height: 30px; color: #666;}
.newsbox .xwright .wenda .tel1{ font-size: 30px; color:#e65801; margin-top: 10%; line-height: 43px; }
.newsbox .xwright .wenda .tel1 img{ float: left; padding:0 4%; }


.newsbox{ background:url(../images/indexfive.jpg) no-repeat top center; background-size:100% 100%; clear:both; overflow:hidden; padding:3% 0 3% 0; margin-top:-2px;}
.newsbox .new_left dl{ color:#fff; background:rgba(0,50,130,0.5); }
.newsbox .new_left dl dt{ overflow:hidden;  }
.newsbox .new_left dl dt img{ display:block; overflow:hidden; transition: 588ms; width:100%; }
.newsbox .new_left dl:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.newsbox .new_left dl dd{ padding:4% 5%;} 
.newsbox .new_left dl dd a{ color:#fff; font-size:18px; display:block; margin:0 0 10px 0;}
.newsbox .new_left dl dd a:hover { color:#c8965a; text-decoration:none;}
.newsbox .new_left dl dd p{ line-height:30px; color:#91c1e6; font-size:15px; line-height:28px; }

.newsbox .new_right ul li .newlist{ color:#fff; padding:10% 10% 4% 10%; margin-bottom:5%; background:url(../images/news_d.png) no-repeat;border-radius: 15px;  transition: 588ms; }
.newsbox .new_right ul li .newlist:hover{ background:url(../images/news_d1.png) no-repeat;transform: scale(1.05); }
.newsbox .new_right ul li h2{ font-size:18px; margin:0 0 15px 0; height:24px; overflow:hidden}
.newsbox .new_right ul li a h2 { font-size:18px; margin:0 0 15px 0; color:#fff;} 
.newsbox .new_right a .infoseo { font-size:15px; line-height:30px; color:#91c1e6; height:90px; overflow:hidden;}
.newsbox .new_right p { font-size:18px; line-height:30px; color:#91c1e6;}


/*首页样式 end*/


/*尾*/
.footerbox{ clear:both; margin:0 auto 0 auto; width:100%; background:#061222; overflow:hidden;}

.footer{clear:both; margin:0 auto; padding:3% 0 0 0; overflow:hidden;}

.footmenu{ }
.footmenu a:hover{color:#e17c4a; text-decoration:none;}
.footmenu dl{ float:left; width:24%; margin-right:0px;}
.footmenu dl dt{}
.footmenu dl dt a{ font-size:18px; color:#fff; line-height:50px; }
.footmenu dl dd{  width:100%; clear:both; margin-top:0px;}
.footmenu dl dd a{ font-size:15px; color:#687b94; line-height:21px; }


.erweima{ width:100%; text-align:center; color:#687b94; }
.erweima ul {}
.erweima li { text-align:center;}
.erweima img{ max-width:100%;margin:0 0 15px 0; }

.footercontact { border:1px solid #1e3048; border-left:0; border-right:0; line-height:24px; color:#687b94; padding:1.5% 0 1.5% 0; overflow:hidden;}
.footercontact img { float:left; margin-right:10px;}
.footercontact li { float:left;}
.footercontact li:nth-child(1){ width:42%;} 
.footercontact li:nth-child(2){ width:27%;} 
.footercontact li:nth-child(3){ width:25%;} 


.ftbottom{ font-size:15px; color:#687b94;  padding:1% 0; line-height:28px; text-align:center;}
.ftbottom a{ font-size:15px; color:#687b94; }
.ftbottom a:hover{color:#ff0001;}
.ftbottom .gnj { clear:both;}
.ftbottom .gnj img {  margin-right:5px;}

/*内页*/
.mainarea{ position:relative; clear:both; overflow:hidden; padding:40px 30px 30px 30px;background-color:rgba(255,255,255,1);margin:4% 0; border-radius:20px; min-height:360px; height:360px;}
[class].mainarea{height:auto;}
.mainarea div.content{font-size:15px; line-height:26px;}

.zoominfo{ clear:both; margin:20px auto; overflow:hidden;}
.zoominfo .zoominfoleft{ float:left; width:35%; }
.zoominfo .zoominfoleft img { width:100%;border:1px solid #dbf3ff}
.zoominfo .zoominforight{ float:left; width:60%;  margin-left:4%; font-size:14px; line-height:25px; }
.zoominfo .zoominforight h3{font-size:21px; line-height:42px; font-weight:bold; color:#0d5baf; border-bottom:1px dotted #b7b7b7;display:block; overflow:hidden;}
.zoominfo .zoominforight .summ { margin:15px 0; font-size:15px; background:#f8f8f8; line-height:28px; padding:10px 20px; color:#666;}
.zoominfo .zoominforight .tel { font-size:16px; line-height:21px; }
.zoominfo .zoominforight .tel img { float:left; margin-right:5px;}
.zoominfo .zoominforight .anniu { margin-top:20px; width:140px; padding:0.5% 0; text-align:center; background:#c8965a;transition: all 0.3s ease-out;}
.zoominfo .zoominforight .anniu a{ color:#fff; font-size:18px; }
.zoominfo .zoominforight .anniu:hover {box-shadow:0px 0px 5px #888888;transform: scale(1.1);}
.zoominfo .htmleaf-content{ max-width:500px; margin:3% auto 0 auto; }
.zoominfo .thumbnails{ border:1px solid #d6d6d6; }

.zoominfo .thumb-box {
	padding: 1.4em 0 1em;
	margin-left: -1%;
	width: 102%;}
.zoominfo .thumb-box .thumbs {
	overflow: hidden;
	*zoom: 1;
}
.zoominfo .thumb-box .thumbs li {
	float: left;
	width: 23%;
	text-align: center;
	padding: 0 1%;}
.zoominfo .thumb-box .thumbs li img {
	width: 100%;
	opacity: .8;
	-moz-transition: opacity 0.32s;
	-o-transition: opacity 0.32s;
	-webkit-transition: opacity 0.32s;
	transition: opacity 0.32s;
	border-bottom: 4px solid transparent;
}
.zoominfo .thumb-box .thumbs li img.active {
	border-color: #31ACE2;
	opacity: 1;
}
.zoominfo .thumb-box .thumbs li:hover img {
	opacity: 1;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.midpicarea{border:solid 1px #bbbbbb;z-index:5;cursor:crosshair;}
.bigpicarea{border:solid 1px #bbbbbb;overflow:hidden;position:absolute;z-index:6;}
.viewarea{border:solid 1px #fff;cursor:move; background-color:#999;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;overflow:hidden;position:absolute; z-index:10;  }

.zoomsmall{margin-top:8px;}
.zoomsmall ul{clear:both;}
.zoomsmall ul li{float:left; margin:0 2px;}
.zoomsmall ul li img{border:solid 1px #bbbbbb; padding:2px; cursor:pointer;}

.fnav2 { display:none}

/*内页位置*/
.positioninfobox{ clear:both; margin:-250px auto 90px auto; width:70%;overflow:hidden;color:#fff;}
.positioninfobox p {font-size:16px; letter-spacing:10px; margin:10px 0 15px 0;}
.positioninfo{ font-size:32px; color:#fff;}
.position{color:#a0ceff; display:none;}
.position a,.position a:link,.position a:visited {color:#a0ceff;}
.position a:hover,.position font.active,.position a.active,.position a.active:link,.position a.active:visited{color:#d71820;}

.menu_bg { background:#fff;box-shadow: 0 0 6px #fff; display: block}
.menu1{ overflow:hidden; text-align:center; margin:0px auto; padding:0.5% 0; }
.menu1 a {color:#000000; line-height:48px; margin:0px 5px; padding:0.5% 2.5%;border-radius:30px; font-size:18px; text-decoration:none; text-align:center; background:#e6e6e6; 	-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;}
.menu1 a:link,.menu1 a:visited{background:#e6e6e6;}
.menu1 a:hover,.menu1 a.active,.menu1 a.active:link,.menu1 a.active:visited{background-image: linear-gradient(to right , #0093d6, #094086); color:#FFFFFF;}



.menu3{ margin:0px auto 0px auto; clear:both;  padding:15px 0; }
.menu3 h3 a,.menu3 h3 a:link,.menu3 h3 a:visited{ font-size:17px; display:block; text-align:center; color:#fff;-webkit-transition: background-color 0.5s ;	-moz-transition: background-color 0.5s ;-o-transition: background-color 0.5s;	transition: background-color 0.5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:46px; line-height:46px; margin-bottom:-8px; overflow:hidden}
.menu3 h3 a:hover,.menu3 h3 a.active,.menu3 h3 a.active:link,.menu3 h3 a.active:visited{background:#c8965a; color:#fff; text-decoration:none;}
.menu3 li{ float: left; padding: 0px 0px;margin: 0.5% 0.5%; width:32%; background:#0057b0; } 
.menu3 h4 a,.menu3 h4 a:link,.menu3 h4 a:visited{ font-size:15px; display:block; text-align:center; padding:10px 0; color:#fff;-webkit-transition: background-color 0.5s ;-moz-transition: background-color 0.5s ;-o-transition: background-color 0.5s;transition: background-color 0.5s;background-color:rgba(200,150,90,0.8); margin-bottom:-8px; }
.menu3 h4 a:hover,.menu3 h4 a.active,.menu3 h4 a.active:link,.menu3 h4 a.active:visited{background-color:rgba(200,150,90,0.8); color:#fff; text-decoration:none;}	
		

.page_road{ text-align: center; margin:0 0 5% 0; }
.next_nav{width: 100%;display: none; position:absolute; z-index:9999; }
.next_nav li{position: relative;padding: 0!important;margin: 0 !important;float: none; width: 100%;font-size:14px; background-color:rgba(0,90,180,0.9);}
.next_nav li h3 a { font-size:14px;}
.clear{clear: both}
.zhe{position: fixed;z-index: 999;width: 100%;height: 100%;background-color: #9F9F9F;top: 0;left: 0;right: 0;bottom: 0px;}
.somes{position: relative;}
.somes a{width: auto !important;}
.somes li { border-top:1px solid #3380d0;}
#ad{  position: absolute;  z-index: 999;  top:12px;  width: 1.5rem; right:15px}
#ads{  margin:0px 0px 0px auto;  width: 1.5rem; float:right;}





.backtop{ text-align:right; margin:10px 0 20px 0;}
.infosearch{ text-align:right; margin-bottom:10px; margin-top:10px; padding:5px 5px 0 0;}
.infosearch input[type="text"]{width:150px;height:23px;border: 1px solid #dddddd;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px;padding-left:3px;background-color:#ffffff;}
.infosearch input[type="submit"]{background-color:#0a51a3;border: 1px solid #00418b;height:27px;width:60px;color:#ffffff;font-weight:bold;-moz-border-radius:3px;-webkit-border-radius: 3px;border-radius:3px;}

.infodes{ clear:both; padding:10px 0; line-height:20px;}

.af{ clear:both;}
.af dl{ clear:both;font-size:12px;line-height:23px;}
.af dl dt,.addf dl dd{ float:left;}
.af dl dt{ width:70px; text-align:right;}

/*信息*/
.info_list{clear:both;margin-top:0px;padding:0px;}
.info_list ul{clear:both;}
.info_list ul li{ float:left; text-align:center; margin-top:15px;}


.info_listimg{clear:both;margin-top:0px;padding:0px; overflow:hidden}
.info_listimg ul{clear:both; margin-top:10px; }
.info_listimg ul li{float:left; width:23%; padding:5px 1% 5px 1%; text-align:center; line-height:36px;}
.info_listimg ul li a{display:block; padding:0px;}

.info_listimg ul li img{ width:100%;display:block; border:1px solid #dddddd;}
.info_listimg ul li a:hover{text-decoration:none;}
.info_listimg ul li a p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.info_list ol.head{background: #eeeeee;font-size:14px;height:30px;line-height:30px; text-align:center; color:#333333;}
.info_list ol.head span.title{float:left;width:65%; font-size:15px; font-weight:bold;}
.info_list ol.head span.title a{font-size:15px; font-weight:bold;}
.info_list ol.head span.views{float:left;width:10%; }
.info_list ol.head span.date{float:right;width:16%; text-align:right; padding:0 25px 0 0;}

.info_list ol.info{clear:both; font-size:12px;height:30px;line-height:30px; padding:0 0 0 10px;}
.info_list ol.bg{background: #f5f5f5; padding:0 0 0 10px;}
.info_list ol.info font.dot{color:#ee7700; font-family:"宋体";}
.info_list ol.info a.title{float:left;width:65%;}
.info_list ol.info span.views{float:left;width:10%;text-align:center;font-size:12px;color:#666666;}
.info_list ol.info span.date{float:right;width:16%;  text-align:right; padding:0 20px 0 0; font-size:12px;color:#666666;}

.info_list dl{ float:left; width:300px; height:265px; text-align:center; margin:0 25px 15px 25px; }
.info_list dl dd{ height:20px;line-height:20px;}


.info_view{ clear:both;padding:5px 0 10px 0;}
.info_view h1.title{border-bottom:1px dotted #ccc; font-size:22px;line-height:26px; padding:15px 0; text-align:center; font-weight:bold;}
.info_view h2.subtitle{ color:#999; font-size:14px;line-height:22px; padding:5px 0 10px 0;text-align:center;}
.info_view div.content{padding:0px 0px; font-size:16px;line-height:28px; }
.info_view div.content p{padding:0px 0; font-size:16px;}
.info_view img{ max-width:100%;}
.info_view div.atta{font-size:14px;line-height:23px;padding-top:2px;color:#ee7700; font-weight:bold;}
.info_view div.comment{font-size:12px;line-height:23px;padding-top:2px;}

.info_view div.other{ text-align:left; padding-right:0px;}

.info_view .bigimg{ padding:10px 0px; text-align:center;}


.info_view table {border-collapse:collapse; border-spacing: 0; border:#CCCCCC 1px solid; width:100%;}
.info_view td{border:#CCCCCC 1px solid; text-align:center; padding:4px;}


.info_commentlist{clear:both;margin-top:0px;padding:0px;}
.info_commentlist h1{background:#eeeeee;font-size:14px;line-height:28px;padding-top:3px;text-align:center;}
.info_commentlist p.name{clear:both; font-weight:bold; padding:3px 0;}
.info_commentlist p.date{clear:both; padding:3px 0; }
.info_commentlist p.content{clear:both; font-size:12px;line-height:20px; margin-bottom:20px; padding-bottom:10px; border-bottom:dotted 1px #ccc;}

.info_commentadd{ padding:5px;}
.info_commentadd p{ padding:3px 0;}
.info_commentadd input[type="text"]{ width:230px;}
.info_commentadd #txtcode{width:80px;}
.info_commentadd textarea{ width:230px;}

.supply_add{ padding:5px;}
.supply_add h2{ padding:5px; background-color:#f0f0f0; text-align:center;}
.supply_add p{ padding:3px 0;}
.supply_add input[type="text"]{ width:230px;}
.supply_add #txtcode{width:80px;}
.supply_add textarea{ width:230px;}



/*产品*/
.productcontentnav{ clear:both; width:100%;  background-color:#e9f4ff; margin:20px 0;}
.productcontentnav span { font-size:20px; font-weight:bold; background:#0d5baf; color:#fff; padding:0.5% 2%; display:inline-block; }


.product_cate{clear:both;}
.product_cate dl{ clear:both; width:100%; margin-top:10px;}
.product_cate dl dt{ float:left; width:30%;}
.product_cate dl dd{ float:right; width:69%; line-height:21px;}
.product_cate dl strong{ font-size:14px;}

.product_list{clear:both;}
.product_list ul{clear:both;}

/*产品：上图下字*/
.product_list{clear:both; margin-top:0px; padding:0px; overflow:hidden}
.product_list ul{clear:both; margin-top:10px; }
.product_list ul li{float:left; width:23%; padding:5px 1% 5px 1%; text-align:center;line-height:26px;}
.product_list ul li a{display:block; background:#efefef; padding:5% 5%; -webkit-transition: background-color 1.0s ; -moz-transition: background-color 1.0s ; -o-transition: background-color 1.0s; transition: background-color 1.0s; }
.product_list ul li img{ width:100%;display:block;}
.product_list ul li a:hover{text-decoration:none; background:#ee7700; color:#ffffff;}
.product_list ul li p{ text-align:center; margin:5px 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product_list ul li p span{ display:block; line-height:28px;}


/*产品：列表*/
.product_list ol.head{background: #eeeeee;font-size:14px;height:26px;line-height:26px;padding-top:2px; padding-left:16px;text-align:center; color:#333333;}
.product_list ol.head span.title{float:left;width:60%;}
.product_list ol.head span.views{float:left;width:10%;  }
.product_list ol.head span.date{float:right;width:28%; }

.product_list ol.info{clear:both; font-size:12px;height:27px;line-height:27px;padding:2px 0 1px 16px;background-image:url(../images/bg.gif); background-repeat:no-repeat;}
.product_list ol.bg{background: #f5f5f5;}
.product_list ol.info font.dot{color:#ee7700; font-family:"宋体";}
.product_list ol.info a.title{float:left;width:60%; }
.product_list ol.info span.views{float:left;width:10%;text-align:center;font-size:12px;color:#666666;}
.product_list ol.info span.date{float:right;width:28%; text-align:center;font-size:12px;color:#666666;}

/*产品：左图右字*/
.product_list dl{ clear:both; width:100%; margin-top:10px;}
.product_list dl dt{ float:left; margin-right:10px;}
.product_list dl dd{ float:left; line-height:21px;}
.product_list dl strong{ font-size:14px;}
.product_list dl div.summary{ line-height:20px;}

/*产品列表页*/
.box {}
.box .cpbj { margin:1% 0;}
.box li {position: relative;z-index: 10;-webkit-transition: all 500ms ease;transition: all 500ms ease;-webkit-transform: translateY(0);transform: translateY(0); }
.box li:hover {	-webkit-transform: translateY(-76px);	transform: translateY(-76px);}
.imgbox {position: relative;-webkit-transition: all 500ms ease;transition: all 500ms ease;-webkit-transform: translateY(0);transform: translateY(0);}
.box li:hover .imgbox { -webkit-transform: translateY(76px);transform: translateY(76px);}
.image-inner {position: relative;overflow: hidden;background-color: #333;z-index: 10;}
.image-inner>img {width: 100%;-webkit-transform: scale(1.0);transform: scale(1.0);opacity: 1;-webkit-transition: all 500ms ease;transition: all 500ms ease;border:1px solid #edf2f5;}
.box li:hover .image-inner>img {opacity: 0.2;-webkit-transform: scale(1.2);transform: scale(1.2);}
.con {text-align: center;background-color: #edf2f5;padding-top: 23px;padding-bottom: 25px;position: relative;}
.con h3 {text-transform: uppercase;	margin-bottom: 24px;}
.cpbj a .con h3 {color: inherit;font-size: 18px;color: #063a7a;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
/*.con h3 a:hover {color: #fff;}*/
.cpbj a:hover .con h3{color: #fff;}
.con p {	margin: 0 auto;	width: 80%;	color: #838a93;	-webkit-transition: all 500ms ease;	transition: all 500ms ease;}
.box li:hover .con h3 a, .box li:hover .con p {	color: #fff; }
.box li .con:before {	background-color: #0d4a9c;}
.box li:hover .con {color: #fff;background: #063a7a;z-index: 12;}
.box li .a_link {position: absolute;top: 100%;left: 0;z-index: 20;display: block;text-align: center;width: 100%;background-color: #c8965a;color: #fff;font-size: 18px;font-weight: bold;padding-top: 20px;padding-bottom: 20px;-webkit-transform-origin: top center;transform-origin: top center;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: perspective(400px) rotateX(-90deg);transform: perspective(400px) rotateX(-90deg);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.box li:hover .a_link {-webkit-transform: perspective(400px) rotateX(0);transform: perspective(400px) rotateX(0);}
.box li .a_link:hover {background-color: #3b91e1;color: #fff; }


/*.product_list ol.other,ol.other a,.product ol.other a:link,.product ol.other a:visited { display:block; font-size:12px; height:23px; line-height:23px;}*/
.product_view h1.title{border-bottom:1px dotted #ccc; font-size:22px;line-height:40px; padding:10px 0; text-align:center; font-weight:bold;}
.product_view h1.title b{ display:block; line-height:30px; font-size:20px;}
.product_view h2.subtitle{ background:#f5f5f5; color:#999; font-size:14px;line-height:22px; padding:5px 0;text-align:center;}
.product_view div.bigimg{ text-align:center; padding:10px 0;}
.product_view div.bigimg img{}

.product_view dl{ clear:both;}
.product_view dl dt,.product_view dl dd{ float:left;}
.product_view dl dt{ margin-right:10px; }
.product_view dl dd ul{ clear:both;}
.product_view dl dd li{ clear:both;font-size:12px;line-height:23px;}
.product_view dl dd span,.product_view dl dd p{ float:left;}
.product_view dl dd span{ width:70px; text-align:right;}
.product_view div.atta{font-size:12px;line-height:20px;color:#ee7700;}



.product_viewcart{padding:5px;}
.product_viewcart h2{ padding:5px; background-color:#f0f0f0; text-align:center; font-weight:bold;}
.product_viewcart p{ padding:3px 0; border-bottom:dotted 1px #ccc; margin-bottom:10px; padding-bottom:10px;}
.product_viewcart strong{ font-weight:bold;}
.product_viewcart input[type="text"]{ width:230px;}
.product_viewcart input.pnum{width:80px;}
.product_viewcart textarea{ width:230px;}

/*留言内页*/
.message_add{ padding:5px;}
.message_add p{ padding:10px 20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc; margin:0 0 15px 0; margin:0 2.5% 10px 0; font-size:16px;}
.message_add input[type="text"]{ width:84%; border:0px solid red; background:#f3f3f3; }
.message_add #txtcode{width:100px;}
.message_add textarea{ width:96%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}

.message_list{clear:both; margin-bottom:25px;padding:0px;font-size:12px;line-height:20px; padding:1px;}
.message_list h1.title{background:#ebebeb;font-size:14px;line-height:28px;text-align:center;}
.message_list div.memo{padding:5px 0;}
.message_list div.nickname{text-align:left; padding:3px 0px;}
.message_list div.adddate{text-align:left; padding:3px 0px;}
.message_list div.reply{ padding:5px 0;background-color:#f7f7f7; }

.order_add{ padding:5px;}
.order_add p{ padding:3px 0;}
.order_add input[type="text"]{ width:230px;}
.order_add #txtcode{width:100px;}
.order_add textarea{ width:230px;}


/*人力资源内页*/
.job_add{ padding:5px;}
.job_add p{ padding:3px 0;}
.job_add input[type="text"]{ width:98%; height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.job_add #txtcode{width:100px;}
.job_add textarea{ width:98%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.job_add select{ height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}

.joblist{ clear:both; margin-bottom:15px; padding:10px 3px 10px 3px; border-bottom:dotted #333 1px;}
.joblist p{ padding:3px 0;}
.joblist p.biaoti{ font-size:18px;}
.joblist p.biaoti span{ font-size:18px;}
.joblist p.biaoti a{ background:#eeeeee; padding:3px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.joblist p.fabu{ color:#666666;}

.viewpic{ width:100%; text-align:center; clear:both;}
.viewpic img{ margin:20px auto; display:block;}
/*分页*/
.pagelist{clear:both; font-size:15px; line-height:26px; margin:1% 0%; text-align:center; color:#333333;}
.pagelist a{color: #363535; text-decoration: none;line-height: 26px;margin: 5px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 1px 3px; display:inline-block;}
.pagelist a:hover{color:#0a51a3; text-decoration:none; border:#ccc solid 0px; background:#f1f1f1;}
.pagelist a.red{color:#ffffff; text-decoration:none; font-weight:bold; background:#d71820; border:none; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pagelist a.red:hover{color:#ffffff; text-decoration:none;} 

.plinktop{text-align:right;font-size:12px;line-height:25px; padding-right:8px;}
.plinktop a,.plinktop a:link,.plinktop a:visited { padding:0 3px;color:#363535;  text-decoration:none;}
.plinktop a:hover{color:#ee7700; text-decoration:underline;}
.plinktop a.red,.plinktop a.red:link,.plinktop a.red:visited {color:#ee7700; text-decoration:underline; }
.plinktop a.red:hover{color:#ee7700; text-decoration:underline;} 

.plinkbottom{text-align:center;font-size:14px;line-height:25px;  padding-right:0px; margin:20px 0 0 0;}
.plinkbottom a,.plinkbottom a:link,.plinkbottom a:visited {padding:0 3px;color:#363535;text-decoration:none; }
.plinkbottom a:hover{color:#ee7700; text-decoration:underline;}
.plinkbottom a.red,.plinkbottom a.red:link,.plinkbottom a.red:visited {color:#ee7700; text-decoration:underline; }
.plinkbottom a.red:hover{color:#ee7700; text-decoration:underline;}

.imgborder{ border:#dedede solid 1px;}

.roundabout-holder  { 
	width:850px;
	height:496px;
	margin:0 auto;

}
.roundabout-moveable-item {
   width:650px;
   height:394px;
   cursor: pointer;
	border:3px solid #ccc;
	border:3px solid rgba(0, 0, 0, 0.08);
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
}
	.roundabout-moveable-item img{
		width:100%;
	}
.roundabout-in-focus {
	border:4px solid rgba(0, 0, 0, 0.1);
}
/*内页关于我们*/
.n_about { }
.n_about .title { font-size:30px; margin-bottom:30px; background:url(../images/about_t.jpg) right no-repeat;}
.n_about .title span { color:#d6a161; font-size:48px; font-weight:bold; font-family:Arial, Helvetica, sans-serif }
.n_about .title p { font-size:15PX;}
.n_about .title p FONT { font-size:28PX;}
.n_about p { font-size:16px; line-height:26px;}

.linian { background-color:rgba(0,95,170,0.6);}
.linian .tp { float:left; width:50%; overflow:hidden;}
.linian img {   width:100%;  transition: all 0.3s;}
.linian .wznr {float:left; color:#fff; max-width:560px; margin-left:3%; padding-top:4%;}
.linian .wznr h1 { font-size:32px; font-weight:bold; }
.linian .wznr h2 { height:3px; width:60px; background:#c8965a; margin:20px 0 20px 0;}
.linian .wznr p { font-size:16px; line-height:28px; }

.linian ul:nth-child(2n) .tp { float:right;}
.linian ul:nth-child(2n) .wznr { margin-left:10%;}
.linian .tp:hover img {  transition: all 0.3s;transform: scale(1.2); }

.swiper-container {	width: 100%;position: relative;}
.swiper-slide {	text-align: center;	font-size: 18px;display: -webkit-box;display: -ms-flexbox;
	display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;
	-ms-flex-align: center;-webkit-align-items: center;	align-items: center;}
	
.swiper-pagination-bullet {	width: 15px;	height: 15px;	display: inline-block;	border-radius: 100%;	background: #fff; 	opacity: .6; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 40px;    left: 0;    width: 100%;}
.swiper-pagination-bullet-active {	opacity: 1;}

.fwtx { text-align:center;background-color:rgba(0,95,170,0.6);}
.fwtx img { txt-shadow: 10px 10px 5px #888888;}

/*新闻内页*/
.info_listxw{clear:both; padding:0px; margin-top:20px; display:block; overflow:hidden;}
.info_listxw dl{ clear:both; padding:1.5% 0px; border-bottom:1px dotted #cccccc; overflow:hidden;position: relative;}
.info_listxw dl:before{ content:""; background:#f8f8f8; width:100%; height:100%; position:absolute; left: 0; top: 0;  opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transition: 570ms; }

.info_listxw dl:hover:before {opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); }
.info_listxw dl:hover dt img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.info_listxw dl dt{ display:none;}
.info_listxw dl dd{ clear:both; position:relative; padding:0px 1%;}
.info_listxw dl dd a.title{ clear:both; display:block; font-size:18px; font-weight:bold; color:#333; line-height:36px;}
.info_listxw dl dd a:hover { color:#ff0001; text-decoration:none}
.info_listxw dl dd .jianyao{ clear:both; font-size:13px; line-height:24px; color:#999; height:48px; overflow:hidden;}
.info_listxw dl dd .jianyao p{ float:left; color:#999; text-align:left; }
.info_listxw dl dd .jianyao div{float:left; color:#999; text-align:left; list-style-type: none;}
.info_listxw dl dd .jianyao font{float:left; color:#999; text-align:left;}
.info_listxw dl dd .jianyao span{float:left; color:#999; text-align:left;}
.info_listxw dl dd .jianyao strong{float:left; font-weight:normal;}
.info_listxw dl dd .jianyao a{float:left; color:#666666;}
.info_listxw dl dd .jianyao img{ display:none;}
.info_listxw dl dd .jianyao br{ display:none;}
.info_listxw dl dd .jianyao iframe{ display:none;}
.info_listxw dl dd .newsdate{ clear:both; color:#666; font-size:14px; line-height:26px;}

.hotnews { margin-bottom:30px;}
.news_list {}
.news_list dl dd{ clear:both; position:relative; padding:0px 1%;}
.news_list dl dd a.title{ clear:both; display:block; font-size:18px;  color:#333; height:42px; line-height:42px; overflow:hidden; border-bottom:1px solid #dedede}
.news_list dl dd a:hover { color:#ff0001; text-decoration:none}
.news_list dl dd .jianyao{ clear:both; font-size:14px; line-height:21px; color:#666; height:74px; padding:12px 0; overflow:hidden; }
.news_list dl dd .jianyao p{ float:left; font-size:14px;  text-align:left; margin-bottom:0 }
.news_list dl dd .jianyao div{float:left; font-size:14px;  text-align:left; list-style-type: none;}
.news_list dl dd .jianyao font{float:left; font-size:14px;  text-align:left;}
.news_list dl dd .jianyao span{float:left; font-size:14px;  text-align:left;}
.mtinfo { background:#f4f6f8; padding:5%; margin:1.5% 0;}
.news_list dl dd .more { margin-top:10px;}
.news_list dl dd .more a { font-size:14px; color:#0057b0; margin-top:15px;text-decoration: underline}
.news_list .dtmd{ clear:both; display:block; font-size:36px;}
.news_list .dtmym{ clear:both; display:block;font-size:16px; }
.mtinfo:hover { background:#0057b0 url(../images/n_b.jpg) center top no-repeat; transition: all 0.3s;box-shadow: 0px 0px 20px #999;-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);-webkit-transition: all 0.5s;}
.mtinfo:hover a.title { color:#fff;}
.mtinfo:hover .jianyao { color:#fff;}
.mtinfo:hover .dtmd {color:#fff;}
.mtinfo:hover .dtmym {color:#fff;}
.mtinfo:hover .more a { color:#fff}
/*人才招聘*/
.job_k { margin-top:3%;}
.jobbox { padding:10%; margin:0%; line-height:26px; color:#fff; text-align:center; transition: 588ms; border-radius:0px; background-color:rgba(0,95,170,0.8);}
.jobbox dd span { display:block; font-size:21px; line-height:48px; }
.jobbox:hover { -webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);-webkit-transition: all 0.5s;transition: all 0.5s;}


.jod1 .txtp{ font-size:14px; color:#282828; margin-bottom:20px; margin-top:20px;}
.jod1 .libox{ background-color:#f7f7f7; padding:0 45px; height:55px; line-height:55px; font-size:16px; color:#333; cursor:pointer; margin-bottom:10px;}
.jod1 .libox p{ background:url(../PSimages/ico16_1bg.png) no-repeat right center;}
.jod1 .libox:hover{ color:#fff; background-color:#0057b0;}
.jod1 .libox:hover p{ background:url(../PSimages/ico16_1bgon.png) no-repeat right center;}
.jod1 .libox.currentDt{ margin-bottom:0; color:#fff; background-color:#093f7f;}
.jod1 .libox.currentDt p{background:url(../PSimages/ico16_2bgon.png) no-repeat right center;}
.jod1 .conbox{ display:none; background-color:#f6f6f6; padding:15px 45px 20px 45px; margin-bottom:20px; overflow:hidden; color:#404040}
.jod1 .conbox .title{ padding-bottom:25px; margin-bottom:25px; border-bottom:1px #ddd solid; font-size:15px; line-height:30px;}
.jod1 .conbox .title span{ margin-right:60px;}
.jod1 .conbox .text{ padding-bottom:30px; line-height:26px;}
.jod1 .conbox .text h3{ font-size:16px; color:#333; padding-bottom:15px;}
.jod1 .conbox .text p{ line-height:30px;  }
.jod1 .conbox .upload{float:right; display:block; width:140px; height:35px; line-height:35px; font-size:16px; color:#538fcd; text-align:center; border:1px #538fcd solid; border-radius:4px; }
.jod1 .conbox .upload:hover{ background-color:#538fcd; color:#fff;}



/* 特效滚动 */
#focus_Box{position:relative;width:800px;height:554px;margin:20px auto;}
#focus_Box ul{position:relative;width:800px;height:554px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:200px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(../images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}



/*QQ客服样式*/
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}
.cart-btn {
	width: 60px;
	height:60px;
	height:60px;
	position: fixed;
	top:300px;
	right:0px;
	z-index: 99;
	cursor: pointer;
}
/*导航栏开始*/
.mainnav ul li:hover > ul {
	display:block;
}
.mainnav ul li:hover > ul li:hover {
	display:block;
}
/*.mainnav li > a:after { content:  ' +'; }*/
.mainnav li > a:only-child:after { content: ''; }
/*导航栏结束*/
.menu1_box{ overflow:hidden; text-align:center; }
.menu1_box h2{display: none;}
.menu1_box a {color:#000000; line-height:40px;  padding:10px 15px; font-size:15px; text-decoration:none; text-align:center; background:#e6e6e6; 	-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;}
.menu1_box a:link,.menu1_box a:visited{background:#e6e6e6;}
.menu1_box a:hover,.menu1_box a.active,.menu1_box a.active:link,.menu1_box a.active:visited{background:#d71820; color:#FFFFFF;}
.menu1_box ul li {display: inline;float: left;width:120px;}
.menu1_box ul {display: inline-block;overflow: auto;}
.page_road{text-align: center;}
/*订单信息*/
.tipcontent {
	width: 300px;
	margin: 10px auto 0 auto;
}
.tipcontent .reason{
	margin-left: 10px;
}
#iknow{
	display: block;
	line-height: 30px;
	height: 30px;
	width: 100px;
	margin: 0 auto;
	text-align: center;
	border-radius:5px;
	cursor:pointer;
	background:#d71820;
	color: #fff;
	margin-top:20px;
}
.tipcontent table td{
	height:40px;
}
.order_title{
	height:40px;line-height:40px;
	padding-left: 10px;
}
.product_info{
	width:70%;
}
.product_info td{
	width:25%;
	height: auto;
	line-height:35px;
	text-align: left;
	padding-left:30px;
}
.pro_name{
	cursor:pointer;
}
.address_info{
	width:80%;
}
.address_info td:nth-child(2),.address_info td:nth-child(4){
	width:30%;
	height: auto;
	line-height:35px;
}
/*订单退款申请结束*/
#layui-layer1{
	border: 1px solid #8D8D8D;
}
#layui-layer1 .layui-layer-title{padding-left:10px;font-size:15px;}
.action_box span,.action_box a{
	color:#40a9ff;
	cursor: pointer;
}
/*相关产品/相关新闻*/
.product_related{ clear:both; overflow:hidden}
.product_related .title{ line-height:34px; font-size:16px; font-weight:bold; border:#e6e6e6 1px solid; margin-bottom:2%; padding-left:2%;}
.product_related ul{}
.product_related ul li{float:left; width:21%; padding-right:2%; padding-left:2%; padding-bottom:2%; line-height:24px;}
.product_related ul li img{ border:#e5e5e5 1px solid;width:100%;}
.product_related li a{ text-align:center; display:block}

.news_related{ clear:both; margin-top:2%;}
.news_related .title{ line-height:34px; font-size:16px; font-weight:bold; border:#e6e6e6 1px solid; margin-bottom:2%; padding-left:2%;}
.news_related ul{ width:96%; margin:0 auto}
.news_related li{float:left; width:48%; margin-left:0.5%; margin-right:0.5%; line-height:34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.mins {
	position: fixed;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 999;
	display: none;
	text-align: center;
}
.mins form{      width: 350px;
	margin: 220px auto;
	background: rgba(0,0,0,.7);
	padding: 20px;
}
.mins span{    padding-right: 20px;
	margin-top: 225px;
	display: inline-block;
	position: absolute;
	margin-left: 175px;}
.mins span a{color:#FFF}