@charset "utf-8";
body{
    min-width:1200px;;
}
/**Common Css**/
.cent-block{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wid {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.m40{
    margin: 40px auto;
}
.p40{
    padding: 40px 0;
}
.p50{
    padding: 50px 0;
}
.p20{
    padding: 20px 0;
}
.mb50{
	margin-bottom: 50px;
}
/*文本超出显示省略号*/
.ehn,.otw,.tow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/*清除浮动*/
.clearfix {
    clear: both;
}
.clearfix:after {
    display: block;
    clear: both;
    content: "\0020";
    visibility: hidden;
    height: 0;
}
/* top */
.tel .tel-text p{
	font-size: 14px;color: #000;
}
.tel .tel-text p:nth-child(1){
	position: relative;
	top: 10px;
	margin-bottom: 5px;
}
.tel .tel-text .mumber{
		font-family: "Arial";
		color: #dd0000;
		font-size: 30px;
		font-weight: bold;
}
/* header */
.nav-bg{
	background:url(../images/nav-bg.jpg) repeat;
	height: 50px;
	line-height: 50px;
	color: #fff;
}
#nav li{
	width: 150px;
	text-align: center;
	float:left;
	position: relative;
	background-image: url(../images/li-bg.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav li a{
	color: #fff;
}
#nav li .sub-con{
	position: absolute;
	left: 0;
	top: 50px;
	z-index: 10;
	font-size: 14px;
	text-align: center;
	width: 100%;
	display: none;
}
#nav li.current{
	background: #dd0000;
}
#nav li.ahover{
	background: #dd0000;
}
#nav li .sub-con p a{
	display: block;
	height: 40px;
	line-height: 40px;
	background: #333;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,.2);
	box-sizing: border-box;
}
#nav li .sub-con p a:hover{
	background: #bf0b0b;
	border-color: #bf0b0b;
}
/* banner */
.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.banner img {
    display: block;
}
.banner .swiper-pagination-bullet {
    background:none;
    border: 2px solid #fff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 1;
    transition: all,.5s;
}
.banner .swiper-pagination-bullet-active {
    background: #fff;
}
.banner .swiper-button-prev {
    left: 5%;
    color: #fff;
    width: 45px;
    height: 72px;
}
.banner .swiper-button-next {
    right: 5%;
    color: #fff;
    width: 45px;
    height: 72px;
}
/*首页产品中心 */
.index-title h5{
	text-align: center;
	background: url(../images/index-tit.jpg) no-repeat center center;
	width: 321px;
	margin: 0 auto;
	font-size: 36px;
}
.pro-nav{
	   display: table;
       margin: 20px auto;
}
.pro-nav li{
	border: 1px solid #ddd;
	border-radius: 4px;
	text-align: center;
	float: left;
	margin: 5px;
	padding: 5px 8px;
}
.pro-nav li.on a{
	color: #fff;
}
.pro-nav li.on{
	background: #cc0000;
	border-color: #CC0000;
}
/*产品中心*/
.index-pro ul{
	min-height:560px
}
.index-pro li{
	float: left;
	width: 291px;
	margin-right: 12px;
	margin-bottom:12px
}
.index-pro li:nth-child(4n){
	margin-right: 0;
}
.index-pro li .img-box{
	width: 291px;
	height: 218px;
	overflow: hidden;
}
.index-pro li .img-box img{
	width: 100%;
}
.index-pro li .img-box2{
	width: 291px;
	height: 420px;
	overflow: hidden;
}
.index-pro li .img-box2 img{
width: 291px;
	overflow: hidden;
}

