/* CSS Document */

@charset "utf-8";
.banner {width:100%;position:relative;z-index:0; clear: both; }
.banner .bdu {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner .bdu .con {width:100% !important;height:auto!important; display:block;}
.banner .bdu li {width:100% !important;overflow:hidden;text-align:center; background: no-repeat center top;z-index:0;}
.banner .bdu li img {display:block;height:auto!important; width:100%;}

.hdu{position: absolute;width: 100%;height: 10px;left: 0;bottom: 44px;text-align: center;}
.hdu li{display: inline-block;width: 12px;height: 12px;background: rgba(255,255,255,0.8);margin:0 10px;border-radius: 6px;}
.hdu li.on{background: #ffe749;}




.tit{text-align: center;font-weight: normal;}
.tit span{display: block; font-size:55px; line-height: 55px; padding-bottom: 24px; color: #000000;font-family: "MStiffHeiPRC";font-weight: bold;}
.tit i{ display: block; font-size: 20px;  line-height: 20px; color:#000000;}


.dl{background:url(Img/Index/dl_bg.jpg) no-repeat center 0;padding: 105px 0;}
.dl_con{ margin-top: 54px;height: 564px;}
.dl1 li{ float: left; width:593px ; height:255px ; position: relative;}
.dl1 li p{ position: absolute; left: 0; top: 0; display: none; background: rgba(40,40,40,0.55);width:593px; height: 255px;}
.dl1 li p span{ display: block; text-align: center; font-size:45px ; color:#ffffff ; line-height:45px; margin-top:80px ; margin-bottom:46px ;}
.dl1 li p em{width: 162px; height: 26px; display: block; margin: 0 auto;}
.dl1 li:nth-child(even){ float: right;}
.dl1 li:hover p{ display: block;}

.dl2 li{ float: left; width:388px ; height:294px ; position: relative; margin-right: 18px; margin-top: 18px;}
.dl2 li p{ position: absolute; left: 0; top: 0; display: none; background: rgba(40,40,40,0.55);width:388px; height: 294px;}
.dl2 li p span{ display: block; text-align: center; font-size:45px ; color:#ffffff ; line-height:45px; margin-top:85px ; margin-bottom:46px ;}
.dl2 li p em{width: 162px; height: 26px; display: block; margin: 0 auto;}
.dl2 li:last-child{ margin-right: 0;}
.dl2 li:hover p{ display: block;}



.ser{ height: 973px;background:url(Img/Index/ser_bg.jpg) no-repeat center 0;}
.ser h2{font-weight: normal; padding-top: 105px;}
.ser h2 span{display: block; font-size:42px; line-height: 42px; padding-bottom: 66px; color: #000000;font-family: "MStiffHeiPRC";font-weight: bold; position: relative;}
.ser h2 span:after{ position: absolute;width: 112px;height: 3px;background: #1c7bda;content: "";left: 0px;top: 80px;}
.ser h2 i{ display: block; font-size: 20px;  line-height: 20px; color:#000000;}
.ser_con{ width: 1200px; height: 518px; background: #fff;}
.ser_con dl{width: 378px; float: left; margin-right: 22px; margin-top: 58px;}
.ser_con dt{ display: block;width: 378px; height: 249px;overflow: hidden;}
.ser_con dt img{display: block; width: 378px; height: 249px;transition: all 0.5s;}
.ser_con dl:hover dt img{transform: scale(1.1);}
.ser_con dd h3 a{font-size: 18px; line-height: 18px; display: block;font-weight: bold; color:#000000 ; padding-top:36px ; position: relative;}
.ser_con dd h3 a:after{position: absolute;width: 40px;height: 6px;background: #8d8d8d;content: "";left: 0px;top: 68px;transition: all 0.5s;}
.ser_con dl:hover h3 a:after{ background: #ffe749;}
.ser_con dd p{display: block; font-size: 14px; color:#666666 ; line-height:21px ;padding-top: 45px; width: 336px;}


.pro{background:url(Img/Index/pro_bg.jpg) no-repeat center 0; padding: 95px 0;}
.pro .probt{ height: 137px; margin-top: 45px;}
.pro .probt ul{float:left;/*border-right:1px solid #d1d1d1;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;*/border: 1px solid #d1d1d1; box-sizing: border-box;height: 137px; width:1200px;}
.pro .probt ul li{height:45px; line-height: 45px; }
.pro .probt ul li:last-child b{border: 0; }
.pro .probt ul li b{display: block; font-weight: bold;float:left; font-size: 20px; color:#ffffff; width:152px;  border-bottom: 1px solid #4291e0; line-height: 44px;box-sizing: border-box; background: #1c7bda;text-align: center;font-weight: normal;box-sizing: border-box;}
.pro .probt ul li b>a{ color: #fff;}
.pro .probt ul li p{border-bottom:1px dashed #d1d1d1;box-sizing: border-box;background: #fff; height: 45px; }
.pro .probt ul li:last-child p{ border: 0;}
.pro .probt ul li p>a{display: block; float:left; padding:0 30px; font-size: 14px; color:#666666;}
.pro .probt ul li p>a.last{ float: right; display: block;}
.pro .probt ul li p>a:hover{ color: #1c7bda; font-weight: bold;}
.pro .probt ul li b:hover a,.pro .probt ul li b.cur a{ color:#333 ;}
.pro .probt ul li b:hover,.pro .probt ul li b.cur{background: #ffe749;}
.pro_con{ margin-top: 36px;}
.pro_con dt,.pro_con dt img{display: block; width: 1200px; height: 480px;}
.pro_con dd h3 a{font-size: 20px; line-height: 20px; display: block;font-weight: bold; color:#333333 ; padding-top:32px ;}
.pro_con dd p{display: block; font-size: 14px; color:#666666 ; line-height:14px ;padding-top: 16px; }
.pro_con dd p a{ display: inline-block; float:right;width: 140px; height: 40px; line-height: 40px; text-align: center;border: 1px solid #1c4d90; font-size:14px ; color: #1c4d90; border-radius: 20px;margin-top:-30px ;}

.yd{ padding: 90px 0;}
.yd li{float: left;width: 400px; margin-top: 50px;}
.yd li i{ display: block; width: 161px; height: 161px;margin: 0 auto 40px; }
.yd li i img{ display: block; width: 55px; height: 48px; padding-top: 32px; margin-left: 28px;}
.yd li span{display: block;text-align: center; font-size: 16px; color: #333333;line-height: 26px;}
.yd .yd1 i{background:url(Img/Index/yd_ic1.png) no-repeat center;}
.yd .yd2 i{background:url(Img/Index/yd_ic2.png) no-repeat center;}
.yd .yd3 i{background:url(Img/Index/yd_ic3.png) no-repeat center;}
.yd .yd1:hover i{ background:url(Img/Index/yd_ic1h.png) no-repeat center;}
.yd .yd2:hover i{ background:url(Img/Index/yd_ic2h.png) no-repeat center;}
.yd .yd3:hover i{ background:url(Img/Index/yd_ic3h.png) no-repeat center;}


.ys_con{margin-top: 56px;min-width: 1200px; font-size:0; overflow-x:hidden;}
.ys_con ul{ background:url(img/index/ys1.jpg) no-repeat center top; background-size:100% auto; transion:all ease 2s;}
.ys_con li{width: 25%;float: left;position: relative;text-align: center; border-left:1px solid #47709e; margin-left:-1px; }
.ys_con li p{position: absolute; width:80%;top:20%; left: 10%;text-align: left;;}
.ys_con li b{font-size:30px;color: #fff;line-height:30px;display: block;transition: all 0.5s;}
.ys_con li span{ font-size:16px;line-height: 16px;color: #ffffff;display: block;padding: 12px 0 48px;position: relative;transition: all 0.5s;}
.ys_con li span:after{position: absolute;width: 0;height: 1px;background: #ffe749;content: "";left: 0px;top:50px;transition: all 0.5s;}
.ys_con li img{ width: 100%; opacity:0; }
.ys_con li .bg{ display:none;}


.ys_con li:hover span:after{ width: 100%;}
.ys_con li:hover b,.ys_con li:hover span{ color: #ffe749; transform: scale(1.05);}
.ys_con li:hover b{margin-top: -40px;  }
.ys_con li em{font-size:14px;color: #fff;line-height:22px;opacity: 0.66;display: block;padding-bottom: 8px;}
.ys_con li i{ display: block; float: right; width: 112px; height:60px; margin-top: 20px;z-index: 100;position: absolute;right: 12.5%; bottom: 18%;}
.ys_con li strong{ width: 100%;height:250px;position: absolute; left: 0; bottom: 0;display: none;background:url(Img/Index/sanbg.png) no-repeat center; background-size:100% 100%; }
.ys_con li:hover strong{ display: block;}


.ys_con li:nth-child(1) i{background:url(Img/Index/ys_ic1.png) no-repeat center; background-size:100% 100%; }
.ys_con li:nth-child(2) i{background:url(Img/Index/ys_ic2.png) no-repeat center; background-size:100% 100%; }
.ys_con li:nth-child(3) i{background:url(Img/Index/ys_ic3.png) no-repeat center; background-size:100% 100%;}
.ys_con li:nth-child(4) i{background:url(Img/Index/ys_ic4.png) no-repeat center;background-size:100% 100%; }
.ys_con li:nth-child(1):hover i{ background:url(Img/Index/ys_ic1h.png) no-repeat center; background-size:100%; bottom: 30%;}
.ys_con li:nth-child(2):hover i{ background:url(Img/Index/ys_ic2h.png) no-repeat center; background-size:100%;bottom: 30%;}
.ys_con li:nth-child(3):hover i{ background:url(Img/Index/ys_ic3h.png) no-repeat center; background-size:100%; bottom: 30%;}
.ys_con li:nth-child(4):hover i{ background:url(Img/Index/ys_ic4h.png) no-repeat center; background-size:100%; bottom: 30%;}



.case{padding-top: 106px;padding-bottom: 140px;}
.case_qie{ margin-top: 66px;}
.case .pr{position: relative; }
.case dl{ position: relative; width: 100%;height: 569px; }
.case dt{ display: block; width: 960px; height: 569px; position: absolute;left: -360px;top:0;}
.case dt img{ display: block; width: 960px; height: 569px;}
.case dd{width: 962px;height: 474px; position: absolute;background:url(Img/Index/case_dd.jpg) no-repeat center;right: 85px; top: 95px; padding-left: 85px; margin-right: -446px;}
.case dd h3 a{font-size: 26px; line-height: 26px; display: block;font-weight: normal; color:#000000 ; padding-top:60px;position: relative;}
.case dd h3 a:after{position: absolute;width: 28px;height: 2px;background: #666666;content: "";left: 0px;top: 186px;}
.case dd h4{width: 600px; padding-top: 18px; font-weight: normal;display: block;height: 44px;}
.case dd h4 span{ display: block; float: left;margin-right:90px;font-size: 12px; line-height: 22px; color: #000000; opacity: 0.9;}
.case dd h4 span b{font-weight: bold;}
.case dd h4 span:nth-child(2){}
.case dd h4 span:nth-child(3),.case dd h4 span:nth-child(4),.case dd h4 span:nth-child(5){ margin-right: 75px;}
.case dd p{width: 600px;float:left;font-size: 14px; line-height: 30px; color: #333333; opacity: 0.8; padding-top: 70px;}
.case .sprev{ position:absolute; right:560px; top:445px; width:45px;height:45px; background:url(Img/Index/sprev.png) no-repeat;z-index: 100;}
.case .snext{ position:absolute; right:505px; top:445px;  width:45px;height:45px; background:url(Img/Index/snext.png) no-repeat;z-index: 100;}
.case .case_list{ padding-top: 70px;}
.case .case_list h3{ display: block;color: #1c7bda; font-size: 30px;float:left;line-height: 30px;position: relative;}
.case .case_list h3:after{position: absolute;width: 40px;height: 6px;background: #ffe749;content: "";left: 98px;top: 50px;}
.case .case_list h3 span{display: block; font-size: 20px; color: #1c7bda;line-height:20px ;font-weight: normal;padding-top: 14px;}
.case .case_list p{ float: left; margin-left: 100px;width: 980px;}
.case .case_list p a{ display: inline-block; width: 150px; height: 14px; line-height: 14px; font-size: 14px; color: #333333;float: left;padding-bottom: 30px;}
.case .case_list p a:hover{ color: #1c7bda; font-weight: bold;}
.liu{background:url(Img/Index/liu_bg.jpg) no-repeat center 0;padding: 86px 0; }
.liu_con{ margin-top: 80px; height: 222px;}
.liu_con .liu1 li{ float: left; margin-right:66px; width: 180px; text-align: center;font-size: 24px; font-weight: bold; color: #000000; margin-bottom: 40px;}
.liu_con .liu1 li i{display: block; width: 70px; height:26px;margin: 0 auto;}
.liu_con .liu1 li span{ display: block;font-size: 18px; color: #9f9f9f; line-height: 18px; padding: 12px 0;font-weight: normal;}
.liu_con .liu1 li b{ display: block;font-size:18px ; color: #818181;    width: 280px;text-align: center;margin-left: -49px;}
.liu1 .l1{ margin-left: 20px;}
.liu1 .l5{ margin-right: 0!important;}
.liu1 .l1 i{ background:url(Img/Index/liu1.png) no-repeat center;}
.liu1 .l2 i{ background:url(Img/Index/liu2.png) no-repeat center;}
.liu1 .l3 i{ background:url(Img/Index/liu3.png) no-repeat center;}
.liu1 .l4 i{ background:url(Img/Index/liu4.png) no-repeat center;}
.liu1 .l5 i{ background:url(Img/Index/liu5.png) no-repeat center;}
.liu1 .l1:hover i{ background:url(Img/Index/liu1h.png) no-repeat center;}
.liu1 .l2:hover i{ background:url(Img/Index/liu2h.png) no-repeat center;}
.liu1 .l3:hover i{ background:url(Img/Index/liu3h.png) no-repeat center;}
.liu1 .l4:hover i{ background:url(Img/Index/liu4h.png) no-repeat center;}
.liu1 .l5:hover i{ background:url(Img/Index/liu5h.png) no-repeat center;}
.liu_s{ float: left;}
.liu_s p{ float: left;}
.liu_s p b{display: block; font-size: 16px; line-height: 22px;color: #282828; padding-left: 27px;background:url(Img/Index/ph2.png) no-repeat left;}
.liu_s p span{display: block; font-size: 34px; line-height:34px ; color:#282828 ;font-family: "Agency FB";font-weight: bold; padding-top: 6px;}
.liu_s .zx{float: right;width: 150px;height: 40px;line-height: 40px;font-size: 16px;color: #f8f8f8;background: #1c7bda;border: 0;outline: 0;text-align: center; float: left; margin-top: 15px; margin-left: 60px;}
.liu_con .liu2 li{ float: right; margin-left:66px; width: 180px; text-align: center;font-size: 24px; font-weight: bold; color: #000000;}
.liu_con .liu2 li i{display: block; width: 70px; height:26px;margin: 0 auto;}
.liu2 .l6 i{ background:url(Img/Index/liu6.png) no-repeat center;}
.liu2 .l7 i{ background:url(Img/Index/liu7.png) no-repeat center;}
.liu2 .l6:hover i{ background:url(Img/Index/liu6h.png) no-repeat center;}
.liu2 .l7:hover i{ background:url(Img/Index/liu7h.png) no-repeat center;}

.news{ padding: 90px 0;}
.news_t{ height:38px; margin-left:345px;border: 1px solid #d0d0d0; width: 482px; box-sizing: border-box; margin-top: 34px;}
.news_t li{width:160px; height:37px; font:18px "Microsoft YaHei";line-height:37px; color:#282828; text-align:center; float:left;border-right: 1px solid #d0d0d0; box-sizing: border-box;}
.news_t li:last-child{ border-right: 0;}
.news_t li a{ color:#282828; display:block;}
.news_t li a:hover,.news_t .cur a{ color:#fff; background:#206fc7;-webkit-transition:all 0.7s;
  transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari บอ Chrome */
-o-transition-property:background;}

.news_con{margin-top: 30px; height: 430px!important;}
.news_con dl{ width: 580px;}
.news_con dt{  display: block;width: 580px; height: 290px;overflow: hidden;}
.news_con dt img{ width: 580px; height: 290px; display: block; transition: all 0.5s;}
.news_con dl:hover dt img{transform: scale(1.1);}
.news_con dd{ height: 140px;}
.news_con dd h3 a{display: block; height: 40px; line-height: 40px;color: #010101;font-size: 16px; margin-top: 24px; font-weight: normal;width: 412px;float: left;padding-left: 24px;padding-left: 24px;background:url(Img/Index/kuang.png) no-repeat left;}
.news_con dd h3:hover a{background:url(Img/Index/kuangh.png) no-repeat left; }
.news_con dd p{ font-size: 14px; color: #a9a9a9; line-height: 22px;width: 436px; float: left;}
.news_con dd h4{float: right; font-size: 50px; line-height: 50px; color: #231815; font-weight: bold;opacity: 0.9;font-family: "MEllanPRC"; margin-top: -30px;}
.news_con dd h4 span{ display: block;font-size:16px ; color:#231815 ; line-height:16px ;padding-bottom: 8px; opacity: 0.8; text-align: center;font-weight: normal; background:url(Img/Index/gang.png) no-repeat center; }
.news_list li{ float: left; width: 556px; padding-left: 24px;background:url(Img/Index/kuang.png) no-repeat left;}
.news_list li:hover {background:url(Img/Index/kuangh.png) no-repeat left; }
.news_list li:nth-child(even){ float: right;}
.news_list li a{ font-size:16px ; color: #010101; line-height:30px ; opacity: 0.8;}

.abt{ height: 692px;background:url(Img/Index/abt_bg.jpg) no-repeat center 0; }
.abt_con{float: left; width:600px;}
.abt_con h2 { margin-top: 166px;}
.abt_con h2 span{ font-size: 18px; color: #fff; font-weight: bold; height:24px ; line-height:24px ; border-left: 6px solid #fff; padding-left: 8px;}
.abt_con h2 b{ font-size: 50px; line-height: 50px; display: block; color: #fff;font-family: "MStiffHeiPRC";padding-bottom:10px;}
.abt_con p{ margin-top: 65px; width: 550px; font-size: 14px; color:#fff; line-height: 28px;}
.abt_con ul{ margin-top: 75px; float: left;}
.abt_con ul li{ float: left; margin-left: 90px;}
.abt_con ul li:nth-child(1){ margin-left: 0;}
.abt_con ul li img{ width:60px; height: 60px; display: block; margin:0 auto;}
.abt_con ul li em{ display: block; text-align: center; font-size: 26px; line-height: 28px; color: #fafafa;background:url(Img/Index/abt_ic.png) no-repeat center ;padding-top: 10px; }

.shu li{ float: left;margin-top: 69px; font-size: 18px; line-height: 18px; color: #333333; font-weight: bold;padding-left: 30px;margin-bottom: 53px; margin-right: 118px;}
.shu li:last-child{ margin-right: 0;}
.shu li b{ display: inline-block; font-size: 46px; line-height: 46px; color: #333; margin-top: -24px;vertical-align: middle;}
.shu li em{ display:block; font-size:16px; font-weight:bold;}



@media screen and (min-width:1600px) {
  .ys_con li p{position: absolute; width:80%;top:24.9%; left: 10%;text-align: left;} 
}
@media screen and (min-width:1920px) {
.ys_con li i{ display: block; float: right; width: 112px; height:60px; margin-top: 20px;z-index: 100;position: absolute;right: 12.5%; bottom: 20%;}
.ys_con li:nth-child(1):hover i{ background:url(Img/Index/ys_ic1h.png) no-repeat center; background-size:100%; bottom: 23%;}
.ys_con li:nth-child(2):hover i{ background:url(Img/Index/ys_ic2h.png) no-repeat center; background-size:100%;bottom: 23%;}
.ys_con li:nth-child(3):hover i{ background:url(Img/Index/ys_ic3h.png) no-repeat center; background-size:100%; bottom: 23%;}
.ys_con li:nth-child(4):hover i{ background:url(Img/Index/ys_ic4h.png) no-repeat center; background-size:100%; bottom: 23%;}
}