#topMenu{width: 100%;}
#topMenu li{ float: left;  text-align: center;list-style: none;padding-left: 10px; padding-right: 10px; margin-right: 10px;;} 
#topMenu li.active,#topMenu li:hover{  background-color: #c70000;border-radius: 5px; color: #fff;  }
#topMenu li.active a,#topMenu li:hover a{ color: #fff;}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

#topMenu li a{color: #333; text-decoration: none; font-size: 16px;  line-height: 60px; display: block; }

.phonebox{
  padding-top: 13px;
}
.phonebox .box1{
  background-color: #fab700; height: 30px;line-height: 30px; border-radius: 15px;font-size: 20px;padding-left:15px;color: #fff;
}



#tjxx{width: 100%;}
#tjxx li{
  list-style: none; float: left; padding:10px 10px 10px 0px;
}
#tjxx li input{width: 250px; border: 0;color: #222;font-size: 12px;padding: 5px 8px;height: 20px;}
#tjxx li.btn1{
  float: right;
  background-color: #c70000;
  color: #fff;
  padding-right: 60px;  
  padding-left: 60px;
}
#tjxx li.btn2{
  float: right;
  
}
#tjxx li.btn1 a{
  font-size: 16px; color:#fff;
}

#tjxx2{width: 100%;}
#tjxx2 li{
  list-style: none; float: left; padding:10px 10px 10px 0px;
}
#tjxx2 li i{
  font-size: 20px;padding-top: 3px;
}
#tjxx2 li input{width: 250px; border: 0;color: #222;font-size: 12px;padding: 5px 8px;height: 24px;font-size: 14px; margin-top: 1px;}
#tjxx2 li.btn2{
  float: right;
  
}


#Index_tcfw{width: 100%; margin-top: 20px;}
#Index_tcfw li{
  width: 20%; list-style: none;  float: left; 
}
a.c1{
  border: none;
    background: #ff7474;
    line-height: 24px;
    color: #fff;
    width: 100px;
    margin-top: 10px;
    cursor: pointer;
    border-radius: 0 10px 0 10px;
    padding: 5px 10px;   
}
a.c2{
  border: none;
    background: #63c2ff;
    line-height: 24px;
    color: #fff;
    width: 100px;
    margin-top: 10px;
    cursor: pointer;
    border-radius: 0 10px 0 10px;
    padding: 5px 10px;   
}
.tcfw01{
  font-weight: bold;font-size: 18px; color: #333;
}
.tcfw02{
  font-size: 14px; color: #555;
}

.titlebox2{
  margin-top: 30px;;
}

.titlebox h2{
  display: inline;
  font-size: 22px;
    color: #c70000;
    line-height: 40px;
    font-weight: bold;
    padding-right: 20px;
    margin-right: 10px;
    border-right: solid 1px #ddd;
    font-style: italic;
    text-shadow: 5px 5px 5px #ffb9b9
}

