@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
.bg{background-color: #B0C4DE;}
.bg1{background-color: #CAFF70;}
.bg2{background-color: #FFC1C1;}
.bg3{background-color: #FFA07A;}
.bg4{background-color: white;}
.hj200 {line-height: 200%;}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.w0{width: 100%}
.w1100{width: 1100px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}
.w1200{width: 1200px;margin:0 auto;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}

/*header start*/
.header{height: 80px;background: rgba(255, 255, 255, 0);color: #FFF;position: fixed;top: 0;left: 0;transition: background 1s;z-index: 999}
.header .logo{width: 388px;height: 89px;}

.nav{ width: 700px; height:80px; line-height:80px; position:relative;z-index:999;}
.nav .nLi{width: 100px; float:left; position:relative; display:inline;}
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block; width: 100px; font-size:16px;font-weight: normal;text-align: center;color: #0058af; font-weight: bold;}
.nav .sub{ display:none; width:140px; left:0; top:80px;position:absolute;z-index: 9999;background:url(../images/hoverbg.png);line-height:35px;}
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; padding:0 10px;text-align: center;font-size: 15px;color: #fff}
.nav .sub a:hover{ background:#0058af; color:#fff;}
.nav .on h3 a{ background:url(../images/navhover.png); color:#333;}

.scrolledDown{background: rgba(255, 255, 255, 1);color: #333;box-shadow: 0 0 10px 0 #666;}
.scrolledDown .logo{width: 388px;height: 89px;}
.scrolledDown .nav .nLi h3 a{color: #333}
.scrolledDown .nav .sub a{color: #fff}
.scrolledDown .sub a:hover{ background:#0058af; color:#fff;}
/*header end*/

/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height: 620px;
	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: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 620px;
	display: block;
}
/*banner end*/

/*product start*/
.title{text-align: center;}
.title b{font-size: 34px;}
.title p{text-align: center;line-height: 200%}
.product{padding: 40px 0;background: url(../images/probg.jpg) no-repeat center bottom;}
.pro_body{padding: 15px;}
#pro_list{width: 1200px;border-top: 3px solid #0058af}
#pro_list > li{width: 239px;margin-left: 1px;height: 40px;background: #eee;float: left;text-align: center;line-height: 40px;margin-top: 5px;position:relative; display:inline;}
/*#pro_list > li:nth-last-of-type(1) {width: 236px; background: #0058af; color:#fff;}*/

#pro_list h3{ float:left;}
#pro_list h3 a{ display:block; width: 239px; font-size:16px;font-weight: normal;text-align: center;}
#pro_list > li:nth-child(1) {margin-left: 0px;}

#pro_list .sub{ display:none; width:239px; left:0; top:40px;position:absolute;z-index: 9999;line-height:35px;}
#pro_list .sub li{ zoom:1;}
#pro_list .sub a{display:block; padding:0 10px;text-align: center;font-size: 15px;color: #666;background:rgba(255,255,255,0.8);}
#pro_list .sub li:nth-last-of-type(1) a{border-bottom: 3px solid #0058af}
#pro_list .sub a:hover{background:#0058af;color:#fff;}
#pro_list .on h3 a{background:#0058af; color:#fff;}

.product .pro_img{padding: 40px 0 0 0;}
.product .pro_img ul li{float: left;margin-left:45px;margin-bottom: 40px;}
.product .pro_img ul li:nth-child(1) {margin-left: 0}
.product .pro_img ul li:nth-child(5) {margin-left: 0}
.product .pro_img ul li .img{padding: 2px;border:1px solid #dfdfdf;}
.product .pro_img ul li p{width: 266px;height: 35px;background: #dfdfdf;line-height: 34px;text-align: center;}
.product .pro_img ul li:hover .img{border:1px solid #0058af;}
.product .pro_img ul li:hover p{background: #0058af;color:#fff;}
/*product end*/

/*company start*/
.company{padding: 50px 0;background: url(../images/combg.jpg) no-repeat center top;}
.company .title{text-align: center;}
.company .title b{font-size: 34px; color:#fff;}
.company .title p{text-align: center;line-height: 200%;color:#fff;}
.company .combody{background: #fff;margin-top: 30px;}
.company .combody .com_zi{padding: 30px;width: 640px;}
.company .combody .com_zi b{font-size: 18px;color: #0058af}
.company .combody .com_zi em{display: block;width: 50px;height:3px;background: #ef8303;margin:15px 0;}
.company .combody .com_zi p{line-height: 180%;font-size: 15px;text-indent:2em;}
.company .combody .com_zi a.more{width: 115px;height: 34px;text-align:  center;line-height:34px;color: #fff;background: #0058af;display: block;margin-top: 12px;}
.company .combody .com_zi a.more:hover {background: #ef8303}
.company .lxwm{background: #fff;}
.company .lxwm li{width: 368px;border:1px solid #dfdfdf;padding:15px;float: left; height: 110px;}
.company .lxwm li b{font-size: 17px;line-height: 25px; color:#0058af;}
.company .lxwm li p{line-height: 200%}
/*company start*/

/*youshi start*/
.youshi{height:1190px;background:url(../images/advbg.jpg) no-repeat center}
.youshi ul li{font-size: 15px;line-height: 180%;}
.youshi ul li b{font-size: 25px;line-height: 200%;}
/*.youshi ul li p{display:block;width: 27px;height: 27px;background: url(../images/jt2.png);float: left;}*/
.youshi .ul1{width:420px;position: relative;top: 246px;left:80px;}
.youshi .ul2{width:420px;position: relative;top: 286px;left:80px;}
.youshi .ul3{width:420px;position: relative;top: 320px;left:80px;}
.youshi .ul4{width:520px;position: relative;top: 412px;left:670px;}
.youshi .ul5{width:520px;position: relative;top: 455px;left:670px;}
.youshi .ul6{width:520px;position: relative;top: 485px;left:670px;}
/*youshi end*/

/*khal start*/
.khal{padding:40px 0; background:url(../images/hezuobg.jpg) no-repeat center;height: 240px;}
.khal .title{text-align: center;font-size:25px;color: #014FA7;font-weight: bold;}
.khal .picScroll-left{ width:1216px; overflow:hidden; position:relative;margin:120px auto 0 auto;}

.khal .picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.khal .picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
.khal .picScroll-left .bd ul li .pic{ text-align:center;}
.khal .picScroll-left .bd ul li .pic img{ width:220px; height:73px; display:block;  padding:2px; border:1px solid #ccc; }
.khal .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;}

/*khal end*/

/*new start*/
.new{padding:10px 0 50px 0;background: url(../images/news_bg.jpg) no-repeat center bottom;}
.new .new_l{width: 575px;}
.new .slideBox{ width:575px; height:380px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.new .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.new .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.new .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.new .slideBox .hd ul li.on{ background:#f00; color:#fff; }
.new .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.new .slideBox .bd li{ zoom:1; vertical-align:middle;position: relative;}
.new .slideBox .bd img{ width:575px; height:380px; display:block;  }
.new .slideBox .bd .img{width: 575px;height: 380px;overflow: hidden;}
.new .slideBox .bd .img img{ width: 575px; height: 380px; display: block;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;}
.new .slideBox .bd .img img:hover { transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}

.new .slideBox .bd li .new_zi{width: 545px;height: 65px;position: absolute;bottom: 0px;background: rgba(0,0,0,0.5);padding:0 15px 0 15px;}
.new .slideBox .bd li .new_zi b{color: #fff;font-size: 16px;line-height: 25px;position: relative;top: 2px;}
.new .slideBox .bd li .new_zi p{color: #fff;line-height: 120%;position: relative;top: 2px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.new .slideBox .sPrev,
.new .slideBox .sNext{position:absolute; left:490px; top:360px; margin-top:-25px; display:block; width:25px; height:25px; background:url(../images/jiantou.jpg) 0 0 no-repeat;}
.new .slideBox .sNext{left:530px;background-position:100% 0%; }
.new .slideBox .sPrev:hover{background-position: 0 100%}
.new .slideBox .sNext:hover{background-position: 100% 100%}
.new .slideBox .prevStop{ display:none;}
.new .slideBox .nextStop{ display:none;}
.new .parHd ul{width:300px;margin: 20px auto}
.new .parHd ul li{width: 130px;height: 35px;line-height: 35px;text-align: center;background: #C9C9C9;color: #fff;cursor: pointer;}
.new .parHd ul li:nth-child(2) {margin-left: 20px;}
.new .parHd ul li.on{background: #0058AF}
.new .parHd ul li a{display: block;width: 100%;height: 100%;color: #fff;font-size: 16px;}
.new .parHd ul .more{line-height: 30px;color: #333}
.new .new_r{width: 595px;}
.new .new_r ul li{width: 595px;height:95px;background: url(../images/newrightbg1.png) no-repeat center;transition: all 0.2s ease-in;}
.new .new_r ul li .date{width: 122px;height: 95px;text-align: center;}
.new .new_r ul li .date p.p_d1{text-align: center;font-size: 24px;font-weight: bold;position: relative;top: 24px;font-family: Arial;color: #333}
.new .new_r ul li .date p.p_d2{font-weight: bold;position: relative;top: 22px;left: 54px;color: #333}
.new .new_r ul li .xwzi{width: 360px;height: 95px;margin-left: 34px;position: relative;top: 17px;color: #333}
.new .new_r ul li .xwzi b{font-size:16px;}
.new .new_r ul li:hover .date p{color: #fff}
.new .new_r ul li:hover .xwzi b{color: #fff}
.new .new_r ul li:hover .xwzi p{color: #fff}
.new .new_r ul li:hover {background: url(../images/newrightbg2.jpg) no-repeat center;}
/*new end*/

/*footer start*/
.footer{background: #222}
.footer .foot_nav{height: 50px;border-bottom: 1px solid #444}
.footer .foot_nav ul li{font-size: 15px;line-height: 15px;padding: 17.5px 0;}
.footer .foot_nav ul li a{display:block;color: #fff;font-size: 15px;width: 170px;border-right: 1px solid #999;text-align: center;}
.footer .foot_nav ul li:nth-child(7) a{border-right: none;}
.footer .foot_nav ul li:hover a{color: #0058AF}
.footer .foot_body{padding:30px 0;}
.footer .foot_body .foot_lxwm{padding-right:55px;background: url(../images/footline.png) no-repeat center left;}
/*.footer .foot_body .foot_lxwm:nth-child(1) {padding-left: 45px;}*/
.footer .foot_body .foot_lxwm:nth-child(5) {padding-right: 0px;}
.footer .foot_body .foot_lxwm p{color: #fff;line-height: 240%;font-size: 14px;}
.footer .foot_bot{height: 35px;background: #0058AF;line-height: 35px;}
.footer .foot_bot span{padding:0 15px;font-size: 15px;color: #fff}
/*footer end*/