﻿/* CSS Document */
*{margin: 0;padding: 0;list-style-type: none;}
table{empty-cells: show;border-collapse: collapse;border-spacing: 0;}
h1{font-weight: bold;}
h2{font-weight: normal;}
h3{font-size: 14px;font-weight: normal;}
h4{font-size: 13px;font-weight: normal;}
abbr, acronym{border: 0;font-variant: normal}
input, button, textarea, select, optgroup, option{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit}
input, button, textarea, select{*font-size:100%}
pre{white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;font-family:"MicroSoft YaHei",Arial; line-height: 2;}
a{text-decoration: none;transition: all 0.2s;-webkit-transition: all 0.2s;/* Safari*/ color:#333;}
a:hover{text-decoration: none; color:#d10f1b;}
body{margin: 0 auto;padding: 0px;font-family: "MicroSoft YaHei", Arial;font-size: 14px; color:#333;}
html{overflow-x: hidden;min-width: 1200px;}
img{border: none}
.fl{float: left;}
.fr{float: right;}
.w1400{width: 1400px;}
.w1426{width:1426px;}
.w1200{width:1200px;}
.p45{padding:45px 0;}
.clear{clear: both;}
.mrauto{margin: 0 auto;}
.phcolor{ color:#999;}
/* 主颜色 */
.main-color{color:#d10f1b;}
.main-bgcolor{background-color:#d10f1b;}
/* 头部 */
.header{padding: 15px 0 10px;}
.header .h-logo{width: 600px; float: left;}
.header .h-logo .logo{float: left;width: 380px;height:70px; background:url(../img/logo.jpg) no-repeat center;}
.header .h-logo span{display: block; float: left; font-size: 22px; font-weight: bold; height: 70px; padding-top: 15px;}
.header .h-logo span em{display: block;color: #333; font-size: 16px;}
.header .h-search{float: left; margin-top: 15px;}
.header .h-search input{display:block;float:left;}
.header .h-search input[type="text"]{background: url(../img/icon_fdj.jpg) no-repeat left; background-size: 20px; border: 1px solid #ccc; border-right: 0px; padding: 5px 5px 5px 25px; outline: none;}
.header .h-search input[type="submit"]{padding: 6px 15px; border: none; color: #fff;}
.header .h-tel{float: right;margin-top: 15px;}
.header .h-tel .h-tel-info{ height: 38px; float:right;}
.header .h-tel .h-tel-info p{background: url(../img/top_te_bg.png) no-repeat left; width:238px; height: 38px; line-height:38px;color: #fff; font-size:14px;padding-left: 50px;}
.header .h-tel .h-tel-info p span{font-size:24px;}
.header .h-tel .h-tel-detail{ padding-left:45px; letter-spacing:5px;}
/* 导航 */
.top-nav{background: #d10f1b;}
.top-nav .nav-title{color: #fff; float: left; width: 300px; height: 50px; line-height: 50px; text-indent: 3em; font-size: 18px;}
.top-nav ul.nav{float: left; height: 50px;}
.top-nav ul.nav > li{display: block; float: left;}
.top-nav ul.nav > li > a{display: block; height: 50px; line-height: 50px; color: #fff; font-size: 16px; width: 146px; text-align: center;}
.top-nav ul.nav > li > a:hover,.top-nav ul.nav > li > a.on{background: #333; color: #fff;}
/* 下拉导航 */
.top-nav ul.nav > li > ul.nav_sub{display: none;position: relative; z-index: 10;}
.top-nav ul.nav > li > ul.nav_sub > li{position: relative;}
.top-nav ul.nav > li > ul.nav_sub > li > a{display: block; height: 40px; line-height: 40px; text-align: center; background: #333; color: #fff;}
.top-nav ul.nav > li > ul.nav_sub > li > a:hover{background: #d10f1b;}
.top-nav ul.nav > li:hover > ul.nav_sub{display: block;}
/* 二级下拉 */
.top-nav ul.nav > li > ul.nav_sub > li > ul.s{display: none; position: absolute; z-index: 10; right: -120px; top: 0px;}
.top-nav ul.nav > li > ul.nav_sub > li > ul.s > li{}
.top-nav ul.nav > li > ul.nav_sub > li > ul.s > li > a{display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #423c3c; color: #fff;}
.top-nav ul.nav > li > ul.nav_sub > li > ul.s > li > a:hover{background: #d10f1b;}
.top-nav ul.nav > li > ul.nav_sub > li:hover > ul.s{display: block;}


/* 帮助 */
.help{background: #f2f2f2; padding: 30px 0;}
.help .top{border-bottom: 1px solid #dadada; margin-bottom: 30px; padding-bottom: 20px;}
.help .top img{}
.help .top h1{font-size: 32px; text-align: center; height: 60px;}
.help .bot{}
.help .bot .help-nav{}
.help .bot .help-nav .item{width: 360px; float: left; margin-right: 20px;}
.help .bot .help-nav .item h2{font-size: 16px;margin-bottom: 10px; font-weight:bold;}
.help .bot .help-nav .item a{line-height: 25px; width:50%; float:left;}
.help .bot .help-hotline{float: right;}
.help .bot .help-hotline h2{text-indent: 2em; margin-bottom: 5px; font-weight: bold; font-size:26px;}
.help .bot .help-hotline h3{text-indent: 2em; margin-bottom: 10px; font-weight: bold; font-size:20px;}
.help .bot .help-hotline .con{width: 255px; height: 40px;}
.help .bot .help-hotline .con p{text-align: center; font-size: 30px; color: #fff; line-height: 40px;}
/* 底部 */
.footer{background-color:#302e2f; padding-top:30px; padding-bottom:20px;}
.footer .item1{float: left; margin-right: 50px; padding-right: 50px;background: url(../img/footer_border.png) no-repeat right;}
.footer .item1 img{display: block;}
.footer .item2{float: left;}
.footer .item2 h2{color: #e1e1e1;font-size: 20px; margin-bottom: 10px;}
.footer .item2 p{color: #e1e1e1; line-height:25px;}
.footer .item2 a{color: #e1e1e1;}
.footer .item3{float: right;}
.footer .item3 img{display: block; width:120px; height:120px;}
.footer .item3 h3{color: #e1e1e1; font-size: 14px; font-weight: normal; padding: 10px 0; text-align:center;}
/* 首页-楼层 */
.index-floor{width:1200px;margin: 0 auto;}
.index-floor .index-title-01{padding: 40px 0 20px 0;}
.index-floor .index-title-01 .line{height: 1px; background: #e5e5e5; margin-top: 20px;}
.index-floor .index-title-01 h2{font-size: 35px; width: 450px; margin: 0 auto; background: #fff; margin-top: -46px; margin-bottom: 10px; padding: 0 20px; text-align: center; font-weight:bold;}
.index-floor .index-title-01 h2 em{font-size: 60px; font-family: arial; font-weight: bold;}
.index-floor .index-title-01 p{font-size: 14px; text-align: center; color: #333;}
.index-floor .index-title-02{padding: 20px 0px;}
.index-floor .index-title-02 .line{height: 1px; background: #e5e5e5; margin-top: 20px;}
.index-floor .index-title-02 h2{font-size: 35px; width: 330px; margin: 0 auto; background: #fff; margin-top: -30px; margin-bottom: 10px; padding: 0 20px; text-align:center; font-weight:bold;}
.index-floor .index-title-02 p{font-size: 14px; text-align: center; color: #333;}
.index-floor .index-title-03{padding: 20px 0px;}
.index-floor .index-title-03 .line{height: 1px; background: #e5e5e5; margin-top: 20px;}
.index-floor .index-title-03 h2{font-size: 35px; width: 250px; margin: 0 auto; background: #fff; margin-top: -30px; margin-bottom: 10px; padding: 0 20px; text-align:center; font-weight:bold;}
.index-floor .index-title-03 p{font-size: 14px; text-align: center; color: #333;}
.index-floor .index-title-04{position: relative; padding-left: 8px; border-left: 5px solid #d10f1b; margin-bottom: 20px;}
.index-floor .index-title-04 span{font-size: 18px; font-weight: bold;}
.index-floor .index-title-04 a{color:#333; position: absolute;right: 0; top: 3px;}
.index-floor .index-title-05{position: relative; padding-top:30px;}
.index-floor .index-title-05 .tit{float: left; border-left: 5px solid #d10f1b; padding-left: 10px;}
.index-floor .index-title-05 .tit h2{font-size: 24px; font-weight:bold;}
.index-floor .index-title-05 .nav{padding-top: 1px; float: right;}
.index-floor .index-title-05 .nav a{display: inline-block; height: 40px; line-height:40px; color: #333; background: #e5e5e5; padding: 0 20px; margin-left: 10px; font-size:16px;}
.index-floor .index-title-05 .nav a:hover,.index-floor .index-title-05 .nav a.on{color:#fff;background:#d10f1b;}
/* 首页-特色  */
.index-tese{margin-top:20px;}
.index-tese .item{width: 230px; float: left;background: #f2f2f2; padding: 30px 0px 50px;transition: all 0.2s;-webkit-transition: all 0.2s;/* Safari*/}
.index-tese .item span{display: block; width: 100px; height: 100px; border-radius: 50px; border: 2px solid #d10f1b; margin: 0 auto; margin-bottom: 20px; background: url(../img/index_tese.png) no-repeat center #d10f1b;}
.index-tese .item h2{font-size: 18px; text-align: center; font-weight:bold;}
.index-tese .item h3{font-size: 15px; text-align: center; margin: 10px 0;}
.index-tese .item p{font-size: 12px; text-align: center; text-transform:uppercase; color:#999;}
.index-tese .item:hover{background: #d10f1b; }
.index-tese .item:hover h2{color:#fff;}
.index-tese .item:hover h3{color:#fff;}
.index-tese .item:hover p{color:#fff;}
.index-tese .item.i1{margin-right: 12px;}
.index-tese .item.i1 span{background-position-x: -68px;}
.index-tese .item.i1 h1{}
.index-tese .item.i1 h2{}
.index-tese .item.i1 p{}
.index-tese .item.i2{margin-right: 12px;}
.index-tese .item.i2 span{background-position-x: -309px;}
.index-tese .item.i2 h1{}
.index-tese .item.i2 h2{}
.index-tese .item.i2 p{}
.index-tese .item.i3{margin-right: 12px;}
.index-tese .item.i3 span{}
.index-tese .item.i3 h1{}
.index-tese .item.i3 h2{}
.index-tese .item.i3 p{}
.index-tese .item.i4{margin-right: 13px;}
.index-tese .item.i4 span{background-position-x: -792px;}
.index-tese .item.i4 h1{}
.index-tese .item.i4 h2{}
.index-tese .item.i4 p{}
.index-tese .item.i5{}
.index-tese .item.i5 span{background-position-x: -1034px;}
.index-tese .item.i5 h1{}
.index-tese .item.i5 h2{}
.index-tese .item.i5 p{}

/* 首页横幅  */
.index-banner-02{height: 249px; background: url(../img/index_banner_02.jpg) no-repeat center;margin: 30px 0 0 0;}
/* 首页-关于 */
.index-about{}
.index-about .left-video{float: left;}
.index-about .left-video img{display: block; width: 610px; height: 325px;}
.index-about .right-con{width: 530px; height: 285px; float: right; background: #f2f2f2; padding: 20px 30px; line-height:25px;}
.index-about .right-con h1{text-align: center; font-size: 22px; line-height:50px;}
.index-about .right-con p{font-size: 14px; text-indent: 2em; line-height: 1.7;}
.index-about .right-con a{display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #333; color: #333; margin: 10px auto;}

/* 首页-案例 */
.index-case{}
.index-case .index-case-nav{text-align: center;}
.index-case .index-case-nav a{display: inline-block; width: 135px; height: 30px; line-height: 30px; text-align: center;background-color: #e5e5e5; color: #333; margin: 0 5px;}
.index-case .index-case-nav a:hover,.index-case .index-case-nav a.on{color:#fff;background-color:#d10f1b;}
.index-case .index-case-con{margin-top: 10px;}
.index-case .index-case-con ul{width: 1250px;}
.index-case .index-case-con ul li{display: block; float: left; width: 393px; margin-right: 10px;margin-bottom: 15px;}
.index-case .index-case-con ul li a{}
.index-case .index-case-con ul li a span{display: block;}
.index-case .index-case-con ul li a span.pic{}
.index-case .index-case-con ul li a span.pic img{display: block; width: 100%; height:300px;}
.index-case .index-case-con ul li a span.tit{height: 40px; line-height: 40px; text-align: center; color: #333;font-size: 15px;}
/* 首页-新闻 */
.index-news-honor{margin-top: 20px; margin-bottom:30px;}
.index-news{width: 550px;float:left;}
.index-news .news-pic{border-bottom: 1px dashed #ccc; padding-bottom: 10px;}
.index-news .news-pic a.pic{display: block;width: 550px; height: 260px; overflow: hidden;}
.index-news .news-pic a.pic img{display: block;width:100%;}
.index-news .news-pic a.info{display: block;}
.index-news .news-pic a.info span{display: block; color: #333;}
.index-news .news-pic a.info span.tit{display: block; height: 40px; line-height: 40px; font-size: 14px; color: #333;background: url(../img/square.jpg) no-repeat left; padding-left: 15px; position: relative;}
.index-news .news-pic a.info span.tit em{position: absolute; right: 0; top: 0; color: #999; font-size: 14px;}
.index-news .news-pic a.info span.desc{color: #999; padding-left: 15px; line-height: 1.5;}
.index-news .news-ul{}
.index-news .news-ul ul{}
.index-news .news-ul ul li{border-bottom: 1px dashed #ccc;}
.index-news .news-ul ul li a{display: block; height: 40px; line-height: 40px; font-size: 14px; color: #333;background: url(../img/square.jpg) no-repeat left; padding-left: 15px; position: relative;}
.index-news .news-ul ul li a span{display: block;}
.index-news .news-ul ul li a span.tit{width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-news .news-ul ul li a span.date{position: absolute; right: 0; top: 0; color: #999; font-size: 14px;}
/* 首页-资质 */
.index-honor{width: 600px;float: right;}
.index-honor .list{width: 700px;}
.index-honor .list a{display: block; width: 290px; float: left; margin-right: 20px; margin-bottom: 20px;}
.index-honor .list a img{display: block; width: 100%; height:220px;}
.index-honor .list a span{width:100%; height:40px; line-height:40px; text-align:center; background:#555; color:#fff; float:left;}
/* 首页-产品 */
.index-product-list-01{height: auto;}
.index-product-list-01 .top{margin: 30px 0px 10px;}
.index-product-list-01 .top ul{width: 1220px;}
.index-product-list-01 .top ul li{width: 290px; float: left; margin:0 5px; padding-bottom:10px;}
.index-product-list-01 .top ul li a{display: block;width: 290px;height: 250px; overflow:hidden;}
.index-product-list-01 .top ul li a img{width: 290px;height: 220px; transition:.3s;}
.index-product-list-01 .top ul li span{display: block; height: 40px; line-height: 40px; background: #555; font-size:16px; color: #fff; margin-top: -30px; position: relative; z-index: 9; width:100%; text-align:center;}
.index-product-list-01 .top ul li:hover a img{transform: scale(1.1);}
.index-product-list-01 .top ul li:hover span{background:#d10f1b;}
.index-product-list-01 .bot{}
.index-product-list-01 .bot ul{width: 1220px;}
.index-product-list-01 .bot ul li{width:292.5px; float: left; margin-right: 10px;}
.index-product-list-01 .bot ul li a{display: block;}
.index-product-list-01 .bot ul li a img{display: block; width: 100%;}
.index-product-list-01 .bot ul li span{display: block; height: 30px; line-height: 30px; background: #d10f1b; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



.friendshiplink{border-top: 1px solid #dadada;margin: 30px 0 0 0;padding: 20px 0 0 0;}
.friendshiplink a{color: #333;margin-left:15px;}




.banner {
    height: auto!important;
}
.wrap {
	position: relative;
}
.centered-btns_nav {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 38px;
	height: 61px;
	transition: .5s;
	margin-top: -40px;
	line-height: 200px;
	background-image: url(../img/arrow.gif);
	overflow: hidden;
	opacity: .1;
}
.centered-btns_nav:hover{
	opacity: .7;
}
.prev{
	left: 0;
}
.next {
	right: 0;
	background-position: right 0;
}

.centered-btns_nav:active {
	opacity: 1;
}

.centered-btns_tabs {
    margin-top: 15px;
    text-align: center;
    font-size: 0;
    position: absolute;
    list-style-type: none;
    width: 100%;
    z-index: 99;
    bottom: 15px;
}

.centered-btns_tabs li {
	display: inline-block;
	margin: 0 3px;
	*display: inline;
	*zoom: 1;
}

.centered-btns_tabs a {
	display: inline-block;
	width: 15px;
	height: 8px;
	border-radius: 8px;
	line-height: 8px;
	background-color: rgba(255, 255, 255, .3);
	background-color: #ccc\9;
	overflow: hidden;
	*display: inline;
	*zoom: 1; text-indent:-9999px;
}
.centered-btns_here a{
	width: 30px;
	background-color: rgba(255, 255, 255, .9);
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}


.client-2 {
	position: fixed;
	right: -170px;
	top: 70%;
	z-index: 900;
}
.client-2 li a {
	text-decoration: none;
}
.client-2 li {
	margin-top: 1px;
	clear: both;
	height: 71px;
	position: relative;
}
.client-2 li i {
	background: url(../img/fx.png) no-repeat;
	display: block;
	width: 30px;
	height: 27px;
	margin: 0px auto;
	text-align: center;
}
.client-2 li p {
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	color: #fff;
}
.client-2 .my-kefu-qq i {
	background-position: 4px 5px;
}
.client-2 .my-kefu-tel i {
	background-position: 0 -21px;
}
.client-2 .my-kefu-liuyan i {
	background-position: 4px -53px;
}
.client-2 .my-kefu-weixin i {
	background-position: -34px 4px;
}
.client-2 .my-kefu-weibo i {
	background-position: -30px -22px;
}
.client-2 .my-kefu-ftop {
	display: none;
}
.client-2 .my-kefu-ftop i {
	width: 33px;
	height: 35px;
	background-position: -27px -51px;
}
.client-2 .my-kefu-left {
	float: left;
	width: 77px;
	height: 47px;
	position: relative;
}
.client-2 .my-kefu-tel-right {
	font-size: 16px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 22px;
	padding: 0 15px;
	border-left: 1px solid #fff;
	margin-top: 14px;
}
.client-2 .my-kefu-right {
	width: 20px;
}
.client-2 .my-kefu-tel-main {
	background: #d10f1b;
	color: #fff;
	height: 56px;
	width: 247px;
	padding: 9px 0 6px;
	float: left;
}
.client-2 .my-kefu-main {
	background: #d10f1b;
	width: 97px;
	height: 56px;
	position: relative;
	padding: 9px 0 6px;
	float: left;
}
.client-2 .my-kefu-weixin-pic {
	position: absolute;
	left: -130px;
	top: -24px;
	display: none;
	z-index: 333;
}
.my-kefu-weixin-pic img {
	width: 115px;
	height: 115px;
}




