@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	border:0;
	list-style:none;
}
body {
	font-family: "Microsoft yahei";
	font-size:14px;
	color:#666;
}
a{
	font-family: "Microsoft yahei";
	font-size:14px;
	color:#666;
	text-decoration:none;
}

a:hover{
	font-family: "Microsoft yahei";
	font-size:14px;
	color:#333;
	text-decoration:none;
}
.clear:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}

.top{
	width:100%;
	height:100px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:999;
	background:rgba(255,255,255,0.8);
}
.top2{
	width:1200px;
	margin:0 auto;
}
.top .top2 .logo{
	float:left;
	height:100px;
}
.top .top2 .dh{
	float:right;
}
.top .top2 .dh>ul>li{
	float:left;
	position:relative;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}
.top .top2 .dh>ul>li>a{
	display:block;
	font-size:15px;
	color:#333;
	line-height:100px;
	padding:0px 20px;
}
.top .top2 .dh>ul>li>ul{
	width: 80%;
	height: 0px;
	padding:0px 10%;
	overflow: hidden;
	background:#fff;
	text-align: center;
	position: absolute;
	top: 100px;
	left: 0px;
	z-index: 1;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}
.top .top2 .dh>ul>li>ul>li>a{
	line-height: 30px;
	color: #fff;
	display:block;
	overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.top .top2 .dh>ul>li>ul>li>a:hover{
	text-decoration:underline;
}
/*banner*/
#banner{
	width:100%;
	position:relative;
	margin-top:100px;
}
#pic{
	width:100%;
	overflow:hidden;
}
#pic ul{
	width:10000%;
}
#pic ul li{
	width:1%;
	float:left;
	position:relative;
	overflow:hidden;
	height: 500px;
}
#pic ul li img{
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -960px;
}

