blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body{font-family: 'arial','microsoft yahei';font-size: 14px;line-height: 1.8;background:#fff;color: #333;}
a{font-size:14px;text-decoration:none;  color: #222;transition: all .6s; }
a:hover{color: #E22A22; }
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none; font-family:"microsoft yahei"; line-height: normal;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.u_hidden{ display: none;}
.fl{float:left;}
.fr{float:right;}
.z-container {width: 1240px;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;overflow: hidden;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.header{width: 100%;height: 90px;position: fixed;background: #fff;top: 0;box-shadow: 0px 0px 10px #555;z-index: 12;transition: all .8s;}
.header .logo{z-index: 10;display: inline-block;margin-top: 14px;transition: all .8s;}
.header_nav{line-height: 90px;float: right;display: flex;justify-content: space-between;}
.header_nav li{display: inline-block;width: 130px;margin-right: 0;text-align: center;height: 50px;position: relative;line-height: 50px;margin-top: 20px;} 
.header_nav li a{display: inline-block;font-family: "microsoft yahei";position: relative;font-size: 18px;letter-spacing: 0.5px;transition: all .4s;}
.header_nav li:before{content: "";display: block; width: 100%; height: 100%; background: url(../images/navbg.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0; transition: all .8s; opacity: 0;}
.header_nav li.active:before,.header_nav li:hover:before{  opacity: 1; }
.header_nav li.active a,.header_nav li:hover a{ color: #fff;}
.banner img{ width: 100%; vertical-align: bottom;}
.swiper-slide .img{width:100%;transition:ease 3s;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto;flex-shrink: 0;width: 100%; position: relative;} 
.swiper-container {margin: 0 auto;  position: relative; overflow: hidden;  z-index: 1;}
.swiper-wrapper { position: relative; width: 100%;z-index: 1;display: -webkit-box;display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex; display: flex;}
.swiper-wrapper1 { margin-left:-1%; margin-right:-1%;}
.swiper-pagination{ height: 18px;text-align: center ;  display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; z-index: 999;}
.swiper-pagination:before{ content: ""; display: block; width: 100%; height: 1px; background: #E22A22; position: absolute; left: 0; top: 50%; z-index: -1;}
.swiper-pagination span{display: inline-block; width: 18px; height: 18px; background: url(../images/dot3.png) no-repeat center; margin: 0 10px; transition: all .5s; cursor: pointer; }
.swiper-pagination-bullet-active{  background: url(../images/dot4.png) no-repeat center!important;}
.swiper-pagination span:first-child{ margin-left: 0;}
.swiper-pagination span:last-child{ margin-right: 0;}
.banner .swiper-pagination{ text-align: center ;display: inline-block;  width: 10px; z-index: 999;}
.banner_btn{ display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; position: relative; z-index: 11; cursor: pointer;}



.banner_btn img{ vertical-align: middle; width: auto;}
.banner_btn:before{ content: ""; display: block; width: 100%; height: 100%; border:1px solid rgba(225,225,225,.3); position: absolute; left: 0; top: 0; transform: rotate(-135deg); transition: all .9s;}

.banner_btn:hover:before{ background: #e22a22; z-index:-1 ; transform: rotate(135deg); border-color: #E22A22;}
.arrow-left{position: absolute;left: 100px;top: 50%;margin-top: -30px;}
.arrow-right{position: absolute;right: 100px;top: 50%;margin-top: -30px;}
.mouse_btn{ display: inline-block; text-align: center; position: absolute; left: 50%; bottom: 38px; transform: translateX(-50%); -webkit-transform: translateX(-50%);z-index: 10; color: #fff;}
.mouse_btn img{ width: auto;}
.mouse_btn h3{margin-top: 10px;}
.scroll-box{height: 80px;line-height: 80px;overflow: hidden;background: #fff;}
.scroll-box .bd{padding-left: 45px; box-sizing: border-box; background: url(../images/msgicon.png) no-repeat left center; height: 80px;}
.scroll-box li{height: 80px; }
.scroll-box li .ellipsis{  width: 70%; display:inline-block;}
.scroll-box li .fr{color: #5d5d5d;}
.scroll-box li a{ display: block; width: 100%; height: 100%;}
.scroll-box li:hover .fr{ color: #E22A22;}
.z_seemore{ width: 60px; height: 20px;display:inline-block; line-height: 20px; }
.z_seemore em{ display:inline-block;width: 50px; height: 2px; background: #e22a22;transition:ease .5s; margin-left: 10px; position: relative;}
.z_seemore:hover em:before,.part_box .text_box:hover .z_seemore em:before{  transform: translateX(50px);}
.z_seemore em:before{display: block;  content: ""; width: 20px; height: 20px;border:2px solid #e22a22; border-radius: 50%; position: absolute; left: -9px; top: -9px; transition:ease .5s;box-sizing: border-box; }

.part_box{ position: relative; width: 100%; height: 460px;}
.part_box .text_box,.part_box .img_box,.part_box .img_box .img{ height: 460px;}
.part_box .text_box{ width: 40%; display: flex; align-items: center;}
.part_box .img_box{ width: 50%; position: absolute; right: 0;top: 0; overflow: hidden;}
.part_box .img_box .img{ transition: all .8s;}
.part_box:nth-child(even) .img_box{ position: absolute; left: 0; top: 0;}
.part_box:nth-child(odd){background: url(../images/pro1_bg.jpg) no-repeat left top;}
.part_box:nth-child(even){ background: url(../images/pro_bg2.jpg) no-repeat right top;}
.part_box:nth-child(even) .text_box{ float: right;}
.part_box .img_box:hover .img{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.part_box .tit h3{ font-size: 34px;}
.part_box .tit span{text-transform: uppercase;}
.part_box .text{margin: 50px 0;line-height: 2;color: #444;}
.index_pro{background: url(../images/probg.jpg) center;text-align: center;padding: 100px 0;}
.index_pro .index_tit{margin-bottom: 40px;}
.pro_list{ position: relative;}
.pro_list .img{width: 100%;display: flex;justify-content: center;align-items: center;position: relative;z-index: 2;overflow: hidden;}
.pro_list .img img{ max-width: 100%; max-height: 100%; transition: all .8s;}
.pro_list li:hover .img img{ transform: scale(1.1,1.1);}
.pro_list li:hover .z_seemore em:before{  transform: translateX(50px);}
.pro_list .tit{margin-top: 30px;}
.pro_list .tit h3{font-weight: bold;margin-bottom: 7px;font-size: 18px;line-height: 1.5;}
.pro_list .tit p{color: #666;line-height: 1.5;}
.pro_list .z_seemore{margin-top: 26px;margin-bottom: 10px;}
.pos .arrow-left{ left:-130px}
.pos .arrow-right{ right:-130px}
.arr_btn{ display: block; width: 50px; height: 50px; text-align: center; line-height: 50px;  z-index: 11; cursor: pointer; }
.arr_btn em{ display: block; width: 100%; height: 100%;overflow: hidden;}
.arr_btn img{width: auto; transition: all .8s;}
.arr_btn:before{ content: ""; display: block; width: 100%; height: 100%; border:1px solid #e22a22; position: absolute; left: 0; top: 0; transform: rotate(-135deg); transition: all .9s;}
.arr_btn:hover:before{ background: #e22a22; z-index:-1 ; transform: rotate(135deg); border-color: #E22A22;}
.arr_btn:hover img{ transform: translateY(-50px);}

.index_zs{width: 100%;padding: 180px 0;}
.index_zs .z-container{ display: flex; align-items: center; justify-content: space-between;}
.index_zs .text_box{ width: 44%; color: #fff;}
.index_zs .text_box .tit{ margin-bottom: 40px;}
.index_zs .desc{line-height: 2;font-family: "microsoft yahei";}
.index_zs .icon_box .box{width: 180px;height: 180px;text-align: center;margin-left: 10px;float: left;display: flex;justify-content: center;align-items: center;position: relative;z-index: 1;} 
.index_zs .icon_box .box:before{content: ""; width: 100%; height: 100%;background: url(../images/zs_bg1.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: all .8s;}
.index_zs .icon_box h3{margin-top: 7px;}
.index_zs .icon_box img{width: 50px;transition: all .6s;}
.index_zs .icon_box .box:hover img{ transform:rotate(360deg);}
.index_zs .icon_box a{color: #fff;line-height: 1.7;}
.index_zs .icon_box .box:last-child:before{ background: url(../images/zs_bg2.png) no-repeat center; background-size: 100% 100%;  }
.pos{ position: relative;}
.index_news{ background: url(../images/news_bg.png)no-repeat bottom center / cover; padding: 100px 0;}
.index_news .index_tit{text-align: center;margin-bottom: 50px;}
.news_list .img{position: relative;overflow: hidden;line-height: 0;}
.news_list li{margin: 55px 1%;margin-bottom: 10px;position: relative;width: 31.333333333%;float: left;}
.news_list .img img{width: 100%;transition: all .6s;}
.news_list .time{display: block;z-index: 9;width: 90px;padding: 15px 0;line-height: 1.3;transition: all .8s;text-align: center;background: #E22A22;color: #fff;position: absolute;left: 20px;top: -45px;}
.news_list .time em{display: block;font-size: 36px;}
.news_list li h3{height: 30px;font-family: "microsoft yahei";line-height: 30px;font-weight: 700;font-size: 18px;margin: 30px 0 10px 0;}
.news_list li p{height: 52px;line-height: 1.8;color: #676767;margin-bottom: 35px;font-family: "microsoft yahei";}
.news_list li:hover .z_seemore em:before{  transform: translateX(35px);}
.news_list li:hover .time{ transform: translateY(45px);}
.news_list li:hover img{ transform: scale(1.1,1.1);}
.foot{height: 470px;background: #333;background-attachment: fixed;padding: 100px 0;box-sizing: border-box;}
.foot_logo{ text-align: center; margin-bottom: 80px;}
.foot_nav{ border-right:1px solid rgba(255,255,255,.4);display: inline-block;float: left; margin-right: 70px;}
.foot_nav a{ color: #fff; display: block;}
.foot_nav dl{ display: inline-block; vertical-align: top; margin-right: 70px;}
.foot_nav dt a,.foot_addre h3{ font-size: 18px; margin-bottom: 40px;}
.foot_nav dd a{ margin-bottom: 20px; font-family: "microsoft yahei";}
.foot_nav dd a:hover{ color: #E22A22;}
.foot_addre{  color: #fff;}
.foot_addre .tel{ font-size: 24px; margin-bottom: 10px; display: block;}
.foot_addre .code{ width: 110px; height: 110px; margin-top: 30px;}
.footerbar{ height: 80px; line-height: 80px; background: #111; color: #666666; font-family: "microsoft yahei";}
.footerbar a{color: #666666;}

.other_banner{position: relative;text-align: center;overflow: hidden; margin-top:90px;}
.other_banner .banner_text{ color: #fff;}
.other_banner .banner_text h3{font-size: 44px;font-weight: bold;line-height: 1.2;margin-bottom: 1px;}
.other_banner .banner_text h4{font-size: 22px;}
.other_banner img{width: 100%;animation: zoombig 3s linear forwards;}
@keyframes zoombig {
	0%{transform: scale(1.2,1.2);} 

	100%{transform: scale(1,1);}
}

.banner_text{width: 100%;position: absolute;left: 0;top: 52%;transform: translateY(-50%);}
.banner_text img{ max-width: 100%;  display: block;}
.line33 {
  background-color: #fff;
  display: block;
  width: 30px;
  height: 3px;
  margin: 15px auto 15px auto;
}

.page_nav{ text-align: center; background: #e22a22; height: 80px; line-height: 80px;}
.page_nav ul{}
.page_nav li{display:inline-block;height: 56px;line-height: 56px;margin: 0 20px;padding: 0 40px;position: relative;z-index: 1;}
.page_nav li a{ color: #fff; font-size: 15px; font-family: "microsoft yahei"; display: block; width: 100%; height: 100%;}

.page_nav li:before{ content: ""; display: block;background: url(../images/nav_bg2.png) no-repeat center; z-index: -1; background-size: 100% 100%; width:0; height: 100%; position: absolute; left: 50%; top: 0; transition: all .8s;}
.page_nav li.active:before,.page_nav li:hover:before{ width: 100%;left: 0;}
.about_brand{ width: 100%; background: url(../images/about_bg1.png)no-repeat center; padding: 100px 0; text-align: center;}
.about_tit em{font-size: 36px;color: #000;position: relative;/* padding-left: 24px; */margin-right: 5px;}
.about_tit em:before{content: "";display: block;width: 18px;height: 18px;/* background: url(../images/dot.png) no-repeat center; */background-size: 100% 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.about_tit img{ vertical-align:middle);}
.about_tit2 em:before{background: url(../images/dot2.png) no-repeat center; background-size: 100% 100%; }
.brand_text{ margin: 80px auto; width: 80%; line-height: 36px;font-family: "microsoft yahei"; font-size: 15px; }
.about_more{ display: block; width: 180px; height: 50px; background: url(../images/morebg.png) no-repeat center; background-size: 100% 100%; text-align: center; line-height: 50px; color: #fff; margin: 0 auto;}
.about_num{width: 100%; height: 600px; background: url(../images/about_bg2.jpg) no-repeat center; display: flex; justify-content: center; align-items: center;}
.about_num ul{text-align: center;}
.about_num li{ display: inline-block; color: #fff; padding: 20px 60px; border-right:1px solid rgba(255,255,255,.3); font-size: 20px;}
.about_num li em{ font-size: 44px;}
.about_num li:last-child{ border-right: none;}
.about_story{ background: #f5f2ea;  text-align: center;}
.about_story .z-container{background: url(../images/about_bg3.png) no-repeat bottom center;}
.story_text{margin: 40px auto 0;line-height: 2;width: 100%;text-align: left;font-size: 14px;}
.about_gy{ width: 100%;  padding: 110px 0;}
.gy_box{width: 440px;height: auto;background:url(../images/gy_bg.png) no-repeat center;background-size: 100% 100%;color: #fff;padding: 120px 60px;box-sizing: border-box;text-align: center;}
.gy_box .text{margin: 40px auto;line-height: 2;font-family: "microsoft yahei";font-size: 15px;text-align: left;}
.z_seemore2 em{ background:#ef7670;}
.z_seemore2 em:before{ border-color: #EF7670;}
.m_banner{ width: 100%;}
.m_banner img{ vertical-align: bottom;}
.about_honor{ padding: 90px 0; background: url(../images/about_bg5.jpg) no-repeat bottom center;}
.about_honor .about_tit{ text-align: center; margin-bottom: 60px;}
.gallery-thumbs .swiper-slide{ font-size: 16px; font-family: arial; color: #666666;}
.gallery-thumbs .swiper-slide-active{ font-size: 40px; color:#333333; }
.yearbar{ width: 70%; margin: 40px auto; text-align: center; height: 50px; line-height: 50px; position: relative; margin-bottom: 80px;}
.yearbar .btn{ display: block; width: 48px; height: 48px; border-radius: 50%; background: #fff; box-sizing: border-box; text-align: center; line-height: 48px; z-index: 9999; cursor: pointer;}
.yearbar .swiper-button-next{ position: absolute; right: 35%; top: 0; background: url(../images/cir_r.png) no-repeat center; background-size: 100% 100%; }
.yearbar .swiper-button-next:before{ content:"";display: block; width: 180px; background:url(../images/line_r.png) no-repeat center; background-size: 100% auto; height: 20px; position: absolute; right: -180px; top: 15px; z-index: 9999;}
.yearbar .swiper-button-prev{ position: absolute; left: 35%; top: 0; background: url(../images/cir_l.png) no-repeat center; background-size: 100% 100%;}
.yearbar .swiper-button-prev:before{ content:"";display: block; width: 180px; background:url(../images/line_l.png) no-repeat center; background-size: 100% auto; height: 20px; position: absolute; left: -180px; top: 15px; z-index: 9999;}
.honor_list{}
.honor_list .ul{ margin-left: -1%; margin-right:-1%;}
.honor_list .li{width: 31.3333333333%;float: left;margin-left: 1%;margin-right: 1%;}
.honor_list .img{width: 100%;position: relative;line-height: 0;}
.honor_list .img>img{ width: 100%; }
.honor_list .icon{ display: block; width: 40px; height: 40px; background: url(../images/sou.png) no-repeat center; background-size: 100% auto;transition: all .8s; transform: scale(3,3); }
.honor_list .mask{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/honor_bg.png) no-repeat center; background-size: 100% 100%; display: flex; justify-content: center; align-items: center; transition: all .4s; opacity: 0;}
.honor_list .li:hover .mask{opacity: 1;}
.honor_list .li:hover .icon{ opacity: 1; transform: scale(1,1);}
.honor_list .tit{ line-height: 70px; margin-bottom: 10px; font-size: 16px; text-align: center;}
#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%; height:100%;background:rgba(0,0,0,.8);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}#zoom .content{z-index:99991;position:absolute;top:50%;left:50%;width:200px;height:200px;background:#fff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0,0,0,.3);border-radius:4px}#zoom .content.loading{background-image:url(../images/loading.gif)}#zoom img{display:block;max-width:none;background:#ececec;box-shadow:0 1px 3px rgba(0,0,0,.25);border-radius:4px}#zoom .close{z-index:99993;position:absolute;top:0;right:0;width:49px;height:49px;cursor:pointer;background:transparent url(../images/close.png) no-repeat 50% 50%;opacity:1;filter:alpha(opacity=100);border-radius:0 0 0 4px}#zoom .previous,#zoom .next{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px}#zoom .previous{left:0;background:url(../images/icons/arrows.png) no-repeat 0 0;border-radius:0 4px 4px 0}#zoom .next{right:0;background:url(../images/icons/arrows.png) no-repeat 100% 0;border-radius:4px 0 0 4px}#zoom .close:hover{background-color:#da4f49}#zoom .previous:hover,#zoom .next:hover{background-color:#08c}

.page_content{}
.page_content:before{ content: ""; display: block; width: 100%; height: 100%;  position: absolute; left: 0; top: 0;z-index: -1;} 
.about_tit{text-align: left;}
.page_tit{ font-size: 32px;}
.product_list ul{margin-left: -1%;margin-right: -1%;margin-top: 50px;}
.product_list li{width: 31.333333333%;position: relative;float: left;margin-left: 1%;margin-right: 1%;text-align: center;margin-bottom: 50px;}  
.product_list li .img{width: 100%;position: relative;background: url(../images/box.jpg) no-repeat center;display: flex;justify-content: center;align-items: center;padding: 40px;box-sizing: border-box;}
.product_list li img{max-width: 100%; max-height: 100%;}
.product_list li .text{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;top: 0;background: url(../images/box2.jpg) no-repeat center;transition: all .8s;opacity: 0;}
.product_list li .mask{ width: 100%; padding: 0 40px; box-sizing: border-box; color: #fff;}

.product_list li .text h3{ font-size: 18px; margin-bottom: 10px;}
.product_list li .text p{text-align: center;color: #efd6d5;line-height: 26px;font-family: "microsoft yahei";}
.product_list li:hover .text{ opacity: 1;}
.product_list li .tit{font-size: 18px;margin-top: 20px;}
.about_more2{ background: url(../images/nav_bg3.png) no-repeat center; background-size: 100% 100%; color: #E22A22;}



.page_tit2 em{ font-size: 28px;}
.pro_content{background: #fff;padding:40px;margin-top: 40px;margin-bottom: 40px;box-sizing: border-box;}
.pro_banner .swiper-slide{text-align: center;}
.pro_banner .swiper-slide img{ vertical-align: middle;}
.pro_banner{position: relative;}

.pro_banner .arrow-left{ left: 15px;}
.pro_banner .arrow-right{ right: 15px;}
.pro_cs{ margin: 40px 0; font-family: "microsoft yahei";}
.pro_cs table{ width: 100%; }
.pro_cs table .tit{width: 30%;font-size: 18px;color: #333;}
.pro_cs table td{ padding: 20px 0; border-bottom:1px solid #dbd5d5; color: #555555; line-height: 30px; font-size: 16px;}
.pro_cs table{ border-top:1px solid #dbd5d5; color: #333;}
.proxq_pic{ }
.proxq_pic img{ max-width: 100%;}
.proxq_pic p{ margin-bottom:10px;}


.topbtm_bar{display: flex;align-items: center;justify-content: space-between;margin: 0 auto;}
.topbtm_bar em{ display: inline-block; height: 16px; overflow: hidden; width: 30px; vertical-align: middle; margin-right: 10px;}
.topbtm_bar em img{ width: 100%;transition: all .8;}
.topbtm_bar a:last-child em{ margin-left: 10px;}
.topbtm_bar a{ font-size: 18px;}
.topbtm_bar a:hover em img{ transform: translateY(-16px);}
.topbtm_bar a:hover{ color: #E22A22;}
.topbtm_bar .back{ display: inline-block; border-bottom:2px solid #73716f; padding-bottom: 3px;}
.topbtm_bar .back:hover{ color: #E22A22;border-bottom:2px solid #E22A22; }
.news_bar li{ padding: 40px 0; border-bottom:1px solid #cccccc; position: relative;}
.news_bar li:before{ content: ""; display: block; width: 0%; height: 1px; background: #E22A22;transition: all .8s; position: absolute; left: 0; bottom: 0;}
.news_bar ul{ margin-bottom: 80px;}
.news_bar .time{ float: left;}
.news_bar .time em{ font-size: 46px; font-weight: bold; display: block; transition: all .8s;}
.news_bar .img{ width: 200px; height: 120px; float: left; margin: 0 40px; overflow: hidden;} 
.news_bar .img img{ width: 100%; height: 100%; transition: all .8s;}
.news_bar li:hover img{transform: scale(1.1,1.1);}
.news_bar li:hover:before{ width: 100%;}
.news_bar li:hover em{ color: #E22A22;}
.news_bar li .info h3{ font-size: 18px; margin: 15px 0; transition: all .8s;}
.news_bar li .info p{ font-family: "microsoft yahei"; color: #555555; line-height: 26px;}
.news_bar li:first-child{border-top:1px solid #cccccc;}
.news_bar li:hover h3{color: #E22A22;}
.artic_tit{text-align: center;font-weight: bold;font-size: 28px;line-height: 1.5;}
.artic_bar{height: 70px;line-height:70px;border-bottom:1px solid #dddddd;border-top:1px solid #dddddd;margin: 40px 0;text-align: center;width: 100%;}
.artic_bar span{font-family: "microsoft yahei";color: #888888; display: inline-block!important; margin: 0 25px;}
 .artic_bar .bdshare-button-style0-16:after{ display: inline-block!important;}
 .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{ float: none!important;}
.artic_content{color: #444444;line-height: 2;}
.artic_content p{ margin-bottom:12px;}
.artic_content img{ max-width: 100%;}

.yg_warp,.ly_warp{ padding: 100px 0; background: url(../images/yg_bg.jpg) no-repeat bottom center;}
.yg_warp .about_tit,.zp_warp .about_tit{ margin-bottom: 80px;}
.yg_list{ margin-left: -2.7%; margin-bottom: 50px;}
.yg_list .li{ width: 30.6%; float: left; margin-left: 2.7%;}
.yg_list .img{ width: 100%; height: 250px; position: relative;}

.yg_list .img img{ width: 100%; height: 100%;}

.yg_list .icon{ display: block; width: 40px; height: 40px; background: url(../images/sou.png) no-repeat center; background-size: 100% auto;transition: all .8s; transform: scale(3,3); }
.yg_list .mask{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/honor_bg.png) no-repeat center; background-size: 100% 100%; display: flex; justify-content: center; align-items: center; transition: all .4s; opacity: 0;}
.yg_list .li{ margin-bottom: 30px;}
.yg_list .li:hover .mask{opacity: 1;}
.yg_list .li:hover .icon{ opacity: 1; transform: scale(1,1);}
.yg_list .tit{ text-align: center; font-family: "microsoft yahei"; font-size: 18px; margin: 30px 0;}


.talent_zp{ margin-top: 100px;}
.sideMenu{}
.sideMenu_tit{background: #fff; line-height: 80px;  border-bottom:1px solid #dddddd;padding: 0 20px; box-sizing: border-box; }
.sideMenu_tit span{ font-size: 18px; font-weight: bold;display: block; width: 25%; font-size: 18px; font-weight: bold; float: left;}
.zp_tit span{ display: block; width: 25%; font-size: 18px; font-weight: bold; margin-bottom: 30px; float: left; font-family: "microsoft yahei";}




.rc_box .tit{ background: #fff; line-height: 80px; border-bottom:1px solid #dddddd; cursor: pointer; position: relative;}
.zp_tit,.rc_box .tit{ padding: 0 20px; box-sizing: border-box; transition: all .6s;}
.rc_box .tit span{display: block; width: 25%; float: left;font-family: "microsoft yahei";}
.rc_box .tit.on,.rc_box .tit:hover{ background:#E22A22; color: #fff;border-bottom-color:#E22A22}
.rc_box .tit.on:before{ content: ""; display: block; width: 18px; height: 16px; background: url(../images/cha.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
.rc_box ul{ width: 100%; padding: 50px 20px; box-sizing: border-box; background: #fff; border:2px solid #fff; display: none;}
.rc_box ul.on{ border-color: #E22A22;}
.rc_box ul h4{ font-weight: bold;font-size: 18px; margin-bottom: 40px;}
.rc_box ul .box{ width: 50%; float: left; padding:0 20px; box-sizing: border-box; color: #555;font-family: "microsoft yahei";}
.rc_box ul .box p{ margin-bottom: 10px;}
.rc_box ul .bz{ padding: 0 20px; box-sizing: border-box; margin-top: 30px; width: 100%; float: left; font-size: 16px;}
.rc_box ul .bz span{ color: #E22A22 ;}
.zp_warp .about_more2{ margin-top: 70px;}
.about_more2:hover{ background: url(../images/morebg.png) no-repeat center!important; background-size: 100% 100%; color: #fff;}



.contact_warp{ position: relative; margin-top:90px;}
.contact_warp .map{ width: 100%; height: 760px;}
.contact_warp .map img{ width: 100%; height: 100%;}
.contact_box{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.contact_box .z-container{ display: flex; align-items: center; height: 100%;}
.contact_box .info_box{width: 32%;background: #efece8;padding: 60px 40px;text-align: center;background: url(../images/pagebg.jpg) repeat center;}
.contact_box .about_tit{margin-bottom: 45px;}
.conatct_tel{font-size: 32px;font-weight: bold;line-height: 1.6;}
.contact_addre{margin: 20px 0;font-size: 16px;line-height: 1.6;}
.conatct_www{font-size: 16px;line-height: 1.6;}
.contact_code{width: 150px;height: 150px;border:1px solid #d8d2d1;margin: 0 auto;margin-top: 45px;background: #fff;}
.contact_code img{ width: 100%; height: 100%;}

.ly_form{width: 60%;margin: 40px auto 30px auto;}
.ly_form .input_text{width: 85%;height: 60px;font-size: 16px;background: #fff;border:1px solid #e6e5e5;padding: 0 20px;box-sizing: border-box;}
.ly_form .subbtn{width: 85%;margin-left: 15%;height: 60px;font-size: 16px;cursor: pointer;background: #fff;border:1px solid #e6e5e5;padding: 0 20px;color: #E22A22; transition: all .6s;}
.ly_form .subbtn:hover{ background:#E22A22; color:#fff;}
.ly_form label{font-size: 18px;width: 15%;display: inline-block;}
.ly_form li{ margin-bottom: 40px;}
.ly_form .tera_text{width: 85%;background: #fff;font-size: 16px;height: 240px;border:1px solid #e6e5e5;padding:20px;box-sizing: border-box;}
.ly_form .ly label{vertical-align: top; margin-top: 21px; display: inline-block;}

.ly_form .subbtn{}

.loading_page{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99;background: url(../images/loadbg.jpg) no-repeat center; background-size: cover; transition: all .8s;}
.loading_page.on{ transform: translateX(-100%);}
.loading_box{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); text-align: center;}

.load_text h3{ font-size: 32px;font-weight: bold;}
.load_text span{text-transform: uppercase; color: #545352;}
.load_text{ margin-top:30px;}
.load_logo{ height: 443px;}
.load_logo img{ max-height: 100%;}




.pace.pace-inactive {

  display: none;

}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace.pace-inactive .pace-progress {
  display: none;
}

.pace .pace-progress {
  position: fixed;
  z-index: 2000;
  top: 50%;
  left: 50%;
}

.pace .pace-progress:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);


  content: attr(data-progress-text);
  font-weight: 100;
  font-size: 32px;
  line-height: 1;
  margin-top: 210px;

  text-align: center;
  font-weight: bold;
  
}
.z-container1{width: 1600px; margin:0 auto;position:relative;}
.vv1{font-size:34px; letter-spacing:1px; color:#000; line-height:1.5;}
.vv2{font-size: 14px;padding-left: 3px;color:#666;line-height: 1.6;margin-top: 0;text-transform: uppercase;}

*{box-sizing:border-box;margin:0;padding:0}

.footer{background-color: #292929;color:#fff;padding: 70px 0 5px 0;width: 100%;}
.footer .footer-menu{width: 62%;float: left;}
.footer .footer-menu .item{width: 24%;display: inline-block;vertical-align: top;float: left;padding-right: 25px;}
.footer .footer-menu .item .title{font-size: 16px;line-height:1;margin-bottom: 30px;}
.footer .footer-menu .item a{display:block;line-height: 1.6;color: rgba(255,255,255,.7);}
.footer .footer-menu .item a:hover{color: #fff;}
.footer .footer-menu .item a+a{margin-top: 10px;}
.footer .footer-telephone{border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);padding: 0 40px 3px 40px;width: 25%;float: left;}
.footer .footer-telephone .title{font-size: 16px;height: 34px;position:relative;letter-spacing: 0;margin-bottom: 12px;}
.footer .footer-telephone .title:before{width:52px;height:1px;background-color:#fff;content:'';left:0;bottom:0;opacity: .2;position:absolute;}
.footer .footer-telephone .phone-number{font-size: 30px;font-weight: 400;margin-bottom: 15px;padding-top: 5px;line-height:1;}
.footer .footer-telephone .address{font-size: 14px;line-height:1.7;margin-bottom: 10px;}
.footer .wx{padding-left:40px;width: 160px;text-align: center;float: right;}
.footer .wx .img-box1{overflow:hidden;margin: 0 auto;line-height: 0;}
.footer .wx p{text-align:center;margin-top: 12px;line-height: 1.2;color: rgba(255,255,255,.7);}
.footer .web-info{width:100%;line-height:50px;border-top:1px solid rgba(255,255,255,.1);display: block;justify-content:space-between;font-size: 14px;color: rgba(255,255,255,.7);float: left;margin-top: 45px;}

.vidbacking{width:100%;}

.mt60{ margin-top:-60px!important;}

.nymenu{background: #E22A22;}
.nymenu_mid ul li{background-position:left center;background-repeat:no-repeat;background-image:url(../images/img17.jpg);float:left;padding: 0 40px;text-align:center;}
.nymenu_mid ul li:nth-child(1){

text-align:left; background-image:none}
.nymenu_mid ul li:last-child{
text-align:right}
.nymenu_mid ul li a{padding: 20px 0;display:inline-block;line-height: 1.5;font-size: 16px;position:relative;color: #fff;}
.nymenu_mid ul li a:after{content: "";position: absolute;z-index: 1;opacity:0;left: 50%;width: 0;bottom: -1px;height: 2px;background-color: #E22A22;background-repeat:no-repeat;background-position:center;z-index: 1;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.nymenu_mid ul li a:hover,.nymenu_mid ul li a.active{color: #E22A22;background: #fff;}
.nymenu_mid ul li a:hover:after,.nymenu_mid ul li a.active:after{width: 2.65em;opacity:1;margin-left: -1.325em;}
.nymenu_mid_s ul li{float:none; display:inline-block;}
.nymenu_mid_s{
text-align:center}


.banner_list_bg{width: 100%;background: #e22a22;z-index: 9;height: 70px;}
.banner_list{margin:0 auto;}
.banner_list ul{float: left;}
.banner_list ul li{float: left;}
.banner_list ul li a{line-height: 70px;font-size: 14px;color: #ffffff;padding: 0 35px;display: inline-block;text-align: center;}
.banner_list ul li a:hover{background-color: #fff;color: #e22a22;}
.banner_list ul li a.hover{background-color: #ffffff;color: #e22a22;}

.banner_list_right{float: right;font-size: 14px;color: #ffffff;line-height: 70px;background: url('../images/dz.png') no-repeat left center;padding-left: 25px;}
.banner_list_right a{font-size: 14px;color: #ffffff;}
.banner_list_right a:hover{color: #fff;}
.banner_list_right span{font-size: 12px;color: #ffffff;padding: 0 8px;}


#page-hero-wrap {
	height: 630px;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;


	margin-top: 90px;
}

#page-hero-wrap .row
.column {
	height: 100%;
}

#page-hero-bg {
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#page-hero-bg::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(45deg, #000 0%, #000 20%, #000 100%);
	opacity: 0.2
}

#page-hero-wrap
picture {
	display: none
}


#page-hero-info {
	position: relative;
	top: 20px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

#page-hero-wrap .hero-info-wrap {
	width: 100%;
	height: 42%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}

.support-index-page #page-hero-wrap .hero-info-wrap,
.contact-index-page #page-hero-wrap .hero-info-wrap {
	height: 60%;
}

.large-12 {
		width: 100%;

	}


.column,.columns {
		position: relative;
		padding-left: 10px;
		padding-right: 10px;
		float: left;
	}
	
.valign-wrapper {
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.valign-wrapper
.valign {
	display: block;
	width: 100%
}


#page-hero-wrap .zh-title {
	display: inline-block;
	color: #FFF;
	font-size: 1.5rem;
	text-transform: uppercase;
	line-height: 140%;
	text-align: center;
	font-weight: 400;
}

#page-hero-wrap .en-title {
	color: #FFF;
	font-size: 3.75rem;
	line-height: 4rem;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 0
}

#page-hero-wrap .zh-title:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #FFF;
	margin: 0 auto;
	opacity: 0.7;
	margin-top: 3px;
}

#page-hero-wrap .page-breadcrumb {
	padding: 0.9375rem 0;
	line-height: 1rem;
	font-size: 0.875rem;
	position: relative;
	top: -3.125rem

}

.index-cats-menu {
	position: absolute;
	width: 100%;
	bottom: 70px;
	height: 45%;
}

.medium-3 {
		width: 50%;
	}
	
	.index-cats-menu .menu-block {
	display: block;
	width: 100%
}

.index-cats-menu .menu-block
a {
	color: #1a1a1a;
	display: block;
	width: 100%;
	height: auto;
	background-color: #fff;
	padding-top: 60px;
	padding-bottom: 60px;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.index-cats-menu .menu-block a:hover {
	color: #fff;
	background-color: #e22a22;
}

.index-cats-menu .menu-block a .block-title {
	color: inherit;
	display: block;
	font-size: 1.125rem;
	text-align: center
}

.index-cats-menu .menu-block a .block-icon .icon-hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

.index-cats-menu .menu-block a:hover .block-icon
.icon {
	opacity: 0
}

.index-cats-menu .menu-block a:hover .block-icon .icon-hover {
	opacity: 1
}


.index-extra-menu {
	background-color: #fff
}

.row:before,.row:after {
	content: " ";
	display: table
}

.row:after {
	clear: both
}
.index-cats-menu .menu-block a .block-title {
	color: inherit;
	display: block;
	font-size: 18px;
	text-align: center;
	padding: 0 20px;
	margin-bottom: 15px;
}

.index-cats-menu .menu-block a .block-desc {
	color: inherit;
	display: block;
	text-align: center;
	font-size: 0.875rem;
	margin-bottom: 1rem;
	opacity: 0.8;
}

.index-cats-menu .menu-block a .block-icon {
	display: block;
	width: 6rem;
	height: 6rem;
	margin: 0 auto;
	position: relative;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}


.cpn-fl{width: 48%;float:left;margin-top: 15px;padding-top: 10px;}
.cpn-fl span{font-size:72px;font-family:"Arial";color:#ececec;}
.cpn-fl h2{font-size:24px;color:#666666;margin:12px auto 15px;}
.cpn-fl p{color: #333333;font-size:15px;margin-bottom: 18px;line-height: 2;}
.cpn-fr{width: 48%;float:right;margin-top: 15px;}


.mt50{ margin-top:50px;}

#topcontrol{ z-index:9999999;}

.max60{ width:70%; margin:0 auto;}


@media (max-width: 1740px) {
  .z-container1 {
    max-width:1300px;
    width: 92%;
    } 
}


@media (max-width: 1600px) {
.z-container{width: 92%;max-width: 1200px;}
.footer .footer-telephone{padding: 0 30px;width: 25%;float: left;}
.footer .wx{padding-left:30px;width: 140px;}

.footer .footer-menu .item{width: 25%;}
}

@media (max-width: 1440px) {
.header_nav li a{font-size: 16px;}	
.header_nav li{width: 110px;} 

}

@media (max-width: 1024px) {
.part_box{height: auto;}
.part_box .text_box,.part_box .img_box,.part_box .img_box .img{height: 240px;}
.part_box .text_box{width: 100%;display:inline-block;height: auto;padding: 40px 0;}
.part_box .img_box{ width: 100%; position:relative; }
.part_box .text{margin: 20px 0;line-height: 1.8;color: #444;}
.vv1{font-size:22px;}
.part_box:nth-child(even) .img_box{ position: relative;}
.part_box:nth-child(even) .text_box{ float: left;}
.index_pro{padding: 40px 0;}
.index_zs .text_box{ width: 100%; margin-bottom:25px;}
.icon_box{width: 100%;}
.index_zs .z-container{display:block;}
.index_zs{height: auto; padding:50px 0;}
.index_zs .icon_box .box{width: 130px;height: 130px;margin-left: 0;margin-right: 10px;} 
.index_zs .icon_box img{ width:50px;}
.index_zs .icon_box h3{ margin-top: 3px;}

.news_list li{margin: 0 1%;margin-bottom: 35px;position: relative;width: 100%;float: left;}

.index_news{ background: url(../images/news_bg.png)no-repeat top center / cover; padding: 45px 0;}

.news_list .time{ display:none;}

.news_list li p{height: auto;margin-bottom: 15px;}

.index_news .index_tit{margin-bottom: 30px;}

.vtt3{ width:120px;}
.vtt4{ width:180px;}
.index_zs .text_box .tit{ margin-bottom: 20px;}

.footer{padding: 30px 0 10px 0;}
.footer .footer-telephone{padding-right:15px}
.footer .wx{padding-left:15px; width:130px;}
.footer .footer-telephone .phone-number{font-size: 28px;margin-bottom: 12px;}
.footer .wx .img-box1{height:auto}
.footer .wx p{margin-top:10px;font-size:12px}
.footer .footer-telephone .address{font-size:12px}
.footer .web-info{line-height:1.6;font-size:12px;display:block;padding-top:10px;margin-top: 15px;}
.footer .web-info span{display:block}
.footer .footer-menu{display:none}
.footer .footer-telephone{padding: 0 30px 0 0;width: 62%; border-left:none;}
.footer .footer-telephone .address{margin-bottom:10px}
.scroll-box{margin-top: -5px;}

#topcontrol{ display:none;}

.vv2{padding-left: 0;}

.ly_form{width: 100%;margin: 30px auto;}

.contact_warp{ margin-top:57px;}

.contact_box .info_box{width: 100%;padding: 60px 40px;}

.ly_form label{font-size: 15px;}

.ly_form .input_text{height: 45px;font-size: 14px;}

.ly_form li{ margin-bottom: 20px;}

.ly_form .tera_text{width: 85%;font-size: 14px;height: 180px;}

.ly_form .subbtn{height: 50px;font-size: 14px;}

.other_banner{ margin-top:57px;}
.other_banner .banner_text h3{font-size: 24px;margin-bottom: 0;}

.other_banner .banner_text h4{font-size: 16px;}

.banner_list_bg{height:auto;}
.banner_list{width: 100%;}
.banner_list ul{width: 100%;background: linear-gradient(to right,#C51721 0,#e0252f 60%,#f9424c 100%);}
.banner_list ul li{float: left;width: 50%;}
.banner_list ul li a{line-height: 50px;font-size: 14px;color: #ffffff;display: inline-block;text-align: center;padding: 0;width: 100%;}

.banner_list_right{display: none;}

.page_nav{ height: auto; line-height: auto; float:left;}
.page_nav li{display:block;height: 56px;line-height: 56px;margin: 5px 0;padding: 0 40px;position: relative;z-index: 1;float:left;width: 50%;}
.page_nav li a{font-size: 14px;}

.banner_text{top: 58%;}

.topbtm_bar a{ font-size: 14px;}

.artic_tit{font-size: 22px;}

.artic_bar{height: 50px;line-height:50px;margin: 25px 0;}

.pro_content{padding:25px;margin-top: 20px;}


.medium-3 {
		width: 50%;
		margin-bottom:15px;
	}
	
#page-hero-wrap {
	height: 450px;
	margin-top: 57px;
}


#page-hero-wrap .hero-info-wrap {
	height: 150px;
}

.index-cats-menu {
	top: 180px;
}

.index-cats-menu .menu-block a .block-icon {
	width: 4rem;
	height: 4rem;
}

#page-hero-wrap .en-title {
	font-size: 32px;
	line-height: 1.3;
}

#page-hero-wrap .zh-title {
	color: #FFF;
	font-size: 18px;
	line-height: 1.4;
}

.index-cats-menu .menu-block a .block-title {
	font-size: 15px;
}


.honor_list .li{width: 48%;}

.about_honor{ padding: 40px 0;}

.honor_list .tit{ line-height: 50px; font-size: 15px; }

.about_honor .about_tit{ margin-bottom: 30px;}

.gy_box{width: 100%;height: auto;padding: 60px 30px;}

.about_gy{padding: 50px 0;}

.cpn-fl{width: 100%;margin-top: 0;padding-top: 0px;}
 .cpn-fr{width: 100%;float:left;margin-top: 5px;}
 .about-msg{padding: 40px 0;}
 .PUBtitle h4{font-size: 22px;}
.PUBtitle{margin-bottom: 20px;}
.cpn-fl p{font-size:14px;margin-bottom: 15px;line-height: 2;}
.curture_main{padding: 40px 0;}
.cpn-culture ul li{width: 98%; margin-bottom:15px;}
.cpn-culture ul li .note{padding: 30px;height: auto;}
.partner_main{padding: 40px 0;}
.product_list li{width: 100%;margin-bottom: 20px;}  

.product_list ul{margin-top: 30px;}

.product_list li .tit{font-size: 16px;}
.pro_cs table .tit{width: 32%;font-size: 15px;color: #333;}
.pro_cs table td{ padding: 15px 0; line-height: 1.8; font-size: 14px;}

.max60{ width:100%;}

.index-cats-menu .menu-block a {
	padding-top: 40px;
	padding-bottom: 40px;
}

}