﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

.f_fm{ font-family: "Microsoft Yahei"; }
.f_ft{ font-family: "Times New Roman", Times, serif; }
.f_far{ font-family: Arial, Helvetica, sans-serif; }
.f_fim{ font-family: Impact; }



/*sou*/
.ser_bg{background:#edeaf1; height:65px; overflow:hidden;}  
.ser_c{ height:65px; overflow:hidden;}
.inp01{ float:left; padding-left:10px; width:314px;   height:40px;overflow:hidden; font:12px/40px "Microsoft Yahei"; border:none; background:url(../images/ser1.gif) no-repeat left top; color:#bbb; margin-top:12px; display:inline;outline:none;} 
.inp02{ float:left; background:url(../images/ser2.gif) no-repeat left top; width:60px; height:40px; border:0; margin-top:12px;outline:none;}
.ser_c p{height:65px; width:600px; overflow:hidden; display:block; color:#666;font:14px/65px "Microsoft Yahei";}
.ser_c p a{color:#666; padding-right:15px; display: inline-block;}

/*pro*/
.pro_bg{margin-top: 75px; height:970px; overflow:hidden;} 
.t_h2{ margin:0 auto 45px; overflow:hidden; text-align:center; color: #233357; font: bold 36px/42px "Microsoft Yahei"; background:url(../images/pro_t.png) no-repeat center 22px;}
.t_h2 a{ color:#233357;}
.t_h2 b{color: #0061a6;}
.t_h2 i{ display:block; color:#bbb; font:14px/20px Arial, Helvetica, sans-serif; }
.t_h2 em{ display:block; padding-bottom: 10px; color: #686e7e;font:18px/40px "Microsoft Yahei"; }
h4 a:hover,h3 a:hover,.t_h2 a:hover{ text-decoration:none;}

.pro_l{width: 282px;height: 770px;background:#0061a6; overflow: hidden;}
.pro_l h4{padding-top: 18px; height:67px; text-align:center; font:bold 24px/30px "Microsoft Yahei"; }
.pro_l h4 a{ color:#fff;}
.pro_l h4 i{ display:block;color:#fff; font:14px/20px Arial, Helvetica, sans-serif; text-transform: uppercase;}
.pro_wz{width: 222px;background: #fff; margin: 0 auto; padding: 20px 20px 10px 20px; }

.pro_l h3{margin-bottom: 15px;}
.pro_l h3 a{display: inline-block; color:#fff; padding-left:20px; width:202px; height:35px; font-size: 15px; font-weight: bold; line-height: 35px; background:url(../images/pro_b2.gif) no-repeat center top;}
.pro_l h3 a:hover,.pro_l h3.cur a{background:url(../images/pro_b1.gif) no-repeat center top;}
.pro_l .p_h3{margin-bottom: 0px;}

.pro_l ul{width: 222px;}
.pro_l ul li{height: 70px; border-bottom: 1px dashed #bbb;font:bold 16px/30px "Microsoft Yahei"; background:url(../images/pro_ic1.gif) no-repeat 12px 10px;}
.pro_l ul li a{ color:#666; padding-left:26px; width: 170px; display: inline-block;}
.pro_l ul li .erji{padding-left: 26px; width:170px; padding-bottom: 8px;}
.pro_l ul li .erji li{background: none; height: 30px; float: left; line-height: 30px; font-weight: normal;border-bottom: 0px;padding-right: 8px; padding-left: 0px;}
.pro_l ul li .erji li a{padding-left:0px; width: 100%; display: inline-block;}
.pro_l ul .pro_li00{height: 90px;}
.pro_l ul .pro_li00 .erji li{padding-right: 14px;}
.pro_l ul .pro_li00 .erji  .pro_li02{padding-right: 0px;}
.pro_l ul .nones{border: 0px;}

.pro_r{ width:894px;}
.tit{padding: 0 24px;width: 846px; height:55px; overflow:hidden; font:bold 16px/55px "Microsoft Yahei"; background:url(../images/tit.jpg) no-repeat left bottom;}
.tit a{color: #fff; }
.tit a img{vertical-align: middle; margin-right: 13px;}
.tit span{ display: block;}
.tit span img{vertical-align: middle; margin-top: 16px;  width: 24px; height: 24px;}
.tit a:hover{text-decoration: none;}

.pro_r ul{margin-top: 30px;}
.pro_r li{position:relative;font-family: "Microsoft Yahei"; font-size: 14px; text-align: center; float:left; margin:0 24px 24px 0; border: 1px solid #e3e3e3; width:270px; height:328px; overflow:hidden; line-height: 0px;}
.pro_r li img{ width:270px; height:282px;}
.pro_r li b{display: block;line-height: 46px;color: #666; font-weight: normal; background: #e3e3e3; height:46px; overflow:hidden;}
.pro_r li p{ position:absolute; left:0px; top:0px; border: 0px; color: #fff; line-height: 28px; display:none;padding-top: 145px; width:272px; height:244px; overflow:hidden; background:url(../images/pro_isp.png) repeat left top;} 
.pro_r li p em{font-size: 16px;display: block;}
.pro_r li p span{ position: absolute;left:50px;top:208px; z-index: 10; display: block; width: 81px; height: 28px; border: 1px solid #fff; border-radius: 2px;}
.pro_r li i{display: none; position: absolute; top:208px; right:50px;width: 81px; height: 28px; line-height: 28px;background: #fff; border-radius: 2px; }
.pro_r li i a{color: #666;}
.pro_r li:hover{zoom: 1;}
.pro_r li:hover p,.pro_r li:hover i{display: block;}
.pro_r li:hover b{display: none;}
.pro_r li:hover .price{display: none;}
.pro_r .nones{ margin-right:0;}

/**/
.case_bg{padding-top: 76px; height: 855px;background: #edeaf1;}
.case .t_h2{margin: 0 auto 40px;background:url(../images/cs_t.png) no-repeat center 22px;}
.case ul li{position: relative; float:left; line-height: 0px; margin-right:8px; width:294px; height:491px; overflow:hidden; padding-top: 55px;}
.case ul li img{width:294px; height:200px;display: block;overflow: hidden;}
.case ul li em{position: absolute;left:100px; top:0px; width: 95px; height: 109px;}
.case ul li em img{width: 95px; height: 109px;}
.case ul li span{display:block; padding: 40px 35px 0; height: 250px; width: 224px;background: #fff;font:14px/38px "Microsoft Yahei";  color:#666; font-size: 14px; line-height: 25px;}
.case ul li span b{color: #3a3a3a; display: block; text-align:center; font-size: 22px; line-height: 62px;}
.case ul li.cs_li2 span{background: #0061a6; color: #fff;}
.case ul li.cs_li2 b{color: #fff;}
.case ul .nones{ margin-right:0px;}
.case ul li.cs_li2{ margin-top: 55px;}

/**/
.anli_bg{padding-top: 76px; height: 805px;}
.anli .t_h2{margin: 0 auto 44px;background:url(../images/al_t.png) no-repeat center 22px;}

.anli{position: relative;}
.anli ul{position: relative;z-index: 5; float: left;width: 384px;}
.anli ul li{width: 384px; height: 95px; margin-bottom: 20px;background:url(../images/al_gif2.png) no-repeat center top;}
.anli ul li em{float: left;margin: 22px 17px 0 36px; display: block; width: 50px; height: 50px; }
.anli ul li span{float: left; margin-top: 23px;display: block; font:bold 18px/28px "Microsoft Yahei"; color: #3a3a3a;}
.anli ul li span i{display: block; text-transform: uppercase; color: #bcbcbc;font:12px/18px Arial, Helvetica, sans-serif;}
.anli ul li:hover span,.anli ul li:hover span i,.anli ul li.cur span,.anli ul li.cur span i{color: #fff;}
.anli .al_li1 em{background:url(../images/al_ip1.png) no-repeat center top;}
.anli .al_li1:hover em,.anli .al_li1.cur em{background:url(../images/al_ip11.png) no-repeat center top;}
.anli .al_li2 em{background:url(../images/al_ip2.png) no-repeat center top;}
.anli .al_li2:hover em,.anli .al_li2.cur em{background:url(../images/al_ip22.png) no-repeat center top;}
.anli .al_li4 em{background:url(../images/al_ip4.png) no-repeat center top;}
.anli .al_li4:hover em,.anli .al_li4.cur em{background:url(../images/al_ip44.png) no-repeat center top;}
.anli .al_li3 em{background:url(../images/al_ip3.png) no-repeat center top;}
.anli .al_li3:hover em,.anli .al_li3.cur em{background:url(../images/al_ip33.png) no-repeat center top;}
.anli .al_li5 em{background:url(../images/al_ip5.png) no-repeat center top;}
.anli .al_li5:hover em,.anli .al_li5.cur em{background:url(../images/al_ip55.png) no-repeat center top;}
.anli ul li:hover,.anli ul li.cur{zoom: 1; background:url(../images/al_gif1.png) no-repeat center top;}

.anli01{z-index: 2; position: absolute;right: 0px; top:176px;height: 550px; width: 894px;}
.anli01 dl{}
.anli01 dt img{width: 894px; height: 550px;}
.anli01 dd{position: absolute; bottom:0px; left:0px; padding:33px 70px 30px; width:754px; background:url(../images/span.png) repeat center top; }
.anli01 dd img{float: left; border-radius: 100%;display: block;margin-top: -100px; padding:7px; width: 138px; height: 138px; background:rgba(0,0,0,0.4);}
.anli01 dd span{color: #fff;display: block; float: left; margin-left: 14px; width: 470px; font-size: 16px; line-height: 30px;}
.anli01 dd em{display: block; width: 70px; height: 60px;padding-top: 10px;text-align: center; font-size: 16px; font-weight: bold; line-height: 25px;color: #fff; float: right;background:url(../images/al_b.png) no-repeat center top;}

/*bann1*/
.bann1_bg{background:url(../images/bann1.jpg) no-repeat center top;height:287px;overflow:hidden;} 
.bann1 { position:relative; height:287px; overflow:hidden;}
.bann1 p{margin-top: 174px; display:block; padding-left:29px; height:56px;  background:url(../images/bann1_tel.png) no-repeat left 22px;font:16px/54px "Microsoft Yahei";color:#fff;}
.bann1 p b{ color:#fff; font-size: 30px; font-family: Arial;}
.bann1 span{position: absolute; left:520px; top:116px;font:bold 14px/40px "Microsoft Yahei"; text-align: center; padding-right: 30px; width: 90px; height: 40px; background:url(../images/bann1_b.png) no-repeat left top;}
.bann1 span a{color: #fff;}


/*bann2*/
.bann2_bg{background:url(../images/bann2.jpg) no-repeat center top;height:309px;overflow:hidden;} 
.bann2 { position:relative; height:309px; overflow:hidden;}
.bann2 p{margin-top: 42px; margin-left: 460px; display:block; line-height: 54px; font-size: 16px; color:#fff;}
.bann2 p b{ color:#fff; font-size: 24px; font-family: Arial;}
.bann2 span{position: absolute; left:0px; top:164px;font:bold 14px/40px "Microsoft Yahei"; text-align: center; padding-right: 30px; width: 90px; height: 40px; background:url(../images/bann1_b.png) no-repeat left top;}
.bann2 span a{color: #fff;}

/*ys*/
.ys_bg{position: relative; margin-top: 67px; height:1172px; overflow:hidden;}
.ys1{height: 326px; margin-top: 194px; background:url(../images/ys1.jpg) no-repeat center top;}
.ys2{height: 326px; background:url(../images/ys2.jpg) no-repeat center top;}
.ys3{height: 326px; background:url(../images/ys3.jpg) no-repeat center top;}
.ys4{height: 326px; background:url(../images/ys4.jpg) no-repeat center top;}

.ys{ position:absolute; top:0; left:50%; margin-left:-600px; height:1496px; width:1200px; overflow:hidden;}
.ys .t_h2{margin: 0 auto;background:url(../images/ys_t.png) no-repeat center 22px;}

.ys dl{width: 540px; overflow: hidden; }
.ys dl dt{overflow: hidden; height: 90px; margin-bottom: 22px;}
.ys dl dt img{float: left; width:55px; height:90px;}
.ys dl dt p{float: right;width: 470px; padding-top: 24px;height: 66px; color: #595959; font-size: 26px; line-height: 40px;background:url(../images/ys_l1.gif) no-repeat left bottom;}
.ys dl dt p b{color: #233357;font-size: 30px; display: inline-block; padding-right: 16px;}
.ys dl dt p i{ display: block; text-transform: uppercase; color: #bbb; font-size: 14px; line-height: 18px; font-family: Arial;}
.ys dl dd{overflow: hidden;}
.ys dl dd span{margin-top:7px; display: block; padding-left:16px; color: #666; font-size: 16px; line-height: 28px; background:url(../images/ys_ic.gif) no-repeat left 12px;}
.ys dl dd span i{color: #008afe;}

.ys dl dd .ys_sp b{display: block; padding-bottom: 5px;margin-bottom: 5px; font-weight: normal; background:url(../images/ys_ic0.gif) no-repeat left bottom;}
.ys dl dd .ys_sp em{display: block;}

.ys01{position: absolute; right: 0px; top:237px;}
.ys02{position: absolute; left: 0px; top:555px;}
.ys03{position: absolute; right: 0px; top:890px;}
.ys04{position: absolute; left: 0px; top:1210px;}

/**/
.kh_bg{padding-top: 75px;height: 652px;background: #edeaf1;}
.kh .t_h2{margin: 0 auto 50px;height: 86px; background:url(../images/kh_t.png) no-repeat center 22px;}
.kh .t_h2 i{line-height: 36px; font-size: 18px;}
.casebox{line-height:25px;font-family: "Microsoft Yahei";}
.case_c{height: 500px;overflow: hidden;}
.case_c dl{width: 385px;float: left;height: 450px;background: #fff;position: relative;z-index: 1;margin: 0 15px 0 0;}
.case_c dl:before{content: "";position: absolute;width: 100%;height:0;top: 0;left: 0;background: #0061a6;z-index: -1;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.case_c dl:nth-child(2){}
.case_c dt,.case_c dt img{width: 390px;height: 292px;display: block;overflow: hidden;}
.case_c dd{padding: 18px;}
.case_c dd h3{font-size: 18px;height: 60px;line-height: 41px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c dd h3 a{display: inline-block;border-bottom: solid 2px #165791;color: #333;}
.case_c dd p{display: block;height: 68px;}
.case_c dd span a{display: block;width: 103px;line-height: 31px;border: solid 1px #0061a6;border-radius: 15px;text-align: center;color: #666;}
.case_c dl.cur{color: #fff;}
.case_c dl.cur dd h3 a{color: #fff;border-color: #fff;}
.case_c dl.cur dd span a{color: #fff;border-color: #f39700;background: #f39700;}
.case_c dl.cur:before{height: 100%;}


/*about_bg*/
.about_bg{ background:url(../images/about_bg.jpg) no-repeat center top; padding-top: 14px; height:780px; overflow:hidden;} 
.about dl{ width: 1200px; height: 403px; overflow: hidden;}
.about dt {margin-top: 10px; float:left;width:588px; height:385px;overflow:hidden;}
.about dt img{width:588px; height:385px;}
.about dd{ float:right; width:555px;overflow:hidden;  background:url(../images/about_e.jpg) no-repeat left top;}
.about dd h3{ padding-top:54px; overflow:hidden; font: bold 24px/36px "Microsoft Yahei";}
.about dd h3 a{ color:#233357;}
.about dd h3 i{ display:block; color:#d2d2d2; font:14px/20px Arial, Helvetica, sans-serif;}
.about dd h3 a:hover{ text-decoration:none;}
.about dd p{font:14px/30px "Microsoft Yahei"; color:#666;}
.about dd em{ margin-top: 55px; display: block; font:bold 14px/40px "Microsoft Yahei"; text-align: center; padding-right: 30px; width: 109px; height: 40px; background:url(../images/btn1.png) no-repeat left top;}
.about dd em a{ color:#fff;}


.cul_t{height: 280px; background:url(../images/cul_l012.png) repeat-y center top; width: 229px; float: right; overflow:hidden;}
.cul_u1{float: left;margin: 76px 0 0 24px; width:930px; }
.cul_u1 li{ float:left; line-height: 0px; margin-right:20px; width:211px;overflow:hidden; height:198px;}
.cul_u1 li img{width:211px; height:146px;}
.cul_u1 li em{display:block; text-align:center; font:14px/52px "Microsoft Yahei";  color:#666; }
.cul_u1 .nones{ margin-right:0px;}

.cul_t h3{padding-top: 18px; padding-left: 13px; height:58px; width: 216px; overflow:hidden; text-align:center; font:bold 20px/26px "Microsoft Yahei"; }
.cul_t h3 a{ color:#fff;}
.cul_t h3 i{ display:block;color:#c8def3; font:14px/18px Arial, Helvetica, sans-serif; text-transform: uppercase;}

.cul_u2 li{ padding:15px 0 0 37px; height: 53px; width: 216px;  background:url(../images/cul_l1.gif) no-repeat left top;}
.cul_u2 li img{float: left;margin: 0 12px 0 0; display: block; width: 40px; height: 40px; }
.cul_u2 li span{float: left; margin-top:4px;width: 139px; display: block; font:bold 16px/24px "Microsoft Yahei"; color: #fff;}
.cul_u2 li span i{display: block; text-transform: uppercase; color: #c8def3; font:12px/18px Arial, Helvetica, sans-serif;}
.cul_u2 li:hover,.cul_u2 li.cur{background:url(../images/cul_ip0.png) no-repeat left top;}

/*new*/
.newsbox{line-height:24px;height:680px;font-family: "Microsoft Yahei";padding: 60px 0 0;}
.newsbox .t_h2{margin: 0 auto;background:url(../images/ys_t.png) no-repeat center 22px; height:90px;}
.new1{border: solid 1px #e5e5e5;height: 264px;padding: 13px 28px 0;}
.faqs,.news{width:536px;height: 270px;overflow: hidden;line-height: 39px;padding: 20px 0 0;}
.newtil{font-size: 18px;line-height: 60px;height: 60px;background:url(../images/line1.gif) repeat-x right 31px;}
.newtil span{font-size: 14px;line-height: 32px;float: right;font-weight: normal;text-transform: uppercase;}
.newtil p a{display: inline-block;padding: 0 10px 0 0;background: #fff;}
.new1 dd{width: 746px;float: left;padding:27px 0 0 55px;}
.new1 dd h3{height:56px;line-height:32px;font-size:18px;color: #333;}
.new1 dd h3 a{color: #333;display: inline-block;}
.new_c2 li a,.faqs_c li a{color: #333;display: inline-block;font-size: 14px; }
.new1 dd h3 em{color: #fff;display: inline-block;width: 85px;line-height: 32px;background: #0060b1;font-weight: normal;float: left;margin: 0 20px 0 0;font-size: 14px;text-align: center;}
.new1 dd p{height: 96px;overflow: hidden;font-size: 14px;}
.new1 dt,.new1 dt img{display: block;width: 330px;height: 233px;overflow: hidden;float: left;}
.new_c2 li,.faqs_c li{height: 39px;line-height: 39px;background:url(../images/ico04.gif) no-repeat 0 17px;padding: 0 0 0 17px;border-bottom: solid 1px #e6e6e6;}
.more01{display: block;text-align: center;width: 123px;line-height: 33px;border-radius:17px;border: solid 2px #f39700;text-align: center;color: #333;}

/*link*/
.link_bg{ background:#edeaf1; height:70px;overflow:hidden;} 
.link{}
.link h2{padding: 13px 0 0 20px; height: 57px; width:106px;overflow:hidden; font:bold 18px/26px "Microsoft Yahei";background:url(../images/link_ic.jpg) no-repeat left top;}
.link h2 a{ color:#fff;}
.link h2 i{text-transform: uppercase; font:18px/20px Arial; color: #fff; display: block;}
.link span{ display:block;font:14px/70px "Microsoft Yahei"; }
.link span a{ display:inline-block; color:#008afe;}

.link p{ height:70px; width: 930px; overflow:hidden; font:14px/70px "Microsoft Yahei";}
.link p a{ color:#666; padding:0 23px; display:inline-block;}
 

 
.fullSlide {
	width:100%;
	position:relative;
	height:530px;

}

.fullSlide .bd li {
	
	height:530px;
	overflow:hidden;
	text-align:center;
	 background-position:center top;
	 background-repeat:no-repeat;
}
.fullSlide .bd li  a
{
     display:block;  height:530px;
}

.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:6px;
	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:20px;
	height:20px;
	margin:1px;
	overflow:hidden;
	background:#008afe;
	  border-radius:100%;
	
}
.fullSlide .hd ul .on {
	background:#000;
}
.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:81px; height:80px;}
.fullSlide .prev{ background:url(../images/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:1%;background:url(../images/right1s.png) no-repeat;}



.pro_r ul.price {
    float: left;
    width: 100%;
    margin: 0px;
    background: #E3E3E3;
    display:none;
}
.pro_r ul.price li {
    border: 0px;
    height: 30px;
    width: 33.33%;
    padding: 0px;
    line-height: 30px;
    margin: 0px;
}