#btn div{
	width:23px;
	height:36px;
	background:#000;
	background:rgba(0,0,0,.5);
	font-size:18px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:36px;
	cursor:pointer;
	position:absolute;
	top:50%;
	margin-top:-18px;
	-webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    /* No support for these yet, use at own risk */
    -o-user-select: none;
    user-select: none;
}
#left{ left:0;}
#right{ right:0;}
#tab{
	width:100%;
	position:absolute;
	bottom:5%;
	left:0px;
	text-align:center;
	z-index:2;
	-webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    /* No support for these yet, use at own risk */
    -o-user-select: none;
    user-select: none;
}
#tab ul{
	display:inline-block;
	height:14px;
	padding:0 3px;
	background:#fff;
	background:rgba(255,255,255,.5);
	border-radius:7px;
}
#tab ul li{
	list-style:none;
	float:left;
	width:10px;
	height:10px;
	background:#999;
	border-radius:100%;
	margin:2px 2px;
	cursor:pointer;
}
#tab ul li.on{
	background:#f60;
}
/*banner*/
.sy-st{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.sy-tj{
	background:url(../img/sy-tj.png) bottom no-repeat;
	height:52px;
	position:relative;
}
.sy-tj h2{
	position:absolute;
	left:550px;
	top:13px;
	font-size:24px;
	color:#0056a4;
}
.sy-tj span{
	position:absolute;
	left:550px;
	top:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0056a4;
	letter-spacing:4px;
}
/* scrollleft */
.scrollleft{width:1200px;margin:10px auto; overflow:hidden;}
.scrollleft ul{width:1250px;}
.scrollleft li{float:left;margin-right:30px; margin-bottom:20px;display:inline;width:215px;text-align:center;line-height:30px; font-size:14px;}
.scrollleft li:nth-child(5n){margin-right:0px;}
.scrollleft li>span{ display:block; line-height:15px;}
.scrollleft a img{width:195px; height:180px;padding:9px;border:solid 1px #ddd;}
.scrollleft a img:hover{border:solid 1px #7ba9cd;}


.foot{
	width:100%;
	background:#272727;
	padding-top:20px;
}
.foot .wzdh{
	float: left;
}
.foot .wzdh>ul>li{
	float: left;
}
.foot .wzdh>ul>li>ul{
	margin-top: 10px;
}
.foot .wzdh>ul>li>ul>li>a{
	font-size:14px;
	color:#ddd;
	line-height: 24px;
}
.foot .wzdh>ul>li>ul>li>a:hover{
	text-decoration: underline;
}
.foot .wzdh>ul>li>a{
	margin-right:65px;
	font-size:16px;
	color:#ddd;
}

.fot_lx{
	width:1200px;
	margin:0 auto;
}
.fot_lxtxt{
	width:450px;
	float: right;
}
.fot_lxtxt>img{
	width:120px;
	margin-top: 35px;
}
.fot_lxtxt>p{
	float:right;
	width:300px;
	line-height:30px;
	color:#ddd;
}
.fot_lxtxt>p>span{
	display:block;
	font-size:20px;
	line-height:40px;
}
.fot_ly{
	width:390px;
	float:right;
}
.fottxt{
	width:100%;
	border-top:1px solid rgba(255,255,255,0.4);
	margin-top:30px;
}
.fottxt p{
	width:1200px;
	margin:0 auto;
	color:#FFF;
	text-align: center;
	line-height:60px;
}
.sy_sp{
	width: 100%;
	margin-top: 40px;
	text-align: center;
	background: url(../img/spbj.jpg) center no-repeat;
}
.sy_sp ul{
	width: 100%;
	height: 750px;
	background: url(../img/spbg.png);
}
.sy_sp .sp1{
	display: inline-block;
	text-align: center;
	color: #FFF;
	padding: 0px 50px;
	margin-top: 270px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    cursor: pointer;
}
.sy_sp .sp1 p{
	font-size: 40px;
}
.sy_sp .sp1 span{
	font-size: 16px;
	display: block;
	line-height: 50px;
}
.sy_sp .sp1 h2{
	padding-top: 20px;
	height: 90px;
	background: url(../img/play.png) center no-repeat;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}
.sy_sp .sp2{
	display: none;
	opacity: 0;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: -240px;
	width: 800px;
	height: 480px;
	background: #000;
	z-index: 98;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}
.sy_sp .sp2>img{
	position: absolute;
	right: -10px;
	top: -10px;
	cursor: pointer;
	z-index: 99;
}
.gsdt{
	width:100%;
	position:relative;
}
.gsdt>span{
	display:block;
	width:100%;
	height:2px;
	background:#fff;
	text-align:center;
	line-height:40px;
}
.gsdt>.dts:after{
	content:'点击展开地图';
	display:inline-block;
	position:absolute;
	top:-40px;
	left:50%;
	background:#FFF;
	margin-left:-600px;
	width: 100px;
	height: 40px;
	background:rgba(255,255,255,1);
	/*border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 30px solid #fff;*/
	cursor:pointer;
}
.gsdt>.dtt:after{
	content:'点击收缩地图';
	display:inline-block;
	position:absolute;
	top:-40px;
	left:50%;
	background:#FFF;
	margin-left:-600px;
	width: 100px;
	height: 40px;
	cursor:pointer;
}
.sy_dt{
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}
#bs{
	width:1300px;
	padding:5px;
	margin-top:10px;
}
#bs li{
	float:left;
	width:360px;
	margin-right:27px;
	padding:10px 10px 30px 10px;
	background:rgba(255,255,255,0.5);
	position:relative;
	-webkit-box-shadow: 0px 0px 5px #999;
    -moz-box-shadow: 0px 0px 5px #999;
    box-shadow: 0px 0px 5px #999;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
}
#bs li:hover{
	background:rgba(0,0,0,0.1);
	color:#FFF !important;
}
#bs li img{
	width:100%
}
#bs li h2{
	line-height:30px;
	font-size:14px;
	color:#333;
}
#bs li p{
	line-height:24px;
	font-size:14px;
	color:#333;
}
.ckxq{
	position:absolute;
	right:10px;
	bottom:10px;
	color:#333 !important;
	font-size:14px !important;
}
.sy_bt{
	width:95%;
	margin:0 auto;
	text-align:center;
	margin-top:30px;
	position:relative;
}
.sy_bt>span{
	display:inline-block;
	font-size:30px;
	line-height:50px;
	color:#eb6300;
	border-bottom:1px solid #CCC;
}
.sy_bt>p{
	font-size:24px;
	color:#CCC;
	line-height:40px;
	font-family:Arial, Helvetica, sans-serif;
}
.sy_xw{
	width:1196px;
	height:340px;
	overflow:hidden;
	margin:0 auto;
	border:2px solid #e3e3e3;
}
.sy_xw:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.sy_xw1{
	width:260px;
	float:left;
	
}
.sy_xw1>div{
	width:230px;
	height:120px;
	background:#e3e3e3;
	position:relative;
	font-size:30px;
	color:#666;
	text-align:center;
	padding-top:50px;
	cursor:pointer;
}
.sy_xw1>div>p{
	font-size:18px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}