.Index_box1{
  background-color:rgba(255,255, 255, 0.3);padding: 0;position: absolute; width: 100%;
}
.Index_box2{
  padding-top: 0px; padding-bottom: 0;padding: 10px 0;padding-left: 20px;
}
.Index_box3{line-height: 60px;color: #fff;}
.Index_box4{
  background-color: #c70000;color: #fff;font-size: 18px;
}
.Index_box5{
  border: #c70000 1px solid; color: #c70000;font-size: 20px; background-color: #fff;padding-right: 0px;
}
.Index_box6{
  height: 382px; background:url(../webimg/fw1.png); padding:10px 20px
}
.Index_box6 .btn{width: 140px;height: 32px;margin-bottom: 15px;border-radius: 16px;border: 1px solid #FFFFFF;overflow: hidden; padding-top: 4px;background:none}
.Index_box7{background-color: #fff;padding: 30px 0; margin-top: 40px;}
.Index_box8{
  background: url(../webimg/bgimg1.png) top center no-repeat; padding-top: 50px;
}
.Index_box9{background-color: #fff;padding: 30px 0; margin-top: 40px;}
.Index_box10{background-color: #ffe8e5; color: #c70000; font-size: 18px; line-height: 40px; padding:30px 30px;}
.Index_box11{border: #ffe8e5 1px solid; padding: 20px 15px; background-color: #fff;}

.Index_box10a{background-color: #e7f5fe; color: #2876ea; font-size: 18px; line-height: 40px; padding:30px 30px;}
.Index_box11a{border: #e7f5fe 1px solid; padding: 20px 15px;background-color: #fff;}

.Index_box12{padding: 30px 0; }
.Index_box13{background-color: #fff;  padding-top:10px;}
.Index_box14{border-radius: 50%; width: 100px; height: 100px; margin: 30px auto; padding-top: 20px;}




#newslist{width: 100%; padding-left: 0;}
#newslist li{
  border-bottom: #ffe8e5 1px  dashed; padding-top: 15px; padding-bottom: 10px;;
}

.Index_rmfw_box1{
  height: 187px; background-color: #fff;padding:26px 20px;transition: all ease-in-out .2s;cursor:pointer
}
.Index_rmfw_box1 .btn01{display:none}

.box1a,.box1b,.box1c{
  width: 322px; height: 187px;
}

.box2a{border: #c8c8c8 1px solid; padding: 5px; margin-right: 5px;}


.box1a.active .Index_rmfw_box1{
  background-color: #eef7ff;
  color: #0368fe;
  position: absolute;
  top: -10px;
  width: 312px; height: 187px;
  -webkit-box-shadow: #ccc 0px 10px 10px;
  -moz-box-shadow: #ccc 0px 10px 10px;
  box-shadow:10px 10px 5px rgba(0, 0, 0, 0.1); 
}

.box1a.active .c-red{
  color: #0368fe;
}
.box1a.active .c-666{
  color: #0368fe;
}
.box1a.active .c-999{
  color: #0368fe;
}
.box1a.active .btn01{display: block;}
.box1a.active .box2a{
  color: #0368fe;
  border: #0368fe 1px solid; 
}


.box1b.active .Index_rmfw_box1{
  background-color: #f1fefc;
  color: #11b393;
  position: absolute;
  top: -10px;
  width: 312px; height: 187px;
  -webkit-box-shadow: #ccc 0px 10px 10px;
  -moz-box-shadow: #ccc 0px 10px 10px;
  box-shadow:10px 10px 5px rgba(0, 0, 0, 0.1); 
}

.box1b.active .c-red{
  color: #11b393;
}
.box1b.active .c-666{
  color: #11b393;
}
.box1b.active .c-999{
  color: #11b393;
}
.box1b.active .btn01{display: block;}
.box1b.active .box2a{
  color: #11b393;
  border: #11b393 1px solid; 
}


.box1c.active .Index_rmfw_box1{
  background-color: #f2f8ff;
  color: #005cce;
  position: absolute;
  top: -10px;
  width: 312px; height: 187px;
  -webkit-box-shadow: #ccc 0px 10px 10px;
  -moz-box-shadow: #ccc 0px 10px 10px;
  box-shadow:10px 10px 5px rgba(0, 0, 0, 0.1); 
}

.box1c.active .c-red{
  color: #005cce;
}
.box1c.active .c-666{
  color: #005cce;
}
.box1c.active .c-999{
  color: #005cce;
}
.box1c.active .btn01{display: block;}
.box1c.active .box2a{
  color: #005cce;
  border: #005cce 1px solid; 
}



/*
.Index_rmfw_box1:hover{ 
  -webkit-box-shadow: #ccc 0px 10px 10px;
  -moz-box-shadow: #ccc 0px 10px 10px;
  box-shadow:10px 10px 5px rgba(0, 0, 0, 0.1); 
}

.Index_rmfw_box1:hover .btn01{display: block;}
*/


.Index_tel{
  color: #c70000; font-size: 18px;;line-height: 24px; overflow: hidden; padding-top: 5px;font-weight: bold;
}

.c-cu{font-weight: bold;}


body{
  background-color: #f8f8fb;
}

.Index1_box1{height: 300px; background: url(../webimg/bgimg2.png) no-repeat; margin-top: 70px; }
.Index1_txt1{font-size: 22px; padding-left: 20px;font-weight: bold;}
.Index1_box2{margin-top: 60px; background-color: #fff; width: 200px; color: #fe6702;padding:0px 10px;font-size: 20px;font-weight: bold;}
.Index1_box3{width: 388px;height: 400px; position: relative; margin-top: -50px;background-color: #fff; box-shadow:10px 10px 5px rgba(212, 212, 212, 0.1); background: url(../webimg/bgimg3.jpg) no-repeat #fff;}
.Index1_box4{text-align: center; color: #fff; padding: 30px 0;font-size: 16px;;}
.Index1_box5{border:0; border-radius:0; border-bottom:1px solid #efefef;box-shadow:0 0 0 0}
.Index1_box6{background-color:#eafbff; padding: 20px 0; padding-top: 30px;}
.Index1_box7{background-color:#fff0f0; padding: 20px 0; padding-top: 30px;}
.Index1_box8{height: 50px; border-radius: 25px;padding:0px 20px; line-height: 50px; background-color: #fff;font-size: 18px; color: #333; font-weight: bold; text-align: center;}
.Index1_box9{background:rgba(0, 0,0,0.2); padding: 20px; margin:0 20px;color: #fff;}
.Index1_box10{background: url(../webimg/bgimg4.jpg) center no-repeat; height: 360px;}
#Index1_zj{width: 100%;word-spacing: -5px; margin-top: 40px; }
#Index1_zj li{
   width: 25%; list-style: none;  padding: 0; margin: 0;display: inline-block;
}

.Index1_box11{
  background: url(../webimg/shdt1.jpg) top center no-repeat; padding-top: 50px;
}
.Index1_box12{
  padding: 10px; background-color:#fcb702 ; width: 150px; font-size: 16px;border-radius: 5px;text-align: center; color: #fff; box-shadow:0px 0px 4px rgba(212, 212, 212, 0.8);
}
.Index1_box12:hover{
  background-color: #ff333c; color: #fff;
}
.Index1_box12 a{
  color: #fff;
}
.Index1_box13{width: 420px; height: 130px; background: url(../webimg/titlebg1.jpg);padding: 20px;}
.Index1_box14{width: 420px; height: 130px; background: url(../webimg/titlebg2.jpg);padding: 20px;}
.Index1_box15{background:url(../webimg/bgimg5.png) right top no-repeat #fe6702;padding: 30px; position: absolute; top: -80px; width: 300px; height: 340px;}
.Index1_box16{font-size: 20px; font-weight: bold; color: #fff; text-align: center;}
.Index1_box17{background-color: #fff; border: #9fe793 3px solid;text-align: center; width: 50px; height: 50px; line-height: 46px; font-weight: bold;font-size: 40px;border-radius: 25px;color:#9fe793;position: absolute; z-index: 2;;}
.Index1_box18{background-color: #93d387;padding: 10px;color: #fff;font-size: 18px;height: 50px; line-height: 30px; border-top-right-radius:25px; border-bottom-right-radius:25px;position: absolute;left: 30px;z-index: 1; padding-left: 40px; padding-right: 15px;width: 260px ;}
.Index1_box19{margin-left: 25px; background-color: #e2f8de; font-size: 14px; line-height: 32px; margin-right: 10px;padding: 10px;}
.Index1_box17a{border: #5ba5fc 3px solid;color: #5ba5fc;}
.Index1_box18a{background-color: #0060ed;}
.Index1_box19a{background-color: #ecf3ff;}

.Index1_box17b{border: #fc834c 3px solid;color: #fc834c;}
.Index1_box18b{background-color: #fc6c49;}
.Index1_box19b{background-color: #fff7f4;}

.Index1_box17c{border: #b981ee 3px solid;color: #b981ee;}
.Index1_box18c{background-color: #8635dc;}
.Index1_box19c{background-color: #f8f2fd;}
.Index1_box20{position:absolute;margin-top: -24px;left: 167px;z-index: 2; height: 60px; width: 60px;}

#Index2_box1{width: 100%;display: flex;}
#Index2_box1 li{list-style: none; width: 25%;display: flex;}
.Index2_box2{width: 50px; height: 50px; padding-top: 0px; background-color: #817eff; color: #fff;text-align: center;border-radius: 50%;margin-right: 10px;;}
.Index2_box2 i{font-size: 34px;position: relative; }
.Index2_box3{background:url(../webimg/bgimg6.png) center no-repeat #4ca7ff ;height:80px; line-height: 80px;color:#fff;text-align:center; font-size: 16px;}
.Index2_box4{border: #efefef 1px solid; border-top: 0px; padding: 20px; background-color: #fff; height: 260px;}
.Index2_box5{font-size: 70px; height: 70px; position: relative; top: -15px; left: -10px;  color: #efefef;font-style: italic;font-weight: bold;}
.Index2_box6{font-size: 70px; height: 70px; width: 70px; position: relative; top: -25px; left: 10px;  color: #333; }
.Index2_box6 i{font-size: 50px;}
.Index2_box7{background-color: #fff;margin: 5px;padding: 15px;width: 200px;font-size: 12px;position: relative;margin-top: 10px;}
.Index2_box8{background-color: #ff5050;color: #fff;position: absolute; margin-top: -30px;left: 3px;padding: 3px 5px;}
.Index2_box9{width: 30px; text-align: center;background-color: #fff; color:#2196f3; margin: 0px 5px; padding: 5px 3px; margin-left: 15px;margin-top: 10px;}

#Index2_box10{width: 100%;display: flex;}
#Index2_box10 li{list-style: none; width: 20%;}
.Index2_box11{background-color: #fff;padding:20px 10px 15px 10px;border: #f4f4f4 1px solid;margin: 5px 5px 0px 5px;transition: box-shadow 0.3s ease;}
.Index2_box11:hover {box-shadow: 5px 5px 10px #dfdfdf;}

.Index2_box12{width: 80px; height: 80px; margin: 0 auto;border-radius: 5px; background-color: #fff0f0; color: #ff5b5b;border-radius: 40px;text-align: center;padding-top: 2px;}
.Index2_box13{background-color: #f4f4f4;padding: 20px;}
.Index2_box14{box-shadow:-5px 1px 4px rgba(0, 0, 0, 0.3); color: #fff;padding: 20px;  background: url(../webimg/bgimg7.png) center no-repeat #229efc;}
.Index2_box15{background-color: #d5d5d5;text-align: center;font-weight: bold;font-size:24px;padding: 10px 0px;}
.Index2_box16{text-align: center;font-weight: bold;font-size:24px;padding: 10px 0px;color: #fff; background: #4569d9;}
#Index2_ys{ width: 100%;}
#Index2_ys li{list-style: none; border-bottom: #d5d5d5 1px solid; padding-top: 20px; padding-bottom: 20px;height: 135px;}

#Index2_ys2{ width: 100%;}
#Index2_ys2 li{list-style: none; border-bottom: #d5d5d5 1px solid; padding-top: 20px; padding-bottom: 20px;color: #fff;height: 135px;}

.Index2_box17{background-color: #fff;padding: 20px;border: #efefef 1px solid;}
.h40{height: 40px;}
.Index2_box18{background: url(../webimg/ico1.png) no-repeat center;height: 87px; height: 87px; line-height: 77px; text-align: center;font-weight: bold; color: #fff;font-size: 36px;position: relative; margin-top: -50px;}
.Index2_box19{margin-top: 60px; text-align: center;font-weight: bold; font-size: 20px;}

.Index3_box1{background-color: #fff;font-size: 18px;padding: 10px;;}
.Index3_box1  i{font-size: 40px;}
.Index3_box2{padding:10px 0; background-color: #8ed7bf;border-bottom-left-radius: 10px;height: 44px ;}
.Index3_box3{padding:10px 0;background: #39a281;border-bottom-right-radius: 10px; height: 44px;text-align: center ;}
.Index4_box1{background-color: #fff;font-size: 18px;padding: 10px;;}
.Index4_box1  i{font-size: 30px;}
.Index4_box2{background: url(../webimg/bgimg6.jpg) center no-repeat; height: 550px;padding: 30px 0; margin-top: 50px;}
.Index4_box3{height: 470px; background: linear-gradient(180deg, #FFF4E4 0%, #FFFFFF 50%);box-shadow: 0px 6px 40px 0px rgba(34,87,179,0.12);border-radius: 10px;padding-top: 30px;}
.Index4_box4{  background-color: #f9632c;width: 100px;height: 100px; border-radius: 50px;position: absolute; top:-50px; left: 94px;}
.Index4_box4 i{font-size: 60px; color: #fff;position: absolute; top: 5px; left: 20px; }

.Index4_box5{  background-color: #42aeff;width: 100px;height: 100px; border-radius: 50px;position: absolute; top:-50px; left: 94px;}
.Index4_box5 i{font-size: 58px; color: #fff;position: absolute; top: 5px; left: 22px; }

.Index4_box6{  background-color: #f9632c;width: 100px;height: 100px; border-radius: 50px;position: absolute; top:-50px; left: 94px;}
.Index4_box6 i{font-size: 60px; color: #fff;position: absolute; top: 5px; left: 25px; }

.Index4_box7{  background-color: #42aeff;width: 100px;height: 100px; border-radius: 50px;position: absolute; top:-50px; left: 94px;}
.Index4_box7 i{font-size: 54px; color: #fff;position: absolute; top: 8px; left: 20px; }

.Index4_box8{background: url(../webimg/bgimg9.png) no-repeat center; width: 1145px; margin: 0 auto; height: 107px;display: flex;margin-top: 20px; margin-bottom: 40px;}
.Index4_box8 li{width: 121px; height: 107px; text-align: center; list-style: none;font-size: 16px; color: #efefef;margin-right: 26px;font-weight: bold; }
.Index4_box9{background: #292a5c; border-radius: 10px;text-align: center;font-size: 24px; font-weight: bold; color: #ffd83d;padding: 30px 0;position:absolute; top: -40px; width: 100%;width: 366px;z-index: 3;}
.Index4_box10{background:#ffd93d;border-radius: 10px;color: #060600;text-align: center; padding: 10px 0; padding-top: 70px;width: 366px;position: absolute;z-index: 2;}
.Index4_box11{background:#f3f3f5;border-radius: 10px;color: #060600;text-align: center; padding: 10px 0; padding-top: 120px;width: 366px; padding-left:30px ;padding-right:30px ;}
.Index4_h120{height: 120px;}

#Index5_box1{width: 80%;padding-top: 40px;}
#Index5_box1 li{list-style: none; border-bottom: #999 1px dashed; padding-top: 5px; padding-bottom: 5px;color: #333;font-size: 16px;padding-left: 5px;}
#Index5_box1 li i{color: #f94c3b;}
.Index5_box2{background-color: #fff;padding: 30px 0; }
.Index5_box3{height: 320px;writing-mode: vertical-lr;   text-orientation: upright;  white-space: nowrap; color: #fff; text-align: center;font-size: 24px; padding-left: 30px;letter-spacing: 10px;}
.Index5_box4{background-color: #f0f8ff; height: 320px;;}
.Index5_box5{width: 100%;height: 160px;}
.Index5_box5 li{padding-left: 15px;list-style: none; padding-bottom: 5px;background: url(../webimg/ico5.png) 4px 5px no-repeat;color: #666;}
.Index5_box6{border: #eeeeee 0px solid;border-left: 0; border-top: 0; padding-top: 20px;background: linear-gradient(to top left, #f1f4fe, #ffffff, #ffffff);border-bottom-right-radius: 20px; padding-bottom: 20px;}
.Index5_box6b{position: absolute;width:382px;height: 288px; background-color: #fffbec;z-index: 2;top:5px;left: 0;box-shadow:10px 10px 5px rgba(0, 0, 0, 0.1); padding: 10px;opacity: 0;border-radius: 20px;cursor: pointer; }
.Index5_box6b .txt4{color:#ffc90f ;}
.Index5_box6.active .Index5_box6b{opacity: 1;}
.Index5_box7{background-color: #feae1b; margin: -10px; margin-top: 10px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding: 10px 0px; color: #fff; text-align: center;}

.Index6_box5{font-size: 16px; font-weight: bold; color: #0f8ef6;padding-top: 15px; padding-bottom: 0px;;}
.Index6_box6{font-size: 14px; font-weight: bold;padding-top: 5px;}
.Index6_box7{font-size: 12px; padding-top: 0px;}
.Index6_box7 ul {width: 100%;display: flex;margin-bottom: 0;padding-left: 0;}
.Index6_box7 ul li{list-style: none;width: 50%;}
.Index6_box8{border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;color: #fff; background-color: #008aff; margin-left: -10px;padding: 10px; text-align: center;}
.Index6_box9{box-shadow:-5px 1px 4px rgba(0, 0, 0, 0.3); color: #fff;padding: 20px;  background: #fef5ed;}
.Index6_box10{text-align: center;font-weight: bold;font-size:24px;padding: 10px 0px;color: #fff; background: #ee4612;}
#Index6_ys{ width: 100%;}
#Index6_ys li{list-style: none; border-bottom: #d5d5d5 1px solid; padding-top: 20px; padding-bottom: 10px; }

#Index6_ys2{ width: 100%;}
#Index6_ys2 li{list-style: none; border-bottom: #d5d5d5 1px solid; padding-top: 20px; padding-bottom: 10px;color: #ee4612;}
.Index6_box11{background: url(../webimg/bgimg12.png) left top no-repeat;height: 500px;padding-left: 120px; padding-top: 90px;}
.Index6_box11 li{list-style: none;font-size: 20px;font-weight: bold; border-bottom: #efefef 1px dashed;margin-right: 60px; padding: 10px 0px;color: #008bff;}
.Index6_box12{background:url(../webimg/bgimg13.jpg);padding: 30px 0; margin-top: 40px;}

.Index6_box11a{height: 420px;border: #fff 3px solid; border-radius: 20px; background-color: rgba(255,255, 255, 0.6);padding:20px 60px; margin: 0 20px;}
.Index6_box11a li{list-style: none;font-size: 20px; border-bottom: #fff 1px dashed; padding:10px 0px;color:  #177bd2;}

.colorf94c3b{ color: #f94c3b;}
.color4ca7ff{color: #4ca7ff;}
.colorfacc40{color:#facc40;}
.color28eac4{color: #28eac4;}
.colorffaf50{color: #ffaf50;}
.colorff6161{color:#ff6161;}
.color2196f3{color: #2196f3;}
.color4fc43c{color: #4fc43c;}
.colorfff6e6{color: #fff6e6;}
.colorffc648{color:#ffc648;}
.colorffbfbf{color:#ffbfbf}
.colorb4def8{color: #6ae1d4;}
.color9f80fd{color: #9f80fd;}
.colorf9632c{color: #f9632c;}
.color060600{color: #060600;}
.color000002{color: #000002;}
.bb060600{border: #060600 0px solid;}
.bb060600l{border: #060600 0px solid;border-left: 0;}
.f-90{ font-size: 90px;}
.i1{font-size:0.666666em; color: #2196f3; }
.h40-lh20{height: 40px;display: flex;  align-items: center;  justify-content: center;color: #999;}
.h50{height: 50px;}
.txt2{
  color: #f94c3b; background-color: #fff;padding: 5px; border-radius: 15px;margin-right: 5px;
}
.txt3{border: #3c48ff 1px solid; padding: 10px; color: #3c48ff; border-radius: 20px; margin-right: 10px;}
.txt4{color: #4c73f2;font-size:40px;font-style: italic;;}
.img1{
  padding:5px; border: #999 1px solid; background-color: #fff;
}
.font60{color: #009bee;font-size: 60px;;}
.button-caution{
  background:none;
}
.w140{width:120px;}
.end_box1{
  display: inline;height: 30px; line-height: 30px;padding-right: 10px;;
}
.end_box2{
  display: inline;font-size: 16px;height: 30px; line-height: 30px;position: absolute;top: 10px;;
}
.input01{width: 100%;border: #d2d2d2 1px solid;font-size: 16px; padding: 5px;}
.f-12{font-size:12px}
.f-14{font-size:14px}
.f-16{font-size:16px}
.f-18{font-size:18px}
.f-20{font-size:20px}
.f-24{font-size:24px}
.f-26{font-size:26px}
.f-28{font-size:28px}
.f-30{font-size:30px}
.f-40{font-size:40px}

.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}

.pos-r{position:relative}
.pos-a{position:absolute}
.pos-f{position:fixed}

.lh-16{line-height:16px}/*16像素行距*/
.lh-18{line-height:18px}/*18像素行距*/
.lh-20{line-height:20px}/*20像素行距*/
.lh-22{line-height:22px}/*22像素行距*/
.lh-24{line-height:24px}/*24像素行距*/
.lh-26{line-height:26px}/*26像素行距*/
.lh-28{line-height:28px}/*28像素行距*/
.lh-30{line-height:30px}/*30像素行距*/
.lh-34{line-height:34px}/*30像素行距*/
.lh-40{line-height:40px}/*30像素行距*/

.text-l{text-align:left}/*水平居左*/
.text-r{text-align:right}/*水平居右*/
.text-c{text-align:center}/*水平居中*/

.pt-5 {
    padding-top: 5px;
  }
   
  .pt-10 {
    padding-top: 10px;
  }
   
  .pt-15 {
    padding-top: 15px;
  }
   
  .pt-20 {
    padding-top: 20px;
  }
   
  .pt-25 {
    padding-top: 25px;
  }
   
  .pt-30 {
    padding-top: 30px;
  }
      
  .pt-40 {
    padding-top: 40px;
  }
  .pb-5 {
    padding-bottom: 5px;
  }
   
  .pb-10 {
    padding-bottom: 10px;
  }
   
  .pb-15 {
    padding-bottom: 15px;
  }
   
  .pb-20 {
    padding-bottom: 20px;
  }
   
  .pb-25 {
    padding-bottom: 25px;
  }
   
  .pb-30 {
    padding-bottom: 30px;
  }
   
  .pl-5 {
    padding-left: 5px;
  }
   
  .pl-10 {
    padding-left: 10px;
  }
   
  .pl-15 {
    padding-left: 15px;
  }
   
  .pl-20 {
    padding-left: 20px;
  }
   
  .pl-25 {
    padding-left: 25px;
  }
   
  .pl-30 {
    padding-left: 30px;
  }
  .pl-40 {
    padding-left: 40px;
  }
   
  .pr-5 {
    padding-right: 5px;
  }
   
  .pr-10 {
    padding-right: 10px;
  }
   
  .pr-15 {
    padding-right: 15px;
  }
   
  .pr-20 {
    padding-right: 20px;
  }
   
  .pr-25 {
    padding-right: 25px;
  }
   
  .pr-30 {
    padding-right: 30px;
  }
   
  .pd-5 {
    padding: 5px;
  }
   
  .pd-10 {
    padding: 10px;
  }
   
  .pd-15 {
    padding: 15px;
  }
   
  .pd-20 {
    padding: 20px;
  }
   
  .pd-25 {
    padding: 25px;
  }
   
  .pd-30 {
    padding: 30px;
  }
   
  .pd-40 {
    padding: 40px;
  }

  .mt-5{margin-top:5px}/*距上5像素*/
  .mt-10{margin-top:10px}/*距上10像素*/
  .mt-15{margin-top:15px}/*距上15像素*/
  .mt-20{margin-top:20px}/*距上20像素*/
  .mt-25{margin-top:25px}/*距上25像素*/
  .mt-30{margin-top:30px}/*距上30像素*/
  .mt-35{margin-top:35px}/*距上35像素*/
  .mt-40{margin-top:40px}/*距上40像素*/
  .mt-50{margin-top:50px}/*距上50像素*/
   
  .mb-5{margin-bottom:5px}/*距下5像素*/
  .mb-10{margin-bottom:10px}/*距下10像素*/
  .mb-15{margin-bottom:15px}/*距下15像素*/
  .mb-20{margin-bottom:20px}/*距下20像素*/
  .mb-25{margin-bottom:25px}/*距下25像素*/
  .mb-30{margin-bottom:30px}/*距下30像素*/
  .mb-35{margin-bottom:35px}/*距下35像素*/
  .mb-40{margin-bottom:40px}/*距下40像素*/
  .mb-50{margin-bottom:50px}/*距下50像素*/
   
  .ml-5{margin-left:5px}/*距左5像素*/
  .ml-10{margin-left:10px}/*距左10像素*/
  .ml-15{margin-left:15px}/*距左15像素*/
  .ml-20{margin-left:20px}/*距左20像素*/
  .ml-30{margin-left:30px}/*距左30像素*/
  .ml-40{margin-left:40px}/*距左40像素*/
  .ml-50{margin-left:50px}/*距左50像素*/
   
  .mr-5{margin-right:5px}/*距右5像素*/
  .mr-10{margin-right:10px}/*距右10像素*/
  .mr-15{margin-right:15px}/*距右15像素*/
  .mr-20{margin-right:20px}/*距右20像素*/
  .mr-30{margin-right:30px}/*距右30像素*/
  .mr-40{margin-right:40px}/*距右40像素*/
  .mr-50{margin-right:50px}/*距右50像素*/

      /*主要颜色*/
      .c-primary,.c-primary a,a.c-primary{color:#5a98de}
      .c-primary a:hover,a.c-primary:hover{ color:#5a98de}
       
      /*次主色*/
      .c-secondary,.c-secondary a,a.c-secondary{color:#555}
      .c-secondary a:hover,a.c-secondary:hover{ color:#555}
       
      /*强调色—成功*/
      .c-success,.c-success a,a.c-success{color:#5eb95e}
      .c-success a:hover,a.c-success:hover{ color:#5eb95e}
       
      /*强调色—危险*/
      .c-danger,.c-danger a,a.c-danger{color:#dd514c}
      .c-danger a:hover,a.c-danger:hover{ color:#dd514c}
       
      /*强调色—警告*/
      .c-warning,.c-warning a,a.c-warning{color:#f37b1d}
      .c-warning a:hover,a.c-warning:hover{ color:#f37b1d}
       
      /*强调色—错误*/
      .c-error,.c-error a,a.c-error{color:#c00}
      .c-error a:hover,a.c-error:hover{ color:#c00}
       
      /*辅助色—浅黑*/
      .c-333,.c-333 a,a.c-333{color:#333}
      .c-333 a:hover,a.c-333:hover{ color:#333}
       
      /*辅助色—灰色*/
      .c-666,.c-666 a,a.c-666{color:#666}
      .c-666 a:hover,a.c-666:hover{ color:#666}
      .c-999,.c-999 a,a.c-999{color:#999}
      .c-999 a:hover,a.c-999:hover{color:#999}
       
      /*标准色—红色*/
      .c-red,.c-red a,a.c-red{color:red}
      .c-red a:hover,a.c-red:hover{ color:red}
       
      /*标准色—绿色*/
      .c-green,.c-green a,a.c-green{color:green}
      .c-red a:hover,a.c-red:hover{color:green}
       
      /*标准色—蓝色*/
      .c-blue,.c-blue a,a.c-blue{color:blue}
      .c-blue a:hover,a.c-blue:hover{color:blue}
       
      /*标准色—白色*/
      .c-white,.c-white a,a.c-white{color:white}
      .c-white a:hover,a.c-white:hover{color:white}
       
      /*标准色—黑色*/
      .c-black,.c-black a{color:black}
      .c-black a:hover,a.c-black:hover{color:black}
       
      /*标准色—橙色*/
      .c-orange,.c-orange a,a.c-orange{color:orange}
      .c-orange a:hover,a.c-orange:hover{color:orange}



      /*荣誉滚动*/
      .poster-main{
        width: 1150px;
        height: 500px;
        position: relative;
        margin: 30px auto;
      }
      .poster-main a,.poster-main img{
        display:block;
      }
      .poster-main .poster-list{
        width: 1000px;
        height: 500px;
      }
      .poster-main .poster-list .poster-item{ 
        width: 200px;
        height: 500px;
        position:absolute;
        left:0;
        top:0;
      }
      .poster-main .poster-btn{ 
        position:absolute;
        top:0;
        z-index:10; 
        cursor:pointer;  
      }
      .poster-main .poster-prev-btn{
        left:0; 
        /*background: url(../img/left.png) no-repeat center center;*/
      }
      .poster-main .poster-next-btn{
        right:0; 
        /*background: url(../img/right.png) no-repeat center center;*/
      }

      /*画六边形*/
      .hex:nth-child(1){
        margin-left: 80px;
      }
      .hex:nth-child(10){
        margin-left: 80px;
      }
      .hex {
        cursor: pointer;
        display: inline-block;
        position: relative;
        width: 130px;
        height: 130px;
        margin-left: 10px;
        margin-bottom: -20px;
        background: #fe6702;
        -webkit-clip-path: polygon(0 25%,50% 0,100% 25%,100% 75%,50% 100%,0 75%);
        clip-path: polygon(0 25%,50% 0,100% 25%,100% 75%,50% 100%,0 75%);
      }
      .hex a{color: #000002;}
      .hex::before {
        content: "";
        background:rgba(255, 255, 255, 1);
        left: 2px;
        top: 2px;
        right: 2px;
        bottom: 2px;
        position: absolute;
        z-index: -1;
      }
      .hex, .hex::before {
        -webkit-clip-path: polygon(0 25%,50% 0,100% 25%,100% 75%,50% 100%,0 75%);
        clip-path: polygon(0 25%,50% 0,100% 25%,100% 75%,50% 100%,0 75%);
      }
      .hex-body {
        height: 65px;
        width: 110px;
        position: absolute;
        left: 12px;
        top: 70px;
        transform: translateY(-50%);
        font-size: 16px;
        text-align: center;
        display: flex;  align-items: center;  justify-content: center;
      }
      .hex:hover{
        background: #fe6702;color: #fff;
      }

      .hex:hover a{
         color: #fff;text-decoration: none;
      }

      .hex:hover::before{
        background: #fe6702;color: #fff;
      }
      /*变色按钮*/
      @keyframes flow {
        0% {
          background-position: 100% 50%;
        }
        100% {
          background-position: -100% 50%;
        }
      }
      @keyframes glowingEffect {
        0% { box-shadow: 0 0 10px #ffed0d; }
        50% { box-shadow: 0 0 20px #fec60c; }
        100% { box-shadow: 0 0 10px #ffed0d; }
      }
      
      .Index5_btn1 {
        margin-top: 30px;
        border-radius: 25px;
        border: #fec501 1px solid;
        padding: 10px 30px;
        width: 100%;        
        background: linear-gradient(45deg, #ffed0d, #fec60c, #ffed0d);
        background-size: 200% 100%;
        animation: flow 5s linear infinite,glowingEffect 2s infinite
      }

      /*案例*/
    .picScroll-left{ overflow:hidden; position:relative;    }
		.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat;}
		.picScroll-left .hd .next{ background-position:0 -50px;  }
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ padding:10px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ max-width:270px; max-height:270px; display:block; margin: auto; }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }
    /*返回顶部*/
    .tools-right{position:fixed;right:15px;z-index:999;cursor: pointer;visibility:visible; background-color:#fff;border: 1px solid #d9d9d9;color: #9c9c9c;font-size: 24px;width: 38px;height: 38px;line-height: 38px;text-align: center;border-radius: 50%; text-decoration:none;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight)}
.tools-right:hover{color:#fff; text-decoration:none; background-color:#999; border-color:#999}
.tools-right.toTop{bottom:60px;display:none}

/**/
#kfbox_1{position: fixed;    top: 0;    left: 0;    right: 0;    bottom: 0;    z-index: 9999997;    background: rgba(0, 0, 0, 0.3);}
.kfbox_2{position: fixed; top: 50%; left: 50%;z-index: 9999998; margin-top: -200px; margin-left: -250px;;}
.kfbox_3{position: absolute;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: white;
  border-radius: 50%;
  color: #ff4430;
  font-size: 20px;
  box-shadow: 0 3px 4px rgba(102, 102, 102, 0.5);
  right: -9px;
  top: -9px;
  cursor: pointer;}