.main{ padding: 4% 0; line-height: 30px}

.clear{ clear: both;}

.content{ line-height: 30px; padding: 2% 0 0;}

@media screen and (max-width:765px){

  .main{ padding: 7% 0;}

}



.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}

/*.img-cover-4by3 p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}*/

.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}

.img{ text-align: center; padding: 0 0 20px;}

.img img{ max-width: 100%;}

.p15{ padding-left: 15px; padding-right: 15px;}



#dituContent label {

  max-width: unset!important;

  text-align: center;

}

@media screen and (max-width:768px){

  .p15{ padding: 0;}

  .cppic{ padding: 0 !important;}

}





.embed-responsive{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}

.embed-responsive-item{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}





.topwx{ float: right; width: 25%; padding: 5% 0 0 5%;}

.topwx img{ width: 100%;}





/*头部*/

#top_line_bj{ height: 35px; line-height: 35px; background: #f3f3f3; width: 100%; color: #656565;}

#top_bj{ position: relative; width: 100%; height: auto; z-index: 999; transition:0.5s; background: #fff;}

#top_index{ height: auto; margin: 0 auto;}

#logo{ padding: 2% 15px;}

#logo .pic{ float: left;}

#logo .pic img{ max-width: 100%; transition:0.5s; }

#logo .left{ border-left: 1px dotted #666666; padding-left: 2%; margin: 1% 0 0 2%;}

#logo .left p{ color: #d70310; font-weight: bold; font-size: 24px;}

#logo .left span{ color: #777777;}

#top_tel{ float: right;  width: 75%; padding-left: 100px; background: url(../images/phone.png) no-repeat left center; margin-top: 6%; height: 75px; transition:0.5s; text-align: left; color: #666666;}

#top_tel .right{ padding-top: 8%; font-weight: bold; font-size: 16px; float: left;}

/*#top_tel i{ font-size: 40px; float: right; padding-left: 10px; color: #000;}*/

#top_tel .right span{ color: #d70310; font-size: 30px; font-weight: bold; line-height: 35px;}

@media screen and (max-width:768px){

    #top_line_bj{ height: auto; line-height: 30px; font-size: 12px;}

    #top_index{ padding: 5px 0; width: 100%;}

    #logo{ padding: 10px 15px;}

    #logo img{ max-width: 100%;}

    #logo .left{ width: 39%; }

    #logo .left p{ font-size: 14px;}

    #logo .left span{ font-size: 12px;}

}



#nav_bj{ background: #004ba7; height: 60px; width: 100%;}

#nav{ margin: 0 auto !important;}

#nav li{ float: left; width: 11%; height: 60px; padding-top: 10px; font-size: 16px; color: #fff; text-align: center; transition:0.5s;}

#nav li i{ display: inline-block; font-size: 20px; padding-right: 10px;}

#nav li a{ display: inline-block; color: #fff; height: 40px; line-height: 40px; width: 80%; border-radius: 20px; transition: 0.3s;}

#nav li:hover a{ background: #fff; color: #024f93;}

@media screen and (max-width:768px){

    #nav_bj{ height: auto;}

    #nav li{ font-size: 14px; width: 25%; height: 40px; line-height: 40px; padding: 0;}

    #nav li i{ display: none;}

    #nav li a{ width: 100%;}

}





#banner img{ width: 100%;}



#slideBox1{ position:relative; overflow:hidden; margin:0 auto;  width:100%;/* 设置焦点图最大宽度 */ }

#slideBox1 .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }

#slideBox1 .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }

#slideBox1 .hd li.on{ background:#fff;  }

#slideBox1 .bd{ position:relative; z-index:0; }

#slideBox1 .bd li{ position:relative; text-align:center; height:auto; overflow:hidden;  }

#slideBox1 .bd li img{  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}

#slideBox1 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

#slideBox1 .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;  }





#ssbj{ border-bottom: 1px solid #f0f0f0; height: 70px; background: #f6f6f6;}

.zy_search_form{ width: 60%; margin-top: 15px; height: 40px; line-height: 40px; border-radius: 20px; border: 1px solid #c4c4c4;}

.zy_search_form #search_name{ width: 80%; height: 38px; line-height: 38px; float: left; border-top-left-radius: 20px;border-bottom-left-radius: 20px; outline: none; color: #676767; font-size: 13px; text-indent: 20px;}

.zy_search_form #button{ width: 20%; height: 38px; line-height: 38px; background: url("../images/ss.png") no-repeat center #fff; float: right; cursor: pointer; border:none;outline: none; transition: 0.3s; border-top-right-radius: 20px;border-bottom-right-radius: 20px;}

@media screen and (max-width:768px){

    .zy_search_form{ width: 100%; margin-top: 4%; float: none;}

}

#ssbj .right{ height: 70px; line-height: 70px; text-align: right;}

#ssbj .right p{ float: right;}

#ssbj .right a{  padding: 0 1%;}



#zi_banner{ width: 100%; overflow: hidden; height: auto; position: relative;}

#zi_banner .main{ position: absolute; left: 0; top: 0; width: 100%; z-index: 10;}

#zi_banner p img{ width: 100%;}

@media screen and (max-width:768px){

  #zi_banner p img{ width: 175%; margin-left: -40%;}

  #zi_banner .main img{ width: 50%; margin-left: 3%;}

}







/*底部*/

#end_nr_bj{ background: #0148a5; width: 100%; height: auto; overflow: hidden; color: #fff; border-top: 8px solid #000000;}

#end_nr_bj .main{ padding: 2% 0; color: rgba(255,255,255,0.5);}

#end_nr_bj .main a{ color: rgba(255,255,255,0.5); transition: 0.3s;}

#end_nr_bj .main a:hover{ color: #fff;}



#end_nav{ margin: 0 auto !important; height: 60px; line-height: 60px; border-top: 1px solid rgba(255,255,255,0.1);}

#end_nav li{ float: left; width: 11%; height: 60px; line-height: 60px; font-size: 16px; color: rgba(255,255,255,0.2); text-align: center; transition:0.5s;}

#end_nav li a{ color: rgba(255,255,255,0.5); transition:0.3s;}

#end_nav li:hover a{ color: #fff;}



#end_nr_bj .left img{ max-width: 100%;}

#end_nr_bj .right{ text-align: right;}

#end_nr_bj .tit{ color: rgba(255,255,255,0.8); font-size: 16px; position: relative; padding-bottom: 10px; margin-bottom: 10px;}

#end_nr_bj .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; height: 3px; width: 10%; background: #fff;}



#end_nr_bj .end_dh{ position: relative;}

#end_nr_bj .end_dh ul{ width: 50%; float: left;}



#end_nr_bj .end_lx{ position: relative; border-right: 1px solid rgba(255,255,255,0.1);}

#end_nr_bj .end_lx i{ float: left; font-size: 20px; padding-right: 10px;}

#end_nr_bj .end_dh:before,#end_nr_bj .end_lx:before{ position: absolute; left: -7%; top: 0; content: ''; width: 1px; height: 100%; background: rgba(255,255,255,0.1);}



@media (min-width: 768px) and (max-width: 1200px) {

    #end_nr_bj .end_dh:before {

        left: 0;

    }

}

