@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; }

/*
 1、小于12px 的英文要写入 （-webkit-transform:scale(0.8); -webkit-margin-start:-37px;）
 */


.banner a{ display:block; background:url(../banner.jpg) no-repeat center top; height:500px; overflow:hidden;}

.banners{height: 500px;}
.fullSlide {width:100%;position:relative;height:500px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {/*background-repeat: no-repeat;*/width:100% !important;height:500px;overflow:hidden;text-align:center;background-position:center top;}
.fullSlide .bd li a {display:block;height:500px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;border-radius: 10px; transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */
                  -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */
                   display:inline-block;*display:inline;zoom:1;width:80px;height:11px;margin:6px;overflow:hidden;background:#0a54b5 ;line-height:999px;}
.fullSlide .hd ul .on {background:#252525;width:80px;}
.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:73px; height:73px;}
.fullSlide .prev{ background:url(../left1s.png) no-repeat; }
.fullSlide .next {left:auto;right:5%;background:url(../right1s.png) no-repeat;}

/*case*/
.case_bg{height: 612px;overflow: hidden;}

.t_h2{ margin:72px auto 33px; color:#2f2a2b; overflow:hidden; text-align:center; font:32px/51px "Microsoft Yahei"; background:url(../cs_t.png) no-repeat center 21px;}
.t_h2 a{ color:#2f2a2b;}
.t_h2 b{color: #0a54b5;}
.t_h2 i{ display:block; color:#9a9a9a; font:12px/23px Arial Verdana; text-transform: uppercase;}
.t_h22 em{ display:block; margin:8px auto 0; padding: 0 3px; border: 2px solid #8d8d8d; overflow:hidden; height: 33px; font:20px/33px "Microsoft Yahei"; color: #8d8d8d;}
.t_h2 a:hover{ text-decoration:none;}

.case ul{}
.case ul li{float: left; width: 240px; text-align: center; margin-right: 30px; padding-right: 30px; line-height: 0px; background:url(../cs_l.gif) no-repeat right top;}
.case ul li a{}
.case ul li p{margin: 0 auto;width: 160px; height: 160px; background:url(../cs_ibg1.png) no-repeat center top;}
.case ul li p em{display: block;width: 160px; height: 160px; }
.case ul li b{display: block;margin-top: 6px; color: #333; font:bold 26px/50px "Microsoft Yahei";}
.case ul li span{display: block;color:#666; font:16px/28px "Microsoft Yahei";}
.case ul li i{display: block; margin:15px auto;text-align: left; padding-left: 24px; width: 94px; color: #7c7c7c; font:14px/40px "Microsoft Yahei"; background:url(../cs_b1.png) no-repeat center top;}
.case ul li a:hover{text-decoration: none;}
.case ul li a:hover i{color: #fff; background:url(../cs_b2.png) no-repeat center top;}
.case ul li a:hover p{background:url(../cs_ibg2.png) no-repeat center top;}
.case ul .nones{margin-right: 0px; padding-right: 0px; background: none;}

.case .cs1 p em{background:url(../cs_i1.png) no-repeat center top;} 
.case .cs1 a:hover p em{background:url(../cs_i11.png) no-repeat center top;} 

.case .cs2 p em{background:url(../cs_i2.png) no-repeat center top;} 
.case .cs2 a:hover p em{background:url(../cs_i22.png) no-repeat center top;} 

.case .cs3 p em{background:url(../cs_i3.png) no-repeat center top;} 
.case .cs3 a:hover p em{background:url(../cs_i33.png) no-repeat center top;} 

.case .cs4 p em{background:url(../cs_i4.png) no-repeat center top;} 
.case .cs4 a:hover p em{background:url(../cs_i44.png) no-repeat center top;} 


/*pro*/
.pro_bg{ background:url(../bg.jpg) repeat-y center top;/* height:999px; overflow:hidden;*/padding-bottom: 20px;} 
.pro .t_h22{margin: 62px auto 50px;background:url(../pro_t.png) no-repeat center 21px;}
.pro .t_h22 em{width: 340px;}

.pro_l{position: relative; width: 280px;/* height: 682px; overflow: hidden;*/}
.pro_tel{/*position: absolute; left:1px; bottom: 0px; */width: 278px; height: 142px; overflow: hidden; background:url(../pro_tel2.jpg) no-repeat center top;}
.pro_tel p{  padding-left:12px;  overflow:hidden; font:bold 28px/38px "Times New Roman", Times, serif; color:#fff;overflow:hidden;}
.pro_tel p i{padding: 37px 0 0 50px; color:#fff; display:block; font:20px/40px "Microsoft Yahei";} 

.pro_l h4{ height:60px; overflow:hidden; width: 280px; background:#0a54b5;}
.pro_l h4 a{ color:#fff;}
.pro_l h4 b{float: left;width: 40px; padding-left: 25px; font:bold 44px/60px Arial, Helvetica, sans-serif;}
.pro_l h4 span{float: left;width: 210px; color: #ffffff;text-transform: uppercase; font:12px/15px Arial, Helvetica, sans-serif;}
.pro_l h4 span i{display: block; padding-top:10px;color: #fff; font:bold 18px/24px "Microsoft Yahei"; }
.pro_l h4 a:hover{text-decoration: none;}
.pro_lc{width:278px; /*height: 610px; */padding-top: 13px; /*overflow: hidden; */background: #fff; border: 1px solid  #e3e3e3; border-top:0px;}

.pro_l h3{ margin:0 auto 8px;  width:198px; height:32px; overflow:hidden; font:bold 16px/32px "Microsoft Yahei"; }
.pro_l h3 a{display: inline-block; height: 32px; width: 158px; padding-left: 40px; color:#fff;background:url(../pro_b2.jpg) no-repeat center top;}
.pro_l h3 a:hover,.pro_l h3.cur a{text-decoration: none; color:#fff;background:url(../pro_b1.jpg) no-repeat center top;}
.pro_l ul{margin: 0 auto 4px; width:198px; overflow: hidden;}
.pro_l ul li{height: 34px; width: 158px; padding-left: 40px; color: #555;border-bottom: 1px dashed #ccc;  font:14px/34px "Microsoft Yahei";  overflow: hidden;background:url(../pro_ic1.gif) no-repeat 23px 12px;}
.pro_l ul li a{ color:#7d7d7d;}
.pro_l ul .nones{border-bottom: 0px;}


.pro_r{width:897px; /*height:682px; overflow:hidden;*/ border: 1px solid  #e3e3e3; background: #fff;}
.pro_r h2{ height:60px; padding-left: 37px; overflow:hidden; font:bold 16px/60px "Microsoft Yahei"; background:#e3e3e3 url(../pro_ic2.gif) no-repeat 20px 20px;}
.pro_r h2 a{color: #222; }
.pro_r h2 span{margin:21px 21px 0 0; width: 55px; display: block; height: 17px;}
.pro_r h2 span img{ width: 55px; height: 17px; }
.pro_r h2 a:hover{text-decoration: none;}

.pro_r dl{border-bottom: 1px solid #e3e3e3; height:412px; width:896px; overflow:hidden;}
.pro_r dt {float: left; width:597px; height:412px; border-right: 1px solid #e3e3e3; overflow:hidden; text-align: center;}
.pro_r dt img{/*width:597px; height:412px;*/ max-height: 412px;}
.pro_r dd{float: right; display: inline; padding: 80px 20px 0 0; width:256px; overflow:hidden;}
.pro_r dd p{ font:14px/32px "Microsoft Yahei"; color: #222;}
.pro_r dd h3{ display:block; font: bold 18px/40px "Microsoft Yahei";}
.pro_r dd h3 a{ color:#222;}
.pro_r dd em{ display:block; margin-top:20px; width:88px; padding-left: 20px; height:33px;font:14px/33px "Microsoft Yahei";background:url(../btn1.png) no-repeat left top;}
.pro_r dd em a{ color:#fff;}

.pro_r ul{overflow: hidden;}
.pro_r li{ text-align: center; position:relative; float:left;border-right: 1px solid #e3e3e3;  width:298px; height:209px; overflow:hidden; line-height: 0px;}
.pro_r li img{ /*width:298px; height:209px;*/ max-height: 145px; margin-top: 5px;}
.pro_r li p{ position:absolute; right:18px; bottom:20px; display:block;  width:88px; padding-left: 20px; height:33px;font:14px/33px "Microsoft Yahei"; color: #7c7c7c; background:url(../btn2.png) no-repeat left top;}
.pro_r li em{position: absolute;left:20px; bottom: 20px;  display:block; width: 150px; height:33px;; font:bold 16px/33px"Microsoft Yahei"; color:#222;}
.pro_r li a:hover{text-decoration: none;}
.pro_r li a:hover p{color:#fff;background:url(../btn1.png) no-repeat left top;}
.pro_r .nones{ border-right: 0px;}


/*bann1*/
.bann1_bg{background:url(../bann1.jpg) no-repeat center top;height:327px;overflow:hidden;} 
.bann1 { position:relative; height:327px; overflow:hidden;}
.bann1 p{ position:absolute; top:68px; right:0px; width: 264px; height: 181px;text-align: center; background: #0a54b5; display:block;color:#fff; }
.bann1 p i{padding-top: 28px; padding-left: 30px; display: block; color: #fff;font:14px/42px "Microsoft Yahei";
 /*background:url(../ban_tel.gif) no-repeat 80px 36px;*/}
.bann1 p b{ color:#fff; display:block; font:bold 30px/40px "Times New Roman", Times, serif; }
.bann1 p a{display: block; margin: 10px auto 0; text-align: left; color: #fff; width:88px; padding-left: 20px; height:33px;font:14px/33px "Microsoft Yahei"; 
/*background:url(../ban_btn.gif) no-repeat left top;*/}

/*pk*/
.pk_bg{height: 980px; overflow: hidden;}
.pk_bg .t_h22{margin: 60px auto 50px;background:url(../pk_t.png) no-repeat center 21px;}
.pk_bg .t_h22 em{width: 380px;}
.pk01{float: left;padding-left: 15px; width: 508px; overflow: hidden;background-color: #00a0e9;    box-sizing: border-box;}
.pk02{float: left;}
.pk01 h3{color: #fff; text-align: center;padding:30px ;height: 140px;box-sizing: border-box; font:bold 22px/40px "Microsoft Yahei";background: #00a0e9;}
.pk02 h3{background: #0a54b5;}

.pkc{z-index: 22; float: left;width: 183px;/*overflow: hidden;*//*position: absolute;top: 0;left:50%;margin-left: -120px*/position: relative;}
.pk_t{position: absolute;top:-16px;left:-10%;width: 120%;}
.pkc h3{ color: #000000;font-size: 100px;
    text-align: center;height: 140px;line-height: 140px;}
.pkc p{height: 152px;line-height: 152px; text-align: center; color: #000000;font-size: 36px;font-family: "宋体";background-color: rgba(255,255,255,0.5);margin-bottom: 15px;}
.pkc p:last-of-type,.pk01 dl:last-of-type{margin-bottom: 5px;}
.pkc p img{margin: 0 auto; width: 60px; height: 50px; display: block;}
.pkc p em{display: block; font:bold 22px/44px "Microsoft Yahei"; overflow: hidden; color: #000;}

.pk01 dl{height: 152px; overflow: hidden;background-color: rgba(255,255,255,0.5);margin-bottom: 15px;border-top-left-radius:15px; border-bottom-left-radius:15px;}
.pk01 dl dt{float: left;}
.pk01 dl dt img{width: 224px; height: 152px;border-radius: 15px;}
.pk01 dl dd{float: left;box-sizing: border-box; width: 268px;padding:0px 10px;height: 100%; font:16px/28px "Microsoft Yahei"; overflow: hidden; color: #0f0e0e; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden; display: table;}
.pk01 dl dd b{color: #0a54b5;}
.pk02 dl{border-right:1px solid #e0e0e0;border-left:0px;}
.pk02 dl dt{float: left;}
.pk02 dl dd{float: right;}
.pk01_r{padding-left: 0;padding-right: 15px;}
.pk01_r dl dt{float: right;}
.pk01_r dl{border-radius: 0;border-top-right-radius:15px; border-bottom-right-radius:15px;}

.trait{display: table-cell;vertical-align: middle;}

/*ys*/
.ys_bg{ height:1388px; overflow:hidden;background:url(../bg.jpg) repeat-y center top;}
.ys .t_h22{margin: 66px auto 42px;background:url(../ys_t.png) no-repeat center 21px;}
.ys .t_h22 em{width: 590px;}

.ys dl{width:1200px;height: 354px; background: #fff; overflow:hidden;}
.ys dt{float: right; width: 599px; height:354px; overflow: hidden;}
.ys dt img{ width: 599px; height:354px; }

.ys dd{ float: left; width: 520px; overflow: hidden;}
.ys dd h3{overflow:hidden; margin-bottom: 22px;}
.ys dd h3 img{float:left; width:62px; height:83px;}
.ys dd h3 span{width: 425px; float:right; display:inline-block;color:#0a54b5; padding-top: 20px; font: bold 28px/43px "Microsoft Yahei";}
.ys dd h3 span i{ display:block; color:#222; font:26px/38px "Microsoft Yahei";}
.ys dd em{ display: block; color:#555; padding-left:88px; background:url(../ys_ic.gif) no-repeat 65px 13px; font:14px/36px "Microsoft Yahei";} 
.ys dd em b{ color:#0a54b5; font-weight:bold;}
.ys .ys_dl02 dt{float: left;}
.ys .ys_dl02 dd{float: right;}

/*part_bg*/
.part_bg{ background:url(../part_bg.jpg) no-repeat center top; height:888px; overflow:hidden;} 
.part_tel{float: left; width: 268px;height: 673px; overflow: hidden; margin-top: 130px; background:#0a54b5 url(../pt_lbg.jpg) no-repeat left bottom;}
.part_tel h3{padding: 30px 0 0 25px; color: #fff;font:bold 36px/48px "Microsoft Yahei";}
.part_tel h3 i{color: #fff;font:18px/36px "Microsoft Yahei";}
.part_tel p{padding-left: 25px;padding-top: 30px; display:block;color:#fff; }
.part_tel p i{padding-top: 28px; display: block; color: #fff;font:14px/36px "Microsoft Yahei";}
.part_tel p b{ color:#fff; display:block; font:bold 32px/40px "Times New Roman", Times, serif; }
.part_tel p a{display: block; margin: 15px 0 0 0; text-align: center; color: #fff; width:108px; height:33px;font:14px/33px "Microsoft Yahei"; background:url(../pt_b1.png) no-repeat left top;}
.part_list{float: right; width: 932px; margin-top: 310px; overflow: hidden;}
.part_list ul{}
.part_list ul li{float: left; display: inline; margin: 0 0 10px 9px;border: 1px solid #e7e7e7; width: 175px; height: 86px; overflow: hidden; line-height: 0px;}
.part_list ul li img{ width: 175px; height: 86px;}

.part_list dl{border: 1px solid  #c2c2c2; height: 295px; width: 930px; overflow: hidden;}
.part_list dt { float:right;width:399px; height:295px;overflow:hidden;}
.part_list dt img{width:399px; height:295px;}
.part_list dd{ float:left; padding: 32px 0 0 34px; width:470px;display:inline; overflow:hidden; }
.part_list dd p{font:14px/30px "Microsoft Yahei"; color:#666;}
.part_list dd h3{ padding-top:32px; overflow:hidden; font: bold 23px/48px "Microsoft Yahei";}
.part_list dd h3 a{ color:#333;}
.part_list dd h3 a:hover{ text-decoration:none;}
.part_list dd em{ margin-top:35px;display: block; overflow:hidden;}
.part_list dd em a{float: left; margin-right: 30px; background:url(../btn1.png) no-repeat left top; width:88px; padding-left: 20px; height:33px; color: #fff; font:14px/33px "Microsoft Yahei"; display: inline-block;}
.part_list dd em .pt_btn2{color: #7c7c7c; background:url(../btn2.png) no-repeat left top}



/*about_bg*/
.about_bg{ height:616px; overflow:hidden;background:url(../about_bg.jpg) no-repeat center top;}
.about .t_h2{margin:90px auto 45px;background:url(../about_t.png) no-repeat center 21px;}
.about dl{overflow: hidden;}
.about dt { float:right;width:600px; height:380px;overflow:hidden;}
.about dt img{width:600px; height:380px;}
.about dd{ float:left; width:510px; padding-left:40px; padding-top:56px; display:inline; overflow:hidden; }
.about dd p{padding-top: 25px; font:14px/26px "Microsoft Yahei"; color:#555;}
.about dd h3{ overflow:hidden; font:bold 24px/36px "Microsoft Yahei";}
.about dd h3 a{ color:#222;}
.about dd h3 i{ display:block; color:#666; font:14px/20px Arial, Helvetica, sans-serif; }
.about dd h3 a:hover{ text-decoration:none;}
.about dd em{margin-top: 30px; background:url(../btn1.png) no-repeat left top; width:88px; padding-left: 20px; height:33px; color: #fff; font:14px/33px "Microsoft Yahei"; display: inline-block;}
.about dd em a{color: #fff;}

/*hor*/
.hor_bg{ height:390px; overflow:hidden;background:url(../cul_bg.jpg) no-repeat center top} 
.hort{margin:42px auto 25px;width: 1160px; height:45px; overflow: hidden;  background:url(../cul_l1.gif) repeat-x left bottom;}
.hort li{float: left; height: 45px;margin-right: 50px; font: bold 16px/45px "Microsoft Yahei";}
.hort li a{ color:#222; height: 45px; display: inline-block;}
.hort li a:hover ,.hort .cur a{color: #222;text-decoration: none; background:url(../cul_l2.gif) repeat-x left bottom;}
.hort span{display: block;margin-top: 12px; width: 55px; height: 17px;}
.hort span img{ width: 55px; height: 17px;}
.hort a:hover{text-decoration: none;}

.hor_list{margin: 0 auto;width: 1296px; overflow: hidden;}
.roll1,.roll2{margin-top:62px; width:36px; height:36px; overflow:hidden;}
.roll1 a,.roll2 a{width:36px; height:36px;overflow:hidden; display:inline-block;}
.roll1 a{ background:url(../roll1.png) no-repeat left top;}
.roll1 a:hover{ background:url(../roll11.png) no-repeat left top;}  
.roll2 a{ background:url(../roll2.png) no-repeat left top;}
.roll2 a:hover{ background:url(../roll22.png) no-repeat left top;} 

.hor_c{margin-left:35px; display:inline; width:1160px; overflow:hidden;}
.hor_c ul li{position: relative; float:left; line-height: 0px; margin-right:20px; width:215px; overflow:hidden;}
.hor_c ul li img{width:215px; height:160px;}
.hor_c ul li em{position: absolute; left:0px; white-space:nowrap;overflow:hidden; text-overflow:ellipsis; bottom: 0px; width: 215px; display:block; text-align:center; font:14px/30px "Microsoft Yahei";  color:#fff; background:url(../cul_isp.png) repeat left top;}
.hor_c ul li i{display: none; position: absolute; left:0px; top: 0px;width:215px; height:160px; background:url(../cul_isp2.png) repeat left top }
.hor_c ul li a:hover{text-decoration: none;}
.hor_c ul li a:hover em{display: none;}
.hor_c ul li a:hover i{display: block;}
.hor_c ul .nones{ margin-right:0px;}



/*new*/
.new_bg{ height:600px; overflow:hidden;background:url(../bg.jpg) repeat-y center top;}
.new_bg .t_h2{margin:10px auto 40px;background:url(../new_t.png) no-repeat center 21px;}
.new{width: 1218px; overflow: hidden; margin: 0px auto;}

.new01{float: left; width:603px;height: 400px; overflow:hidden; margin:31px 0 0 0; background:url(../new_bg.png) no-repeat left top;}
.new01 h4{width: 542px; height: 70px; margin:25px auto 20px; border-bottom:2px solid #f3f3f3;overflow:hidden; font: bold 18px/28px "Microsoft Yahei";}
.new01 h4 a{ color:#333;}
.new01 h4 i{display: block; text-transform: uppercase; color: #182300;font:22px/28px "Times New Roman", Times, serif;}
.new01 h4 span{ display:block; width:25px; height: 25px; margin-top:28px;}
.new01 h4 span img{ width:25px; height: 25px;}
.new01 h4 a:hover{text-decoration: none;}
.new02{float: right;}


.new01 dl{width: 542px; height: 173px; margin:0 auto; overflow:hidden;}
.new01 dt{margin-top: 5px; float:left;width:150px; height:150px;overflow:hidden;}
.new01 dt img{width:150px; height:150px;}
.new01 dd{ float:right; width:370px; overflow:hidden;}
.new01 dd span{margin-bottom: 7px; display: block; color:#0a54b5; font:bold 14px/20px Arial, Helvetica, sans-serif; }
.new01 dd span b{ color:#0a54b5;display: block; letter-spacing:4px; font:36px/38px Impact; }
.new01 dd h3{ font:bold 14px/26px "Microsoft Yahei";}
.new01 dd h3 a{ color:#323232;}
.new01 dd p{ color:#909090; font:14px/26px "Microsoft Yahei"; } 

.new01 ul{width: 542px; margin:0 auto; overflow:hidden;}
.new01 li{ padding-left: 28px;overflow:hidden; font:bold 14px/28px "Microsoft Yahei";background:url(../new_ic.gif) no-repeat 11px center;}
.new01 li a{ color:#333;}
.new01 li em{display: block; float: right; color: #909090; font-weight:normal;}
.new01 li a:hover,.new01 .cur a{ text-decoration:none; }
.new01 .nones{ border-bottom:0;}


/*link*/
.link_bg{ background:#0a54b5; height:78px;overflow:hidden;} 
.link{}
.link h2{ height:78px; width:168px; overflow:hidden; font:bold 16px/78px "Microsoft Yahei";}
.link h2 a{ color:#fff;}
.link h2 i{display: inline-block;float: left; padding-right: 4px; font:30px/78px "Times New Roman", Times, serif;}
.link span{ display:block;font:14px/78px "Microsoft Yahei"; }
.link span a{ display:inline-block; color:#fff;}

.link p{ height:78px; width: 880px; overflow:hidden; font:14px/78px "Microsoft Yahei";}
.link p a{ color:#fff; padding:0 10px; display:inline-block;}