@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;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;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{width: 100%; height: auto; position: fixed; top: 0; z-index: 99999; background: #fff;}
.tophe{width: 1200px;height:auto;margin:0px auto; padding:10px 0px;}
.logo{width:580px;height:auto;float:left;}
.tophe .tel{color:#d62b2b; text-align:center;float:right;font-size:16px;text-align: right;}
.tophe .tel p{text-align: right;color: #666;line-height: 170%;font-weight: bold;font-size: 22px;color: #0069B7}
.tophe .tel b{font-size: 32px;font-family: Arial}
.tophe .tel ul li{float:left;font-size:13px;padding:3px 12px;background: #009F39;border-radius: 5px;color: #fff;margin-left: 10px;}
.biaoyu{padding-top:16px;}
.biaoyu p{font-size:18px;line-height:150%;}
.wxewm{padding-left:60px;}
.wxewm p{writing-mode: tb-rl;color: #006EC2;position: relative;left: 5px;font-size: 16px;letter-spacing: 3px;padding-top: 3px;padding-left: 3px;font-weight: bold;}

.nav{ width: 100%; height:40px; line-height: 40px; border-bottom: 3px solid #009f39; background: #0069b7}
.nav ul{ width: 1200px; height: 40px;line-height: 40px; margin: 0 auto;}
.nav ul li{ width: 170px; float: left; text-align: center; position: relative;}
.nav ul li a{ display: block; color: #fff; font-size: 15px;}
.nav ul li a:hover{ background: #1c87cc; color: #fff;}
.nav ul li ul{ display: none;}
.nav ul li:hover ul{ display: block;background: #1c87cc; height: auto; line-height: 35px; width:170px;position:absolute;top:40px;left:0px; }
.nav ul li ul li{ width: 90%; margin: 0 auto; float: none;}
.nav ul li ul li a{ border-bottom: 1px solid #1076b8; font-size: 14px; color: #fff;}
.nav ul li ul li a:hover{ color: #dedede; font-size: 15px; color: #fff;}
.p100{ padding-top: 143px;}
/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height: 600px;
	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: 600px;
	display: block;
}
/*banner end*/

/*notice start*/
.notice{height: 35px;}
.notice .n_title{width: 85px;height: 35px;line-height: 35px;color: #fff;text-align: center;padding-left: 35px;background: url(../images/laba.png) no-repeat center left #0069B7;}
.notice .n_con{width: 1040px;height: 35px;background: #f1f1f1;line-height: 35px;padding: 0 20px;color: #666}
.notice .n_con a{color: #666;padding: 0 15px}
/*notice end*/

.main{ width: 100%; height: auto; margin: 0 auto;}
.adv{ width:100%; height:1286px; background: url(../images/ys.jpg) no-repeat center center; }
.advcon{ width: 1200px; height:1180px; background: url(../images/ys_11.png) no-repeat center center; margin:  0 auto;}
.advcon ul{ width: 100%; height: auto; padding-top: 70px;}
.advcon ul li{ width: 430px; height: auto; margin: 0px 0px 230px 0px;}
.advcon ul .fl p{ text-align: right;}
.advcon ul li p{ color: #559acf; font-size: 30px; line-height: 50px;}
.advcon ul li span{ color: #666; font-size: 15px; line-height: 23px; text-align: justify; display: block;}
.indext{ width: 100%; height: 100px; text-align: center; margin-top:30px;}
/*product03 start*/
.product_03{height:auto;}
.pro03_body{width:1200px;height:auto;margin:0px auto;}
/*左侧*/ 
.pb03_l{width:227px;height:auto;float:left;}
.pb03_l .pbl_top{width:227px;height:65px;text-align: center;color:#333;background:url(../images/probg.png) no-repeat center center;}
.pb03_l .pbl_top p{width:100%;height:65px;line-height:70px;font-size:15px;font-weight:bold;text-align:center;color: #fff;font-size: 25px;}

.pro_list9 li{width:100%;height:35px;line-height:35px;position:relative;margin-top:15px;display:block;cursor:pointer;border-radius:2px;}
.pro_list9 li .p03lin{width:100%;border:1px solid #dedede;}
.pro_list9 li .p03lin a{color:#444;padding-left: 20px;}
.pro_list9 li .p03lin p{width:22px;height:22px;line-height:20px;display:block;color: #fff;color: #fff;float:right;border-radius:15px;text-align:center;margin:6.5px 5px;}
.pro_list9 .on .p03lin{ background: #0069b7 !important;}
.pro_list9 .on .p03lin a{ color: #fff !important;}
.pro_list9 .on .p03lin p{background: #fff; color: #32808D;}
.pro_list9 li ul{display:none;width:180px;left:228px;top:1px;position:absolute;background:#0069b7;z-index: 9999;}
.pro_list9 li ul li{width:100%;height:auto;height:30px;line-height:30px;text-align:center;font-size:13px;margin:5px 0px;border-bottom:1px solid #dedede!important;}
.pro_list9 li ul a{color: #fff;display:block;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.pro_list9 li ul a:hover{font-size:14px;color:#fff;font-weight:bold!important;}
/*右侧*/
.pb03_r{width: 920px;height:auto;float: right;}
.pb03_r .top{width:100%;height:50px;border-top:3px #00A392 solid;border-bottom:3px #00A392 solid;}
.pb03_r .top font{font-size:24px;padding-left:20px;line-height:50px;color:#444}
.pb03_r .top span{line-height:50px;font-size:16px;color:#444;}
.pb03_r .top .more{width:100px;height:35px;line-height:35px;text-align:center;font-size: 16px;background:#00A392;color:#fff;font-weight:bold;margin-top:8px;display:inline-block;float:right;}
.pb03_r .top .more:hover{background:#389616;}
.pb03_r .bot{width:100%;height: auto;}
.pb03_r .bot ul{width:960px;height:auto;}
.pb03_r .bot ul li{ width:280px; height:auto;transition: all 0.2s ease-in; margin: 0px 40px 80px 0px; float: left;}
.pb03_r .bot ul li img{ width: 100%; height:202px;}

.pb03_r .bot ul li p{height:40px;line-height: 40px;font-weight: bold;font-size: 16px;color: #fff;  text-align: center; background-color: #0069b7;}
.pb03_r .bot ul li p:hover{background-color: #389616;}
.pb03_r .bot ul li .more{width: 100px;height:30px;background: #0173B9;color: #fff;text-align: center;line-height: 30px;transition: all 0.2s ease-in;}
.pb03_r .bot ul li .more:hover{background: #DD1300}

.adv1{width: 100%;height: 130px;background: url(../images/adv.jpg) no-repeat center;}

.lclist{ width: 1200px; height: auto;margin:0 auto}
.lclist li{ width:350px;height:130px;float:left;background: url(../images/lcjt.png) no-repeat center right; margin: 15px 15px; padding: 15px 10px; cursor: pointer;}
.lclist li:nth-child(4){ margin: 10px 50px 0px 150px;}
.lclist li:nth-child(5){ margin: 10px 50px 0px 150px;}
.lclist li img{float: left; width: 125px; height: 125px;}
.lcr{ width: 130px; float:left; margin-left: 20px;}
.lcr p{ font-size: 22px; line-height: 40px;color: #333;}
.lcr span{ color: #666; font-size: 14px; line-height: 30px}
.lclist li:hover{ background-color:#9d9d9d; border-radius:3px;}
.lclist li:hover img{ width: 130px; height: 130px;}
.lclist li:hover p{ color: #fff;}
.lclist li:hover span{ color: #fff;}
.lclist li.on{background-color:#9d9d9d;}
.lclist li.on img{ width: 130px; height: 130px;}
.lclist li.on p{ color: #fff;}
.lclist li.on span{ color: #fff;}
.fwfw{ width:100%; height: 280px;background: url(../images/fwfwcon.png) no-repeat center center;}
.fwfw ul{ width: 1200px; height: 100%; margin: 0 auto;}
.fwfw ul li{ height:100px;float: left;color: #fff;font-size: 20px; padding: 180px 15px 0px 15px; cursor: pointer; background-position: center 70px; background-repeat: no-repeat;}
.fwfw ul li:nth-child(1){background-image:url(../images/fwicon1.png);}
.fwfw ul li:nth-child(2){background-image:url(../images/fwicon2.png);}
.fwfw ul li:nth-child(3){background-image:url(../images/fwicon3.png);}
.fwfw ul li:nth-child(4){background-image:url(../images/fwicon4.png);}
.fwfw ul li:nth-child(5){background-image:url(../images/fwicon5.png);}
.fwfw ul li:nth-child(6){background-image:url(../images/fwicon6.png);}
.fwfw ul li:hover{ background-color: #fff; color: #333;}
.fwfw ul li:nth-child(1):hover{background-image:url(../images/fwicon1-1.png);}
.fwfw ul li:nth-child(2):hover{background-image:url(../images/fwicon2-1.png);}
.fwfw ul li:nth-child(3):hover{background-image:url(../images/fwicon3-1.png);}
.fwfw ul li:nth-child(4):hover{background-image:url(../images/fwicon4-1.png);}
.fwfw ul li:nth-child(5):hover{background-image:url(../images/fwicon5-1.png);}
.fwfw ul li:nth-child(6):hover{background-image:url(../images/fwicon6-1.png);}


.about{ width: 100%; height: 520px;background: url(../images/aboutbg.jpg) no-repeat center center;padding-top: 20px;}
.aboutt{ width: 315px; height: 85px; margin:0 auto; margin-top: 30px;}
.about-c{ width: 1200px; height:auto; margin: 0 auto; padding-top: 30px;}
.abouttfont{ font-size:18px; line-height: 30px; color: #fff;}
.aboutcon{ width: 100%; height: auto; padding-top: 20px;}
.aboutcon img{ width: 390px; height: 220px; float: left;}
.aboutconleft{ width: 760px; height: auto; float: right;}
.aboutconleft p{ font-size: 14px; color: #fff; line-height: 30px;}
.aboutconleft a.more{ color:#fff; display: block; width:80px; height: 25px; line-height: 25px; text-align: center; background: #f00; margin-top: 20px; font-size: 13px;}
.aboutconleft a.more:hover{ background:#5ed2ff;}
.about .icon a{display: inline-block;width: 115px;margin-left: 50px;height: 60px;padding-left:100px;border:1px solid #888;margin-top: 25px;color: #efefef;line-height: 60px;font-size: 20px;background: url(../images/com_icon1.png) no-repeat center left;}
.about .icon a:nth-child(1) {margin-left: 0px;}
.about .icon a:nth-child(2) {background: url(../images/com_icon2.png) no-repeat center left;}
.about .icon a:nth-child(3) {background: url(../images/com_icon3.png) no-repeat center left;}

.news{ width:1200px; height: auto; margin: 0 auto;}
.newst{ width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #dedede;}
.newstb{ width: 300px; float: left;}
.newstb a{ display:block; width: 130px; height: 43px; line-height: 43px; text-align: center; color: #333; border:1px solid #559acf; margin: 0px; padding: 0px; float: left; font-size: 14px;}
.newstb .on{ background: #559acf; color: #fff; font-size: 15px;}
.newst .nmore{ float: right; font-size: 14px;}
.newst .nmore:hover{ color: #bf3d3d; font-size: 15px;}
.news{width: 1200px;margin:0 auto;}
.news ul{ width:50%; height: auto;margin-top: 10px;}
.news ul li{ width: 100%; height: auto; padding: 5px 0px;}
.news ul li .date{ width:80px;height:50px;line-height:50px;float: left; background: #009f39; text-align: center; font-size: 22px; color: #fff; border-radius:10px;}
.news ul li .nright{ width: 500px;height: 70px; float: right;}
.news ul li .nright p{ font-size:19px; height: 30px; line-height:30px; color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news ul li .nright span{ color: #666; font-size: 15px;}
.news ul li:hover .date{ background: #0069b7;}
.news ul li:hover .nright p{ color:#0069b7; font-weight: bold;}


.footer{ width: 100%; height:350px; background: url(../images/footbg.jpg) no-repeat center center; margin-top: 30px;}
.footercon{ width:1200px; height: auto; margin: 0 auto; padding:30px 0px 0px 0px;}
.fcon1{ width:500px; height: auto; float: left;}
.fcon1 ul{ width: 100%; height: auto; padding-top: 10px;}
.fcon1 ul li{ line-height: 30px; color: #fff; font-size: 15px;}
.fcon1 ul li img{ vertical-align: middle; line-height: 30px; margin-right: 10px;}
.fcon2{ width: 400px; height: auto; float: left;}
.fcon2 ul{ width: 100%; height: auto;padding-top: 30px;}
.fcon2 ul li{ width:25%; height: 40px; line-height:40px; float: left; text-align: left;}
.fcon2 ul li a{ color: #fff; font-size: 15px;}
.fcon2 ul li a:hover{ color: #bf3d3d; font-size: 16px;}
.fcon3{ width: 300px; height: auto; float: right; text-align: right;}
.footcopy{ width: 600px; padding: 0px 200px; margin: 0 auto; border-top:2px solid #fff; padding-top: 10px; text-align: center; font-size:15px; color: #fff; line-height:30px;}