@charset "utf-8";

/* CSS Document */

* {margin: 0;padding: 0;}

body {background:#fff url(../images/ouzhou_13.png) repeat;font-size: 14px;font-family: "微软雅黑";color: #535252;line-height: 22px;min-width: 1200px;}

a {text-decoration: none;color: #4a4949;}

a:hover {color: #005dbd;}

li {list-style-type: none;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;}

input, button, select, textarea {outline: none;}

table{border-collapse: collapse;}

th,tr,td{border: 1px solid #DDD;}

.cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.cl {zoom: 1;}

.l {width: 1200px;margin: 0 auto;}

.left {	float: left;}

.right {float: right;}



/*------------------------------

  顶部通用

-------------------------------*/
.header-x{width: 100%;background: #fff;position: fixed;top: 0;z-index: 9999;}

.top-box{ width:100%; height:auto; background:#009bde;color:#fff;font-size:12px;}

.top-box h1{font-size:12px;color:#fff; float:left;padding:3px 0; }

.top-box-r a{font-size:12px; display:inline-block; height:25px; text-align:center; color:#fff; margin-top:4px;}

.logo{ height:50px; margin:20px auto;}
.logo img{ height:50px;margin-right: 20px;}

.top-tel{ }

.top-tel .tel-img{ width:51px; float:left;margin-top: 18px;margin-right: 10px;}

.top-tel .tel-text{ float: right;  margin-top: 17px;}

.top-tel .tel-text span{ color:#6c6c6a; font-size:14px; display:block; padding-bottom:7px;}

.top-tel .tel-text p{ color:#6c6c6a; font-size:25px; padding-bottom:6px;}

.top-ss{ margin-right:55px;margin-top: 19px; position: relative;}

.top-ss form { margin-top: 11px;}

.top-ss form input{width: 230px; height: 26px; background: #fff;border: 1px solid #dcdada;position: absolute; left: -316px;}

.top-ss .top-btn{width: 64px; height: 28px;background: #f03335 url(../images/ss.png) no-repeat;border: none;color: #fff; background-position: 6px 7px;text-indent: 19px;position: absolute;

    right:15px; cursor:pointer;}

.ss-text{margin-top:32px;}

.ss-text a{ display:inline-block; font-size:12px; color:#817e7e; margin-right:6px;}



/*导航*/

.header{height:38px;background: #005dbd; width:100%;}

.header .nav{width: 1200px;	height:38px;line-height:38px;margin: 0 auto;position: relative;z-index: 111;}

.header .nav li{float: left;width: 171px;height: 38px;	line-height:37px;text-align: center;}

.header .nav li a{color: #fff; font-size: 16px;}

.header .nav li .second-nav{width:171px;display: none;	position: relative;}

.header .nav li .second-nav li{

	position: relative;

	width: 100%;

	height:38px;

	line-height:38px;

	background: #005dbd;

	border-top: 1px solid #0269d3;

}
.header .nav li .second-nav li:last-child{position: initial;}
.header .nav li .second-nav li:last-child .third-nav{position: absolute;top: 0px;margin-top: 0px;}

.header .nav li .second-nav li .third-nav{

	/*position: absolute;*/

	width: 402px;

	height: 200px;

	display: none;

	margin-left: 100%;

	margin-top: -40px;

}

.second-nav li a{ font-size:14px !important;}
.header .nav li .second-nav li .third-nav li{width:200px; border-left:1px solid #0269d3;}


/*banner*/
#wrapper #pager{margin-top:156px;}
.top-banner {height:550px;width: 100%;	overflow: hidden}

.top-banner .banner-container {	width: 100%;height: 100%;position: relative}

.top-banner .banner-arrow-left {

	opacity: 0;

	width: 50px;

	height: 80px;

	position: absolute;

	top: 50%;

	left: 31%;

	margin-top: -40px;

	margin-left: -575px;

	z-index: 2;

	cursor: pointer;

	background: url(../images/banner_arrow.png) no-repeat center;

	background-size: 50px 80px;

	transition: all ease-in .5s; 

}

.top-banner .banner-arrow-left:hover {background: url(../images/banner_arrow_hover.png) no-repeat center;background-size: 50px 80px}

.top-banner .banner-arrow-right {

	opacity: 0;

	width: 50px;

	height: 80px;

	position: absolute;

	top: 50%;

	right: 31%;

	margin-top: -40px;

	margin-right: -575px;

	z-index: 2;

	cursor: pointer;

	background: url(../images/banner_arrow.png) no-repeat center;

	background-size: 50px 80px;

	transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	transition: all ease-in .5s; 

}

.top-banner .banner-arrow-right:hover {background: url(../images/banner_arrow_hover.png) no-repeat center;background-size: 50px 80px}

.top-banner .banner-container:hover .banner-arrow-left{opacity: 1;}

.top-banner .banner-container:hover .banner-arrow-right{opacity: 1;}

.top-banner .banner-pagination {position: absolute;	left: 0;bottom: 34px;text-align: center;width: 100%;height: 0;cursor: pointer;font-size: 0;z-index: 1;}

.top-banner .banner-pagination .swiper-pagination-switch {display: inline-block;margin-right: 8px;text-align: center;width: 30px;height: 4px;

	background: rgba(255, 255, 255, .5);

	vertical-align: middle;

	cursor: pointer

}

.top-banner .banner-pagination .swiper-pagination-switch.on{background: #fff;}

.top-banner .banner-pagination .swiper-pagination-switch:last-child {margin-right: 0}

.top-banner .banner-pagination .swiper-active-switch {background: #fff;position: relative}

.top-banner .banner-container .swiper-slide {position: relative;float: left;width: 100%;height: 360px!important}

.bd ul li{ height:550px;}

.bd ul li a{ display:inline-block; width:100% !important; height:100%;}

/*banner-end*/





/*------------------------------

  底部通用

-------------------------------*/

.footer-bj{ width:100%; height:auto; overflow:hidden;background:#007ec5; }

.foot-nav{ text-align:center;color:#fff; width:100%; background:#007ec5; font-size:14px;border-bottom:1px solid #fff;padding-top: 20px;}

/* .foot-nav ul li {text-align:center; padding:10px 0;} 

.foot-nav ul li a{ display:inline; color:#fff;text-align:center; padding:10px 15px;}*/

.foot-logo{ width:420px; margin:35px 0; background:url(../images/henggang_42.png) no-repeat right; padding: 25px 0px;}

.foot-logo img{ width:330px;}

.foot-lx{ width:300px; margin-top: 44px; color:#fff;background:url(../images/henggang_42.png) no-repeat right;margin-left:100px; padding-bottom: 45px;
padding-top: 8px;}

.foot-lx h4{font-size: 20px; margin-bottom: 20px;}

.foot-lx p{ color:#fff; font-size:14px; text-align:left; line-height:30px; /*padding-top: 42px; padding-bottom: 30px;*/}

.footer-ewm{ width:105px; text-align:center; color:#fff;margin-top: 55px;margin-left:40px; margin-right:20px;}

.footer-ewm img{width:105px; height:105px;}

.bq{width:100%; height:auto; overflow:hidden;background:#0498ec; font-size:12px; color:#fff; padding:10px 0; text-align:center;}

.bq a{ color:#fff;}

/*友情链接*/
.foot-nav ul li{float: left;text-align: left;}
.foot-nav ul li:nth-child(1){height: 40px;width: 7%;text-align: left;}
.foot-nav ul li:nth-child(2){float: right;width: 93%;}
.foot-nav ul li a{display: inline-block;color: #fff; margin-right: 16px;margin-bottom: 10px;}



/*内容*/

.h1{ text-align:center; font-size:40px; padding:60px 0;}

/* 产品 */

.cp-left-bj{ width:309px; background:#005dbd; padding-bottom:43px; margin-bottom:70px;}
.cp-left-bj h2{ margin:0 auto;width:174px; height:38px; padding:30px 0 20px;}
.cp-left{ width:278px; margin:0 auto; background:#eaebeb; padding:1px 0 11px;}
.cp-fl{ width:233px;margin:20px auto ; background:#fc9707; font-size:20px; text-indent:27px;color:#fff; border-radius:20px; padding:10px 0px;}
.cp-left li{ border-bottom:1px solid #bcbcbc; width:225px;margin: 10px auto 0;font-size: 16px; padding-bottom: 10px;}
.cp-left li i{ display:inline-block; width:14px; margin-right:10px;}
.cp-right{ width:860px;}
.cp-img{ width: 269px; height: 255px; overflow:hidden; border:1px solid #eaebeb;text-align: center;line-height: 250px;}
.cp-img img{ transition:all .6s;width:80%;vertical-align:middle;}
.cp-right li a{ width:272px; height:auto; display:inline-block; float:left;margin-left: 14px;margin-bottom:26px;}
.cp-text{ width:100%; height:40px; text-align:center; line-height:40px; background:#eaebeb; color:#232323; font-size:16px;overflow: hidden;}
.cp-right li a:hover img{ transform:scale(1.1,1.1);}

/* 解决方案 */

.fan-bj{ width:100%; height:auto; background:#0090d8; padding-bottom:0px;}

.fan-bj .h1{ color:#fff;}

.Box {position: relative;}

.Box .content {width: 1040px;margin: 0 auto;}

.Box .Box_con {position: relative;}

.Box .Box_con .btnl {position: absolute;}

.Box .Box_con .btn {display: block;width:30px;height:30px;position: absolute;top:133px;cursor: pointer;}

.Box .Box_con .btnl {background:url(../images/henggang_20.png) no-repeat center;left: -72px;}

.Box .Box_con .btnr {background:url(../images/henggang_23.png) no-repeat center;right: -72px;}

.Box .Box_con .btnl:hover {background: url(../images/henggang_20.png) no-repeat center;}

.Box .Box_con .btnr:hover {background: url(../images/henggang_23.png) no-repeat center;}

.Box .Box_con .conbox {position: relative;overflow: hidden;}

.Box .Box_con .conbox ul {position: relative;list-style: none;}

.Box .Box_con .conbox ul li {float: left;width:1040px;height:317px;overflow: hidden; position:relative;}

.Box .Box_con .conbox ul li:first-child {margin-left: 0;}

.Box .Box_con .conbox ul li .fa-img img{display: block;width:100%;height:317px;transition: all 0.5s;}

.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}

.Box .Box_con .conbox ul li .fa-text{ width:100%; height:50px; line-height:50px; color:#fff; background:rgba(0,0,0,.5); text-align:center; position:absolute; bottom:0; font-size:24px;}

.Box .BoxSwitch {margin-top: 30px;text-align: center;}

.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width:15px;height:15px;background: #fff;margin: 0 15px;cursor: pointer;border-radius: 50%;}

.Box .BoxSwitch span.cur {background: red;}



/* about */

.about-top{ margin:50px auto;}

.about-h1 a{ color:#313131; font-size:36px;}

.about-more a{ display:inline-block; width:157px; height:36px; color:#fff; text-align:center; background:#005dbd; font-size:16px; line-height:36px; border:1px solid #005dbd;}

.about-more a:hover{ background:#fff; color:#005DBD;transition: all .8s;}

.about-text{ width:580px;}

.about-text h2{ color:#005dbd; font-size:32px; padding:30px 0 50px;}

.about-text p{ text-align:justify; font-size:16px; color:#6a6b6c; line-height:35px; text-indent:1em;}





/*------------------------------------------

 新闻

------------------------------------------*/

.index-news{ width:570px; overflow:hidden; float:left;margin-right: 30px;margin-top: 60px;margin-bottom: 60px;}
.index-news:last-child{float: right;margin-right: 0;}
.news-img{ width:100%; height:176px; position:relative; margin-bottom:15px;overflow: hidden;}

.news-img .news-a{ width:160px; height:36px; background:#0090d8; text-align:center; position:absolute; left:0; top:53px; line-height:36px; font-size:20px; color:#fff;}

.news-img img{transition: all 0.8s;width: 100%;}

.news-img a:hover img{ transform:scale(1.05,1.05);}

.news-ul li{ width:100%; margin-top:4px;}

.news-ul li i{ display:inline-block; width:6px; height:9px; float:left; margin:0 10px;}

.news-ul li p{ font-size:14px; color:#6b6d6e;}











/**/

.i-news {overflow: hidden;}

.case {width: 103%}

.case ul li {
	width: 220px;
	height: 396px;
	overflow: hidden;
	float: left;
	text-align: center;
	line-height: 30px;
	margin-right: 13px;
}
.case ul li figure{
	width: 90%;
	height: 300px;
	border: 1px #eee solid;
	overflow: hidden;
	line-height: 295px;
	padding: 10px;
}
.case ul li:nth-child(4n+0) {

	margin-right: 0px !important;

}

.shipin ul li:nth-child(3n+0) {

	margin-right: 0px !important;

}

.case ul li p {
	text-align: center;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.case ul li img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	box-sizing: border-box;
}

.kehu {

	width: 103%;

	margin-top: 20px;

}

.kehu ul li {

	width: 220px;

	height: 190px;

	overflow: hidden;

	float: left;

	text-align: center;

	line-height: 30px;

	margin-right: 13px;

}

.kehu ul li:nth-child(4n+0) {

	margin-right: 0px !important;

}

.kehu ul li p {

	text-align: center;

	width: 100%;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.kehu ul li img {

	width: 100%;

	height: 142px;

	border: 1px solid #dbdada;

	padding: 4px;

	box-sizing: border-box;

}

.i-news {

	background: #fff;

}

.about_left {

	width: 223px;

	height: auto;

	margin-top: 27px;

	margin-bottom: 20px;

	box-shadow: 0 0 10px #ccc;

}

.about_left_bt {

	width: 223px;

	height: 45px;

	background: #0169d4;

	color: #fff;

	line-height: 45px;

	text-align: center;

}

.about_left_bt span {

	font-size: 18px;

	font-family: '微软雅黑';

}

.about_left .contact .c {

	border: #dadada 1px solid;

	border-top: 0;

	padding: 10px;

	font-size: 13px;

	line-height: 24px;

}

.about_left .contact .c img {

	border: 1px solid #dadada;

	display: block;

	padding: 2px;

}

.about_left .contact strong {

	color: #0169d4;

}

.left_nav ul {

	border: #dadada 1px solid;

	color: #383838

}

.left_nav ul {

	border-top: 0;

	font-size: 13px;

}

.left_nav ul li {

	color: #656565;

	margin: 0 0 0 12px;

	border-bottom: 1px solid #e4e4e4;

	line-height: 50px;

	list-style: none;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	width: 205px;

}

.left_nav ul li ul {

	border: none;

	margin-bottom: 20px;

	display: none

}

.left_nav ul li ul li {

	border: none;

	line-height: 25px;

	padding-left: 5px;

}

.left_nav ul li ul li span {

	margin-right: 10px;

}

.left_nav ul li ul li a {

	font-size: 13px;

}

.case {

	margin-top: 18px;

}

.left_nav li:last-child {

	border: none

}

.left_nav li a {

	font-size: 14px;

	color: #656565;

	line-height: 50px;

	width: 200px

}

.left_nav li a:hover, .cover .cover_left li.hover a {

	color: #d31927

}

.left_nav li a span {

	width: 10px;

	height: 7px;

	display: inline-block;

	overflow: hidden;

	float: right;

	margin: 14px 10px

}

.left_nav li a:hover span, .cover .cover_left li.hover a span {

	background-position: right -4px

}

.left_nav ul li p {

	line-height: 24px;

	margin-bottom: 10px;

	background: #fafafa;

	display: none;

	width: 221px !important;

	padding: 3px 0;

}

.left_nav ul li p a {

	line-height: 24px;

	width: auto;

	display: block;

}

.about_right {

	width: 920px;

	height: auto;

	float: right;

	margin-top: 27px;

	overflow: hidden;

	font-size: 14px;

	line-height: 1.5;

	;

	min-height: 500px;

}

.about_site {

	height: 38px;

	border-bottom: 2px solid #0169d4;

	overflow: hidden;

}

.about_site ul li {

	line-height: 38px;

}

.about_site ul {

	list-style-type: none;

	width: 100%

}

.about_site ul li.z {

	float: left

}

.about_site ul li.y {

	float: right;

}

.about_site ul li.y a {

	display: inline-block

}

.mtw {

	margin-top: 20px !important;

}

.about_site ul li.z span {

	font-size: 18px;

	font-family: '微软雅黑';

	font-weight: 400;

	color: #888; /*border-left:3px solid #7ec027; padding-left:10px;*/

	margin-right: 15px;

	display: block;

	float: left;

}

.about_site ul li.z span.cur {

	color: #65280a;

	height: 44px; /*background:url(../images/nav.png) no-repeat center bottom;*/

}

.about_lr {

	height: auto;

	margin: 0px auto;

	line-height: 26px;

}

.about_lr_p {

	padding: 0px;

	line-height: 26px;

	color: #696969;

	font-family: "微软雅黑", Arial, Helvetica, sans-serif;

	font-size: 14px;

	border-bottom: 1px dashed #b61c25;

	padding-bottom: 20px;

	margin-bottom: 20px;

	min-height: 400px;

	text-indent: 0px;

}

.about_lr .pre, .about_lr .next {

	width: 49.5%;

	float: left;

	text-align: center;

	margin-bottom: 20px;

}

.about_lr .pre {

	text-align: left;

}

.about_lr a {

	display: inline-block

}

.about_lr h2 {

	font-size: 20px;

	line-height: 50px;

	text-align: center;

}

.about_lr .info {

	line-height: 24px;

	border-bottom: 1px dashed;

	text-align: center;

}

.about_lr .next {

	text-align: right;

}

.left_nav_1 {

	width: 253px;

	height: auto;

	border: 1px solid #dadada;

	border-top: #4c4c4c 5px solid;

}

.left_nav_1 ul li {

	width: 233px;

	height: 40px;

	border-bottom: 1px solid #e4e4e4;

	margin: 0 12px;

	line-height: 40px;

	font-size: 14px;

	font-family: "微软雅黑";

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.left_nav_1 ul li a {

	padding-left: 0px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	color: #656565

}

.gsxw_01 {

	width: 100%;

	margin-top: 0px;

}

.gsxw_011 {

	width: 100%;

}

.gsxw_011 img {

	width: 110px;

	height: 80px;

	float: left;

	margin: 26px 10px 0 24px;

	display: inline

}

.gsxw_01p1 {

	width: 602px;

	float: left;

	margin: 26px 0 0 0;

}

.gsxw_01p1 a {

	color: #333333;

	font-weight: bold;

	font-size: 12px

}

.gsxw_01p2 {

	width: 602px;

	float: left;

	line-height: 16px;

	color: #888888;

	font-size: 12px;

	margin: 5px 0 0 0;

}

.gsxw_01p3 {

	width: 387px;

	float: left;

	margin: 5px 0 0 0

}

.gsxw_01p3 a {

	color: #f49500

}

.gsxw_01 ul {

	margin: 10px;

	display: inline;

}

.gsxw_01ul li {

	width: 100%;

	float: left;

	line-height: 40px;

}

.gsxw_01ul li a {

	float: left;

	color: #333333;

	font-size: 14px;

}

.gsxw_01ul li span {

	float: right;

	color: #333;

}

.page {

	text-align: right;

	clear: both;

}

.page ul {

	margin: 25px 0;

}

.page ul li {

	display: inline;

 *display:inline;

 *zoom:1;

}

.page ul li a {

	display: inline-block;

	height: 30px;

	line-height: 30px;

	padding: 0 10px;

	background: #F7F7F7;

	border: 1px solid #E9E9E9;

	font-size: 12px;

	margin-bottom: 8px;

}

.page ul li a:hover {

	background: #0169d4;

	color: #FFF;

	text-decoration: none;

}

.page ul li.thisclass a {

	background: #0169d4;

	color: #FFF;

	text-decoration: none;

}

.message {

	margin: 0 auto 20px;

}

.message h1 {

	font-family: "微软雅黑", "方正正纤黑简体";

	font-weight: 100;

	font-size: 30px;

	color: #797979;

	margin: 20px auto;

}

.message_ts {

	font-family: "微软雅黑", "宋体";

	font-size: 12px;

	color: #585858;

	line-height: 20px;

	padding: 8px;

	background: #f8f8f8;

	border: 1px solid #e3e3e3;

}

.message_ts span {

	color: #fd0000;

}

.message_con {

	margin-top: 30px;

}

.message_con ul li {

	height: 64px;

}

.message_con ul li label {

	width: 110px;

	float: left;

	font-size: 14px;

	color: #333333;

	display: inline-block;

	text-align: right;

	padding-right: 5px;

}

.message_con ul li input {

	width: 278px;

	height: 28px;

	border: 2px solid #e3e4e8;

}

.message_con ul li input:hover {

	border: 2px solid #d09595;

}

.message_con ul li textarea {

	width: 378px;

	height: 100px;

	border: 2px solid #e3e4e8;

}

.message_con ul li span {

	display: inline-block;

	margin-left: 10px;

	font-size: 12px;

	line-height: 20px;

	color: #fd0000;

	max-width: 207px;

}

.message_con ul li button {

	width: 94px;

	height: 34px;

	border: 0;

	line-height: 34px;

	text-align: center;

	background: #e50011;

	font-size: 18px;

	color: #fff;

	cursor: pointer;

	margin-top: 60px;

}

.message_con ul li .tipinfo {

	display: inline-block;

	font-size: 12px;

	color: #f00;

	margin-left: 6px;

}

.message_con ul li {

	height: auto;

	min-height: 64px;

}

.message_con ul li .btn_submit {

	background: none repeat scroll 0 0 #e50011;

	border: 0 none;

	color: #FFFFFF;

	cursor: pointer;

	font-size: 18px;

	height: 34px;

	line-height: 34px;

	text-align: center;

	width: 94px;

	margin-left: 115px;

	margin-top: 20px;

}

.message_con ul li .btn_submit:hover {

	border: 0;

}

.about_lr_p img {

	vertical-align: middle;

}

.paging {

	margin: 32px 0;

	font-size: 14px;

	text-align: right

}

.paging .page {

	display: inline-block;

}

.paging > span {

	margin: auto 16px;

}

.paging .page-numbar {

	margin: auto 0;

}

.paging .page-numbar .page-num, .paging .page-index, .paging .page-pre, .paging .page-next, .paging .page-last {

	display: inline-block;

	margin: auto 4px;

	padding: 2px 12px;

	border: 1px solid #EEE;

	border-radius: 2px;

}

.paging .page-numbar .page-num-current, .paging .page-numbar .page-num:hover {

	border-color: #0169d4;

	color: #0169d4;

}



.left_nav2 ul {

	border: #dadada 1px solid;

	color: #383838

}

.left_nav2 ul {

	border-top: 0;

	font-size: 13px;

}

.left_nav2 ul li {

	color: #656565;

	padding: 0 0 0 12px;

	border-bottom: 1px solid #ccc;

	line-height: 46px;

	list-style: none;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	width: 100%;

	background-color:#f5f5f5;

	box-sizing:border-box

}

.left_nav2 ul dl dt:last-child {

	margin-bottom: 10px

}

.left_nav2 ul dl dt a {

	font-size: 12px;

}

.left_nav2 ul dl{padding-left: 18px; display:block;}

.left_nav2 ul dl dt {

	line-height: 16px;

	padding-left: 18px;

	    background: url(../images/weisente-01.png) no-repeat;

		box-sizing:border-box;

		margin:16px 0;

		

}

.left_nav2 ul li .aa {

	cursor: pointer

}



.news-ul ul li{ width:100%;  background:#fff; float:left; overflow:hidden;margin-top: 23px;}

.news-ul ul li img{width: 220px; height: 140px;float:left;}

.news-ul-text{ float:right; width:670px;}

.news-ul-text h3{ padding-top:17px; font-size: 16px; font-weight: bold;}

.news-ul-text a p{ color:#999; padding:10px 0 20px;}

.news-ul-text span{ color:#999;}