@charset "utf-8";
/*******CSS commont*************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}
img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-weight:inherit;font-size:inherit;font-family:inherit; border: 0px;}
input,textarea,select{*font-size:100%;}legend{color:#000;}
/*******CSS reset*************/
body{background:#fff; color:#333; font-size: 12px; font-family:'Microsoft YaHei','微软雅黑',Arial;overflow-x: hidden;}
@media (min-width:1200px) 
{
  body{font-size: 15px;}
}
a{color:#333;text-decoration:none; cursor: pointer; transition: all 0.3s;}
a:hover{text-decoration: none; color:#174799;}
.left{float:left;}
.right{float:right;}
.ovfl{overflow:hidden;}
.mar{margin:0px auto;}
.clear{clear:both;}
.hidden{display:none;}
.filter_bg8{filter: alpha(opacity=80); opacity: 0.8;}

/*******Css*******/
/*******Css header*******/
#top{height:28px; line-height: 28px; background: #174799; margin:0px auto; color: #fff;}
#top a{color: #fff;}
.top_sp2 a{float: left;}
.top_sp2 b{color: #FFD800;}
.top_sp2 i{width: 1px; height: 28px; background: #ED646A; float: left; margin: 0px 10px;}
#header{position: relative; padding: 12px 0px;}
.logo{width:auto;max-width: calc(90% - 50px);}
.logo img{max-width: 100%;}
.nav-trigger{width:26px; height:26px; z-index:999; background: url(../images/micon.png) no-repeat; outline: 0px; cursor: pointer; position: absolute; top: 50%; margin-top: -13px; right: 15px;}
.navigation-is-visible .nav-trigger{width: 32px; height: 30px; background: url(../images/icon11.png) no-repeat;  position: absolute; top: 50%; margin-top: -15px; left: 15px;}
.nav_transform1{position:absolute;top:0; left:20%; display: none; z-index:20;overflow-y:scroll; padding:10px;width:80%;border:0;background:#FFFFFF; text-transform:none; overflow-scrolling:touch;}
.nav_transform1{transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1);}
.navigation-is-visible .nav_transform1{-webkit-transform:none;transform:none; display:block;}
.nav-overlay{position:fixed;top:0;left:50%; margin-left:-375px; z-index:10;width:750px;height:100vh;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s linear;pointer-events:none;}
.navigation-is-visible .nav-overlay{opacity:1;pointer-events:auto;}
.navp1{padding: 10px 0px 10px 30px; }
.navp1 img{max-width: 80%;}
.navp2{padding-left: 30px; font-size: 1.4rem;}
.navp2 b{font-size: 1.6rem; color: #174799;}
.navul{width: 90%; margin: 15px auto 25px;}
.nav-item{position: relative; line-height:40px; max-height:40px; font-size: 1.6rem; padding: 0px 20px;}
.nav-item.on a{color: #174799;}
#mnav{padding:6px 0px; background:#174799; overflow: hidden;}
#mnav a{color: #fff; height:32px; line-height: 32px; font-size:15px; float: left; width: 25%; text-align: center;}
#mnav a.on{font-weight: bold;}
@media (min-width:768px) 
{
    #header{padding: 15px 0px;}
    .logo{width:30%;}
    #mnav a{width: 12.5%;}
    .tel{height: 32px; line-height: 32px; font-size: 13px; color: #888888; position: absolute; top: 50%; margin-top:-16px; right: 70px; padding-left: 25px; }
    .tel b{color:#174799;font-family:Arial; font-size: 15px;}
}
@media (min-width:992px) 
{
    .logo{width:25%;}
}
@media (min-width:1200px) 
{
    #header{height: 125px; padding: 0px;}
    #header .container{position: relative; height: 100%;}
    .logo{width: 450px; height: 100%;display: flex;align-items: center;}
    .logo img {padding-top: 30px;} 
    .tel{right: 0px; font-size: 16px; top: 25px;}
    .tel b{font-size: 20px;}
    .nav{float: right; margin-top: 40px;}
    .nav a{float: left; font-size: 16px; height: 85px; line-height:85px; width:95px; text-align: center;}
    .nav a.on{color:#fff; background: #174799;}
    .nav a:hover{color:#fff; background: #004098;}
}

/*******Css banner*******/
.banner{height:100%; text-align:center; margin:0px auto;overflow-x: hidden;}
.mbanner{overflow:hidden;}
.mbanner .swiper-container .swiper-wrapper img {
    max-width: 100%;
    height: auto;
}
.mbanner .swiper-container .swiper-slide {
    text-align: center;
}
.page_banner{width: 100%; position: relative;height: 400px; margin:0px auto; text-align:center; overflow:hidden;}
.page_banner img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.page_bannerc{position: absolute; width: 100%; left: 0px; top: 0px;}
.page_bannerp1{margin-top: 20px; font-size: 22px; font-weight: bold; color: #fff;}
.page_bannerp2{margin-top: 4px; font-size: 14px; color: rgba(255,255,255,0.8);}
.page_bannerp3{margin-top: 8px; color: rgba(255,255,255,0.6);}
.page_bannerp3 a{color: rgba(255,255,255,0.6);}
.page_bannerp3 a:hover{color: #fff;}
#cmenus{padding: 10px 0px; border-bottom: dashed 1px #dedede; line-height: 1.8; text-align: center;}
#cmenus a{font-size: 14px; width: 32.3%; height: 32px; line-height: 30px; overflow: hidden; border-radius: 5px; float: left; background: #305bc4; color: #fff; margin: 0px 1% 4px 0px;}
#crumbs{line-height:60px; color: #888; text-align: left; margin-top: 5px; border-bottom:1px dashed #dedede;}
#crumbs span{color: #999; margin-right: 5px;}
#crumbs a{color: #888;}
@media (max-width:992px){
  .page_banner{height: 300px;}
}
@media (max-width:440px){
  .page_banner{height:170px;}

}
@media (min-width:768px) 
{
    .page_bannerp1{text-align: center; font-size: 25px; margin-top: 50px;}
    .page_bannerp2{text-align: center;}
    .page_bannerp3{text-align: center;}
     #cmenus a{width: 24%;}
}
@media (min-width:992px) 
{
	#cmenus a{width:19%;}
    .page_bannerp1{margin-top: 50px;}
}
@media (min-width:1200px) 
{
    .page_bannerp1{margin-top: 90px; font-size: 45px;}
    .page_bannerp2{font-size: 16px;}
    .page_bannerp3{margin-top: 25px;}
   #cmenus{padding: 30px 0px 20px 0px;}
    #cmenus a{height:52px; line-height: 50px; font-size: 16px; width:11.6%; letter-spacing: 1px; margin: 0px 0.6% 7px 0px;}
}
@media (min-width:1600px) 
{
    .page_bannerp1{margin-top: 120px; font-size: 50px;}
}

 
/*******Css home*******/
#gg{margin-top: 25px; overflow: hidden;}
.gg{overflow: hidden;}
.gg li{width: 50%; float: left; text-align: center; margin: 8px 0px;}
.gg_p1 .iconfont{font-size:22px;}
.gg_p2{font-size: 14px; margin-top: 5px;}
.gg_p3{color: #ababab; margin-top: 2px;}
@media (min-width:768px) 
{
    .gg li{width: 25%;}
}
@media (min-width:992px) 
{
    .gg_p1 .iconfont{font-size: 25px;}
}
@media (min-width:1200px) 
{
  .gg li{margin: 0px 0px; padding: 40px 0px; transition: all ease 0.6s;}
  .gg li:hover{background:#174799; }
  .gg_p1 .iconfont{font-size: 36px;}
  .gg_p2{font-size: 21px;}
  .gg_p3{font-size: 13px; margin-top: 4px;}
  .gg li:hover{padding: 30px 0px 50px 0px;}
  .gg li:hover .gg_p1{color: #fff;}
  .gg li:hover .gg_p1 img{filter: grayscale(0) brightness(10);}
  .gg li:hover .gg_p2{color: #fff;}
  .gg li:hover .gg_p3{color: #fff;}
}
#chan2{padding-top: 25px; margin-top: 25px;position: relative;}
#chan2::before{content: '';display: inline-block;width: 100%;height: 40%;background-color: #174799;position: absolute;left: 0;top: 0;z-index: -1;}
.productst{text-align: center; color: #fff; font-size: 25px; font-weight: bold;}
.productst a{color: #fff;}
.productst1{text-align: center; color: #000000; font-size: 25px; font-weight: bold; margin-top: 25px;}
.productst1 a{color: #000000;}
.productsft{text-align: center; color: #fff; text-transform: uppercase;}
.procls{overflow: hidden; margin-top: 15px;}
.procls a{height: 20px; line-height: 20px; color: #fff; font-size: 14px; float: left;  margin-right:30px; margin-bottom: 8px; padding-left:26px; background: url(../images/icon1.jpg) no-repeat left center;}
.procls1{overflow: hidden; margin-top: 15px;}
.procls1 a{height: 20px; line-height: 20px; color: #000000; font-size: 14px; float: left;  margin-right:30px; margin-bottom: 8px; padding-left:26px; background: url(../images/icon1.jpg) no-repeat left center;}
.products{overflow: hidden; margin-top: 20px;}
.products_img{overflow: hidden; position: relative;padding-top: 80%;}
.products_img img{width: 100%; transition: all 0.3s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.products_txt{height: 35px; line-height: 35px; font-size: 14px; overflow: hidden; background: #ffffff; text-align: center;}
.products_txts{width: 100%; overflow: hidden; text-align: center; padding: 15px 0px; color: #000000; transition: all 0.3s; bottom:6px;font-size: 15px;}

.productsm{text-align: center; margin-top: 20px;}
.productsm a{padding: 6px 25px; border: solid 1px #E0E0E0;  border-radius: 25px; color: #000000; font-size: 14px; display: inline-block;}
@media (min-width:1200px) 
{
  #chan2{margin-top: 25px; padding-top: 65px;}
  .productst{font-size: 40px;}
  .productsft{font-size: 12px; margin-top: 5px;}
  .procls{margin-top:40px;}
  .procls a{font-size: 18px; padding-left: 30px; width: 14%; height: 35px; line-height: 35px;}
  .products{}
  .products_txt{margin-top: 15px; font-size: 16px;}
  .productsm{margin-top: 30px;}
  .productsm a{padding:12px 65px;  border-radius: 30px; font-size: 16px;}
}
.procls a:hover{color: #fdad20; background: url(../images/icon1h.jpg) no-repeat left center;}
.products a:hover .products_img img{transform:scale(1.05);}
.productsm a:hover{border: solid 1px #174799; background: #174799; color: #fff;}
#chan3{margin-top: 25px; background: #174799; padding-bottom: 25px;}
.yst{text-align: center;}
.yst img{max-width: 100%;}
.ysul{background: #fff; padding: 15px 15px 25px 15px; margin-top: 15px; overflow: hidden;}
.ysul li{margin-top: 15px; background: url(../images/icon2.png) no-repeat left top; padding-left: 65px;}
.ysp1{font-size: 18px;}
.ysp2{color: #888; margin-top: 10px;}
.ysp2 b{color: #d0231c;}
.ysp2 b a{color: #d0231c;}
.ysc{margin-top: 20px; text-align: center;}
.ysc img{max-width: 100%;}
@media (min-width:992px) 
{
  .yst{text-align: left;}
  .yst img{max-width: 50%;}
  .ysul{width: 55%; float: right; margin-top: 25px;}
  .ysc{width: 40%; float: left; margin-top: 35px;}
}
@media (min-width:1200px) 
{
  #chan3{margin-top: 60px; padding-bottom: 0px; position: relative; height: 630px;}
  #chan3 .container{position: relative; z-index: 1;}
  .yst img{max-width: 100%;}
  .ysc{margin-top: 40px;}
  .ysbg{width: 1110px; left: 50%; margin-left: -150px; top: 125px; height: 505px; position: absolute; background: #fff;}
  .ysul{width: 660px; margin-top: -47px; /*box-shadow: 0px 0px 25px rgba(0,0,0,0.1);*/}
  .ysul li{margin-top: 20px; padding-left: 70px;}
  .ysp1{font-size: 26px;}
  .ysp2{margin-top: 15px; font-size: 14px; line-height: 24px;}
}
#chan1s{margin-top: 25px; overflow:hidden;}
.mcasep1{height: 36px; line-height: 36px; font-size:25px; font-weight: bold;}
.mcasep2{color: #444444; margin-top:8px;}
.mcasec{overflow: hidden; margin-top: 15px;}
.mcase_img{overflow:hidden;}
.mcase_img img{width: 100%; transition: all 0.3s;}
.mcase_txt{height: 30px; line-height: 30px; overflow:hidden; color: #888; text-align: center;}
.mcasem{overflow:hidden; margin-top: 20px; text-align: center; }
.mcasem a{float: left; padding: 6px 0px; width: 95px; font-size: 13px;}
.mcasema1{border: solid 1px #d0231c; color:#d0231c;}
.mcasema2{border: solid 1px #d0231c; color:#fff; background:#d0231c; margin-left: 8px;}
.case{overflow:hidden;}
.casel{float: left; width: 22%;}
.casep1{height: 36px; line-height: 36px;font-size:25px; font-weight: bold;}
.casep2{color: #444444; margin-top:10px;}
.casep2 b{color: #d0231c; font-size: 14px;}
.casep3{color:#444444; margin-top: 10px; }
.casep3 b{font-size: 17px;margin-top: 5px;}
.casep4{overflow:hidden; margin-top: 20px; text-align: center; }
.casep4 a{float: left; padding: 6px 0px; width: 95px; font-size: 13px;}
.casep4a1{border: solid 1px #d0231c; color:#d0231c;}
.casep4a2{border: solid 1px #d0231c; color:#fff; background:#d0231c; top: 30px; padding: 11px 78px;display: inline-block;
    margin: 0 auto;
    left: 50%;transform: translateX(-50%);
    position: relative;}
.caser{width: 75%; float: right; overflow:hidden;}
.case_img{overflow:hidden;}
.case_img img{width: 100%; transition: all 0.3s;}
.case_txt{height: 30px; line-height: 30px; overflow:hidden; color: #888; text-align: center;}
@media (min-width:1200px) 
{
  #chan1s{margin-top:145px;}
  .casel{width: 20%;}
  .casep1{font-size: 28px;}
  .casep2{margin-top: 20px;}
  .casep2 b{font-size: 18px;}
  .casep4{margin-top: 40px;}
  .casep4 a{width: 105px;}
  .caser{width: 79%; margin-top: 20px;}
  .case_txt{margin-top: 10px;}
}
.casep4 a.casep4a1:hover{border: solid 1px #d0231c; color:#fff; background:#d0231c;}
.casep4 a.casep4a2:hover{border: solid 1px #d0231c; color:#d0231c; background: #fff;}
.caser a:hover .case_img img{transform:scale(1.05);}
.caser a:hover .case_txt{color:#d0231c; }
#chan1{margin-top: 25px;}
.aboutt{text-align: center; font-size: 25px; font-weight: bold; color:#174799;}
.aboutt a{color:#174799;}
.aboutft{text-align: center; color: #698cde; text-transform: uppercase;}
#chan4{margin-top: 15px; background:#174799;background-size: cover;}
#chan4 .container{display: flex;flex-wrap: wrap;align-items: stretch;}
.aboutc{line-height: 2; font-size: 15px; overflow:hidden; color: #fff;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;margin-top: 30px;}
.aboutm{overflow:hidden; margin: 20px 0;}
.aboutm a{width: 33%; float: left; margin-left: 0.3%;color:#174799;  background: #E5E5E5; text-align: center; padding: 10px 0px;}
.aboutmp1{height: 40px; line-height: 40px;}
.aboutmp1 .iconfont{font-size: 25px;}
.aboutmp2{font-size: 14px;}
.zz{overflow:hidden;text-align: right;margin: 0 auto;margin-top: auto;}
.zz img{max-width: 100%;}
@media (min-width:768px) 
{
  #chan4{overflow:hidden;}
  .about{float: left; width: 58%;}
  .zz{float: right;width: 38%;margin-left: auto;}
}
@media (min-width:992px) 
{
  .about{float: left; width: 55%; margin-top: 15px;}
  .zz{float: right; width: 40%; margin-top: 0px;}
}
@media (min-width:1200px) 
{
  #chan1{margin: 50px 0 30px;}
  .aboutt{font-size: 40px;}
  .aboutft{font-size: 12px; margin-top: 5px;}
  #chan4{margin-top:50px;}
  .about{width: 520px; margin-top: 45px;}
  .aboutm{margin: 50px 0;}
  .aboutm a{margin-top: 10px; width: 157px; margin-right: 1px; margin-left: 0px;}
  .aboutmp1{height: 50px; line-height: 50px;}
  .aboutmp1 .iconfont{font-size: 30px;}
  .aboutmp2{font-size: 16px;}
  .zz{width: 612px;margin-top: 50px;}
  .aboutm a:hover{background: #fdad20; color: #fff; padding-top: 15px; padding-bottom: 15px; margin-top: 0px;}
}
.news{overflow:hidden; margin-top: 15px; position: relative; padding-bottom: 40px;}
.news a{float: left; width: 100%;}
.newstime{width: 16%; overflow:hidden;  float: left; background: #E9ECF3; padding: 10px 0px; text-align: center; color: #8B96AF;}
.newstimep1{font-size: 20px; font-weight: bold;}
.newstxt{width: 80%; float: right;}
.newstxtp1{height: 30px; line-height: 30px; overflow:hidden; font-size: 15px; font-weight: bold;}
.newstxtp2{margin-top: 5px; line-height: 18px; height: 54px; overflow:hidden; color: #888;}
.newstxtp3{margin-top: 10px; color: #cbcbcb;}
.news .swiper-pagination-bullet{width: 12px; opacity: 1; height: 12px; border-radius: 50%; border:solid 1px #174799;}
.news .swiper-pagination-bullet-active{background: #174799;}
@media (min-width:1200px) 
{
  .news{margin-top: 40px; padding-bottom: 80px;}
  .newstime{width: 20%;}
  .newstimep1{font-size: 32px;}
  .newstimep2{font-size: 14px;}
  .newstxt{width: 74%;}
  .newstxtp1{height: 40px; line-height: 40px; font-size: 17px;}
  .newstxtp2{line-height: 22px; height: 66px; font-size: 14px;}
  .newstxtp3{margin-top: 20px;}
}

.newst{height: 32px; line-height: 32px; overflow: hidden;}
.news_a1{float: left; font-size: 20px; font-weight: bold;}
.newst i{width: 30px; height: 3px; background:#d10009; float: left; margin-left: 15px; margin-top: 14px; }
.newst span{font-size: 16px; color: rgba(0,0,0,0.2); float: left; margin-left: 10px;}
.news_a2{float: right; text-transform: uppercase; background: url(../images/icon6.png) no-repeat right center; padding-right:30px; font-family: 'MONTS'; font-size: 16px;}
.newsc{margin-top: 20px; overflow: hidden;}
.newsc a{float: left; width: 100%; margin-bottom: 15px;}
.news_img{overflow: hidden;}
.news_img img{width: 100%; transition: all 0.3s;}
.newsc a:hover .news_img img{transform:scale(1.05);}
.news_txt{height: 28px; line-height: 28px; overflow: hidden; font-size: 14px; margin-top:8px;}
.news_dc{margin-top: 5px; line-height: 18px; height: 36px; color: rgba(0,0,0,0.6); overflow: hidden;}
.news_time{height: 36px; line-height: 36px; margin-top: 15px; font-size: 16px; font-family:Arial; font-weight: bold; color: rgba(0,0,0,0.6); border-top: solid 1px #E5E5E5;}
@media (min-width:992px) 
{
    .newsc a{width:32%; float: left; margin-left: 2%; margin-bottom: 0px;}
    .newsc a:nth-child(1){margin-left: 0px;}
}
@media (min-width:1200px) 
{
    #chan5{padding: 70px 0px; border-top: 1px dashed #dedede;}
    .newst{height: 60px; line-height: 60px;}
    .news_a1{font-size: 40px;}
    .newst i{width: 60px; margin-top: 28px; margin-left: 50px;}
    .newst span{font-size: 27px; margin-left: 60px;}
    .news_a2{font-size: 22px; padding-right: 34px;}
    .newsc{margin-top: 45px;}
    .news_txt{height: 40px; line-height: 40px; font-size: 18px; margin-top: 20px;}
    .news_dc{line-height: 23px; height: 46px; font-size: 14px;}
    .news_time{height: 56px; line-height: 56px; font-size: 20px; margin-top: 15px;}
}
/*******Css footer*******/
#fmenu{ background:#1d2228; padding:15px 0px; color:#fff; border: 1px solid #282e36;}
#fmenu nav a{
  width: 25%;max-width: 100px;
  line-height: 3;
  font-size: 16px;
}
.owen ul{
  overflow: hidden;
  margin-bottom: 40px;
  margin-top: 20px;
}
.owen li{
  /* float: left;.owen li */
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
  line-height: 2;
}
.others a{
  color: #747474;
  font-size: 16px;
  border: 1px solid #747474;
  padding: 7px 25px;
  margin-right: 10px;
}
#fmenu{background:#1d2228; padding:15px 0px; color:rgba(114,130,149); border: 1px solid #282e36;}
#fmenu nav{display: flex;flex-wrap: wrap;}
#fmenu .ul{display: flex;width: 100%;flex-wrap: wrap;}
#fmenu .ul a{text-align: center;padding: 0 2px;display: flex;flex-wrap: wrap;justify-content: center;width: 33.333333%;}
#fmenu .ul a img{max-width: 100%;width: auto;}
#fmenu .ul a span{width: 100%;margin-top: 5px;}
#fmenu a{color:rgba(114,130,149);}
#fmenu a:hover{color: #fff;}
.fmenulp1{font-size: 18px; font-weight: bold; color: rgba(246,246,246,0.82);}
.fmenulp2{font-size: 14px; color: rgba(246,246,246,0.2);}
.fmenum{line-height: 1.8; margin-top: 5px; color: #ffffff;}
.fmenuc{line-height: 1.8; margin-top: 5px;}
.fmenuc a{margin-right: 8px;}

#fmenu a:hover{ color: #fff; }
.fmenulp1{ font-size: 18px; font-weight: bold; color: rgba(246,246,246,0.82);}
.fmenulp2{ font-size: 14px; color: rgba(246,246,246,0.2);}
.fmenum{ line-height: 1.8; margin-top: 5px; color: #ffffff;}
.fmenuc{ line-height: 1.8; margin-top: 5px;}
.fmenuc a{ margin-right: 8px; }

#footer{background:#1d2228; text-align: center; line-height:1.6; padding: 5px 0px; color:#45505e; margin-bottom: 65px;}
#footer a{color:#fff;}
#footer a:hover{text-decoration: underline; color: #fff;}
@media (min-width:992px) 
{
    .fmenul{float: left;}
    .fmenum{float: left; width: 500px; margin-left: 25px;}
    .fmenuc{width: 300px; float: left; margin-left: 25px;}
}
.footernav{width: 100%; color: #fff; height:auto; overflow: hidden; position: fixed; bottom:0px; padding:10px 0px; left: 0px; z-index: 999;   background:#174799;}
.footernav a{color: #fff;}
.footernav ul li{width: 20%; float: left; text-align: center;}
.footernp1{font-size:2rem;}
.footernp2{line-height:1.5;}
.footernav ul li.on .footernp1{animation: swing 1s;}
#warp{margin-bottom: 25px;}
.page_con{margin: 0px auto; overflow: hidden;}
@media (min-width:768px) 
{
    #footer{margin-bottom: 0px; text-align: center;}
}
@media (min-width:992px) 
{
    .fmenum{margin-top: 0px;}
    .fmenuc{margin-top: 0px;}
}
@media (min-width:1200px) 
{
    #fmenu{padding: 30px 0px;}
    .fmenulp1{font-size: 30px;}
    .fmenulp2{font-size: 22px; margin-top: 5px;}
    .fmenum{margin-left: 50px; width: 580px; line-height: 2; margin-top: 5px; color: #ffffff;}
    .fmenuc{margin-left: 50px; width: 300px; line-height: 2; margin-top: 5px;}
    .weixin{text-align: right; width: 300px; height: 159px; float: right;}
    #footer{padding:12px 0px;}
    #warp{margin-bottom: 50px;}
}
 
/*******Css company*******/
#company{margin-top: 25px;}
.companyp1{text-align: center; position: relative; color: rgba(0,0,0,0.2); font-size: 16px;}
.companyp1 i{width: 40px; height: 3px; background:#d10009; position: absolute; top: 50%; margin-top: 0px; left: 50%; margin-left: -20px;}
.companyp2{font-size: 20px; font-weight: bold;  text-align: center;}
#comchan1{background: #f6f6f6; margin-top: 50px;}
.comys{position: relative; height: 195px;}
.comys ul{position: absolute; width: 100%; top: -30px;}
.comys ul li{width: 100%; height: 60px; line-height: 60px; border-radius: 28px; background: #d10009; color: #fff; margin-bottom: 15px;}
.comys_sp1{width: 40px; margin-left: 10px; font-size: 20px; text-align: center; font-family: 'MONTS'; height: 40px; line-height: 40px; border-radius: 50%; float: left; margin-top: 10px; background: #fff; color: #dcdcdc;}
.comys_sp2{float: left; margin-left: 15px; font-size: 15px;}
.comzzs{margin-top: 15px;}
.comzz{margin-top: 10px; overflow: hidden;}
.comzz a{width: 100%; float: left; margin-top: 15px;}
.comzz_img{background: #fff; overflow: hidden; text-align: center;position: relative;padding-top: 75%;}
.comzz_img img{max-width: 100%;  transition: all 0.3s; position: absolute;width: 100%;height: 100%;object-fit: cover;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.comzz_txt{height:30px; line-height: 30px; overflow: hidden; font-size: 14px; text-align: center; margin-top: 5px;}

#chan51{background: #f6f6f6; padding: 25px 0px; }
.ystp{text-align: center;}
.ystp img{max-width: 100%;}
.ysulp{background: #fff; padding: 15px 15px 25px 15px; margin-top: 15px; overflow: hidden; float: left;}
.ysulp li{margin-top: 15px; background: url(../images/icon2.png) no-repeat left top; padding-left: 65px;}
.yspp1{font-size: 18px;}
.yspp2{color: #888; margin-top: 10px;}
.yspp2 b{color: #d0231c;}
.yspp2 b a{color: #d0231c;}
.yscp{margin-top: 20px; text-align: center; float: right;}
.yscp img{max-width: 100%;}
@media (min-width:992px) 
{
  .ystp{text-align: left;}
  .ystp img{max-width: 50%;}
  .ysupl{width: 55%; float: right; margin-top: 25px;}
  .yscp{width: 40%; float: left; margin-top: 35px;}
}
@media (min-width:1200px) 
{
  #chan5{margin-top: 60px; padding-bottom: 0px; position: relative; height: 630px;}
  #chan5 .container{position: relative; z-index: 1;}
  .ystp img{max-width: 100%;}
  .yscp{margin-top: 40px;  float: right;}

  .ysulp{width: 660px;}
  .ysulp li{margin-top: 20px; padding-left: 70px;}
  .yspp1{font-size: 26px;}
  .yspp2{margin-top: 15px; font-size: 14px; line-height: 24px;}
}

#comchan2{background: #f6f6f6;  padding:25px 0px;}
@media (min-width:992px) 
{
    .comzz a{width: 32%; float:left; margin-right: 2%;}
}
@media (min-width:1200px) 
{
    #company{\n}
    .companyp1{font-size: 27px;}
    .companyp1 i{width: 60px; margin-left: -30px;}
    .companyp2{font-size: 40px;}
    #comchan1{margin-top: 120px;}
    .comys{height: 60px;}
    .comys ul{top: -43px;}
    .comys ul li{width: 390px; height: 86px; line-height: 86px; border-radius: 50px; margin-left: 15px; float: left;}
    .comys ul li:nth-child(1){margin-left: 0px;}
    .comys_sp1{width: 70px; height: 70px; line-height: 70px; margin-left: 12px; margin-top: 8px; font-size: 34px;}
    .comys_sp2{font-size: 16px;}
    .comzzs{margin-top: 60px;}
    #comchan2{padding:80px 0px;}
    .comzz{margin-top: 30px;}
    .comzz a:nth-child(3n){margin-right: 0px;}
    .comzz_txt{height: 50px; line-height: 50px; font-size: 18px;}
}
@media (min-width:1600px) 
{
    .comys ul li{width: 446px; margin-left: 31px;}
    .comys_sp2{font-size: 18px;}
}
.comzz a:hover .comzz_img img{width: 105%;height: 105%;}



/*******Css list*******/
.ul_news{list-style: none;}
.ul_news li{height: 60px; line-height: 60px; border-bottom: 1px dashed #dedede;}
.ul_news li span{float: right;}

#newslist{overflow: hidden;}
#newslist li{margin-top: 15px; overflow: hidden; border-bottom: 1px solid #dedede;}
.newslist_times{height:26px; line-height: 26px; color: #999; font-size: 16px; font-family: 'MONTS';}
.newslist_img{overflow: hidden;}
.newslist_img img{width: 100%;  transition: all 0.3s;}
.newslistp1{margin-top: 10px; height:28px; line-height: 28px; overflow: hidden; font-size: 15px; font-weight: bold;}
.newslistp2{line-height: 18px; max-height: 54px; overflow: hidden; color: #999;}
.newslistp3{margin-top: 5px; color: #d10009; text-transform: uppercase;}
@media (min-width:768px) 
{
    #newslist li a{padding: 10px; float: left; position: relative;}
    .newslist_time{width: 10%; text-align: center; position: absolute; color: #ababab; top: 50%; left: 10px; height: 50px; margin-top: -25px;}
    .newslist_timep1{height:30px; line-height: 30px; font-size: 20px;  font-family: 'MONTS';}
    .newslist_timep2{height: 20px; line-height: 20px; font-size: 13px;}
    .newslist_img{width: 28%; float: left; }
    .newslist_txt{width: 70%; float: right;} 
    .newslistp1{margin-top: 5px; }
    .newslistp2{margin-top: 6px;}
    .newslistp3{margin-top: 10px;}
}
@media (min-width:992px) 
{
    .newslist_timep1{font-size: 22px;}
    .newslist_img{width: 25%; background: #fff;}
    .newslist_txt{width: 62%;}
    .newslistp1{font-size: 16px; margin-top: 10px;}
    .newslistp3{height: 26px; line-height: 26px; overflow: hidden;}
    .newslistp3 i{transition: all ease 1s; float: left;margin-top: 11px; height: 3px; background: #f2f50b;}
    .newslistp3 span{float: left;}
    #newslist li a:hover{background: #eeeeee; color: #000000;}
    #newslist li a:hover .newslist_time{color: #fff;}
    #newslist li a:hover .newslistp2{color: #000000;}
    #newslist li a:hover .newslistp3{color: #000000;}
    #newslist li a:hover .newslistp3 i{width:50px;  margin-right: 6px;}
    #newslist li a:hover .newslist_img img{transform:scale(0.92);}
}
@media (min-width:1200px) 
{
    #newslist li a{padding:25px;}
    #newslist li{margin-top: 15px; overflow: hidden; border-bottom: 1px solid #dedede;}
    .newslist_img{width: 300px; float: left;}
    .newslist_txt{width: 850px; float: right; margin-left: 50px;}
    .newslistp1{height: 40px; line-height: 40px; font-size: 22px;}
    .newslistp2{line-height: 23px; max-height: 69px;}
    .newslistp3{margin-top: 20px;}
    #newslist li a:hover .newslistp3 i{width:60px;}
} 


#picUL li{margin-top:15px; overflow: hidden;}
#picUL li a{width: 100%; height: 100%;  padding: 25px;}
#picUL li a .pic_img{width: 23%; float: left;}
#picUL li a .pic_img img{width: 100%;transition: all 0.3s;}
#picUL li a .pic_txt{width: 65%;  float: left; padding-left: 3%;}
#picUL li a .pic_txtp1{height: 40px;line-height: 40px;font-size: 22px;}
#picUL li a .pic_txtp2{line-height: 23px;max-height: 69px;}



#proUL li{overflow: hidden;}
#proUL li .products_img{border: solid 1px #dedede; height:208px;}
#proUL a:hover .products_img img{transform:scale(1.05);}


@media (max-width:768px) 
{
   #proUL li .products_img{height:125px;}
}
@media (max-width:350px) 
{
   #proUL li .products_img{height:93px;}
}
/*******Css info*******/
#company_main{margin:0 auto; line-height:2; padding:10px 0px; }
#company_main img{max-width:100%;}
#company_main a{color:#174799;}
#company_main strong{color:#174799;}
#contact_main{margin:0 auto; padding:10px;}
#contact_main a{color:#174799;}
#contact_main p{padding: 10px; background: #f5f5f5; margin-bottom: 10px; border-radius: 8px;}
#company_main strong{color:#174799; }
#page_Title{line-height:1.8; font-size:16px; text-align:center;}
.page_Info{height:36px; line-height: 36px; margin-top: 15px; color:#666;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6;}
.page_Infoleft {padding-left: 30px; float: left;}
.page_Infoleft i{margin-right: 5px;}
.page_Share{margin-right: 10px; float: right;}
.page_Share a{float: left; margin-left: 10px;}
.page_Share a:hover{animation: swing 1s;}
.page_Share span{float: left;}

.ljdg{width: 150px; height: 48px; line-height: 48px; background: #174799; color: #fff; text-align: center; float: right; margin-right: 5px; border-radius: 5px;}

.qd{float: left; font-size: 16px; margin-left: 25px;}
.qd b{color:#174799;}



#infoImage{width:100%;text-align:center; margin:15px 0 15px 0;}
#infoImage img{max-width:100%;  border:#dcdcdc solid 1px;}
.page_tit_bg{height:36px; background:#F9F9F9; border-radius:5px; margin:10px auto;} 
.page_tit_tit{
    width:120px;
    height:36px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background:#174799;
    color:#ffffff;
    line-height:36px;
    text-align: center;
    font-size: 15px;
}
.ljdg{width: 150px; height: 48px; line-height: 48px; background: #174799; color: #fff; text-align: center; float: right; margin-right: 5px; border-radius: 5px;}
.ljdg:hover{color: #fff;}
#page_Content{margin:15px auto 0px; line-height:2; padding:10px;}
#page_Content img{max-width:100%;}
#page_Content table {
    width:100%;
    margin:0 auto;
    border-width:1px;
    color:#333;
    border-color: #f1f1f1 !important;
    border-collapse: collapse;
    box-sizing: border-box;
}
#page_Content table th {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
    background-color: #dedede;
}
#page_Content table td {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
}
#page_Content table td a {text-decoration:underline; color: #333;}

.page_Content{margin:0 auto; line-height:2; padding:10px;}
.page_Content img{max-width:100%;}
.page_Content table {
    width:100%;
    margin:0 auto;
    border-width:1px;
    color:#333;
    border-color: #f1f1f1 !important;
    border-collapse: collapse;
    box-sizing: border-box;
}
.page_Content table th {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
    background-color: #dedede;
}
.page_Content table td {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
}
.page_Content table td a {text-decoration:underline; color: #333;}

/* 无内容 */
.no-goods,.no-network{
  padding-top:70px;
  overflow: hidden;
  text-align: center;
}
.no-goods img{
  display: block;
  margin:0 auto 30px;
  width:220px;
  max-height: 105px;
}
.no-network img{
  display: block;
  margin:0 auto 30px;
  width:222px;
  height: 160px;
}
.no-goods p,.no-network p{
  color:#666666;
  line-height: 2;
}
.contact-list{overflow: hidden; margin-top: 10px;}
.contact-list ul li {
  min-height: 36px;
  padding-left: 50px;
  font-size: 14px;
  color: #666;
  margin-bottom: 14px;
  word-wrap: break-word;
  line-height: 36px;
}
.contact-list ul li span {
  display: block;
  float: left;
  color: #999;
}
.contact-list ul li.icon-01 {
  background: url(../images/contact-icon-01.png) no-repeat left top;
}
.contact-list ul li.icon-02 {
  background: url(../images/contact-icon-02.png) no-repeat left top;
}
.contact-list ul li.icon-03 {
  background: url(../images/contact-icon-03.png) no-repeat left top;
}
.contact-list ul li.icon-04 {
  background: url(../images/contact-icon-04.png) no-repeat left top;
}
.contact-list ul li.icon-05 {
  background: url(../images/contact-icon-05.png) no-repeat left top;
}
.contact-list ul li.icon-06 {
  background: url(../images/contact-icon-06.png) no-repeat left top;
}
.contact-map {
  overflow: hidden;
  margin-top: 25px;
}
.contact-map #dituContent {
  width: 100%;
  height: 475px;
}
.morder{overflow: hidden; margin-top: 20px;}
.morder li{overflow: hidden; margin-bottom: 15px;}
.morder_InputText{width:45%; margin-right: 5%; padding: 0px 15px; border-radius: 8px; outline: none; float: left; background: #f1f1f1; border: solid 1px #dedede; height: 40px; line-height: 40px;}
.morder_InputText1{width:95%;  padding: 0px 15px; border-radius: 8px; outline: none; float: left; background: #f1f1f1; border: solid 1px #dedede; height: 40px; line-height:40px;}
.morder_textarea{width:95%;  padding: 15px; border-radius: 8px; outline: none; float: left; background: #f1f1f1; border: solid 1px #dedede; height: 120px; line-height: 30px;}
.morder_captcha{width:200px;  padding: 0px 15px; border-radius: 8px; outline: none; float: left; background: #f1f1f1; border: solid 1px #dedede; height: 40px; line-height:40px;}
.morder_img{float: left; margin-left: 10px; margin-top: 15px; height: 20px; cursor: pointer;}
.morder_But{float: left; outline: none; margin-top: 15px; margin-right: 5%; font-size:15px; width: 250px; height: 42px; line-height: 42px; background: #174799; color: #fff; border-radius: 15px;}
.morder_But:hover{background: #FF8C10;}
@media (min-width:768px) 
{
    #page_Title{font-size: 18px;}
    #contact_main{width: 80%; float: left;}
    .ewm{float: right; margin-right: 20px; margin-top: 25px;}
    .morder_But{float: right; margin-top: 0px;}
}
@media (min-width:992px) 
{
    #picUL li a .pic_02{height:40px; line-height: 40px; }
}
@media (min-width:1200px) 
{
    #page_Title{font-size: 22px;}
    .page_Info{height: 50px; line-height: 50px; margin-top: 25px;}
    #picUL li{margin: 10px 0px;}
    #proUL li{margin: 15px 0px;}
    #company_main{margin-top: 30px;}
    .contact-list{margin-top: 30px;}
    .contact-list ul li{font-size: 17px;}
    .morder{margin-top: 35px;}
    .morder_InputText{height: 48px; line-height: 48px;}
    .morder_InputText1{height: 48px; line-height: 48px;}
    .morder_captcha{height: 48px; line-height: 48px;}
    .morder_But{height: 50px; line-height: 50px; font-size: 16px;}
}
#warps{position: relative;}
.mproinfos{margin-top: 15px;}
.mproinfo_img{overflow: hidden;}
.mproinfo_img img{width: 100%;}
.mproinfoimgs .gallery-thumbs{margin-top: 15px;}
.mproinfoimgs .gallery-thumbs .mproinfo_img{border: solid 1px #dedede;}
.mproinfoimgs .gallery-top{border-top-left-radius: 8px; border-top-right-radius: 8px;}
.mproinfoimgs .swiper-slide-thumb-active .mproinfo_img{border: solid 1px #174799;}
.mproinfoimg{overflow: hidden; text-align: center;position: relative;padding-top: 70%;background-color: rgba(0,0,0,.05);}
.mproinfoimg img{max-width: 100%; width: 100%;height: 100%;object-fit: contain;position: absolute;left: 0;top: 0;}
.mproinfotxt{margin-top: 20px;}
.mproinfot{line-height: 1.6; font-size: 16px; font-weight: bold;}
.mproinfop1{padding: 8px 2px; border-bottom: solid 1px #eee; font-size: 13px;}
.mproinfop1 span{color: rgba(0,0,0,0.5);}
.mproinfop1 a{font-weight: bold; color:#174799; }
.mproinfop1 b{font-weight: bold; color:#174799; }
.mproinfop2{line-height: 1.6; color: #999; margin: 10px 0px;}
.mproinfop3{overflow: hidden; margin-top: 15px;}
.mproinfop3 a{float: left; width: 100%; letter-spacing: 5px; height: 40px; text-align: center; font-size: 16px; color: #fff; line-height: 40px; background:#174799; border-radius: 25px;}
@media (min-width:768px) 
{
    .mproinfop3 a{width: 50%;}
}
.proinfos{position: relative;width: 100%; margin-top: 15px;}
.proinfosc{width: 100%;}
.proinfosc .gallery-top{width: 450px; float: left;}
.proinfosc .gallery-top{border-top-left-radius: 20px; border-top-right-radius: 20px;}
.proinfoimg{width: 450px; float: left; border-top-left-radius: 20px; border-top-right-radius: 20px; text-align: center;position: relative;padding-top: 30%;background-color: rgba(0,0,0,.05);}
.proinfoimg img{max-width: 100%; width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: contain;}
.proinfo_img{background: #fff; overflow: hidden; text-align: center;}
.proinfo_img img{max-width: 100%;}
.proinfostxt{width: 440px; float: right;}
.proinfot{font-size: 18px; line-height: 1.6;}
.proinfop1{padding: 8px 2px; border-bottom: solid 1px #eee; font-size: 13px;}
.proinfop1 span{color: rgba(0,0,0,0.5);}
.proinfop1 a{font-weight: bold; color:#174799; }
.proinfop1 b{font-weight: bold; color:#174799; }
.proinfop2{line-height: 1.6; color: #999; margin: 10px 0px;}
.proinfop3{overflow: hidden; margin-top: 15px;}
.proinfop3 a{float: left; width: 100%; letter-spacing: 5px; height: 37px; text-align: center; font-size: 16px; color: #fff; line-height: 37px; background:#174799; border-radius: 25px;}
.proinfostxt .gallery-thumbs{margin-top: 15px; cursor: pointer;}
.proinfostxt .gallery-thumbs .proinfo_img{border: solid 1px #dedede;}
.proinfostxt .swiper-slide-thumb-active .proinfo_img{border: solid 1px #174799;}
.pmenuss{margin-top: 25px;}
.pmenuss ul{background:#174799; overflow: hidden;}
.pmenuss ul li{width: 25%; cursor: pointer; float: left; text-align: center; font-size: 14px; padding: 12px 0px; color: #fff;}
.pmenuss ul li.on{font-weight: bold;}
.pmenuss.down{position: fixed; top: 0px; width: 100%; z-index: 999; margin-top: 0px;}
.pageprc{margin-top: 25px;}
.productrs{overflow: hidden; margin-top:20px;}
.productrs a{float: left; width: 100%; background: #fff; padding: 10px;}
.productrs a:hover .products_img img{transform:scale(1.05);}
.xgss{margin-top: 25px;}
@media (min-width:1200px) 
{
    .proinfosc{top: -60px;}
    .proinfosc .gallery-top{width: 550px; float: left;}
    .proinfoimg{width: 550px; }
    .proinfostxt{width: 600px;}
    .proinfot{font-size: 32px;}
    .proinfop1{font-size: 16px; padding: 12px 2px;}
    .proinfop2{font-size: 14px;}
    .proinfop3{margin-top: 25px;}
    .proinfop3 a{width: 20%;}
    .proinfostxt .gallery-thumbs{margin-top: 35px;}
    .pmenuss ul li{padding: 15px 0px; font-size: 18px;}
    .pageprc{margin-top: 50px;}
    .xgss{margin-top: 75px;}
    .productrs{margin-top: 35px;}
}
@media (min-width:1600px) 
{
    .proinfosc .gallery-top{width: 685px; float: left;}
    .proinfostxt{width: 660px;}
    .proinfostxt .gallery-thumbs{margin-top: 45px;}
}
/*******Css job*******/
#job_ul{}
#job_ul li{
    border-bottom:dashed 1px #cfcfcf;
    padding:10px 0px;
    height: 100%; overflow: hidden;
}
#job_ul li .recruit_info{
    float:left; width: 80%;
}
.job_nam{
    color:#174799;
    font-weight:bold;
}
#job_ul li .recruit_but{
    height:45px;
    float:right;
    margin-top:10px;
    margin-right:22px;
}
.job_ul li .recruit_but a{
    width:150px;
    height:45px;
    line-height:45px;
    background: #1C5FB8;
    border-radius:2px;   
    text-align:center; float: left;
}
.recruit_info_tit_bg{
    height:40px;
    background:#f8f8f8;
    border-radius:2px;
    margin:15px auto;
}
.recruit_info_tit_bg .recruit_info_tit{
    width:140px;
    height:45px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background:#174799;
    color:#ffffff;
    line-height:45px;
    text-align: center;
}
.recruit_info_main{
    margin:0px auto;
    margin-top:10px;
    margin-bottom:60px;
    padding:5px 20px;
    line-height: 32px;
}
.seek_job{margin-left: 20px;}
.seek_job li{padding-top:10px; height: 100%; overflow: hidden;}
.seek_t1{float: left; font-weight: bold; height: 40px; line-height: 40px; width:60px;}
.job_nam{float: left; margin-left: 15px; color:#174799; font-weight: bold;}
.G_InputText{
    width:250px;
    height:40px;
    line-height:40px;
    border:1px solid #dedede;
    padding:0px 10px;
    float:left;
    border-radius: 2px;outline: none;
}
.G_InputText:hover{border:1px solid #174799;}
.G_captcha{
    width:100px;
    height:40px;
    line-height:40px;
    border:1px solid #dedede;
    padding:0px 10px;
    float:left;
    border-radius: 2px; outline: none;
}
.G_captcha:hover{border:1px solid #174799;}
.G_textarea{
    width:250px;
    height:150px;
    line-height:30px;
    border:1px solid #dedede;
    padding:0px 10px;
    float:left;
    border-radius: 2px;outline: none;
}
.G_textarea:hover{border:1px solid #174799;}
.G_select{float: left; border:1px solid #dedede; height: 40px; line-height: 40px;}
.job_radio{float: left;}
.G_img{float: left; margin-top: 10px; margin-left: 5px;}
.G_But{
    width:340px;
    height:50px;
    line-height:50px;
    background:#174799;
    border-radius:5px;
    text-align:center;
    color:#FFF;
    cursor:pointer;
    transition: all 0.3s;
    float: left;outline: none; border: 0px;font-size: 18px;
}
.G_But:hover{
    background:#2D2B2B; color: #fff;
}
@media (min-width:768px) 
{
    .G_InputText{width: 400px;}
    .G_textarea{width: 500px;}
}
@media (min-width:1200px) 
{
    .seek_job li{padding-top: 15px;}
    .G_InputText{width: 400px;}
    .G_textarea{width: 550px;}
    .seek_job{float: left;}
    .mess_img{float: right; width: 400px; margin-top: 30px;}
    .mess_img img{max-width: 100%;}
}
/*******Css prev_next*******/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden;}
#prev_next li{margin: 10px 0;}
#prev_next li i{margin-right: 5px;}
#prev_next li a:hover{color: #174799;}
#prev_next li div{display: inline-block;}
/*css digg style pagination*/
.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 10px 0 35px;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #174799;
  background: #174799;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}

div.digg{margin:10px auto; text-align:center; float:right; display: inline;}
div.digg a{border:#dedede 1px solid; padding:3px 10px; margin:3px; color:#666; display: inline-block;}
div.digg a:hover{border:#174799 1px solid;color:#fff; background: #174799;}
div.digg a:active{border:#174799 1px solid;color:#fff; background: #174799;}
div.digg span.current{border:solid 1px #174799;padding:3px 15px; font-weight:bold; margin:3px; color:#fff; background-color:#174799; display: inline-block;}
div.digg span.disabled{border:#dedede 1px solid;padding:3px 10px;margin:3px;color:#ddd;  display: inline-block;}
div.digg select{border:#dedede 1px solid; padding:3px 0px; display: inline-block;}

/*内页公用样式*/
.page {margin: 20px auto;}

.inbanner {overflow:hidden;position:relative;}
.inbanner img {position:relative;left:50%;transform:translateX(-50%);width:600px;}
.inbanner-content {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);color:#fff;}
.inbanner h2 {font-size:22px;line-height:32px;}
.inbanner small {letter-spacing:4px;}
.inpage-main {margin-bottom:50px;/*border-bottom:1px solid rgba(0,0,0,.2);*/}
.location {border-bottom:1px solid #eee;line-height: 40px;margin-bottom: 20px;}
.location-nav a {text-align: center;display:block;position:relative;}
.location-nav a:hover,.location-nav a.active {color:#007bc2;}
.location-nav a:hover:after,.location-nav a.active:after {content:'';display:block;height:5px;width:50%;transform:translateX(-50%);background: #007bc2;position:absolute;bottom:-2.5px;left:50%;}
.inpage-main-location {color:#666;width:100%;padding-right:15px;text-align: right;}
.inpage-main-title {font-size: 20px;width:100%;text-align: center;}
.inpage-main-description {line-height: 40px;font-size:12px;border:1px solid #eee;border-left:0;border-right:0;margin:15px 0;text-align: center;}
.inpage-main-content {line-height: 2.5rem;}
@media(min-width:768px){
	.inbanner img {width:100%;}
	.inpage-main-title {font-size:24px;}
	.inpage-main-description {font-size:14px;}
}
@media(min-width:1400px){
	.location {line-height: 60px;}
	.location-nav {font-size:16px;}
	.inpage-main-location {font-size:15px;}
	.inbanner-content {text-align: center;}
	.inbanner img {width:1920px;}
	.inbanner h2 {font-size:50px;line-height:100px;}
	.inbanner small {font-size:16px;letter-spacing:14px;margin-top:25px;}
	.inpage-main-title {font-size:28px;}
	.inpage-main-description {line-height: 60px;margin:25px 0;}
	.inpage-main-content {font-size:16px;}
}
/*内页公用样式*/


/*产品综合页样式*/
.inpro-type {border-bottom:1px solid rgba(0,0,0,.2);}
.inpro-type h3 {font-size:18px;font-weight:600;color:#007bc2;display: unset;padding-right:10px;line-height: 60px;}
.inpro-type a {font-size:12px;text-align:center;padding:0 10px;margin-bottom:15px;overflow:hidden;white-space: nowrap;position:relative;}
.inpro-type a i {font-style:normal;color:rgba(0,0,0,.2);position:absolute;right:0;}
.inpro-type a:last-child i {display:none;}
@media(min-width:768px){
	.inpro-list {flex-flow:row wrap;padding-top: 20px;}
	.inpro-type a {font-size:14px;line-height: 20px;flex-basis: 25%;}
}
@media(min-width:1200px){
	.inpro-type h3 {line-height: 110px;padding:0;}
	.inpro-list {flex-flow:row wrap;padding:0;padding-top: 36px;}
	.inpro-type a {font-size:16px;line-height: 40px;flex-basis: 20%;}
}

.product-list {border-bottom:1px solid rgba(0,0,0,.2);padding:30px 0;}
.product-list-slide {padding:15px;}
.product-list-slide-img {background:#007bc2;border:1px solid #eee;overflow:hidden;}
.product-list-slide-img img {transition:.5s all;}
.product-list-slide-title-left {line-height:35px;font-weight:600;}
.product-list-slide-title-right-slide {color:#9b9b9b;flex:1;padding:5px;border:1px solid #9b9b9b;border-radius:5px;text-align:center;font-size:12px;}
.product-list-slide-title-right-slide i {display:block;margin:0 auto;background:url(../Image/images.png) no-repeat;}
.product-list-slide-title-right-slide:nth-child(1) i {width:24px;height:22px;background:url(../Image/images.png) no-repeat;background-position:-24px 0;transition:.5s all;}
/*.product-list-slide-title-right-slide:nth-child(2) i {width:18px;height:19px;margin-bottom:3px;background:url(../Image/images.png) no-repeat;background-position:-18px -22px;transition:.5s all;}*/
.product-list-slide-title-right-slide:nth-child(2) i {width:22px;height:22px;margin-bottom:3px;background:url(../Image/images.png) no-repeat;background-position:-22px -63px;transition:.5s all;}
.product-list-slide-title-right-slide:nth-child(3) i {width:22px;height:22px;background:url(../Image/images.png) no-repeat;background-position:-22px -41px;transition:.5s all;}
@media (min-width:768px) {
	.product-list-title {font-size:24px;margin:15px 0;}
	.product-list-title i {font-size:20px;font-style:unset;color:#fff;background:#007bc2;padding:0 5px;margin-right:10px;}
	.product-list-title a {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size:15px;color:rgba(0,0,0,.6);}
	.product-list-slide-title {margin-top:15px;}
	.product-list-slide-title:after {content:'';display:block;clear:both;}
	.product-list-slide-title-left {float:left;}
	.product-list-slide-title-right {float:right;}
	.product-list-slide-title-right-slide {margin-left:5px;}
}
@media (min-width:1200px) {
.product-list {border-bottom:1px solid rgba(0,0,0,.2);padding:50px 0 90px;}
.product-list-title {font-size:30px;}
.product-list-title i {font-size:25px;}
.product-list-slide {margin-bottom: 30px;}
.product-list-slide-title-left {line-height:50px;font-size:16px;}
.product-list-slide-title-right-slide {margin-left:10px;}
.product-list-slide:hover {background:#007bc2;color:#fff;}
.product-list-slide:hover .product-list-slide-title-left {color:#fff;}
.product-list-slide:hover img {transform:scale(1.1);transition:.2s all;}
.product-list-slide:hover i {background-position-x:0;transition:.5s all;}
.product-list-slide:hover .product-list-slide-title-right-slide {color:#fff;border-color:#fff;}
}
/*产品综合页样式*/

/*新闻列表页样式*/
.news-list {margin-bottom: 70px;}
.news-slide {padding:15px 15px;border-bottom:1px dashed #ddd;}
.news-slide-title {font-size:18px;font-weight:600;}
.news-slide-content {line-height: 24px;font-size:12px;margin:10px 0;color:rgba(0,0,0,.6);}
.news-slide-time {color:#ddd;font-size:12px;}

.news-img-slide {margin-bottom:15px;}
.news-img-slide-img {text-align: center;border:1px solid #eee;padding:10px;overflow:hidden;}
.news-img-slide-img img {max-width:100%;}
.news-img-slide-content {color:rgba(0,0,0,.6);line-height: 24px;}
.news-img-slide-content h2 {font-size:18px;line-height: 45px;}
a.news-img-slide-more {color:#aaa;display:block;border: 1px solid #eee;text-align: center;width:100px;line-height:45px;margin:15px 0;}
@media(min-width:768px) {
	.news-slide-title {font-size:18px;}
	.news-slide-content {line-height: 28px;font-size:14px;margin:15px 0;}
	.news-slide-time {font-size:14px;}
}
@media(min-width:992px){
	.news-slide {padding:25px 15px;}
	.news-slide-title {font-size:20px;font-weight:500;}
	.news-slide-content {line-height: 32px;font-size:16px;}
	.news-slide:hover .news-slide-content {text-decoration: underline;}

	.news-img-slide {margin-bottom:40px;}
	/*.news-img-slide-img {box-shadow: 0 20px 40px -20px #999}*/
	.news-img-slide-img img {max-width:100%;}
	.news-img-slide-content {max-width:70%;margin:0 auto;/*padding-top:35px;*/}
	.news-img-slide-content h2 {font-size:32px;line-height: 60px;}
	.news-img-slide-content p {line-height: 32px;margin:30px 0;}
	a.news-img-slide-more {width:200px;}
	a.news-img-slide-more:hover {background: #0072bb;color:#fff;}
	.news-img-slide-img:hover {opacity: .8;}
}
/*新闻列表页样式*/

/*新闻落地页样式*/
.news-info {}
/*首页产品二级导航*/
#disline{
  display: inline-block;
  float: left;
  position: relative;
}
#disline .misi a{
  width: 100%;
  font-size: 16px;
}
#disline:hover .misi{
  display: block;
}
.misi{
  position: absolute;
  width: auto;
  min-width: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  display: none;
  z-index: 999;
  top: 85px;
}
.misi #nav_20{display: none;}
.misi li{
  background-color: #0154a4;
}
.misi li a{
  height: auto;
  padding: 0 10px;
  line-height: 2.7;
  color: #000;
  white-space: nowrap;
}
.misi li:hover{
  background-color: #007bc2;
}
.misi li:hover a{
  color: #fff;
  background-color: #0154a4;
}


@media (max-width:768px) {
  .newslistp2{display: none;}
  .layui-layer-iframe{max-width: 100%;}
  .zz img{max-height: 180px;}
  .zz{text-align: center;}
  .contact-map #dituContent{height: 260px;}
  .morder_captcha{width: 165px;}
  .mproinfo_img img{height: 210px;}
  .gallery-thumbs .mproinfo_img img{height: 80px;}
  .page_Content{font-size: 15px;}



  .comzz a{width: 98%;margin: 1%;}
  #company_main,.ysp2{font-size: 14px;}
  .ysp2{line-height: 27px;}
  #mnav a{font-size: 15px;}
  .logo{width: 71%;}
  #comchan2{padding: 25px 0 12%;}
  #fmenu nav{overflow: hidden;}
  #fmenu nav a{
    padding: 0;
    float: left;
    width: 25%;
    text-align: center;
    line-height: 2;
    font-size: 15px;
  }

  .owen li{padding: 0;font-size: 14px;}
  #header{  padding: 0 0px;overflow: visible;}
  .coms{display: none;}
  .logo img{margin: 10px 0; }
  .gg .wow:hover .icon1{display: none;}
  .gg .wow .icon2{display: none;}
  .gg .wow .icon3{display: none;}
  .gg .wow:hover .icon3{display: block;}
}