@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: 'iconfont';
 src: url('../font/iconfont.eot');
 src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff2') format('woff2'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right:5px;
}
.header{
	background-color:#fff;
}
.header .box{
	width:1200px;
	margin:auto;
	padding-top:10px;
	padding-bottom:20px;
	background-color:#fff;
}
.header .logo{
	text-align:center;
}
.header .logo .name{
	font-size:32px;
	letter-spacing: 3px;
	font-family:"微软雅黑";
	border-bottom:1px solid #000;
	line-height:64px;
	margin-bottom:8px;
	font-weight:600;
}
.header .logo .subname{
	font-size:14px;
}
.header .contactico{
	font-size:24px;
	text-align:right;
	padding-top:20px;
	margin-right:30px;
}
.header .contactico a{
	color:#CCC
}
.header .contactico a:hover{
	color:#01AEF0;
}
.header .contactico span{
	font-size:20px;
}
.header .daohang{
}
.header .daohang li{
	float:right;
	width:100px;
	text-align:center;
	line-height:48px;
}


.header .daohang li a{
	color:#000;
}
.header .daohang li a:hover{
	color:#fff;
	background-color:#01AEF0;
	display:block;
	line-height:48px;
}
.header .daohang li .currstyle{
	color:#fff;
	background-color:#01AEF0;
	display:block;
	line-height:48px;
}

/* fullSlide */
.fullSlide {
	width:100%;
	position:relative;
	height:560px;
	background:#000;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:560px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:500px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:20px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
 *display:inline;
	zoom:1;
	width:24px;
	height:24px;
	border-radius:12px;
	margin:5px;
	overflow:hidden;
	background:#01AEF0;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:640px;
}
.fullSlide .hd ul .on {
	background:#fff;
}
.fullSlide .prev, .fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:15%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:15%;
	background-position:-6px -137px;
}
.bbt{
	text-align:center;
	padding:56px;
}
.bbt h2{
	font-size:32px;
	
	font-weight:400;
}
.bbt p{
	text-align:center;
	line-height:36px;
}

.sver{
	width:100%;
}
.sver .cjgd{
	width:50%;
	background:url(../images/cjgd.jpg) no-repeat center;
	height:600px;
}
.sver .cjgd a .chnp{
	background-color:#FFF;
	width:45%;
	margin:auto;
	text-align:center;
	height:48px;
	line-height:48px;
	background-color: rgba(255,255,255,0.6);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
	position: relative; /*脱离文档流*/
	color:#FFF;
}

