@charset "utf-8";
/* CSS Document */
/*--重定义浏览器默认样式--*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static;height: 100%; background-color:#1b1b1b;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:arial,"微软雅黑","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #666;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6;}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
body[aos-delay='5000'] [aos], [aos][aos][aos-delay='5000']{
  transition-delay: 5000ms;
}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.clearboth{ clear:both;}
.bigzm{text-transform:uppercase;}

.container {
       width: 100%!important;
       max-width:1200px;
       max-width:1170px\9;
}
/*头部*/

.clearpadding{ padding:0px; margin:0px;}

/* PAGE-MENU */
.fullnavr { position:fixed; top: 50%; right:-200px; z-index:1;/*z-index:1010;*/ height: 308px;margin-top: -154px; background:url(../images/menu_bg.png) right center no-repeat; }
#pagemenu {list-style:none; padding:0; margin:0; text-align: center;position: relative;z-index: 1005; padding-top:20px;}
#pagemenu li { position:relative; padding:5px 0px;  /*-webkit-transition: all .3s;transition: all .3s; */width: 150px;}
#pagemenu li a {  line-height:1.4; height:44px;  display:inline-block;width:150px; padding-right:35px; background:url(../images/m_bg1.png) right center no-repeat;vertical-align:middle;text-align: right;/* -webkit-transition: all .2s;transition: all .2s;*/ color:#fff;}
.fullnavr #pagemenu li.active a,.fullnavr #pagemenu li.active a:hover,.fullnavr #pagemenu li a:hover { text-decoration:none;/*-webkit-transform: scale(2,2);transform: scale(2,2);*/color:#fff; background:url(../images/m_bg2.png) right center no-repeat;}
#pagemenu li a span{ color:#c31023; font-size:7.5px;}
.fullnavr #pagemenu li.active a span,.fullnavr #pagemenu li a:hover span{ color:#c31023;}
#pagemenu li a .disnone{ display:none;}
.fullnavr #pagemenu li.active a .disnone,.fullnavr #pagemenu li.active a:hover .disnone,.fullnavr #pagemenu li a:hover .disnone{ display:block; text-decoration:none;}
#pagemenu li.logohome{ display:none; top:-50px;}

/*shade*/

