@charset "utf-8";
/* CSS Document */

/*component*/
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#333;}
.clear{clear:both;}
a {text-decoration: none; outline: none; color: #666; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul,ol {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin:0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}

/*index-common start*/
.w1200{width:1200px}
.center{margin:0 auto}
.index-title{margin-bottom:30px}
.index-title1{font-size:40px;margin-bottom:6px;text-align: center}
.index-title2{color:#0c5196;font-size: 20px;border-top:1px solid #0c5196;padding-top:10px;width: 256px;text-align: center;margin:0 auto}
.index-more{color:#fff;background:#0c5196;line-height: 32px;display: block;width: 106px;margin:0 auto;text-align: center}
.index-more:hover{background:#333;}
/*index-common end*/

/*header start*/
.header{position:absolute;z-index: 10;width:100%}
.header img{float:left;}
.navigation{float:right;width:812px}
.navigation li{line-height: 50px;float:left;width:104px;text-align:center;background:#0c5196}
.navigation li a{color:#fff;display:block;width:100%}
.navigation li a:hover{background:#fff}
.navigation li a:hover{color:#333}
/*header end*/

/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height: 710px;
	overflow: hidden;
	zoom: 1;
}
.flexslider .slides li {
	width: 100%;
	height: 100%;
}
.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}
.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	background: #dfdfdf;
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius:10px;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background:#FFA23B;
}
.flexslider .slides a img {
	width: 100%;
	height: 710px;
	display: block;
}
/*banner end*/

/*product start*/
.product{padding:30px 0}
.menu{float: left;margin:0 50px 0 20px;width:185px}
.menu li{width:100%;line-height:45px;background:#eaeaea;margin-bottom:15px;text-align: center}
.menu li a{width:100%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 16px}
.menu li a:hover{background:#0c5196;color:#fff}
.product-list{float: right;width:945px;margin-bottom: 16px}
.product-list li{width:280px;height:260px}
.product-list li img{width:278px;height:210px; border:1px solid #dedede}
.product-list li p{line-height:50px;text-align: center;width:100%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.product-list a:hover p{color:#0c5196}
.product-list a:hover img{ background: #dedede;}
.product-list li{width:280px;height: 210px;float:left;margin: 0 17px 50px 17px}
/*product end*/

/*company start*/
.company{background-image: url(../images/company.jpg);height:354px;background-attachment: fixed;position:relative;background-repeat: no-repeat}
.company-background{position:absolute;background: rgba(0,0,0,0.65);left:0;top:0;z-index:0;width:100%;padding:30px 0;height:100%;box-sizing: border-box}
.company .index-title1{color:#fff;text-align: center}
.company .index-title2{color:#fff;border-top:1px solid #fff;text-align: center}
.company-profile p{text-indent:32px;text-align: left;width:1070px;margin:0 auto;color:#fff;line-height:30px}
.company .index-more{background:rgba(0,0,0,0.00);color:#fff;margin-top:16px}
.company .index-more:hover{background:none;color:#1172d2}
/*company end*/

/*advantage start*/
.advantage{padding:12px 0}
.advantage li{float:left;width:300px;height:200px;text-align: center}
.advantage-image1{background-image:url(../images/advantage1.png);width:81px;height:81px;margin:0 auto;margin-bottom:14px;margin-top:42px }
.advantage li:hover .advantage-image1{background-image:url(../images/advantage-1.png);width:81px;height:81px;}
.advantage-image2{background-image:url(../images/advantage2.png);width:82px;height:80px;margin:0 auto;margin-bottom:14px;margin-top:42px }
.advantage li:hover .advantage-image2{background-image:url(../images/advantage-2.png);width:82px;height:80px;}
.advantage-image3{background-image:url(../images/advantage3.png);width:105px;height:83px;margin:0 auto;margin-bottom:14px;margin-top:42px }
.advantage li:hover .advantage-image3{background-image:url(../images/advantage-3.png);width:105px;height:83px;}
.advantage-image4{background-image:url(../images/advantage4.png);width:93px;height:88px;margin:0 auto;margin-bottom:14px;margin-top:42px }
.advantage li:hover .advantage-image4{background-image:url(../images/advantage-4.png);width:93px;height:88px}
.advantage li:hover{box-shadow:1px 1px 25px #ccc}
/*advantage end*/

/*process start*/
.process{background: #eeeeee}
.process .w1200{padding:30px 0}
.poster-main{ position:relative;width:1200px;height:210px;}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width:1200px;height:210px;}
.poster-item{ position:absolute;left:0;top:0;}
.poster-item img{width:100%;height:100%}
.poster-main .poster-btn{ position:absolute;top:0;width:100px!important;height:270px; z-index:10; cursor:pointer;  opacity:0.8}
.poster-main .poster-prev-btn{left:-30px; background: url(../images/btn_l.png) no-repeat center center;}
.poster-main .poster-next-btn{right:-30px; background: url(../images/btn_r.png) no-repeat center center;}
.container {margin:0 auto; max-width:1200px;padding-bottom: 16px}
/*process end*/

/*news start*/
.news{background:url(../images/news.jpg) no-repeat center;height:522px;box-sizing: border-box;padding:30px 0}	
.news .index-title1{color:#fff}
.news .index-title2{color:#fff;border-top:1px solid #fff;text-align: center}
.news-content{width: 1110px;margin:0 auto}
.news-content li{background:rgba(255,255,255,0.80);width:235px;padding:10px 20px;float:left;margin:20px 0}
.news-content li p{line-height: 25px;text-align: left;color:#444}
.news-content li .news-title{font-size:16px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight:bold}
.news-content a:hover .calendar,.news-content a:hover .news-title{color:#1172d2}
/*news end*/

/*footer start*/
.footer-top{background:#0c5196}
.footer-top li{float: left; width:170px;color:#fff;line-height:50px;text-align: center}
.footer-top li a{color:#fff; display: block;}
.footer-top li a:hover{ background:#fff;color:#0c5196; font-size: 15px;}
.footer-body{line-height:30px}
.footer-body li{float: left;margin:20px}
.footer-body1{width: 120px;border-right: 1px solid #333;padding:0px 40px 0 0}
.footer-body2{width:140px}
.footer-body3{width:330px}
.footer-p1{text-align:left;color:#1172d2}
.footer-p2{text-align: right}
.footer-body li a:hover{color:#1172d2}
.footer-body4{width:380px;height:240px}
.footer-bottom{line-height:60px;background:#0c5196;color:#fff}
.endbox1{float:left;}
.endbox2{float:right}
.endbox2 a{color:#fff}
/*footer end*/