.index-pro li .index-pro-tit:nth-child(2){
	padding-top:10px;
	color:#000
}
.index-pro li .index-pro-tit{
	/* height: 40px; */
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	color:#666;
}
/* 首页关于我们 */
.about-img{
	width:590px;
	margin-right: 40px;
}
.about-text{
	width:570px;
}
.about-tit h5{
	font-size: 34px;
	color: #CC0000;
}
.about-tit h5 span{
	font-size: 20px;
	color: #000;
}
.about-tit .more{
	line-height: 55px;
}
.about-tit{
	border-bottom:1px solid #ccc;
}
.index-about-main{
	font-size: 16px;
	line-height: 1.8;
	color: #666;
	padding: 5px 0;
}
.about-text .about-list li {
	width: 30%;
	float: left;
	margin: 1%;
	text-align: center;
}
.about-text .about-list li h5{
	font-size: 36px;
	font-weight: bold;
	color: #CC0000;
}
.about-text .about-list li p{
	color: #000;
	line-height: 2;
}
/*新闻资讯*/
.index-new-box{
	width: 590px;
}
.index-new-box .tab li{
	width: 50%;
	float: left;
	background: #333;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.index-new-box .tab li a{
	color: #fff;
}
.index-new-box .tab li.on{
	background: #CC0000;
}
.index-new-list li{
	margin: 20px 0;
}
.index-new-list .img-box{
width: 140px;
margin-right: 20px;
}
.index-new-list .img-box img{
	width: 100%;
	display: block;
}
.index-new-list .text-box{
	width: 430px;
}
.index-new-list .text-box h5{
	color: #000;
	padding:5px 0;
}
.index-new-list .text-box p{
	color: #666;
	font-size: 14px;
	line-height: 1.8;
}
.index-new-list .date{
	color: #ddd;
	font-size: 12px;;
}
.wenti{
	width: 570px;
}
.wenti-tit{
	border-bottom: 1px solid #ccc;
}
.wenti-tit h5{
	height: 60px;
	line-height: 60px;
	color: #000;
	font-size: 20px;
}
.wenti-tit h5 span{
	font-family: 14px;
	color: #666;
}
.wenti-tit .more{
	line-height: 60px;
	text-transform: uppercase;
}
.wenti-list li{
	margin: 20px 0;
}
.wenti-list li span{
	float: left;
	width: 24px;
	height: 24px;
	color: #fff;
	background: #333;	
	text-align: center;
	line-break: 24px;
	margin-right: 10px;
	font-size: 16px;
}
.wenti-list li .wen {
	margin: 5px 0;
}
.wenti-list li .wen i{
	font-style: normal;
	color: #666;
}
.wenti-list li .wen span{
	background: #CC0000;
}
.wenti-list li .da{
	font-size: 14px;
	color: #999;
}
.part-tit{
	background: url(../images/por-tit-bg.jpg) no-repeat top center;
	text-align: center;
	padding-bottom:20px
}
.part-tit h5{
	font-size: 36px;
	/* padding-top: 30px; */
	position: relative;
	top: 5px;
	/* margin-bottom: 20px; */
}
.part-tit  p{
position:relative;
top:20px 
}
.part-box{
	position: relative;
	width: 1300px;
	margin-left:auto;
	margin-right: auto;
}
.part-box .swiper-button-next{
	opacity:1;
	width:28px;
	height:58px;
	background:url(../images/next.jpg) no-repeat center center;
}
.part-box .swiper-button-prev{
	opacity:1;
	width:28px;
	height:58px;
	background:url(../images/prev.jpg) no-repeat center center;
}
.part-box .swiper-part{
	width: 1200px;
	margin-left:auto;
	margin-right: auto;
	overflow: hidden;
}
.part-box .swiper-part img{
	display:block;
	margin-left: auto;
	margin-right: auto;
}
.part-box .swiper-slide{
	border: 1px solid #ccc;
	width:230px!important;
	margin:5px!important;
	box-sizing: border-box;
}
/*底部*/
.footer-bg{
	background: #333;
	color: #fff;
}
.foor-nav{
	border-bottom: 1px solid rgba(255,255,255,.2);
	padding: 10px 0;
}
.footer-bg a{
	color: #fff;
}
.foot-nav-box li{
	float: left;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	transition: all,.5s;
}
.foot-nav-box li a{
	display: block;
	font-size: 16px;
}
.foot-nav-box li.block{
	border-bottom:1px solid #c00
}
.foot-logo{
	margin-right: 20px;
}
.foot-logo img{
	display: block;
	margin-top: 40px;
}
.foot-con h5{
	font-size: 24px;
	font-weight: bold;
	padding: 10px 0;
}
.foot-con p{
	font-size: 16px;
	line-height: 1.8;
}
	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.navBar{  position:relative; z-index:1;   }
	.nav{ position:relative; }
	.nav .m{position:relative; z-index:1;}
	.nav .block{height: 2px;width: 120px;background:#c00;position:absolute;left:0;top:48px;overflow:hidden;}
/* 内页左侧导航  */
.nei-main{
	padding: 50px 0;
}
.left-nav-box{
	width: 210px;
}
.left-nav-box .nei-tit{
	height: 70px;
	background: #CC0000;
	text-align: center;
	color: #fff;
	padding: 10px 0;
}
.left-nav-box .nei-tit h5{
	padding-top: 10px;
	font-size: 22px;
	font-weight: bold;
}
.left-nav {
	border: 1px solid #ccc;
	padding-top: 10px;
}
.left-nav li{
	height: 40px;
	line-height: 40px;
	color: #333;
	background: #fff;
	text-indent: 40px;
	background-image: url(../images/nav-list.png);
	background-size:10px;
	background-position: 15px center;
	background-repeat: no-repeat;
	border-bottom:1px solid #f1f1f1;
	font-size:14px
}
.left-nav li:hover{
	background: #CC0000;
	background-image: url(../images/nav-list-white.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	transition: all,.2s;
}
.left-nav li a{
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.left-nav li.current{
	background: #CC0000;
	background-image: url(../images/nav-list-white.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}
.left-nav li.current a{
	color: #fff;
}
.left-nav li:hover a{
	color: #fff;
}
.left-nav li:last-of-type{
	margin-bottom: 0;
}
.nei-body{
	width: 950px;
}
.posi-tit {
	border-bottom: 1px solid #ccc;
	line-height: 40px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.posi-tit h5{
	border-left: 5px solid #CC0000;
	padding-left: 20px;
	height:40px;
	line-height: 40px;
	font-size: 20px;
	/*font-weight: bold;*/
}
.posi-tit .text{
	color: #666;
	font-size: 14px;
}
.posi-tit .text .fl a{
	color: #666;
}
.posi-tit .text img{
	margin-top: 10px;
	margin-right: 20px;
}
.main-body {
	min-height: 500px;
}
.main-body p{line-height: 2;font-size: 18px;}
.main-body img{
	max-width: 100%;
}
/* 新闻列表  */
.nei-new-tit{
	border-bottom: 1px dashed #ccc;
}
.nei-new-tit a{
	color: #000;
	font-size: 16px;
	height:36px;
	line-height: 36px;
}
.nei-new-tit a span{
	padding-left: 10px;
}
.nei-new-tit .date{
	font-size: 14px;
	color: #999;
	height:36px;
	line-height: 36px;
}
.nei-new-tit img{
	position: relative;
	top: 5px;
}
.new-list .nei-new-dec{
	font-size: 14px;
	color: #666;
	padding-top: 5px;
}
.new-list li{
	margin-bottom: 20px;
}
/* 分页 */
.pagination-wrapper {
	width: 100%;
	clear: both;
	padding: 20px 0;
	text-align: center
}
.pagination-wrapper {
	text-align: right;
	font-size: 0;
	line-height: 38px;
	padding-right: 10px;
	margin-top: 30px
}
.pagination-wrapper li {
	display: inline;
	color: #333;
	border: none;
	margin: 0;
	padding: 0
}
.m-pagination li,.pagination-wrapper a {
	display: inline-block;
	font-size: 15px;
	background-color: #fff;
	padding: 0 13px;
	height: 36px;
	overflow: hidden;
	text-align: center;
	border: 0 #ddd solid;
	color: #333;
	font-family: Arial;
	margin-left: 5px;
	border: 1px solid #ccc;
    vertical-align: top;
    float: left;
}
.pagination-wrapper .thisclass {
	display: inline-block;
	font-size: 15px;
	background-color: #fff;
	padding: 0 13px;
	height: 36px;
	overflow: hidden;
	text-align: center;
	border: 0 #ddd solid;
	color: #333;
	font-family: Arial;
	margin-left: 5px;
	border: 1px solid #ccc;
	vertical-align: top;
	background: #333;
    color: #fff;
    float: left;
}
.m-pagination a.prev,.pagination a.next {
	font-family: Arial;
	font-size: 16px;
	font-weight: 700
}
.pagination-wrapper span {
	font-size: 14px;
	padding-right: 10px
}
.main-body .title{
	text-align: center;
	/*font-weight: bold;*/
	font-size: 26px;;
}
.main-body .date{
	color: #666;
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
}
.nei-pro .pro-list li{
	width: 230px;
	margin-right: 10px;
	float:left;
}
.nei-pro .pro-list li:nth-child(4n){
	margin-right: 0;
}
.nei-pro .pro-list li .img-box{
	width: 230px;
	height: 172px;
}
.nei-pro .pro-list li .img-box img{
	width: 100%; height:172px;
	display: block;
}
.nei-pro .pro-list li p{
	text-align: center;
	font-size: 14px;
	line-height: 36px;
}
.article-con p{
	/*background: #f1f1f1;*/
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 5px;
	width: 450px;
	color: #666;
	text-indent: 30px;
	margin-right: 40px;
}
.article-con p span{
	color: #000;
}
.article-con p .iconfont{
	padding-right:20px;
}
.article-img-box{
	width: 400px;
	height: 300px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.article-img-box img{
	width: 380px;
	height: 275px;
	padding: 10px;
}

.article-img-box2{
	width: 400px;
	height: 600px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.article-img-box img{
	width: 380px;
	height: 280px;
	padding: 10px;
}
.con-btn{
	margin-top: 20px;
}
.con-btn a{
	width: 180px;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	display:block;
	float: left;
	margin-right: 30px;
}
.con-btn .iconfont{
	font-size: 18px;
	padding-right: 10px;
}
.con-btn .qq{
	background:#4cafea;
	color: #fff;
	transition: all,.5s;
	border-radius: 8px;
}
.con-btn .qq:hover{
	background: #1984c4;
}
.con-btn .wx:hover{
	background:#258d1c
}
.con-btn .wx{
	background: #3eb034;
	color: #fff;
	transition: all,.5s;
	border-radius: 8px;
}
.con-btn .wx .iconfont{
	font-size: 20px;
	line-height: 50px;
}
.con-btn{
position: relative;
}
.wei-img-bg{
	background:url(../images/con-bg.png) no-repeat center center;
	width: 243px;
	height: 258px;
	position: absolute;
	top:-260px;right: 50px;
	display: none;
}
.wei-img-bg .con-weixin{
	position: absolute;
	top: 15px;
	left: 15px;
}
.wei-img-bg .cose{
	position: absolute;
	top: -10px;
	right: -10px;
	cursor: pointer;
}
.xq{width: 100%;height: 40px;color: #000;font-size: 18px;margin-top: 20px;background: #eee;margin-bottom: 10px;font-size: 16px;border-bottom: 1px solid #ccc;}
.xq p{
	border-left: 4px solid #CC0000;
	padding-left: 10px;
	margin-left: 20px;
	height: 30px;
	line-height: 30px;
	position: relative;
	top:5px
}
.fy{
    background:#f0f0f0;
    border:1px solid #ccc;
    padding:10px 20px;
    position:relative;
    margin-bottom: 50px;
}
.fy{
    background:#f0f0f0;
    border:1px solid #ccc;
    padding:10px 20px;
    position:relative;
    font-size: 16px;
    color: #666;
    line-height: 2;
    margin-top: 20px;
}
.fy .run{
    background:#fa0;
    padding:10px 20px;
    position:absolute;
    width: 34px;
    right:0px;
    top:0;
    transition:all,.5s;
}
.fy .run a{
    color:#fff;
    display:block;
}
.fy .run:hover{
    background:#f60
}
.text-body {
	font-size: 14px;
	font-weight: normal;
	color: #333;
}
/* 首页插图 */
.cha-bg{
	background:url(../images/cha-bg.jpg) no-repeat center center;
	height:171px;
	color:#fff;
	margin-bottom:50px
}
.cha-bg h5{
	font-size:36px;
	font-weight:bold;
	padding-top:20px;
	margin-bottom:10px;
}
.cha-bg .fl{
	width:800px;
}
.cha-bg .fl p{
	float:left;
	font-size:16px;
	margin-right:30px;
	line-height:30px;
}
.cha-bg .fr h5{
	margin-top:15px;
}
.cha-bg .fr p{
	width:280px;
	height:48px;
	line-height:48px;
	border-radius:24px;
	display:block;
	background:#fff;
	color:#e50a13;
	font-weight:bold;
	font-size:30px;
	text-align:center;
}
.cha-bg .fr .iconfont{
	font-size:33px;
	font-weight:normal;
	line-height:50px;
	color:#333
}
.case-bg{
	margin-bottom:50px;
}
.case-list li{
float:left;
width:360px;
margin-right:60px;
	margin-bottom:30px
}
.case-list li:nth-child(3n){
	margin-right:0
}
.case-list li .img-box{
	width:360px;
	/* float:left; */
	overflow:hidden;
}
.case-list li .img-box img{
	width:100%;
}
.case-list li .text-box{
	border:1px solid #ccc;
	padding:10px;
	margin-top:5px
}
.case-list a{
	display:block;
}
.case-list li .text-box .tit{
	/* margin-top:20px; */
	text-align:center;
	padding:10px;
	/* height: 40px; */
	padding-top: 0;
	}
.case-list li .text-box .dec{
	text-align:left;
	font-size:14px;
	color:#666;
	line-height:1.8;
	text-align:center;
}
/* 流程 */
.liucheng{
	background:url(../images/liucheng.jpg) no-repeat center center;
	height:200px;
	margin-bottom:50px;
}
.c_meau{height:380px; position:fixed;  right:50px;  bottom:-380px; display:none;}
.c_meau .fl{ width:125px;}
.c_meau .fl h4{ width:100%; background:url(../images/c_meau_4.png) no-repeat ; color:#81511c; font-size:16px; line-height:22px;text-align:center;  font-weight:bold;heigh;height: 40px;line-height:20px;padding: 15px 0;padding-top: -25px;}
.c_meau .fl_o{ background:#fff; margin:-16px 0; padding:10px 0 0 0;}
.c_meau .fl_o_o{ color:#7d7d7d; font-size:14px; }
.c_meau .fl_o_o { padding-bottom:10px; border-bottom:1px solid #e5e5e5; width:108px; text-align:center; margin:auto auto 10px auto;}
.c_meau .fl_o_o dd{ line-height:14px;}
.c_meau .fr_o{ margin:90px 0 60px 0;}
.c_meau .fr_t{ margin-left:8px; cursor:pointer;}
.c_meau{ height:auto; bottom:-430px; display:block;}
.c_meau .fl_o_o dd{ line-height:22px;}
.c_meau .fl_o{ margin:-16px 0 -11px 0;}
.c_meau .fr_o {margin: 90px 0 168px 0;}
.top-btn{cursor: pointer;}
.fenzhan a{display:inline-block;padding-right: 10px;font-size: 14px;}

#container{width:1100px;margin:0 auto;}
.gs{
	margin-top: 30px;
}

.nn7-sub01 span{
	color: #333;
	padding-left: 4px;
}

.gs-sub{
	margin-top: 30px;
}
.xin{
	width: 505px;
	margin-top: 65px;
}
.xin-sub{
	background: url(../images/left3.png) no-repeat;
	height: 45px;
	position: relative;
	padding-left: 50px;
	font:600 16px/20px "微软雅黑";
	color: #333333;
	padding-top: 10px;
}
.xin-sub span{
	text-transform : uppercase;
	font:200 12px/20px "微软雅黑";
	color: #d4d4d4;
}
.xin-sub a{
	position: absolute;
	top:20px;
	right: 0px;
	background: url(../images/more1.png) right center no-repeat;
	font:200 12px/20px "微软雅黑";
	padding-right: 15px;
}


.nei55{
	background: url(../images/nei5.jpg) top center no-repeat;
	height: 222px;
	margin-top: 55px;
}

.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
	}
	.nei3{
	background: url(../images/nei3.jpg) top center no-repeat;
	height: 1357px;
}

.nn{
	width: 720px;
	text-align: right;
}
.nn-sub{
	font:700 44px/45px "微软雅黑";
	color: #ffffff;
	padding-top: 30px;
}
.nn-sub1{
	font:400 18px/35px "微软雅黑";
	color: #fff;
	padding-top: 10px;
}
.nn1{
	width: 214px;
}
.nn1-sub{
	font:200 24px/30px "微软雅黑";
	color: #fff;
	padding-top: 50px;
}
.nn1-sub1{
	width: 100px;
	background: #fff;
	color: #a61c18;
	text-align: center;
	font:200 12px/24px "微软雅黑";
	border-radius: 5px;
	margin-top: 10px;
}

.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}