.layer{ position: fixed; z-index:1001; width: 100%; height: 100%; overflow:hidden;}
.layer .layer-top, .layer .layer-bottom{ position: absolute; width: 100%; height: 50%; background: #fff; top: 0%; transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; z-index: 1;}
.layer .layer-bottom{ top: auto; bottom: 0%;}
.layer .loading{ position: absolute; top: 50%; left: 50%; margin-left:-33px; margin-top:-33px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; z-index: 2;-webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;}
.layer.show{ visibility: hidden;}
.layer.show .loading{ display: none;}
.layer.show .layer-top{ top: -50%;}
.layer.show .layer-bottom{ bottom: -50%;}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/*Index*/
.section{background-size: cover; background-position: center center; overflow:hidden;}
.slide{background-size: cover; position:relative;}
.section .sec-scale { width:100%; height:100%; position:relative;transform: scale(0.8);opacity: 0.5;transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.active .sec-scale {transform: translate(0px,0px) scale(1);transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; opacity: 1; }
.bg {width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;}
.bg2 {background-image: url( ../../images/section2.jpg);}

.db_fo{width:100%; position:absolute; left:0px; height:11px; bottom:-35px; background-image:url(../images/xian.png);background-repeat: no-repeat;background-position: center center;background-size: cover; z-index:1000; transition:all 1s;}
.active .db_fo{ transition-delay: 0.7s; bottom:3.8vmin;}
.home-swiper {width: 100%;height: 100%;background: #000;}
.home-swiper .swiper-slide {text-align: center;font-size: 18px;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 1;width:100%;}
.home-swiper .swiper-slide img{ display:none;}
.mousehover{width:31px; height:44px; background:url(../images/sb_01.png) no-repeat; position:absolute; left:50%; margin-left:-15px; bottom:12vmin; z-index:1000;}
.banner-text{width:640px; position:absolute; left:50%; height:auto !important; margin-left:-320px; top:50%; margin-top:-125px; z-index:1; text-align:center;display:block;}
.banner-text .text1{ padding-bottom:4%;width:100%;opacity: 0; filter: alpha(opacity=0); -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5);/* transition: all 1s;*/transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.active .banner-text .text1{ opacity: 1; filter: alpha(opacity=100); -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;}
.banner-text .text2 img{ -webkit-animation: float ease-in-out 3s infinite; animation: float ease-in-out 3s infinite;transition: 680ms 600ms;}
.header{width:100%; height:auto; left:0px; top:0px; position:fixed; z-index:1000;}
.header_top{width:100%; position:relative; /*height:80px;*/ margin:0px; padding:0px; float:left; z-index:1;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;}
.header_top.addbg{ background-color:#1c1e1e;}
.header_top .logo{/*margin-left:60px; */ margin-left:3%; padding:7px 0px;}
.header_top .logo span{margin-left:2%}
.menu{width:68px; height:68px; position:absolute; cursor:pointer; text-align:center; /*right:60px;*/right:3%; top:6px; background-color:#c31023;-moz-border-radius: 100%;      /* Gecko browsers */
-webkit-border-radius: 100%;   /* Webkit browsers */
border-radius:100%;            /* W3C syntax */}
.menu span{ position: absolute; top:19px; display: block; left:11px; width:44px; height:4px; background-color: #fff; -webkit-transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s; transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s; transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;}
.menu span:nth-of-type(2),.menu span.span2{ top:30px;}
.menu span:nth-of-type(3),.menu span.span3{ top:42px; -webkit-transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s; transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s, -webkit-transform 0.2s;}
.menu.expanded span:nth-of-type(1),.menu.expanded span.span1{ top:30px; transform: rotate(45deg); transition: top 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform: rotate(45deg); -webkit-transition: top 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s;}
.menu.expanded span:nth-of-type(2),.menu.expanded span.span2{ opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s;}
.menu.expanded span:nth-of-type(3),.menu.expanded span.span3{ top:30px; transform: rotate(-45deg); transition: bottom 0.2s, transform 0.2s 0.2s, background 0.2s; -webkit-transform: rotate(-45deg); -webkit-transition: bottom 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s;}
.menu.expanded{ display: block; top:6px;}
.header .nav1{width:100%; height:100%; position:fixed; left:0px; top:-1280px; background:url(../images/zz_012.jpg) repeat;transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;}
.header .nav1_div{width:890px; height:450px; position:absolute; left:50%; top:50%; margin-left:-445px; margin-top:-210px;overflow: hidden; display: inline-block; vertical-align: middle;}
.header .nav1_div ul{width:100%;}
.header .nav1_div ul li{width:200px; height:350px; float:left;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(40%); -ms-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%); }

.header .nav1_div ul li.lastwidth{width:90px;}

.header.navOpen .nav1_div ul li{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;}
.header.navOpen .nav1_div ul li:nth-of-type(1){ transition-delay: 0.7s; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s;}
.header.navOpen .nav1_div ul li:nth-of-type(2){ transition-delay: 0.8s; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s;}
.header.navOpen .nav1_div ul li:nth-of-type(3){ transition-delay: 0.9s; -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s;}
.header.navOpen .nav1_div ul li:nth-of-type(4){ transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s;}
.header.navOpen .nav1_div ul li:nth-of-type(5){ transition-delay: 1.1s; -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s; -o-transition-delay: 1.1s;}

.header .nav1_div ul li .s1,.header .nav1_div ul li .s1:hover{ text-decoration:none; padding:10px 0px; color:#3e3e3e; font-size:20px; font-weight:bold;}
.header .nav1_div ul li dl{ margin-top:10px;}
.header .nav1_div ul li dl dd{ padding:5px 0px;}
.header .nav1_div ul li dl dd a,.header .nav1_div ul li dl dd a:hover{ color:#3e3e3e; text-decoration:none; font-size:14px;}
.header_footer{width:100%;}
.header_footer .phone{width:60%; color:#3e3e3e; font-size:20px;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-40%); -ms-transform: translateX(-40%); -o-transform: translateX(-40%); transform: translateX(-40%);}
.header_footer .phone span{ color:#df1127; font-size:24px;}
.header.navOpen .header_footer .phone{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);transition-delay: 1.2s; -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s;}
.header_footer .wx{opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(140%); -ms-transform: translateX(140%); -o-transform: translateX(140%); transform: translateX(140%); text-align:right; width:40%;}
.header_footer .wx a{ display:inline-block;}
.header.navOpen .header_footer .wx{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);transition-delay: 1.3s; -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s; -o-transition-delay: 1.3s;}
.lm_gsjj{width:1180px; height:406px; position:absolute; left:50%; top:50%; margin-left:-590px; margin-top:-203px; overflow:hidden; text-align:center; color:#fff;}
.lm_gsjj_t{width:100%; padding-bottom:70px; font-size:35px;}
.lm_gsjj_c{ height:220px; overflow:hidden; line-height:1.8; font-size:24px;}
.lm_gsjj_b{width:100%;}
.lm_gsjj_b a,.lm_gsjj_b a:hover{ position:relative; overflow:hidden; font-size:16px;display:inline-block;width:178px; height:42px; line-height:42px; border:1px solid #848383; text-align:center; color:#848383;-moz-border-radius: 21px;      /* Gecko browsers */
-webkit-border-radius: 21px;   /* Webkit browsers */
border-radius:21px;            /* W3C syntax */}
.lm_gsjj_b a span{ position:absolute;width:100%; display:inline-block; height:100%; left:0px; top:0px;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;}
.lm_gsjj_b a:hover span{ color:#fff;}
.lm_gsjj_b a:before{ position: absolute; content: ""; background: #c20217; width: 100%; height: 100%; left: -100%; top: 0; z-index: 0; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;}
.lm_gsjj_b a:hover:before{ left: 0;}


.lm_gsjj_b1{width:100%;}
.lm_gsjj_b1 a{opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(40%); -ms-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%);transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s;}
.active .lm_gsjj_b1 a{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 0.9s;-webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s;}
.lm_gsjj_b1 a,.lm_gsjj_b1 a:hover{ position:relative; overflow:hidden; font-size:16px;display:inline-block;width:178px; height:42px; line-height:42px; border:1px solid #848383; text-align:center; color:#848383;-moz-border-radius: 21px;      /* Gecko browsers */
-webkit-border-radius: 21px;   /* Webkit browsers */
border-radius:21px;            /* W3C syntax */}
.lm_gsjj_b1 a span{ position:absolute;width:100%; display:inline-block; height:100%; left:0px; top:0px;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;}
.lm_gsjj_b1 a:hover span{ color:#fff;}
.lm_gsjj_b1 a:before{ position: absolute; content: ""; background: #c20217; width: 100%; height: 100%; left: -100%; top: 0; z-index: 0; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;}
.lm_gsjj_b1 a:hover:before{ left: 0;}


.lm_qyjg{width:1170px; text-align:center; height:670px;position:absolute; left:50%; top:50%; margin-left:-585px; margin-top:-335px; overflow:hidden; text-align:center; color:#fff; line-height:1.0;}
.lm_qyjg_t{width:100%; padding-bottom:15px; font-size:38px;opacity: 0; filter: alpha(opacity=0); -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); /*transition: all 1s;*/transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.active .lm_qyjg_t{opacity: 1; filter: alpha(opacity=100); -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;}
.lm_qyjg_t1{width:100%; padding-bottom:100px; font-size:30px;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(40%); -ms-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%);/*transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s;*/transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.active .lm_qyjg_t1{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 0.4s;-webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s;}
.lm_qyjg_t1 span{ font-size:62px; font-family:Arial, Helvetica, sans-serif; color:#dd1a2f; padding:0px 10px;}
.lm_qyjg_c{width:100%; height:395px;}
.lm_qyjg_c ul{width:100%; overflow:hidden; height:293px;}
.lm_qyjg_c ul li{/*width:74px;*/ height:293px;overflow:hidden; float:left; margin-right:1px;}
.lm_qyjg_c ul li.csxg{opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(40%); -ms-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%);/*transition: all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;*/transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.lm_qyjg_c ul li .div1{/*width:74px;*/ height:293px; padding:63px 31px 0px 30px;color:#fff; background:url(../images/a1.jpg) top center no-repeat;background-repeat: no-repeat;font-size:15px; text-align:center; cursor:pointer;}
.lm_qyjg_c ul li .div2{/*width:556px;*/}
.lm_qyjg_c ul li .div3{/*width:630px;*/}
.lm_qyjg_c ul li .div1.xzdiv{ background:url(../images/a2.jpg) top center no-repeat;}

.active .lm_qyjg_c ul li.csxg:nth-of-type(1){ transition-delay:300ms; -webkit-transition-delay:300ms; -moz-transition-delay:300ms; -o-transition-delay:300ms;}
.active .lm_qyjg_c ul li.csxg:nth-of-type(2){ transition-delay:400ms; -webkit-transition-delay:400ms; -moz-transition-delay:400ms; -o-transition-delay:400ms;}
.active .lm_qyjg_c ul li.csxg:nth-of-type(3){ transition-delay:500ms; -webkit-transition-delay:500ms; -moz-transition-delay:500ms; -o-transition-delay:500ms;}
.active .lm_qyjg_c ul li.csxg:nth-of-type(4){ transition-delay:600ms; -webkit-transition-delay:600ms; -moz-transition-delay:600ms; -o-transition-delay:600ms;}
.active .lm_qyjg_c ul li.csxg:nth-of-type(5){ transition-delay:700ms; -webkit-transition-delay:700ms; -moz-transition-delay:700ms; -o-transition-delay:700ms;}
.active .lm_qyjg_c ul li.csxg:nth-of-type(6){ transition-delay:800ms; -webkit-transition-delay:800ms; -moz-transition-delay:800ms; -o-transition-delay:800ms;}
.active .lm_qyjg_c ul li.csxg:nth-of-type(7){ transition-delay:900ms; -webkit-transition-delay:900ms; -moz-transition-delay:900ms; -o-transition-delay:900ms;}
.active .lm_qyjg_c ul li.csxg:nth-of-type(8){ transition-delay:1s; -webkit-transition-delay:1s; -moz-transition-delay: 1.5s; -o-transition-delay: 1s;}

.active .lm_qyjg_c ul li.csxg{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

.phone_qyjg_c{width:100%; padding-bottom:5%; display:none;}

.lm_pxxm{width:1052px; text-align:center; height:750px;position:absolute; left:50%; top:50%; margin-left:-526px; margin-top:-375px; overflow:hidden; text-align:center; color:#fff; line-height:1.0;}
.lm_pxxm_t{width:100%; font-size:38px; padding-bottom:100px;opacity: 0; filter: alpha(opacity=0); -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.active .lm_pxxm_t{opacity: 1; filter: alpha(opacity=100); -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.4s;-webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s;}
.lm_pxxm_c{width:100%; height:460px;  margin-bottom:100px;position:relative;}
.lineF, .lineS,.lineT
{
position: absolute;
visibility: hidden;
}
.lineF{
	webkit-transition: all cubic-bezier(.175,.885,.32,1.275) 1s .3s;transition: all cubic-bezier(.175,.885,.32,1.275) 1s .3s;-webkit-transform: translateY(-100px);transform: translateY(-100px); opacity: 0;-webkit-transition:  all ease-out .3s;transition:  all ease-out .3s;
	}
.lineS
{
top: 113px;
left: 197px;
webkit-transition: all cubic-bezier(.175,.885,.32,1.275) 1s .3s;transition: all cubic-bezier(.175,.885,.32,1.275) 1s .3s;-webkit-transform: translateY(100px);transform: translateY(100px); opacity: 0;-webkit-transition:  all ease-out .3s;transition:  all ease-out .3s;
}
.lineT
{
top: 228px;
left: 395px;
webkit-transition: all cubic-bezier(.175,.885,.32,1.275) 1s .3s;transition: all cubic-bezier(.175,.885,.32,1.275) 1s .3s;-webkit-transform: translateY(200px);transform: translateY(200px); opacity: 0;-webkit-transition:  all ease-out .3s;transition:  all ease-out .3s;
}
.boxF, .boxS, .boxT, .overlay
{
width: 260px;
height: 225px;
overflow: hidden;
}
.boxF, .boxS
{
	position:absolute;
visibility: hidden;
}
.boxF-1,.boxS-1,.boxT-1{ left:0px;}
.boxF-2,.boxS-2{left:395px}
.boxF-3{ left:790px;}

.boxF
{
transform: rotate(120deg);
float: left;
/*margin-left: 10px;*/
-ms-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
.boxS
{
transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
}
.boxT
{
transform: rotate(-60deg);
background: no-repeat 50% center;
background-size: 100% auto;
-ms-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
visibility: visible;
}
.overlay
{
transition: all 250ms ease-in-out 0s;
display: none;
position: relative;
}
.overlay:hover
{
background-color: rgba(0,0,0,0.6);
}
.boxT:hover .overlay
{
display: block;
}
.overlay a
{
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
margin: -16px 0 0 -16px;
border-radius: 3px;
background-color: #dc0019;
text-align: center;
line-height: 32px;
width: 32px;
height: 32px;
text-decoration: none;
color: White;
font-size: 18px;
/*font-weight: bolder;*/
}

.active .lineF{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s;}
.active .lineS{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay:0.6s;}
.active .lineT{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.7s; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s;}


.i_link{padding:2% 0%; background-color:#3b3b3b;}
.link_pc{ display:block;width:100%;/* height:62px;*/}
.i_linh{width:100%; margin:0px; padding:0px;}
.i_linh li{width:12.5%; float:left; padding:0px 5px;}
.i_linh li a img{width:95%;}
/*3-无缝从左往右滚动*/
#demo {overflow:hidden;}
#indemo {float: left;width: 8000%; }
#demo1 {float: left;}
#demo2 {float: left;}
.newc{ float:left;width:249px; height:140px; overflow:hidden; margin:0px 4px;}
.newc a img{width:249px; height:140px;}
.link_phone {
	position: relative;
	z-index: 1;
	height: 89px;
	width: 100%;
	overflow: hidden;
	-ms-touch-action: none;
	display:none;
}

#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 2400px;
	height: 89px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

#scroller ul {
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
}

#scroller li {
	width: 192px;
	height: 89px;
	float: left;
	overflow: hidden;
	margin-right:10px;
}
#scroller li a img{width:192px; height:89px;}
.i_link{ padding:10px 0px;filter:alpha(opacity=30);   -moz-opacity:0.3;   -khtml-opacity: 0.3;   opacity: 0.3;-webkit-transition:  all ease-out .3s;transition:  all ease-out .3s;}
.i_link:hover{filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;}
.i_linkdivv{width:1363px; padding:1% 0px; margin:0px auto;}
.i_linkdivv_t{width:100%; padding-bottom:1%; color:#3b3b3b; font-size:17px;}
.i_linkdivv_t span{ color:#fff; font-weight:bold; padding-right:10px;}
.i_linkdivv_c{width:100%; padding-bottom:1%; border-bottom:1px solid #232323;}
.i_linkdivv_c a{ padding:1% 2% 1% 0px; color:#fff; display:inline-block; font-size:13px;}
.i_linkdivv_c a:hover{ text-decoration:none;}
.i_linkdivv_c1{width:100%; padding-top:1%; float:left;}
.i_linkdivv_c1 li{width:11.11%; float:left; padding-left:2%;}
.i_linkdivv_c1 li.list1{width:10%; padding-left:0px;}
.i_linkdivv_c1 li .s1{width:100%; background:url(../images/r_jt.png) right center no-repeat; background-size:2vmin 3vmin;}
.i_linkdivv_c1 li .s2{width:10vmin; height:10vmin; text-align:center; vertical-align:middle; background-color:#808080;-moz-border-radius: 100%;      /* Gecko browsers */
-webkit-border-radius: 100%;   /* Webkit browsers */
border-radius:100%;            /* W3C syntax */}
.i_linkdivv_c1 li .s2 img{ margin-top:2vmin; cursor:pointer; width:50%;}
.i_linkdivv_c1 li .s3{width:10vmin; padding-top:10px; color:#3b3b3b; font-size:14px; text-align:center;}

.i_footer{width:100%; background-color:#000;}
.i_footer_c{width:1363px; margin:0px; padding:0px; padding:2% 0px; margin:0px auto; background-color:#000;}
.i_footer_c ul{width:100%;}
.i_footer_c ul li{width:50%; float:left;}
.i_footer_c_t{width:100%; padding:15px 0px; color:#3b3b3b; font-size:17px;}
.i_footer_c_t span{ color:#fff; font-weight:bold; padding-right:10px; display:inline-block;}
.i_footer_c_c{width:100%; color:#fff; padding-top:10px; line-height:1.8;}
.i_footer_c_c .s1{ padding-right:30px;}
.i_footer_link{width:100%; padding-bottom:10px; border-bottom:1px solid #292929;}
.i_footer_link a,.i_footer_link a:hover{ color:#fff; padding:15px 20px 15px 0px;}
.i_footer_c_t a,.i_footer_c_t a:hover{ color:#3b3b3b; font-size:13px;}
.i_footer_text{width:100%; padding:13px 0px; color:#808080; font-size:15px; text-align:center;}
.i_footer_text a,.i_footer_text a:hover{ color:#808080; padding:0px 5px;}
.lm_footer{ position:absolute; top:50%; width:100%; height:710px; left:0px; margin-top:-355px;}
.video_div{width:100%; height:100%; background-color:#000; position:fixed; z-index:1000; left:0px; top:-100%}
.video_div_closebtv{width:30px; height:30px; position:absolute; right:30px; top:30px; cursor:pointer; z-index:100;}
.video_div_center{width:100%; height:100%; vertical-align:middle; text-align:center;}

.i_link,.link_pc,.i_linkdivv_t,.i_linkdivv_c,.i_linkdivv_c1,.i_footer_text{ opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%); /*transition: all 1s;*/transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.i_footer_c li:nth-of-type(1){opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-90%); -ms-transform: translateX(-90%); -o-transform: translateX(-90%); transform: translateX(-90%); /*transition: all 1s;*/transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.i_footer_c li:nth-of-type(2){opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(90%); -ms-transform: translateX(90%); -o-transform: translateX(90%); transform: translateX(90%); /*transition: all 1s;*/transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.active .i_footer_c li
{
	opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); 
}
.active .i_link,.active .link_pc,.active .i_linkdivv_t,.active .i_linkdivv_c,.active .i_linkdivv_c1,.active .i_footer_text
{
	opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); 
}
.active .i_link
{
	transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;
}
.active .link_pc
{
	transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;
	
}
.active .i_linkdivv_t
{
	transition-delay: 0.4s;-webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s;
	
}
.active .i_linkdivv_c
{
	transition-delay: 0.5s;-webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s;
	
}
.i_footer_c li:nth-of-type(1)
{
	transition-delay: 0.7s;-webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s;
}
.i_footer_c li:nth-of-type(2)
{
	transition-delay: 0.8s;-webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s;
}
.active .i_linkdivv_c1
{
	transition-delay: 0.6s;-webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s;
}
.active .i_footer_text
{
	transition-delay: 0.9s;-webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s;
}
.lm_dtsj{width:1360px; height:690px; position:absolute; left:50%; top:50%; margin-left:-680px; margin-top:-345px; overflow:hidden; text-align:center; color:#fff; line-height:1.0;}
.lm_dtsj_c{width:100%; padding:85px 0px 65px 0px;opacity: 0; filter: alpha(opacity=0); -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); /*transition: all 1s;*/transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.caroursel{ margin:0px auto;}
.phone_dtsj_c{width:100%; padding:5% 0px; display:none;opacity: 0; filter: alpha(opacity=0); -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); /*transition: all 1s;*/transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.active .phone_dtsj_c,.active .lm_dtsj_c{opacity: 1; filter: alpha(opacity=100); -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;}

.ny_section{background-size: cover; background-position: center center; overflow:hidden;}
.ny_section_c{width:100%; height:100%; position:relative;}
.ny_section_bg{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;}
.ny_footer{width:100%; background-color:#000;}
.ny_footer .i_footer_c li
{
	opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); 
}
.ny_footer .i_footer_text
{
	opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); 
}
.ny_contact{width:1360px; height:764px; position:absolute; left:50%; top:50%; margin-left:-680px; margin-top:-382px;}
.ny_contact_t{width:100%; font-size:23px; color:#fff; line-height:1.8; text-align:center; border-bottom:1px solid #4e4f4f; padding-bottom:10px;}
.ny_contact_t .s1{ color:#c31023;}
.ny_contact_t .s2{ color:#f48605;}
.ny_contact_c{width:760px; padding:40px 0px; margin:0px auto;}
.ny_contact_c ul li{width:50%; color:#fff; font-size:14px; float:left;}
.ny_contact_c ul li.activewx{ text-align:center;}
.ny_contact_c ul li.activewx span{width:30%; display:inline-block; margin:0px 5%;}
.ny_contact_c ul li.activewx img{width:100%;}
.ny_contact_b{width:100%;}

.ny_cases{width:1360px; height:764px; position:absolute;left:50%; top:50%; margin-left:-680px; margin-top:-382px;}
.ny_cases_t{width:100%; margin-bottom:65px; padding-bottom:15px; line-height:1.0; color:#fff; font-size:25px; background:url(../images/xxd.jpg) bottom left no-repeat;}
.ny_cases_c{width:100%; padding:0px 1%;}
.ny_cases_c ul li{width:25%; float:left;}
.ny_cases_c ul li .div{ width:100%; padding:0px 3%; display:inline-block; color:#fff; font-size:14px;}
.ny_cases_c ul li .div:hover{ color:#e60012; text-decoration:none;}
.ny_cases_c ul li .div img{width:100%; border:4px solid #959796;transition:400ms; 
	filter: Alpha(Opacity=100);
	opacity: 1;}
.ny_cases_c ul li .div:hover img{ border:4px solid #e60012;filter: Alpha(Opacity=80); 
	opacity: 0.8; 
	-webkit-transform:scale(1.05); 
	transform:scale(1.05);}
.ny_cases_c ul li .div span{ padding:15px 0px; display:inline-block; width:100%; text-align:center;}
.ny_cases_b{width:100%; padding:20px 0px 0px 0px; display:inline-block; height:30px; line-height:30px; text-align:center; color:#959595; font-size:30px; font-family:Arial, Helvetica, sans-serif;}
.ny_cases_b a{width:98px; height:30px; display:inline-block;}
.ny_cases_b span{ padding:0px 54px;}
.ny_cases_b a.pl{ background:url(../images/l_p1.png) left center no-repeat; -webkit-transition: all .3s;transition: all .3s; vertical-align:middle;}
.ny_cases_b a.pr{ background:url(../images/r_p1.png) left center no-repeat; -webkit-transition: all .3s;transition: all .3s; vertical-align:middle;}
.ny_cases_b a.pl:hover{ background:url(../images/l_p2.png) left center no-repeat; -webkit-transform: translate3d(-5px,0,0);transform: translate3d(-5px,0,0);}
.ny_cases_b a.pr:hover{ background:url(../images/r_p2.png) left center no-repeat; -webkit-transform: translate3d(5px,0,0);transform: translate3d(5px,0,0);}

.ny_case_div{width:88%; background-color:#1c1e1e; height:100%; position:fixed; left:-100%; top:0px; z-index:1;}
.ny_case_close_btn{width:45px; height:45px; position:absolute; right:40px; top:80px; display:inline-block; cursor:pointer; z-index:100;}
.ny_case_close_btn img{ 
width:45px; height:45px;
transition:All 0.4s ease-in-out;
   -webkit-transition:All 0.4s ease-in-out;
   -moz-transition:All 0.4s ease-in-out;
   -o-transition:All 0.4s ease-in-out;
   }
.ny_case_close_btn:hover img{
	transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
	}
.ny_case_con{width:100%; padding:200px 40px 60px 276px; height:90%;}
.ny_case_cont{width:100%; height:80%;}
.ny_case_cont .swiper-slide{ font-size:14px; color:#fff; padding-right:40px;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.ny_case_cont .swiper-scrollbar-drag {background: rgba(215,11,11,1);}
.ny_case_cont .swiper-scrollbar{ background-color:#fff;}
.ny_about{width:1197px;height: 100%;background-repeat: no-repeat; background-image:url(../images/gs_zc1.png);background-position: center center;background-size: cover;position:absolute;overflow: hidden; top:0px; right:0px;}
.ny_about_c{ width:550px; margin-left:589px; height:100%;}
.ny_about_ct{ width:385px; margin-left:165px; margin-top:120px; margin-bottom:120px;}
.ny_about_ct ul li{width:128px; float:left; padding:10px 0px;}
.ny_about_ct ul li a{width:90%; height:33px; line-height:33px; text-align:center; color:#9a9a9a; font-size:14px;-moz-border-radius:15px;      /* Gecko browsers */
-webkit-border-radius: 15px;   /* Webkit browsers */
border-radius:15px;            /* W3C syntax */ display:inline-block;}
.ny_about_ct ul li a:hover,.ny_about_ct ul li a.activegs{ border:1px solid #fff; color:#fff; text-decoration:none;}
.ny_about_con{width:100%; height:400px;}
.ny_about_con .swiper-slide{ font-size:14px; color:#fff; padding-right:40px;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.ny_about_con .swiper-scrollbar-drag {background: rgba(215,11,11,1);}
.ny_about_con .swiper-scrollbar{ background-color:#fff;}
.brand_list{width:85%; height:100%; float:right;}
.brand_list ul{width:100%; height:100%;}
.brand_list ul li{width:100%; height:20%; float:left; position:relative;}
.brand_list ul li .s1{width:41%; display:inline-block; color:#fff; font-size:15px; position:absolute; top:50%; margin-top:-30px;}
.brand_list ul li .s1.l1{ left:51%;}
.brand_list ul li .s1.l2{ left:44%;}
.brand_list ul li .s1.l3{ left:37%;}
.brand_list ul li .s1.l4{ left:30%;}
.brand_list ul li .s1.l5{ left:23%;}
.brand_list ul li .s1 font{ font-size:18px;}
.brand_list ul li .div{ display:inline-block;width:100%; height:100%;background-size:cover; background-position:center right; background-repeat:no-repeat; cursor:pointer; position:relative;-webkit-transform:scale(1, 1); transform:scale(1, 1); /*transition: all 1s;*/transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.brand_list ul li:hover .div{ -webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); /*transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;*/}
.brand_pf{width:56%; height:100%; background-image:url(../images/gs_zc2.png);background-position: center center;background-size: cover;position:absolute;overflow: hidden; top:0px; left:0px; z-index:1;}
.brand_pf_c{width:87%; padding:23% 0px 0px 13%;}
.brand_pf_t{width:351px; padding-left:34px;}
.brand_pf_t .s1{width:100%; display:inline-block;}
.brand_pf_t .s1 img{ width:90%;}
.brand_pf_t .s2{width:100%; padding:100px 0px 135px 0px; line-height:1.8; font-size:14px; color:#fff;}
.brand_pf1{width:385px; height:100%; /*background-image:url(../images/gs_zc2.png);background-position: center center;background-size: cover;*/position:absolute;overflow: hidden; top:28%; left:8%; z-index:1;}
.brand_pf_c1{width:100%;}
.brand_pf_t1{width:351px; padding-left:34px;}
.brand_pf_t1 .s1{width:100%; display:inline-block;}
.brand_pf_t1 .s1 img{ width:51%;}
.brand_pf_t1 .s2{width:100%; padding:65px 0px 110px 0px; line-height:1.8; font-size:14px; color:#fff;}

.ny_brand{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;}
.ny_casecp{width:100%; height:100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;}
.ny_casecp_list,.ny_casecp_list ul{width:100%; height:100%;}
.ny_casecp_list ul li{width:20%; height:100%; float:left; position:relative; overflow:hidden;}

.ny_casecp_list ul li .div{ display:inline-block;width:100%; height:100%;background-size:cover; background-position:center center; background-repeat:no-repeat; cursor:pointer; position:relative;}

.ny_casecp_list ul li .s1{width:100%; display:inline-block; color:#fff; font-size:25px; background:url(../images/xxd.jpg) bottom center no-repeat; padding-bottom:15px; position:absolute; top:50%; margin-top:-20px; left:0%; text-align:center; cursor:pointer;}
.ny_casecp_list ul li .s1:hover,.ny_casecp_list ul li .div:hover{ text-decoration:none; color:#fff;}
.ny_casecp_list ul li .s1:hover,.ny_casecp_list ul li:hover .s1{ background:url(../images/xxd1.jpg) bottom center no-repeat;}
.con_video{ padding:20px 0px;}

.team_div{width:800px; height:712px; position:absolute; right:13%; top:50%; margin-top:-356px;}
.team_div_l{width:84px; height:100%; position:relative;}
.team_div_l a{width:56px; height:56px; display:inline-block; position:absolute; left:0px;}
.team_div_l a:hover{ text-decoration:none;}
.team_div_l a.ab{ background:url(../images/y_tb1.png) no-repeat; bottom:0px; background-size:100% 100%;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.team_div_l a.ab:hover{ bottom:-10px; background:url(../images/y_tb11.png) no-repeat;background-size:100% 100%;}
.team_div_l a.at{ background:url(../images/y_tb2.png) no-repeat; bottom:85px;background-size:100% 100%;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.team_div_l a.at:hover{bottom:95px; background:url(../images/y_tb21.png) no-repeat;background-size:100% 100%;}
.team_div_r{width:714px; height:100%;}
.team_div_r ul{width:100%;}
.team_div_r ul li{width:33.33%; float:left;}
.team_div_r ul li a{width:98%; margin:0px 1% 4px 1%; display:inline-block; position:relative;}
.team_div_r ul li a img{width:100%;}
.team_div_r ul li a .divtext{width:100%; height:100%; position:absolute; left:0px; top:0px; padding-top:40%; background:url(../images/ee.png) repeat; text-align:center; color:#fff; font-size:27px; font-weight:bolder;opacity: 0; filter: alpha(opacity=0); -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); /*transition: all 1s;*/transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.team_div_r ul li a:hover .divtext{opacity: 1; filter: alpha(opacity=100); -webkit-transform:scale(1, 1); transform:scale(1, 1);}
.team_div_r ul li a:hover{ text-decoration:none; color:#fff;}
.team_img{width:33%;}
.team_img img{width:100%;}
.team_text{width:65%; padding-left:2%;}
.team_text_t{width:100%; font-size:15px; color:#9a9a9a; margin-bottom:50px;}
.recruit_div{width:1360px; height:620px; position:absolute; left:50%; top:50%; margin-left:-680px; margin-top:-310px;}
.recruit_div_t{ margin-bottom:90px; padding-bottom:15px; line-height:1.0; text-align:center; color:#fff; font-size:25px; background:url(../images/xxd.jpg) bottom center no-repeat;}
.recruit_div_c{width:100%; height:78%;}
.recruit_div_l{width:50%; height:100%; position:relative;}
.recruit_div_l ul{width:100%; height:100%;}
.recruit_div_l ul li{width:100%; height:20%; padding-bottom:2%; float:left;}
.recruit_div_l ul li .div{display:inline-block;width:100%; height:100%;/* background-image:url(../images/zp_bj2.png);*//*background-size:cover;*/ /*background-position:100% 100%; background-repeat:no-repeat;*/ cursor:pointer; overflow:hidden; position:relative;}
.recruit_div_l ul li .div:before{position: absolute; content: "";background-image:url(../images/zp_bj2.png); /*background-position:100% 100%;*//*background-size:cover;*/background-size:100% 100%; background-repeat:no-repeat;width: 100%; height: 100%; left:0%; top:0%; z-index: 0; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;}
.recruit_div_l ul li:hover .div:before,.recruit_div_l ul li.activezp .div:before{left:-100%;}
.recruit_div_l ul li .div:after{position: absolute; content: ""; background-image:url(../images/zp_bj1.png); background-position:100% 100%; background-size:100% 100%;/*background-size:cover;*/ background-repeat:no-repeat;width: 100%; height: 100%; left:-100%; top:0%; z-index: 0; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s;}
/*.recruit_div_l ul li:hover .div,.recruit_div_l ul li.activezp .div{ background:none;}*/
.recruit_div_l ul li:hover .div:after,.recruit_div_l ul li.activezp .div:after{ left:0px; }
.recruit_div_l ul li .div .text{width:100%; height:100%; position:absolute; left:14%; top:50%; margin-top:-15px; color:#fff; font-size:20px; z-index:1;}
.recruit_div_r{width:45%; padding-left:5%; height:100%; overflow:hidden;}
.recruit_div_b{width:56px; position:absolute; right:-66px; bottom:0px; height:100%;}
.recruit_div_b a{width:56px; height:56px; display:inline-block; position:absolute; left:0px;}
.recruit_div_b a:hover{ text-decoration:none;}
.recruit_div_b a.ab{ background:url(../images/y_tb1.png) no-repeat; bottom:0px; background-size:100% 100%;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.recruit_div_b a.ab:hover{ bottom:-10px; background:url(../images/y_tb11.png) no-repeat;background-size:100% 100%;}
.recruit_div_b a.at{ background:url(../images/y_tb2.png) no-repeat; bottom:85px;background-size:100% 100%;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.recruit_div_b a.at:hover{bottom:95px; background:url(../images/y_tb21.png) no-repeat;background-size:100% 100%;}
.recruit_context{width:100%; height:100%;/* display:none;*/}
.ny_recruit_cont{width:100%; height:100%;}
.ny_recruit_cont .swiper-slide{ font-size:14px; color:#fff; padding-right:40px;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.ny_recruit_cont .swiper-scrollbar-drag {background: rgba(215,11,11,1);}
.ny_recruit_cont .swiper-scrollbar{ background-color:#fff;}

.ny_px{width:1360px; height:680px; position:absolute; left:50%; top:50%; margin-left:-680px; margin-top:-340px;}
.ny_pxlist{width:100%;}
.ny_pxlist li{width:50%; float:left; padding:0px 2% 2% 2%;}
.ny_pxlist li .div{width:100%; font-size:12px; color:#fff; height:100%; overflow:hidden; display:inline-block; background-color:#464646; overflow:hidden;-moz-border-radius: 50px 0px 0px 50px;      /* Gecko browsers */
-webkit-border-radius: 50px 0px 0px 50px;   /* Webkit browsers */
border-radius:50px 0px 0px 50px;            /* W3C syntax */}
.ny_pxlist li .div:hover{ text-decoration:none; color:#fff;}
.ny_pxlist li .div .img{width:38%;}
.ny_pxlist li .div .img img{width:100%; -moz-border-radius: 50px 0px 0px 50px;      /* Gecko browsers */
-webkit-border-radius: 50px 0px 0px 50px;   /* Webkit browsers */
border-radius:50px 0px 0px 50px;            /* W3C syntax */}
.ny_pxlist li .div .text_r{width:62%; padding:3% 4%;}
.ny_pxlist li .div .text_r span{width:100%; display:inline-block;}
.ny_pxlist li .div .text_r span.s1{ font-size:14px;}
.ny_pxlist li .div .text_r span.s2{ padding:3% 0px;}

.train_section{width:100%; height:100%; position:fixed; top:0px; left:-100%; z-index:2;}

.service_con{width:1168px; height:764px; position:absolute; left:50%; top:50%; margin-left:-584px; margin-top:-382px;}


.service_conbox
{
	position: relative;
	width: 100%;
	height:100%;
}
.lineA, .lineB,.lineC,.lineD,.lineE
{
	position: absolute;
	visibility: hidden;
}
.lineB
{
	top: 127px;
	left: 218px;
}
.lineC
{
	top: 254px;
	left:0px;
}
.lineD
{
	top: 380px;
	left: 218px;
}
.lineE
{
	top: 507px;
	left: 0px;
}
.boxF1, .boxS1, .boxT1, .overlay1
{
	width: 288px;
	height: 250px;
	overflow: hidden;
}
.boxF1, .boxS1
{
	position:absolute;
	visibility: hidden;
}
.boxA-1,.boxB-3,.boxC-5,.boxD-8,.boxE-10{ left:0px;}
.boxA-2,.boxC-7,.boxE-11{ left:871px;}
.boxB-4,.boxC-6,.boxD-9{ left:435px;}
.boxF1
{
	transform: rotate(120deg);
	float: left;
	/*margin-left: 10px;*/
	-ms-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
}
.boxS1
{
	transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
}
.boxT1
{
	transform: rotate(-60deg);
	/*background: no-repeat 50% center;*/
	background-repeat:no-repeat;
	background-size: 100% auto;
	-ms-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	visibility: visible;
	/*position:relative;*/
}
.overlay1
{
	/*transition: all 250ms ease-in-out 0s;*/
	/*display: none;*/
	position: relative;
}
.overlay1:hover
{
	background:url(../images/fw1.png) no-repeat;
/*	background: no-repeat 50% center;*/
	/*background-size: 100% 100%;*/
	/*background: no-repeat 50% center;*/
	background-size: 100% auto;
}
/*.boxT1:hover .overlay1
{
	display: block;
}*/
/*.overlay1 a
{
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -16px 0 0 -16px;
	border-radius: 3px;
	background-color: #d3b850;
	text-align: center;
	line-height: 32px;
	width: 32px;
	height: 32px;
	text-decoration: none;
	color: White;
	font-size: 18px;
	font-weight: bolder;
}*/
.fw_text{width:100%; line-height:2.0; text-align:center; position:absolute; left:0px; top:50%; margin-top:-60px; display:inline-block; color:#fff; font-size:21px;}
.fw_text img{width:25%;-moz-border-radius: 100%;      /* Gecko browsers */
-webkit-border-radius: 100%;   /* Webkit browsers */
border-radius:100%;            /* W3C syntax */}
.fw_text:hover{ text-decoration:none; color:#fff;}
.fw_title{width:100%; line-height:1.6; text-align:center; color:#fff; font-size:15px; position:absolute; left:0px; top:50%; margin-top:-40px; display:inline-block;}
.fw_title span{ font-size:32px; color:#c31023;}







@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/*@-webkit-keyframes bigpig {
  0% {
    -webkit-transform:scale(2.2);transform:scale(2.2);opacity:0;filter:alpha(opacity=0);
  }
  50% {
   -webkit-transform:scale(1);transform:scale(1);opacity:100;filter:alpha(opacity=100);
  }
  100% {
    -webkit-transform:scale(1);transform:scale(1);opacity:100;filter:alpha(opacity=100);
  }
}

@keyframes bigpig {
  0% {
    -webkit-transform:scale(2.2);transform:scale(2.2);opacity:0;filter:alpha(opacity=0);
  }
  50% {
   -webkit-transform:scale(1);transform:scale(1);opacity:100;filter:alpha(opacity=100);
  }
  100% {
    -webkit-transform:scale(1);transform:scale(1);opacity:100;filter:alpha(opacity=100);
  }
}*/

/*补充电视剧项目*/
.tv-project-t{width:100%; margin-bottom:10px; padding:10px 0px;}
.tv-project-t a{ height:35px; line-height:35px; margin-right:8px; padding:0px 15px; display:inline-block; background-color:#fff; text-align:center; color:#000; font-size:14px;}
.tv-project-t a:hover,.tv-project-t a.activetvpro{ background-color:#c31023; color:#fff; text-decoration:none;}


.tv_pro_cont{width:100%; height:90%;}
.tv_pro_cont .swiper-slide{ font-size:14px; color:#fff; padding-right:40px;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.tv_pro_cont .swiper-scrollbar-drag {background: rgba(215,11,11,1);}
.tv_pro_cont .swiper-scrollbar{ background-color:#fff;}


.tv_bcenter{width:820px; height:680px; position:absolute; left:50%; top:50%; margin-left:-410px; margin-top:-340px;}
.tv_bcenter .div-l{width:316px; height:340px; position:absolute; left:0px; top:96px; background:url(../images/tv_y4.png) no-repeat; background-size:100% 100%; text-align:center;-webkit-animation: float ease-in-out 3s infinite; animation: float ease-in-out 3s infinite;transition: 680ms 600ms; cursor:pointer;}
.tv_bcenter .div-l .s1,.tv_bcenter .div-l .s1:hover,.tv_bcenter .div-l .s1:link{width:100%; line-height:1.0; display:inline-block; margin-top:87px; background:url(../images/tv_02.png) top center no-repeat;background-size:90px 90px; padding-top:100px; text-align:center; color:#fff; display:inline-block; font-size:23px; text-decoration:none;}
.tv_bcenter .div-r{width:368px; height:368px; position:absolute; right:0px; top:0px; background:url(../images/tv_y1.png) no-repeat;background-size:100% 100%; text-align:center;-webkit-animation: float ease-in-out 3s infinite; animation: float ease-in-out 3s infinite;transition: 680ms 600ms;animation-delay:1s;-webkit-animation-delay:1s;cursor:pointer;}
.tv_bcenter .div-r .s1,.tv_bcenter .div-r .s1:hover,.tv_bcenter .div-r.s1:link{width:100%;line-height:1.0; display:inline-block;margin-top:95px; background:url(../images/tv_03.png) top center no-repeat;background-size:90px 90px; padding-top:100px; text-align:center; color:#fff; display:inline-block; font-size:23px; text-decoration:none;}
.tv_bcenter .div-b{width:425px; height:296px; position:absolute; right:50px; bottom:0px; background:url(../images/tv_y3.png) no-repeat;background-size:100% 100%; text-align:center;-webkit-animation: float ease-in-out 3s infinite; animation: float ease-in-out 3s infinite;transition: 680ms 600ms;animation-delay:0.5s;-webkit-animation-delay:0.5s;cursor:pointer;}
.tv_bcenter .div-b .div1{width:288px; height:296px;}
.tv_bcenter .div-b .s1,.tv_bcenter .div-b .s1:hover,.tv_bcenter .div-b .s1:link{width:100%;line-height:1.0; display:inline-block; margin-top:87px; background:url(../images/tv_01.png) top center no-repeat;background-size:90px 90px; padding-top:100px; text-align:center; color:#fff; display:inline-block; font-size:23px; text-decoration:none;}
.tv_bcenter .div-t{width:293px; height:293px; position:absolute; left:50%;top:50%; margin-left:-146px; margin-top:-146px; background:url(../images/tv_y2.png) no-repeat;background-size:100% 100%;}
.tv_bcenter .div-t .s1,.tv_bcenter .div-t .s1:hover,.tv_bcenter .div-t .s1:link{width:100%; height:100%; display:inline-block;}
.tv_bcenter .div-t .s1 span{ display:none;}
.tv_bcenter .div-l .s1 font,.tv_bcenter .div-r .s1 font,.tv_bcenter .div-b .s1 font{ font-size:12px;text-transform:uppercase;}