@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .sver .cjgd a .chnp{
    background-color:#fff;
    filter:Alpha(opacity=60);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }

}
.sver .cjgd a{
	color:#FFF;
	width:100%;	
	height:300px;
	display:block;
	padding-top:300px;
	background-color: rgba(0,0,0,0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读*/
}
.sver .cjgd a:hover{
	color:#FFF;
	width:100%;	
	height:300px;
	display:block;
	padding-top:300px;
	background-color: rgba(0,0,0,0);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读*/
}
.sver .cjgd a:hover .chnp {
	background-color:#FFF;
	width:45%;
	margin:auto;
	text-align:center;
	height:48px;
	line-height:48px;
	background-color: rgba(255,255,255,0);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
	position: relative; /*脱离文档流*/
	color:#FFF;
	border:#FFF solid 1px;
}
.sver .zulin{
	width:50%;
	background:url(../images/zulin.jpg) no-repeat center;
	height:600px;
}

.sver .zulin a:hover .chnp{
	background-color:#FFF;
	width:300px;
	margin:auto;
	text-align:center;
	height:48px;
	line-height:48px;
	background-color: rgba(255,255,255,0.6);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
	position: relative; /*脱离文档流*/
	color:#FFF;
}

@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .sver .zulin a:hover .chnp{
    background-color:#fff;
    filter:Alpha(opacity=60);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }

}
.sver .zulin a:hover{
	color:#FFF;
	width:100%;	
	height:300px;
	display:block;
	padding-top:300px;
	background-color: rgba(0,0,0,0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读*/
}
.sver .zulin a{
	color:#FFF;
	width:100%;	
	height:300px;
	display:block;
	padding-top:300px;
	background-color: rgba(0,0,0,0);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读*/
}
.sver .zulin a .chnp {
	background-color:#FFF;
	width:300px;
	margin:auto;
	text-align:center;
	height:48px;
	line-height:48px;
	background-color: rgba(255,255,255,0);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
	position: relative; /*脱离文档流*/
	color:#FFF;
	border:#FFF solid 1px;
}

.brief{
	width:1200px;
	margin:72px auto;
}
.brief .jieshao{
	width:45%;
	height:360px;
}
.brief .jieshao h3{
	font-size:24px;
	font-weight:400;
	margin-bottom:20px;
}
.brief .jieshao p{
	line-height:28px;
	
}

.brief .ship{
	width:45%;
	height:360px;
}

.index3 { width:100%;}
.index3a { width:100%;position: relative;margin:10px 0 0;}
.index3b { width:100%;position: relative;padding:20px 0;clear:both;}
/* 左右滚动 */
#fw12-wrapper { position: absolute;  width: 100%; height: 100%; overflow: hidden; top:0;left: 0px}
#fw12-carousel { position: absolute;left:0;top:0;z-index:0;width:100%; height: 100%;  }
.fw12-img-replace {border-left:#fff 10px solid;border-right: #fff 14px solid; display: block; float: left; height: 100%}
.fw12-img-replace img {width:100%;height:100%;}
.dot-behind { height: 100%; }
#fw12-prev {z-index: 200; position: absolute; width: 32%; display: block; height: 100%; top: 0px;left: 0;background:url(../images/space-prew.png) no-repeat center; background-size: cover;}
#fw12-next {z-index: 200; position: absolute; width: 32%; display: block; height: 100%; top: 0px;right: 0; background:url(../images/space-next.png) no-repeat center;background-size: cover;}
@media screen and (min-width:800px) {.index3a { height: 289px;}.fw12-img-replace{width: 350px;}}
@media screen and (min-width:1000px) {.index3a { height: 309px;}.fw12-img-replace{width: 380px;}}
@media screen and (min-width:1100px) {.index3a { height: 256px;}.fw12-img-replace{width: 400px;}}
@media screen and (min-width:1200px) {.index3a { height: 289px;}.fw12-img-replace{width: 430px;}}
@media screen and (min-width:1300px) {.index3a { height: 322px;}.fw12-img-replace{width: 470px;}}
@media screen and (min-width:1400px) {.index3a { height: 356px;}.fw12-img-replace{width: 500px;}}
@media screen and (min-width:1580px) {.index3a { height: 389px;}.fw12-img-replace{width: 580px;}}
@media screen and (min-width:1700px) {.index3a { height: 434px;}.fw12-img-replace{width: 650px;}}
/* 左右滚动结束 */
.index3b li{ width:20%;float:left; padding:10px 0;text-align:center;transition: all 0.6s ease;}
.index3b li:hover { padding:0 0 20px;transition: all 0.6s ease; }


.tjline{
	width:1200px;
	margin:auto;
}
.tjline li{
	width:50%;
	height:173px;
	float:left;
	list-style-type:none;
}
.tjline li a{
	color:#000;
}
.tjline li .lft{
	width:50%;
	height:173px;
	float:left;
}
.tjline li .lft .linedate{
	font-size:16px;
	color:#8D8D8D;
	width:90%;
	margin:auto;
	margin-bottom:20px;
	margin-top:20px
}
.tjline li .lft .linebt{
	font-size:18px;
	font-weight:500;
	width:90%;
	margin:auto;
	margin-bottom:27px;
}
.tjline li .lft .linezw{
	font-size:14px;
	line-height:24px;
	width:90%;
	margin:auto;
	color:#8D8D8D;
}
.tjline li .right1,.tjline li .right2{
	width:50%;
	float:right;
}
.tjline li .right3,.tjline li .right4{
	width:50%;
	float:left;
}

.tjline .more{
	color:#056FE7;
	border:#056FE7 1px solid;
	width:200px;
	margin:auto;
	margin-bottom:66px;
	margin-top:56px;
	text-align:center;
	height:36px;
	line-height:36px;
	font-size:16px;
}
.tjline .more a{
	color:#056FE7;
}
.footer{
	background-color:#01AAEF;
	
	color:#FFF;
	padding-top:40px;
}
.footer a{
	color:#FFF;
}

.footer .foo{
	width:1200px;
	margin:auto;
}
.footer dl{float: left; width:120px;}
.footer dt{margin-bottom: 22px;}
.footer dt a{font-size: 16px;color:#fff;line-height: 26px;margin-bottom: 23px;}
.footer dd a{font-size: 14px;color:#fff;line-height: 26px;}
.footer dl:last-child a{padding-right: 0;}
.footer dt a:hover,.footer dd a:hover{color: white;}
.footer .foorg{float: left; width:400px; text-align:center;}

.footer .foorg dt{font-size:32px; padding-top:32px;}
.footer .foorg dd{font-size:16px;}
.footer .foorg dd a{
	font-size:18px;
	color:#FFF;
}
.footer .copyright{
	text-align:center;
	height:64px;
	padding-top:5px;
	line-height:27px;
	border-top: 1px solid #FFF;
	font-size:14px;
}

.nybanner{
	background:url(../images/nbanner.jpg) no-repeat center;
	height:360px;
	line-height:360px;
	font-size:36px;
	font-weight:bold;
	color:#FFF;
	text-align:right;
	padding-right:15%;
}

.boxxx{
	width:1200px;
	margin:auto;
}
.boxyy{
	width:1100px;
	margin:auto;
}
.location{
	height:56px;
	line-height:56px;
	text-align:right;
	border-bottom:1px #ccc solid;
}
.location a{
	color:#000;
}
.location1{
	height:56px;
	line-height:56px;
	border-bottom:1px #ccc solid;
}
.location1 a{
	color:#000;
}
.insidecat{
	font-size:32px;
	color:#01AAEF;
	font-weight:500;
	letter-spacing:4px;
	margin-top:20px;
	margin-bottom:40px;
}

.gsbrief{
	border:solid 1px #ccc;
	padding:5px;
	background-color:#FFF;
	width:400px;
	overflow:hidden;
}

.gsbrieftxt{
	width:600px;
}

.gsbrieftxt h3{
	font-size:24px;
	font-weight:400;
	margin-bottom:20px;
}
.gsbrieftxt p{
	line-height:28px;
}
.hrjg{
	border-bottom:#CCC 1px solid;
	margin-top:42px;
	margin-bottom:42px;
}
.dljs{
}

.dljs h3{
	font-size:24px;
	font-weight:400;
	margin-bottom:20px;
}
.dljs p{
	line-height:28px;
}

.shipjs{
	text-align:center;
	margin-top:42px;
	margin-bottom:65px;
}
.product_ls{
	padding-top:35px;
	padding-bottom:35px;
	width:1200px;
	margin:auto;
}

.product_ls li{
	width:22%;
	margin-left:1.5%;
	margin-right:1.5%;
	float:left;
	text-align:center;
	margin-bottom:20px;
}

.product_ls li p{
	height:48px;
	line-height:48px;
}
.product_ls li a{
	color:#000;
	height:100%;
	display:block;
	border-bottom:#E6EAEB 1px solid;
}
.product_ls li a:hover{
	border-bottom:#01AAEF 1px solid;
}

.pagenum{
	text-align:center;
	margin-bottom:36px;
	font-size:14px;
}
.pagenum ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.pagenum ul li{
	float:left;
	font-family:Tahoma;
	line-height:20px;
	margin-right:6px;
	border:1px solid #E9E9E9;
	height:23px;
}
.pagenum ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.pagenum ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.pagenum ul li.thisclass,
.pagenum ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:0px 4px;
	font-weight:bold;
}
.pagenum .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.pagenum .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
.pagenum select{
	border:0;
}

.productpic{
	width:30%;
	margin-right:40px;
}

.productshux{
	width:48%;
	text-align:left;
}


.productshux h3{	
	font-weight:inherit;
	text-align:left;
	margin-bottom:18px;
}
.productshux .projj{
	line-height:24px;
	font-size:14px;
	margin-bottom:10px;
}
.productshux .protel{
	line-height:24px;
	font-weight:600;
	margin-top:20px;
	margin-bottom:20px;
}
.productshux .protel span{
	color:#F00;
}
.productshux .prozx{
	background-color:#0099F1;
	width:160px;
	height:36px;
	line-height:36px;
	text-align:center;
	border-radius:5px;
	
}
.productshux .prozx a{
	color:#fff;
}
.productdh{
	height:40px;
	line-height:40px;
	background:url(../images/proxq.jpg) repeat-y left #ECEEED;
	margin-bottom:30px;
	margin-top:30px;
	color:#fff;
	text-indent:36px;
}

.contentbox{
	padding-bottom:45px;
	padding-top:20px;
}
.contentbox h2{
	text-align:center;
}
.contentbox .txt{
	line-height:24px;
	margin-top:20px;
	margin-bottom:50px;
}

.contentbox .angent{
	width:33.33%;
	float:left;
	height:225px;
}
.contentbox .angentwz{
	width:33.33%;
	float:left;
	height:145px;
	background-color:#F6F6F6;
	text-align:center;
	font-size:24px;
	padding-top:80px;
	line-height:36px;
}
.tjcon{
	border-bottom:#CCC 1px solid;
	border-top:#CCC 1px solid;
	height:50px;
	line-height:50px;
	margin-bottom:10px;
}
.tjindex{
	font-size:22px;
	color:#FFA500;
	margin-left:10px;
}
.sxshare{
	padding-top:15px;
	float:right;
	width:200px;
	height:35px;
	font-size:18px;
}
.prenxt{
	border-top:1px solid #CCC;
	color:#666;
	font-size:14px;
	line-height:24px;
	padding-top:20px;
}
.prenxt a{
	color:#666;
}

.news_ls{
	padding-top:15px;
	padding-bottom:15px;
	width:1000px;
	margin:auto;
}

.news_ls li{
	height:36px;
	line-height:36px;
	border-bottom:#ccc 1px dashed;
	margin-bottom:5px;
}
.news_ls li a{
	color:#333;
}
.news_ls li a:hover{
	color:#0099F1;
}
.news_ls li b{
	float:right;
	font-weight:300;
}

.artsx{
	text-align:center;
	border-bottom:#CCC 1px dashed;
	line-height:48px;
	font-size:14px;
	margin-bottom:32px;
	
}
.artsx a{
	color:#000;
}
.cont-info {
  margin-bottom:70px;
  min-height: 410px;
}
.cont-info .right {
  border: 1px solid #e5e5e5;
  min-height: 410px;
}
.cont-info .cap {
  width: 80%;
  margin: 0 auto;
  padding-top: 7%;
  padding-bottom: 3%;
  border-bottom: 1px solid #dbdbdb;
  font-size: 20px;
  height:40px;
}
.cont-info .cap .ico {
  margin-right: 3%;
}
.cont-info .text {
  width: 80%;
  margin: 0 auto;
  font-size: 16px;
  color: #888888;
  line-height: 24px;
  padding: 8% 0;
  height: 244px;
}
.col-md-8 {
  float: left;
  width: 60%;
}
.col-md-4 {
  float: left;
  width: 40%;
}