﻿@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
}

body {
	font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
	color: #333;
	margin: 0;
	line-height: 1.5;
	background: url(../images/bg.jpg);
}

:focus {
	outline: 1;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
summary {
	display: block;
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input,
select {
	vertical-align: middle;
}

li,
ul {
	list-style-type: none;
}

img {
	border: none;
}

a {
	color: #333;
	text-decoration: none;
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

a:link,
a:hover,
a:active,
a:visited {
	text-decoration: none;
}

input,
textarea {
	outline: 0;
	border: 0;
}

textarea {
	resize: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em {
	font-weight: normal;
	font-style: normal;
}

/**search**/

.search {
	position: absolute;
	z-index: 8;
	top: 84px;
	width: 100%;
	height: 52px;
	line-height: 52px;
	background: rgba(0,0,0,0.2);
}
.search .search-left p{
	color: #cccccc;
}
.search .search-left p a{
	padding: 0px 10px;
	color: #cccccc;
}
.search-right{
	margin-top: 11px;
}
.search-right .textss {
	width: 281px;
	height: 26px;
	float: left;
	background: none;
	line-height: 26px;	
	color: #FFFFFF;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding-left: 10px;
	opacity: 0.6;
	margin-top:4px;
}
.search-right .submitss {
	width: 28px;
	height: 28px;
	background: url(../images/ss.png)no-repeat;
	cursor: pointer;
	border: none;
}

/**banner**/

.banner {
	width: 100%;
	margin: 0 auto;
	height: 818px;
	overflow: hidden;
	position: relative;
	top: 0;
}

.fullSlide {
	width: 100%;
	position: relative;
	height: 100%;
	background: transparent;
}

.fullSlide .bd {
	margin: 0 auto;
	height: 100%;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.fullSlide .bd video{
	position: relative;
	width: 100%;
	height: 100%;
}
.fullSlide .bd ul {
	height: 100%;
}

.fullSlide .bd li {
	height: 100%;
	overflow: hidden;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
}

.fullSlide .bd li a {
	display: block;
	height: 100%;
}

.fullSlide .hd {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
}

.fullSlide .hd ul {
	text-align: center;
	margin-bottom: 10px;
}

.fullSlide .hd ul .on {
	background: #218d00;
}

.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: .5;
	display: none;
}

.fullSlide .next {
	left: auto;
	right: 15%;
	background-position: -6px -137px;
}

/*about*/
.about{
	background: url(../images/about-bg.jpg)no-repeat center top;
	height: 724px;
	/*text-align: center;	*/
	position: relative;
}
.about-img {
	position: relative;
top: 132px;
width: 490px;
float: left;
}
.about-txt{
	position: relative;
	top: 132px;
	width: 690px;
	float: right;
}
.about h4{
	font-size: 24px;
	color: #333;
}
.about p{
	margin-top: 10px;
	color: #737373;
	line-height: 28px;
}
.liucheng{
	top: 171px;
position: relative;
}
.about-tel{
	position: relative;
	top: 202px;
	width: 690px;
	margin: 0 auto;
}
.about-tel p{
	background: url(../images/tel-kf.png)no-repeat left;
	padding-left: 62px;	
	font-size: 14px;
	color: #676767;
	text-align: left;
}
.about-tel p span{
	font-family: impact;
	font-size: 26px;
	color: #676767;
}
.about-tel a{
	display: block;
	margin-top: 30px;
}

/*ad1*/
.ad1{
	background: url(../images/ad1-bg.png)no-repeat center;
	height: 217px;
	text-align: center;
}
.ad1 img{
	margin-top:95px; 
}


/*产品开始*/
.proBox{
	width: 1180px;
	height:630px;
	margin: 0 auto;
	position: relative;
}
.proBox-title{
	position: absolute;
	top: -69px;
	left: 33px;
	text-align: center;
}

.proBox-title p{
	font-size: 15px;
	text-transform: uppercase;
	color: #666666;
}
.proBox-title h4{
	font-size: 24px;
	font-weight: bold;
}

.proBox-title h4 a{ color:#275995;}

.pro-left{
	width: 207px;
	height:600px;
	background: #b6c8df;
}
.pro-left ul{
	margin-top: 15px;
}
.pro-left ul li{
	margin-top: 20px;
	text-align: center;
	line-height: 38px;
	background: url(../images/list-bg.jpg)no-repeat center;
	height: 38px;
}
.pro-left>ul>li>h3>a{
	color: #FFFFFF;
}
.pro-tel{
	margin-top:30px;
}

.pro-tel img{ width:140px; height:140px;margin: 0px auto;display: block;}
.pro-tel p{
	font-size: 14px;
	color: #676767;
	padding-left: 46px;
}
.pro-tel p span{
	font-size: 22px;
	color: #a46021;
	font-family: impact;
	line-height: 22px;
}


.pro-right{
	width: 953px;
}
.proRight ul{ overflow:hidden;}
.proRight ul li{ width:290px; float:left; margin-top:25px; margin-left:25px;}
.pro_t{ width:290px; height:250px;}
.pro_t a img{ width:290px; height:250px; }
.pro_w{ margin-top:15px; text-align:center;}
.pro_w a{ font-size:14px; color:#444;display:block;overflow:hidden;white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;}




.ad2{
	background: url(../images/ad2-bg.png)no-repeat center;
	height: 285px;
	
}
.ad2Box{
	position: relative;
}
.ad2-img{
	position: absolute;
	top: 126px;
    left: 420px;
}

.ad2-tel{
	position: absolute;
	right: 0px;
	top: 127px;
}
.ad2-tel p{
	background: url(../images/ad2-tel.png)no-repeat left;
	padding-left: 49px;
	font-size: 14px;
	color: #FFFFFF;
}
.ad2-tel p span{
	font-family: impact;
	font-size: 24px;
	line-height: 27px;
}
.ad2-tel a{
	display: block;
	margin-top: 5px;
}

/*case*/
.case{
	padding-top: 40px;
	background: url(../images/case-bg.jpg)no-repeat center;
	height: 652px;
}
.title{
	background: url(../images/title-bg.png)no-repeat center 22px;
	text-align: center ;
}
.title h4 a{
	font-size: 30px;
	font-family: simsun;
	font-weight: bold;
}
.title span{
	font-family: simsun;
	font-size: 18px;
	color: #b2b2b2;
	text-transform: uppercase;
	letter-spacing: 6px;
}
.title p{
	margin-top: 5px;
	font-size: 15px;
	font-family: simsun;
	color: #b2b2b2;
	letter-spacing: 3px;
}
#certify {
	position: relative;
	width: 1200px;
	margin: 30px auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify .swiper-slide {
	width: 600px;
	height: 400px;
	background: #fff;
	border: 4px solid #bfbfbf;
	position: relative;
}
#certify .swiper-slide img{
	display:block;
	width: 600px;
	height: 400px;
}
#certify .swiper-slide p {
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 49px;
	background: rgba(0,0,0,.5);
	padding-top: 0;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.1em;
	margin: 0;
	display:block;overflow:hidden;white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: 564px;
    top: 455px;
	width: 27px;
	height: 27px;
	background: url(../images/left.png) no-repeat;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background: url(../images/l-hover.png);
}

#certify .swiper-button-next {
	right: 564px;
    top: 455px;
	width: 27px;
	height: 27px;
	background: url(../images/right.png) no-repeat;	
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background: url(../images/r-hover.png);
}

/*adv*/
.adv{
	background: url(../images/adv-bg.jpg)no-repeat center top;
	height: 670px;
	padding-top: 30px;
	padding-bottom: 184px;
}
.adv-title{
	background: url(../images/adv-titl.jpg)no-repeat center 22px;
	text-align: center;	
}
.adv-title h4 a{
	font-size: 30px;
	font-family: simsun;
	font-weight: bold;
}
.adv-title span{
	font-family: simsun;
	font-size: 18px;
	color: #b2b2b2;
	text-transform: uppercase;
	letter-spacing: 6px;
}
.adv-title p{
	margin-top: 5px;
	font-size: 15px;
	font-family: simsun;
	color: #b2b2b2;
	letter-spacing: 3px;
}
.advBox{
	position: relative;
	top: 38px;
	height: 664px;
}
.advBox .hd{
	height: 195px;
	width: 400px;
	margin: 0 auto;
}
.advBox .hd ul li{
	float: left;
	width: 98px;
	height: 195px;
	cursor: pointer;
	margin-right: 2px;
	background: #f1f1f1;
	text-align: center;
}
.advBox .hd>ul>li>h5{
	margin: 5px auto;
	width: 85px;
	height: 46px;
	border: 1px solid #dadada;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	font-family: simsun;
	color: #737373;
}
.advBox .hd>ul>li>p{
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    font-size: 14px;
    color: #bcbcbc;
    line-height: 24px;
    padding-left: 18px;
    float: left;
    text-transform: uppercase;
    margin-top: 3px;
}
.advBox .hd>ul>li>h4{
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    font-size: 24px;
    font-weight: bold;
    font-family: simsun;
    color: #737373;
    line-height: 24px;
    float: left;
    text-transform: uppercase;
    margin-top: 3px;
}
.advBox .hd .on{
	background: #275995;
}
.advBox .hd .on h5{
	color: #FFFFFF;
}
.advBox .hd .on p{
	color: #FFFFFF;
}
.advBox .hd .on h4{
	color: #FFFFFF;
}

.advBox .bd{
	width: 1180px;
	height: 277px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
}

.advBox .bd ul{
	width: 1180px;
	height: 277px;
	background: #ececec;
}
.advBox .bd ul li{
	width: 1180px;
	height: 277px;
	background: #ececec;
}
.advBox .bd .adv-img{
	float: left;
	margin: 16px;
	width: 569px;
	height: 238px;
	border:4px solid #FFFFFF;
}

.advBox .bd .adv-img img{
	width: 569px;
	height: 238px;
}
.advBox .bd .adv-txt{
	margin:16px 0px;
	float: right;
	width: 570px;
	height: 244px;
}
.advBox .bd .adv-txt .adv-txt-title{
	height: 80px;
	width: 545px;
	padding-bottom: 26px;
	border-bottom: 1px solid #999999;
}
.advBox .bd .adv-txt .adv-txt-title h4{
	width: 80px;
	height: 72px;
	background: #275995;
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
	font-family: simsun;
	padding-top: 8px;
	float: left;
}
.advBox .bd .adv-txt .adv-txt-title>div{
	float: left;
	margin-left: 18px;
}
.advBox .bd .adv-txt .adv-txt-title>div>h5{
	font-size: 24px;
	font-family: simsun;
	font-weight: bold;
	border-bottom: 1px solid #bfbfbf;
}
.advBox .bd .adv-txt .adv-txt-title>div>p{
	font-size: 20px;
	font-family: simsun;
	font-weight: bold;
	color: #b9b9b9;
	text-transform: uppercase;
	line-height: 40px;
}

.advBox .bd .adv-txt .adv-nr{
	width: 546px;
	margin-top: 15px;
}
.advBox .bd .adv-txt .adv-nr p{
	background: url(../images/adv-nr-ico.png)no-repeat left 9px;
	font-size: 15px;
	color: #333;
	line-height: 28px;
	padding-left: 21px;
}
.advBox .adv-tel{
	position: absolute;
	bottom: 24px;
	left:630px;
}
.advBox .adv-tel p{
	font-size:24px;
	color: #275995;
	font-family: impact;
	float: left;
	margin-right: 30px;
}
.advBox .adv-tel img{
	float: left;
	margin-top: 3px;
}



/*fc*/
.fc_all{ width:100%;height:220px; margin-top:0px;}
.fc{width:1180px; height:220px;  overflow:hidden; position:relative; padding-top:0px; margin:auto;}
.fc_slideTxtBox{ width:1180px; margin-left:0px; float:left; height:300px;}
.fc_slideTxtBox .hd{line-height:50px;  position:relative; }
.fc_slideTxtBox .hd ul{position:absolute;left:0%; }
.fc_slideTxtBox .hd ul li{width:210px; height:50px; background:url(../images/fc_qh_1.png) no-repeat center; text-align:center; line-height:50px; margin-bottom:20px; overflow:hidden; }
.fc_slideTxtBox .hd ul li a{ color:#444; font-size:16px; display:block; width:100%; }
.fc_slideTxtBox .hd ul li a img{ float:left; margin-left:15px; margin-top:14px;}
.fc_slideTxtBox .hd ul li.on{width:210px; height:50px; background:url(../images/fc_qh_0.png) no-repeat center; }
.fc_slideTxtBox .hd ul li.on a{ color:#fff;}
.fc_slideTxtBox .bd ul{ overflow:hidden; margin-top:-20px; margin-left:220px;}
.fc_t{ overflow:hidden; height:240px; }
.fc_t li{ width:220px; float:left; margin-left:10px; margin-right:10px; overflow:hidden; margin-top:15px;}
.fc_t li a img{width:220px; height:160px;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.fc_t li a p{ width:100%; height:30px; text-align:center; line-height:40px; font-size:14px; color:#444;display:block;overflow:hidden;white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;}

.fc_t li a img:hover{transform: scale(1.1);
-webkit-transform: scale(1.1)}
.fc_m{ position:absolute; left:1100px; top:6px;}
.fc_m a{ color:#777;}
.fc_call{ position:absolute; top:180px; font-size:24px; color:#fff; left:12px;}
.fc_zx{ width:110px; height:30px; border:1px solid #fff; text-align:center; line-height:30px; position:absolute; top:240px; left:30px;}
.fc_zx a{ font-size:15px; color:#fff; display:block; width:100%;}


/*xw_all*/
.xw_all{ width:100%; background:url(../images/xw_bk.jpg) no-repeat center; height:650px;}
.xw{ width:1180px; margin:auto;}
.xw_bt{ font-size:30px; font-family:"宋体"; font-weight:bold; padding-top:38px; margin-left:0px; color:#555;}

.xw_top{ margin-top:35px;}
.xw_top ul{ overflow:hidden;}
.xw_top ul li{ width:350px; float:left; margin-right:40px;}
.xw_t{ width:350px; height:190px;}
.xw_t a img{ width:350px; height:190px;}
.xw_w{ margin-top:20px;}

.xw_w1{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.xw_w1 a{ font-size:15px; color:#444;display:block;overflow:hidden;white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;}
.xw_w1 a:hover{color: #275995;}
.xw_w2{ margin-top:8px; line-height:24px; font-size:13px; height:48px; overflow:hidden; color:#666;}
.xw_w3{ margin-top:10px; overflow:hidden; font-size:13px; color:#777; line-height:40px; border-bottom:1px solid #ddd;}
.xw_w3 span a{ float:right; color:#777;}

.xw_list{ overflow:hidden; margin-top:20px;}
.xw_list ul{width:350px; float:left; margin-right:40px;}
.xw_list ul li{ line-height:40px;}
.xw_list ul li a{ font-size:14px; color:#555;display:block;overflow:hidden;white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;float: left;
width: 260px;    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.xw_list ul li span{ float:right;}
.xw_list ul li a:hover{font-weight:bold;}

/*lk_all*/
.lk_all{ width:100%; background:url(../images/lk_bk.jpg) no-repeat center; height:120px;}
.lk{ width:1180px; margin:auto;}
.lk ul{ margin-left:100px; padding-top:28px;}
.lk ul li{ text-align:center; padding-left:40px; float:left;}
.lk ul li a{ font-size:14px; color:#444; display:block; width:100%;}

    
#caseIndexList {width:1180px;margin:0 auto;overflow:hidden;padding-top:10px;}
#caseIndexList ul li{float:left;width:280px;margin-right:20px;}
#caseIndexList ul li:nth-child(4n){
	margin-right: 0;
}
#caseIndexList ul li a{display:block;}
#caseIndexList ul li a.img{text-align:center;}
#caseIndexList ul li a.title{line-height:26px;height:26px;overflow:hidden;}

 