html{width: 100%;}
body{font-size: 16px; background: #fff; font-family: futura,"Microsoft Yahei","Arial",Verdana,Arial,sans-serif; line-height: 28px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .3s ease; cursor: pointer;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;}
img{border: 0; height: auto; vertical-align: middle;/*display: block;*/}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
button:focus{outline: 0;}
textarea{resize: none;}
video{outline: none;display: block;}
*{margin: 0;padding: 0;}
.clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;}
.relative{position: relative;}
.fl{float: left;}
.fr{float: right;}
.container{position: relative;width: 1420px;margin: 0 auto;}
.h_container{position: relative;width: 1820px;margin: 0 auto;}
.flex {display: flex;height: 100%;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;}


@font-face {
	font-family:futura;
	src: url(../fonts/FuturaBT Book.ttf);
}





/************************************ header start ************************************/
.header{position: fixed;top: 0;left: 0;width: 100%;border-bottom: 1px solid rgba(255,255,255,.2);z-index: 9998;background: #000;transition: .3s;}
.header.active{background: none;}
.header .logo{float: left;margin-top: 20px;}
.header .h_nav{float: right;margin-right: 90px;}
.header .h_nav ul>li{float: left;margin: 0 35px;position: relative;}
.header .h_nav ul>li>a{line-height: 80px;color: #bbbbbb;font-size: 18px;position: relative;}
.header .h_nav ul>li>a::after{content: "";display: block;height: 3px;position:absolute;width: 0;left: 50%;background: #D51A28;transition: .3s;}
.header .h_nav ul>li.active>a,.header .h_nav>ul>li>a:hover{color: #fff;}
.header .h_nav ul>li.active>a::after,.header .h_nav>ul>li>a:hover::after{width: 100%;left: 0;}

.header .h_item{float: left;cursor: pointer;}
.header .h_more{float: right;position: relative;}
.header .h_more .h_item{line-height: 80px;padding: 0 25px;position: relative;float: left;}
.header .h_more .h_item+.h_item::before{content: "";display: block;height: 20px;width: 1px;background: rgba(255,255,255,.2);position: absolute;left: 0;top: 50%;margin-top: -10px;}
.header .h_more img{position: relative;top: -3px;}
.header .h_more span{padding-left: 6px;font-size: 18px;color: #999999;transition: .3s;}
.header .h_item:hover span{color: #fff;}

.h_subnav {width:220px;background:#222;font-size:12px;position:absolute;transform: translateX(-50%); left:50%;top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 0 16px -4px rgba(0,0,0,.3);margin-top:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;z-index:414;}
.h_subnav ol {padding:0px 0;}
.h_subnav ol li{width: 100%;margin: 0 !important;}
.h_subnav a { transition: .3s; overflow: hidden;text-overflow:ellipsis; white-space: nowrap; padding: 0 10px;box-sizing: border-box; width: 100%; display:block;height:50px;line-height:50px;color:#999;font-size: 16px;text-align: center;}
.h_subnav a:hover {color:#FFF!important;background: #D51A28;}
.h_nav ul > li:hover .h_subnav {height:auto;opacity:1;visibility:visible;margin-top:0;}


/* 搜索 */
.search-bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #f5f5f5;display: none;z-index: 9999;}
.search-alert {position: fixed;z-index: 100;background: rgba(0,0,0,.7);left: 0;top: 0;width: 100%;height: 100%;opacity: .9;z-index: 9999;}
.search-alert input::-webkit-input-placeholder {color: #fff !important;}
.search-alert input::-moz-placeholder {/* Mozilla Firefox 19+ */color: #fff !important;}
.search-alert input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #fff !important;}
.search-alert input:-ms-input-placeholder {/* Internet Explorer 10-11 */color: #fff !important;}
.search-alert .cent-form {opacity: 0;-webkit-transform: translate(0, 40px);-ms-transform: translate(0, 40px);transform: translate(0, 40px);-webkit-transition: all .5s;transition: all .5s;}
.search-alert .close {width: 30px;height: 30px;position: absolute;top: 38px;right: 2.6%;cursor: pointer;background: url(../images/colse.png) no-repeat center;background-size: 18px auto;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.search-alert .cent-form {position: absolute;width: 94.8%;left: 2.6%;top: 50%;height: 60px;margin-top: -63px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.search-alert .cent-form:before {content: "";color: #fff;font-size: 30px;position: absolute;left: 0;height: 50px;width: 50px;top: 50%;margin-top: -25px;background: url(../images/z_img9.png) no-repeat center;background-size: 28px auto;}
.search-alert .cent-form .tex {border: none;font-size: 40px;height: 50px;line-height: 50px;text-align: center;width: 100%;color: #fff;background: none;padding-left: 100px;padding-right: 140px;box-sizing: border-box;}
.search-alert .cent-form .sub-butn {border: none;height: 50px;font-size: .8rem;line-height: 50px;color: #fff;text-align: right;background: none;position: absolute;right: 0;top: 0;width: 120px;text-align: center;font-size: 26px;cursor: pointer;}
.search-alert {-webkit-transform-origin: bottom center;-ms-transform-origin: bottom center;transform-origin: bottom center;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s .5s;transition: transform .3s .5s;}
.search-alert.active {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.search-alert.active .cent-form {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all .5s .3s;transition: all .5s .3s;}

.lang_box{width:100%;background:#222;font-size:12px;position:absolute;transform: translateX(-50%); left:50%;top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 0 16px -4px rgba(0,0,0,.3);margin-top:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;z-index:414;}
.h_item:hover .lang_box{height:auto;opacity:1;visibility:visible;margin-top:0;}
.lang_box a{display: block;line-height: 40px;color: #999999;text-align: center;font-size: 14px;}
.lang_box a:hover{background: #D51A28;color: #fff;}






.wap_header{width: 100%; height: 60px; padding: 0 12px; display: none; justify-content: space-between; align-items: center; background: #000; position: fixed; left: 50%; top: 0; transform: translateX(-50%); z-index: 999999;box-sizing: border-box;border-bottom: 1px solid #333;}
.wap_header .toggle{display: block; width: 25px; height: 24px; position: relative; z-index: 6;}
.wap_header .toggle i{display: block; width: 25px; height: 2px; background: #fff; position: absolute; left: 0; transition: all ease .35s;}
.wap_header .toggle i:nth-of-type(1){top: 0;}
.wap_header .toggle i:nth-of-type(2){top: 8px;}
.wap_header .toggle i:nth-of-type(3){top: 16px;}
.wap_header .toggle.on i{background: #fff;}
.wap_header .toggle.on i:nth-of-type(1){top: 8px; transform: rotate(45deg);}
.wap_header .toggle.on i:nth-of-type(2){width: 0;}
.wap_header .toggle.on i:nth-of-type(3){top: 8px; transform: rotate(-45deg);}
.wap_header #h60{height: 60px;}
.wap_header .maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;}
.wap_header .maskbg.on{display: block;}
.wap_header .nav{width: 240px; background: #000; height: 100vh; padding: 56px 0 20px 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;}
.wap_header .nav.open{transform: translateX(0); opacity: 1;}
.wap_header .nav > ul{height: calc(100vh - 230px); margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.wap_header .nav ul li{border-top: 1px solid #333; margin: 0 20px; line-height: 40px; font-size: 14px; position: relative;}
.wap_header .nav > ul > li:first-child{border-top: 0 none;}
.wap_header .nav ul li a{height: 60px; line-height: 60px; display: block; padding-right: 30px; font-size: 14px; color: #fff;}
.wap_header .nav ul li a:active  {color: #dd0518 !important;}
.wap_header .nav ul li ul{display: none;}
.wap_header .nav ul li i{width: 30px; height: 60px; font-size: 16px; color: #9c9c9c; position: absolute; right: 0; top: 0; transition: transform .5s;}
.wap_header .nav ul li i.down{color: #dd0518; transform: rotate(90deg);}
.wap_header .nav ul li .icon{background: url(../images/yjt.png)no-repeat;background-size: 20px !important;background-position: center !important;}
.wap_header .nav ul li ul li{margin-right: 0;}
.wap_header .nav ul li ul li a{color: #fff; height: 40px; line-height: 40px; font-size: 14px;}
.wap_header .nav ul li ul li i{top: -10px;}
.wap_header .logo{float: left;margin-top: 15px;position: relative;height: 30px;}
.wap_header .logo img{height: 100%;}
.wap_header .toggle{float: right;margin-top: 21px;}
.wap_header .dropdown{float: right;margin-top: 18px;margin-right: 20px;position: relative;}
.wap_header #dLabel{border: 1px solid #9C9C9C;background: none;color: #9C9C9C;padding: 2px 5px;font-size: 12px;position: relative;}
.wap_header .dropdown-menu{background: #222;min-width: auto !important;text-align: center;}
.wap_header .dropdown-menu li a{color: #9C9C9C !important;transition: .3s;font-size: 14px !important;}
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);box-shadow: 0 6px 12px rgb(0 0 0 / 18%);width: 100%;}
.open>.dropdown-menu {display: block;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent;}

/************************************ header end ************************************/




.fp-tableCell .container{height: 100%;display: flex;box-sizing: border-box;padding-top: 80px;}


/************************************ banner start ************************************/

.banner_img .swiper-slide{ width: 100%;height: 100vh;overflow: hidden;background-size: cover !important;background-position: center !important;}
.banner_img .container{display: flex;height: 100%;position: relative;}

.banner_img .swiper-button-next::after,.banner_img .swiper-button-prev::after{display: none;}
.banner_img .swiper-button-next,.banner_img .swiper-button-prev{display: block;height: 81px;width: 42px;top: 50%;margin-top: -40px;}
.banner_img .swiper-button-prev{background: url(../images/left1.png);left: 150px;}
.banner_img .swiper-button-next{background: url(../images/right1.png);right: 150px;}

.banner_img .content_box{display: flex;}
.banner_img .img{width: 700px;float: right;}
.banner_img .img img{width: 100%;}
.banner_img .desc{width: calc(100% - 735px);float: left;margin: auto 0;z-index: 999;}
.banner_img .desc h2{}
.banner_img .desc h3{height: 36px;font-size: 38px;font-weight: 400;color: #FFFFFF;display: block;margin: 50px 0 40px;white-space: normal;}
.banner_img .desc h4{font-size: 24px;font-family: futura;color: #FFFFFF;font-weight: normal;line-height: 34px;}
.banner_img .desc h5{display: block;margin: 40px 0 60px;}
.banner_img .desc a{display: block;width: 180px;height: 60px;background: #D51A28;border-radius: 30px;line-height: 60px;text-align: center;font-size: 18px;color: #FFFFFF;}
.banner_img .desc a .icon{display: inline-block;background: url(../images/right2.png);width: 8px;height: 14px;margin-left: 10px;position: relative;top: 1px;}
.banner_img .desc a:hover{background: #b01522;}


.banner_img .swiper-slide-active h2{-webkit-animation: fadeInUp 1s 0s ease both;animation: fadeInUp 1s 0s ease both;}
.banner_img .swiper-slide-active h3{-webkit-animation: fadeInUp 1s 0.1s ease both;animation: fadeInUp 1s 0.1s ease both;}
.banner_img .swiper-slide-active h4{-webkit-animation: fadeInUp 1s 0.2s ease both;animation: fadeInUp 1s 0.2s ease both;}
.banner_img .swiper-slide-active h5{-webkit-animation: fadeInUp 1s 0.3s ease both;animation: fadeInUp 1s 0.3s ease both;}
.banner_img .swiper-slide-active a{-webkit-animation: fadeInUp 1s 0.4s ease both;animation: fadeInUp 1s 0.4s ease both;}

.banner_img .img img{width: 100%;}

.banner_img .mouse{position: absolute;bottom: 50px;left: 50%;z-index: 999;text-align: center;width: 100px;margin-left: -50px;animation: mouse1 1.3s infinite;cursor: pointer;}
@keyframes mouse1{
	0%{bottom: 30px;}
	30%{bottom: 50px;}
	100%{bottom: 30px;}
}
/************************************ banner end ************************************/


.fp-right{ position: fixed; right: 20px; top: 50%; margin-top: -130px;z-index: 99999;}
.fp-right a{ display: block; width: 10px; height: 10px; border-radius: 50%; -webkit-border-radius: 50%;-moz-border-radius: 50%; background: #fff;opacity: .7; margin: 0 auto 20px;position: relative;}
.fp-right li { width: 17px;padding-bottom: 15px;position: relative;margin-bottom: 4px; }
.fp-right li span{display: none;}
.fp-right a::after{content: "";display: block;width: 30px;height: 30px;border: 1px solid #FFFFFF;border-radius: 50%;border-radius: 100%;position: absolute;left: -10px;top: -10px;opacity: 0;transition: .3s;}
.fp-right li a.active::after{opacity: 1;}


.ind_tit{margin-bottom: 40px;}
.ind_tit b{font-size: 36px;font-weight: bold;color: #000000;position: relative;float: left;line-height: 40px;}
.ind_tit b::before{content: "";display: block;width: 30px;height: 4px;background: #D51A28;position: absolute;left: 100%;top: 50%;margin-top: 0px;margin-left: 15px;}
.ind_tit .sel_list{float: right;}
.ind_tit .sel_list a{display: block;float: left;height: 40px;line-height: 40px;padding: 0 15px;background: #fff;}
.ind_tit .sel_list a+a{margin-left: 20px;}
.ind_tit .sel_list a:hover,.ind_tit .sel_list a.active{background: #000;color: #fff;}

.sec_tit{text-align: center;margin: 0 auto 30px;}
.sec_tit p{font-size: 36px;font-weight: bold;color: #000000;position: relative;display: inline-block;}
.sec_tit span{display: block;font-size: 16px;font-weight: 400;color: #333333;line-height: 36px;margin-top: 15px;}
.sec_tit p::after,.sec_tit p::before{content: "";display: block;width: 30px;height: 4px;background: #D51A28;position: absolute;top: 50%;}
.sec_tit p::after{left: 100%;margin-left: 15px;}
.sec_tit p::before{right: 100%;margin-right: 15px;}

/************************************ sec1 start ************************************/
.sec1{background: url(../images/sec1_bg.jpg) no-repeat center/cover;}

.pro_box{display: none;}
.pro_box.active{display: block;}
.pr_box{width: 50%;float: left;box-sizing: border-box;padding-right: 15px;}
.pr_box img{width: 100%;}
.ro_box{width: 50%;float: left;box-sizing: border-box;padding-left: 15px;}
.ro_box .pro_item{float: left;width: calc(50% - 15px);margin-right: 30px;position: relative;overflow: hidden;background:#fff;box-sizing: border-box;padding: 10px;}
.ro_box .pro_item:nth-of-type(1),.ro_box .pro_item:nth-of-type(2){margin-bottom: 30px;}
.ro_box .pro_item:nth-of-type(2n){margin-right: 0;}
.ro_box .pro_item img{width: 100%;transition: .4s;}
.ro_box .pro_item .desc{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;transition: .3s;}
.ro_box .pro_item .desc .sp{margin: auto;position: relative;}
.ro_box .pro_item .desc p{display: block;color: #fff;box-sizing: border-box;padding: 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 18px;font-weight: 400;opacity: 0;transition: .3s;}
.ro_box .pro_item .desc .sp::before{content: "";display: block;background: url(../images/pro_name1.png);width: 200px;height: 54px;position: absolute;top: -60px;left: 50%;margin-left: -100px;opacity: 0;transition: .3s .1s;transform: scale(1.5);}
.ro_box .pro_item .desc .sp::after{content: "";display: block;background: url(../images/pro_name2.png);width: 200px;height: 54px;position: absolute;bottom: -60px;left: 50%;margin-left: -100px;opacity: 0;transition: .3s .1s;transform: scale(1.5);}

.ro_box .pro_item:hover img{transform: scale(1.1);}
.ro_box .pro_item:hover .desc{background: rgba(0,0,0,.7);}
.ro_box .pro_item:hover .desc p{opacity: 1;}
.ro_box .pro_item:hover .desc .sp::before{opacity: 1;transform: scale(1);}
.ro_box .pro_item:hover .desc .sp::after{opacity: 1;transform: scale(1);}

/************************************ sec1 end ************************************/






/************************************ sec2 start ************************************/
.about_box {height: 100%;position: relative;}
.about_box .a_box{background: url(../images/ab_bg.png) no-repeat #FFFFFF;background-position: left center;width: 50%;float: left;height: 100%;background-size: auto 80%;}
.about_box .b_box{width: 50%;float: left;height: 100%;background-position: center !important;background-size: cover !important;}

.about_box .ab_box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.about_box .ab_box .ab_content{max-width: 650px;}
.about_box .ab_box .tit{font-size: 36px;font-weight: bold;color: #000000;display: inline-block;position: relative;}
.about_box .ab_box .tit::after{content: "";display: block;width: 30px;height: 4px;background: #D51A28;position: absolute;left: 100%;top: 50%;margin-top: 0px;margin-left: 15px;}
.about_box .ab_box .desc{font-size: 16px;font-weight: 400;color: #333333;line-height: 36px;margin: 35px 0 60px;}
.about_box .ab_box .desc p{text-indent: 2em;}
.about_box .ab_box .a_btn{background: #FFFFFF;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);border-radius: 30px;overflow: hidden;width: 280px;}
.about_box .ab_box .a_btn .a{line-height: 60px;width: 50%;float: left;text-align: center;border-radius: 30px;font-size: 18px;}
.about_box .ab_box .a_btn .a1{background: #D51A28;color: #FFFFFF;}
.about_box .ab_box .a_btn .a1:hover{background: #D51A28;}
.about_box .ab_box .a_btn .a2:hover{background: #D51A28;color: #fff;}

.about_box .more_a{background: #fff;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);width: 75%;padding: 35px 0 30px;margin-top: 100px;;}
.about_box .more_a_item{float: left;text-align: center;width: 16.666%;}
.about_box .more_a_item img{margin: 0 auto;transition: .5s;}
.about_box .more_a_item p{font-size: 16px;color: #666666;line-height: 36px;padding-top: 8px;}
.about_box .more_a_item:hover img{transform: rotate(360deg);}


/************************************ sec2 end ************************************/






/************************************ sec3 start ************************************/
.sec3{background: url(../images/sec3_bg.jpg) center/cover;}
.honor_box{position: relative;}
.swiper-container_honor {width: 100%;height: 100%;position: relative;overflow: hidden;box-sizing: border-box;padding: 0 18px;}
.honor_box .swiper-slide {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;transition: 300ms;transform: scale(0.8);}
.honor_box .swiper-slide-active,.honor_box .swiper-slide-duplicate-active{transform: scale(1);z-index: 999;}
.honor_box img{width: 140%;transition: .3s;margin-left: -20%;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);}
.honor_box .swiper-slide-active img{}
.honor_box .swiper-slide-next{z-index: 99;}
.honor_box .swiper-slide-next~.swiper-slide~.swiper-slide{opacity: 0;}

.honor_box .swiper-button-next::after,.honor_box .swiper-button-prev::after{display: none;}
.honor_box .swiper-button-next,.honor_box .swiper-button-prev{display: block;height: 81px;width: 42px;top: 50%;margin-top: -40px;outline: none;}
.honor_box .swiper-button-prev{background: url(../images/left1.png);left: -80px;}
.honor_box .swiper-button-next{background: url(../images/right1.png);right: -80px;}

/************************************ sec3 end ************************************/



/************************************ sec4 start ************************************/
.sec4{background: #F5F5F5;}
.xw_box{background: #fff;display: none;}
.xw_box.active{display: block;}
.xw_box .x_box{width: 50%;float: left;}
.xw_box .w_box{width: 50%;float: right;}
.xw_item{box-sizing: border-box;padding: 25px 50px;transition: .3s;}
.xw_item+.xw_item{border-top: 1px solid rgba(238, 238, 238, .5);}
.xw_item p{display: block;font-size: 24px;font-weight: 400;color: #222222;line-height: 36px;height: 36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;}
.xw_item span{display: block;font-size: 16px;font-weight: 400;color: #999999;line-height: 36px;height: 36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;}
.xw_item b{display: inline-block;font-weight: normal;height: 30px;line-height: 30px;background: #D51A28;border-radius: 4px;color: #fff;font-size: 14px;box-sizing: border-box;padding: 0 10px;transition: .3s;}
.xw_item i{display:inline-block;padding-left: 30px;background: url(../images/time1.png) no-repeat;background-position: left center!important;font-size: 16px;color: #CCCCCC;line-height: 30px;margin-left: 15px;transition: .3s;}

.xw_item2{position: relative;}
.xw_item2 .img{height: 462px;width: 100%;overflow: hidden;}
.xw_item2 .img .bg{display: block;width: 100%;height: 100%;background-position: center !important;background-size: cover !important;transition: .6s;}
.xw_item2 .desc{position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);box-sizing: border-box;padding: 25px 50px;}
.xw_item2 p{display: block;font-size: 24px;font-weight: 400;color: #fff;line-height: 36px;height: 36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xw_item2 span{display: block;font-size: 16px;font-weight: 400;color: #fff;opacity:0.5;line-height: 36px;height: 36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xw_item2 b{display: inline-block;font-weight: normal;height: 30px;line-height: 30px;background: #D51A28;border-radius: 4px;color: #fff;font-size: 14px;box-sizing: border-box;padding: 0 10px;}
.xw_item2 i{display:inline-block;padding-left: 30px;background: url(../images/time2.png) no-repeat;background-position: left center!important;font-size: 16px;color: #CCCCCC;line-height: 30px;margin-left: 15px;}
.xw_item2+.xw_item{border-left: 1px solid rgba(238, 238, 238, .5);}

.xw_item:hover{background: #D51A28;}
.xw_item:hover p,.xw_item:hover span{color: #fff;}
.xw_item:hover b{background: #fff;color: #D51A28;}
.xw_item:hover i{background: url(../images/time2.png) no-repeat;color: #fff;}
.xw_item2:hover .bg{transform: scale(1.1);}


/************************************ sec4 end ************************************/




/************************************ footer start ************************************/
.footer,.footer .fp-tableCell{height: auto!important;}
.footer .container{padding: 0;display: block;}

.foot1{background: url(../images/footer_bg.png) center/cover;box-sizing: border-box;padding: 100px 0;}
.foot1 .f_tit{font-size: 18px;font-weight: bold;color: #FFFFFF;line-height: 36px;}
.foot1 .f_tit::after{content: "";display: block;width: 30px;height: 4px;background: #D51A28;margin-top: 10px;}

.foot1 .f_nav{float: left;width: 60%;}
.foot1 .f_nav ul li{float: left;width: 33.33333%;}
.foot1 .f_nav ul li a{font-size: 16px;font-weight: 400;color: #999999;line-height: 30px;display: block;margin-top: 14px;}

.foot1 .f_lxwm{float: left;width: 20%;}
.foot1 .f_lxwm p{font-size: 16px;font-weight: 400;color: #999999;line-height: 36px;margin-top: 20px;}
.foot1 .f_lxwm p img{display: block;float: left;width: 20px;margin-top: 2px;}
.foot1 .f_lxwm p span{float: left;display: block;width: calc(100% - 20px);box-sizing: border-box;padding-left: 10px;line-height: 24px;}

.foot1 .f_more{float: right;width: 160px;}
.foot1 .f_more .ewm{margin: 15px 0 10px;background: #fff;text-align: center;box-sizing: border-box;width: 150px;padding: 8px;}
.foot1 .f_more .ewm img{width: 100%;}
.foot1 .f_more .ewm p{font-size: 14px;color: #666666;padding-top: 2px;}
.foot1 .f_a{margin-top: 20px;}
.foot1 .f_a .a{display: block;width: 40px;height: 40px;line-height: 36px;text-align: center;border: 1px solid rgba(255,255,255,.8);box-sizing: border-box;border-radius: 20px;float: left;}
.foot1 .f_a .a+.a{margin-left: 15px;}
.foot1 .f_a .a:hover{background: #D51A28;border: 1px solid #D51A28;}

.foot2{background: #121212;line-height: 30px;box-sizing: border-box;border-top: 1px solid rgba(255,255,255,.1);padding: 24px 0;}
.foot2 span,.foot2 a{font-size: 16px;font-weight: 400;color: #999999;}

.footer a:hover{color: #fff !important;}

/************************************ footer end ************************************/




.wap_class{display: none;}
.pc_class{display: block;}


.honor_list .img_box{height: auto!important;}
.honor_list .img_box .img{position: relative;left: 0;transform: translateX(0);height: auto;max-width: 200px;margin: 0 auto;}
.honor_list .img_box .img img{width: 100%;}
.honor_list .proo_item{padding: 15px 15px 0 15px;}



.pro_info img{display: block;max-width: 100%;margin: 0 auto;width: 100%;}

.show_xq .right{width: 600px;}

 
.cpxq .container{width: 1200px;}


@media screen and (max-width:1900px) {
	.h_container{width: 1420px;}
	.header .h_nav{margin-right: 0;}
	.banner_img .swiper-button-next{right: 80px;}
	.banner_img .swiper-button-prev{left: 80px;}
}
@media screen and (max-width:1650px) {
	.banner_img .img{width: 500px;}
	.banner_img .desc{width: calc(100% - 500px);}
	.banner_img .swiper-button-next{right: 20px;}
	.banner_img .swiper-button-prev{left: 20px;}
	.banner_img .pc_class  .desc{zoom: .85;}
	.banner_img .pc_class .swiper-button-next,.banner_img .pc_class .swiper-button-prev{zoom: .8;}
}
@media screen and (max-width:1460px) {
	.container{width: 1200px;}
	.about_box .ab_box .ab_content{max-width: 48%;}
	.about_box .ab_box .desc{margin: 10px 0 20px;}
	.about_box .more_a{margin-top: 40px;}
	.about_box .ab_box .desc{line-height: 34px;font-size: 15px;}
	.xw_item{padding: 20px 40px;}
	.xw_item p{font-size: 20px;line-height: 30px;height: 30px;}
	.xw_item span{font-size: 14px;line-height: 30px;height: 30px;}
	.xw_item2 .img{height: 396px;}
	
	.h_container{width: 1200px;}
	.header .h_more .h_item{padding: 0 15px;}
	.header .h_nav ul>li{margin: 0 15px;}
	.header .h_nav{margin-right: 20px;}
	
	.list_dh ul>li>a{font-size: 16px;}
	.list_dh ul>li{margin-right: 20px;}
	
	.show_xq .right{width: 600px;}
}

@media screen and (max-width:1260px) {
	.container{width: 1160px;}
	.cpxq .container{width: 1160px;}
	.show_xq .right{width: 560px;}
}
@media screen and (max-width:1199px) {
	
	.foot2 .container{padding-top: 0 !important;}
	.wap_class{display: block;}
	.pc_class{display: none;}
	.container{width: 100%;box-sizing: border-box;padding: 0 20px;}
	.cpxq .container{width: 100%;}
	.fp-right{margin-top: -60px;}
	.fp-right li{padding-bottom: 10px;width: auto;}
	.fp-right a{height: 6px;width: 6px;margin: 0;}
	.fp-right a::after{height: 12px;width: 12px;top: -3px;left: -3px;}
	
	.banner_img .swiper-button-next, .banner_img .swiper-button-prev{zoom: .7;}
	.ind_tit .sel_list a{font-size: 14px;}
	.ind_tit .sel_list a+a{margin-left: 10px;}
	
	.about_box .b_box{display: none;}
	.about_box .ab_box .ab_content{max-width: 100%;}
	.about_box .more_a{width: 100%;}
	.ro_box .pro_item .desc .sp::before{display: none;}
	.ro_box .pro_item .desc .sp::after{display: none;}
	.ro_box .pro_item .desc p{font-size: 14px;}
	.ind_tit .sel_list{margin-top: 10px;}
	
	.fp-tableCell .container{padding-top: 60px;}
	.ny_banner{padding-top: 60px!important;} 
	.list_dh ul>li>a{font-size: 14px;height: 30px;line-height: 30px;}
	.list_dh ul>li{line-height: 30px;margin-right: 15px;}
	.li_search{display: none;}
	.dh_nav{padding: 10px 0;}
	
	.show_xq .right{width: calc(100% - 400px);box-sizing: border-box;padding-left: 20px;}
	.show_xq .left{width: 400px;}
	.swiper-container_img{width: 100%;margin: 0px;}
	.show_xq .swiper-button-next, .show_xq .swiper-button-prev{top: 50%;margin-top: -20px;}
	.show_xq .swiper-button-next{right: 10px;}
	.show_xq .swiper-button-prev{left: 10px;}
	.sml_img{padding: 0;margin-top: 15px;}
	.cloudzoom-blank,.cloudzoom-zoom{display: none!important;}
	.pro_info .container{padding: 0;}
}

@media screen and (max-width:820px) {
	.ind_tit b{font-size: 32px;float: none;}
	.ind_tit .sel_list{float: none;margin-top: 15px;}
	
	.foot1 .f_nav,.foot1 .f_lxwm{display: none;}
	.foot1{padding: 30px 0 50px;}
	.foot1 .f_more{margin: 0 auto;float: none;}
	.foot2{text-align: center;line-height: 16px;padding: 15px 0;}
	.foot2 span, .foot2 a{font-size: 12px;}
	.footer .fl,.footer .fr{float: none;}
	.foot1 .f_tit{text-align: center;}
	.foot1 .f_tit::after{margin: 10px auto 0;}
	.ind_tit .sel_list a{margin-bottom: 5px;margin-left: 0!important;margin-right: 5px;}
	
	.proo_item{width: 48%;margin: 0 1%!important;margin-bottom: 10px!important;}
	.foot1 .f_more .ewm{margin: 15px 0;width: 100%;}
}
@media screen and (max-width:768px) {
	.tem36-news-list .text{width: 100% !important;padding: 10px 0 0;}
	.tem01-title .show_pro_tit p,.tem05-title .title span{font-size: 24px!important;line-height: 36px!important;}
	.show_xq .left{width: 100%;float: none;}
	.show_xq .right{width: 100%;float: none;padding-left: 0;}

}
@media screen and (max-width:720px) {
	.pr_box{display: none;}
	.ro_box{width: 100%;max-width: 600px;margin: 0 auto;float: none;}
	.ind_tit .sel_list a{font-size: 12px;padding: 0 8px;}
	.ind_tit b{font-size: 28px;}
	.about_box .ab_box .tit{font-size: 28px;}
	.about_box .ab_box .a_btn{width: 240px;}
	.about_box .ab_box .a_btn .a{font-size: 14px;height: 50px;line-height: 50px;}
	.about_box .ab_box .desc{font-size: 14px;line-height: 28px;}
	.about_box .more_a{padding: 20px 0 5px;}
	.about_box .more_a_item{width: 33.3333%;margin-bottom: 5px;}
	.about_box .more_a_item p{font-size: 14px;padding-top: 0;}
	
	.honor_box img{width: 100%;margin: 0;}
	
	.sec_tit p{font-size: 28px;}
	.sec_tit span{font-size: 12px;line-height: 18px;}
	.ind_tit{margin-bottom: 20px;}
	
	.xw_item2 .desc{padding:25px 20px 15px;}
	.xw_item{padding: 15px 20px 15px;border-top:1px solid rgba(238, 238, 238, .5);}
	.xw_box .w_box{width: 100%;float: none;}
	.xw_item2 .img{height: 300px;}
	.xw_box .x_box{width: 100%;}
	.xw_item2 p,.xw_item p{font-size: 18px;line-height: 24px;height: 24px;}
	.xw_item2 span{font-size: 14px;}
	.xw_item2 i,.xw_item i{font-size: 12px;}
	
	.xw_box .x_box .xw_item:nth-of-type(3),.xw_box .x_box .xw_item:nth-of-type(4),.xw_box .x_box .xw_item:nth-of-type(5){display: none;}
	
	.sec3 .container{padding: 0;}
	.sec3 .sec_tit{box-sizing: border-box;padding: 0 10px;}
}

@media screen and (max-width:560px) {
	.ro_box .pro_item{margin-right: 10px;width: calc(50% - 5px);}
	.ro_box .pro_item:nth-of-type(1), .ro_box .pro_item:nth-of-type(2){margin-bottom: 10px;}
	.ro_box{padding-left: 0;}
	.about_box .ab_box .desc{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;height: 112px;}
	.about_box .ab_box .a_btn .a{height: 45px;line-height: 45px;}
	.about_box .more_a_item img{zoom: .8;}
	.about_box .ab_box .tit::after{position: relative;left: auto;margin-top: 10px;margin-left: 0;width: 50px;height: 3px;}
	
	.xw_item2 .img{height: 200px;}
	.xw_box .x_box .xw_item:nth-of-type(2){display: none;}
	.foot1{padding: 20px 0 30px;}
	
	.xw_item2 .desc{padding: 25px 15px 15px;}
	.xw_item{padding: 15px 15px 15px;}
	
	.container{padding: 0 10px;}
	
	.list_dh ul>li>a{font-size: 12px;}
	
	
	.proo_item .img_box{height: 120px;} 
	.list_proo{margin-top: 15px;}
	
}


.fuwenben img{display: block;margin: 0 auto;}
.black_bg{background: #000;}

.ny_banner{box-sizing: border-box;padding-top: 80px;}

.xxq{background: #252525;} 


.firstDown{position: absolute;left: 50%;bottom: 40px;z-index: 9999999;font-size: 40px;color: #fff !important;animation: mouse1 1.3s infinite;margin-left: -20px;}
@keyframes mouse1{
	0%{bottom: 30px;}
	30%{bottom: 50px;}
	100%{bottom: 30px;}
}




.my-map { margin: 0 auto; width: 100%;height: 400px; } .my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }


.headliner {margin: 80px 0 40px;text-align: center;}
.headliner b {line-height: 30px;font-size: 30px;padding-top: 27px;color: #D51A28;z-index: 1;text-align: center;font-weight: bold;position: relative;letter-spacing: 1px; margin:0 auto;}
.headliner p {line-height: 40px;font-size: 18px;color: #fff;text-align: center;margin-top: 0;}
.contactus {height: 320px;width: 100%;margin: 0 auto;margin-bottom: 30px;} 
.contactus ul {list-style: none;padding: 0 !important;width: 100%;}
.contactus ul li {float: left;width: 32%; margin-right:2%; height: 320px;text-align: center;background: #252529;transition:0.6s;box-sizing: border-box;padding: 0 10px;}
.contactus ul li:nth-of-type(3){margin-right: 0;}
.contactus ul li:hover {transition:0.6s;transform: scale(1.1);}
.contactus ul li:hover em{transform: scale(1);}
.contactus ul li:hover i{transform: scale(1);}
.contactus ul li:hover span{transform: scale(1);}
.contactus ul li em {height: 60px;margin-top: 60px;display: block;}
.contactus ul li em img {display: block;margin: 0 auto;}
.contactus ul li i {display: block;font-style: normal;font-size: 20px;font-weight: bold;color: #fff;}
.contactus ul li span {display: block;font-size: 18px;color: #999;padding: 20px 0px 50px; line-height:25px;}

.contact-ly{box-sizing: border-box;margin-bottom: 80px;}
.contact-ly-cont{width: 100%;text-align: center;box-sizing: border-box;}
.contact-vs img,.contact-ly img{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.contact-ly img {width: 22px !important;}
.contact-ly-title{margin-bottom: 35px;}
.contact-ly-title h3{font-size: 36px;font-weight: normal;}
.contact-ly-title p{color: #707070;font-size: 24px;}
.contact-ly-c label{width: 49%;display: block;float: left;padding: 12px 20px;box-sizing: border-box;border: 1px solid #252529;margin-right: 2%;margin-bottom: 24px;text-align: left;background: #252529;}
.contact-ly-c label:nth-of-type(2n){margin-right: 0;}
.contact-ly-c label span{font-size: 17px;color: #999;display: inline-block;vertical-align: middle;padding-right: 5px;padding-left: 6px;margin-right: 5px;font-weight: normal;}
.contact-ly-c input{font-size:16px;height: 24px;line-height: 24px;position: relative;top: 1px;display: inline-block;*display: inline;*zoom: 1;width: 67%;border: none;color: #999;font-weight: normal;}
.contact-ly-c textarea{width: 100%;border: 1px solid #252529;padding: 18px 20px;display: block;height: 200px;box-sizing: border-box;resize: none;font-size: 16px;color: #999;background: #252529;}
.contact-ly-c textarea:-moz-placeholder{color: #fff;}
.contact-ly-c .submit{width: 137px;height: 44px;font-size: 16px;line-height: 44px;background-color: #D51A28 ;background-position: 26px center;background-repeat: no-repeat;color: #fff;border-radius: 2px;margin-top: 50px;cursor: pointer;transition: all .8s;}
.contact-ly-c .submit:hover{background-color: #D51A28;}
.contact-zx{margin-top: 70px;position: relative;}
.contact-zx .ves{position: absolute;bottom: 26px;left: 52%;transform: translateX(-50%);-webkit-transform: translateX(-50%);background: #fff;width: 330px;text-align: center;padding: 10px 30px 10px;}
.contact-zx .ves p{font-size: 16px;color: #666;margin-bottom: 8px;}
.contact-zx .ves a{color: #E4711E ;font-size: 16px;}
.contact-text{padding-bottom: 62px;width: 100%;overflow: hidden;}

.contact-ly-c label p{width: 130px;display: block;float: left;}
.contact-ly-c label input{float: left;width: calc(100% - 130px) !important;margin: 0!important;}

@media screen and (max-width:780px) {
	.headliner{margin: 50px 0 30px;}
	.headliner b{font-size: 24px;}
	.headliner p{font-size: 14px;line-height: 24px;}
	.contactus ul li span{font-size: 14px;}
	.contactus ul li{height: 250px;}
	.contactus ul li em{margin-top: 40px;}
	.contactus{height: auto;}
}
@media screen and (max-width:600px) {
	.contactus ul li{height: auto;width: 100%;margin-bottom: 15px;transform: scale(1)!important;}
	.contactus ul li em{margin-top: 20px;}
	.contactus ul li span{padding: 20px 0 30px;}
	.contact-ly-c label{width: 100%;margin-bottom: 10px;padding: 12px 10px;}
	.contact-ly-c label span{font-size: 16px;}
	.contact-ly{margin-bottom: 60px;}
	.contact-ly-c .submit{margin-top: 30px;}
}