/* CSS Document */
*{padding:0px;margin:0px;font-family:"Microsoft YaHei";}
*html{background-image:url(about:blank);background-attachment:fixed;}
body{ background:#fff; line-height:25px;  color:#333333;}
h1,h2,h3,h4,h5,h6,i,em,p,span,i,th,td{ font-weight:normal; font-style: normal;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#0154a6;}
img,input,select{outline:none; vertical-align:middle;}
ul,ol,li{list-style:none;}
.bt5{border-top:5px solid #313131;}
.fl,.left{ float:left;}
.fr,.right{ float:right;}
.dis{display:none;}
.bgbai{background:#fff;}
.clear,.c{clear:both; height:0px; font-size:0px; overflow:hidden;}
.c10{clear:both; height:10px; font-size:0px; overflow:hidden;}
.c20{clear:both; height:20px; font-size:0px; overflow:hidden;}
.c30{clear:both; height:30px; font-size:0px; overflow:hidden;}
.c50{clear:both; height:50px; font-size:0px; overflow:hidden;}
.clearfix:after {display: block;clear: both;content: "";visibility: hidden;height: 0}
.clearfix {zoom:1}
table,th,td{border-collapse:collapse;}
table{border-collapse:collapse;border-spacing:0;}
.w1200{width:1200px; margin:0 auto; clear:both; display:block;padding:20px 0;}
.w1300{width:1300px; margin:0 auto; clear:both; display:block;}
.w1200w{width:1200px; padding:20px 0; overflow:hidden; margin:0px auto;}
.gotop{position:fixed; bottom:100px; right:30px;}
.main {
  line-height: 30px;
  padding: 4% 0 !important;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.center {
    max-width: 1400px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    min-width: 1300px;
    width: 90%;
  }
/* top 头部样式 */
.top {
	height: 30px;
	background: #f6f6f6;
	color: #5c5c5c;
	line-height: 30px;
}
.top_r {
	float: right;
}
.collection {
	float: right;
}
.head{
    height: 100px;
    position: fixed;
    z-index: 9999;background-color:#ffffff;  
    filter:alpha(opacity=60);
    margin: 0 auto;
    width: 100%;
}
.head:hover{background-color:#ffffff;opacity:1;
    filter:alpha(opacity=100);}
.logo{
    float: left;
    padding-top: 13px;
}
.logo a{}
.logo img{}

.menu{
    float: left;
    padding-left: 2%;
}
.menu ul{}
.menu ul li{
    float: left;
    line-height: 100px;
}
.menu ul li a{
    color: #000;
    font-size: 20px; font-weight: bold;
    padding: 0 16px;
}
.menu ul li a:hover{ font-weight:bold;color: #0152a4;}

.nav{
    float: left;
    padding-left: 6%;
}
.nav ul{}
.nav ul li{
    float: left;
    line-height: 100px;
}
.nav ul li a{
    color: #111;
    font-size: 16px;
    padding: 0 16px;
}
.nav ul li a:hover{ font-weight:bold;}


.top_tel{
    float: right;
    padding-top: 18px;
}
.top_tel img{
    
}
.top_tel p{
    float: right;    
    color: #000;
    font-size: 22px;
    padding-top: 10px;
}
.top_tel p span{
    display: block;
    font-size: 24px;
    line-height: 25px; color: #f00; font-weight: bold;
}

.top_telx{
    float: right;
    padding-top: 30px;
}
.top_telx img{
    padding-top: 2px;
}
.top_telx p{
    float: right;
    padding-left: 20px;
    color: #111;
    font-size: 12px;
}
.top_telx p span{
    display: block;
    font-size: 20px;
    line-height: 25px;
}

.fixedSubNav{position: fixed; top: 0px; left: 0px; z-index:10; width: 100%; background: #0154a6; animation:myfirst 0.5s;
-moz-animation:myfirst 0.5s; /* Firefox */
-webkit-animation:myfirst 0.5s; /* Safari and Chrome */
-o-animation:myfirst 0.5s; /* Opera */}
@keyframes myfirst
{
from {top:-50px;}
to {top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {top:-50px;}
to {top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {top:-50px;}
to {top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
from {top:-50px;}
to {top:0px;}
}

.ejdh{
    width: 100%;
    position: absolute;
    z-index: 9999;position: fixed;
    margin-top: 100px;
    display: none;
    background-color: rgba(255,255,255,0.95);
    height: 340px;
    left: 0;
}
.ejdh dl{
    /* min-width: 1300px; */
    margin: 0 auto;
    border-radius:10px;
    padding: 48px 0;
    box-sizing: border-box;
    width: 1300px;
    }
.ejdh dl dt{
    float: left;
    padding-right: 20px;
}
.ejdh dl dt img{ border-radius:10px;}
.ejdh dl dd{
    float: left;
    width: 800px;
}
.ejdh dl dd span{
    display: block;
    font-size: 22px;
    font-weight: bold;
    color: #de2910;
    line-height: 60px;
    padding-left: 60px;
}
.ejdh dl dd div{
    padding-top: 5px;
}
.ejdh dl dd div>a{
    float: left;
    line-height: 40px;
    width: 200px;
    display: block;
    font-size: 18px;
    color: #555;
    padding-left: 65px;
    border-right: 1px solid #ccc;
}
.ejdh dl dd div a:hover{ font-weight:bold;}


/*banner*/
.fullSlide{width:100%;position:relative;height:800px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:800px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:800px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:30px;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:40px;height:8px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;transition:all 0.6s;}
.fullSlide .hd ul .on{background:#0154a6;width:70px;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:40%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
.wxpic{position:absolute; top:0px;right:-90px; display:none;}
/*标题*/
.hd_title{width:100%; height:100px; padding:20px 0 10px 0; text-align:center; margin-bottom:10px;}
.hd_title h3{font-size:30px; height:100px; line-height:100px; color:#0154a6;font-family:微软雅黑; font-weight:600;background:url(../images/tu21.jpg) no-repeat center;}

.cp_title{width:100%; height:100px; margin-top:10px; padding:0px 0; text-align:center;background:url(../images/tu07.jpg) no-repeat center;}
.cp_title h3{font-size:20px; line-height:100px; color:#fff;letter-spacing:4px; width:200px; margin:0 auto;}

.tj_title{width:100%; height:140px; margin-top:20px; padding:0px 0; text-align:center;background:url(../images/bt2.jpg) no-repeat center;}
.tj_title h3{font-size:28px; padding-left:42px; line-height:140px; color:#fff;letter-spacing:4px; width:200px; margin:0 auto;}

.news_title{width:100%; height:100px; margin-top:20px; padding:0px 0; text-align:center;background:url(../images/bt3.jpg) no-repeat center;}
.news_title h3{font-size:28px; padding-left:42px; line-height:100px; color:#fff;letter-spacing:4px; width:200px; margin:0 auto;}

.cp_class{width:1220px; margin:0 auto; padding-bottom:20px;}
.cp_class li{width:240px; height:40px; overflow:hidden; margin:2px; float:left; text-align:center;}
.cp_class li a img{width:120px; height:120px; margin:0 auto; border-radius:10em; padding:5px; background:#D3D3D3; border:5px solid #f4f4f4; transition:all 0.4s;}
.cp_class li span{height:34px; overflow:hidden; line-height:34px; width:100%; display:block; font-size:16px; clear:both;}
.cp_class li a{font-size:16px;height:40px; line-height:40px;background:#e2e2e2; color:#111; display:block;transition:all 0.4s;}
.cp_class li a:hover{background:#0154a6;color:#fff;}

.left_b{height:22px;background:url(../images/bt_bg.jpg) no-repeat center;}
.plist{ width: 266px; float: left; overflow: hidden;}
.plist .hd{ height:70px; line-height:70px; font-size:28px; color:#fff; text-align:left;background:#0154a6 url(../images/jian.png) no-repeat 200px center; text-indent:35px;overflow: hidden;}
.plist .bd{ width: 260x; border: 3px solid #0154a6;  border-top: none;overflow: hidden;}
.plist .bd ul{ width: 260px; margin: 0 auto; padding-top: 14px;padding-bottom: 6px; overflow: hidden;}
.plist .bd ul li{ width: 100%; height: 37px; text-indent: 50px; line-height: 37px; margin-bottom: 7px; overflow: hidden;}
.plist .bd ul p{width: 94%; margin: 0 auto;text-align:center; background:#f5f5f5; height:28px; line-height:28px; margin-bottom:5px;}
.plist .bd ul p a{display:block;}
.plist .bd ul li a{ display: block; width: 94%; height: 37px;  background:#f5f5f5 url(../images/jiantou2.png) no-repeat 24px center; margin:0 auto; color: #111;}
.plist .bd ul li a:hover{ color: #fff;background:#0154a6 url(../images/jiantou3.gif) no-repeat 24px center;}
.plist .bot{ margin-top:8px;}
.plist .bot ul{ padding: 10px 15px; line-height:28px; border: 3px solid #0154a6; border-top: none;}
.plist .bot ul h3{ color: #000; font-weight: 700; font-size: 15px;}

/*首页产品展示*/
.product{width: 1200px;padding: 40px 0;overflow: hidden;margin: 0 auto;}
.tit01{height: auto;overflow: hidden;text-align: center; margin-bottom: 30px; }
.tit01 span{display: block;color: #a1bdf5;line-height: 20px;}
.tit01 strong{display: block;line-height: 60px;font-size: 30px;color: #1269cc;}
.line01{background: url(../images/line01.png) center no-repeat;height: 3px;}

/* .pro_con2{width: 1200px;overflow: hidden;margin: 0 auto;} */
.type_con{width: 293px;overflow: hidden;float: left;}
.type_con .type-hd{height: 100px;background: #f7ae01;text-align: center;color: #fff;}
.type_con .type-hd h3{font-size: 24px;color: #fff;font-weight: bold;padding: 20px 0 10px;}
.type_con .type-bd{background: #036AD6;}
.type_con .type-bd ul li{height: 56px;line-height: 56px;list-style: none;margin: 0;text-align: left;border-bottom: 2px solid #1d72bd;background: url(../images/ico-li.png) no-repeat 89% center;}

.type-bd .two a {font-size: 14px !important;}
.type_con .type-bd ul li a{height: 56px;line-height: 56px;font-size: 16px;color: #ffffff;padding-left: 30px;text-align: left;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.type_con .type-bd li:hover{background:#f7ae01 url(../images/ico-li.png) no-repeat 89% center;}

.s-contact,.type-bd{ background:#0460c1; margin:0 -15px; }
.s-contact{background: url(../images/s-contact.jpg) no-repeat top center;background-size: cover;text-align: center;margin-bottom: 20px;}
.s-contact > a{ display: inline-block; margin:43px auto; border:3px solid rgba(0,0,0,.38); padding:13px 37px; font-size: 16px; color: #fff; font-weight: bold;}
.s-contact .bd{ width: 100%; padding:18px 20px; background: rgba(4,96,193,.8); text-align: left; }
.s-contact .bd p{ font-size: 14px; color: #ffffff; line-height: 24px; }

.icptx{ background: url(../images/ys_bg.jpg) top center no-repeat; height: 310px; padding-top:50px; overflow: hidden;margin-bottom: 50px;}
.icptx_tit{font-size: 35px; color: #fff; text-align: center;}
.icptx_tit span{ display: block; font-size: 16px;  font-weight: normal; padding-top: 10px; color: rgba(255,255,255,0.85);}
.icptx_tit span b{ color: #e5212b;}
.icptx li{ display: inline-block;  color: #fff; text-align: center; width: 150px; height:110px; background-color:rgba(7,103,178,0.4); border:1px #7eafda solid; font-size: 22px ;transition: all 0.3s; line-height: 1.5; padding:20px 0; margin-left:80px; overflow: hidden;position: relative; bottom: -40px; border-radius: 80px}
.icptx li img{ display: block; margin:0 auto 10px auto; width: 67px; height: 64px }
.icptx li:hover{background-color:rgba(7,103,178,1); bottom:-20px }


/* 四大优势 */
.g_ys {
    background: #f2f2f2 url(../images/ysbg.jpg) no-repeat center top;
    width: 100%;
    /* border-top: 5px solid #c00000; */
    padding: 50px 0;height: 1680px;
    background-size: cover;
}
.content {
    max-width: 1200px;
    margin: 0 auto;
}
.whychoose h2 {
    padding-top: 23px;
    /* background: url(../images/ystit.png) no-repeat center center; */
    height: 156px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    max-width: 1150px;
}
.g_ys h2 a {
    color: #fff;
    display: block;
}
.g_ys h2 em {
    display: block;
    font-weight: normal;
    font-size: 24px;
    color: #fff;
    padding-top: 52px;
    font-style: normal;
}
.margin-top-30 {
    margin-top: 30px;    box-sizing: border-box;float: left;

}
.nyoushi h3 {
    width: 70px;
    height: 70px;
    border: 1px solid #e3b74e;
    line-height: 73px;
    text-align: center;
    font-size: 38px;
    font-weight: normal;
    color: #e3b74e;
    font-family: impact;
    margin-bottom: 15px;
    border-radius: 50%;
    transition: all 1.2s ease;
    cursor: pointer;
}
.nyoushi h5 {
    color: #fff;
    font-weight: bold;
    font-size: 32px;
    line-height: 30px;
}
.nyoushi h5 em {
    line-height: 18px;
    font-family: arial;
    font-size: 14px;
    color: #333333;
    display: block;
    font-weight: normal;
    text-transform: uppercase;
}
.nyoushi .m_p {
    color: #626262;
    font-size: 13px;
    line-height: 24px;


    margin-top: 14px;
    padding: 12px 18px 0 20px;

    transition: all 0.5s ease;
    padding-bottom: 20px;
}
.nyoushi .m_p p {
    background: url(../images/ysicoh.png) no-repeat left 10px;
    color: #333;
    font-size: 18px;
    line-height: 30px;
    padding-left: 20px;
}

.col-md-5 {
    width: 41.66666667%;float: left;position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-md-7 {
    width: 52.33333333%;float: left;position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

/* 关于哦我们 */
.tit_in{ text-align: center; position: relative;}
.tit_in h1{ color: #222222; font-size: 36px; position: relative; z-index: 2;}
.tit_in h1 span{ color: #0152a4; font-weight: bold;}
.tit_in p{ position: absolute; z-index: 1; width: 100%; top: 0; color: rgba(102,102,102,0.05); font-size: 70px; font-family: Impact; text-transform: uppercase;}
.tit_in i{ font-size: 16px; color: #a9a9a9; text-transform: uppercase; display: block; margin-top: 20px;}
#gsjjbj{ background: url("../images/jj_bj.jpg") repeat-y center fixed; text-align: center;}
#gsjjbj .main {
  line-height: 30px;
  padding: 4% 0;
  max-width: 1200px;
}
#gsjjbj .tit_in p{color: rgba(255,255,255,0.05);}
#gsjjbj .tit_in h1{ color: #fff;}
#gsjjbj #gsjj{ text-align: center; color: #e1e3e4; padding: 3% 2% 5%; font-size: 16px;}
#gsjjbj ul{ text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; justify-content: space-between;
}
#gsjjbj ul li i{display: block;}
#gsjjbj ul li{ display: inline-block; color: #e1e3e4; line-height: 35px;}
#gsjjbj ul li .pic i{ display: none; font-size: 40px; transition: 0.3s;}
#gsjjbj ul li:nth-of-type(1) .pic i:nth-of-type(1){ display: block;}
#gsjjbj ul li:nth-of-type(2) .pic i:nth-of-type(2){ display: block;}
#gsjjbj ul li:nth-of-type(3) .pic i:nth-of-type(3){ display: block;}
#gsjjbj ul li:nth-of-type(4) .pic i:nth-of-type(4){ display: block;}
#gsjjbj ul li .pic{ display: inline-block; width: 85px; height: 85px; line-height: 85px; border: 1px solid rgba(255,255,255,0.2); border-radius: 5px; transition: 0.3s;}
#gsjjbj ul li .dian{ color: #0152a4; font-size: 20px;}
#gsjjbj ul li p{ color: #e1e3e4; font-size: 34px; font-weight: bold; transition: 0.3s;}
#gsjjbj ul li span{ color: #fff; font-size: 16px;}
#gsjjbj ul li:hover .pic{ background: #fff;}
#gsjjbj ul li:hover .pic i{ color: #0152a4;}
#gsjjbj ul li:hover p{ color: #fff;}
#gsjjbj #tel{ display: inline-block; margin: 5% auto 0; text-align: center; padding: 0 3%; color: #e1e3e4; font-size: 16px; height: 50px; line-height: 50px; background: #0152a4; border-radius: 25px;}
#gsjjbj #tel i{ float: left; font-size: 28px; margin-right: 10px;}
#gsjjbj #tel p{ float: left;}
#gsjjbj #tel span{ display: block; float: left; font-family: Bahnschrift; font-size: 28px;}

/* 案例 */
.cases .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cases{max-width: 1200px;    line-height: 30px;padding: 4% 0 !important;}
#paodao_top{ padding: 3% 0; margin: 0 auto !important; max-width: 1200px;}
#paodao_top li{ text-align: center; cursor: pointer;    flex: 0 0 25%;max-width: 25%;}
#paodao_top li .row div:nth-of-type(1){    flex: 0 0 41.666667%;max-width: 41.666667%;}
#paodao_top li .pic{ float: right; border: 1px solid #cccccc; border-radius: 100%; width: 45px; height: 45px; text-align: center; line-height: 45px; transition:0.3s;}
#paodao_top li .pic i{ color: #ccc; font-size: 24px; transition:0.3s;}
#paodao_top li .font{ text-align: left; padding: 0; line-height: 27px;    flex: 0 0 58.333333%;max-width: 52.333333%; padding-left: 15px;}
#paodao_top li .font p{ color: #333333; font-size: 24px; transition:0.3s;}
#paodao_top li .font span{ color: #666666; font-size: 14px; transition:0.3s;}
#paodao_top li:hover .pic{ background: #0152a4; border: 1px solid #0152a4;}
#paodao_top li:hover .pic i{ color: #fff;}
#paodao_top li:hover .font p{ color: #0152a4; font-weight: bold;}
#paodao_top li:hover .font span{ color: #0152a4;}
#cpnr{position: relative; padding-bottom: 5%;}
#cpnr .hui{background: #fff;}
#cpnr .swiper-container {
    width: 100%;
    height: 100%;
}
#cpnr .swiper-slide {
    transition:0.3s;
    overflow: hidden;
    position: relative;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#cpnr .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
#cpnr .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#cpnr .swiper-slide .content{ position: absolute; left: 50%; top: 50%; margin: 5%; width: 0; background: rgba(1,82,164,0.9); height: 0; transition:0.3s; padding: 15% 8% 0 8%; transition: 0.4s; overflow: hidden; opacity: 0;}
#cpnr .swiper-slide .content:before{ position: absolute; left: 5%; top: 5%; content: ''; width: 90%; height: 90%; border: 1px solid rgba(255,255,255,0.3);}
#cpnr .swiper-slide .content .tit{ color: #fff; font-size: 18px;}
#cpnr .swiper-slide .content .nr{ color: rgba(255,255,255,0.4); line-height: 25px; padding: 6% 0;}
#cpnr .swiper-slide .content .more i{ float: left; color: rgba(255,255,255,0.4); font-size: 45px; margin-right: 3%;}
#cpnr .swiper-slide .content .more{ color: rgba(255,255,255,0.4);}
#cpnr .swiper-slide:hover .content{ left: 0; top: 0; opacity: 1; width: 73%; height: 67%;}
#cpnr .swiper-slide:hover img{ transform: scale(1.1);}
#cpnr .swiper-button-next,#cpnr .swiper-button-prev{ background: #282828; width: 35px; height: 35px; position: absolute; bottom: 0; top: auto; transition:0.3s; text-align: center; line-height: 35px;}
#cpnr .swiper-button-next i,#cpnr .swiper-button-prev i{ color: #fff; font-size: 26px;}
#cpnr .swiper-button-prev{ background: #0152a4; right: auto; left: 45.5%;}
#cpnr .swiper-button-next{ left: auto; right: 45.5%;}
#cpnr .swiper-button-next:after,#cpnr .swiper-button-prev:after{ display: none;}
#cpnr #more{ position: absolute; left: 0; width: 100%; bottom: 0; text-align: center;}
#cpnr #more a{ display: block; width: 35px; margin: 0 auto; height: 35px; line-height: 35px; background: #c5c5c5; transition:0.3s;}
#cpnr #more a i{ color: #fff;}
#cpnr .swiper-button-prev:hover,#cpnr .swiper-button-next:hover,#cpnr #more a:hover{ background: #0152a4; box-shadow:0px 3px 5px rgba(0,0,0,0.1);}


.ind_tit{font-size:44px; color: #333333; text-align: center; position: relative; font-weight: bold;  }
.ind_tit b{ position: relative;z-index: 66}
.ind_tit b:before{ color: #5767e5;position: absolute;  content: '';  height: 10px; width: 80px; background:url(../images/tit_l.jpg) no-repeat top center; left:-95px; top:23px }
.ind_tit b:after{ color: #5767e5;position: absolute;  content: '';  height: 10px; width: 80px; background:url(../images/tit_r.jpg) no-repeat top center; right:-95px; top:23px }
.ind_tit .ind_tit2 { font-size: 16px; color: #666; font-weight: normal; margin:15px 0 50px 0;text-align: center; display: block; }
.ind_tit .ind_tit2 strong{ color: #000; font-weight: normal;}

/*i-news*/
.i-news { height:617px; }
.i-news-left { float:left; width:1200px; margin-top: 30px;}
.i-news-left ul li { background-color:#f9f9f9; margin-bottom:10px; height:130px; position:relative;width: 590px;float: left;margin-right: 20px;}
.i-news-left ul li:nth-child(2n) {margin-right: 0;float: right;}
.i-news-left ul li:after{content:""; position:absolute; left:96px; top:32px; width:1px; height:67px; background-color:#dddddd; }
.i-news-left ul li .riqi { float:left; width:103px; text-align:center; padding-top:26px;}
.i-news-left ul li .riqi .riqi-dd {color:#4f4f4f; font-size:40px; line-height:48px; margin-top:3px; }
.i-news-left ul li .riqi .riqi-yymm {color:#999999; font-size:13px; line-height:20px; }
.i-news-left ul li .con { float:right; width:420px; padding-top:26px; padding-right:20px;}
.i-news-left ul li .con .tit {color:#333333; font-size:16px; line-height:30px; }
.i-news-left ul li .con .des {color:#999999; font-size:13px; line-height:20px; height:40px; overflow: hidden; margin-top:5px; }
.i-news-left ul li:hover:after{background-color:#0276c3; }
.i-news-left ul li:hover .riqi .riqi-dd {color:#0276c3; }
.i-news-left ul li:hover .con .tit {color:#0276c3; font-weight:bold; }
.i-news-right { float:right; width:450px; height:515px; background-color:#FFF; padding-top:35px;}
.i-news-right .pic { width:357px; height:227px; margin:0 auto; overflow:hidden; text-align: center;}
.i-news-right .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-news-right .tit { color:#333333; font-size:16px; line-height:30px; font-weight:bold; padding:0 46.5px; margin-top:20px;}
.i-news-right .riqi { color:#dddddd; font-size:14px; line-height:22px;padding:0 46.5px; margin-top:7px;}
.i-news-right .des { color:#999999; font-size:13px; line-height:22px; height:88px; overflow:hidden;padding:0 46.5px; margin-top:8px;}
.i-news-right .more { width:357px; height:45px; background-color:#0276c3; margin:0 auto; text-align:center; color:#ffffff; font-size:18px; line-height:45px; margin-top:27px;}
.i-news-right:hover .tit {color:#0276c3;}
.i-news-right:hover .more { opacity:0.8;}

/* 通用底部 */
.out-foot{background:#353638;overflow: hidden;margin-top:0px;}
.foot1{width: 1080px;margin: 0 auto;margin-top: 28px;height: 254px;overflow: hidden;}
.foot_logo{width: 240px;float: left;}
.f1a{width:260px;background: url(../images/xian1.jpg) no-repeat right;height: 189px;}
.f1aa{font:600 18px/32px "微软雅黑";color:#fff;padding-left: 26px;}
.f1-a{font:400 14px/24px "微软雅黑";color:#b4b4b4;padding-top: 10px;}
.f1-a2{font:400 16px/24px "微软雅黑";color:#b4b4b4;padding-top: 10px; clear:both;padding-left:26px;}
.f1-a2 li{width: 100%;float: left;color:#b4b4b4; font-size:16px;}
.f1-a2 img{width:180px;}
.f1b{width: 340px;height: 189px;}
.f1c{width:260px;background: url(../images/xian1.jpg) no-repeat right;height: 189px;}
.f1d{width:210px;padding-top:10px;}

.f1ab{font:600 18px/32px "微软雅黑";color:#fff;padding-left: 50px;}
.f1-a1{padding-left: 26px;padding-top: 10px;color:#b4b4b4;clear:both;}
.f1-a1 li{width: 50%;float: left;}
.f1-a1 li a{font:400 16px/30px "微软雅黑";color:#b4b4b4;}
.copp{text-align: center;width:100%;margin: 0 auto;color:#b4b4b4; background:#2a2b2d; height:50px; line-height:50px;}
.copp a{color:#b4b4b4;}

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

/*i-news*/
.fa-1{overflow:hidden;margin:50px 0}
.fa-1 h2{text-align: center;height: 60px;margin-bottom:100px;padding-top:10px;}
.fa-1 h2 em{font-size:46px;color: #333333;display: block;line-height:46px;font-weight: bold;position: relative;}
.fa-1 h2 span{font-size:20px;color: #333333;display: block;padding-top:15px;line-height:26px;font-weight: normal;}
.fa_ctg{height: 80px;margin:0 auto;}
.fa_ctg li{float: left;text-align: center;transition:all 0.5s;margin-right: 75px;}
.fa_ctg li i{display: block;height: 56px;width:75px;overflow: hidden;margin: 0 auto;}
.fa_ctg li i img{display: block;height: 56px;width:75px;transition: all 0.3s;}
.fa_ctg li.cur  i img:nth-child(1){ margin-top:-56px;}
.fa_ctg li span{display: block;font-size: 16px;color: #333333;line-height: 30px;}
.fa_ctg li.cur span{ color:#e30011;font-weight: bold;}
.fa_ctg li:hover{transform:translateY(-5px);}
.fa_ctg li.cur img {animation-duration: 2s;animation-name: flipInY;}

.fa_ctg li:last-of-type{margin-right: 0;}
.i-news { height:720px; background-color:#f9f9f9; padding-top:1px;}
.i-news-left { float:left; width:1200px;}
.i-news-left ul li { background-color:#FFF; margin-bottom:10px; height:130px; position:relative;width: 590px;float: left;margin-right: 20px;}
.i-news-left ul li:nth-child(2n) {margin-right: 0;float: right;}
.i-news-left ul li:after{content:""; position:absolute; left:96px; top:32px; width:1px; height:67px; background-color:#dddddd; }
.i-news-left ul li .riqi { float:left; width:103px; text-align:center; padding-top:26px;}
.i-news-left ul li .riqi .riqi-dd {color:#4f4f4f; font-size:40px; line-height:48px; margin-top:3px; }
.i-news-left ul li .riqi .riqi-yymm {color:#999999; font-size:13px; line-height:20px; }
.i-news-left ul li .con { float:right; width:420px; padding-top:26px; padding-right:20px;}
.i-news-left ul li .con .tit {color:#333333; font-size:16px; line-height:30px; }
.i-news-left ul li .con .des {color:#999999; font-size:13px; line-height:20px; height:40px; overflow: hidden; margin-top:5px; }
.i-news-left ul li:hover:after{background-color:#0276c3; }
.i-news-left ul li:hover .riqi .riqi-dd {color:#0276c3; }
.i-news-left ul li:hover .con .tit {color:#0276c3; font-weight:bold; }
.i-news-right { float:right; width:450px; height:515px; background-color:#FFF; padding-top:35px;}
.i-news-right .pic { width:357px; height:227px; margin:0 auto; overflow:hidden; text-align: center;}
.i-news-right .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-news-right .tit { color:#333333; font-size:16px; line-height:30px; font-weight:bold; padding:0 46.5px; margin-top:20px;}
.i-news-right .riqi { color:#dddddd; font-size:14px; line-height:22px;padding:0 46.5px; margin-top:7px;}
.i-news-right .des { color:#999999; font-size:13px; line-height:22px; height:88px; overflow:hidden;padding:0 46.5px; margin-top:8px;}
.i-news-right .more { width:357px; height:45px; background-color:#0276c3; margin:0 auto; text-align:center; color:#ffffff; font-size:18px; line-height:45px; margin-top:27px;}
.i-news-right:hover .tit {color:#0276c3;}
.i-news-right:hover .more { opacity:0.8;}
.text-center{text-align:center;}
		  .nb_con {height: 500px;}
.nbc_list+.nbc_list{display: none;}
.nbcl_le{width:645px;}
.nbcl_le .news_div_item{width:309px;display: inline-block;vertical-align:top;}
.nbcl_le .news_div_item+.news_div_item{margin-left:20px;}
.nbcl_le .news_div_item_pic img{width:309px; height: 270px;}
.news_div_item_title a{font-size:18px;}
.nbcl_le .news_div_item_content{margin-top:30px;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:24px;color:#68686a;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:0;margin-top:25px;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#68686a;}
.new_more{width:24px;height:24px;border-radius:24px;border:1px solid #9a9899;background:url(../images/more.png) no-repeat right center;float: right;margin-top:17px;}

.nbcr_ri{width:545px;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border-top:1px solid #e6e6e6;padding:36px 0;position:relative;transition:300ms;border-left:1px #e6e6e6 solid;border-right:1px #e6e6e6 solid;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align:center;font-size:0;}
.nbcr_ri .news_div_item_content{width:395px;padding-left:20px;border-left:1px solid #f3f3f3; font-weight: 100;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#565656;  font-size: 14px;}
.nbcr_ri .news_div_item_day{font-size:47px;font-weight:bold;line-height: 55px;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:20px;color:#68686a;padding-right:20px;font-size:14px;}
.nbcr_ri .news_div_item:nth-child(3){border-bottom:1px #e6e6e6 solid;}



.inews{width:1200px;padding:30px 0; overflow: hidden; margin: 0 auto;}
.inews .title{width: 100%;height: 22px;line-height: 22px;margin-bottom: 28px;}
.inews .title h3{font-size: 22px;font-weight: bold;color: #1269cc;}
.inews .title h3 s{width: 4px;height: 22px;display: inline-block;vertical-align: top;margin-right: 10px;background: #1269cc;}
.inews .title a{color: #1269cc;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.inews .title a:hover{text-decoration: underline;}
.inews .newslist{line-height: 55px;}
.inews .newslist li{width: 100%;height: 55px;line-height: 55px;overflow: hidden;border-bottom: 1px dashed #d4d4d4;}
.inews .newslist li a{width: 100%;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms; font-size:16px; text-indent:26px;background:url(../images/heidian.jpg) no-repeat 8px center;}
.inews .newslist li a:hover{ text-indent:35px;}
.inews .newslist li .time{color: #999999;float: right;font-weight: normal;}
.inews1{width: 580px;float: left;}
.inews .item{width: 100%;display: block;padding:10px 0;height:120px;border-bottom: 1px dashed #d4d4d4;}
.inews .item img{width: 160px;height:120px;float: left;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;margin-right: 20px;}
.inews .item h3{color: #333;line-height: 24px;height: 24px; font-size:18px;overflow: hidden;margin-bottom: 10px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.inews .item .txt{line-height: 20px;height:80px; font-size:14px;overflow: hidden;color: #999999;}
.inews .item:hover img{-webkit-filter: brightness(110%);filters: brightness(110%);}
.inews .item:hover h3{color: #009F5E;}
.inews2{width: 575px;float: right;}


.con_right{width:890px; float:right;display:block; overflow: hidden;}
.index_cp{width:100%;display:block;}
.index_cp ul{margin:0;padding:0; clear:both; overflow: hidden;}
.index_cp li {float:left; width: 274px; overflow: hidden; line-height: 35px; text-align:center;border-collapse: collapse;
 border:1px solid #e0e0e0;border-bottom:3px solid #e0e0e0; margin: 0 10px; margin-bottom:15px; }
.index_cp li:hover{border-bottom:3px solid #1B3B92;}
.index_cp li b{font-weight:normal; 
}
.index_cp li a{display:block;}
.index_cp li a .cp_name{display: block; width:280px; height:180px;background: #fff; color: #555;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden;}
.index_cp li a:hover span{transition:0.6s all 0s linear;}
.index_cp li a:hover b{color: #fff;}
.index_cp li a img{max-width: 272px; max-height:180px; vertical-align:middle;}
.index_cp li span{height:40px; line-height:40px;display:block; clear:both; width:100%; margin:0 auto; overflow:hidden; padding-bottom:8px;}
.index_cp li a .cp_name:hover img { transform: scale(1.1, 1.1);}
.index_cp li a .cp_name img{transition:transform 1s ease 0s}

.index_cp li .zxzx{ padding:0; clear:both;}
.index_cp li .zxzx a{ display: block; float: left;  width:50%;  text-align: center; height: 36px; line-height:36px;color: #fff;}
.index_cp li .zxzx .zzl{background: #93081A; color: #fff;}
.index_cp li .zxzx .zzr{ background: #bfbfbf;color: #fff;}

.about{width: 1200px;overflow: hidden;margin: 0 auto;margin-bottom:50px; }
.about .about_con{line-height: 32px;font-size: 16px;text-align: center;margin-bottom: 30px; }
.about .anum{width: 1200px;margin: 0 auto;overflow: hidden;margin-bottom: 50px;}
.about .anum ul li{width: 298px;height: 100px;text-align: center;float: left;border-right: 1px solid #eee;}
.about .anum ul li .counter{height: 70px;line-height: 70px;font-size: 64px;font-family: Impact,sans-serif;font-weight: bold;color: #2975c1;}
.about .anum ul li .jb{font-size: 20px;font-family: "Microsoft YaHei";font-weight: normal;color: #555;padding-left: 10px;}
.about .anum ul li .jieshao{font-size: 16px;color: #555;}
.about .anum ul li:last-child{border:none;}
.amore{display: block;width: 200px;height: 50px;line-height: 50px;text-align: center;background: #2975c1;color: #fff;margin: 0 auto;}
.amore:hover{background-color: #0056d8;color: white;}
.news{width: 100%;padding: 40px 0;overflow: hidden;background: #f3f3f3;margin: 0 auto;}
.blog_list{width: 1200px;overflow: hidden;margin: 0 auto;padding: 20px 0;}
/*友情链接*/
.linkbj{ height:92px; background:#111;}
.link{ width:1200px; margin:0 auto;}
.linkz{ float:left; width:250px; height:92px; background:url(../images/yqlj.jpg) no-repeat; font-size:16px; font-weight:bold;}
.linky{ width:950px; float:right; padding-top:20px;}
.linky a{ display:block; float:left; padding: 0 15px 10px 15px; color:#fff;}
.linky a:hover{text-decoration:underline;}
.foot{ padding:30px 0px 0px; background-color:#034aa2; color:#fff;}
.footc{ margin:0 auto 20px; width:1200px;}
.foot a{ color:#fff;}
.fwx{width: 200px; float:left; text-align:center;}
.fwx img{width:158px;}
.footr{ width:1000px; float:right; }
.ftel{ margin-bottom:10px; text-align:center;}
.flx ul{ margin-left:10%;}
.flx li{ float:left; width:50%; font-size:16px; height:28px; line-height:28px;}

.bq{background-color:#222222; text-align:center; line-height:40px; font-size:14px;}


.yb_conct {position: fixed;z-index: 9999999;top: 200px;right: -127px;cursor: pointer;transition: all .3s ease;}
.yb_bar ul li {width: 180px;height: 53px;font: 16px/53px 'Microsoft YaHei';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar .yb_top {background: url('/images/fixCont.png') no-repeat 0 0 #0154a6;}
.yb_bar .yb_phone {background: url('/images/fixCont.png') no-repeat 0 -57px #0154a6;}
.yb_bar .yb_QQ {text-indent: 0;background: url('/images/fixCont.png') no-repeat 0 -113px #0154a6;}
.yb_bar .yb_ercode {background: url('/images/fixCont.png') no-repeat 0 -169px #0154a6;}
.hd_qr {padding: 0 29px 25px 29px;}
.yb_QQ a {display: block;text-indent: 54px;width: 100%;height: 100%;font-size: 14px;color: #fff!important;}

/*内页*/

/* 关于我们 */



/*关于我们*/
.pc-about { background: url(../images/ab-bg.jpg) no-repeat center center; background-size: cover; }
.pc-about .m-about { position: relative; padding: 0; }
.pc-about .m-about .about-black { position: absolute; right: 100%; height: 100%; width: 100%; top: 0; background: rgba(0, 0, 0, 0.55); }
.pc-about .about-main { background: rgba(0, 0, 0, 0.55); padding: 30px 36px 25px 20px; }
.pc-about .about-main .sub-name p { color: #fff; text-align: left; font-size: 24px; font-weight: bold; }
.pc-about .about-cont { margin: 20px 0;  overflow: hidden; text-align: justify; color: #fff; line-height: 28px; font-size: 14px; }
.pc-about .about-cont p { text-align: justify; color: #fff; line-height: 36px; font-size: 16px;  overflow: hidden; text-indent: 2rem; }
.pc-about .about-cont div { overflow: hidden; }
.pc-about .slick-slide img { height: 100%; max-height: 102px; display: inline-block; }

.Box { position: relative; margin: 0 -20px; }

.Box .Box_con { position: relative; padding-bottom: 60px; }
.Box .Box_con .btns { display: block; width: 41px; height: 41px; position: absolute; bottom: 0; cursor: pointer; }
.Box .Box_con .btnl { background: url(../images/jtl02.png) no-repeat center; right: 80px; }
.Box .Box_con .btnl:hover { background: url(../images/jtl03.png) no-repeat center; }
.Box .Box_con .btnr { background: url(../images/jtr02.png) no-repeat center; right: 34px; }
.Box .Box_con .btnr:hover { background: url(../images/jtr03.png) no-repeat center; }

.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 22px; cursor: pointer; background: transparent; color: transparent; margin-top: -10px; padding: 0; border: none; outline: none; }

.Box .conbox .cur { margin: 0 20px; text-align: center; }

.pc-about .slick-next { width: 41px; height: 41px; position: absolute; right: 20px; bottom: -56px; z-index: 200; }
.pc-about .slick-next:before { color: #fff; display: inline-block; font-family: "FontAwesome"; height: 41px; width: 41px; content: ""; background: url(../images/jtr02.png) no-repeat center center; }

.pc-about .slick-prev { width: 41px; height: 41px; position: absolute; right: 70px; bottom: -56px; z-index: 200; }
.pc-about .slick-prev:before { display: inline-block; height: 41px; text-align: center; width: 41px; content: ""; background: url(../images/jtl02.png) no-repeat center center; }

.pc-about .slick-prev:hover { background: url(../images/jtl03.png) no-repeat center center; }

.pc-about .slick-next:hover { background: url(../images/jtr03.png) no-repeat center center; }


.container{max-width: 1200px;}
.fullSlide .main{position: absolute; bottom: 0; color: #fff; line-height: 50px; width: 100%; text-align: right; padding: 0 !important; background: rgba(0,0,0,0.3);}
.fullSlide .main p{ color: #fff; font-size: 30px; font-weight: bold; padding-top: 3%;}
.fullSlide .main i{ color: #0152a4; font-size: 20px; padding-top: 10px;}
.fullSlide .main span{ display: block; font-size: 14px; color: #fff;}
.fullSlide .main span a{ color: #fff; padding: 0 7px;}
.fullSlide .main span a:hover{ color: #0152a4;}

#gsjj.row{    display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; justify-content: space-between;padding: 6% 0;}
  #gsjj.row>div{    flex: 0 0 50%;max-width: 48%;}
#gsjj .pic{ display: inline-block; position: relative; overflow: hidden;}
#gsjj .pic img{ width: 100%; transition: 0.3s;}
#gsjj .font .tit{position: relative !important;}
#gsjj .font .tit i{ color: #0152a4; font-weight: bold; font-size: 20px; text-transform: uppercase;}
#gsjj .font .tit h1{ font-size: 30px; color: #3d464e; font-weight: bold !important; height: 50px; line-height: 50px;}
#gsjj .font .tit h1 p{ float: left; font-size: 30px;}
#gsjj .font .tit h1 span{ float: left; color: #666666; font-size: 16px; font-weight: normal !important;}
#gsjj .font .tit h1 span i { display: inline-block; color: #666666; font-size: 20px;}
#gsjj .font .tit p{ color: #333333; font-size: 18px;}
#gsjj .font .tit:before{ position: absolute; left: 0; top: 50%; content: 'kuangshan'; width: 100%; height: 100%; color: rgba(98,98,98,0.05); font-size: 100px; font-family: Impact; text-transform: uppercase; }
#gsjj .font .content{ color: #666666; font-size: 16px; line-height: 35px; padding: 5% 0;}
#gsjj .font .content .content_zy{height: 350px;overflow-y: auto;}
#gsjj .font ul{ margin-top: 3% !important;}
#gsjj .font ul li{ float: left; width: 20%; height: 45px; line-height: 45px; font-size: 14px; border: 1px solid #222d35; text-align: center; margin-right: 5%;}
#gsjj .font ul li:first-of-type{ border: 1px solid #0152a4; background: #0152a4; color: #fff;}
#gsjj .font ul li:first-of-type a{ color: #fff;}
#gsjj .font ul li:hover{border: 1px solid #0152a4; background: #0152a4;}
#gsjj .font ul li:hover a{ color: #fff;}

.jjin_lb{ padding: 2% 0 !important;}
.jjin_lb ul li{    flex: 0 0 25%;
  max-width: 25%;}
.jjin_lb ul li .pic,.jjin_lb ul li .dian{ float: left;}
.jjin_lb ul li .float-left{ text-align: left; padding-top: 13px;}
.jjin_lb ul li .dian{ padding: 0 5%; margin-top: 25px;}

.hui {background: #f9f9f9;}
.hui .main{    line-height: 30px;padding: 4% 0;}
#qywh{ margin-top: 3%;}
#qywh .swiper-container {
    width: 100%;
    height: 100%;
}
#qywh .swiper-slide {
    transition:0.3s;
    overflow: hidden;
    position: relative;
    padding: 4% 0;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
#qywh .swiper-slide .font{ background: #fff; padding: 15% 10%; position: relative; transition: 0.3s;}
#qywh .swiper-slide .font i{ color: #0152a4; font-size: 45px;}
#qywh .swiper-slide .font h1{ color: #000000; font-size: 26px; padding: 10% 0 8%;}
#qywh .swiper-slide .font p{ color: #444b53; font-size: 16px;}
#qywh .swiper-slide .font:before{ position: absolute; left: 33px; bottom: -20px; content: ''; width:0; height:0; border:10px solid transparent; border-top-color:#fff; }
#qywh .swiper-slide .font:after{ position: absolute; left: 33px; top: -20px; content: ''; width:0; height:0; border:10px solid transparent; border-bottom-color:#fff; }
#qywh .swiper-slide:nth-of-type(even) .font:before{ display: none;}
#qywh .swiper-slide .num{ width: 45px; height: 45px; border-radius: 100%; text-align: center; line-height: 45px; font-size: 16px; font-family: Arial; background: #fff; margin: 20px; transition: 0.3s; float: left;}
#qywh .swiper-slide:hover .font,#qywh .swiper-slide:hover .num{ background: #0152a4;}
#qywh .swiper-slide:hover .font i,#qywh .swiper-slide:hover .font h1,#qywh .swiper-slide:hover .font p,#qywh .swiper-slide:hover .num{ color: #fff;}
#qywh .swiper-slide:nth-of-type(odd):hover .font:before{ border-top-color:#0152a4;}
#qywh .swiper-slide:nth-of-type(even):hover .font:after{ border-bottom-color:#0152a4;}

/* 联系我们 */
.contact_item{ padding:0; text-align: center; margin-top: 3%;}
.contact_item .row{    display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.contact_item li{ display: inline-block; margin-bottom: 30px;    flex: 0 0 25%;max-width: 25%;}
.contact_item li span{display: block;width: 150px;height: 135px;margin:0 auto;text-align: center;position: relative;}
.contact_item li span.contact_item_1{background: url(../images/contact_li_bg1.png) center no-repeat;line-height: 108px;}
.contact_item li span.contact_item_1 img{ margin-top: 23px;}
.contact_item li span.contact_item_2{background: url(../images/contact_li_bg2.png) center no-repeat;line-height: 135px;}
.contact_item li span.contact_item_2 img{margin-top: 35px;}
.contact_item li span.contact_item_3{background: url(../images/contact_li_bg3.png) center no-repeat;line-height: 170px;}
.contact_item li span img{vertical-align: middle;}
.contact_item_ewm{width: 84px;height: 84px;position: absolute;left: 33px;top:45px;z-index: 1;}
.contact_item_ewm img{width: 84px;height: 84px;position: absolute;left: 0;top:0;transition: all .4s;vertical-align: top;}
.contact_item li h4{color: #333;font-size: 18px;line-height: 30px; text-align: center;margin: 10px auto !important; font-weight: bold !important;}
.contact_item li p{color: #333;font-size: 14px;line-height: 26px;}
.contact_item li:nth-child(3n) p{text-align: center;}

.mess{ padding: 20px 0;}
.in_title{ line-height: 40px; padding: 30px 0 10px; color: #747474; font-size: 16px;}
.in_title p{ font-size: 30px; color: #3e3e3e;}
.mes-form .row{    display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px; justify-content: space-between;}
.mes-form .form-tr{flex: 0 0 50%; max-width: 48%;}
.mes-form .row div:nth-of-type(5){flex: 0 0 100%;max-width: 100%;}
.mes-form .form-tr input {
  display: block;
  width: 100%;
  padding: 0 2%;
  height: 4rem;
  line-height: 4rem;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
}
.mes-form .form-tr .error {
  height: 1rem;
  line-height: 1rem;
  font-size: 12px;
  color: #f00;
  padding: 0 5px;
}
.mes-form .form-tr textarea {
  display: block;
  width: 100%;
  padding: 5px 10px;
  height: 130px;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
}
.mes-form .form-tr .submit2 {
  margin-top: 15px;
  display: block;
  width: 190px;
  float: right;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #c3002f;
  color: #fff;
  font-size: 15px;
  transition: 0.3s;
}

/* 案例展示 */
.news01 {padding: 0;    display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px; justify-content: space-between;}
.news01>div{    flex: 0 0 31.333333%;max-width: 33.333333%;}
.news01 li{ margin-bottom: 7%;}
.news01 .imgbox {width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.news01 .imgbox img { object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;}
/*.news01 .shuiyin{position: absolute; background: url("../images/shuiyin.png") no-repeat center; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;}*/
.news01 .imgbox1 {width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.news01 .imgbox1 p { text-align: center; left: 0; position: absolute; height:100%; width:100%; transition: 0.3s;}
.news01 .imgbox1 p img{ max-width: 100%; max-height: 100%; transition:0.3s;}
.news01 .slide:hover .imgbox img {transform: scale(1.1);}

.news01 .txtbox { height: 50px; line-height: 50px; text-align: center; font-size: 16px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; background: #fff; border-bottom: 1px solid #e2e2e2;}
.news01 .txtbox span{ display: block; z-index: 1; position: relative; transition:0.3s;}
.news01 .txtbox:after {  position: absolute;content: ""; background: #0152a4; height: 100%; width:100%;  left: 0;bottom: 0;
    transition: all 0.5s;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.news01 .slide:hover .txtbox::after { -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1);
    -o-transform: scaleX(1); transform: scaleX(1);
}
.news01 .slide:hover .txtbox span{ color: #fff;}

.al.row{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.news-detail-content {
  background: #fff;
  padding: 30px !important;
  border-radius: 5px;
  flex: 0 0 75%;
    max-width: 70%;
}
.news-detail-title {
  padding-bottom: 15px;
  text-align: center;
  margin-bottom: 15px;
}
.news-detail-title .h3 {
  font-size: 30px;
  color: #323232;
  height: 50px;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #efefef;
  padding-bottom: 20px;
  line-height: 35px;
}
.news-detail-title .b {
  font-size: 13px;
  color: #999999;
  text-align: left;
  line-height: 20px;
  margin-top: 3%;
}
.news-detail-title .b i {
  display: inline-block;
  padding-right: 10px;
}
.news-detail-content .news-detail {
  line-height: 3rem;
  padding: 0 0 30px;
  color: #666;
}
.news-detail-content .news-detail .img {
  text-align: center;
  padding-bottom: 3%;
}
.news-detail-content .news-detail img {
  max-width: 100%;
  margin: 0 auto;
}
.news-detail-content .news-detail{
  font-size: 16px;
  color: #666;
}

.newsPage {
  padding: 2%;
  font-size: 15px;
  border-top: 1px solid #efefef;
  color: #999;
  line-height: 35px;
  margin: 15px 0 30px;
}
.newsPage a {
  color: #999;
}
.news-right{    flex: 0 0 24%;
  max-width: 25%;}
.pro-sider .in-title {
    background: #0152a4;
    color: #fff;
    padding: 8% 10% 5%;
    position: relative;
}
.pro-sider .in-title:before {
  position: absolute;

  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 10%;
  text-align: center;
  font-size: 50px;
  font-family: Impact;
  color: rgba(255,255,255,0.1);
  text-transform: uppercase;
  letter-spacing: 5px;
}
.pro-sider .in-title p {
  font-size: 36px;
  padding-bottom: 1%;
}
.pro-sider .in-title span {
    font-family: arial;
    font-size: 18px;
    text-transform: uppercase;
}
.pro-sider-ul { height: auto; text-align: left; background: #f7f7f7; padding: 15px; border: 1px solid #ebebeb;}
.pro-sider-ul li{ border-bottom: 1px solid #f0f0f0; background: #f7f7f7; width: 94%; cursor: pointer; height: auto; padding: 4% 4%; line-height: 25px;border-bottom: 1px solid #eee;}

.pro-sider-ul li p{ color: #333333; font-size: 18px;}
.pro-sider-ul li span{ color: #999999; font-size: 14px; text-transform: uppercase;}
.pro-sider-ul li i{ float: right; color: #999; font-size: 25px;}
.pro-sider-ul li:hover p,.pro-sider-ul li:hover span,.pro-sider-ul li:hover i{ color: #0152a4;}
.pro-sider-ul #li-on p,.pro-sider-ul #li-on span,.pro-sider-ul #li-on i{ color: #0152a4;}
#main_right{
  flex: 0 0 75%;
    max-width: 73%;
}
.pro_list{ background: #f7f7f7; padding: 0 4%;}
.pro_list .row{
  display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.pro_list li{ margin-bottom: 3%;    flex: 0 0 33.333333%;max-width: 31.333333%; margin-right: 20px;}
.pro_list li:nth-of-type(3n){margin-right: 0;}
.pro_list li .img{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; position: relative;}
.pro_list li .img img:nth-of-type(1){ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
.pro_list li .img .water {
  position: absolute;
  top: 0;
  left: 10px;
  width: 100px;
}
.pro_list li .title{ height: 60px; line-height: 60px; text-align: center; font-size: 16px; overflow: hidden;}
.pro_list li:hover .img img{ transform: scale(1.1);}


.pro_home{ height: 80px; line-height: 80px; margin-top: 100px !important;}
.pro_home i{ display: block; float: left; font-size: 20px; margin-right: 10px;}


#xgcp{ padding: 7% 0 2%;}
#xgcp li{ margin-bottom: 10%; background: #fff;}
#xgcp li .pic{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#xgcp li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#xgcp li p{ height: 40px; line-height: 40px; text-align: center; transition: 0.3s; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#xgcp li:hover p{ background: #0152a4; color: #fff;}
#xgcp li:hover .pic img{ transform: scale(1.1);}

/* 新闻中心 */
.de-news-list {
  min-height: 644px;
  padding: 0;
}
.de-news-list ul li {
  padding: 2% 0;
  transition: 0.5s;
  position: relative;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  cursor: pointer;
}
.de-news-list ul li:before {
  position: absolute;
  left: -20%;
  top: 0;
  width: 0;
  height: 100%;
  background: #f8f8f8;
  content: '';
  transition: 0.5s;
}
.de-news-list .row{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.de-news-list ul li .img {
  height: 0;
  float: left;
  padding-bottom: 10%;
  position: relative;
  overflow: hidden;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.de-news-list ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  position: absolute;
  transition: 0.3s;
}
.de-news-list ul li .time {
  color: #0152a4;
  font-size: 26px;
  font-family: Bahnschrift;
  text-align: center;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  margin-top: 45px;
}
.de-news-list ul li .box {

width:950px;
}
.de-news-list ul li .box h4 {
  color: #333333;
  overflow: hidden;
  margin: 0;
  font-size: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal !important;
}
.de-news-list ul li .box p {
  color: #999999;
  line-height: 28px;
  height: auto;
  overflow: hidden;
  padding: 2% 0 !important;
}
.de-news-list ul li .box .more {
  color: #c3002f;
}
.de-news-list ul li .chakan {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 0;
  height: 51%;
  background: rgba(1,82,164,0.8);
  text-align: center;
  color: #fff;
  padding-top: 8%;
  transition: 0.3s;
}
.de-news-list ul li .chakan i {
  font-size: 20px;
}
.de-news-list ul li:hover .chakan {
  width: 13%;
}

.pro_con{padding-bottom: 40px;}
.pro_con .row{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  justify-content: space-between;
}
#sidebar{
  flex: 0 0 25%;
  max-width: 25%;
}
.cp_left{ height: 0; padding-bottom: 40%; position: relative; overflow: hidden; flex: 0 0 50%; position: relative;
  max-width: 48%;}
.cp_left img:nth-of-type(1){ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
.cp_left .water{position: absolute; top: 0; left: 10px;}
.cp_right{flex: 0 0 50%;
  max-width: 50%;}
.cp_right h2{ color: #333333; font-size: 28px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; line-height: 50px;}
.cp_right .content{ border-bottom: 1px dashed #cccccc; border-top: 1px dashed #cccccc; padding: 3% 0; margin: 3% 0;}
.cp_right .content p{ color: #999999; font-size: 16px; line-height: 35px;}
.cp_right .content p span{ color: #282828; font-weight: bold;}
.cp_right dl p{ color: #282828; font-size: 16px; font-weight: bold; float: left;}
.cp_right dl dt{ float: left; font-weight: normal; color: #0152a4; font-size: 15px; background: #f2e3e0; border: 1px solid #efd1cc; padding: 0 1%; margin-right: 2%; border-radius: 3px;}
.cp_right ul{ margin: 5% 0 !important;}
.cp_right ul li{ padding: 0 1%;}
.cp_right ul li .pic{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.cp_right ul li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
.cp_right ul li p{ background: #fff; text-align: center; width: 100%; height: 30px; line-height: 30px; font-size: 13px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.cp_right .row{justify-content: start;}
.cp_right .order-btn{ height: 50px; line-height: 50px; background: #0152a4; color: #fff; border-radius: 5px; text-align: center;flex: 0 0 33.333333%;
  max-width: 33.333333%; margin-right: 30px;}
.cp_right .order-btn a{ color: #fff; font-size: 16px;}
.cp_right .zixun-btn{ height: 50px; line-height: 50px; background: #282828; color: #fff; border-radius: 5px; text-align: center; font-size: 16px;flex: 0 0 33.333333%;
  max-width: 33.333333%;}
.cp_right .zixun-btn a{ color: #fff; font-size: 16px;}

#cpbtqh{ width: 100% !important; transition:0.3s; background: #fff; text-align: center;}
.cpbt{ margin: 0 auto !important; height: 70px; line-height: 70px; border-bottom: 1px solid #efefef; width: 100%; transition:0.3s;}
.cpbt li{ float: left; color: #666666; font-size: 16px; width: 15%; text-align: center; position: relative; transition:0.3s;}
.cpbt li a{ color: #666666;}
.cpbt li:after{ position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; content: ''; background: #fff; transition: 0.3s;}
.cpbt li:before{ position: absolute; right: 0; top: 30%; width: 1px; height: 40%; content: ''; background: #d5d5d5;}
.cpbt li:last-of-type:before{ display: none;}
.cpbt li:hover:after{ position: absolute; left: 25%; bottom: 0; width: 50%; height: 3px; content: ''; background: #cf0000;}
.cpbt li.current:hover:after{ left: 25%; width: 50%; background: #cf0000;}
.cpbt li.current:after{ left: 25%; width: 50%; background: #cf0000;}
.cpbtqh_active{ top: 60px; position: fixed; left: 0; z-index: 10;}
#top_tel{ color: #0063d0; transition:0.5s; padding: 0;}
.top_tel_con{ position: relative; z-index: 1; padding: 7% 0 0 0; transition: 0.3s;}
.top_tel_con .pic{ float: left; width: 20%; transition: 0.3s; margin-top: 10px;}
.top_tel_con .pic img{ max-width: 100%;}
.top_tel_con .left{ width: 77%; padding-left: 3%; font-size: 14px; color: #686868; line-height: 25px; transition: 0.3s;}
.top_tel_con span{ display: block; font-size: 32px; color: #0152a4; font-family: Bahnschrift; font-weight: bold; padding-top: 2%;}

.bai{ background: #fff; padding: 3%;}
.bai .content{ line-height: 30px; color: #999999; padding: 3% 0;}
.bai .content img{ max-width: 100%;}
.xgcp1 li:hover p{ background: #fff !important; color: #282828 !important;}

.cp-tools { height: auto; line-height: 37px; text-align: center; width: 80%; overflow: hidden; padding: 0 10% 5%; }
.cp-tools a { display: block; float: left; flex: 1; width: 45%; height: 37px; border-radius: 20px; background-color: #0152a4; color: #ffffff; }
.cp-tools a:nth-of-type(2){ float: right;}
.cp-tools a.btn-free { background:none; color: #aaaaaa; border:1px solid #aaaaaa;}
.cp-tools a:hover { background-color: #0152a4; border:1px solid #0152a4; color: #ffffff; }
.cp-tools a:hover ~ .btn-ask { background:none; color: #aaaaaa; border:1px solid #aaaaaa; }

.cpinfo_con{    flex: 0 0 75%;
  max-width: 69%;}
.cpinfo_con .tit_in{ margin: 5% 0 2%;    }
#anli{ margin: 3% 0 5% !important;}
#anli div{ padding: 0 0.5%;flex: 0 0 33.333333%;
  max-width: 31.333333%;}
#anli li{width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden; margin-bottom: 3%;}
#anli li img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;}
#anli li:hover img{ transform: scale(1.1);}

#indexNews>div{flex: 0 0 100%;
  max-width: 100%;}
#indexNews li{width: 100%;height: auto; margin:0 auto; padding: 4% 0; transition: 0.3s; border-bottom: solid 1px #e8e8e9; }
#indexNews li .row{ margin: 0;}
#indexNews li .right{ padding-left: 3% !important; line-height: 25px;    flex: 0 0 83.333333%;max-width: 80.333333%;}
#indexNews li .news_title{ text-align: left; color: #333333; font-size: 18px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; line-height: 30px; height: 30px; margin-top: 0;}
#indexNews li .news_info{ color: #999999; font-size: 14px;}
#indexNews li .news_time{    flex: 0 0 16.666667%;max-width: 15.666667%; line-height: 30px; text-align: center; font-weight: normal !important; border-right:solid 1px #e8e8e9; color: #666666;font-size: 1.5rem; padding: 0 !important; margin: 0 !important;}
#indexNews li .news_time span{display: block; margin:0 auto; line-height: 45px; width: 100%; text-align: center; color: #666666; font-size: 50px; font-family: Bahnschrift;}
#indexNews li:last-of-type{ border-bottom: none;}
#indexNews li:hover{ background: #0152a4;}
#indexNews li:hover .news_title,#indexNews li:hover .news_time,#indexNews li:hover .news_time span{ color: #fff;}
#indexNews li:hover .news_info{ color: rgba(255,255,255,0.6);}




.path{width:100%;height:40px; line-height:40px; padding:0px; background:#f4f4f4; border-bottom:2px solid #1d72bd;}
.path h2{float:left; font-weight:bold; font-size:16px; background:#1d72bd; height:40px; padding:0px 15px; color:#fff;}
.path span{float:right; padding-right:10px; font-size:14px;}
.content{width:100%; margin:0 auto; padding:25px 0; font-size:14px; line-height:24px;}
.content table{border:0px;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2; width:98%; margin:10px auto;}
.content table td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; margin:0px; padding:0px; text-align:center;}
.content p{font-size:16px; line-height:28px;}
.content .datu {
    padding: 15px 0;
}
.view-title{font-size:24px; height:50px; line-height:50px; display:block; text-align:center;}
.view-date{height:40px; line-height:40px; display:block; text-align:center;}

.updown{width:100%; clear:both; margin-top:15px; margin-bottom:15px; height:50px; display:block;}
.updown li{height:25px; line-height:25px;}
.products{ width:100%; margin:0 auto;}
.products .pros_tit{font-size:28px; text-align:center;height:90px; line-height:90px;margin-top:20px;margin-bottom:20px;clear:both;}
.products .pros_tit a{font-size:28px; background:#0154a6; color:#fff; padding:10px 30px;}

.row .cptitle{ width:291px; background:#eeeeee; height:50px;}
.row .cptitle p{ color:#333; font-size:16px; text-align:center; line-height:50px;}

/*产品组图*/

#imgto{width: 364px;
    height: 390px;
    float: left;
}

.pro_right{width:510px; float:right;}
.pro_right h1{height:80px; line-height:80px; font-size:26px;}
.pro_right .pro_desc{line-height:28px; line-height:28px; font-size:14px; background:#f4f4f4; padding:15px;}
.pro_right .pro_zx{width:260px;height:28px; line-height:28px; margin-top:20px; font-size:30px; background:#0D4BAA url(../images/tel2.png) no-repeat 20px 16px; padding:15px 25px; border-radius:3em; text-indent:36px; color:#fff;}
.pro_img{ width:94%; margin:0 auto; clear:both; text-align:center; display:block; padding:20px;}



.view_con{width:100%; padding:15px 0; font-size:14px;}
.view_con img{min-width:440px; max-width:740px;}
.view_pic{width:100%; padding:15px 0; text-align:center;}
.view_pic img{min-width:440px; max-width:640px;}
.view_desc{padding:15px 25px; background:#f5f5f5; border:1px solid #e2e2e2; font-size:14px;}
.view_title{width:100%; background:#f4f4f4; height:50px; line-height:50px;}
.view_title h3{background:#0154a6 url(../images/ico.png) no-repeat 20px center; display:block; float:left; color:#fff; width:140px; text-indent:50px; font-size:16px;}
.content .datu {
    padding: 15px 0;
    text-align: center;
}



/* 地图 */
#allmap{width:100%; height:550px; line-height:25px;}

/*分页*/
.pages{text-align:center;clear:both; padding:5px 0px 10px 0px;font-size:14px;width:100%; margin:0 auto;margin:15px 0;}
.pages a{margin:3px;padding:8px 12px;border:1px solid #c1c1c1;color:#A0A0A0;font-size:14px;border-radius: 3px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#F0F0F0));}
.pages span{background:#15181E;color:#fff;margin:3px;padding:8px 12px;border:1px solid #15181E;border-radius: 3px;}

/*留言*/
.member_f{width:90%; margin:0 auto;margin-top:5px;}
.member_f li{padding:10px 0; display:block;}
.member_f li .inp{height:40px; line-height:40px; width:98%; border:1px solid #e2e2e2; border-radius:5px; padding-left:5px;}
.member_f li .inpx{height:40px; line-height:40px; width:50%; border:1px solid #e2e2e2;border-radius:5px; padding-left:5px;}
.member_f li .textarea{height:120px; width:96%;border:1px solid #e2e2e2;border-radius:5px;padding:5px;}
.member_f li.anniu{ text-align:center;}
.member_f .btnbig{height:40px; line-height:40px; font-size:16px; background:#0072B4; border:none; cursor:pointer; width:280px; margin:0 auto; color:#fff;}


.ico1{background:#fff url(../images/liuyan_01.png) no-repeat 4px center;}
.ico2{background:#fff url(../images/liuyan_02.png) no-repeat 4px center;}
.ico3{background:#fff url(../images/liuyan_03.png) no-repeat 4px center;}
.ico4{background:#fff url(../images/liuyan_04.png) no-repeat 4px center;}


.youshi{margin-top:30px; width:100%; margin:0 auto; height:1400px;}
.youshi .youshi_tit{text-align: center; height:190px;width:100%; clear:both;}
.youshi_con{position:relative; margin-top:40px; display:block; width:1200px; margin:0 auto;}
.youshi_text{width:620px; clear:both;}
.youshi_con_t{height:90px; line-height:100px; text-indent:114px; font-size:28px; color:#bc2024;}
.youshi_con_d{width:87%; display:block; padding-left:13%; margin-top:20px;}
.youshi_con_d p{line-height:25px;font-size:14px;}

.t1{position:absolute; left:0px; top:50px;}
.t2{position:absolute; right:0px; top:400px;}
.t3{position:absolute; left:0px; top:650px;}
.t4{position:absolute; right:0px; top:960px;}
.ys_t1{ background:url(../images/ys_num1.png) no-repeat center;}
.ys_t2{ background:url(../images/ys_num2.png) no-repeat center;}
.ys_t3{ background:url(../images/ys_num3.png) no-repeat center;}
.ys_t4{ background:url(../images/ys_num4.png) no-repeat center;}
.youshi_pic1{position:absolute; right:0px; top:50px;}
.youshi_pic2{position:absolute; left:0px; top:350px;}
.youshi_pic3{position:absolute; right:0px; top:620px;}
.youshi_pic4{position:absolute; left:0px; top:890px;}

.yunu-contact{background-color: #f5f5f5;border: 1px solid #eaeaea;padding: 48px 60px;overflow: hidden;margin-bottom: 30px;}
.yunu-contact .tel{float: left;   color: #666;font-size: 16px;}
.yunu-contact .tel img{width: 120px;}
.yunu-contact .tel h4{margin: 0;font-size: 20px;padding-left: 5px;line-height: 1;float: right;text-align: right;}
.yunu-contact .tel strong {font-size: 16px !important;text-align: right;}
.yunu-contact .tel p {font-size: 14px !important;text-align: right;}
.yunu-contact .telr {width: 250px;float: right;box-sizing: border-box;padding: 20px 0;line-height: 40px;}
.yunu-contact .tel strong {display: block;font-size: 34px;}

.yunu-contact .info {margin-left: 200px;border-left: 1px solid #ddd;padding-left: 60px;}
.yunu-contact .info h4 {font-size: 22px;margin: 0;color: #004366;}
.yunu-contact .info p {margin: 19px 0 0;}

/* 首页产品展示 */
.kinds2{ width: 100%;float:left; overflow: hidden;margin-top:0px;display: flex;flex-wrap: wrap;justify-content: space-around;}
.kinds2 a{display: inline-block;float: left;width:220px;height: 40px;line-height: 40px;overflow: hidden;text-align: center;color: #111;font-size: 16px; margin-bottom: 10px;border: 1px solid #f5f5f5;background: #f5f5f5; }
.kinds2 a:hover{background: #1857a4;border: 1px solid #1857a4;color: white;}

.index_cp1{width:100%;display:block; overflow: hidden;}
.index_cp1 ul {margin:0;padding:0; clear:both; overflow: hidden;}
.index_cp1 li {float:left; width:260px;background:#fff; padding:10px; overflow: hidden;text-align:center;border-collapse: collapse;margin:5px 10px 15px 10px;}
.index_cp1 li a{display:block;}
.index_cp1 li a .cp_name{display: block; width:260px; height:170px;color: #555;display: table-cell; text-align: center;  vertical-align: middle;  overflow:hidden; position: relative;}
.index_cp1 li a img:nth-of-type(1){width:260px;height:170px;object-fit: cover;}
.index_cp1 li a .water{position: absolute; top: 0;left: 10px;width: 100px;}
.index_cp1 li .cp_xclass{ height:40px; line-height:40px; font-size:20px; color:#333;text-align:left;width:94%; margin:0px auto; text-align: center;}

.index_cp1 li .zxzx{display: flex;height: 36px;line-height: 36px;justify-content: space-between;}
.index_cp1 li .zxzx a{width: 49%;color: white; }
.index_cp1 li .zxzx .zzr{background: #2975c1;}
.index_cp1 li .zxzx .zzl{background:#2975c1 ;}
.index_cp1 li .zxzx a:hover{background: #0056d8;}

.index_cp1 li a .cp_name:hover img { transform: scale(1.1, 1.1);}
.index_cp1 li a .cp_name img{transition:transform 1s ease 0s}
/*首页产品展示*/
.index_cp1 li a{display:block; color:#111;}
.index_cp1 li a .cp_name{border:1px solid #ccc;}
.index_cp1 li span{ text-align:center; overflow:hidden;}
/* 图片放大效果 */
.index_cp1 li a .cp_name:hover img { transform: scale(1.1, 1.1);}
.index_cp1 li a .cp_name img{transition:transform 1s ease 0s}

.message { margin-top: 30px; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); padding: 30px 20px; }
.message h4 { font-size: 22px; color: #333; text-transform: uppercase; border-bottom: 1px solid #eee; padding-bottom: 15px; }
.message p { font-size: 13px; color: #808080; margin: 10px 0px; }
.message label { font-size: 14px; color: #666; margin-bottom: 5px; font-weight: normal; }
.message label span { color: red; }
.message .input2 { color: #666; width: 100%; border: 1px solid #ddd; line-height: 20px; margin-bottom: 15px; background: #fff; padding-left: 10px; font-size: 12px; height: 40px; }
.message .input3 { color: #666; width: 100%; height: 130px; border: 1px solid #ddd; line-height: 20px; margin-bottom: 15px; background: #fff; padding-left: 10px; font-size: 12px; }
.message .input4 { color: #666; width: 100px; height: 40px; border: 1px solid #ddd; line-height: 20px; margin-bottom: 15px; background: #fff; padding-left: 10px; font-size: 12px; }
.message .form-btn { background: #0462a0; color: #fff; line-height: 38px; font-size: 14px; font-family: 'poppins-semibold'; display: inline-block; padding: 0px 26px; text-transform: uppercase; margin-top: 15px; border: medium none; }
.message .form-btn:first-child { margin-right: 10px; }



/*============优势===============*/

.ho{height: auto;overflow: hidden;}
.cl{clear: both;}
.mr{margin: 0 auto;}
.lybox{width: 100%;height: 1288px; background: url('../images/lybg.png') no-repeat top center;}
.lyt{width: 100%;height: 131px;padding:60px 0 47px 0;background: url('../images/lyt.png') no-repeat  center center; }


.ly{background: #fff;}
.lyc{width:50%;height: 280px;float: left;}
.ly01,.ly04,.ly05{padding:0 30px;box-sizing: border-box;}
.ly02 img,.ly03 img,.ly06 img{display: block;width: 100%;height: 100%;}

.lycc{width: 100%;height: 92px; border-bottom: 1px solid #e5e5e5;}
.lycc1{width: 62px;height: 72px;background: url('../images/lspan.png') no-repeat top center;color: #fea803;font-size: 30px;text-align: center;padding-top: 20px;font-weight: bold;font-family: impact;}
.lycc2{width: 478px;height: 92px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
padding-top: 38px;padding-left:15px; padding-right: 15px;}
.lycc21{width: 100%;vertical-align:bottom;height: 26px;}
.lycc21 span{color: #0b81d9;font-size: 25px;font-weight: bold;display:table-cell; float: left;vertical-align:text-bottom}
.lycc21 i{color: #232323;font-size: 25px;font-style: normal;display:table-cell; float: left;height: 26px;vertical-align:text-bottom}


.lycc22{color: #bcbcbb;font-size: 15px;width: 100%;text-transform : uppercase;}

.lycd {width: 100%;height: auto;overflow: hidden;padding-top: 30px;}
.lycd li{float: left;padding-left:20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-left:1px solid #0b81d9;margin-left:30px;line-height: 29px; color: #333333; display:block;}
.lycd li span{display: block;float: left;width:0px;}
.lycd li span img{position: relative;right: 26px; top:10px;}


.lyb01{color: #fea803;text-align: center;width: 100%;padding:50px 0 16px 0;font-size: 24px;font-weight: bold;}
.lyb02{color: #fff;width: 480px; height: 54px; text-align: center;line-height: 54px;background: #fea803;border-radius: 27px;margin:0 auto;font-size: 24px; font-weight: bold;position: relative;z-index: 4;}
.lyb03{width: 100%;height: 3px; background: #fea803;position: relative;bottom: 26px;z-index: 3;}