@media screen and (max-width:768px){

    #end_nr_bj .main .right{ padding-top: 3%;}

    #end_nr_bj .main .right img{ max-width: 100%;}

}





#end_line{ height: auto; padding: 10px 0; line-height: 30px; text-align: center; color: rgba(255,255,255,0.2); border-top: 1px solid rgba(255,255,255,0.1);}

#end_line a{ color: rgba(255,255,255,0.2); transition:0.3s;}

#end_line a:hover{ color: #fff;}



.footer_zx{ height:60px; overflow: hidden; right:0; bottom:0; z-index: 20; width:100%; line-height: 25px; position: fixed; background-color:#009944;}

.footer_zx a{ color:#fff !important; display: block; width: 50%; height: 100%; float: left; text-align: center; background-color:#0048a1;}

.footer_zx a:last-of-type{ background: #d00000;}

.footer_zx i{ font-size: 28px; padding: 4% 0 1%;}

.footer_zx p{font-size: 13px;}

.kb50{ height: 60px;}











/*首页*/

.anli_tit{ text-align: center; color: #333333; font-size: 36px;}



#hzal{ position: relative;}

#hzal .swiper-container {

    width: 100%;

    height: 100%;

    padding: 3% 0 1%;

}

#hzal .swiper-slide {

    text-align: center;

    overflow: hidden;

    transition: 0.3s;

    border: 1px solid #efefef;

    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}

#hzal .swiper-slide img{ transition: 0.3s;}

#hzal .swiper-slide:hover img{ transform: scale(1.1);}

#hzal .swiper-slide:hover{ box-shadow: 0 0 8px rgba(153, 153, 153, 0.3);}

#hzal .swiper-button-next,#hzal .swiper-button-prev{ background: none; width: 50px; height: 50px; top: 60%;}

#hzal .swiper-button-next i,#hzal .swiper-button-prev i{ font-size: 40px; color: #bababa; transition: 0.3s;}

#hzal .swiper-button-next{ right: -5%;}

#hzal .swiper-button-prev{ left: -5%;}

#hzal .swiper-button-next:hover i,#hzal .swiper-button-prev:hover i{ color: #33b9f5;}

@media screen and (max-width:768px){

    .anli_tit{ font-size: 26px;}

    #hzal .swiper-button-next{ right:0;}

    #hzal .swiper-button-prev{ left:0;}

    #hzal .swiper-button-next,#hzal .swiper-button-prev{ width: 30px; height: 30px;}

    #hzal .swiper-button-next i,#hzal .swiper-button-prev i{ font-size: 30px;}

}





.hui{ background: #f9f9f9;}



#cpzs{ margin: 0;}

#cpzs .swiper-slide { background-position: center; position: relative;}

#cpzs .swiper-slide img{ max-width: 100% !important; height: auto;}



#cpzs .gallery-top { height: auto; padding: 0;}

#cpzs .gallery-top .big{ width: 95%; float: right;}

#cpzs .gallery-top .big .pic{ height: 0; padding-bottom: 41.5%; position: relative; overflow: hidden;}

#cpzs .gallery-top .big .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}

#cpzs .gallery-top .big .pic .shuiyin{ position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/shuiyin.png) no-repeat center top; background-size: 100%; width: 100%; height: 100%;}

#cpzs .gallery-top .big .font{ padding: 0 0 0 2%;}

#cpzs .gallery-top .big .font .tit{ color: #333333; font-size: 24px;}

#cpzs .gallery-top .big .font .content{ padding: 2% 0 4%;}

#cpzs .gallery-top .big .font .content p{ font-weight: bold; font-size: 15px;}

#cpzs .gallery-top .big .font .content .nr{ border-top: 1px solid #e3e3e3; margin-top: 1%; padding-top: 1%;}

#cpzs .gallery-top .big .font .ljzx{ float: left; width: 30%; height: 48px; line-height: 48px; background: #0148a5; border-radius: 25px; text-align: center; color: #fff; transition:0.3s}

#cpzs .gallery-top .big .font .ljzx:hover{ background: #333; border-radius: 0;}

#cpzs .gallery-top .big .font .tel{ float: left; margin-left: 3%; width: 65%;}

#cpzs .gallery-top .big .font .tel i{ float: left; color: #333333; font-size: 45px; margin: 2.5% 2% 0 0;}

#cpzs .gallery-top .big .font .tel .left{ line-height: 25px;}

#cpzs .gallery-top .big .font .tel p{ color: #999999;}

#cpzs .gallery-top .big .font .tel span{ color: #064eaa; font-size: 30px; font-weight: bold;}

#cpzs .gallery-top .small{ width: 95%; float: right; text-align: center; margin-top: 2% !important;}

#cpzs .gallery-top .small li{ display: inline-block; transition:0.3s; background: #ffffff; padding: 5px;}

#cpzs .gallery-top .small li .pic{ width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; transition:0.3s;}

#cpzs .gallery-top .small li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}

#cpzs .gallery-top .small .pic .shuiyin{ position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/shuiyin.png) no-repeat center top; background-size: 100%; width: 100%; height: 100%;}

#cpzs .gallery-top .small li p{ color: #333333; font-size: 15px; text-align: center; line-height: 40px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#cpzs .gallery-top .small li:hover img{ transform: scale(1.1);}

#cpzs .gallery-top .small li:hover{ transform: translateY(-10px); box-shadow: 0 0 8px rgba(153, 153, 153, 0.3);}



#cpzs .gallery-thumbs { height: auto; text-align: left;}

.cplogo{ background: #004ba6; color: #fff; padding: 8% 0 5% 15%;}

.cplogo i{ float: left; font-size: 35px; margin: 2% 7% 0 0;}

.cplogo .left p{ font-size: 30px; font-weight: bold;}

.cplogo .left span{ text-transform: uppercase;}

.cptel{ background-color: #010101; background: linear-gradient(#333,#010101); color: #fff; padding: 8% 0 8% 15%; line-height: 25px;}

.cptel i{ float: left; font-size: 45px; margin: 5% 5% 0 0;}

.cptel .left span{ font-size: 24px; font-family: Arial;}

#cpzs .gallery-thumbs .swiper-wrapper{ background: #175db9;}

#cpzs .gallery-thumbs .swiper-slide { cursor: pointer; height: auto; padding: 0 0 0 10%; color: #fff; font-size: 16px; line-height: 50px; border-bottom: 1px dashed #fff;}

#cpzs .gallery-thumbs .swiper-slide i{ float: left; font-weight: bold; padding-right: 5%;}

#cpzs .gallery-thumbs .swiper-slide-thumb-active { background: #33b8f5; position: relative; }

#cpzs .gallery-thumbs .swiper-slide-thumb-active{ color: #fff;}

@media screen and (max-width:1400px){

    .cptel{ padding-left: 5%;}

    #cpzs #top_tel .right span{ font-size: 23px;}

}



@media screen and (max-width:1200px){

    #cpzs .gallery-thumbs .swiper-slide p{ font-size: 16px;}

    #cpzs .gallery-thumbs .swiper-slide span{ font-size: 12px;}

    #cpzs #top_tel .right span{ font-size: 24px;}

    #cpzs .gallery-top .big .font{ padding: 0 0 5% 5%;}

    #cpzs .gallery-top .big .font .tel span{ font-size: 24px;}

    .cptel i,.cplogo i{ display: none;}



}



@media screen and (max-width:768px){

    #cpzs .gallery-thumbs .swiper-wrapper{ padding: 0 0 1%;}

    #cpzs .gallery-thumbs .swiper-slide{ height: auto; line-height: 25px; padding: 3% 0 3% 2%; border: none;}

    #cpzs .gallery-thumbs .swiper-slide p{ font-size: 14px;}

    #cpzs .gallery-thumbs .swiper-slide span{ font-size: 12px;}

    #cpzs .gallery-top .big .pic{ padding-bottom: 100%;}

    #cpzs .gallery-top .big,#cpzs .gallery-top .small{ width: 100%; float: none;}

    #cpzs .gallery-top .big .font{ padding: 5%;}

    #cpzs .gallery-top .big .font .ljzx{ width: 40%;}

    #cpzs .gallery-top .big .font .tel{ width: 55%;}

    #cpzs .gallery-top .big .font .tel i{ font-size: 30px;}

    #cpzs .gallery-top .big .font .tel span{ font-size: 24px;}

    #cpzs .gallery-top .small{ padding: 5px;}

    #cpzs .gallery-top .small li p{ font-size: 12px;}

}





#cpbj{ background: url("../images/cpbj.jpg") no-repeat center top; width: 100%;}

#cpbj .main{ padding-top: 2%;}

#cpbj .tit{ text-align: center;}

#cpbj .tit h1{ color: #242424; font-weight: bold !important; padding-bottom: 1%;}

#cpbj .tit h1 span{ color: #034ca9;}

#cpbj .tit p{ font-size: 16px; color: #999999;}

#cpnr{ text-align: center; margin-top: 12%; position: relative;}

#cpnr .pic img{ max-width: 100%;}

#cpnr .font{ position: absolute; width: 25%;}

#cpnr .font .num{ width: 30%; }

#cpnr .font .num img{ max-width: 100%;}

#cpnr .font .nr{ width: 70%; text-align: left; padding-left: 10px;}

#cpnr .font .nr p{ color: #333333; font-size: 24px; font-weight: bold; height: 40px;}

#cpnr .font .nr span{ color: #616161; display: block; line-height: 25px;}

#cpnr .font1{ left: 0; top: 7%;}

#cpnr .font2{ left: 0; bottom: 25%;}

#cpnr .font1 .num,#cpnr .font1 .nr,#cpnr .font2 .num,#cpnr .font2 .nr,#cpnr .font5 .num,#cpnr .font5 .nr{ float: left;}

#cpnr .font3{ right: 0; top: 7%;}

#cpnr .font5{ left: 37%; top: -20%;}

#cpnr .font4{ right: 0; bottom: 25%;}

#cpnr .font3 .nr,#cpnr .font4 .nr{ text-align: right;}

#cpnr .font3 .num,#cpnr .font3 .nr,#cpnr .font4 .num,#cpnr .font4 .nr{ float: right;}

@media (min-width: 768px) and (max-width: 1200px){

    #cpnr .font .nr p{ font-size: 18px;}

    #cpnr .pic img{ max-width: 40%;}

}

@media screen and (max-width:768px){

    #cpbj .tit h1{ font-size: 24px;}

    #cpbj .tit p{ font-size: 14px;}

    #cpbj{ background-size: 570%;}

    #cpnr .font{ position: relative; width: 100%; clear: both !important; margin-bottom: 5%;}

    #cpnr .pic img{ max-width: 70%;}

    #cpnr .font .nr p{ font-size: 18px;}

    #cpnr .font .nr span{ font-size: 12px;}

}



#jjfa{ margin-top: 2% !important;}

#jjfa li{ position: relative; margin-bottom: 5%; background: #000;}

#jjfa li .tit{ position: absolute; left: 0; top: 0; width: 100%; text-align: center; z-index: 1; color: #fff;}

#jjfa li .tit i{ padding: 10% 0 5%;}

#jjfa li .tit p{ font-size: 24px;}

#jjfa li .tit span{ text-transform: uppercase;}

#jjfa li .pic{ width: 100%; height: 0; padding-bottom: 50%; position: relative; overflow: hidden; opacity: 0.7;}

#jjfa li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}



#ys_tit{ text-align: center; margin-bottom: 3%;}

#ys_tit h1{ color: #034ca9; font-weight: bold !important; font-size: 48px;}

#ys_tit p{ color: #313131; font-size: 36px; line-height: 55px;}

#ys_tit span{ position: relative; display: block; color: #8c8c8c; font-size: 16px; font-family: Arial;}

#ys_tit span:before{ position: absolute; right: -65%; top: 50%; content: ''; width: 100%; height: 1px; background: #dddddd;}

#ys_tit span:after{ position: absolute; left: -65%; top: 50%; content: ''; width: 100%; height: 1px; background: #dddddd;}



#youshi .pic img{ max-width: 100%;}

#youshi .font1{ margin-top: 7%;}

#youshi .font1 .num{ float: left; background: url("../images/ysnum.png") no-repeat center; width: 8%; background-size: 100%; height: 52px; text-align: center; line-height: 52px; font-size: 36px; font-family: Impact; color: #fff;}

#youshi .font1 .nr{ float: left; width: 90%; padding-left: 2%;}

#youshi .font1 .nr p{ color: #333333; font-size: 24px; font-weight: bold; border-bottom: 1px solid #e7e7e7; height: 40px;}

#youshi .font1 .nr p span{ color: #044ca9;}

#youshi .font1 .nr ul{ color: #666666; font-size: 16px;}

#youshi .font1 .nr ul li{ padding-top: 4%;}

#youshi .font1 .nr ul li i{ float: left; padding-right: 2%;}

@media (min-width: 768px) and (max-width: 1200px){

    #youshi .font1 .nr p{ font-size: 20px;}

    #youshi .font1 .nr ul li{ font-size: 12px;}

    #youshi .font1 .num{ font-size: 22px;}

}

@media screen and (max-width:768px){

    #ys_tit h1{ font-size: 24px;}

    #ys_tit p{ font-size: 20px; line-height: 25px;}

    #ys_tit span{ font-size: 12px;}

    #ys_tit span:before{ right: -82%;}

    #ys_tit span:after{ left: -82%;}

    #youshi .font1 .nr p{ font-size: 18px;}

    #youshi .font1 .nr{ padding: 0; width: 100%;}

}





#gsjjbj{ background: url("../images/gsjjbj.jpg") no-repeat center fixed; width: 100%; height: auto;}

#gsjjbj .tit{ text-align: center; color: #fff;}

#gsjjbj .tit p{ font-size: 30px; height: 40px;}

#gsjjbj .tit span{ display: block; font-size: 16px; position: relative;}

#gsjjbj .tit span:before{ position: absolute; left: -55%; top: 35%; content: ''; background: url("../images/jjtit_left.png") no-repeat right; width: 100%; height: 9px;}

#gsjjbj .tit span:after{ position: absolute; right: -55%; top: 35%; content: ''; background: url("../images/jjtit_right.png") no-repeat left; width: 100%; height: 9px;}

#gsjjbj .pic img{ max-width: 100%;}

#gsjjbj .nr{ color: #fff; line-height: 35px;}

#gsjjbj .nr .bt{ font-weight: bold; font-size: 24px; padding-bottom: 4%;}

#gsjjbj .nr ul{ padding-top: 4%;}

#gsjjbj .nr ul li{ float: right; margin-left: 1%; width: 20%; height: 40px; line-height: 40px; background: #222222; border-radius: 5px; text-align: center; color: #fff; transition: 0.3s;}

#gsjjbj .nr ul li:hover{ background: #fff; color: #333;}

@media screen and (max-width:768px){

    #gsjjbj .tit p{ font-size: 24px; height: 30px;}

    #gsjjbj .tit span{ font-size: 14px;}

    #gsjjbj .nr{ padding-top: 3%;}

    #gsjjbj .nr ul{ text-align: center;}

    #gsjjbj .nr ul li{ width: 45%; float: none; display: inline-block; margin: 0 1%;}

    #gsjjbj .tit span:before{ left: -62%;}

    #gsjjbj .tit span:after{ right: -62%;}

}





#cpqh .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}

#cpqh .swiper-slide { background-size: cover; background-position: center; position: relative;}

#cpqh .gallery-top { height: auto; width: 100%; padding: 0 0 3%;}

#cpqh .gallery-top .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden; transition: 0.3s; border: 5px solid #f1f3f7;}

#cpqh .gallery-top .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}

#cpqh .gallery-top .swiper-slide p{ color: #666666; text-align: center; line-height: 40px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#cpqh .gallery-top .swiper-slide .pic:hover{ filter: drop-shadow(-6px 5px 6px rgba(0,0,0,0.1));}

#cpqh .gallery-top .swiper-slide .pic:hover img{transform: scale(1.1);}

#cpqh .gallery-thumbs { height: auto; text-align: center; margin-bottom: 3%; box-sizing: border-box;}

#cpqh .gallery-thumbs .swiper-slide { height: auto; text-align: center; background: #222; color: #fff; font-size: 15px; padding: 10px 0; cursor: pointer;}

#cpqh .gallery-thumbs .swiper-slide-thumb-active { background: #0148a5; color: #fff;}





.tit_in{ text-align: center; overflow: hidden;}

.tit_in p{ font-size: 30px; height: 40px; color: #3c3c3c;}

.tit_in span{ display: block; font-size: 16px; position: relative; color: #b9babe;}

.tit_in span:before{ position: absolute; left: -55%; top: 35%; content: ''; background: url("../images/tit_left.png") no-repeat right; width: 100%; height: 9px;}

.tit_in span:after{ position: absolute; right: -55%; top: 35%; content: ''; background: url("../images/tit_right.png") no-repeat left; width: 100%; height: 9px;}



#xwleft,#xwright{ margin-top: 2%;}

.xwtit{ border-bottom: 2px solid #0148a5; height: 35px;}

.xwtit .left{ color: #333333; font-size: 20px; font-weight: bold;}

.xwtit .left span{ color: #999999; font-family: Arial; font-weight: normal; text-transform: uppercase; padding-left: 10px; font-size: 14px;}

.xwtit .right{ color: #999999; font-size: 14px; font-family: Arial;}



.xwnr .pic{ padding: 0;}

.xwnr .pic img{ width: 100%;}

.xwnr .right{ padding-right: 0;}

.xwnr .right p{ color: #333333; font-size: 18px; font-weight: bold;}

.xwnr .right span{ display: block; color: #666666; font-size: 14px; padding: 2% 0;}

.xwnr .right .more{ color: #cfcfcf; height: 40px; line-height: 40px; border: 1px solid #cfcfcf; border-radius: 20px; width: 30%; text-align: center; float: right; transition:0.3s; cursor: pointer;}

.xwnr:hover .right .more{ background: #0048a1; border: 1px solid #0048a1; color: #fff;}

#xwleft ul{ border-top: 1px dashed #d0d0d0; padding: 2% 0 0; margin-top: 2% !important;}

#xwleft ul li{ height: 42px; line-height: 42px; transition: 0.3s;}

#xwleft ul li i{ float: left; padding-right: 10px;}

#xwleft ul li a{ display: block; float: left; width: 72%; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#xwleft ul li span{ display: block; float: right; width: 20%; color: #999999; font-size: 13px; text-align: right;}

#xwleft ul li:hover{ background: #0048a1; padding: 0 2%;}

#xwleft ul li:hover a,#xwleft ul li:hover i,#xwleft ul li:hover span{ color: #fff;}



#xwright ul{ border: 1px solid #e2e2e2; padding: 3%;}

#xwright ul li{ border-top: 1px dashed #cfcfcf; padding: 4% 0; position: relative; cursor: pointer;}

#xwright ul li:before{ position: absolute; left: 0; top: -1px; content: ''; height: 2px; width: 0; background: #0048a1; transition: 0.3s;}

#xwright ul li a{ display: block; background: url("../images/wen.png") no-repeat left center; color: #333333; font-size: 16px; padding-left: 30px; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}

#xwright ul li p{ background: url("../images/da.png") no-repeat left 5px; padding-left: 30px; font-size: 14px;}

#xwright ul li:hover:before{ width: 100%;}

#xwright ul li:hover a{ color: #0048a1;}

@media screen and (max-width:768px){

    .tit_in p{ font-size: 24px; height: 30px;}

    .tit_in span{ font-size: 14px;}

    .tit_in span:before{ left: -62%;}

    .tit_in span:after{ right: -62%;}

    .xwnr .right{ padding: 2% 0 0;}

    .xwnr .right .more{ width: 50%;}

    #xwleft ul li a{ width: 70%;}

    #xwleft ul li span{ width: 20%; font-size: 12px; text-align: right;}

    #xwright{ margin-top: 5%;}

}







#huanjing .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}

#huanjing .swiper-slide { background-size: cover; background-position: center; position: relative;}

#huanjing .gallery-top { height: auto; width: 100%;}

#huanjing .gallery-top .swiper-slide .alnr{ position: relative;}

#huanjing .gallery-top .swiper-slide .alnr .pic{width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; background: #000;}

#huanjing .gallery-top .swiper-slide .alnr .pic img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.5s;}

#huanjing .gallery-thumbs { height: auto; line-height: 50px; width: 50%; text-align: center; margin-bottom: 2%; box-sizing: border-box;}

#huanjing .gallery-thumbs .swiper-slide { height: 50px; line-height: 50px; color: #fff; background: #222222; font-size: 16px; cursor: pointer;}

#huanjing .gallery-thumbs .swiper-slide-thumb-active { background: #0148a5; color: #fff;}

@media screen and (max-width:768px){

    #huanjing .gallery-thumbs{ width: 100%;}

    #huanjing .gallery-thumbs .swiper-slide{ font-size: 14px;}

}













/*子页*/

.content_zy{ padding: 2% 15px; line-height: 30px;}

@media screen and (max-width:768px){

    .content_zy{ padding: 2% 0;}

}



#zzry .swiper-container {

    padding: 35px 0 80px;

    width: 100%;

    height: 100%;

    position: relative;

}

#zzry .swiper-slide {

    text-align: center;

    transition:0.3s;

    overflow: hidden;

    position: relative;

    /* Center slide text vertically */

    flex-direction: column;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}

#zzry .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden; background: #fff;}

#zzry .swiper-slide .pic a{ display: block; width: 100%; height: 100%; left: 0; position: absolute;}

#zzry .swiper-slide .pic img{ max-width: 100%; height: 100%; transition:0.3s;}

#zzry .swiper-slide p{ position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; color: #fff; height: 40px; line-height: 40px; background-color: rgba(0,0,0,0.5); transition:0.3s;}

#zzry .swiper-slide p img{ opacity: 0; display: none;}

#zzry .swiper-slide p a{ color: #fff;}

#zzry .swiper-slide:hover p{ height: 100%; background: rgba(0,0,0,0.8);}

#zzry .swiper-slide:hover p span{ display: block; width: 100%; padding-top: 30%; margin-bottom: 20px;}

#zzry .swiper-slide:hover p img{ opacity: 1; display: inline-block;}

#zzry .swiper-slide:hover{ box-shadow:0px 0px 10px #d7d7d7;}

#zzry .swiper-slide:hover img{ transform: scale(1.1);}

#zzry .swiper-container .swiper-button-next,#zzry .swiper-container .swiper-button-prev{ background: #0048a1; width: 35px; height: 35px; position: absolute; bottom: 0; top: auto; transition:0.3s; color: #fff; text-align: center; line-height: 35px;}

#zzry .swiper-container .swiper-button-prev{ background: #0048a1; right: auto; left: 45%;}

#zzry .swiper-container .swiper-button-next{ left: auto; right: 45%;}

#zzry .swiper-container .swiper-button-prev i,#zzry .swiper-container .swiper-button-next i{ font-size: 20px;}

#zzry .swiper-container .swiper-button-prev:after,#zzry .swiper-container .swiper-button-next:after{ display: none;}

#zzry .swiper-container .swiper-button-prev:hover{ background: #282828; box-shadow:0px 0px 10px #d7d7d7;}

#zzry .swiper-container .swiper-button-next:hover{ background: #282828; box-shadow:0px 0px 10px #d7d7d7;}

#zzry .swiper-container #more{ position: absolute; left: 0; width: 100%; bottom: 0; text-align: center;}

#zzry .swiper-container #more a{ display: block; width: 35px; margin: 0 auto; height: 35px; line-height: 35px; background: #ccc; color: #fff;}

#zzry .swiper-container #more a i{ font-size: 20px;}

@media screen and (max-width:768px){

    #zzry .swiper-container .swiper-button-next{ right: 35%;}

    #zzry .swiper-container .swiper-button-prev{ left: 35%;}

}







.contact_item{ padding:0; text-align: center; }

.contact_item li{ cursor: pointer; display: inline-block; margin-bottom: 30px;}

.contact_item li span{display: block;width: 150px;height: 135px;margin:0 auto;text-align: center;position: relative;}

.contact_item li span.contact_item_1{background: url(../images/contact_li_bg1.png) center no-repeat;line-height: 108px;}

.contact_item li span.contact_item_2{background: url(../images/contact_li_bg2.png) center no-repeat;line-height: 135px;}

.contact_item li span.contact_item_3{background: url(../images/contact_li_bg3.png) center no-repeat;line-height: 170px;}

.contact_item li span img{vertical-align: middle;}

.contact_item_ewm{width: 84px;height: 84px;position: absolute;left: 32px;top:45px;z-index: 1;}

.contact_item_ewm img{width: 84px;height: 84px;position: absolute;left: 0;top:0;transition: all .4s;vertical-align: top;}

/*.contact_item li:hover span .contact_item_ewm{display: block;}*/

/*.contact_item li:hover span .contact_item_ewm img{width: 84px;height: 84px;left: 0;top:0;}*/

.contact_item li h4{color: #0148a5;font-size: 18px;line-height: 30px; text-align: center;margin: 10px auto !important; font-weight: bold !important;}

.contact_item li p{color: #333; line-height: 26px; font-size: 15px;}

.contact_item li:nth-child(3n) p{text-align: center;}









.news-list3 {padding-bottom: 1.125rem;}

.news-list3 .item {padding: 2.5rem 3.4375rem 2.875rem;box-sizing: border-box;border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;}

.news-list3 .con-box .date {font-size: 0;}

.news-list3 .con-box a { display: block;}

.news-list3 .con-box .d, .news-list .con-box .ym {display: inline-block;*display: inline;zoom: 1;}

.news-list3 .con-box .d {font-size: 4rem; line-height: 4.25rem; color: #999;  transition: all .2s;}

.news-list3 .con-box .ym {  font-size: 1.5rem;line-height: 1.75rem;margin-left: .625rem;color: #999;}

.news-list3 .con-box .img {margin-top: .9375rem;}

.news-list3 .con-box .tit { font-size: 15px; line-height: 30px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .2s;

}

.news-list3 .con-box .con { font-size: 14px; line-height: 25px; color: #999; margin-top: .625rem; height: auto; overflow: hidden;}

.news-list3 .con-box .detail { width: 50%; height: 30px; font-size: 0; text-align: center; border: 1px solid #ccc; border-radius: 20px; margin-top: 1.875rem;

    transition: all .2s;}

    .news-list3 .con-box .detail span { display: inline-block; *display: inline; zoom: 1; font-size: .3125rem; line-height: 30px; color: #ccc; padding-right: 2.75rem; background-repeat: no-repeat; background-position: right center; background-image: url("../images/news-detail.png"); transition: all .2s;}

    .news-list3 .con-box:hover .detail{ background: #0048a1; color: #fff; border: 1px solid #0048a1;}

    .news-list3 .con-box:hover .detail span{ color: #fff; background-image: url("../images/news-detail2.png");}

    .news-list3 .con-box:hover .d,.news-list3 .con-box:hover .ym{ color: #0048a1;}

    @media screen and (max-width:765px){

        .news-list3 .con-box .detail{ width: 30%;}

    }







    #cpinfobj{ background: #f9f9f9; width: 100%; height: auto; padding: 3% 0;}

    #cpinfobj .xwcon{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); padding: 4% 8%;}

    #cpinfobj .xwcon h1{ color: #727272; border-bottom: 1px solid #d4d4d4; height: 80px; line-height: 80px; margin: 0;}

    #cpinfobj .xwcon h2{ text-align: center; color: #000; border-bottom: 1px solid #d4d4d4; height: 80px; line-height: 80px; margin: 0;}

    #cpinfobj .xwcon .new_fb{ line-height: 35px; color: #999;}

    #cpinfobj .xwcon .content{ padding: 3% ;}

    @media screen and (max-width:765px){

        #cpinfobj .xwcon h1{ font-size: 24px;}

        #cpinfobj .xwcon h2{ line-height: 30px; height: auto; font-size: 20px; padding: 3% 0;}

    }





    .honorlist{height: auto;overflow: hidden;margin:2% 0;}

    .honorlist li{position: relative; height: auto;overflow: hidden;margin-bottom: 2%;}

    .honorlist li .imga{ border: 1px solid #d9d9d9; background: #fff; width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}

    .honorlist li .imga p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}

    .honorlist li .imga img{ max-width: 100%; height: 100%; transition:0.3s;}

    .honorlist li .imgb{ border: 1px solid #d9d9d9; background: #fff; width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}

    .honorlist li .imgb img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}

    .honorlist li .honorfonta{ transition:0.3s; height: 50px; line-height: 50px; text-align: center; background: #e0e0e0; font-size: 15px;}

    .honorlist li:hover img{ transform: scale(1.1);}

    .honorlist li:hover .honorfonta{ background: #212325; color: #fff;}





    .cp_con ul{ padding: 0;  zoom:1;  }

    .cp_con li{ transition:0.3s; border:1px solid #dddddd; background: #fff; overflow: hidden; margin-bottom: 8%; }

    .cp_con li .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}

    .cp_con li .pic .picpic{ width: 100%; height: 100%; left: 0; position: absolute; text-align: center;}

    .cp_con li .pic .picpic img{ transition: 0.3s; width: 100%; height: 100%; object-fit: cover;}

    .cp_con li .pic .shuiyin{ position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/shuiyin.png) no-repeat center top; background-size: 100%; width: 100%; height: 100%;}

    .cp_con li .pic .picnr{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0,0,0,0.8); padding: 7%; opacity: 0; transition:0.5s;}

    .cp_con li .pic .picnr .line{ border:1px solid #666; height: 100%; text-align: center;}

    .cp_con li .pic .picnr .line p{ color: #fff; font-size: 18px; padding: 40px 0 5px;}

    .cp_con li .pic .picnr .line span{ display: inline-block; width: 160px; height: 40px; line-height: 40px; margin-top: 15px; background: #fff; border-radius: 5px; color: #242527;}

    .cp_con li .pic .picnr .line span a{ color: #242527;}

    .cp_con li .pic .picnr .line span:nth-of-type(2){ background: #c81622; color: #fff;}

    .cp_con li .pic .picnr .line span:nth-of-type(2) a{ color: #fff;}

    .cp_con li .tit{ border-top:1px solid #e6e6e6; padding: 20px; transition: 0.5s; line-height: 30px;}

    .cp_con li .tit p{ text-align: left; font-size: 18px; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%;}

    .cp_con li .tit span{ display: block; color: #999999; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%;}

    .cp_con li .tit .more{ margin-left: 70px; color: #999999; font-family: arial; position: relative;}

    .cp_con li .tit .more:before{ position: absolute; left: -70px; top: 50%; content: ''; width: 60px; height: 1px; background: #dddddd; z-index: 1;}

    .cp_con li .tit .more:after{ position: absolute; left: -70px; top: 50%; content: ''; width: 20px; height: 1px; background: #242527; z-index: 2; transition: 0.3s;}

    .cp_con li:hover .pic .picnr{ opacity: 1;}

    .cp_con li:hover .tit{ background: #0048a1; border-top:1px solid #0048a1;}

    .cp_con li:hover .tit p{ color: #fff;}

    .cp_con li:hover .tit span{ color: #fff;}

    .cp_con li:hover .tit .more{ color: #fff;}

    .cp_con li:hover .tit .more:after{ width: 60px; height: 2px; background: #fff;}



    #cpfl1{ text-align: center;}

    /*#cpfl li{ display: inline-block; width: 9%; text-align: center; height: 0; padding-bottom: 8%; position: relative; overflow: hidden; margin: 0 3px;}*/

    /*#cpfl li img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}*/

    /*#cpfl li p{ position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; color: #fff; line-height: 30px; background: rgba(0,72,161,.8); transition:0.3s;}*/

    /*#cpfl li:hover p{ height: 100%; padding: 35% 0 0;}*/

    /*#cpfl li:hover img{transform: scale(1.1);}*/

    #cpfl1 li{ display: inline-block; background: #0048a1; margin-bottom: 1%; padding: 0 2%; height: 40px; line-height: 40px; color: #fff; transition: 0.3s;}

    #cpfl1 li:hover{ background: #c81622;}

    #cpfl1 .on{ background: #c81622;}

    @media (min-width: 768px) and (max-width: 1200px){

        #cpfl1 li{ width: 20%;}

    }

    @media screen and (max-width:768px){

        #cpfl1 li{ width: 32%; padding: 0; font-size: 12px; height: 30px; line-height: 30px;}

    }







    #cpfl{ }

    #cpfl li{ background: #16aaff; font-size: 14px; padding: 0 2% 0 10%; height: 50px; line-height: 50px; color: #fff; transition: 0.3s;}

    #cpfl .small{ background: #fff; color: #666666; border-bottom: 1px solid #ededed; height: 45px; line-height: 45px;}

    #cpfl li i{ float: left; color: #16aaff; padding-right: 10px; font-size: 20px;}

    #cpfl .small:hover{ background: #f0f0f0;}

    #cpfl .on{ background: #c81622;}



    @media screen and (max-width:768px){

        #cpfl li{ width: 32%; padding: 0; font-size: 12px; height: 30px; line-height: 30px;}

    }







    #qyhj .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}

    #qyhj .swiper-slide { background-size: cover; background-position: center; position: relative;}

    #qyhj .gallery-top { height: auto; width: 100%; padding: 3% 0 0;}

    #qyhj .gallery-top .swiper-slide li{ margin-bottom: 1%;}

    #qyhj .gallery-top .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden; transition: 0.3s; border: 5px solid #f1f3f7; background: #fff;}

    #qyhj .gallery-top .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}

    #qyhj .gallery-top .swiper-slide p{ color: #333333; font-size: 16px; text-align: center; line-height: 40px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

    #qyhj .gallery-top .swiper-slide .pic:hover{ filter: drop-shadow(-6px 5px 6px rgba(0,0,0,0.1));}

    #qyhj .gallery-top .swiper-slide .pic:hover img{transform: scale(1.1);}

    #qyhj .gallery-thumbs { height: auto; text-align: center; margin-bottom: 1%; padding: 0 25%; box-sizing: border-box;}

    #qyhj .gallery-thumbs .swiper-slide { height: 45px; line-height: 45px; background: #f1f1f1; font-size: 18px; border:1px solid #e7e7e7; content: #303030; cursor: pointer;}

    #qyhj .gallery-thumbs .swiper-slide-thumb-active{ color: #fff; font-weight: bold; background: #004ba7; border:1px solid #004ba7;}

    @media screen and (max-width:1200px){

        #qyhj .gallery-thumbs{ padding: 0;}

    }























    .o_product{ clear: both; padding: 3% 0;}

    .o_product .o_product_img{ text-align: center; height: 0; padding-bottom: 67%; position: relative; overflow: hidden; border: 1px solid #efefef;}

    .o_product .o_product_img p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}

    .o_product .o_product_img img{ max-width: 100%; max-height: 100%;}



    .o_product .o_product_info{}

    @media screen and (max-width:765px){

        .o_product .o_product_info{ margin-top: 20px; padding: 0;}

    }

    .o_product .o_product_info h2{ color: #3e3e3e; font-size: 26px; font-weight: bold !important; height: 5rem; margin: 0 !important;}

    .o_product .o_product_info .o_product_detail{ font-size: 14px; color: #999; margin: 0 0 20px; background: #f6f6f6; padding: 15px;}

    .o_product .o_product_info .o_product_detail .o_product_data{ clear: both; width: 100%; height: auto;}

    .o_product .o_product_info .o_product_detail .o_product_data:after,.o_product:after{ display: block; content: ''; clear: both; height: 0; width: 0;}

    .o_product_data span{ display: block;}

    .o_product_data span.key{ color: #282828; font-size: 16px; font-weight: bold;}

    .o_product_data span.val{ height: auto; line-height: 25px; padding: 10px 0;}

    .colhs{ color: #FE4200;}

    .o_product_data span.val b{ color:#FE4200; font-size: 16px;}



    .o_product_detail ul{ padding: 2% 0 0;}

    .o_product_detail ul .col-xs-3{ padding: 0 1%;}

    .o_product_detail ul .col-xs-6{ padding: 0 5px !important;}

    .o_product_detail li .pic{ border: 2px solid #e5e5e5; transition:0.3s; text-align: center; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}

    .o_product_detail li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}

    .o_product_detail li p{ height: 3rem; line-height: 3rem; text-align: center; font-size: 1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

    .o_product_detail li:hover .pic{ border: 2px solid #242527;}

    .o_product_detail .ptfw{ margin-top: 20px;}

    .o_product_detail .ptfw span{ display: block; float: left; width: 20%; color: #282828; font-size: 16px; font-weight: bold; height: 30px; line-height: 30px;}

    .o_product_detail .ptfw dl{ float: left; width: 80%;}

    .o_product_detail .ptfw dl dt{ float: left; margin-left: 5px; background: #c81622; text-align: center; width: 22%; height: 30px; line-height: 30px; color: #fff;}

    .o_product_info #cptel{ height: 50px; line-height: 50px; background: #cc0000; text-align: center; color: #fff; font-size: 1.5rem;}

    .o_product_info #cptel i{ display: inline-block; width: 22px; height: 50px; line-height: 50px; margin: 0 2% 0 0;}

    .o_product_info #cptel i img{  display: inline-block; vertical-align: middle;}

    .o_product_info .order-btn{ color: #fff; height: 50px; line-height: 50px; text-align: center; background: #004ba7; border: none; outline: none; transition:0.3s;}

    .o_product_info .order-btn a{ color: #fff;}

    .o_product_info .order-btn i{ display: inline-block; width: 22px; height: 50px; line-height: 50px; margin: 0 10% 0 0;}

    .o_product_info .order-btn i img{  display: inline-block; vertical-align: middle;}

    @media screen and (max-width:765px){

        .o_product_detail .ptfw span{ display: none;}

        .o_product_detail .ptfw dl{ width: 100%;}

        .o_product .o_product_info h2{ font-size: 20px; height: 3rem;}

    }





    #cpbtqh{ width: 100%; transition:0.3s;}

    .cpbt{ background: #f6f6f6; height: 5rem; line-height: 5rem; border-bottom: 1px solid #efefef; width: 100%; transition:0.3s; margin: 0 auto !important;}

    .cpbt li{ float: left; color: #333333;  font-size: 1.7rem; width: 15%; text-align: center; position: relative; transition:0.3s;}

    .cpbt li:hover{ background: #242527; color: #fff;}

    .cpbt li:hover a{ color: #fff;}

    .cpbt li.current a{ color: #fff;}

    .cpbt li.current{ background: #004ba6;}

    @media screen and (max-width:765px){

        .cpbt li{ width: 30%; font-size: 13px;}

        .o_product_info #cptel{ font-size: 1.3rem;}

    }







    #cjsl{ margin-top: 30px;}

    #cjsl .swiper-container {

        width: 100%;

        padding: 0 0 6%;

        height: auto;

        margin-left: auto;

        margin-right: auto;

    }

    #cjsl .swiper-slide {

        text-align: center;

        background: #000;

        overflow: hidden;



        /* Center slide text vertically */

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;

    }

    #cjsl .swiper-slide .pic{width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}

    #cjsl .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}

    #cjsl .swiper-slide .fdj{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; transition:0.3s; background: url(../images/fdj.png) no-repeat center;}

    #cjsl .swiper-slide:hover img{ opacity: 0.5; transform: scale(1.1);}

    #cjsl .swiper-slide:hover .fdj{ opacity: 1;}

    #cjsl .swiper-container .swiper-pagination{ bottom: 0;}

    @media screen and (max-width:765px){

        #cjsl .swiper-container{ padding: 0 0 10%;}

    }









    #side_new{ background: #f6f7fc; padding: 10%;}

    #side_new .tit{ font-size: 26px; color: #333;}

    #side_new #cplb{ padding: 8% 0;}

    #side_new #cplb li{ line-height: 40px;}



    #xgnews{ padding: 10% 0 0;}

    #xgnews li{ margin-bottom: 10%;}

    #xgnews li .pic{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}

    #xgnews li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}

    #xgnews li p{ height: 40px; line-height: 40px; background: #fff; text-align: center; transition: 0.3s; white-space: nowrap;text-overflow:ellipsis;overflow: hidden; font-size: 14px;}

    #xgnews li:hover p{ background: #004ba7; color: #fff;}

    #xgnews li:hover .pic img{ transform: scale(1.1);}









    /*公共*/

    .pro-sider {

       float: none;

       border: 1px solid #e6e6e6;

       background: #fff;

       margin-bottom: 5%;

   }

   .pro-sider .in-title {

      padding: 5% 15%;

      overflow: hidden;

      border-bottom: 1px solid #f4f4f4;

  }

  .pro-sider .in-title h3 {

      border-bottom: 1px solid #e6e6e6;

      height: 40px;

      line-height: 40px;

      font-size: 20px;

      color: #333333;

  }

  .pro-sider .in-title h3 i{ display: block; float: left; color: #009944; font-size: 30px; margin-right: 10px;}

  .pro-sider .in-title em {

   font-size: 12px;

   color: #999999;

   font-family: arial;

   text-transform: uppercase;

}

.pro-sider .pro-sider-ul {

   background: #fff;

   overflow: hidden;

}

.pro-sider .pro-sider-ul .ul-li {

   padding: 0 7%;

   height: 53px;

   line-height: 53px;

   border-bottom: 1px solid #e6e6e6;

   transition:0.3s;

}

@media screen and (max-width:765px){

  .pro-sider .pro-sider-ul .ul-li{ padding: 0 3%;}

}

.pro-sider .pro-sider-ul .ul-li a {

   display: block;

   float: left;

   width: 90%;

   overflow: hidden;

   text-overflow: ellipsis;

   white-space: nowrap;

}

.pro-sider .pro-sider-ul .ul-li a i{ display: block; float: right; color: #adadad;}



.pro-sider .pro-sider-ul .ul-li:hover i,.pro-sider .pro-sider-ul .ul-li:hover a { color: #fff; }

.pro-sider .pro-sider-ul .ul-li:hover { background: #009944; }

.pro-sider .pro-sider-ul .ul-li:last-child { border-bottom: none;}

.pro-sider .pro-sider-ul #li-on{ background: #009944; }

.pro-sider .pro-sider-ul #li-on i,.pro-sider .pro-sider-ul #li-on a{ color: #fff;}



.page {

   font-size: 0;

   text-align: center;

}

.page .center {

   display: inline-block;

   overflow: hidden;

}

.page .center .page-span {

   float: left;

   font-size: 14px;

   color: #c3c3c3;

   line-height: 32px;

   margin-right: 30px;

}

.page .center .page-list {

   float: left;

   overflow: hidden;

}

.page .center .page-list ul li {

   float: left;

   width: auto;

   min-width: 30px;

   height: 32px;

   text-align: center;

   line-height: 30px;

   font-size: 14px;

   margin: 0 4px;

   padding: 0;

   border: none;

   background: transparent;

}

.page .center .page-list ul li a {

   min-width: 20px;

   padding: 0 5px;

   border: 1px solid #eee;

   display: block;

   color: #333;

   border-radius: 4px;

   -webkit-border-radius: 4px;

   overflow: hidden;

   background: #fff;

}

.page .center .page-list ul li:hover a {

   color: #f3c04b;

}

.page .center .page-list ul li.active a {

   background: #f3c04b;

   color: #fff;

}