html{ background:#fff; color:#676767; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}
img{border:0;}
ol,ul,li{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{font-weight:inherit;font-size:inherit;font-family:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a{color:inherit; text-decoration:none !important;}
/*******CSS reset*************/
body{ background:#fff; color:#676767; font-size:14px; font-family: Arial !important;}

a{ color:#676767;}
a:hover{color:#c91611;}


/*修改滚动条*/
::-webkit-scrollbar{
    width:6px;
    height:6px ;
}
::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #f8f8f8;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background-image: linear-gradient(to right, #c70602, #ff8b2d);
}

@media screen and (max-width:768px){
    .row{ margin: 0;}
}

/*******CSS reset*************/
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;}
.hidden{display:none;}
.jj_pic{ float:left; margin:0 10px 0 0;}
.nr_pic{ text-align:center; position:relative; width:100%; padding: 2% 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;}


#prev_next{ border-top: 1px solid #e6e6e6; padding-top: 10px;}
#prev_next li{ float: left; width: 50%; color: #999999; height: auto; line-height: 25px;}
#prev_next li a{ color: #999999;}
#prev_next li:last-of-type{ float: right;}
#prev_next li:hover{ color: #e33f3f;}
#prev_next li:hover a{ color: #e33f3f;}
@media screen and (max-width:991px){
    #prev_next li{  width: 100%; line-height: 25px; font-size: 13px; margin-top: 2%;}
}



/** header **/
#top_bj{ width: 100%; height: auto; transition:0.5s; position: fixed; z-index: 9;}
#top_index{ height: auto; margin: 0 auto; padding: 0;}
#logo{ padding-top: 1.2%; padding-bottom: 1%; text-align: center;}
#logo a{ display: block;}
#logo a img{ max-width: 100%; transition:0.5s; position: relative; z-index: 1; }
#top_tel{ color: #fff;}
#top_tel .top_tel_con{ font-size: 18px; padding-top: 15%; transition: 0.3s; text-transform: uppercase;}
#top_tel .top_tel_con i{ font-size: 22px; margin-right: 10px;}
@media screen and (max-width:1440px){
    #top_tel .top_tel_con{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    #top_index .row{ margin: 0;}
}
@media screen and (max-width:991px){
    #top_index{ padding: 0; width: 100%;}
    #logo{ padding: 2%; text-align: left;}
}

#nav{ height: auto; transition:0.3s; padding-top: 1.5%; text-align: center; margin: 0; position: relative;}
#nav li{ display: inline-block; padding: 0 4%; height: 50px; line-height: 50px; font-size: 16px; font-weight: normal; color: #fff; text-align: center; transition:0.5s; text-transform: uppercase;}
#nav li a{ display: inline-block; position: relative; z-index: 1; color: #fff;}
#nav li a:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 0; height: 2px; background: #c40000; transition: 0.3s;}
#nav li:hover a{ color: #fff;}
#nav li:hover a:before{ width: 100%;}
@media screen and (max-width:1600px){
    #nav li{ font-size: 14px; padding: 0 2.5%;}
}
@media screen and (max-width:1440px){
    #nav li{ padding: 0 2%;}
}
@media screen and (max-width:1200px){
    #nav li{ font-size: 12px; padding: 0 2%;}
}

.top_bj_active{ width: 100%; z-index: 20; background: rgba(0,0,0,0.5) !important; top: 0; box-shadow: 0 0 20px rgba(0,0,0,0.2); position: fixed !important;}
.top_bj_active #logo{ padding: 0.5% 0;}
.top_bj_active #logo img{ transform: scale(0.8);}
.top_bj_active #nav{ padding-top: 1%;}
.top_bj_active #top_tel .top_tel_con{ padding-top: 10%;}
#top_tel .top_tel_con p i{ font-size: 22px;}
.top_bj_active #top_tel .top_tel_con span{ font-size: 26px; }
@media screen and (max-width:1200px){
    .top_bj_active #logo{ padding: 1% 0 0 1%;}
}
@media screen and (max-width:991px){
    .top_bj_active #logo{ padding: 2% 0;}
}
@media screen and (max-width:768px){
    .top_bj_active #logo{ padding: 1% 2%;}
    video{ width: 95% !important; height: 210px !important;}
}


/*手机导航*/
.ovh{overflow: hidden;display: none; width: 100%;height: 100vh;position: fixed;left: 0;top:0;background: rgba(0,0,0,.3);width: 100%;height: 100%;position: absolute;left: 0;right: 0;top:0;bottom:0;z-index: 99;}
.ovh.show{display: block;}
.menu{position: absolute;right: 15px;line-height: 32px; width: 75px;height: 30px;top: 50%;transform: translateY(-50%); z-index: 99;}
.menu .menu_button{width: 35px;float: right;height: pointer;cursor: pointer}
.menu .menu_button>.line{float: right;width: 100%;height: 3px;background: #fff;margin-top:6px;transition:.3s;transition-timing-function:ease;}
.menu .menu_button>.line:nth-child(2){transition-delay:0.05s;}
.menu .menu_button>.line:nth-child(3){transition-delay:0.1s;}
.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;z-index: 100000000;}
.m-sub-menu {position: fixed;right: -100%;width: 100%;top: 0;z-index: 100;height: 100%;background-color: #fff;transition: all 0.64s ease 0s;}
.m-sub-menu .top-box {line-height: 70px;background-color: #c70803;font-size: 16px;color: #fff;text-indent: 25px;position: relative;}
.m-sub-menu .top-box .menu_button{width: 40px;height: 40px;cursor: pointer;position:absolute;right: 15px;top:18px; }
.m-sub-menu .top-box .menu_button .line{background: #fff;float: right;width: 40px;height: 3px;margin-top:6px;transition:.3s;transition-timing-function:ease;}
.m-sub-menu .top-box .menu_button .line:nth-child(1){transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);}
.m-sub-menu .top-box .menu_button .line:nth-child(2){transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);display: none;}
.m-sub-menu .top-box .menu_button .line:nth-child(3){transform:translateY(0px) rotate(-45deg);-webkit-transform:translateY(0px) rotate(-45deg);}
.m-sub-menu .list-wrap{height:calc(100vh - 70px);overflow-y: scroll;}
.m-sub-menu .list-wrap ul{padding-bottom: 80px;}
.m-sub-menu .list-wrap li {line-height: 60px;border-bottom: 1px solid #f2f2f2; text-transform: uppercase;}
.m-sub-menu .list-wrap li:last-child{border:none;}
.m-sub-menu .list-wrap li .col-box {display: block;width: 100%; padding: 0 8%;}
.m-sub-menu .list-wrap .tit {font-size: 16px;color: #666;}
.m-sub-menu .sec-sub-list {position: absolute;right: -100%;top: 70px;width: 100%;}
.m-sub-menu .sec-sub-list .return-fir {display: block; width: 100%; padding: 0 5%;line-height: 60px;background-color: #333;}
.m-sub-menu .sec-sub-list .return-fir p {padding-left: 18px;color: #fff;font-size: 18px;}
.m-sub-menu .sec-sub-list .return-fir p i{ float: left; padding-right: 10px;}
.m-sub-menu .sec-sub-list .boxs {width: 100%;height: 100vh; position: absolute;left: 0;top: 0; transition: all 0.4s ease 0s;background-color: #fff;}
.m-sub-menu .sec-sub-list .boxs.show {left: -100%;}
.m-sub-menu .sec-sub-list ul{width: 100%;/*height: 400px;*/overflow-y:auto}
.m-sub-menu .sec-sub-list li {line-height:50px; border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .sec-sub-list li a {display: block;width: 84%;padding: 0 7.8% 0 8.2%;font-size: 16px;color: #666;}



#banner{ position: relative;}
#banner .swiper-slide img{ width: 100%;}
#banner .swiper-pagination{ bottom: 5%;}
#banner .swiper-pagination-bullet{ width: 12px; height: 12px; border: 1px solid #fff; background: none; border-radius: 100%; transition:0.3s; opacity: 0.3;}
#banner .swiper-pagination-bullet-active{ width: 12px; background: #fff; opacity: 1;}
#banner .swiper-button-next:after,#banner .swiper-button-prev:after{ display: none;}
#banner .swiper-button-next i,#banner .swiper-button-prev i{ color: #fff; font-size: 40px;}
#banner .swiper-button-next,#banner .swiper-button-prev{ background: rgba(0,0,0,0.2); width: 50px; height: 80px;}
#banner .swiper-button-next{ right: 5%;}
#banner .swiper-button-prev{ left:5%; }

#mobile_banner img{ width: 100%;}
#mobile_banner .swiper-pagination-bullet-active{ background: #d33f23;}
@media screen and (max-width:1440px){
    #banner #flash_icon p{ width: 12%;}
}


/*foot*/
#end_line{ height: auto; text-align: center; line-height: 55px; width: 100%; background: #fff; color: #b7b7b7;}
#end_line .container{ border-top: 1px solid #ededed; text-transform: uppercase;}
#end_line a{ color: #b7b7b7;}
#end_line a:hover{ color: #000;}
#footer{ background: #fff; width: 100%; position: relative;}
#footer:before{ position: absolute; height: 10px; width: 100%; left: 0; top: 0; content: ''; background-image: linear-gradient(to right, #c70602, #ff8b2d);}
#footer .main{ padding: 3% 0; color: #666;}
#footer .main #end_logo{ padding: 1.5% 0; border-bottom: 1px solid rgba(255,255,255,0.05);}
#footer .main #end_logo img{ max-width: 70%;}
#footer .main .float-right .content{ line-height: 30px;}
#footer .main .float-right .content p i{ margin-right: 10px; font-size: 22px;
    background-image: linear-gradient(to right, #c70602, #ff8b2d);
    background-clip:text;
    -webkit-background-clip:text;
    color: transparent;
}
#footer .main .float-right dl{ text-align: center; margin-top: 2%;}
#footer .main .float-right dl dd{ float: left; margin-right: 10px;}
#footer .main .tit{ color: #333333; font-size: 16px; height: 40px; text-transform: uppercase; position: relative; margin-bottom: 3%;}
#footer .main .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 20%; height: 2px; background: #c40000;}
#footer .main ul{ float: left; width: 25%; position: relative; padding-left: 3%;}
#footer .main ul p{ position: absolute; width: 30px; height: 30px; left: -15px; top: 0; background-image: linear-gradient(to right, #c70602, #ff8b2d); border-radius: 100%; text-align: center;}
#footer .main ul p i{ color: #fff; font-size: 20px;}
#footer .main ul:before{ position: absolute; left: 0; top: 0; content: ''; width: 1px; background: #ededed; height: 100%;}
#footer .main ul li{ height: 35px; line-height: 35px;}
#footer .main ul a{ transition: 0.3s; color: #666666;}
#footer .main ul a:hover{ color: #000;}

@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
    #footer .main .tit{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #footer .main ul{ width: 50%;}
}
@media screen and (max-width:768px){
    #end_line{ font-size: 12px; line-height: 30px;}
}





/** main **/
.main{ line-height: 30px; padding: 5% 0;}
#cpbj{ background: url("../Image/cpbj.jpg") repeat center;}
.tit_in{ text-align: center; color: #000000; font-size: 42px; text-transform: uppercase;}
.tit_in p{ display: inline-block; position: relative;}
.tit_in p:before{ position: absolute; left: -60px; top: 20%; border-top: 4px solid #c40000; border-bottom: 4px solid #c40000; width: 30px; content: ''; height: 15px;}
.tit_in p:after{ position: absolute; right: -60px; top: 20%; border-top: 4px solid #c40000; border-bottom: 4px solid #c40000; width: 30px; content: ''; height: 15px;}
@media screen and (max-width:991px){
    .tit_in{ font-size: 20px;}
}
@media screen and (max-width:768px){
    .tit_in{ font-size: 18px;}
}


#anli{ margin-top: 3%;}
#anli .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#anli .swiper-slide { background-size: cover; background-position: center; position: relative;}
#anli .gallery-top { height: auto; width: 100%; padding: 3% 0 0;}
#anli .gallery-top .swiper-slide{ position: relative; margin: 0; padding: 0;}
#anli .gallery-top .swiper-slide #cp_left .tit{ color: #000; font-family: "思源宋体"; font-size: 36px; padding-bottom: 10%; width: 100%; line-height: 50px; text-transform: uppercase; position: relative;}
#anli .gallery-top .swiper-slide #cp_left .tit:before{ position: absolute; left: 0; bottom: 0; width: 45%; height: 6px; content: ''; background-image: linear-gradient(to right, #c70602, #ff8b2d);}
#anli .gallery-top .swiper-slide #cp_left .content{ color: #666666; padding: 10% 0;}
#anli .gallery-top .swiper-slide #cp_left .tel{ height: 45px; background: #eaeaea; line-height: 45px; width: 90%; text-align: center; border-radius: 5px; font-size: 16px; color: #333333; position: absolute; left: 0; bottom: 0;}
#anli .gallery-top .swiper-slide #cp_left .tel i{ color: #c40000; font-size: 24px; margin-right: 10px;}
#anli .gallery-top .swiper-slide #cp_right{ background: url("../Image/cp_bjlogo.png") no-repeat center #fff; border-radius: 10px; box-shadow: 5px -5px 0 0 #f1f1f1; padding: 3% 3% 3% 5%; border: 1px solid #f1f1f1;}
#anli .gallery-top .swiper-slide #cp_right .font{ float: left; width: 50%;}
#anli .gallery-top .swiper-slide #cp_right .font p{ color: #333333; font-size: 20px; font-weight: bold; width: 80%; text-transform: uppercase; line-height: 40px;}
#anli .gallery-top .swiper-slide #cp_right .font ul{ padding: 7% 0;}
#anli .gallery-top .swiper-slide #cp_right .font ul li{ height: 40px; color: #333333; font-size: 16px; text-transform: uppercase;}
#anli .gallery-top .swiper-slide #cp_right .font ul li i{ color: #c40000; font-size: 20px; margin-right: 10px;}
#anli .gallery-top .swiper-slide #cp_right .font .more{ height: 45px; line-height: 45px; border-radius: 5px; background-image: linear-gradient(to right, #c70602, #ff8b2d); color: #fff; width: 40%; text-align: center;}
#anli .gallery-top .swiper-slide #cp_right .pic{ width: 50%; height: 0; padding-bottom: 40%; position: relative; overflow: hidden; transition: 0.3s;}
#anli .gallery-top .swiper-slide #cp_right .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}

#anli .gallery-thumbs { height: auto; text-align: center; margin-bottom: 1%; box-sizing: border-box; position: relative;}
#anli .gallery-thumbs .swiper-slide { height: 50px; line-height: 50px; background: #eaeaea; font-size: 16px; color: #333333; cursor: pointer; position: relative; transition: 0.3s; border-radius: 5px;}
#anli .gallery-thumbs .swiper-slide-thumb-active{ background-image: linear-gradient(to right, #c70602, #ff8b2d); color: #fff;}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
    #anli .gallery-thumbs{ padding: 2% 0;}
    #anli .gallery-top .swiper-slide #cp_left .tit{ font-size: 18px; padding-bottom: 0;}
    #anli .gallery-top .swiper-slide #cp_left .tit:before{ height: 3px;}
    #anli .gallery-top .swiper-slide #cp_left .tel{ font-size: 12px;}
    #anli .gallery-top .swiper-slide #cp_left .tel i{ display: none;}
    #anli .gallery-top .swiper-slide #cp_right .font{ width: 60%;}
    #anli .gallery-top .swiper-slide #cp_right .pic{ width: 40%;}
    #anli .gallery-top .swiper-slide #cp_right .font p{ font-size: 20px;}
    #anli .gallery-top .swiper-slide #cp_right .font ul{ padding: 5% 0;}
    #anli .gallery-top .swiper-slide #cp_right .font ul li{ font-size: 12px; height: 30px;}
    #anli .gallery-top .swiper-slide #cp_right .font .more{ width: 60%;}
}
@media screen and (max-width:991px){
    #anli .gallery-top{ padding: 0;}
    #anli .gallery-top .swiper-slide #cp_left .tit{ font-size: 22px;}
    #anli .gallery-top .swiper-slide #cp_left .tel{ position: relative;}
    #anli .gallery-top .swiper-slide #cp_right{ margin-top: 5%;}
    #anli .gallery-top .swiper-slide #cp_right .font,#anli .gallery-top .swiper-slide #cp_right .pic{ width: 100%;}
    #anli .gallery-top .swiper-slide #cp_right .pic{ margin-top: 3%; padding-bottom: 75%;}
}
@media screen and (max-width:768px){
}



.youshi{ margin-top: 5%;}
.ys_font .tit{ font-size: 28px; text-transform: uppercase; line-height: 40px;}
.ys_font .tit p{ color: #c40000; font-weight: bold;}
.ys_font .tit span{ color: #333333;}
.ys_font ul{ padding: 3% 0 0;}
.ys_font ul li{ color: #666666; font-size: 16px; clear: both; padding-top: 2%;}
.ys_font ul li p{ float: left; width: 90%;}
.ys_font ul li i{ float: left; margin-right: 10px; font-weight: bold;
    background-image: linear-gradient(to right, #c70602, #ff8b2d);
    background-clip:text;
    -webkit-background-clip:text;
    color: transparent;
}


.ys_pic{ padding: 0; text-align: center;}
.ys_pic .swiper-container {
    width: 100%;
    height: 100%;
}

.ys_pic .swiper-slide {
    text-align: center;
    background: #fff;

    /* 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;
}
.ys_pic .swiper-slide p{ display: block; width: 100%; height: 0; padding-bottom: 60%; position: relative; overflow: hidden; border-radius: 5px;}
.ys_pic .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.ys_pic .swiper-pagination{ height: 30px; padding-right: 20px;}
.ys_pic .swiper-pagination-bullet{ float: right; width: 12px; height: 12px; background: #fff; opacity: 1;}
.ys_pic .swiper-pagination-bullet-active{ background: #c40000;}
.ys_pic img{ max-width: 100%;}
.yspic1 img{ max-width: 85%;}
@media screen and (max-width:1200px){
    .ys_font .tit{ line-height: 30px; font-size: 18px;}
    .ys_font ul li{ font-size: 14px; line-height: 25px;}
}
@media screen and (max-width:991px){
    .ys_font .tit{ line-height: 30px; font-size: 16px;}
    .ys_font ul li{ font-size: 12px; line-height: 25px;}
    .ys_pic{ margin: 3% 0;}
}


#yybj{ background: url("../Image/ys_bj1.jpg") no-repeat center fixed;}
#albj{ background: url("../Image/case_bj1.png") no-repeat center;}

#yybj .tit{ text-align: center; color: #fff; font-weight: 100 !important; text-transform: uppercase; line-height: 50px;}
#yybj .tit p{ font-size: 54px;}
#yybj .tit span{ display: block; margin-top: 1%; font-size: 14px; letter-spacing: 5px;}
#yybj .font{ margin: 1% auto; width: 50%; text-align: center; height: 50px; line-height: 50px; border-radius: 5px; background-image: linear-gradient(to right, #c70602, #ff8b2d); font-size: 16px; color: #fff; text-transform: uppercase;}
#yybj ul{ text-align: center; padding-top: 4%;}
#yybj ul li{ position: relative; cursor: pointer;}
#yybj ul li:before{ position: absolute; right: 0; top: 20%; width: 1px; height: 50%; background: rgba(255,255,255,0.1); content: '';}
#yybj ul li:last-of-type:before{ display: none;}
#yybj ul li p{ display: inline-block; width: 70px; height: 70px; line-height: 70px; background: #fff; border-radius: 100%; transition: 0.3s;}
#yybj ul li p i{ font-size: 34px;
    background-image: linear-gradient(to right, #c70602, #ff8b2d);
    background-clip:text;
    -webkit-background-clip:text;
    color: transparent;
    transition: 0.3s;
}
#yybj ul li span{ display: block; color: #fff; height: 50px; line-height: 50px; font-size: 13px; text-transform: uppercase;}
#yybj ul li:hover p{ background-image: linear-gradient(to right, #c70602, #ff8b2d);}
#yybj ul li:hover p i{ color: #fff;}
@media screen and (max-width:1200px){
    #yybj .font{ width: 70%;}
}
@media screen and (max-width:991px){
    #yybj .tit p{ font-size: 18px;}
    #yybj .tit span{ line-height: 20px; font-size: 12px;}
    #yybj .font{ font-size: 12px; width: 100%; height: auto; line-height: 30px;}
    #yybj ul li span{ font-size: 12px;}
}

#albj .pic{ display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; background: #000; position: relative; border-radius: 5px; cursor: pointer;}
#albj .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;}
#albj .pic .font{ position: absolute; color: #fff; left: 0; top: 35%; opacity: 0; transform: scale(1.1); transition: 0.5s; width: 100%; z-index: 1; text-align: center; }
#albj .pic .font .bt{ display: inline-block; width: 110px; height: 110px; border: 1px dashed rgba(255,255,255,0.3); padding: 10px; border-radius: 100%;}
#albj .pic .font .bt p{ width: 90px; height: 90px; background: rgba(255,255,255,0.3); border-radius: 100%; text-align: center; line-height: 90px;}
#albj .pic .font .bt p i{ font-size: 30px;}
#albj .pic .font span{ display: inline-block; width: 100%; height: 40px; line-height: 40px; text-transform: uppercase;}
#albj .pic:hover img{ opacity: 0.3;}
#albj .pic:hover .font{ opacity: 1; transform: scale(1.0);}
#albj #case_nr{ background: url("../Image/case_bj.png") no-repeat center top; background-size: 100% 100%; min-height: 290px; margin-top: 5%; color: #fff; padding: 13% 7% 0;}
#albj #case_nr .tit{ font-size: 52px; text-transform: uppercase; font-weight: 100; position: relative; height: 60px; padding-bottom: 5%;}
#albj #case_nr .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 35%; height: 5px; background-image: linear-gradient(to right, #c70602, #ff8b2d);}
#albj #case_nr .nr{ color: rgba(255,255,255,0.6); padding: 7% 0 0;}
#albj ul{ background: url("../Image/case_bj2.png") no-repeat right top; padding: 75px 0 2.5%;}
#albj ul li{ margin-top: 1.5%; }
#albj ul li img{ max-width: 100%;}


#dgbj{ background: url("../Image/dg_bj.jpg") no-repeat center fixed;}
.hui{ background: #f5f7fb;}


.gsjj{ position: relative; padding-top: 3%;}
.gsjj:before{ content: ''; background: url("../Image/gsjj_font.png") no-repeat left top; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.gsjj .tit{ text-transform: uppercase;}
.gsjj .tit span{ color: #333333; font-size: 30px; font-weight: bold;}
.gsjj .tit p{ font-size: 64px; font-family: Bahnschrift; font-weight: bold; height: 60px; line-height: 60px;
    background-image: linear-gradient(to right, #c70602, #ff8b2d);
    background-clip:text;
    -webkit-background-clip:text;
    color: transparent;
}
.gsjj .content{ padding: 5% 0 3%; color: #666666;}
.gsjj .jj_pic{ margin: 0;}
.gsjj .jj_pic img{ width: 100%;}
.gsjj ul li{ float: left; width: 48%; border-radius: 5px; padding: 6% 0; transition: 0.3s; margin-bottom: 4%; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align: center; position: relative; overflow: hidden; cursor: pointer;}
.gsjj ul li:before{ position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; opacity: 0; transition: 0.3s; background-image: linear-gradient(to right, #c70602, #ff8b2d);}
.gsjj ul li:nth-of-type(2n){ float: right;}
.gsjj ul li .pic{ display: inline-block; position: relative; background: url("../Image/gsjj_icon_bj.png") no-repeat center; width: 70px; height: 70px; line-height: 70px;}
.gsjj ul li .pic i{ font-size: 30px;
    background-image: linear-gradient(to right, #c70602, #ff8b2d);
    background-clip:text;
    -webkit-background-clip:text;
    color: transparent;
}
.gsjj ul li p{ color: #999999; transition: 0.3s; padding-top: 2%; position: relative;}
.gsjj ul li:hover:before{ opacity: 1; }
.gsjj ul li:hover p{ color: #fff;}



.gsjj_right{ display: inline-block; background: #f2f2f2;}
.gsjj_right .pic img{ width: 100%;}
.gsjj_right .font{ padding: 7% 7% 5%;}
.gsjj_right .font li{ height: 50px; line-height: 50px; background: #fff; border-radius: 5px; margin-bottom: 3%; padding-left: 20px; color: #666666; font-size: 16px; transition: 0.3s;}
.gsjj_right .font li i{ margin-right: 10px; font-size: 16px; transition: 0.3s;
    background-image: linear-gradient(to right, #c70602, #ff8b2d);
    background-clip:text;
    -webkit-background-clip:text;
    color: transparent;
}
.gsjj_right .font li:hover{ background-image: linear-gradient(to right, #c70602, #ff8b2d); color: #fff;}
.gsjj_right .font li:hover i{ color: #fff;}
@media screen and (max-width:1200px){
    .gsjj_right .font li{ font-size: 12px;}
    .gsjj ul li p{ font-size: 12px;}
    .gsjj .tit p{ font-size: 42px;}
}
@media screen and (max-width:991px){
    .gsjj ul{ margin-top: 5%;}
    .gsjj .tit span{ font-size: 24px;}
    .gsjj .tit p{ font-size: 28px; height: 30px; line-height: 30px;}
}

#dgbj .main{ padding: 3% 0;}
#dgbj .gg_tit{ text-align: left; text-transform: uppercase;}
#dgbj .gg_tit p{ color: #fff; font-size: 48px;}
#dgbj .gg_tit span{ display: block; font-size: 14px; color: #fff; padding: 1% 0 2%;}
@media screen and (max-width:1200px){
    #dgbj .gg_tit p{ font-size: 36px;}
}
@media screen and (max-width:768px){
    #dgbj .gg_tit p:before,#cpggbj .gg_tit p:after{ display: none;}
    #dgbj .gg_tit{ padding: 0; margin-bottom: 3%;}
    #dgbj .gg_tit p{ font-size: 20px; padding: 0 15px;}
}

.mes-form3 { margin: 0 auto; overflow: hidden; width: 100%; padding: 0;}
.mes-form3 .row{ margin: 0;}
.mes-form3 .form-tr { padding: 0; overflow: hidden;}
.mes-form3 .form-tr input { display: block; width: 94%; padding: 0 2%; height: 45px; line-height: 45px; background: #fff; color: #333; border-radius: 5px; border: none;}
.mes-form3 .form-tr .code { overflow: hidden;}
.mes-form3 .form-tr .code input { width: 60%; float: left;}
.mes-form3 .form-tr .code .verify { cursor: pointer; float: left; margin-left: 2%; width: 35%; height: 35px; line-height: 35px; text-align: center; font-size: 0;}
.mes-form3 .form-tr .code .verify img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.mes-form3 .form-tr .submit2 { display: block; width: 90%; height: 45px; text-align: center; line-height: 45px; background: #d50000; color: #fff; font-size: 16px; border-radius: 5px; transition:0.3s;}
.mes-form3 .form-tr .submit2:hover { background: #333;}
.mes-form3 .form-tr .error { height: 1rem; line-height: 1rem;}
@media screen and (max-width:991px){
    .mes-form3 .form-tr .submit2{ margin-top: 2%; width: 94%;}
}

@media screen and (max-width:768px){
    .mes-form3{ width: 90%;}
    .mes-form3 .form-tr{ padding-left: 15px;}
    .mes-form3 .form-tr input,.mes-form3 .form-tr .submit2{ height: 40px; line-height: 40px;}
}


.xwnr{ background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 10%; transition: 0.3s;}
.xwnr .bt{ height: 30px; line-height: 30px; width: 40%; color: #fff; border-bottom-left-radius: 15px; border-top-right-radius: 15px; text-align: center; background-image: linear-gradient(to right, #c70602, #ff8b2d); transition: 0.3s;}
.xwnr .tit{ color: #333333; font-size: 18px; text-transform: uppercase; padding: 8% 0 5%; transition: 0.3s;}
.xwnr .time{ color: #999999; position: relative; height: 50px; line-height: 50px; transition: 0.3s;}
.xwnr .time:before{ position: absolute; left: 0; bottom: 0; content: ''; height: 2px; width: 10%; background: #c40000;}
.xwnr .content{ padding: 18% 0 5%; transition: 0.3s;}
.xwnr_small{ padding: 7% 5% 5%;}
.xwnr_small:nth-of-type(1){ margin-bottom: 5%;}
.xwnr_small .tit{ padding: 3% 0;}
.xwnr_small .time{ height: 40px; line-height: 40px;}
.xwnr_small .time:before{ display: none;}
.xwnr:hover{ background-image: linear-gradient(to right, #c70602, #ff8b2d);}
.xwnr:hover .bt{ background: #fff; color: #d82f0f;}
.xwnr:hover .tit,.xwnr:hover .time,.xwnr:hover .content{ color: #fff;}

.xwpic{ position: relative; overflow: hidden; border-radius: 5px;}
.xwpic .pic{ width: 100%; height: 0; padding-bottom: 57%; position: relative; overflow: hidden; transition: 0.3s;}
.xwpic .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
.xwpic .newsTitBg{position: absolute;bottom: 0;left: 0;width: 100%;height: 40%; text-align: center; color: #fff; z-index: 1;transition:.4s; background: linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0 ,0) 100%);background: -o-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0 0,0) 100%);background: -ms-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,0) 100%);background: -moz-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,0) 100%);}
.xwpic .content{ position: absolute;bottom: 0;left: 0; z-index: 3; width: 100%; padding: 3%; height: auto; line-height: 40px; text-align: left; color: #fff;}
.xwpic .content p{ font-size: 18px;}
.xwpic .content span{ display: block; line-height: 25px;}
.xwpic:hover .newsTitBg{ height: 90%;}
.xwpic:hover .pic img{ transform: scale(1.1);}
@media screen and (max-width:1200px){
    .xwpic .content p{ font-size: 16px;}
    .xwnr .tit{ font-size: 12px; line-height: 20px;}
    .xwnr .content{ padding: 5% 0; line-height: 25px;}
    .xwpic .pic{ padding-bottom: 65%;}
}
@media screen and (max-width:991px){

    .xwnr_small{ margin-top: 7%;}
    .xwpic{ margin-top: 5%;}
    .xwpic .content p{ font-size: 12px;}
}


/** 公司简介 **/
#zi_banner{ position: relative;}
#zi_banner #pic{ width: 100%;}
#zi_banner #pic img{ width: 100%; height: auto;}
#zi_banner .main{ width: 100%; position: absolute; left: 0; top: 0; z-index: 1; text-align: center; color: #fff; padding-top: 10%;}
#zi_banner .main p{ font-size: 66px; padding: 2% 0; text-transform: uppercase;}
#zi_banner .main span{ display: block; padding: 1% 0 2%; font-size: 18px; text-transform: uppercase;}
#zi_banner .main i{ font-size: 40px;}

#home_nav{ width: 100%; border-bottom: 3px solid #f5f6f7;}
#home_nav .container{ height: 70px; line-height: 70px;}
#home_nav .container .home{ text-align: center; color: #666666; text-transform: capitalize; position: relative;}
#home_nav .container .home i{ margin-right: 10px;
    background-image: linear-gradient(to right, #c70602, #ff8b2d);
    background-clip:text;
    -webkit-background-clip:text;
    color: transparent;
}
#home_nav .container .home p{ position: relative;}
#home_nav .container .home:before{ position: absolute; left: 0; top: 0; width: 200%; height: 100%; background: #f5f6f7; content: '';}
#home_nav ul li{ float: left; padding: 0 3%; font-size: 14px; color: #333333; transition: 0.3s; text-align: center; cursor: pointer; position: relative; text-transform: capitalize;}
#home_nav ul li a{ display: inline-block; position: relative;}
#home_nav ul li:after{ position: absolute; right: 0; top: 35%; content: ''; background: #dddddd; width: 1px; height: 30%;}
#home_nav ul li a:before{ position: absolute; width: 0; height: 3px; left: 0; bottom: 0; content: ''; background-image: linear-gradient(to right, #c70602, #ff8b2d); transition: 0.3s;}
#home_nav ul li:last-of-type:after{ display: none;}
#home_nav ul li:hover a:before{ width: 100%;}
#home_nav ul li:hover{ color: #ec3030;}

@media screen and (max-width:1440px){
    #zi_banner .main p{ font-size: 36px;}
    #zi_banner .main span{ font-size: 12px; padding: 0 0 1%;}
}
@media screen and (max-width:991px){
    #zi_banner #pic img{ width: 150%; margin-left: -15%;}
    #zi_banner .main{ padding-top: 18%;}
}
@media screen and (max-width:768px){
    #home_nav .container{ height: auto; line-height: 40px;}
    #home_nav ul li{ width: 50%; padding: 0;}
    #home_nav ul li:nth-of-type(2n):after{ display: none;}
    #zi_banner #pic img{ width: 300%; margin-left: -15%;}
    #zi_banner .main{ padding-top: 35%;}
    #zi_banner .main span{ display: none;}
    #zi_banner .main p{ padding-bottom: 8%; font-size: 28px;}
}

.content{ line-height: 35px; padding: 3% 0 0;}
.pic{ text-align: center;}
.pic img{ max-width: 100%;}
@media screen and (max-width:768px){
    .content{ line-height: 30px; padding: 3% 15px 0;}
}

#gsjj_bj{ background: url("../Image/cp_bjlogo.png") no-repeat center;}
#gsjj_bj .content{ padding-top: 3%; line-height: 45px;}
#gsjj_bj .content img{ max-width: 100%;}

#whbj{ background: url("../Image/whbj.jpg") no-repeat center fixed;}
#whbj .tit_in{ color: #fff;}
#whbj .tit_in p:before{ border-top: 4px solid #fff; border-bottom: 4px solid #fff;}
#whbj .tit_in p:after{ border-top: 4px solid #fff; border-bottom: 4px solid #fff;}
#qywh{ margin-top: 5%;}
#qywh .swiper-container {
    width: 100%;
    height: 100%;
}
#qywh .swiper-slide {
    transition: 0.3s;
    overflow: hidden;
    position: relative;
    background: #fff;
    padding: 4% 0;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#qywh .swiper-slide .pic{ width: 90px; height: 90px; line-height: 90px; text-align: center; background-image: linear-gradient(to right, #c70602, #ff8b2d); border-radius: 100%;}
#qywh .swiper-slide .pic i{ color: #fff; font-size: 50px;}
#qywh .swiper-slide p{ color: #282828; font-size: 20px; padding: 5% 0 2%; font-weight: bold;}
#qywh .swiper-slide span{ display: block; min-height: 60px; padding: 0 10%; text-align: center; color: #666666; font-size: 16px;}
@media screen and (max-width:768px){
    #qywh{ padding: 0 3%;}
    #gsjj_bj .content{ padding: 15px; line-height: 25px;}
}

#fzlc{ margin-top: 3%;}
#fzlc .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
#fzlc .gallery-top { height: 80%; width: 100%; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.08); border-radius: 10px;}
#fzlc .gallery-top .swiper-slide{ padding: 4% 13%; text-align: center; color: #333333; font-size: 16px; line-height: 35px; }
#fzlc .gallery-thumbs { height: auto; box-sizing: border-box; margin-top: 2%;}
#fzlc .zzjg_font{ background: url("../Image/lc.png") repeat-x center top;}
#fzlc .gallery-thumbs .swiper-slide { height: 80px; line-height: 130px; opacity: 1; background: url("../Image/lc.png") repeat-x center top #fff; text-align: center; color: #999999; font-size: 24px;}
#fzlc .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; background: url("../Image/lc_hover.png") repeat-x center top #fff; color: #c40;}
#fzlc .swiper-button-prev:after,#fzlc .swiper-button-next:after{ display: none;}
#fzlc .swiper-button-prev,#fzlc .swiper-button-next{ width: 45px; height: 45px; background-image: linear-gradient(to right, #c70602, #ff8b2d); border-radius: 100%; line-height: 45px; text-align: center; transition: 0.3s;}
#fzlc .swiper-button-prev i,#fzlc .swiper-button-next i{ font-size: 30px; color: #fff;}
#fzlc .swiper-button-prev{ left: 3%;}
#fzlc .swiper-button-next{ right: 3%;}
#fzlc .swiper-button-prev:hover,#fzlc .swiper-button-next:hover{ background: #163f6e;}
@media screen and (max-width:768px){
    #fzlc .swiper-button-prev,#fzlc .swiper-button-next{ display: none;}
    #fzlc .gallery-top .swiper-slide{ font-size: 13px; line-height: 25px; padding: 4% 5%;}
    #fzlc .gallery-thumbs{ margin-top: 5%;}
    #fzlc .gallery-thumbs .swiper-slide{ font-size: 16px; line-height: 110px;}
}


#rybj{ background: url("../Image/rybj.jpg") no-repeat center fixed;}
#gshj{ position: relative;}
#gshj .swiper-container {
    width: 100%;
    height: 100%;
    padding: 3% 0 0;
}
#gshj .swiper-slide {
    text-align: center;
    overflow: hidden;
    transition: 0.3s;
    padding: 5px;
    border: 1px solid #dedede;

    /* 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;
}
#gshj .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 75%; background: #fff; position: relative; overflow: hidden;}
#gshj .swiper-slide .pic span{ display: block; width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s; }
#gshj .swiper-slide .pic img{ max-width: 100%; max-height: 100%; transition:0.3s; }
#gshj .swiper-slide p{ width: 100%; height: 50px; line-height: 50px; background: #dedede; transition:0.3s; }
#gshj .swiper-slide:hover .pic img{ transform: scale(1.1);}
#gshj .swiper-slide:hover p{ background-image: linear-gradient(to right, #c70602, #ff8b2d);  color: #fff; }
#gshj .swiper-button-next,#gshj .swiper-button-prev{ background-image: linear-gradient(to right, #c70602, #ff8b2d);  width: 45px; height: 45px; line-height: 45px; top: 48%;}
#gshj .swiper-button-next:after,#gshj .swiper-button-prev:after{ display: none;}
#gshj .swiper-button-next i,#gshj .swiper-button-prev i{ font-size: 30px; color: #fff; transition: 0.3s;}
#gshj .swiper-button-next{ right: -2%;}
#gshj .swiper-button-prev{ left: -2%;}
#gshj .swiper-button-next:hover,#gshj .swiper-button-prev:hover{ background: #163f6e;}
@media screen and (max-width:768px){
    #gshj .swiper-container{ padding: 3% 5%;}
    #gshj .swiper-button-next{ right:0;}
    #gshj .swiper-button-prev{ left:0;}
    #gshj .swiper-button-next,#gshj .swiper-button-prev{ width: 30px; height: 40px;}
    #gshj .swiper-button-next i,#gshj .swiper-button-prev i{ font-size: 30px;}
}



.js_tit1{ text-align: center; color: #333333; font-size: 24px; font-weight: bold;}
#js_bj{ background: url("../Image/jsbj.jpg") no-repeat center fixed;}
.js_tit2{ text-transform: uppercase; line-height: 40px;}
.js_tit2 span{ display: block; color: #c40000; font-size: 28px; font-weight: bold;}
.js_tit2 p{ color: #333333; font-size: 28px;}
#js_bj ul{ padding-top: 3%;}
#js_bj ul li{ line-height: 37px;}
#js_bj ul li i{
    font-weight: bold; margin-right: 5px;
    background-image: linear-gradient(to right, #c70602, #ff8b2d);
    background-clip:text;
    -webkit-background-clip:text;
    color: transparent;
}
@media screen and (max-width:768px){
    .js_tit2{ line-height: 30px;}
    .js_tit2 span{ font-size: 20px;}
    .js_tit2 p{ font-size: 16px;}
}



/*新闻页面*/
.de-news-list {
    overflow: hidden;
    padding: 0 15px 0;
}

.de-news-list ul li {
    padding: 0 !important;
    overflow: hidden;
    background: #fbfbfb;
    border: 1px solid #efefef;
    margin-bottom: 3%;
    transition: 0.5s;
    position: relative;
}

.de-news-list ul li::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 2px;
    background: #0891e1;
    width: 0;
    transition: 0.3s;
}

.de-news-list ul li a {
    display: block;
}

.de-news-list ul li .img {
    height: 0;
    float: left;
    padding-bottom: 18%;
    position: relative;
    text-align: center;
    background: #fff;
    overflow: hidden;
}

.de-news-list ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    transition: 0.3s;
}
.de-news-list ul li .img p{ position: absolute; text-align: center; padding-top: 20%; width: 100%; left: 0; top: 0;}
.de-news-list ul li .img i{ font-size: 70px; color: #ccc;}
.de-news-list ul li .img .time {
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: 0.3s;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #fff;
}

@media screen and (max-width: 765px) {
    .de-news-list ul li .img {
        padding-bottom: 70%;
    }
}

.de-news-list ul li .box {
    float: right;
    padding: 3% 2%;
    font-size: 14px;
}

.de-news-list ul li .box h4 {
    color: #323232;
    line-height: 1.1;
    overflow: hidden;
    margin: 0;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold !important;
}

.de-news-list ul li .box p {
    color: #999;
    line-height: 28px;
    height: auto;
    overflow: hidden;
    margin: 2% 0 0 !important;
}

.de-news-list ul li .box .xwmore {
    margin-top: 2%;
    color: #999999;
    float: right;
    line-height: 40px;
    padding: 0;
    width: 30%;
    text-align: center;
}

.de-news-list ul li .box .xwmore span {
    display: block;
    font-size: 14px;
    width: 100%;
    background: #c40000;
    color: #fff;
    transition: 0.3s;
}

.de-news-list ul li .box dl {
    margin-top: 3%;
    float: left;
    width: 60%;
}

.de-news-list ul li .box dl dt {
    float: left;
    font-weight: normal;
    padding-right: 3%;
}

.de-news-list ul li .box dl dt i {
    float: left;
    padding-right: 10px;
}

.de-news-list ul li:hover {
    box-shadow: 0px 0px 20px rgba(204, 204, 204, 0.4);
    transform: translateY(-10px);
}

/*.de-news-list ul li:hover::before{ width: 100%;}*/
.de-news-list ul li:hover .xwmore span {
    background-image: linear-gradient(to right, #c70602, #ff8b2d);
    color: #fff;
    letter-spacing: 3px;
}

.de-news-list ul li:hover .time {
    background: #c40000;
}

.de-news-list ul li:hover img {
    transform: scale(1.1);
}

.news-detail-content{ background: #fff; padding: 30px !important; border-radius: 5px;}
.news-detail-content .news-detail {
    line-height: 35px;
    padding: 0 0 30px;
    color: #666;
}
.news-detail-content .news-detail p {
    font-size: 15px;
    color: #666;
}
.news-detail-content .news-detail .img{ text-align: center; padding-bottom: 3%;}
.news-detail-content .news-detail img {
    max-width: 100%;
    margin: 0 auto;
}

.news-detail-title {
    padding-bottom: 15px;
    text-align: center;
    margin-bottom: 15px;
}

.news-detail-title .h3 {
    font-size: 24px;
    color: #323232;
    height: auto;
    line-height: 35px;
    padding-bottom: 10px;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #efefef;
}
@media screen and (max-width:768px){
    .news-detail-title .h3{ font-size: 16px; height: 35px;}
}

.news-detail-title .b {
    font-size: 13px;
    color: #999999;
    text-align: left;
    line-height: 20px;
    margin-top: 3%;
}

.news-detail-title .b i {
    display: inline-block;
    padding-right: 10px;
}

.news-detail-title p {
    text-align: left;
    font-size: 1rem;
}

.news-detail-title p a {
    color: #ccc;
}


.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: #eb0115; 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-image: linear-gradient(to right, #c70602, #ff8b2d); }
.pro-sider .pro-sider-ul .ul-li:last-of-type { border-bottom: none;}
.pro-sider .pro-sider-ul #li-on{ background: #eb0115; }
.pro-sider .pro-sider-ul #li-on i,.pro-sider .pro-sider-ul #li-on a{ color: #fff;}


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


.news01 {padding: 0;}
.news01 li{ margin-bottom: 7%;}
.news01 .imgbox {width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.news01 .imgbox img { object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;}
/*.news01 .shuiyin{position: absolute; background: url("../images/shuiyin.png") no-repeat center; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;}*/
.news01 .imgbox1 {width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
/*.news01 .imgbox1 p { text-align: center; left: 0; position: absolute; height:100%; width:100%; transition: 0.3s;}*/
.news01 .imgbox1 img{ object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;}
.news01 .slide:hover .imgbox img {transform: scale(1.1);}

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


/*联系我们*/
#lxwm{ padding: 3% 0; margin: 0; }
#lxwm li{ height: 420px; text-align: center; border: 1px solid #eeeeee; border-right: none;}
#lxwm li:nth-of-type(4){ border-right: 1px solid #eeeeee;}
#lxwm li .pic{ padding: 70px 0 20px; transition: 0.3s;}
#lxwm li h3{ font-size: 20px; font-weight: bold; transition: 0.3s; text-transform: uppercase;}
#lxwm li p{ font-size: 15px; padding-top: 70px; transition: 0.3s;}
#lxwm li p img{ max-width: 45%; position: relative; margin-top:-50px; transition: 0.4s;}
#lxwm li:hover h3{ opacity: 0;}
#lxwm li:hover .pic{ padding-top: 120px;}
#lxwm li:hover p{ padding-top: 0px;}
#lxwm li:nth-of-type(4):hover .pic{ opacity: 0;}
#lxwm li:nth-of-type(4):hover p img{ margin-top: -120px;}
@media screen and (max-width:991px){
    #lxwm li:nth-of-type(2){ border-right: 1px solid #eeeeee;}
    #lxwm li p{ font-size: 12px;}
}


.in_title{ line-height: 25px; padding: 4% 0 10px; color: #747474; font-size: 16px;}
.in_title p{ font-size: 30px; color: #3e3e3e; text-transform: uppercase; line-height: 40px;}


.inner_contact_02{ margin: 3% 0 0;}
#jobs_title{padding:0; width:100%; background: #373634;color: #fff;font-size: 14px;height: 54px;line-height: 54px; text-align: center;}
.inner_contact_02 .td1{width: 24.33%;float: left; text-align: center;}
.inner_contact_02 .td2{width: 21.33%;float: left; text-align: center;}
.inner_contact_02 .td3{width: 21.91%;float: left; text-align: center;}
.inner_contact_02 .td4{width: 17.41%;float: left; text-align: center;}
.inner_contact_02 .td5{width: 15%;float: left; text-align: center;}
.inner_contact_02 .td5 a{color: #dd0004;font-size: 14px;}
@media screen and (max-width:768px){
    .inner_contact_02 .td4{ width: 30%;}
    #zpbj .single_tit:before{ display: none;}
}




/*产品中心*/
.bai{ background: #fff;}
.cpnr_in{ width: 100%;}
.cpnr_in li{ border: 1px solid #ebebeb; margin-bottom: 25px; transition: 0.3s;}
.cpnr_in li .pic{ width: 100%; height: 0; padding: 0 0 70%; background: #fff; position: relative; overflow: hidden;}
/*.cpnr_in li .pic p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}*/
.cpnr_in li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
.cpnr_in li .pic .link{ position: absolute; left: 0; top: -100%; z-index: 1; width: 100%; height: 100%; padding-top: 20%; background: rgba(0,0,0,0.6); transition: 0.3s;}
.cpnr_in li .pic .link span{ display: inline-block; width:87px; height: 87px; line-height: 85px; border: 1px dashed #fff; border-radius: 100%; }
.cpnr_in li .pic .link span i{ border: 1px solid #fff; border-radius: 100%; text-align: center; color: #fff; font-size: 20px; padding: 5px;}
.cpnr_in li .tit{ color: #333333; font-size: 16px; border-bottom: 1px solid #e7e7e7; height: 50px; line-height: 50px; transition: 0.3s;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.cpnr_in li .content{ line-height: 25px;}
.cpnr_in li .float-left{ color: #fff; height: 35px; line-height: 35px; margin: 5% 0; width: 48%; transition: 0.3s; background-image: linear-gradient(to right, #c70602, #ff8b2d); text-align: center;}
.cpnr_in li .float-left a{ color: #fff;}
.cpnr_in li .float-right{ margin: 5% 0; width: 48%; height: 35px; line-height: 35px; text-align: center; background: #e2e2e2; color: #333333; transition: 0.3s;}
.cpnr_in li:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.cpnr_in li:hover .pic img{transform: scale(1.1);}
.cpnr_in li:hover .pic .link{ top: 0;}
@media screen and (max-width:768px){
    .cpnr_in .col-6{ padding: 0 1%;}
    .cpnr_in li{ padding: 5px; margin-bottom: 10px;}
}


#cplb_nr{ background: #04914c; margin: 0;}
#cplb_nr .lb_pic{ display: block; width: 100%; height: 0; padding-bottom: 40%; position: relative; overflow: hidden;}
#cplb_nr .lb_pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#cplb_nr .lb_nr{ background: url("../Image/cplb_bj.jpg") no-repeat center; background-size: 100% 100%; color: #fff; padding: 3% 3% 0; }
#cplb_nr .lb_nr .tit{ position: relative; padding-bottom: 8%;}
#cplb_nr .lb_nr .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 20%; height: 1px; background: #fff;}
#cplb_nr .lb_nr .tit p{ font-size: 30px;}
#cplb_nr .lb_nr .tit span{ font-size: 18px;}
#cplb_nr .lb_nr .content{ padding: 13% 0;}
#cplb_nr .lb_nr ul{ text-align: center;}
#cplb_nr .lb_nr ul li{ display: inline-block; width: 49%;}
#cplb_nr .lb_nr ul li .pic{ display: inline-block; width: 55px; height: 55px; border-radius: 100%; background: #fff; line-height: 55px;}
#cplb_nr .lb_nr ul li .pic i{ color: #04914c; font-size: 30px;}
#cplb_nr .lb_nr ul li p{ height: 40px; line-height: 40px; font-size: 13px;}

#pro_con{ background: #fff; padding: 20px;}

.cp_left{ padding: 0;}
.cp_left .swiper-container {
    width: 100%;
    height: 100%;
}

.cp_left .swiper-slide {
    text-align: center;
    background: #fff;

    /* 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;
}
.cp_left .swiper-slide p{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.cp_left .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.cp_left .swiper-button-next:after,.cp_left .swiper-button-prev:after{ display: none;}
.cp_left .swiper-button-disabled{ opacity: 1 !important;}
.cp_left .swiper-button-next,.cp_left .swiper-button-prev{ width: 42px; height: 42px; background-image: linear-gradient(to right, #c70602, #ff8b2d); border-radius: 5px; line-height: 42px; right: 0; transition: 0.3s;}
.cp_left .swiper-button-prev{ left: 0;}
.cp_left .swiper-button-prev i,.cp_left .swiper-button-next i{ color: #fff; font-size: 20px;}
.cp_left .swiper-button-next:hover,.cp_left .swiper-button-prev:hover{ background: #1b3c72;}


.cp_right{ padding: 1% 3%; position: relative; text-align: left;}
.cp_right .tit{ position: relative; color: #333333; font-size: 26px; height: 50px;}
.cp_right .content{ color: #999999; font-size: 16px; padding: 3% 0; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-bottom: 3%;}
.cp_right dl{ padding: 0;}
.cp_right dl div{ margin: 0;}
.cp_right dl dd{ float: left; padding: 0 3% 0 0; color: #666666;}
.cp_right dl dd i{ float: left; font-size: 20px; margin-right: 10px;
    background-image: linear-gradient(to right, #c70602, #ff8b2d);
    background-clip:text;
    -webkit-background-clip:text;
    color: transparent;
}
.cp_right ul{ padding: 2% 0;}
.cp_right ul .col-4{ padding: 0 5px !important;}
.cp_right li .pic{ background: #f0f3f6; transition:0.3s; text-align: center; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.cp_right li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
.cp_right li:hover .pic img{ transform: scale(1.1);}

.cp_right .order-btn { display: block; height: 60px; line-height: 60px; text-align: center; background-image: linear-gradient(to right, #c70602, #ff8b2d); color: #fff; font-size: 14px; margin-top: 1%; transition:0.3s;}
.cp_right .order-btn i{ display: inline-block; font-size: 20px; padding-right: 10px;}
.cp_right .order-btn a{ color: #fff;}
.cp_right .order-btn:hover { background: #333;}
.cp_right .order-btn:hover i{ fill: #fff; animation: go 0.5s ease-in-out alternate infinite; }
@keyframes go {
    0% {
        -webkit-transform: rotate(30deg);
        -webkit-transform-origin: top center;
        -moz-transform: rotate(30deg);
        -moz-transform-origin: top center;
        transform: rotate(30deg);
        transform-origin: top center;
    }
    100% {
        -webkit-transform: rotate(-30deg);
        -webkit-transform-origin: top center;
        -moz-transform: rotate(-30deg);
        -moz-transform-origin: top center;
        transform: rotate(-30deg);
        transform-origin: top center;
    }
}
.cp_right .cptel i{ float: left; color: #333333; font-size: 45px; margin: 5% 1% 0 0;}
.cp_right .cptel .left{ float: left; padding-left: 10px; line-height: 28px;}
.cp_right .cptel .left p{ color: #666666; font-size: 14px;}
.cp_right .cptel .left span{ color: #c40000; font-size: 32px; font-weight: bold;}
@media screen and (max-width:1200px){
    .cp_right table tr td{ font-size: 12px;}
}
@media screen and (max-width:991px){
    .cp_right .tit{ font-size: 22px; margin-top: 3%;}
    .cp_right .content{ font-size: 14px;}
}

@media screen and (max-width:768px){
    .cp_left{ padding-bottom: 60%;}
    .cp_right table{ display: none;}
    .cp_right dl dd{ padding-right: 2%;}
    .cp_right dl dd i{ margin-right: 2px;}
}


#cpbtqh{ width: 100% !important; transition:0.3s; text-align: center;}
.cpbt{ margin: 0 auto !important; height: 60px; line-height: 60px; border-bottom: 1px solid #efefef; width: 100%; transition:0.3s; padding: 0;}
.cpbt li{ float: left; color: #666666; padding: 0 3%; text-transform: uppercase; text-align: center; position: relative; transition:0.3s;}
.cpbt li a{ color: #666666;}
.cpbt li:hover a{ color: #c70602;}
.cpbt li:before{ position: absolute; right: 0; top: 30%; width: 1px; height: 40%; content: ''; background: #d5d5d5;}
.cpbt li:last-of-type:before{ display: none;}
.cpbt li.current a{ color: #c70602;}
.cpbtqh_active{ top: 0; position: fixed; left: 0; z-index: 10;}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1400px){
}
@media screen and (max-width:1200px){
    .cpbt li{ width: 20%;}
}
@media screen and (max-width:768px){
    .cpbt li{ width: 20%;}
    .cpbt{ height: auto;}
}
@media screen and (max-width:765px){
    .cpbt li{ width: 25%; font-size: 13px;}
}


.cp_con{ padding: 25px;}
.cp_con .content{ padding: 5% 0 8%; color: #666666;}
.cptit{  line-height: 30px; margin-top: 3%; padding-left: 15px; position: relative;}
.cptit:before{ position: absolute; left: 0; top: 5%; content: ''; width: 3px; height: 85%; background: #04914c;}
.cptit p{ color: #050505; font-size: 26px; font-weight: bold;}
.cptit span{ color: #666666; font-size: 16px;}


.pro_tit{ background-image: linear-gradient(to right, #c70602, #ff8b2d); padding: 10% 0; text-align: center; color: #fff; font-size: 26px; text-transform: uppercase;}
.pro_tit p{ position: relative; display: inline-block; height: 50px;}
.pro_tit p:before{ position: absolute; left: 40%; bottom: 0; width: 20%; height: 2px; background: #fff; content: '';}
#pro_list{ padding: 5%;}
#pro_list li{ height: 60px; line-height: 60px; border-bottom: 1px dashed #e5e5e5; color: #333333;}
#pro_list li i{ font-size: 16px; margin-right: 10px;}


.pro_tit1{ background: #fff; padding: 7% 0; text-align: center; font-size: 26px; text-transform: uppercase;}
.pro_tit1 p{ position: relative; display: inline-block; height: 50px;
    background-image: linear-gradient(to right, #c70602, #ff8b2d);
    background-clip:text;
    -webkit-background-clip:text;
    color: transparent;
}
.pro_tit1 p:before{ position: absolute; left: 40%; bottom: 0; width: 20%; height: 2px; content: ''; background-image: linear-gradient(to right, #c70602, #ff8b2d);}
#pro_pic{ padding: 25px;}
#pro_pic .pic{ background: #f0f3f6; transition:0.3s; text-align: center; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#pro_pic .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#pro_pic p{ background: #f5f6f7; text-align: center; height: 40px; line-height: 40px; margin-bottom: 20px;}

.cp_con .cpys li{ text-align: center; background: #f5f6f7; padding: 10% 0 7%; margin-bottom: 20px;}
.cp_con .cpys li p{ display: inline-block; width: 70px; height: 70px; line-height: 70px; background-image: linear-gradient(to right, #c70602, #ff8b2d); border-radius: 100%; transition: 0.3s;}
.cp_con .cpys li p i{ font-size: 34px; color: #fff; transition: 0.3s;}
.cp_con .cpys li span{ display: block; color: #333333; height: 50px; line-height: 50px; font-size: 13px; text-transform: uppercase;}



#shili{ margin-top: 5%;}
#shili .swiper-container {
    width: 100%;
    height: 100%;
}
#shili .swiper-slide {
    text-align: center;
    background: #fff;
    transition:0.3s;
    height: auto; position: relative; overflow: hidden;

    /* 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;
}
#shili .swiper-slide .pic{ display: block;  width: 100%; height: 0; padding-bottom: 130%; position: relative; overflow: hidden;}
#shili .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#shili .swiper-slide p{ width: 100%; height: 50px; line-height: 50px; background: #f4f4f4; transition:0.3s;}
#shili .swiper-slide:hover p{ background-image: linear-gradient(to right, #c70602, #ff8b2d); color: #fff;}
#shili .swiper-slide:hover p a{ color: #fff;}






/************************************/
.page{margin: 5% 0 2%;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.page .current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/****************news*****************/
.news_title{color:#3f3f3f;text-align:left; font-size: 24px; line-height:40px; padding-bottom: 10px;}
.meta{color:#999;text-align:left; height: 50px; border-bottom: 1px solid #e6e6e6;}
@media screen and (max-width:768px){
    .news_title{ font-size: 16px;}
}
/***********news_info**************/
.jobs li{ height:auto; margin:23px 18px 18px 28px;border-bottom:1px dotted #666; position:relative;}
.jobs a{ position:absolute; right:0; top:0;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px; display:block; background:#f00;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.rel_center{ text-align:center; left:50%;}
.pro_name{display:block;color:#da020d;text-align:left; font-size: 18px; margin-bottom: 10px;}
.info_title{ height: 60px; border-bottom: 1px solid #ececec; text-align: center; color: #343434; font-size: 30px;}
.info_title b{display:inline-block; padding: 0 20px; height:100%; border-right:1px solid #fff; background:#333; color:#fff; line-height:35px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{ font-size: 13px; width: 100%; margin: 0 auto;}
.order tr{ height: auto; margin-bottom: 10px;}
.order .t_r{ width: 25%;}
.order input{ border: 1px solid #efefef;  width: 100%; height:45px; line-height: 45px; margin-bottom: 5px; border-radius: 5px; padding-left: 10px;}
.order #content{ height: 100px;}
.order img{vertical-align:-5px;cursor:pointer;}
.order #submit{width:50%;height:45px; line-height: 45px; border: none; background-image: linear-gradient(to right, #c70602, #ff8b2d); color: #fff; cursor:pointer; padding: 0;}
@media screen and (max-width:768px){
    .order .col-12{ padding: 0;}
}
/**************order&message********/
.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}