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;}



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; background: rgba(6,105,216,0.8);}

#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; padding-top: 2%; transition: 0.3s;}

#top_tel .top_tel_con{ font-size: 18px; float: left; text-transform: uppercase;}

#top_tel .top_tel_con i{ font-size: 22px; margin-right: 10px;}

#top_tel .en{ float: left; padding: 0 8%; font-size: 16px; line-height: 30px;}

#top_tel .en a{ color: #fff;}

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

    #top_tel .top_tel_con{ font-size: 16px;}

}

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

    #top_tel .top_tel_con{ font-size: 12px;}

}

@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 3%; 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; 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{ padding-top: 1.5%;}

#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%;}

}

@media screen and (min-width:992px){

    .m-sub-menu.show{ display: none;}

}



/*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; padding-bottom: 10px;

    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 .float-right dl dd img{ max-width: 100%;}

#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%;}

    #footer .main .float-right dl dd{ width: 43%;}

}

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

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

    #footer .main .float-right dl dd{ width: 20%;}

}











/** 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: #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: 18px;}

    #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_font ul li span{

    display: block; float: left; margin-right: 10%;}

.ys_font .cpys li{ width: 55%; float: left !important; clear: none;}

.ys_font .cpys li:nth-of-type(2n){ width: 45%;}

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

    .ys_font .cpys li{ width: 100%;}

    .ys_font .cpys li:nth-of-type(2n){ width: 100%;}

}







.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: #ff8b2d; 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: rgba(255,255,255,0.5); font-size: 16px; color: #333; 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:1440px){

    #yybj .font{ width: 70%; font-size: 14px;}

    #yybj .tit p{ font-size: 40px;}

    #yybj ul li span{ font-size: 12px;}

    #yybj ul li{ padding: 0;}

}

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

    #yybj .font{ width: 70%; font-size: 14px;}

    #yybj .tit p{ font-size: 30px;}

}

@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: 17%;}

#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: 0 0 2.5%;

}

#albj ul li{ margin-top: 1%; }

#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: 36px; 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:1440px){

    .gsjj_right .font li{ font-size: 14px;}

 

}

@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:before{ display: none;}

    .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; padding-left: 15px; height: 70px;}

#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: 16% 10% 14%; 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: 9% 5% 9%;}

.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%;}

    #home_nav .container .home i{ display: none;}

    #home_nav .container .home{ font-size: 12px;}

}

@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: 100px; 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;}

}







#cpzl{ position: relative;}

#cpzl .swiper-container {

    width: 100%;

    height: 100%;

    padding: 3% 0 0;

}

#cpzl .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;

}

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

#cpzl .swiper-slide .pic span{ display: block; width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s; }

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

#cpzl .swiper-slide p{ width: 100%; height: 50px; line-height: 50px; background: #dedede; transition:0.3s; }

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

#cpzl .swiper-slide:hover p{ background-image: linear-gradient(to right, #c70602, #ff8b2d);  color: #fff; }

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

    #cpzl .swiper-container{ padding: 3% 5%;}

}





.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; font-size: 16px;}

#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;}

}



.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 {

    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:1200px){

    .pro-sider .in-title h3{ font-size: 18px;}

    .pro-sider .in-title em{ display: none;}

}

@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 p img{ max-height:100%; max-width:100%; transition: 0.3s;}

.news01 .imgbox2 {width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}

/*.news01 .imgbox2 p { text-align: center; left: 0; position: absolute; height:100%; width:100%; transition: 0.3s;}*/

.news01 .imgbox2 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;  overflow: hidden; min-height: 90px;}

.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: auto; line-height: 40px;}

.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:1440px){

    .cp_right .cptel .left span{ font-size: 22px;}

}

@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_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: 33%; font-size: 12px;}

}

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

    .cpbt li{ width: 50%;}

    .cpbt{ height: auto;}

}

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

    .cpbt li{ width: 50%; 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;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}



.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;}



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

    .pro_tit p:before{ display: none;}

    .pro_tit1{ font-size: 18px;}

}



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

    .cp_con .cpys li span{ font-size: 12px; line-height: 25px;}

}





#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; }

.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}