.sy_xw1>.on{
	background:#eb6300;
	color:#FFF;
}
.sy_xw1>.on>p{
	color:#FFF;
}
.sy_xw1>div:before{
	content:'';
	display:block;
	width:0px;
	height:0px;
	border:12px solid #e3e3e3;
	border-bottom-color:transparent;
	border-left-color:transparent;
	position:absolute;
	left:218px;
	top:50%;
	margin-top:-11px;
	transform:rotate(45deg);
}
.sy_xw1>.on:before{
	border-top-color:#eb6300;
	border-right-color:#eb6300;
}
.sy_xw2{
	float:right;
	width:915px;
	transition:0.5s;
}
.sy_xw2>div{
	width:930px;
	height:340px;
	overflow:hidden;
}
.sy_xw2>div>div{
	float:left;
	width:450px;
	padding-top:20px;
}
.sy_xw2>div>div>h2{
	font-size:18px;
	color:#333;
	line-height:30px;
}
.sy_xw2>div>div>p{
	font-size:14px;
	color:#666;
	line-height:24px;
}
.sy_xw2>div>ul{
	float:right;
	width:420px;
	padding-top:10px;
}
.sy_xw2>div>ul>li>a{
	display:block;
	line-height:35px;
	font-size:14px;
	position:relative;
	text-indent:12px;
}
.sy_xw2>div>ul>li>a:before{
	content:'';
	width:0px;
	height:0px;
	display:inline-block;
	border:6px solid transparent;
	border-left-color:#CCC;
	position:absolute;
	left:0px;
	top:12px;
}
.sy_gy{
	width:100%;
	height:400px;
	margin-top:50px;
	background:url(../img/gybj.jpg) center no-repeat;
}
.sy_gy2{
	width:1200px;
	margin:0 auto;
	position:relative;
}
.sy_gy2 .gy1{
	width:220px;
	height:160px;
	background:#eb6300;
	position:absolute;
	left:20px;
	top:0px;
	z-index:2;
	font-size:30px;
	color:#FFF;
	padding-top:90px;
	text-align:center;
}
.sy_gy2 .gy1>p{
	font-size:16px;
	color:#FFF;
}
.sy_gy2 .gy1:before{
	content:'';
	display:block;
	width:0px;
	height:0px;
	border:25px solid transparent;
	position:absolute;
	top:225px;
	left:-25px;
	border-right-color:#eb6300;
	transform:rotate(45deg);
}
.sy_gy2 .gy2{
	width:214px;
	height:215px;
	border:3px solid #fff;
	border-top-color:transparent;
	position:absolute;
	left:0px;
	top:-2px;
}
.sy_gy2 .gy2:before{
	content:'';
	display:block;
	width:214px;
	height:15px;
	border:3px solid #eb6300;
	position:absolute;
	top:-20px;
	left:-3px;
	border-radius:0px 0px 4px 4px;
	border-bottom-color:transparent;
}
.sy_gy2 .gy3{
	width:460px;
	height:360px;
	position:absolute;
	left:285px;
	top:20px;
	background:rgba(255,255,255,0.7);
}
.sy_gy2 .gy3>p{
	font-size:14px;
	line-height:30px;
	text-indent:2em;
	padding:5px 10px;
}
.sy_gy2 .gy4{
	width:400px;
	height:360px;
	position:absolute;
	left:800px;
	top:20px;
}
.sy_gy2 .gy4>div{
	font-size:24px;
	color:#eb6300;
	margin-bottom:10px;
}
.sy_gy2 .gy4>div>p{
	font-size:16px;
	color:#eb6300;
	opacity:0.6;
	letter-spacing:4px;
}
.sy_gy2 .gy4>form{
	width: 100%;
}
.sy_gy2 .gy4>form>input{
	width: 373px;
	height: 33px;
	padding-left: 5px;
	border: #ccc 1px solid;
	margin-bottom:8px;
	font-size:14px;
}
.sy_gy2 .gy4>form>textarea{
	width: 368px;
	height: 90px;
	padding: 5px;
	font-size:14px;
	border: #ccc 1px solid;
	margin-bottom:5px;
}
.sy-cp{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.sy-cp ul{
	width:1250px;
}
.sy-cp ul li{
	width:275px;
	float:left;
	border:1px solid #eee;
	margin-right:30px;
	margin-bottom:30px;
}
.sy-cp ul li:nth-child(4n){
	margin-right:0px;
}
.sy-cp ul li img{
	width:100%;
	height:250px;
}
.sy-cp ul li>span{
	text-align:center;
	display:block;
	line-height:40px;
}
.mdzz{
	width:1200px;
	margin:0 auto;
}
.mdzz img{
	width:100%;
}


/*===============内页样式===============*/

.main{width:1200px;margin:auto;overflow:hidden;}
.zong_ny{overflow:hidden; padding:30px 0px 50px 0px;}
.zong_bj{width:380px; height:97px; background:#eb6300; overflow:hidden;}
.zong_left{overflow:hidden; float:left; width:280px;position:relative; z-index:1; }
.zong_left strong{display:block; font-size:24px; color:#ffffff; font-weight:bold; padding-top:27px; padding-left:35px; height:70px;font-family:"微软雅黑";}
.zong_left strong span{font-size:14px; color:#ffffff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:500; display:block;}
.zong_left>ul{ overflow:hidden; padding-top:20px; padding-bottom:355px;}
.zong_left>ul>li{overflow:hidden;line-height:30px; vertical-align:middle; display:block; margin-top:5px;-webkit-transition: all 0.5s ease-in-out;background:url(../img/left_d.jpg) no-repeat left top;}
.zong_left>ul>li a{display:block; line-height:30px; font-size:14px; color:#666; padding-left:40px;}
.zong_left>ul>li>ul>li>a{font-size:12px;}
.zong_left>ul>li:hover{background:url(../img/left_h.jpg) no-repeat left top;}
.zong_left>ul>li.hover{background:url(../img/left_h.jpg) no-repeat left top;}
.zong_left>ul>li:hover>a{color:#f00;}
.zong_left>ul>li.hover>a{color:#f00;}

.zong_left>ul>li>ul{transition:0.5s ; height:0px; overflow:hidden;}
.zong_left>ul>li>ul>li{transition:0.5s ;background:url(../img/left_d2.jpg) no-repeat left top;}
.zong_left>ul>li>ul>li:hover{background:url(../img/left_h2.jpg) no-repeat left top;}
.zong_left>ul>li>ul>li.hover{background:url(../img/left_h2.jpg) no-repeat left top;}
.zong_left>ul>li>ul>li:hover>a{color:#f00;}
.zong_left>ul>li>ul>li.hover>a{color:#f00;}
.f3{
	position:relative;
}
.f3:after{
	content:'';
	position:absolute;
	top:14px;
	right:80px;
	display:inline-block;
	width:3px;
	height:3px;
	border:2px solid #ccc;
	border-bottom-color:transparent;
	border-left-color:transparent;
	transform:rotate(45deg);
	transition:0.5s;
}
.f3:hover:after{
	border:2px solid #F00;
	border-bottom-color:transparent;
	border-left-color:transparent;
}
.zong_left>ul>li.hover:after{
	border:2px solid #F00;
	border-bottom-color:transparent;
	border-left-color:transparent;
}
/*.zong_left>ul>li.hover>ul{height: auto;}*/

.zong_right{overflow:hidden; float:right; width:900px; background:#fff; z-index:999;}
.right_top{overflow:hidden; border-bottom:1px solid #ecf1f2; padding:0px 30px; line-height:60px; vertical-align:middle;}
.right_top strong{float:left;font-size:22px; color:#f00; font-weight:500;font-family:"微软雅黑";}
.zong_nr{overflow:hidden; padding:30px; text-align:center; min-height:450px;}

/*===============所在位置===============*/
.position{margin:auto;text-align:right; float:right;}
.position a{font-size:12px;color:#616161; padding-right:15px; background:url(../img/po_bj.jpg) no-repeat center right;}
.position a:last-child{background:none;}
.position .visited{color:#023b8d;}
.position a.r{background:none; padding-right:0px;}

/*===============分页===============*/
.fy {padding-top:10px;margin-top:30px;border-top:1px solid #d6d6d6;}
.sabrosus {padding: 5px;margin: 3px;text-align:center;}
.sabrosus A { display:inline-block;border:#c4c4c4 1px solid;PADDING:2px 8px;COLOR: #404040;text-decoration: none;margin-right: 6px;font-family: "Microsoft Yahei", "宋体";background:#fff; transition:0.5s;}
.sabrosus A:hover, DIV.pagination A:active{color:#fff;background-color:#000;text-decoration: none;font-family: "Microsoft Yahei", "宋体";}
.sabrosus SPAN.current {BORDER: #000 1px solid;PADDING: 2px 8px;FONT-WEIGHT: bold;COLOR: #fff;MARGIN-RIGHT: 6px;BACKGROUND-COLOR:#000;
font-family: "Microsoft Yahei", "宋体";}
.sabrosus SPAN.disabled {BORDER: #c4c4c4 1px solid;PADDING: 2px 8px;MARGIN-RIGHT: 2px;font-family: "Microsoft Yahei", "宋体";}
select{
	display:inline-block;
	border:1px solid #C4C4C4;
	height:26px;
	PADDING: 0px 8px;
	font-family:"Microsoft yahei";
}







/*===============关于我们===============*/
.about p{font-size:14px; color:#888888; line-height:30px; text-align:left;}
.about ul{overflow:hidden; padding:35px 0px;}
.about li{float:left; text-align:center; width:200px;margin-right:70px;}
.about li.r{margin-right:0px;}
.about li h2{font-size:14px; color:#343434; padding:10px 0px 2px 0px;}
.about li p{text-align:center;}

/*===============内页产品中心===============*/
.nr-product{overflow:hidden; padding:35px 24px; background:#fff; min-height:700px;}
.pro_top{overflow:hidden; float:left; margin-top:13px;}
.pro_top a{display:block; float:left; height:30px;line-height:30px; vertical-align:middle; border:1px solid #ecf1f2;-webkit-transition: all 0.5s ease-in-out; font-size:14px; color:#777676; padding:0px 15px; margin-right:15px;  margin-top: 10px;}
.pro_top a:hover{background:#023b8d; border:1px solid #023b8d; color:#fff;}
.pro_top a.hover{background:#023b8d; border:1px solid #023b8d; color:#fff;}


.nr-product li{ background:#fff;float:left; margin-right:15px; margin-bottom:25px; padding-bottom:8px; overflow:hidden; width:265px; text-align:center; border:1px solid #d7ddde; border-bottom:4px solid #d7ddde;-webkit-transition: all 0.5s ease-in-out;}
.nr-product li:nth-child(3n){margin-right:0px;}
.nr-product li img{border-bottom:2px solid #ecf1f2;}
.nr-product li h2{font-size:14px; color:#727272; text-align:left; padding:10px 8px 5px 8px;}
.nr-product li p{text-align:left;padding:0px 8px; font-size:14px; color:#bebebe; font-family:Arial, Helvetica, sans-serif; }
.nr-product li:hover{border-bottom:4px solid #f00;}
.nr-product li:hover h2{color:#f00;}




/*===============详细页面面包屑导航===============*/
.news_tops{overflow:hidden;border-bottom:1px solid #ecf1f2; height:60px; line-height:60px; vertical-align:middle; padding:0px 20px; background:#fff;}
.position.r{float:left;}
.news_tops p a{display:block; color:#fff; font-size:14px; color:#ffffff;}

.news_tops p{float:right; margin-top:15px; width:106px; height:33px; vertical-align:middle; line-height:33px; background:#023b8d; text-align:center;-webkit-transition: all 0.5s ease-in-out;}
.news_tops p a{display:block; color:#fff; font-size:14px; color:#ffffff;}


/*===============产品中心详情页===============*/
.products_ny{overflow:hidden; padding:60px 0 0 0;}
.products{overflow:hidden; background:#fff; padding:50px 45px;}
.pro_left{width:515px;float:left; overflow:hidden;}
/*图片放大镜样式*/
.spec-preview{overflow:hidden; float:right;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:430px;height:370px; overflow:hidden; border:1px solid #ebf0f3}
.jqzoom img{width:430px; height:370px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:430px;height:370px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-scroll{width:70px; float:left; height:300px;}
.spec-scroll .items{margin:auto;position:relative;height:302px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:302px;}
.spec-scroll .items ul li{width:70px;text-align:left; height:77px;}
.spec-scroll .items ul li img{border:1px solid #CCC;width:68px;height:68px;}
.spec-scroll .items ul li img:hover{border:1px solid #023b8d;}

.pros_right{width:560px; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; padding-bottom:15px; border-bottom:1px dashed #7d7d7d;}
.pros_right_top strong{overflow:hidden;display:block; font-weight:500; font-size:26px; color:#494949; padding-bottom:10px;}
.pros_right_top p{font-size:14px; color:#898989;}
.pros_right_ny{overflow:hidden;padding:20px 0px;}
.pros_right_ny p{font-size:14px; color:#898989; line-height:30px; clear:both}
.pros_right_ny p em{display:block; float:left;}
.pros_right_ny p span{display:block; float:left; width:360px;}
.pros_right h3{ background:#ecf1f2;width:175px; height:40px; line-height:40px; vertical-align:middle; text-align:center; float:left; margin-right:20px;margin-top:25px;-webkit-transition: all 0.5s ease-in-out;}
.pros_right h3 a{display:block; font-size:14px; color:#7a7a7a;}
.pros_right h3:hover{ background:#023b8d;}
.pros_right h3:hover a{color:#fff;}
.pros_share{float:left; border-top:1px dashed #7d7d7d;margin-top:30px; padding:20px 0px; width:100%;}
.pros_share p{float:left; font-size:12px; color:#909090;}
.pros_share a{display:block; float:left; margin:2px 5px 0px 5px;}

.pros_ny{overflow:hidden; padding-bottom:70px; text-align:center;}
.products_top{overflow:hidden; height:40px; line-height:40px; vertical-align:middle; background:#f2f6f7;}
.products_top a{display:block; float:left; width:120px; text-align:center; font-size:16px; color:#6e6f6f;}
.products_top a:hover{background:#f00; color:#fff;}
.products_top a.hover{background:#f00; color:#fff;}


.news.r{padding-bottom:0px;}
.pros_bottom{overflow:hidden;}
.pros_bottom strong{display:block; font-size:18px; color:#898888; font-weight:500; background:#fff; height:50px; line-height:50px; vertical-align:middle; text-align:center; border-bottom:40px solid #ecf1f2;border-top:40px solid #ecf1f2;}
.product.r{background:#ecf1f2; padding:0px;}
.product.r li{margin-right:25px;}
.product.r li.r{margin-right:0px;}
.pro_s{padding: 20px 60px;text-align: left; background:#fff;}
.pro_s p{font-size: 14px;color: #6e6f6f;}







.pro_xx{padding: 20px 60px;text-align: left; background:#fff; font-size:12px; line-height:30px;}
.pro_xx td h2{ font-size:24px; font-family:"微软雅黑"; line-height:48px; background:url(../img/icon.png) no-repeat center left; padding-left:10px;}
.pro_xx table{border-collapse:collapse;border:none;font-size:12px;}
.proxx-title tr td{ border: none;}
.pro_xx td { border:1px solid #ccc; line-height:36px; padding-left:20px;font-family:"微软雅黑";  }
.pro_xx td i { font-style:normal; margin-left:10px;}
.ccc { border:none;}
/*===============新闻中心===============*/
.new{overflow:hidden; padding-bottom:45px; background:#fff;}
.new li{padding:25px 30px; border-bottom:1px dashed #eee; overflow:hidden; transition:0.5s;}
.new li span{display:block; width:75px; float:left; font-size:56px; color:#d1d1d1; font-family:hei; text-align:center; line-height:36px;}
.new li span em{display:block; font-size:16px;  font-family:"微软雅黑";}
.new_li{overflow:hidden; float:left; padding-right:10px; width:700px; margin-left:20px; padding-top:10px;}
.new_li h2{font-size:16px; color:#484848;-webkit-transition: all 0.5s ease-in-out; padding-bottom:5px;}
.new_li p{font-size:12px; color:#9f9f9f; line-height:20px;}
.new ul li:hover{background:#f7f7f7;}
.new li:hover .new_li{background:url(../img/new_bj.jpg) no-center right;}
.new li:hover h2{color:#023b8d;}

/*===============新闻中心详情页===============*/

.news_tops{overflow:hidden;border-bottom:1px solid #ecf1f2; height:60px; line-height:60px; vertical-align:middle; padding:0px 20px; background:#fff;}
.position.r{float:left;}
.news_tops p{float:right; margin-top:15px; width:106px; height:33px; vertical-align:middle; line-height:33px; background:#023b8d; text-align:center;-webkit-transition: all 0.5s ease-in-out;}
.news_tops p a{display:block; color:#fff; font-size:14px; color:#ffffff;}
.news_tops p:hover{background:#212427;}
.news_top{overflow:hidden; border-bottom:1px solid #dcdedf; text-align:center; padding-bottom:35px; margin-bottom:30px; padding-top:30px;}
.news_top h2{font-size:24px; color:#525252; padding-bottom:10px;}
.news_top_ny{width:370px; margin:auto; overflow:hidden;}
.news_top p{font-size:12px; color:#909090; float:left;}
.share{float:left; margin-left:50px;}
.share p{float:left;}
.share a{display:block; float:left; margin:2px 5px 0px 5px;}
.news_ny{overflow:hidden; padding:0px 60px;}
.news_ny p{font-size:12px; color:#818181; line-height:30px;}
.news_ny img{padding:30px 0px;}
.share img{padding:7px 0px;}

.news_ny li span{display:block; width:650px; float:left; font-size:56px; color:#d1d1d1; font-family:hei; text-align:left;}


/*===============联系我们===============*/
.contact{overflow:hidden; text-align:left;}
.contact p{ font-size:12px; color:#797979; float:left; width:350px; height:30px; line-height:30px; vertical-align:middle;}
.contact p a{font-size:12px; color:#797979;}
.contact p:hover a{color:#05aec7;}
.contact p.con1{background:url(../img/con1.jpg) no-repeat center left; padding-left:20px;}
.contact p.con2{background:url(../img/con2.jpg) no-repeat center left; padding-left:20px;}
.contact p.con3{background:url(../img/con3.jpg) no-repeat center left; padding-left:22px; }
.contact p.con4{background:url(../img/con4.jpg) no-repeat center left; padding-left:22px;}
.contact p.con5{background:url(../img/con5.jpg) no-repeat center left; padding-left:22px; margin-right:0px;}
.contact p.con6{background:url(../img/con6.jpg) no-repeat center left; padding-left:22px;margin-right:40px;}


/*===============客户留言===============*/
.feed_main{width:800px; text-align:left; padding:50px;}
.feed_tips{font-size:14px; color:#797979; line-height:38px; padding:10px 0; margin-bottom:15px;}
.feed_form{margin-bottom:57px;}
.feed_form .row{margin-left:0;}
.feed_form .row .item{width:350px; line-height:46px; font-size:14px; color:#7a7a7a; float:left;}
.feed_form .row .item:first-child{margin-left:0;}
.feed_form .row .itemw{width:100%;}
.feed_form .row .in_text{line-height:44px; height:44px; border:1px solid #d3d3d3; background:#fcfcfc; font-size:14px; width:300px; box-shadow:0 2px 3px #eaeaea inset;}
.feed_form .row .in_textw{width:750px;}
.feed_form .row .area{width:750px; border:1px solid #d3d3d3; background:#fcfcfc; font-size:14px; box-shadow:0 2px 3px #eaeaea inset; line-height:30px; height:210px; resize:none;}
.feed_form .sub_div{margin-top:25px; float:left; margin-bottom:20px;}
.feed_form .sub_div .sub_btn{height:66px; line-height:66px; width:195px; color:#fff; border:none; font-size:16px; background:#4079bc;}

.app{
	text-align:center;
	width:152px;
	margin:0 auto;
}
.app p{
	display:inline-block;
	width:150px;
	height:100px;
	border:1px solid #eee;
	border-radius:5px;
	padding:5px;
	background-repeat:no-repeat;
	background-position:center;
	transition:0.5s;
}
.app p:hover{
	border:1px solid #f00;
}
.app .b1{
	background-image:url(../img/app1.png);
}
.app .b2{
	background-image:url(../img/app2.png);
}
.app .b3{
	background-image:url(../img/app3.png);
}
.app .b1:hover{
	background-image:url(../img/app1-.png);
}
.app .b2:hover{
	background-image:url(../img/app2-.png);
}
.app .b3:hover{
	background-image:url(../img/app3-.png);
}
.app a{
	display:inline-block;
	padding:0px 15px;
	transition:0.5s;
	margin-bottom:15px;
}
.app a:hover{
	color:#F00;
}

.app2>li{
	padding:10px 0px;
	border-bottom:1px dotted #eee;
}
.app2>li:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.app2>li>h2{
	text-indent:20px;
	font-size:14px;
	text-align:left;
	font-weight:100;
	background:url(../img/ny_2-.jpg) 5px center no-repeat;
}
.app2>li>h2:after{
	content:'';
	clear:both;
	display:block;
}
.app2>li>h2 a{
	float:right;
}

.app2>li .ny_xw_z{
	float:left;
	width:180px;
	height:120px;
	overflow:hidden;
}
.app2>li .ny_xw_z img{
	height:120px;
    transition: 500ms;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
}
.app2>li .ny_xw_z img:hover{
	height:150px;
}
.app2>li .ny_xw_y{
	float:right;
	width:920px;
	padding-top:10px;
}
.app2>li .ny_xw_y>h2{
	font-size:16px;
	font-weight:100;
	color:#333;
}
.app2>li .ny_xw_y>p{
	font-size:14px;
	color:#999;
	height:48px;
	overflow:hidden;
	line-height:24px;
}
.app2>li .ny_xw_y>span{
	display:block;
	font-size:14px;
	color:#999;
	line-height:24px;
}
.app2>li .ny_xw_y>a{
	display:inline-block;
	border-radius:5px;
	line-height:24px;
	padding:0px 20px;
	color:#FFF;
	font-size:12px;
	background:#00408b;
}
.bat{
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
	margin-top:100px;
}
.bat img{
	width:1920px;
	height:300px;
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-960px;
}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index:99999;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

@media screen and (max-width:1200px){
	body{ width:1200px;}
}