@charset "utf-8";

/*首页banner*/
.banner{ position: relative; }
.banner .swiper-pagination{text-align:center;position:absolute;left:0;right:0;bottom:30px;z-index:2}
.banner .swiper-pagination .swiper-pagination-bullet{width:20px;height:5px;display:inline-block;margin:0 5px;position:relative;transition:all linear 0.3s;cursor:pointer; border-radius: 0}
.banner .swiper-pagination .swiper-pagination-bullet-active{width:30px;  background: #0053b9}




.home_title{ text-align: center; position: relative;  max-width: 880px; margin: 0 auto}
.home_title .title{color:#222;font-weight: bold; z-index: 2; position: relative; padding-bottom: 12px}
.home_title .title:after{ content: ''; width: 80px; height: 3px; background: #155dc1; bottom: 0; left: 50%; margin-left: -40px; position: absolute; }
.home_title .text{margin-top:10px;color:rgba(0,0,0,0.7);line-height:1.6;}
.home_title .en{ font-size:66px; color: rgba(0,0,0,.05); font-weight: bold; font-family: arial; position: absolute; top:-20px; width: 100%; left: 0; text-transform: uppercase;  z-index: 1 }
.home_title.bs .title{ color: #fff !important }
.home_title.bs .text{color:rgba(255,255,255,0.7) !important;}
.home_title.bs .title:after{ background: #fcb107 !important; }



.titbnt { width: 19%; text-align: center; margin-top: 30px }
.titbnt .swtbtn { width: 84.21053%; position: relative; z-index: 1; cursor: pointer }
.titbnt .swtbtn span { width: 100%; display: block; background:#001938; border-radius: 70px; color: #fff; font-weight: bold; line-height:55px; transition: all linear 0.4s; position: relative; }
.titbnt .swtbtn i{ width: 100%; position: absolute; right: 0; top: 0; bottom: 0; border-radius: 70px; z-index: -1; transition: all linear 0.4s;display: block; }
.titbnt .swtbtn .zs1 { right: -5.80357%; background: rgba(0,25,56, 0.6); animation: animation1 1.5s ease-in-out 0s infinite both; animation-delay: -0.8s }
.titbnt .swtbtn .zs2 { right: -11.60714%; background: rgba(0,25,56, 0.3); animation: animation2 1.5s ease-in-out 0s infinite both; animation-delay: -0.64s }
.titbnt .swtbtn .zs3 { right: -17.41071%; background: rgba(0,25,56, 0.1); animation: animation3 1.5s ease-in-out 0s infinite both; animation-delay: -0.48s }

.titbnt .swtbtn span:after{content:"";width:20px;height:13px;display:inline-block;vertical-align:middle;margin-left:5.29412%;background:url(../image/banner_more.png) center no-repeat;background-size:100%;transition:all linear 0.2s}
.titbnt .swtbtn:hover span { background: #ffd200; color: #111 }
.titbnt .swtbtn:hover span:after{background:url(../image/banner_more2.png) center no-repeat;background-size:100%;margin-left:8.29412%;}
.titbnt .swtbtn:hover .zs1 { background: rgba(255,210,0, 0.6); }
.titbnt .swtbtn:hover .zs2 {background: rgba(255,210,0, 0.3); }
.titbnt .swtbtn:hover .zs3 { background: rgba(255,210,0, 0.1);}


.lxbnt .m{ width:220px; display: block; background:#ffd200; border-radius: 70px; color: #111; font-weight: bold; line-height:55px; transition: all linear 0.4s; position: relative;  margin: 0 auto; padding-left: 30px}
.lxbnt .m:after{content:"";width:20px;height:13px;display:inline-block;vertical-align:middle;margin-left:5.29412%;background:url(../image/banner_more2.png) center no-repeat;background-size:100%;transition:all linear 0.2s}
.lxbnt .m:hover { background: #001938; color: #fff }
.lxbnt .m:hover:after{background:url(../image/banner_more.png) center no-repeat;background-size:100%;margin-left:8.29412%;}





/*.lxbnt .m{display: inline-block; line-height:53px;  margin-right: 15px; width: 170px; background: #ffc800; text-align: center; border-radius: 27px }
.lxbnt .m{ background: #0053b9; color: #fff }
.lxbnt .m:hover{ width: 200px }
*/

.banner .swiper-pagination{text-align:center;position:absolute;left:0;right:0;bottom:30px;z-index:2}


@media (max-width:980px) {
.bannermSwiper{ padding-top: 50px }
.home_title .text{display: none}
.home_title .en{ font-size:24px;top:-12px; }
.home_title .title:after{width:30px;margin-left: -15px;  }

.titbnt { width: 25%;margin-top: 0px }
.titbnt .swtbtn span { border-radius:20px; line-height:35px; }
.titbnt .swtbtn i{ border-radius: 20px; }


.lxbnt .m{line-height:35px; width:60%; border-radius:22px;padding-left:10px; }
.lxbnt .m:hover{ width:60% }
}




/*首页1 css*/


.home1{ padding:70px 0 40px; background:#fbfbfb url(../image/por_bg.jpg) no-repeat; background-size: cover; }
.adv-box{  padding-top: 30px }
.adv-hd-swiper .swiper-slide{ margin:0 1px; background: #125cc0; color: #fff; text-align: center; position: relative; padding-bottom: 30px; width: 19.88888%}
.adv-hd-swiper .swiper-slide .name{position: absolute; left: 10%; bottom: 0; width:80%;height: 0; text-align: left; transition: all .3s; opacity: 0; z-index:5; font-size: 16px;padding:8% 0;  }
.adv-hd-swiper .swiper-slide:hover .name{  height: 100%;  opacity: 1; line-height: 2}
.adv-hd-swiper .swiper-slide .name a{ color: #fff; display: block;position: relative; padding-left:18px}
.adv-hd-swiper .swiper-slide:after{ position: absolute; height:0; width: 100%; content: ''; background: rgba(0,29,67,.85); left: 0; bottom: 0;transition: all .3s; z-index: 3 }
.adv-hd-swiper .swiper-slide:hover:after{height: 100%; }
.adv-hd-swiper .swiper-slide .name a:hover{ text-decoration: underline; color: #fcb107 }
.adv-hd-swiper .swiper-slide .name a:before{ position: absolute; width: 8px; height: 8px; content: ''; border:1px solid rgba(255,255,255,.35);  left: 0; top: 50%; margin-top: -4px; background:rgba(255,255,255,.45);}
.adv-hd-swiper .swiper-slide .name a:hover:before{ border:1px solid #fcb107;  background:#fcb107 }

.adv-hd-swiper .swiper-slide .name .hot{ width:25px; height: 15px; background:url("../image/hot.png") center/contain no-repeat; z-index: 5; position: relative; display: inline-block; margin-left: 20px; opacity: 0; }
.adv-hd-swiper .swiper-slide:nth-child(1) .name a:nth-child(1) .hot,.adv-hd-swiper .swiper-slide:nth-child(1) .name a:nth-child(2) .hot,.adv-hd-swiper .swiper-slide:nth-child(1) .name a:nth-child(3) .hot{ opacity: 1; }
.adv-hd-swiper .swiper-slide:nth-child(2) .name a:nth-child(1) .hot,.adv-hd-swiper .swiper-slide:nth-child(2) .name a:nth-child(2) .hot{ opacity: 1; }



.home1 .adv-body{ overflow: hidden; }
.adv-body .swiper-slide{ }
.home1 .adv-body .item{ width: 32.3333333%; margin:30px 0 0 0; position: relative; text-align: center;  background: #fff; border:1px #ddd solid; float: left; position: relative;}
.home1 .adv-body .item:nth-child(2),.home1 .adv-body .item:nth-child(5){ margin: 30px 1.5% 0 }
.home1 .adv-body .item a{ display: block; position: relative; z-index: 6;   }
.home1 .adv-body .item figure{ overflow: hidden; background:url("../image/cp_bg.jpg");  background-size: cover;}
.home1 .adv-body .item figure img { width: 100%;transition: all linear 0.4s  }
.home1 .adv-body .item .tit{ display:block;  line-height: 58px; text-align: left; padding-left: 20px }
.home1 .adv-body .item:hover img { transform: scale(1.1) }
.home1 .adv-body .item:hover .tit{ color: #bd2e2e }
.home1 .adv-body .item .an{  line-height:35px; font-size: 14px; position: absolute;  bottom: 10px; right: 15px }
.home1 .adv-body .item .an a{ display:inline-block; width: 80px; float: left; color: #000; background: #fcb107;}
.home1 .adv-body .item .an a.m{ background: #125cc0; color: #fff }

.imore{ display: block; width: 150px; margin:35px auto 0; background:#125cc0; color: #fff; text-align: center; transition: all .3s; border-radius: 25px; line-height: 50px }
.imore:hover{ width: 180px; color: #ffb100 }

.home1 .adv-body .item .item-hot-icon { position: absolute; top: 0; left: 0; z-index: 2; width: 70px; height: 70px; background: url("../image/hot-icon.png") center/contain no-repeat; display: block; opacity: 0 }
.home1 .adv-body .item:nth-child(1) .item-hot-icon,.home1 .adv-body .item:nth-child(2) .item-hot-icon{ opacity: 1 }



@media screen and (max-width:1440px) {
.home1{ padding:60px 0 }
}


@media screen and (max-width:1240px) {
.home1{ padding:40px 0 }
}



@media (max-width:980px) {
.home1{ padding:30px 0 }


.adv-box{  padding-top:10px }
.adv-hd-swiper .swiper-slide{  padding-bottom:10px;}
.adv-hd-swiper .swiper-slide .name{ display: none;  }
.adv-hd-swiper .swiper-slide .t1{ font-size: 12px }
.home1 .adv-body .item{ width: 48%;margin:10px 1% 0; }
.home1 .adv-body .item:nth-child(2),.home1 .adv-body .item:nth-child(5){margin:10px 1% 0;}
.home1 .adv-body .item .tit{ display: block;  line-height: 38px; text-align: center; padding-left: 0px }
.home1 .adv-body .item:before{border-radius:7px 7px 0 0; }
.home1 .adv-body .item:after{ border-radius:7px 7px 0 0; }

.home1 .adv-body .item .an{  line-height:28px; font-size: 10px; bottom:5px; right:3px; display: none; }
.home1 .adv-body .item .an a{ width: 50px;}


.home1 .adv-body .item .item-hot-icon {width: 30px; height: 30px; }
.imore{ width:60%; margin:15px auto 0; line-height: 40px }
.imore:hover{ width: 65%; }

}




.home2{ padding:30px 0; background:url(../image/lc_bg.jpg) no-repeat; background-size: cover;  }
.home2 .list{ margin-top:20px; color: #fff}
.home2 .list li{   float: left; vertical-align: bottom;}
.home2 .list .item{ width:10.9%;text-align: center; }
.home2 .list .line{ width:5.777778%;  position: relative; height:180px }
.home2 .list .line:after{ width: 96%; left: 4%; height: 1px; border-top:1px #fff dashed; top: 50%;z-index: 3; opacity: .6}
.home2 .list .line:before{ width: 12px; height: 12px; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px;transform: rotate(-135deg); border-left:6px solid #fcb107; border-bottom:6px solid #fcb107;z-index:4;}

.home2 .list .item .icon{ display: block; width: 100%; padding:10px 0 0px; margin-bottom:15px; text-align: center;  font-family:arial; position: relative;transition:all .3s ;color: #ffb100;}
.home2 .list .item .icon figure{text-align: center; position: relative; margin-bottom: 5px }
.home2 .list .item .icon figure img{ display: block;  margin: 0 auto;}
.home2 .list .item .icon figure img.p1{}
.home2 .list .item:hover .icon{   }
.home2 .list .item:hover{ font-weight: bold; }
.home2 .list .item:hover .icon{ padding-top:15px  }



@media screen and (max-width:1440px) {
.home2{ padding:35px 0 }
}


@media screen and (max-width:1240px) {
.home2{ padding:25px 0 }
}


@media (max-width:980px) {
.home2{ padding:15px 0; }	
.home2 .home_title2 .fl{ float: none; width: 100%; text-align: center; }
.home2 .list{ margin-top:15px;}
.home2 .list .line{display: none; }
.home2 .list .item{ width:14.5%; margin:0 1% 10px; font-size:12px; }
.home2 .list .item .icon{ height:68px; width: 100%;border-radius:5px; padding:10px 0 15px; margin-bottom:6px;  }
.home2 .list .item .icon figure{margin-bottom: 5px; width: 35px; margin: 0 auto }
.home2 .list .item .icon figure img{  width:100%}
.home2 .list .item:hover .icon{ height: 85px;padding-top:10px }
}




.home3{ padding:70px 0 }

.case-fl{ margin-top: 40px; text-align: center; }
.case-fl .swiper-slide{ position: relative; background: #fcb107;padding-bottom: 10px; }
.case-fl .swiper-slide:after{ position: absolute;content: ''; left: 0; bottom: 0; width: 100%;height: 0; background: rgba(0,0,0,.88);transition: all .3s; z-index: 3 }
.case-fl .swiper-slide figure { margin-bottom: 10px }
.case-fl .swiper-slide figure img { width: 100%;transition: all linear 0.4s  }
.case-fl .swiper-slide .chover{ position: absolute; left: 0; bottom: 0; height: 0;color: #fff; width: 100%; transition: all .3s; z-index: 8; padding-top: 20%  }
.case-fl .swiper-slide:hover .chover,.case-fl .swiper-slide:hover:after{  height: 100%; opacity: 1 }

.case-fl .swiper-slide img{ display: block; margin: 0 auto }

.casebox{ margin-top:30px; position: relative; }
.pic2Swiper{ overflow:hidden; }
.caseSwiper  ul{ /*display: flex; justify-content: space-between; */margin-left:-2%}
.caseitemny{ width: 31.33333%; position: relative; overflow: hidden; text-align: center;  float: left; margin-left: 2% }
.caseitemny figure img { width: 100%;transition: all linear 0.4s  }
.caseitemny:hover img { transform: scale(1.1) }
.caseitemny .t{ display: block;position: absolute; left: 0; bottom: 0;   width: 100%; line-height: 80px; color: #fff; background: rgba(0,0,0,.2);background:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0)); }

.casebox .swiper-button { width:100%; margin: 0 auto; position: absolute; left: 0; right: 0; top:6%;bottom: 0 }
.casebox .swiper-button span { width: 50px; height: 50px; background: #333; position: absolute; z-index: 2; cursor: pointer; display: block; border-radius: 50% }
.casebox .swiper-button span:before { content: ""; width: 8px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: block; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px }
.casebox .swiper-button .swiper-button-prev { left: -15px}
.casebox .swiper-button .swiper-button-prev:before { transform: rotate(45deg);  }
.casebox .swiper-button .swiper-button-next { right:-15px }
.casebox .swiper-button .swiper-button-next:before { transform: rotate(-135deg); }
.casebox .swiper-button .swiper-button-next:after,.casebox .swiper-button .swiper-button-prev:after{content: " ";}
.casebox .swiper-button-next.swiper-button-disabled,.casebox .swiper-button-prev.swiper-button-disabled {opacity: .75;}

@media screen and (max-width:1440px) {
.home3{ padding:60px 0 }
}




@media screen and (max-width:1240px) {
.home3{ padding:40px 0 }
}

@media (max-width:980px) {
.home3{ padding:30px 0 }
.case-fl{ margin-top:10px; }
.casebox{ margin-top:8px;  }
.caseitemny{ width: 48%; margin: 0 1%}
.casebox .caseitemny:nth-child(3){ display: none; }
.caseitemny .t{ line-height:40px;  }
.casebox .swiper-button {  }
.casebox .swiper-button span { width:30px; height:30px; }
.casebox .swiper-button span:before { content: ""; width: 8px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: block; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: }
.casebox .swiper-button .swiper-button-prev { left: 0px}
.casebox .swiper-button .swiper-button-next { right:0px }

.case-fl .swiper-slide{ font-size: 12px }

}


/*about*/
.home4{ background: #edf1fb url(../image/about_bg.jpg) no-repeat 0 0px; height: auto; overflow: hidden;  position: relative; padding: 70px 0; background-size: cover;}
.home4 .company .txt{ line-height: 1.8;color: #333333;text-align: center; max-width: 1150px; margin:30px auto 0}
.home4 .company .more1{ color:#c42121  }



.abouticon{ margin:30px auto 50px; text-align: center; vertical-align:top}
.abouticon li{text-align:left;  padding: 15px;  position: relative;  background: rgba(10,91,188,.35); width:22%}
.abouticon li:last-child{ margin-right: 0;}
.abouticon li figure{  width:50px; height:50px; background: #2d5cb6; border-radius: 5px; text-align: center; line-height:50px; float: left; margin-right: 10px; font-family: arial; color: #fff }
.abouticon li b{color: #111;  display: block; font-weight: normal;padding:0 0 5px 0;}
.abouticon li span{ display: block;  color: #333; font-weight:normal; float: left; font-family: arial; text-transform: uppercase;}
.abouticon li:hover figure{  transition: all 0.3s; background: #fcb107 }

.about-pic{position: relative; margin: 50px auto 0 }
.about-hd{ margin-bottom:25px; text-align: center; }
.about-hd .t{ height:48px; line-height:48px;  display: inline-block; text-align: center; margin:0 3px ; background: #0a5bbc; color: #fff; width: 150px}
.about-hd  .t:hover,.about-hd .t.active{ background: #fcb107; color: #000; }



.aboutpicbox{ display: none;}
.swiper-wrapper{}
.pic-item{  width:31.333333333%; margin: 0 1%}
.pic-item .img{   overflow: hidden; width: 100% }
.pic-item .img img{ display: block;transition: all 0.6s; width: 100% }
.pic-item:hover .img img{transform: scale(1.06, 1.06); }
.pic-item .tit{ padding:10px 0; text-align: center; display: block; }

.about-bd .swiper-button-next{ top:55%; right: 0; border-radius: 0; background: rgba(31,35,66,1); color: #fff;width: 40px; height: 40px;}
.about-bd .swiper-button-prev{ top:55%; left: 0;border-radius: 0;background: rgba(31,35,66,1); color: #fff; width: 40px; height: 40px;  }

.swiper-button-next:after, .swiper-button-prev:after{ font-size:20px }



@media (max-width:992px) {
.home4{ background-size: 100%; padding:30px 0}
.home4 .inner{  padding: 0 0 10px 0}
.home4 .company .txt{ line-height: 1.7; margin:5px auto 0}
.home4 .company p {font-size: 14px; line-height: 1.6;padding: 10px 0 0;}
.pic-item{  width:48%;}
.pic-item .tit{ padding:6px 0;  }
.abouticon{ margin:10px auto 0px;  }

.abouticon li{padding: 1% .5%; margin-right:0px;background:none}
.abouticon li figure{  width:45px; height:45px; text-align: center; line-height:45px; float: none; margin: 0px auto 6px; display: block; padding:0}
.abouticon li figure img{ width:70%; margin:0 auto}
.abouticon li span{padding-top: 0px; float: none; text-align: center; font-size:8px}
.abouticon li b{ margin-bottom:3px; font-size: 11px; color: #555}


.about-pic{margin:0px auto 0 }
.about-hd{ margin-bottom:10px; text-align: center; }
.about-hd .t{ height:30px; line-height:30px;  width: 30%}


.about-bd .swiper-button-next{ top: 65%; width: 20px; height: 20px;}
.about-bd .swiper-button-prev{ top:65%;  width: 20px; height: 20px;  }

.swiper-button-next:after, .swiper-button-prev:after{ font-size:14px }

}



.home-liuyan{ padding: 50px 0; background: #f2f2f2 url(../image/mdg_bg.jpg) no-repeat }
.liuyapic{ width: 48%; border-radius:80px 0 80px 0 ; overflow: hidden; display: none;}
.liuyapic img{ width: 100% }
.home-liuyan .liuyan{ width:65%}
.home-liuyan .lx-tit{ position: relative; font-size: 40px; color: #fff;  font-family:arial; text-transform: uppercase; }
.home-liuyan .lx-tit p{ font-weight: normal; line-height: 1; padding-top:0px; font-size: 18px; color: rgba(255,255,255,.8); }
.home-liuyan .liuyan .liuyan-icon{ margin: 30px auto 20px; text-align: center;display: -webkit-flex; display: flex;  flex-wrap: nowrap;justify-content:flex-start; }
.home-liuyan .liuyan .liuyan-icon span{ display:inline-block; border-radius: 20px;background: -moz-linear-gradient(left, #fcb107 0%,#ffd200 100%);
    background: -webkit-gradient(linear,left,right, color-sleft(0%,#fcb107), color-sleft(100%,#ffd200));
    background: -webkit-linear-gradient(left, #fcb107 0%,#ffd200 100%);
    background: -o-linear-gradient(left, #fcb107 0%,#ffd200 100%);
    background: -ms-linear-gradient(left, #fcb107 0%,#ffd200 100%);
    background: linear-gradient(to right, #fcb107 0%,#ffd200 100%);  color: #111; margin: 0 3% 0 0; float: left; font-size: 18px; width:24%; line-height: 40px;}

.home-liuyan .liuyan .liuyanbox{position:relative; width: 100%; height: auto; overflow: hidden; }
.home-liuyan .liuyan .liuyanbox form{ width: 100%; }
.home-liuyan .liuyan .liuyanbox form .same{margin:0 2% 20px 0;float: left; width: 48%}
.home-liuyan .liuyan .liuyanbox form .txt{width: 98%}
.home-liuyan .liuyan .liuyanbox form .same input,.home-liuyan .liuyan .liuyanbox form .same textarea,.same select{width:100%;height:45px;border:none;font-size:14px;color:#999;background:#ffffff;border:1px #adadad solid;border-radius:4px; padding-left:10px;}
.home-liuyan .liuyan .liuyanbox form .same textarea{ height: 90px;padding-top: 5px }
.home-liuyan .liuyan .liuyanbox form .submit_box{ width: 100%; }
.home-liuyan .liuyan .liuyanbox .liuyantxt{ font-size: 14px; color: #ffd200; text-align: center; display: block; margin: 15px 0 }
.home-liuyan .liuyan .liuyanbox form .submit input{width:98%;height:45px;background:#396eff;border:none;font-size:15px;color:#fff;font-weight:400;cursor:pointer;border-radius:3px; text-align: center; }

@media (max-width:992px) {

	.home-liuyan{ padding: 30px 0; background: #083157 }


.home-liuyan .liuyan{ width:100%; float: none}
.home-liuyan .lx-tit{  font-size:20px; }
.home-liuyan .lx-tit p{ line-height: 1.5; padding-top:0px; font-size:14px;  }
.home-liuyan .liuyan .liuyan-icon{ margin:10px auto 8px; text-align: center;display: -webkit-flex; display: flex;  flex-wrap: nowrap;justify-content:flex-start; }
.home-liuyan .liuyan .liuyan-icon span{ display:inline-block; border-radius: 20px; margin: 0 2% 0 0;  font-size: 14px; width:30%; line-height: 30px;}


.home-liuyan .liuyan .liuyanbox form .same{margin:0 2% 10px 0;float: left; width: 48%}
.home-liuyan .liuyan .liuyanbox form .txt{width: 98%}
.home-liuyan .liuyan .liuyanbox form .same input,.home-liuyan .liuyan .liuyanbox form .same textarea,.same select{height:35px;border-radius:2px; padding-left:8px;}
.home-liuyan .liuyan .liuyanbox form .same textarea{ height:60px;padding-top: 5px }

.home-liuyan .liuyan .liuyanbox .liuyantxt{ margin: 10px 0 }
.home-liuyan .liuyan .liuyanbox form .submit input{height:35px;font-size:14px;border-radius:2px;  }
}





.home6{ padding-top:90px ;padding-bottom:90px}
.news-hd a.active{ background: #2d5cb6; color: #fff; font-weight: bold;}

.news-fl{ text-align:center;  margin:0  auto;}
.news-flsy{width:600px;}
.news-fl .newsthumbs .swiper-slide{cursor:pointer; height: 50px; display: inline-block; line-height: 50px; background:#f2f6ff; display: block; color: #222;}
.news-fl .newsthumbs .swiper-slide-thumb-active,.news-fl .newsthumbs .swiper-slide:hover{background:#005bac; color: #fff}

.home6 .sty1 { margin-top:50px }
.home6 .smsty { overflow: hidden }
.home6 .smsty .pic { width: 46.21429%;font-size: 0; float: right; overflow: hidden;  position: relative;}

.home6 .smsty .pic img { width: 100%; display: block; transition: all linear 0.4s ; position: relative; z-index: 22}
.home6 .smsty .pic:hover img { transform: scale(1.1) }
.home6 .smsty .pic .t1{ position: absolute; left: 0; bottom: 0; padding:5% 4% 3%; background-image:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.95)); width: 100%; z-index: 33; color: #fff }


.home6 .smsty .nopic { width:50.85714% ;float: left}
.home6 .smsty .nopic li { padding:20px 0; position: relative; border-bottom:1px #ddd dashed; display: block; }
.home6 .smsty .nopic li .t2{ color: #777; padding: 15px 0 0 0; line-height: 1.75 }
.home6 .smsty .nopic li a { display: block;color: #111;  transition: all linear 0.4s }
.home6 .smsty .nopic li .timeyy { font-family: arial; float: left;  display: block; width: 16% ; text-align: center;  padding: 20px 0; background: #F2F2F2}
.home6 .smsty .nopic li .timeyy .riqi{ display: block;  }
.home6 .smsty .nopic li .fonta{ float: right; width: 78% }

.home6 .smsty .nopic li:hover .timeyy{ background: #fcb107;}
.home6 .smsty .nopic li:hover a { color: #ea4546; }


@media (max-width:992px) {
.home6{ padding-top:30px ;padding-bottom:30px}
.news-fl{ text-align:center; width:94%; margin:0  3%}
.news-fl .newsthumbs .swiper-slide{height: 40px; line-height: 40px; }
.home6 .sty1 { margin-top:0px }
.home6 .smsty .pic { width: 100%;  float: none  }

.home6 .smsty .nopic { width: 100%;float: none; padding-top: 10px}
.home6 .smsty .nopic li { padding:2%; }
.home6 .smsty .nopic li .t1{ font-size: 14px }
.home6 .smsty .nopic li .t2{ padding:4px 0 0 0; line-height: 1.55; font-size: 10px }

.home6 .smsty .nopic li .timeyy {  width:15% ; padding: 20px 0; }
.home6 .smsty .nopic li .fonta{  width: 83% }
.home6 .smsty .nopic li .timeyy .yuefen{ font-size: 10px }

}



/*关于我们页面*/

.crumbs {padding-left: 20px;position: relative; margin-top: 200px}
.crumbs:before {content: '';width: 11px;height: 13px;background: url(../image/dz.png) no-repeat;position: absolute;left: 0;top: 10px; background-size: cover;}
.crumbs li {display: inline-block;font-size: 14px;color:#fafafa;line-height: 34px;}
.crumbs li span, .pro-inner .crumbs li span {color: #ffd200;}

.about1{ background:#fff url(../image/about1_bg.jpg) no-repeat top; position: relative;  background-size:cover;}
.about1 .tit{ color: #fff; padding-bottom:15px; text-align: center; max-width: 900px; margin: 0 auto}
.about1 .tit span{display: block; text-transform: uppercase; font-family:arial; font-weight: normal; padding-top: 10px; line-height: 1.6}
.about1 .about_txt{ padding: 50px; background: rgba(18,92,192,.88); max-width: 900px;  margin: 40px auto 0 }
.about1 .about_txt .con{color:rgba(255,255,255,.85);}
.about1 .about_txt .con p{ padding-bottom: 15px;  line-height:2.2 }
.about1 .about_pic{  width: 42%; position: absolute; top: 0; right: 0 }
.about1 .about-bntbox{margin-top:30px; }

.about2{  background: rgba(18,92,192,.88);padding:50px 0; margin-top: 40px }
.about2 .com_num{position:relative; text-align: center; text-align: center; color: rgba(255,255,255,.8);}
.about2 .com_num li{display:inline-block; width: 19.666%; border-left:1px #62a1f7 solid; }
.about2 .com_num li b{ color: #ffcc00;font-family: Impact; padding-right: 5px }
.about2 .com_num li p{ line-height: 1 }
.about2 .com_num li:nth-child(1){ border: 0 }


@media screen and (max-width:1550px) {
.about1{ height:auto;background:#152645 url(../image/about1_bg.jpg) no-repeat top; padding-bottom:40px; background-size:100%}
  
}




@media (max-width:980px) {

.crumbs {padding-left:12px;margin-top:70px}
.crumbs:before {width: 8px;height:9px;top:8px; }
.crumbs li {font-size: 12px;line-height: 24px;}


.about1{height:auto}
.about1 .tit{  padding-bottom:8px}
.about1 .about_txt{ width:100%;  float: none}
.about1 .about_txt .con p{ padding-bottom:6px;  line-height:1.75 }
.about1 .about_pic{  width: 100%; position: relative;  float: none;  display: none}
.about1 .about-bntbox{margin-top:10px; padding-bottom: 20px; }
.about-bntbox .swtbtn2{ float: none !important; margin: 0 auto !important}


.about1 .tit{   max-width: 100%;}
.about1 .tit span{ display: none; }
.about1 .about_txt{ padding:4% 2% 3%; max-width:90%;  margin:10px auto 0 }
.about1 .about_txt .con p{ padding-bottom: 8px;  line-height:1.7 }



.about2{padding:15px 0; }
.about2 .com_num{ width: 100%; border-right: 0 }
.about2 .com_num li{ width: 18.666%;  }
.about2 .com_num li:nth-child(1){ border-left: 0 }
.about2 .com_num li span{ font-size: 10px }
.about2 .com_num li b{padding-right: 3px; font-size: 18px }
.about2 .com_num li p { font-size:10px}
}



.about3{ background:#232935 url(../image/about2_bg.jpg) no-repeat top center; position: relative;  background-size:100%; padding:70px 0}
.about3 h1 b{ padding:10px 30px; line-height: 1.2; background: #fff6cf; color: #232935; text-align: center; display: block; float: right; max-width: 150px; float: left;  }
.about3 h1 span{ float: left; padding: 30px 0 0 10px; display: block; }




@media (max-width:980px) {
.about3{  padding:30px 0}
.about3 h1 b{ padding:5px 10px; max-width: 90px;  }
.about3 h1 span{ padding: 10px 0 0 6px; width:70%; }
.about3 h1 span img{ }

}





.about4{ background:url(../image/about3_bg.jpg) no-repeat top; position: relative;  background-size:cover; padding:70px 0}
.pic1box{ margin-top:30px; position: relative;}
.pic1Swiper{ overflow:hidden; }
.pic1box .swiper-slide{ float: left; width:23%; margin:0 1%; position: relative; overflow: hidden; text-align: center; }
.pic1box .swiper-slide figure img { width: 100%;transition: all linear 0.4s  }
.pic1box .swiper-slide:hover img { transform: scale(1.1) }
.pic1box .swiper-slide .t{ display: block;position: absolute; left: 0; bottom: 0;   width: 100%; line-height: 80px; color: #fff; background: rgba(0,0,0,.2);background:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0)); }
.pic1box .swiper-button { width:100%; margin: 0 auto; position: absolute; left: 0; right: 0; top:6%;bottom: 0 }
.pic1box .swiper-button span { width: 50px; height: 50px; background: #333; position: absolute; z-index: 2; cursor: pointer; display: block; border-radius: 50% }
.pic1box .swiper-button span:before { content: ""; width: 8px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: block; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px }
.pic1box .swiper-button .swiper-button-prev { left: -15px}
.pic1box .swiper-button .swiper-button-prev:before { transform: rotate(45deg);  }
.pic1box .swiper-button .swiper-button-next { right:-15px }
.pic1box .swiper-button .swiper-button-next:before { transform: rotate(-135deg); }
.pic1box .swiper-button .swiper-button-next:after,.pic1box .swiper-button .swiper-button-prev:after{content: " ";}
.pic1box .swiper-button-next.swiper-button-disabled,.pic1box .swiper-button-prev.swiper-button-disabled {opacity: .75;}

@media (max-width:980px) {
.about4{padding:30px 0}
.pic1box{ margin-top:10px; position: relative; }
.pic1box{ margin-top:8px;  }
.pic1box .swiper-slide{ width: 48%;}
.pic1box .swiper-slide .t{ line-height:40px;  }
.pic1box .swiper-button {  }
.pic1box .swiper-button span { width:30px; height:30px; }
.pic1box .swiper-button span:before { content: ""; width: 8px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; display: block; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: }
.pic1box .swiper-button .swiper-button-prev { left: 0px}
.pic1box .swiper-button .swiper-button-next { right:0px }
}




.about5{ padding:70px 0; background:#125cc0 url(../image/about_scnl.jpg) center no-repeat; background-size: cover;  }
.about5 .inner{ margin-top:40px }
.about5 .fl{ width:47%; }
.about5 .home_title2 .title{ color: rgba(255,255,255,1); text-align: left; }
.about5 .home_title .en{ color: rgba(255,255,255,.08); } 
.about5 .txt_ul li{ line-height: 1.8; margin-top:40px;text-transform: uppercase; position: relative; padding-left:30px; color:rgba(255,255,255,.75); }
.about5 .txt_ul li:before{  position: absolute; left: 0; top: 8px; content: ''; width:10px; height:10px; border-radius: 50%; border:4px #ffcc00 solid;}
.about5 .about-bntbox{ margin-left: 30px; margin-top: 40px }

.about-bntbox .swtbtn{float: left;width:45%;padding:17px 0;border:1px solid #ffc600;border-radius:16px;font-size:22px;color:#000;text-align:center;cursor:pointer;transition:all linear 0.4s; background: #ffc600}
.about-bntbox .swtbtn span{margin-right:9px;font-weight: bold;}
.about-bntbox .swtbtn:after{content:"";width:20px;height:13px;display:inline-block;vertical-align:middle;margin-left:5.29412%;background:url(../image/banner_more2.png) center no-repeat;background-size:100%;transition:all linear 0.2s}
.about-bntbox .swtbtn:hover{}
.about-bntbox .swtbtn:hover:after{background:url(../image/banner_more2.png) center no-repeat;background-size:100%;margin-left:8.29412%;}
.about-bntbox .bnttel{ color: #fff; font-size: 17px; padding-left:5%; width: 40%; float: left;  padding-top: 5px}
.about-bntbox .bnttel b{ color: #ffc600; font-size: 30px; font-family:arial; padding-top:6px; display: block; }

.about5 .pic2box{  width: 50%; overflow: hidden; position: relative;  border-radius:30px}
.pic2box .pic2Swiper{ position: relative;z-index: 3 }
.about5 .pic2box img{ width: 100% }
.pic2box .swiper-pagination{text-align:center;position:absolute;left:0;right:0;bottom:30px;z-index:66}
.pic2box .swiper-pagination .swiper-pagination-bullet{width:20px;height:5px;display:inline-block;margin:0 5px;position:relative;transition:all linear 0.3s;cursor:pointer; border-radius: 0}
.pic2box .swiper-pagination .swiper-pagination-bullet-active{width:30px;  background: #0053b9}







@media (max-width:980px) {

.about5{ padding:30px 0;  }
.about5 .inner{ margin-top:0px }
.about5 .fl{ width:100%; float: none; }
.about5 .txt_ul{ margin:15px 0}
.about5 .txt_ul li{ line-height: 1.65; margin-top:5px;padding-left:20px;}
.about5 .txt_ul li:before{ top:5px; content: ''; width:6px; height:6px; border:2px #ffcc00 solid;}
.about5 .about-bntbox{  display: none; }
.about5 .pic2box{  width: 100%;float: none; border-radius: 8px}
}




.about6 .pic{ max-width: 1550px; margin:30px auto 0}

@media (max-width:980px) {
.about6 .home_title .text{ display: block !important; font-size: 12px; line-height: 1.55 }
}


.about7 { height: 550px; background: url(../image/about5_bg.jpg) center no-repeat; background-size: cover; overflow: hidden }
.about7 .inner { height: 100%; position: relative }
.about7 .inner:before { content: ""; width: 1539px; position: absolute; left: 50%; top: 16px; bottom: 0; background: url(../image/home5ty1.png) center no-repeat; background-size: 100%; margin-left: -770px }
.about7 .inner:after { content: ""; width: 443px; height: 443px; display: block; position: absolute; left: 50%; top: 55px; background: url(../image/home5ty2.png) right center no-repeat; background-size: 100%; animation-name: myAnimation; animation-duration: 10s; animation-timing-function: linear; animation-iteration-count: infinite; margin-left: -222px  }
.about7 .inner .sty1 { position: absolute; left:33%; bottom: 200px; z-index: 1; font-size: 0; color: #fff }
.about7 .inner .sty1 .txt { width: 100%; line-height: 1.77778 }
.about7 .inner .sty1 .txt span { margin-bottom: 16px; display: block;font-weight: bold }
.about7 .inner .sty1 .swtbtn { width: 426px; height: 60px; display: block; margin-left: 11px; margin-top: 33px; background: #ffd800; border-radius: 66px; font-size: 20px; font-weight: bold; text-align: center; line-height: 60px; color: #000; position: relative; z-index: 1; cursor: pointer }
.about7 .inner .sty1 .swtbtn:after { content: ""; position: absolute; left: -13px; right: -13px; top: 0; bottom: 0; z-index: -1; background: rgba(255, 216, 0, 0.3); border-radius: 66px; transition: all linear 0.4s }
.about7 .inner .sty1 .swtbtn b { display: block; position: relative; transition: all linear 0.3s; transform-style: preserve-3d; transform: translateY(0); transition-property: transform }
.about7 .inner .sty1 .swtbtn b:before { content: ""; width: 20px; height: 22px; background: url(../image/home5swttb.png) center no-repeat; background-size: 100%; display: inline-block; vertical-align: middle; margin-right: 10px }
.about7 .inner .sty1 .swtbtn b+b { position: absolute; top: 0; left: 0; width: 100%; transform: translate3d(0, 33%, 1px) rotateX(-90deg); display: none\9 }
.about7 .inner .sty1 .swtbtn:hover b { transform: translate3d(0, -33%, 1px) rotateX(90deg); transform: none\9 }
.about7 .inner .sty1 .swtbtn:hover b+b { transform: none }

.about7 .inner .sty2 li { width: 170px; height: 170px; position: absolute; padding:1% 1%; z-index: 1; background: #fdfdfd; border:2px #0474dc solid; border-radius: 50%; text-align: center }
.about7 .inner .sty2 li p { margin-top:5px; font-size: 15px; color: #666; line-height: 1.4}
.about7 .inner .sty2 li p b{ display: block; color: #111 }
.about7 .inner .sty2 .one { left: 20%; bottom: 70px }
.about7 .inner .sty2 .two { right:5%; top:50px }
.about7 .inner .sty2 .three { right:20%; bottom:70px }
.about7 .inner .sty2 .four { left:5%; top: 50px }
 @keyframes animation1 { 0%, 80%, 100% { right: 0; opacity: 0 }
 40% { right: -5.80357%; opacity: 1 }
 }
 @keyframes animation2 { 0%, 80%, 100% { right: 0; opacity: 0 }
 40% { right: -11.60714%; opacity: 1 }
 }
 @keyframes animation3 { 0%, 80%, 100% { right: 0; opacity: 0 }
 40% { right: -17.41071%; opacity: 1 }
 }
 @keyframes myAnimation { 0% { transform: rotate(0) }
 100% { transform: rotate(360deg) }
 }


/*产品列表*/
.porbanner{ background: url(../image/porbanner.jpg) no-repeat top center; background-size: cover; min-height: 550px; padding-bottom: 120px; z-index: 1; position: relative;}
.aboutbanner{ background: url(../image/aboutbanner.jpg) no-repeat top center;}
.newsbanner{ background: url(../image/newsbanner.jpg) no-repeat top center;}
.fuwubanner{ background: url(../image/fuwubanner.jpg) no-repeat top center;}
.spbanner{ background: url(../image/spbanner.jpg) no-repeat top center;}
.lxbanner{ background: url(../image/lxbanner.jpg) no-repeat top center;}
.casebanner{ background: url(../image/casebanner.jpg) no-repeat top center;}
.porbanner .t1{ color: #fff; padding: 60px 0 10px 0 }
.porbanner .t2{ color: #fff; line-height: 1.7 }
.porbanner .title{ width: 50% }
.btn-area {float: right;width: 50%;text-align: right;margin-top: 80px;}
.btn-area .lx-a {margin-right: 4px;cursor: pointer;}
.btn-area .more-a {display: inline-block;width: 160px;height: 48px;line-height: 48px;text-align: center;color: #111;font-size: 18px;border-radius: 4px;background: #ffd013;background: -moz-linear-gradient(left, #ffd013 0%, #ffd013 100%);background: -webkit-linear-gradient(left, #ffd013 0%, #ffd013 100%);background: -o-linear-gradient(left, #ffd013 0%, #ffd013 100%);background: -ms-linear-gradient(left, #ffd013 0%, #ffd013 100%);background: linear-gradient(to right, #ffd013 0%, #ffd013 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease; transition: all .3s}
.btn-area a {display: inline-block;}
.btn-area a img,.btn-area span img {margin-left: 4px;}

.btn-area .more-a:hover{ width:180px }
.product .bg{ padding: 70px 0 50px }
.product .bg:nth-child(odd){ background:#f6f8fb}
.product .title .fl{ width: 85% }
.product .title b{position: relative; padding-left:26px; color: #125cc0 }
.product .title b:before{  position: absolute; left: 0; top: 13px; content: ''; width:10px; height:10px; border-radius: 50%; border:4px #0e5ed8 solid;}
.product .title p{ color: #666; font-weight: normal; line-height: 1.6; padding-top: 5px }
.product .title .m{ width: 120px; line-height: 30px; border:1px #ddd solid; border-radius: 3px; text-align: center; display:block; margin:10px 0 0 0; transition: all .3s }
.product .title .m:hover{ width: 140px; background: #333; color: #fff; border:1px #333 solid; }
.product .list{ margin: 30px auto 0 }
.product .list .por-item{ float: left; width:31%; margin:0 1% 20px; position: relative; text-align: left; border:1px #ddd solid; }
.product .list .por-item figure{ max-height: 310px; overflow: hidden; background:url("../image/cp_bg.jpg");  background-size: cover;}
.product .list .por-item figure img { width: 100%;transition: all linear 0.4s  }
.product .list .por-item:hover img { transform: scale(1.1) }
.product .list .por-item .tit{ display: block;line-height:70px; color: #fff; padding: 0 4%; position: relative;   background: #125cc0 }
.product .list .por-item:hover .tit{  box-shadow: 0 5px 15px rgba(0,0,0,.15); }
.product .list .por-item .tit:after{content:"";width:20px;height:13px;display:inline-block;vertical-align:middle;margin-left:5.29412%;background:url(../image/banner_more.png) center no-repeat;background-size:100%;transition:all linear 0.2s; opacity: 0}
.product .list .por-item:hover .tit:after{margin-left:8.29412%; opacity: 1}
.product .mbm{ display: none; }

@media (max-width:980px) {
    
  .porbanner{ min-height:100px; padding-bottom:50px} 
  .porbanner .title{width:95%;}
  .porbanner .t2{ font-size:11px; line-height:1.5}
  .porbanner .t1 {padding:30px 0 2px 0;}
.product .bg{ padding:30px 0 20px }

.product .title .fl{ width: 100%; float:none; text-align:center}
.product .title b{padding-left:0;  }
.product .title b:before{ width:0px; height:0px;  border:0px #0e5ed8 solid;}
.product .title p{  line-height:1.5; }
.product .title .m{  margin:10px auto 0; display: none;  }
.product .mbm{ display: block; width: 100px; line-height: 28px; border:1px #ddd solid; border-radius: 3px; text-align: center; display:block; font-size: 12px; margin:0 auto 10px auto }

.product .list{ margin: 15px auto}
.product .list .por-item figure{ max-height:100%;}
.product .list .por-item{ float: none; width:98%; margin:0 1%;; text-align:center; margin: 0 auto 10px}
.product .list .por-item .tit{ line-height:40px;  padding:0; font-size:14px; }

.product .list .por-item .tit:after{ opacity: 1;width:10px;height:6px;margin-left:3.29412%; }

}



.nyflbox{position: relative; margin-top: -45px; z-index: 66; border-radius: 20px 20px 0 0; box-shadow: 0 0 15px rgba(0,0,0,.15);background: #fff;overflow: hidden; }
.nyfl{   width: 100%; overflow: hidden;}
.nyfl ul{ }
.nyfl ul li{ line-height: 70px;;padding:20px 1.5%; border-left: 1px #ddd solid; float: left; width: 16.6666%; text-align: center;  }
.nyfl ul li:nth-child(1){border-left: 0px #ddd solid; }
.nyfl ul li.active{ background: #0050b2; color: #fff; font-weight: bold; }
.nyflbox .swiper-button{ width: 4%; position: relative; padding-top: 20px; display: none; }
.nyflbox .swiper-button span{ display: block; position: relative; margin-top: 5px !important;  left: 0!important; height: auto; text-align: center;  }
.nyflbox .swiper-button-next:after, .nyflbox .swiper-button-prev:after{ display: none !important; }
.nyflbox .swiper-button span img{ margin: 0 auto }
.product1{ padding:20px 0 70px 0  }
.product2{background:#f6f8fb;padding: 70px 0 70px}
.product3{ padding:60px 0 40px}
.comprehensive-support-list{ margin-top: 30px }
.product3 .sup1{ width: 50%; float: left;padding: 0 1% 0 0; position: relative; }
.product3 .sup2{ width: 50%; float: right; padding:0 0 0 1%; position: relative; }
.product3 .sup3{ width: 25%; float: left; padding: 0 0 0 1.3%; position: relative; }
.product3 .sup4{ width: 25%; float: right; padding: 0 0 0 1.3%; position: relative; }
.comprehensive-support{ background: #f1f1f1; padding: 70px 0 50px;}
.comprehensive-support-head{ text-align: center; margin-bottom: 30px;}
.comprehensive-support-head h2{ font-size: 36px; line-height: 72px;}
.comprehensive-support-head p{ font-size: 18px; line-height: 42px;}
.comprehensive-support-list dl{ position: relative; margin-bottom: 30px;}
.comprehensive-support-list dd{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px 40px; color: #fff;}
.comprehensive-support-list-img img{ width: 100%;}
.comprehensive-support-list dd h3{ font-size: 24px; line-height: 42px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);}
.comprehensive-support-list dd p{ font-size: 16px; line-height: 32px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
.comprehensive-support-btn{display: inline-block; width: 150px; height: 46px; font-size: 16px; line-height: 46px; margin-top: 20px; position: relative; overflow: hidden; color: #111; border-radius: 23px; text-align: center; opacity: 0; transition: all .5s;
    background: #ffde00;
    background: -moz-linear-gradient(left,  #ffde00 0%, #ff9600 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffde00), color-stop(100%,#ff9600));
    background: -webkit-linear-gradient(left,  #ffde00 0%,#ff9600 100%);
    background: -o-linear-gradient(left,  #ffde00 0%,#ff9600 100%);
    background: -ms-linear-gradient(left,  #ffde00 0%,#ff9600 100%);
    background: linear-gradient(to right,  #ffde00 0%,#ff9600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ff9600',GradientType=1 );
}
.comprehensive-support-btn:hover{ color: #111;}
.comprehensive-support-btn::before{ position: absolute; content: " "; top: 0; right: 100%; width: 300%; height: 100%; border-radius: 23px ; background: rgba(255,255,255,.3); transition: all .5s;}
.comprehensive-support-btn:hover::before{  right: -300%;}
.comprehensive-support-list dl:hover .comprehensive-support-btn{ opacity: 1;}

@media (max-width:980px) {
    
.product1{ padding:0px 0 30px 0  }
.product2{padding: 30px 0 30px}
.product3{ padding:20px 0 20px}
}




/*产品内页*/
.pormian{ background: url(../image/porbanner2.jpg) no-repeat top center; background-size: cover; min-height: 550px; padding-bottom:50px; z-index: 1; position: relative;}
/*pro图片*/
.pro_Mone{ position:relative;z-index:66; padding: 50px 0; }
.pro_Mone .por1-l{ width:52%;   border-radius:20px 20px 20px 100px; overflow: hidden;background:url("../image/cp_bg.jpg");  background-size: cover;}
.pro_Mone .por1-l img{ width: 100%;  }
.pro_Mone .por1-r{ width:48%;  }
.pro_Mone .por1-r .pornr{margin-top:30px; padding:6% 5%;border-top:6px #0078ff solid; overflow: hidden; border-radius: 0 0 80px 0;background:#fff url(../image/t_bg.jpg) no-repeat center center; background-size: cover; position: relative; }
.pro_Mone .por1-r .pornr:after,.pro_Mone .por1-r .pornr:before{ position: absolute;content: ''; width:120px; height: 120px; border-radius: 50%; background:rgba(16,78,180,.1); z-index: 1   }
.pro_Mone .por1-r .pornr:after{ right: -50px; bottom: -10px }
.pro_Mone .por1-r .pornr:before{ right: -10px; bottom: -40px }
.pro_Mone .por1-r .t1{ font-weight: bold; position: relative; padding-bottom: 30px; color: #222;z-index: 33 }
.pro_Mone .por1-r .t2{  margin:0px 0 20px 0 ;position: relative;z-index: 33  }
.pro_Mone .por1-r .t3{ line-height:24px;position: relative;z-index: 33 }
.pro_Mone .por1-r .t2 a{ text-decoration: underline; }
.pro_Mone .por1-r .t2 a:hover{ color:#005ec8; }

.pro_Mone .por1-r .t2,.pro_Mone .por1-r .t3{ color: #666;}
.pro_Mone .por1-r .t2 span,.pro_Mone .por1-r .t3 span{ color: #111; font-weight: bold; }
.pro_Mone .por1-r .t2 em{ color: #bf0405 }

.por_lx{  margin-top:40px; position: relative;z-index: 33 }
.por_lx a{ display: block; float: left; margin-right: 20px ; }
.por_lx a.lx_zx{   line-height: 50px; width: 160px; background: #ffd013; background-image:linear-gradient(to right,#ffd013,#ffd013);  text-align: center; transition: all .3s }
.por_lx a.lx_zx:hover{ width:180px }
.por_lx a.lx_tel{  line-height: 50px}
.por_lx a.lx_tel .fa{ padding-right: 5px }
.por_lx a.lx_tel b{  font-family: arial; font-size:30px; color:#111; }

.pro_Mone .por1-r .icon2{  margin:35px 0 0 4%;  }
.pro_Mone .por1-r .icon2 span{ display: inline-block;position: relative;  padding:0 20px 0 15px;color: #999  }
.pro_Mone .por1-r .icon2 span:before{  position: absolute; content: ""; left: 0; top: 50%; width:8px; height:8px; background: #da251d; margin-top: -5px; border:2px #f0bab9 solid; border-radius: 50%}



.pro_Mtwo{ position:relative;z-index: 88;   }
.pro_Mtwo .por_nav{  line-height: 80px; border-radius: 10px; font-size: 22px; position:relative;z-index:99;background:#f2f2f2; }
.pro_Mtwo .por_nav a{ display: inline-block; text-align: center; width: 25%;position:relative; }
.pro_Mtwo .por_nav a:after{position:absolute; content:""; width:1px; height:30px; right:0; top:25px; background:#ddd}
.pro_Mtwo .por_nav a:hover{ color: #0053b9 }

.pro_Mtwo .por_box{ padding:40px 0 10px }
.pro_Mtwo .por_box .por_nrl{ width: 70%; min-height: 100%  }
.pro_Mtwo .por_box .por_nrl .porjs h2{  margin:30px 0 5px 0; font-size:24px; color: #222; position: relative; padding-left:25px; font-weight: bold;  }
.pro_Mtwo .por_box .por_nrl .porjs h2:before{  position: absolute; content: ""; left: 0; top: 50%; width: 10px; height: 10px; margin-top: -7px; background: #0051ca; border:4px #b8c9e5 solid; border-radius: 50%}
.pro_Mtwo .por_box .por_nrl .porjs{ line-height:2; font-size: 17px; color: #444; }
.pro_Mtwo .por_box .por_nrl img{ MAX-WIDTH:100% !important;HEIGHT:auto !important;_width:expression(this.width > 100% ? "100%" :this.width) !important; margin:15px auto; display: block; }
.pro_Mtwo .por_box .por_nrl .porjs2{margin:40px 0 0px }
.pro_Mtwo .por_box .por_nrl .porjs2 img{ margin-bottom: 35px }


.pro_Mtwo .por_box .por_nrr{ width: 27%;}
.pro_Mtwo .cftj_r{background:url(../image/cppage-bg.jpg) repeat;padding:34px 0 20px 0;border-radius:30px 0 0 0;margin:35px 0 35px;box-shadow:0 0 40px #d4dbde;}
.pro_Mtwo .cftj_r .tit{background:#e6eef1;font-size:24px;color:#000;text-align:center;font-weight:700;line-height:56px;position:relative;left:-8px}
.pro_Mtwo .cftj_r .tit:before{content:"";width:0;border-top:0 solid transparent;border-bottom:8px solid transparent;border-right:8px solid #7fb4c5;position:absolute;left:0;bottom:-8px}
.pro_Mtwo .cftj_r ul{padding:19px 20px 0}
.pro_Mtwo .cftj_r li{border:1px solid #ddd;margin-top:20px; background: #fff}
.pro_Mtwo .cftj_r li .t1{font-size:18px;color:#494d56;text-align:center;padding:20px 0;display:block;   background: #f2f2f2}
.pro_Mtwo .cftj_r li:hover .t1{color:#fff; background: #013ea0}
.porpicbox{ overflow: hidden;  position: relative;}

.porpicbox .swiper-wrapper{ display: flex !important; }
.porpicbox .pic-item{  width:31.333333333%; margin: 0 1%}


.about_title1{width: 100%;position: relative;display:flex;display:-ms-flexbox;display:-webkit-flex;align-items: center;-webkit-align-items: center;-ms-align-items:center;margin-bottom:20px; text-align: center;}
.about_title1 .tt_bg{width: 100%;font-size: 106px;line-height: 110px;color: #d1dde9;font-family: Impact;text-transform: uppercase;}
.about_title1 .tt_box{width: 100%;position: absolute;left: 0;top: 0;font-size: 48px;line-height: 110px;letter-spacing: 3px;font-weight: bold;color: #333;}
.public_text1{color: #666;  line-height: 1.8; font-size: 16px}
.sol_deThree5{ background: #e4f0fa }
.sol_deThree5_w {padding: 80px 0 40px;}
.sol_deThree5_01 {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap; margin-top: 30px}
.sol_deThree5_01 .item {width: calc((100% - 80px) / 3);margin-right: 40px;-ms-perspective: 900px;-moz-perspective: 900px;-webkit-perspective: 900px;perspective: 900px;overflow: hidden;}
.sol_deThree5_01 .item img {width: 100%;}
.sol_deThree5_01 .item:hover img {-ms-transform: translateZ(30px);-moz-transform: translateZ(30px);-webkit-transform: translateZ(30px);transform: translateZ(30px);}
.sol_deThree5_01 > .item:nth-child(3n) {margin-right: 0;}

.sol_deThree5_02 {padding-top:40px;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-ms-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
.sol_deThree5_02 .item {width: calc((100% - 60px) / 2);margin-bottom: 40px;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-ms-transition: all 0.6s;-webkit-transition: all 0.6s;transition: all 0.6s;}
.sol_deThree5_02 .item:hover {-ms-transform: translateY(-6px);-webkit-transform: translateY(-6px);transform: translateY(-6px);}
.sol_deThree5_02 .item .number {font-weight: 700;font-size: 38px;color: #ffffff;text-align: center;width: 70px;height: 70px;line-height: 70px;background: url(../image/solution_det_18.jpg) no-repeat right bottom / cover;}
.sol_deThree5_02 .item .right_box {width: calc(100% - 70px);padding-left: 30px;}
.sol_deThree5_02 .item .right_box .tt {font-weight: 700;font-size: 20px;color: #444444;}
.sol_deThree5_02 .item .right_box .text {font-size: 16px;color: #888888;line-height: 30px;padding-top: 6px;}


@media (max-width:980px) {

.about_title1{margin-bottom:10px; text-align: center;}
.about_title1 .tt_bg{font-size: 40px;line-height: 40px;}
.about_title1 .tt_box{font-size: 18px;line-height:40px;letter-spacing:1px;}
.public_text1{ line-height: 1.6; font-size:12px}

.sol_deThree5_w {padding:30px 0 20px;}
.sol_deThree5_01 {margin-top:10px}
.sol_deThree5_01 .item {width: calc((100% - 12px) / 3);margin-right:4px;}


.sol_deThree5_02 {padding-top:10px;}
.sol_deThree5_02 .item {width:100%;margin-bottom:15px;}

.sol_deThree5_02 .item .number {font-size:20px;color: #ffffff;text-align: center;width:50px;height:50px;line-height:50px; background: #ff5a00; border-radius: 5px}
.sol_deThree5_02 .item .right_box {width: calc(100% - 55px);padding-left:5px;}
.sol_deThree5_02 .item .right_box .tt {font-size:14px;color: #222;}
.sol_deThree5_02 .item .right_box .text {font-size: 12px;color: #888888;line-height:1.6;padding-top: 3px;}

}






/**/
/*.side-panel {width: 24%;}*/
.side-message {width:100%;float:right;padding:0 0 26px;background:#2e52bb;background:-webkit-linear-gradient(45deg,#285ade,#304fb1);/* Safari 5.1 - 6.0 */ background:-o-linear-gradient(45deg,#285ade,#304fb1);/* Opera 11.1 - 12.0 */ background:-moz-linear-gradient(45deg,#285ade,#304fb1);/* Firefox 3.6 - 15 */ background:linear-gradient(45deg,#285ade,#304fb1);/* 标准的语法 */ margin:40px 0;border-radius:100px 20px 20px 20px;position:relative;-webkit-box-shadow:0 0 13px rgba(3,8,38,0.13);-moz-box-shadow:0 0 13px rgba(3,8,38,0.13);box-shadow:0 0 13px rgba(3,8,38,0.13);top:0;}
/*.side-message {width:348px;position: relative; top: 100px}*/
.side-message .kf-message {width:29.124%;position:absolute;left:-10px;top:-14px;}
.side-message .kf-message span {display:block;width:100%;height:100%;border:4px solid #fff;border-radius:20px 20px 40px 20px;overflow:hidden;position:relative;z-index:1;-webkit-box-shadow:0 0 13px rgba(3,8,38,0.13);-moz-box-shadow:0 0 13px rgba(3,8,38,0.13);box-shadow:0 0 13px rgba(3,8,38,0.13);}
.side-message .kf-message span img {display:block;width:100%;}
.side-message .kf-message:after {content:'';display:block;width:100%;height:100%;border-radius:20px 20px 40px 20px;position:absolute;background:#fff;opacity:.14;filter:opacity(14);left:12px;top:12px;}
.side-message .message-header {width:100%;overflow:hidden;position:relative;}
.side-message .message-header:before {content:'';display:block;width:254px;height:254px;border:1px dashed #fff;opacity:.28;filter:opacity(28);position:absolute;left:-4px;top:-90px;border-radius:100%;}
.side-message .message-header span {display:block;float:left;clear:both;padding:0 16px;height:36px;line-height:36px;font-size:14px;color:#fff143;font-weight:bold;border-radius:16px;background:#223880;margin:26px 0 0 148px;position:relative;z-index:1;}
.side-message .message-header span + span {margin:35px 0 0 205px;}
.side-message .message-header span + span + span {margin:-5px 0 0 40px;}
.side-message .message-form {padding:0 26px;}
.side-message .message-form .item-form {width:100%;background:#fff;border-radius:16px;padding:0 18px;margin-top:15px;}
.side-message .message-form .item-form input[type=text] {display:block;border:none;width:100%;height:45px;padding:0 0 0 30px;line-height:45px;font-size:15px;color:#333;}
.side-message .message-form .item-form .txt-user {background:url(../image/icon_user.png) left center no-repeat;}
.side-message .message-form .item-form .txt-phone {background:url(../image/icon_phone.png) left center no-repeat;}
.side-message .message-form .item-form .txt-msg {background:url(../image/icon_message.png) left 18px no-repeat;}
.side-message .message-form .item-form textarea {width:100%;resize:none;border:none;padding:12px 0 10px 30px;height:118px;font-size:14px;line-height:30px;}
.side-message .message-form .btn-form {width:100%;text-align:center;position:relative;bottom:-44px;}
.side-message .message-form .btn-form input[type=submit] {display:inline-block;height:40px;line-height:40px;padding:0 30px;border-radius:20px;font-size:16px;font-weight:bold;color:#d60a1d;background:#fff;border:none;outline:none;-webkit-box-shadow:0 0 13px rgba(3,8,38,0.32);-moz-box-shadow:0 0 13px rgba(3,8,38,0.32);box-shadow:0 0 13px rgba(3,8,38,0.32);cursor:pointer;}
@media screen and (min-width:1920px) {.about-tit .right {width:875px;}
}
@media screen and (max-width:1800px) {.w {max-width:1200px;}
.side-message {padding:0 0 20px;width:312px;}
.side-message .kf-message span {border-radius:15px 15px 30px 15px;border:3px solid #fff;}
.side-message .kf-message:after {border-radius:15px 15px 30px 15px;left:8px;top:8px;}
.side-message .message-header:before {width:230px;height:230px;}
.side-message .message-header span {margin:26px 0 0 120px;}
.side-message .message-header span + span {margin:24px 0 0 160px;}
.side-message .message-header span + span + span {margin:-5px 0 0 20px;}
.side-message .message-form .item-form {margin-top:30px;}
.side-message .message-form .btn-form {bottom:-38px;}
}
@media screen and (max-width:1600px) {.header .w,.cp-tit .w,.wz .w {max-width:1500px;}
}
@media screen and (max-width:1599px) {.w,.section5 .w {max-width:1000px;}
.side-message {padding:0 0 10px;width:260px;}
.side-message .kf-message span {border-radius:10px 10px 20px 10px;border:2px solid #fff;}
.side-message .kf-message:after {border-radius:10px 10px 20px 10px;left:6px;top:6px;}
.side-message .message-header:before {width:200px;height:200px;}
.side-message .message-header span {margin:26px 0 0 90px;font-size:14px;height:30px;line-height:30px;}
.side-message .message-header span + span {margin:16px 0 0 110px;}
.side-message .message-header span + span + span {margin:5px 0 0 20px;}
.side-message .message-form .item-form {margin-top:20px;}
.side-message .message-form .btn-form {bottom:-28px;}
.side-message .message-form .btn-form input[type=submit] {font-size:14px;}
}





@media (max-width:980px) {
.pro_Mone{ padding:30px 0 30px;}
.pro_Mone .por1-l{ width: 100%;  float: none;border-radius: 10px 0 10px 0;border:4px #ddd solid; }
.pro_Mone .por1-l img{  }
.pro_Mone .por1-r{ width:100%; font-size: 14px; padding-top:10px }
.pro_Mone .por1-r .pornr {margin-top:10px;padding:2% 3%;border-top:3px #0078ff solid; border-radius: 0 0 20px 0; }

.pro_Mone .por1-r .t1{ font-size: 20px; padding-bottom:0; }
.pro_Mone .por1-r .t2{  margin:8px 0;   }
.pro_Mone .por1-r .t3{ padding-top:4px; line-height:1.7;  }
.por_lx { margin-top:10px;}
.pro_Mone .por1-r .icon{ font-size: 14px; margin:15px 0 20px; }
.pro_Mone .por1-r .icon span{ padding:0 10px 0 10px  }
.pro_Mone .por1-r .icon span:nth-child(4){ padding-right: 0 }
.pro_Mone .por1-r .icon span:before{  position: absolute; content: ""; left: 0; top: 50%; width:4px; height:4px; background: #0053b9; margin-top: -2px}

.pro_Mone .por1-r .t2,.pro_Mone .por1-r .t3 { font-size:12px }


.por_lx a{ margin-right:0;}
.por_lx a.lx_zx{   line-height:35px; width: 40%;font-size:14px; }
.por_lx a.lx_zx:hover{ width: 40% }
.por_lx a.lx_tel{ width: 56%; margin-left: 4% }
.por_lx a.lx_tel b{  font-size:18px;padding-top: 3px }

.pro_Mone .por1-r .icon2{  margin:20px 0;  }
.pro_Mone .por1-r .icon2 span{  padding:0 10px 0 10px;color: #777; font-size: 11px  }
.pro_Mone .por1-r .icon2 span:before{ width:8px; height:8px;margin-top: -4px; border:1px #f0bab9 solid;}




.pro_Mtwo{ top:-20px;   }
.pro_Mtwo .por_nav{  line-height: 50px; border-radius:5px; font-size:14px;   }
.pro_Mtwo .por_nav a:after{height:20px; top:15px;}


.pro_Mtwo .por_box{ padding:0px 0 10px }
.pro_Mtwo .por_box .por_nrl{ width:100%;  float: none; }
.pro_Mtwo .por_box .por_nrl .porjs h2{  margin-bottom: 10px; font-size:16px;padding-left:25px;   }
.pro_Mtwo .por_box .por_nrl .porjs h2:befor{ width:7px; height:7px;     border:3px #b8c9e5 solid;margin-top:-7px}
.pro_Mtwo .por_box .por_nrl .porjs{ line-height:2; font-size: 14px; }
.pro_Mtwo .por_box .por_nrl img{ width: 100% !important; max-width: 100% !important; }
.pro_Mtwo .por_box .por_nrl .porjs2{margin:20px 0 0px }
.pro_Mtwo .por_box .por_nrl .porjs2 img{ margin-bottom: 8px }
.pro_Mtwo .por_box .pro_Mtwo{  width: 100%;  float: none; display: none;}
.jieshao p{ text-indent: 0em !important; }
.pormian{ padding-bottom:20px}

}

.pro_Mthree{padding: 80px 0;}
.pro_Mfour{ padding: 80px 0; box-shadow:0 -10px 10px rgba(0,0,0,.1)  }
.news-xg dd h3 {font-size:24px;font-weight:bold;background:url(../image/xgwz-tb.png) left center no-repeat;padding-left:35px;}
.news-xg dt a {font-size:16px;color:#666666;background:url("../image/more-jt.png") right center no-repeat;padding:0 20px;display:block;}
.news-xg ul {overflow:hidden; margin-top: 30px}
.news-xg li {width:33.3%;float:left;border-bottom:1px solid #ffecec;padding:0 2% 0 0;}
.news-xg li a {font-size:16px;line-height:70px;display:block;background:url(../image/cp-tb2.png) no-repeat left center;padding-left:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

@media (max-width:998px) {
    
.pro_Mthree{padding:20px 0 30px;}
.pro_Mfour{ padding:10px 0 30px; box-shadow:0 -5px 5px rgba(0,0,0,.1)  }  
}
/*新闻*/

.news-fl { margin:40px auto 20px}
.news-flsy{  margin:20px auto 20px }
.news-fl ul { position: relative; z-index: 88; text-align: center;}
.news-fl ul li {cursor:pointer; height:50px; display: inline-block; line-height: 50px; margin: 0 10px 0; }
.news-fl ul li a{ display: block; background:#e9edf6; background-size: 100%; display: block; color: #222; padding: 0 25px }
.news-fl ul li a:hover,.news-fl ul li.active a{background:#005bac; color: #fff}

@media (max-width:998px) {
.news-fl { margin:20px auto;width:94%;}
.news-fl ul li {width:auto; height:38px; line-height: 38px; margin: 0 1% 2px 1%; border-radius: 5px; overflow: hidden; font-size: 14px;}
.news-fl ul li a{padding: 0 5px;}

}


.zhence_ul{}
.zhence_ul .item{  background: #f5f6f8;padding:4% 3%; margin-bottom: 25px; /*width:49%; float: left;*/ }
/*.zhence_ul .item:nth-child(2n){ margin-left: 2% }*/
.zhence_ul .item .t1{ position: relative; padding: 15px 0; font-weight:normal; display: block;}
.zhence_ul .item .t1:before { position:absolute;content: ""; height: 2px; width:40px; background: #0057d5; left: 0; top: 0; transition: all .3s}
.zhence_ul .item .des{ color: #777; line-height:25px }
.zhence_ul .item .last{ color: #777;  display: block; padding-top: 8px}
.zhence_ul .item .last i{ float: right; font-style: normal; }
.zhence_ul .item a{ display: block; }
.zhence_ul .item a:hover .t1{ color: #0057d5;  text-decoration: underline;}
.zhence_ul .item a:hover .last i{color: #0057d5; }
.zhence_ul .item a:hover .t1:before{ width: 55px; }

/*新闻内页*/
.newsdqwz{  line-height: 55px; color: #666; font-size: 16px; box-shadow: 0 10px 10px rgba(0,0,0,0.15) }

.Newsmian{ background: #f5f5f5; padding:50px 0 60px 0; }
.Newsmian .news_l{ width: 78%; float: left; }
.Newsmian .news_r{width: 19%; float: right;}

.news_l .n_info_con{ background: #fff; padding: 4% 3%;}
.news_l .n_info_con .tit{font-size: 24px;color: #323232;height: auto;line-height:35px;text-align: left;font-weight: bold;padding-bottom:15px;border-bottom: 1px solid #efefef;}
.news_l .n_info_con .n_tit{font-size: 13px;color: #999999;text-align: left;line-height: 20px;margin-top:2%;}
.news_l .n_info_con .n_tit span{ padding-right: 20px }
#cntrBody{ font-size: 16px; color: #555; line-height:2; padding: 30px 0 }

.news_l .n_info_con .gduo {padding: 2% 0;font-size: 16px;border-top: 1px solid #efefef;color: #666;line-height: 35px;margin: 15px 0 30px;}
.news_l .n_info_con .gduo span{ display: block; }
.news_l .n_info_con .gduo span a:hover{  color: #000; text-decoration: underline;}
.news_l .n_info_con .info_key{ color: #888; font-size:14px; padding-top:15px }

.n_info_con2{ margin-top: 35px }
.n_info_con2 .t04{ font-size: 24px; padding-left: 20px; position: relative; }
.n_info_con2 .t04:before{  position: absolute; content: ""; left: 0; top: 50%; width: 15px; height:4px; background: #0053b9; margin-top: -2px}

.n_info_con2 .info_b{ margin-top:15px;  }
.n_info_con2 .info_b dl{ width: 23.5%; font-size: 16px; margin-left: 2%; float: left;}
.n_info_con2 .info_b dl:nth-child(1){ margin-left:0 }
.n_info_con2 .info_b dl img{ width: 100%; }
.n_info_con2 .info_b dl dt{ max-height: 220px; overflow: hidden; }
.n_info_con2 .info_b dl dd{  text-align: center; padding-top:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.n_info_con2 .info_b dl:hover dd a{ color:#104fb6; text-decoration: underline; }


.news_r .t03{ font-size: 18px; padding-left: 20px; position: relative; border-bottom:1px #e1e1e1 solid;  line-height: 45px; margin-bottom: 10px }
.news_r .t03:before{  position: absolute; content: ""; left: 0; top: 50%; width: 15px; height:4px; background: #0053b9; margin-top: -2px}
.news_r .newrlist{ background: #fff; margin-bottom: 25px; padding:4% 3%; }
.news_r .newrlist .n_rt_ul{padding:0 8px;}
.news_r .newrlist .n_rt_ul li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height:38px; font-size: 14px; color: #666;padding-left:13px; position: relative;}
.news_r .newrlist .n_rt_ul li:before{  position: absolute; content: ""; left: 0; top: 50%; width: 4px; height:4px; background: #0053b9; margin-top: -2px; border-radius: 50%}
.news_r .newrlist .n_rt_ul li:hover a{color:#000; text-decoration: underline; }




@media (max-width: 998px){

/*新闻内页*/

.Newsmian{ background: #f5f5f5; padding:0 0 60px 0; }
.Newsmian .news_l{width: 100%; float: none; margin: 20px auto 0 }
.Newsmian .news_r{width: 100%; float: none; display: none;}
.news_l .n_info_con{ padding: 4%;}
.news_l .n_info_con .tit{font-size: 20px;line-height:28px;padding-bottom:6px;}
.news_l .n_info_con .n_tit{font-size: 11px;line-height: 20px;margin-top: 8px;}
.news_l .n_info_con .n_tit span{ padding-right:8px }
#cntrBody{ font-size: 14px; line-height:2; padding:15px 0 }

.news_l .n_info_con .gduo {padding: 2% 0;font-size: 14px;line-height: 35px;margin: 15px 0 15px;}
.news_l .n_info_con .info_key{  display: none; }
.n_info_con2{ margin-top: 35px }
.n_info_con2 .t04{ font-size: 20px; padding-left: 20px; position: relative; }
.n_info_con2 .t04:before{  position: absolute; content: ""; left: 0; top: 50%; width: 15px; height:4px; background: #0053b9; margin-top: -2px}
.n_info_con2 .info_b{ margin-top:5px;  }
.n_info_con2 .info_b dl{ width: 48%; font-size: 15px; margin:10px 1%; }
.n_info_con2 .info_b dl:nth-child(1){margin:10px 1%;}
.n_info_con2 .info_b dl dt{ max-height: 100%;  }
.n_info_con2 .info_b dl dd{  text-align: center; padding-top:10px;}
}


/*案例*/
.case{ padding:20px 0  30px}
.case-item{ position: relative;  overflow: hidden;border:1px #cacaca solid; border-radius:5px; background: #fff; margin:0 1% 25px 1%; float: left; width: 23% }
.case-item .img{  width: 100%;  overflow: hidden;  position: relative;}
.case-item .img img{ width: 100%; display: block;transition: all 0.6s; height:auto; border-radius:5px ; max-height: 200px}
.case-item:hover .img img{transform: scale(1.06, 1.06);}
.case-item .tit{ padding:15px 0; text-align: center;  display: block; text-align: center;}

.case-item .img:after{content:"";position:absolute;left:0;right:0;height:100%;background:rgba(0,0,0,.24);bottom:-100%;z-index:1}
.case-item .img:before{content:"";position:absolute;left:50%;top:150%;width:50px;height:50px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background:url(../image/hovericon.png) center center no-repeat rgba(0,0,0,.5);background-size:39px;z-index:2;border:2px solid #fff;border-radius:50%;transition:all .5s;-webkit-transition:all .5s}
.case-item:hover .img:after{bottom:0;transition:all .5s;-webkit-transition:all .5s}
.case-item:hover .img:before{top:50%;transition:all .5s;-webkit-transition:all .5s}
.case-item:hover{transition:all .3s;box-shadow:0 5px 12px rgba(0,0,0,.1)}

.videony{ padding: 50px 0 }
.videony .case-item .img:before{top:50%;content:"";position:absolute;left:50%;width:50px;height:50px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background:url(../image/hovericon2.png) center center no-repeat rgba(0,0,0,.5);background-size:39px;z-index:2;border:2px solid #fff;border-radius:50%;transition:all .5s;-webkit-transition:all .5s}
.casebox .case-item .img:before,.casebox .case-item .img:after{ width: 0 }

@media (max-width:992px) {
.case-item{  margin:0 1% 10px; width: 48%}
.case-item .tit{ padding:8px 0; }
.case-item .tit{  font-size:14px; }


}


/*联系*/

.contact{ padding:20px 50px 70px }
.contactbox{display: flex; justify-content: space-between;align-items: stretch; margin-top: 60px; margin-bottom: 50px}
.contactbox .cont-item{ background: #fff; text-align: center; padding:2% 2%; border: 1px solid #efefef; box-shadow: 0 0 10px rgba(0,0,0,0.08); width: 23%}
.contactbox .cont-item .tit{ font-size: 22px; color: #333; font-weight: bold;}
.contactbox .cont-item .pic1{ width:70px;height:70px; border-radius: 5px; margin: 10px auto;background: #0053b9;background: linear-gradient(-135deg,#005496,#0053b9)}

.contactbox .cont-item .pic2{ width: 130px; height: 130px;margin: 10px auto; }
.contactbox .cont-item .pic2 img{ width: 120px; border:5px #ddd solid;  margin: 0 auto }
.contactbox .cont-item .con{ color: #444; font-size: 16px; line-height: 1.8}

@media (max-width:980px) {

.contact{ padding:15px 20px;  }
.contact-lx{ padding:10px; width: 100%;  float: none; }
.contact-lx p{ margin:5px 0;  }
.contact-map{ width: 100%; height:250px;float: none;}
.contactbox{display:block; margin-top:20px; margin-bottom:20px}
.contactbox .cont-item{ padding:4% 3%; width: 100%; float:none; margin-bottom:10px}
.contactbox .cont-item .tit{ font-size:16px; }
.contactbox .cont-item .pic1{ width:60px;height:60px; border-radius: 5px; margin:5px auto;}
.contactbox .cont-item .pic2{ width: 130px; height: 130px;margin: 5px auto; }
.contactbox .cont-item .pic2 img{ width: 120px; border:5px #ddd solid;  margin: 0 auto }
.contactbox .cont-item .con{ font-size: 14px; line-height: 1.7}
}


.por_msg{background: url(../image/msg_bg2.jpg) no-repeat top center/cover; padding:60px 0;}
.por_msg .show {  width:55% } 
.por_msg .text { margin-bottom: 28px; padding-right: 50px; }
.por_msg .text strong { display: inline-block; font-size: 40px; line-height: 50px; position: relative; color: #d53242; background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin-right: 20px; }
.por_msg .text strong:before { content: ''; width: 28px; height: 28px; position: absolute; left: 0; top: 50%; margin-top: -14px; }
.por_msg .text span { font-size: 20px; color: #d53242; background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; }
.por_msg .text p { font-size: 16px; color: #fff; line-height: 30px; margin-top: 10px; }
.por_msg ul { padding-right: 50px; }
.por_msg li { float: left; width: 48%; margin-bottom: 22px; }
.por_msg li:first-child { margin-right: 4%; }
.por_msg li.txt-area { width: 100%; position: relative; }
.por_msg li>span { display: block; font-size: 20px; line-height: 30px; color: #fff; margin-bottom: 5px; }
.por_msg li>span i { font-style: normal; color: #ff0000; }
.por_msg li input, .por_msg li textarea { width: 100%; height: 44px; line-height: 44px; outline: none; border: none; background: #fff; padding: 0 12px; font-size: 16px; color: #333; }
.por_msg li textarea { height: 180px; line-height: 1.5; padding-top: 10px; padding-right: 33px; }
.por_msg .sub-btn { position: relative; display: inline-block; margin-bottom: 40px; }
.por_msg .sub-btn input { width: 240px; line-height: 60px; height: 60px; line-height: 60px; background: #e3674f; background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%); background: -webkit-linear-gradient(left, #d53242 0%, #e3674f 100%); background: -o-linear-gradient(left, #d53242 0%, #e3674f 100%); background: -ms-linear-gradient(left, #d53242 0%, #e3674f 100%); background: linear-gradient(to right, #d53242 0%, #e3674f 100%); border-radius: 4px; font-size: 22px; color: #ffffff; font-weight: bold; padding-left: 68px; text-align: left; -webkit-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); -moz-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); -ms-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); -o-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); }
.por_msg .sub-btn:after { content: ''; width: 20px; height: 20px; background: url(../image/icon-lx1.png) no-repeat; position: absolute; top: 50%; margin-top: -10px; right: 60px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.por_msg .sub-btn:hover:after { right: 50px; }
.scroll-box { background-color: #282f3d; padding-left: 26%; overflow: hidden; }
.msg-scroll { height: 53px; background-color: #282f3d; }
.msg-scroll p { line-height: 53px; font-size: 16px; color: #e3e3e3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 38px; }
.msg-scroll p span { margin-left: 30px; }

.por_msg li .fast-btn { width: 32px; background: #d83f45; position: absolute; top: 35px; right: 0; bottom:3px; text-align: center; line-height: 1.1; padding-top: 16px; font-size: 18px; cursor: pointer; color: #fff }
.por_msg li .fast-btn img { margin-top: 4px; }
.fast-box { position: absolute; width: 420px; overflow: hidden; background-color: #f1f3f6; padding: 10px 12px 0 12px; height: 170px; right: 0; z-index: 9; top: 215px; display: none; }
.fast-box em { display: block; cursor: pointer; position: absolute; top: 0.1rem; right: 0.2rem; }
.fast-box p { font-size: 16px; color: #333333; line-height: 30px; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.fast-box p:hover { color: #f64949; }




@media (max-width:980px) {

.por_msg{ padding:25px 0;}
.por_msg .show {  width:100%; float: none; } 
.por_msg .text { margin-bottom:12px; padding-right:0px; }
.por_msg .text strong { font-size: 18px; line-height:1; margin-right:6px; }
.por_msg .text strong:before { display: none;}
.por_msg .text span { font-size:14px;  }
.por_msg .text p { font-size: 12px; line-height:1; margin-top: 6px; display: none; }
.por_msg ul { padding-right: 0px; }
.por_msg li { float: none; width: 100%; margin-bottom:8px; }
.por_msg li:first-child { margin-right: 0%; }

.por_msg li>span { display: block; font-size: 14px; line-height: 30px; color: #fff; margin-bottom:0px; }

.por_msg li input, .por_msg li textarea { width: 100%; height: 35px; line-height:35px;  padding: 0 8px; font-size: 14px; }
.por_msg li textarea { height: 120px; line-height: 1.5; padding-top: 10px; padding-right: 0; }
.por_msg .sub-btn { position: relative; display: inline-block; margin:0 auto 40px }
.por_msg .sub-btn input { width:140px; line-height:40px; height:40px; line-height:40px;  font-size: 15px; padding-left:20px; margin:0 auto}
.por_msg .sub-btn:after {  right: 20px; }
.por_msg .sub-btn:hover:after { right: 50px; }

.scroll-box { display: block; }
.por_msg li .fast-btn {  display: none }
.fast-box {display: none; }


}