@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
a:hover{text-decoration: none;}

/**/
.banner{ height:600px; width:100%; position:relative; }
.banner .bd{ height:600px; overflow:hidden;}
.banner .bd a{ display:block;height:600px; overflow:hidden;}
.banner .bantil{ width:132px; height:17px; position:absolute; bottom:40px;left:50%; z-index:8;}
.banner .bantil li{ width:17px; height:17px; float:left; display:inline; margin:0 12px;background:#0071be;border-radius:17px;}
.banner .bantil li.cur,.banner .bantil li:hover{background:#02b29c;cursor:pointer;}

/**/
h2.tit a{text-align: center;font-size: 38px;color: #333;display: block;margin-bottom: 50px;
background:url(tit.jpg) no-repeat center 55px;}
h2.tit a em{font-size: 18px;color: #555;display: block;font-weight: normal;padding-top:23px;}

/**/
.hz{height: 357px;padding-top: 70px;}
.hz_con{height: 177px;position: relative;}
.hz_con span.z,.hz_con span.y{position: absolute;top: 58px;}
.hz_con span a{width: 40px;height: 40px;display: block;}
.hz_con span.z{left:-65px;}
.hz_con span.y{right:-65px;}
.hz_con ul{height:159px;}
.hz_con li{width:281px; height:159px;float: left;margin-right: 25px;}
.hz_con li.nobot{margin-right:0;}
.hz_con li a{width:281px; height:159px;display: block;}
.hz_con li img{width:279px; height:157px;border:1px solid #e7e7e7;}


/**/
.pro{height: 955px;}
.fen{width: 276px;float: left;}
.fen h3{height:149px;}
.fen h3 a{width:276px; height:149px;display: block;}
.fen_c{width:242px;height: 636px;padding-top: 21px; border:17px solid #0071be;border-top:none;position:relative;} 
.fen_c h4{width:202px; height:35px;background:url(h4_bg.jpg) no-repeat center center;
	margin: 0 auto 13px;}
.fen_c h4 a{display: block;height:35px;line-height: 35px;text-indent: 36px;font-size: 16px;color: #fff;font-weight: normal;}
.fen_c h4 a:hover,.fen_c h4.cur a{background:url(h4_cur_bg.jpg) no-repeat center center;}
.fen_c h4.nones{margin-bottom: 0;}
.fen_c ul{width:202px;margin: 0 auto;}
.fen_c ul li a{font-size: 14px;color: #555;display: block;height: 34px;
	background:url(ico1.jpg) no-repeat 182px center;
	line-height: 34px;text-align: center;}
.fen_c span{background-color: #0071be;
    bottom: 0;
    display: block;
    height: 66px;
    left: 0;
    position: absolute;
    width: 242px;
    text-align: center;
    color: white;
    line-height: 52px;
    font-size: 18px;
    font-weight: bold;}
.fen_c span b{color: #fff;
    font-size: 25px;
    left: 0;
    line-height: 37px;
    position: absolute;
    text-align: center;
    top: 7px;
    width: 242px;}	

.cp{width: 900px;float: right;}
.cp dl{background: #f5f5f5;height: 358px;}
.cp dt{width: 478px;height: 358px;position: relative;float: left;}
.cp dt a.big{width: 478px;height: 358px;display: block;}
.cp dt a.big img{width: 478px;height: 358px;}
.cp dt em a{width: 92px;height: 149px;display: block;position: absolute;top: 0;left: 17px;}
.cp dd{width: 390px;height: 333px;float: right;background: #f5f5f5;padding-top: 25px;}
.cp dd h3 a{font-size: 20px;color: #333;padding-bottom: 20px;display: block;
	background:url(line3.jpg) no-repeat left bottom;}
.cp dd p{font-size: 14px;color: #666;font-weight: normal;line-height: 26px;margin-top:27px;}
.cp dd .xq{width:144px; height:36px;margin-right: 18px;margin-top:47px;
	background:url(more_btn1.jpg) no-repeat center center;display: block;float: left;}
.cp dd .zx{width:144px; height:36px;margin-top:47px;
	background:url(more_btn2.jpg) no-repeat center center;display: block;float: left;}

.cp .clist{margin-top: 23px;}
.cp .clist li{width: 286px;height: 284px;float: left;margin-right:21px;}
.cp .clist li a{width: 286px;height: 284px;display: block;}
.cp .clist li img{width: 284px;height: 212px;border: 1px solid #ccc;}
.cp .clist li.nones{margin-right:0;}
.cp .clist li span{width: 286px;height: 70px;display: block;line-height:60px;font-size: 16px;color: #555;
	text-align: center;}


/**/
.case{height: 690px;background: #f8f8f8;padding-top: 80px;}
.case dl{float: left;width: 352px;margin-right: 72px;height: 490px;}
.case dl.nobot{margin-right: 0;}
.case dt img{width:352px; height:281px;}
.case dd h3 a{width:91px; height:90px;display: block;position: absolute;top: -46px;left: 131px;}
.case dd h3 img{width:91px; height:90px;}
.case dd{height: 197px;border: 1px solid #e3e3e3;width:350px;position: relative;border-top: 0;background: #fff;}
.case dl:hover dd{background: #0071be;border: 1px solid #0071be;}
.case dl:hover dd p,.case dl:hover dd p em{color: #fff;}
.case dd p{text-align: center;font-size: 24px;color: #333;padding-top: 80px;}
.case dd p em{display: block;font-size: 12px;color: #acacac;padding-top: 10px;
	font-family: Arial;text-transform: uppercase;}
.case_c{position: relative;height: 433px;}
.case_c .z,.case_c .y{width:40px; height:40px;position: absolute;top: 196px;}
.case_c .z{left: -65px;}
.case_c .y{right: -65px;}

/**/
.ys{height:932px;padding-top: 2px;}
.ys h2 a{margin-bottom:68px;}
.ys_c{background:url(ys_bg.jpg) no-repeat center center;height: 778px;}
.ys_con{position: relative;height: 778px;}
.ys_c dt{font-size: 24px;color: #333;font-weight: bold;display: block;text-indent: 47px;padding-top: 23px;}
.ys_c dd{font-size: 16px;color: #666;font-weight: normal;line-height: 24px;padding-top: 25px;}

.ys_c .dl01,.ys_c .dl02,.ys_c .dl03{text-align: left;}
.ys_c .dl04,.ys_c .dl05{text-align: right;}
.ys_c .dl01{position: absolute;top: 0;left: 0;}
.ys_c .dl02{position: absolute;top: 252px;left: 0;}
.ys_c .dl03{position: absolute;top: 532px;left: 0;}
.ys_c .dl04{position: absolute;top: 1px;right: 0;}
.ys_c .dl05{position: absolute;top: 253px;right: 0;}
.ys_c .dl04 dt,.ys_c .dl05 dt{padding-right: 54px;}
.ys_c span{font-size: 36px;color: #333;font-weight: bold;position: absolute;right: 0;bottom: 140px;}

.SHOWTP1{ width:100%; }
.SHOWTP1 li {width:275px;float:left;border:0px solid #ff0000;background: url(bodybg.jpg) ;border-radius:0px;-webkit-border-radius: 0px;-moz-border-radius: 0px; margin:5px 6px;  padding:5px;
}
.SHOWTP1 li p.title{line-height:2; text-align:center;padding-top:2px;font-size:14px}

.SHOWTP1 li p.content {line-height:2; color:#ddd;font-size:12px;padding-left:3px}

.SHOWTP1 li p.content{ font-weight:bold}
.SHOWTP1 li p.content a { font-weight:normal}

.SHOWTP1 li p.content a {color:#007D00; font-size:12px;}

.SHOWTP1 li p.content a { font-weight:bold}

.SHOWTP1 li:hover {background:;}
.SHOWTP1 li:hover p a{color:}
.SHOWTP1 li:hover p {color:}

.SHOWTP1 li {
box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);}

.SHOWTP1 img {width:275px;height:225px; }
.SHOWTP1 li a:hover img{filter:alpha(opacity=80);-khtml-opacity:0.8;opacity:0.8;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;}


/**/
.about{height: 890px;padding-top: 20px;}
.ab dt{float: right;width: 600px;height: 401px;}
.ab dd{width: 512px;float: left;padding-left: 43px;padding-top: 40px;}
.ab dd h3{border-bottom: 1px solid #dddddd;}
.ab dd h3 a{font-size: 60px;color: #0071be;font-weight: bold;height: 150px;font-family: Arial;}
.ab dd h3 a em{font-size: 16px;color: #423f3b;font-weight: normal;display: block;padding-bottom: 20px;}
.ab dd p{font-size: 14px;color: #555;line-height: 30px;margin-top: 24px;}
.ab span a{margin-top: 20px;display: inline-block;}
.ab span a.xq{margin-right:20px;}


.SHOWTP4{ HEIGHT:280px; width:100%;}

.SHOWTP4 li {width:280px;float:left;border:0px solid #ff0000;background: url(bodybg.jpg) ;border-radius:0px;-webkit-border-radius: 0px;-moz-border-radius: 0px; margin:5px 6px;  padding:5px;
}
.SHOWTP4 li p.title{line-height:2; text-align:center;padding-top:2px;font-size:14px}

.SHOWTP4 li p.content {line-height:2; color:#ddd;font-size:12px;padding-left:3px}

.SHOWTP4 li p.content{ font-weight:bold}
.SHOWTP4 li p.content a { font-weight:normal}

.SHOWTP4 li p.content a {color:#007D00; font-size:12px;}

.SHOWTP4 li p.content a { font-weight:bold}

.SHOWTP4 li:hover {background:;}
.SHOWTP4 li:hover p a{color:}
.SHOWTP4 li:hover p {color:}

.SHOWTP4 li {
box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);}

.SHOWTP4 img {width:280px;height:215px; }
.SHOWTP4 li a:hover img{filter:alpha(opacity=80);-khtml-opacity:0.8;opacity:0.8;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;}
