﻿
/**/
.banner { height:692px;}

.fullSlide {
	width:100%;
	position:relative;
	height:692px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:692px;
	overflow:hidden;
	text-align:center;
	background-position:center top;
	background-repeat:no-repeat;
}
.fullSlide .bd li a {
	display:block;
	height:692px;
}

.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:1px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width: 6px;
	height: 6px;
	 margin:0 10px; 
	 display: inline-block;
	 border-radius: 50%;
	overflow:hidden;
	background:#044688;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#0477c3;
	width:31px;
	border-radius:3px;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:73px; 
	height:73px;
}

.fullSlide .prev
{
      background:url(img/left1s.png) no-repeat;
  }
.fullSlide .next {
	left:auto;
	right:5%;
	background:url(img/right1s.png) no-repeat;
}

/*index.css*/
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/**/

@charset "utf-8";
/* CSS Document */


/* Title公共样式 */
.Title{width: 100%;overflow: hidden;text-align: center;}
.Title h2{font-size: 30px;font-weight: bold;}
.Title h2 a{color: #0477c3;}
.Title .p1{font-size: 20px;color: #666666;margin: 6px 0 16px 0;}
.Title .p2{font-size: 14px;color: #ccc;font-family: 'Myriad Pro';}




/* banner */
.banner{ overflow: hidden; width: 100%;  position: relative;height: 692px;}
.banner a{display: block;height: 692px;width: 100%;}
.banner .btnList{overflow: hidden; width: 100%; position: absolute; left: 0; bottom: 26px; text-align: center;}
.banner .btnList span{width: 6px;height: 6px;background-color: #044688; margin:0 10px; display: inline-block;border-radius: 50%;}
.banner .btnList span{ *display: inline; }
.banner .btnList span.cur{background-color: #0477c3;width: 31px;border-radius: 3px;}


/* feature */
.feature{width: 100%;overflow: hidden;background: #f0f0f0;padding-top: 20px;}
.feature ul{width:100%;}
.feature ul li{width: 300px;float: left;height: 340px;background: url(img/featureBg.png) repeat-y;}
.feature ul li a{display: block;width: 300px;height: 340px;text-decoration: none;}
.feature ul li img{display: block;}
.feature ul li span{display: block;font-size: 24px;color: #00adef;padding-left: 38px;font-weight: lighter;margin: 28px 0 10px 0;}
.feature ul li em{display: block;width: 200px;padding-left: 38px;font-size: 13px;color: #666666;line-height: 22px;}
.feature ul li:hover{background: #00adef;background-image: none;}
.feature ul li:hover span{color: #fff;}
.feature ul li:hover em{color: #fff;}


/* products */
.products{width: 100%;overflow: hidden;background: #f0f0f0;padding-bottom: 59px;}
.products .Title{padding-top: 70px;}
.products .con{overflow: hidden;height: 1010px;position: relative;}
.products .con ul{overflow: hidden;height: 1010px;position: absolute;top: 0;left: 0;}
.products .con li{width: 360px;height: 470px;float: left;margin:20px;}
.products .con img{display: block;}
.products .con .intro{width: 100%;overflow: hidden;text-align: center;height: 160px;background: url(img/productsBg.jpg) repeat-x;}
.products .con .intro h3{font-size: 20px;font-weight: normal;margin-top: 36px;}
.products .con .intro h3 a{color: #666666;text-decoration: none;}
.products .con .intro p{color: #fff;font-size: 13px;color: #999;margin: 6px 0 28px 0;}
.products .con .intro .more{background: url(img/products-Jt1.png) no-repeat left center;padding-left: 27px;font-size: 14px;font-weight: bold;font-family: arial;text-transform: uppercase;text-decoration: none;}
.products .con li:hover .intro{background: #00adef;background-image: none;}
.products .con li:hover .intro p,.products .con li:hover .intro  h3 a,.products .con li:hover .intro .more{color: #fff;}
.products .con li:hover .intro .more{background: url(img/products-Jt2.png) no-repeat left center;}
.products .con li:hover{box-shadow: 0px 0px 20px 8px #dbdada;}
.productsBtn{overflow: hidden; width: 100%;  text-align: center;}
.productsBtn li{width: 6px;height: 6px;background-color: #cccccc; margin:0 10px; display: inline-block;border-radius: 50%; font-size:0;}
.productsBtn li{ *display: inline; }
.productsBtn li.on{background-color: #0477c3;width: 31px;border-radius: 3px;}


/* adv */
.adv{width: 100%;}
.adv .container{position: relative;padding-bottom: 40px;}
.adv .wang1{position: absolute;top: -52px;right: -95px;}
.adv .wang2{position: absolute;bottom: -42px;left: -295px;z-index: 55;}
.adv .Title{padding-top: 40px;}
.adv ul{width: 100%;overflow: hidden;}
.adv li{width: 300px;float: left;text-align: center}
.adv ul li:first-child{background-image: none;}
.adv .con1 span{display: block;width: 113px;height: 101px;margin: 29px auto 0;}
.adv .con1 ul{height: 337px;}
.adv .con1 li{height: 337px;background: url(img/adv-xian1.png) no-repeat left center;}
.adv .con1 h3{font-size: 30px;color: #666666;font-weight: normal;margin: 40px 0 20px 0;}
.adv .con1 h3 em{font-size: 30px;color: #666666;font-weight: normal;}
.adv li p{font-size: 14px;color: #666666;line-height: 20px;}
.adv .con2{margin-top: 30px;}
.adv .con1{margin-top: 68px;}
.adv .con2 ul{height: 214px;}
.adv .con2 li{height: 214px;background: url(img/adv-xian2.png) no-repeat left center;}
.adv .con2 li h3{font-size: 72px;color: #00adef;font-family: 'Myriad Pro';margin: 10px 0;}

/* about
.about{width: 100%;position: relative;height: 660px;background: url(img/aboutBg.jpg) no-repeat center;}
.about .container{position: relative;height: 660px;}
.about .left_a{width: 600px;overflow: hidden;float: left;}
.about .leftCon h3{font-size: 30px;font-weight: bold;margin-top: 111px;}
.about .leftCon h3 a{color: #0477c3;text-decoration: none;}
.about .leftCon span{display: block;}
.about .leftCon .span1{color: #666666;font-size: 20px;margin: 6px 0 18px 0;}
.about .leftCon .span2{font-size: 12px;color: #bdbdbd;font-family: 'Myriad Pro';}
.about .leftCon p{font-size: 14px;line-height: 24px;color: #666666;width: 518px;}
.about .leftCon .p1{margin: 34px 0 28px 0;}
.about .leftCon ul{width: 100%;overflow: hidden;margin-top: 108px;}
.about .leftCon li{float: left;width: 150px;height: 40px;line-height: 40px;margin-left: 1px;text-align: center;font-size: 14px;background: #fff;}
.about .leftCon li a{display: block;color: #666666;text-decoration: none;}
.about .leftCon li.cur{background: #0477c3;}
.about .leftCon li.cur a{color: #fff;}
.about .right_a{width: 600px;float: left;position: relative;height: 660px;}
.about .rightCon {width: 960px;overflow: hidden;position: absolute;top: 0;left: 0;height: 660px;}
.about .right_a ul{width: 960px;overflow: hidden;position: absolute;top: 0;left: 0;}
.about .right_a li{float: left;width:960px;}
.about .right_a .list{overflow: hidden; width: 100%; position: absolute; left: 0; bottom: 26px; text-align: center;}
.about .right_a .list span{width: 14px;height: 14px;background-color: #fff; margin:0 10px; display: inline-block;border-radius: 50%;}
.about .right_a .list span{ *display: inline; }
.about .right_a .list span.cur{background-color: #00adef;}
.about .wang{position: absolute;right: 79px;bottom:-82px;} */

/* about */
.about{width: 100%;position: relative;height: 660px;background: url(img/aboutBg.jpg) no-repeat center;}
.about .container{position: relative;height: 660px;}
.about .left_about{width: 600px;overflow: hidden;float: left;}
.about .leftCon .intro{height: 453px;overflow: hidden;}
.about .leftCon{height: 453px;overflow: hidden;}
.about .leftCon h3{font-size: 30px;font-weight: bold;margin-top: 111px;}
.about .leftCon h3 a{color: #0477c3;text-decoration: none;}
.about .leftCon span{display: block;}
.about .leftCon .span1{color: #666666;font-size: 20px;margin: 6px 0 18px 0;}
.about .leftCon .span2{font-size: 12px;color: #bdbdbd;font-family: 'Myriad Pro';}
.about .leftCon p{font-size: 14px;line-height: 24px;color: #666666;width: 518px;}
.about .leftCon .p1{margin: 34px 0 28px 0; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.about .leftCon .p2{ overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;}
.about .left_about ul{width: 100%;overflow: hidden;margin-top: 108px;}
.about .left_about li{float: left;width: 150px;height: 40px;line-height: 40px;margin-left: 1px;text-align: center;font-size: 14px;background: #fff;}
.about .left_about li a{display: block;color: #666666;text-decoration: none;}
.about .left_about li.cur{background: #0477c3;}
.about .left_about li.cur a{color: #fff;}
.about .right_about{width: 960px;float: left;height: 660px;position: absolute;left: 600px;top: 0;overflow: hidden;}
.about .rightBox{width: 960px;float: left;position: relative;height: 660px;}
.about .rightCon {width: 960px;overflow: hidden;position: absolute;top: 0;left: 0;height: 660px;}
.about .right_about ul{width: 960px;overflow: hidden;position: absolute;top: 0;left: 0;}
.about .right_about li{float: left;width:960px;}
.about .right_about .list{overflow: hidden; width: 600px; position: absolute; left: 0; bottom: 26px; text-align: center;z-index: 100;}
.about .right_about .list span{width: 14px;height: 14px;background-color: #fff; margin:0 10px; display: inline-block;border-radius: 50%;}
.about .right_about .list span{ *display: inline; }
.about .right_about .list span.cur{background-color: #00adef;}
.about .wang{position: absolute;right: 79px;bottom:-82px;}


/* media */
.media{width: 100%;}
.media .container{padding-bottom: 67px;position: relative;}
.media .wang{position: absolute;left: -228px;bottom: -55px;}
.media .Title{padding-top: 85px;}
.media .Title p{text-transform: uppercase;margin-top: 5px;}
.media .con{margin-top: 56px;overflow: hidden;height: 379px;}
.media .conBox{width: 100%;overflow: hidden;height: 379px;}
.media .left{float: left;width: 600px;height: 361px !important;}
.media .right{float: right;width: 560px;overflow: hidden;position: relative;}
.media .right dl{/* overflow: hidden; */}

.media .right .newsRBox{width: 560px;height: 375px;overflow: hidden;}
.media .right dl{height: 109px;width: 558px;border: 1px solid #eeeeee;background: #f7f7f7;margin-bottom: 14px;overflow: hidden;}
.media .right dl:hover{height: 109px;width: 558px;border: 1px solid #00adef;background: #00adef;margin-bottom: 14px;overflow: hidden;}
.media .right dt{width: 135px;height: 85px;float: left;margin: 14px 0 0 13px;overflow:hidden; }
.media .right dt img{display: block;}
.media .right dd{width: 385px;float: left;margin-left: 12px; padding-top:12px; }
.media .right dd span{display: block;font-size: 18px;color: #555;width: 385px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.media .right dd p{font-size: 14px;color: #555555;line-height: 22px;height: 48px;}
.media .right dd em{ font-size:12px; color:#555;}
.media .right dl:hover dd span{color: #fff;}
.media .right dl:hover dd p{color: #fff;}
.media .right dl:hover dd em{  color:#fff;}

.media .menu{overflow: hidden;margin:44px 0 0 376px;}
.media .menu a{display: inline-block;width: 148px;height: 38px;text-align: center;line-height: 38px;font-size: 14px;color: #666666;text-decoration: none;border: 1px solid #dcdcdc;border-left: none;float: left;}
.media .menu a:first-child{border-left: 1px solid #dcdcdc;}
.media .menu a{*display: inline;}
.media .menu a.cur{width: 149px;height: 40px;line-height: 40px;border: none;background: #0477c3;color: #fff;}
.media .menu a:first-child.cur{width: 150px;}



/* case */
.case{width: 100%;background: #fff;/* padding-bottom: 72px; */margin-bottom:30px;}
.case .container{position: relative;}
.case .wang{position: absolute;right: -157px;bottom: -157px;}
.case .Title{padding-top: 84px;}
.case .Title .p2{font-weight: bold;}
.case .con{height: 420px;margin-top: 54px;position: relative;}
.case .con i{width: 44px;height: 44px;overflow: hidden;position: absolute;top: 166px;display: block;}
.case .con i:hover{cursor: pointer;}
.case .con i.btn01{background: url(img/caseBtn.jpg) no-repeat top;left: -64px;}
.case .con i.btn02{background: url(img/caseBtn.jpg) no-repeat bottom;right: -64px;}
.case .conBox{width: 100%;overflow: hidden;height: 430px;position: relative;}
.case .con ul{overflow: hidden;height: 430px;position: absolute;top: 0;left: 0;}
.case .con li{width: 278px;height: 430px;float: left;margin-right: 26px;border:1px solid #ddd;}
.case .con img{display: block;}
.case .con .intro{overflow: hidden;height: 210px;padding:0 17px;background: #fff;}
.case .con .intro h3{font-size:18px;font-weight: normal;margin-top: 26px;}
.case .con .intro h3 a{color: #666666;text-decoration: none;}
.case .con .intro p{color: #fff;font-size: 13px;color: #666666;margin: 10px 0 88px 0;}
.case .con .intro .more{background: url(img/products-Jt1.png) no-repeat left center;padding-left: 27px;font-size: 14px;font-weight: bold;font-family: arial;text-transform: uppercase;text-decoration: none;}


/* kh */
.kh{width: 100%;background: #f0f0f0;padding-bottom: 61px;}
.kh .container{position: relative;position: relative;}
.kh .Title{padding-top: 72px;}
.kh .con{height: 260px;margin: 36px 0 28px 0;position: relative;overflow: hidden;}
.kh .con ul{width: 105%;overflow: hidden;position: absolute;top: 0;left: 0;height: 260px;}
.kh .con li{float: left;width: 280px;height: 120px;margin: 6px 11px;}
.kh .con li a{margin-top: 20px;display: block;border: 1px solid #d9d9d9; overflow:hidden;}
.kh .con li img{display: block; padding:0px !important; transition:0.8s;-moz-transition:0.8s, -moz-transform 0.8s;-webkit-transition:0.8s, -webkit-transform 0.8s;}
.kh .con li:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-m-transform: scale(1.1);transform: scale(1.1); box-shadow:0 0 6px #00adef;}
.kh .con li a:first-child{margin-top: 0;}
.khBtn{overflow: hidden; width: 100%;  text-align: center;}
.khBtn ol li{width: 6px;height: 6px;background-color: #cccccc; margin:0 10px; display: inline-block;border-radius: 50%;}
.khBtn ol li{ *display: inline; }
.khBtn ol li.cur{background-color: #0477c3;width: 31px;border-radius: 3px;}

/*link*/
.link{overflow: hidden;width: 100%;background-color: #f9f9f9;/* margin-top: 20px; */padding-top: 20px;}
.link h3 img{ display: block;}
.link .list{ padding: 15px 0; overflow: hidden; width: 100% ;}
.link .list li{ float: left; font-size: 14px;  border-left:1px solid #707070; padding: 0 15px; margin: 5px 0;}
.link .list li a{ color: #666666;}
.link .list li:first-child{ padding-left: 0; border: none}