@charset "utf-8";

/* CSS Document */



@font-face {

  font-family: "iconfont"; /* Project id 2615342 */

  src: url('../fonts/iconfont.woff2?t=1623857743578') format('woff2'),

       url('../fonts/iconfont.woff?t=1623857743578') format('woff'),

       url('../fonts/iconfont.ttf?t=1623857743578') format('truetype');

}

a{outline: none;}



a:active{outline:none;star:expression(this.onFocus=this.blur());}



.iconfont {

  font-family: "iconfont" !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



/*@font-face {

  font-family: 'Swiss721BTBlackCondensed';

  src: url('../fonts/Swiss721BTBlackCondensed.eot');

  src: url('../fonts/Swiss721BTBlackCondensed.eot') format('embedded-opentype'),

       url('../fonts/Swiss721BTBlackCondensed.woff2') format('woff2'),

       url('../fonts/Swiss721BTBlackCondensed.woff') format('woff'),

       url('../fonts/Swiss721BTBlackCondensed.ttf') format('truetype'),

       url('../fonts/Swiss721BTBlackCondensed.svg#Swiss721BTBlackCondensed') format('svg');

}*/



@font-face {

  font-family: 'Source-Light';

  src: url('../fonts/Source-Light.eot');

  src: url('../fonts/Source-Light.eot') format('embedded-opentype'),

       url('../fonts/Source-Light.woff2') format('woff2'),

       url('../fonts/Source-Light.woff') format('woff'),

       url('../fonts/Source-Light.ttf') format('truetype'),

       url('../fonts/Source-Light.svg#Swiss721BTBlackCondensed') format('svg');

}







body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;}

table { border-collapse:collapse; border-spacing:0;}

img { border:0; vertical-align: middle; max-width:100%}

li { vertical-align: middle;}

s {text-decoration: none;}

ol, ul, li { list-style:none;}

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}

input, button, select, textarea, a { outline:none;}

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit;}

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

a { background: transparent; text-decoration: none; color: #000; transition: 0.3s; -moz-transition: 0.3s; 

	-webkit-transition: 0.3s; -o-transition: 0.3s;}

a:active, a:hover { outline: 0;color: #7e0002;}

body { color: #000;word-break:break-all;word-wrap: break-word;

word-break: normal;font-size: 0.18rem; background-color: #fff;}





body{

font-weight: normal;

font-style: normal;

font-family: 'Source-Light','Roboto';

font-weight:300;

}





.o8 { filter:alpha(opacity=100); opacity:1; transition:all 0.25s ease-out 0s; -webkit-transition:all 0.25s ease-out 0s;}

.o8:hover { filter:alpha(opacity=80); opacity:0.8;}

div,p{max-height: 10000rem;}

::selection {color:#fff; background-color: #061034;} ::-moz-selection {color:#fff; background-color: #061034;}

.noselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; }

textarea { -webkit-appearance: none;}



.cer8{ width:94%; margin:0 auto; }

.cer10{ padding:0 8%;}



/* 头部 */

.head{ width: 100%; min-width: 480px; height: 80px; line-height:80px; position: fixed; z-index: 102; top:0;}

.head>.cer9{ position: relative; z-index: 7; height: 100%; margin: 0 3%;border-bottom: 1px solid #fff;}

.headin{ width: 100%; height: 100%; position: relative;}

.head .logo{ }

.head .logo img{ max-height:0.50rem;}

.head .logo img.logo_img{  display: inline-block}

.head .logo img.logo_hover{  display: none}

.head.mini .logo img.logo_img{  display: none}

.head.mini .logo img.logo_hover{  display: inline-block}



.head.mini .logo img{ max-height:0.38rem;}



.headshadow{ width: 100%; height: 0px;}



.head.mini{ height: 66px; line-height: 66px;background-color: #ffffff;}

.head.mini>.cer9{border-bottom: 1px solid #000;}

.head.mini.back_no{ background:none;box-shadow:none}

.head.disappear{ opacity: 0;}

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

	.head{ height: 66px; line-height: 66px;}

	.headshadow{ height: 0px;}

}





.headright{ position: absolute; right:20px; top:0; height: 100%; z-index: 4;

	font-size: 0; text-align: center;}

.headright a{ display: inline-block; vertical-align: top; height: 100%;}

.headright a.tophezuo{ padding-left:25px;

	font-size: 14px; color: #ffffff; margin-right: 20px;}

.headright a.toplogin{ padding-left:25px;

	font-size: 14px; color: #ffffff;}



.head.mini .headright a.tophezuo{color: #162e5a; }

.head.mini .headright a.toplogin{color: #162e5a;}



.headright a.glass{ width: 30px; background: url('../images/glass.png') center no-repeat;}

.headright a.topewm{ width: 16px; background: url('../images/sewm.png') center no-repeat; margin-left: 14px; position: relative;}

.headright a.glass.on{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}



a.tbtn.topewm:after{ content: ''; position: absolute; left: 50%; bottom:5px; z-index: 0;

	width: 0; height: 0; margin-left: -4px; border: 4px solid transparent;}

a.tbtn.topewm:hover:after{ border-top-color: #fff;}

.topewm .bigewm{ position: absolute; width: 100px; height: 100px; top: 100%; 

	right: 0; z-index: 1; display: none; line-height: 100px;

	background-color: #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);}





.topsouout{ padding:15px 0; background-color: rgba(0,0,0,0.5); position: absolute; display: none;

	  z-index: 5; width: 100%; right:0; top:100%; font-size: 16px; line-height: 40px; height: 40px;}

.topsouout .topsou{ position: relative; width: 580px; padding-right: 110px; height:100%;

	background-color: #fff; margin: 0 auto; overflow:hidden;}

.topsou input.shuru{ width: 100%; height:100%; background-color:#fff; border:none; color:#666; text-indent:20px;}

.topsou input.anniu{ position:absolute; top:0; right:0; z-index:2; width:110px; height:100%; border:none; cursor:pointer;

	background-color: #00a1e9; color: #fff; text-align: center; -webkit-transition: .3s; transition: .3s;}

.topsou input.anniu:hover{ background-color: rgba(0,161,233,0.8);}

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

	.topsouout .topsou{ width: 64%; padding-right: 16%;}

	.topsou input.anniu{ width: 20%;}

}



.center_in_back{ background:#fff url("../images/center_backs_in.png") center top no-repeat; background-size:100% auto}

.back_img2{ background: url("../images/Dzimu.png") left 20% no-repeat; background-size:30% auto}

.nav{ position: absolute; right:11%; top:0; z-index: 3; height: 100%; width:auto}

.nav>li{ float: right; height: 100%; position: relative; z-index: 1;}

.nav>li:first-child{ margin-right: 0rem}

.nav>li>a{ display: block; padding: 0 0.25rem; height: 100%; position: relative;

	font-size: 0.2rem; font-weight: 500;color: #fff; text-align: center;}

.nav>li:hover>a,.nav>li.on>a{ color: #fff; font-weight: 500;}

.nav>li>a:after{ left:50%; position: absolute; top: 50%; content: " "; width:0; margin-left: 0; margin-top: 12px;

   border-bottom: 2px solid #fff; -webkit-transition: .3s; transition: .3s; display:none}

.nav>li:hover>a:after,.nav>li.on>a:after{ width: 60px; margin-left: -30px; display:none}



.head.mini .nav>li>a{ color: #333333;}

.head.mini .nav>li:hover>a,.head.mini .nav>li.on>a {

    color: #7e0002;

    font-weight: 500;

}











dl.navtwo{ min-width: 250px; width: 100%; display: none; position: absolute; top: 100%; left:0%; z-index: 1; padding-top:0px;

	-webkit-transition: top 0.3s; -moz-transition: top 0.3s; -ms-transition: top 0.3s; 

	-o-transition: top 0.3s; transition: top 0.3s; 

	-webkit-transform: translate(0%, 0); transform: translate(0%, 0); }



dl.navtwo .inner{ position:relative; width:100%; height:100%; padding-top:5%;}

dl.navtwo .inner:before{ position: absolute; left:-1500%; top:-0%; content: " "; width:3000%;background-color: rgba(255, 255, 255, 1); border-bottom:#000 1px solid; height: 110%; z-index: 1;}







dl.navtwo.on{ top:100%;}

/*dl.navtwo .inner{ width: 100%; background-color: rgba(255,255,255,1); padding: 13px 0;

	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;

	box-shadow: 0 0 7px 2px rgba(0,0,0,0.2);}*/

dl.navtwo .inner{font-size: 0;}

dl.navtwo:after{ position: absolute; left:50%; top: 0; margin-left: -11px; content: " "; width: 23px; 

	background: url('../images/sju1.png') center no-repeat; height: 15px; z-index: 1;}



dl.navtwo dd{ position:relative; z-index:3; height: 36px; line-height: 36px; text-align:left; -webkit-transition: .3s; transition: .3s; width:100%; display:block;margin:4px 0; vertical-align: top; padding-left:20px;}

dl.navtwo dd>a{ display: block; height: 100%; font-size:0.18rem; color: #333; white-space: nowrap;

	padding: 0px; overflow: hidden; font-weight: 500; }

dl.navtwo dd:hover{}

dl.navtwo dd:hover>a{ color: #7e0002;}



dl.navtwo dd>a:after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0; display: none;

	border-bottom: 1px solid #da251d; -webkit-transition: .3s; transition: .3s;}

dl.navtwo dd>a:hover:after{ width: 100%; left:0; transition: width 0.3s; -webkit-transition: width 0.3s;}



dl.navtwo .navtwo_width{ padding-top: 0.45rem; padding-bottom: 0.45rem; padding-left: 2%; padding-right: 2%}

dl.navtwo .navtwo_width .navtwo_left{ float: left; width: 65%; line-height: 1}

dl.navtwo .navtwo_width .navtwo_left .navtwo_titile{ border-bottom: #000 1px solid; padding-bottom: 0.1rem; line-height: 1; font-size: 0.2rem; margin-bottom: 0.1rem; display: inline-block;font-weight: 500;}





dl.navtwo .navtwo_width .navtwo_left .navtwo_lists ul li{ display: inline-block; vertical-align: top; width:48%; padding-bottom: 0.2rem;}

dl.navtwo .navtwo_width .navtwo_left .navtwo_lists ul li h3{ border-bottom: #000 1px solid; padding-bottom: 0.1rem; line-height: 1; font-size: 0.2rem; margin-bottom: 0.1rem; display: inline-block;font-weight: 500;}

dl.navtwo .navtwo_width .navtwo_left .navtwo_lists ul li .navtwo_font{}

dl.navtwo .navtwo_width .navtwo_left .navtwo_lists ul li .navtwo_font p{ line-height: 36px; margin: 0px 0;}



dl.navtwo .navtwo_width .navtwo_right{ float: right; width:26%; background-position: center center; background-repeat: no-repeat; background-size:  cover; border-radius: 0.15rem;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2); height: 2.2rem;}





/* 手机导航 */

.navsjout{ width: 100%; opacity: 0; overflow: auto; position: fixed; top:0; bottom: 0; left:-100%; z-index: 101;

	-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;

	-o-transition: 0.4s; transition: 0.4s; background-color: #fff;}

.navsjout.on{ opacity: 1; left:0;}



.navsj{ width:94%; -webkit-overflow-scrolling : touch;

	position: absolute; top:100px; left:3%;}

.navsj>li{ position: relative;}

.navsj>li>a{ display: block; height:1rem; text-align: center; line-height:1rem; 

	font-size: 0.26rem; color: #000; position: relative; }

/*.navsj>li>a:after{ content: ''; position: absolute; left: 3%; right:3%; bottom:0; z-index: 0;

	height: 1px; background-color: #000;}*/



.navsjtwo{ width: 100%; overflow: hidden; display: none; padding: 0; background-color: #f1f1f1;}

.navsjtwo>li{ width: 100%; border-bottom: 1px solid #fff;}

.navsjtwo>li>a{ display: block; line-height: 0.9rem; font-size: 0.22rem; color: #000;

	position: relative; z-index: 1; border-bottom:#fff 2px solid;text-align: center;}





.navsjtwo .navtwo_left{padding: 10px;}

.navsjtwo .navtwo_left .navtwo_lists ul li{}

.navsjtwo .navtwo_left .navtwo_titile{ font-size: 20px; font-weight: 500; padding: 10px 0; border-bottom:#ccc 1px solid;}

.navsjtwo .navtwo_left .navtwo_titile i{position: initial;

    right: initial;

    top: initial;

    z-index: 1;

    width: initial;

    height: initial;

    display: initial;

    cursor: pointer;

    background: none;

    background-size: auto;}

.navsjtwo .navtwo_left .inner{padding: 10px;}

.navsjtwo .navtwo_left .inner dd{ font-size: 16px; padding: 8px 0}



.navsjtwo .navtwo_left .navtwo_lists ul li h3{ font-size: 20px; font-weight: 500; padding: 10px 0; border-bottom:#ccc 1px solid;}

.navsjtwo .navtwo_left .navtwo_lists ul li .navtwo_font{padding: 10px;}

.navsjtwo .navtwo_left .navtwo_lists ul li .navtwo_font p{ font-size: 16px; padding: 8px 0}

.navsjtwo .navtwo_left .navtwo_lists ul li h3 i{position: initial;

    right: initial;

    top: initial;

    z-index: 1;

    width: initial;

    height: initial;

    display: initial;

    cursor: pointer;

    background: none;

    background-size: auto;}







.navsj li i{ position: absolute; right: 22%; top:0; z-index: 1; width: 1rem; height: 1rem;

	display: block; cursor: pointer; background: url('../images/nav-jtd1.png') center no-repeat;background-size: 13px auto;}

.navsj li.on i{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); 

	-ms-transform: rotate(180deg); transform: rotate(180deg);}



.navsj,.navsj li i{ -moz-transition: 0.3s; -ms-transition: 0.3s;

	-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}







#close { position: fixed; left: 0; top: 0; width: 100%;bottom: 0; z-index: 9; display: none; 

	background-color: rgba(0,0,0,0.6); cursor: pointer;}



.navbtn{position: absolute; right:0; top:0; z-index: 20; width: 90px; height: 100%; display: none;

	-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;

	-o-transition: 0.4s; transition: 0.4s;}



.head .navbtn s{ position: absolute; left: 25%; display: block; width: 50%; height:0.02rem; background-color: #fff;

	-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;

	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}

.head.on .navbtn s{background-color: #333;}

.navbtn>s:nth-child(1){top: 32%;}

.navbtn>s:nth-child(2){top: 48%; width: 40%; transform: rotate(0deg) scale(1,1);}

.navbtn>s:nth-child(3){top: 64%;}

.navbtn.on s:nth-child(1){ top:48%; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}

.navbtn.on s:nth-child(2) { transform: rotate(-180deg) scale(0,1);}

.navbtn.on s:nth-child(3) { top:48%; -webkit-transform: rotate(225deg); transform: rotate(225deg);}

.head  .serch_btns a {

	color: #ffffff;}

.head.on  .serch_btns a {

	color: #333;}

.head.mini .language{ color:#333}

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

	.navsjout{ display: none;}

}

.head .language {

	position: absolute; top:0px; right:0%; z-index: 10;color: rgba(255, 255, 255, 0.5); font-size:0.2rem; }

.head.mini .language{color: rgba(0, 0, 0, 0.5);}

.head .language a.language_now{ font-weight: 500; display:inline-block; margin-right:0.15rem; color:#fff}

.head.mini .language a.language_now{ color:#000;}

.head .language a.language_other{ display:inline-block; margin-left:0.15rem; color:#fff}

.head.mini .language a.language_other{ color:#000;}

.head .serch_btns {

	position: absolute; top:0px; right:9%; font-size: 0.2rem; }

.head  .serch_btns a {

	color: #ffffff;}

.head.mini .serch_btns {

	 }

.head.mini .serch_btns a {

	color: #333333;}





.search_content{ position: fixed; left:0; top:0; right:0; bottom:0; z-index:20000; height:100%; width:100%;background: rgba(0,0,0,0.7); display:none}

.search_input{ position:fixed; top:50%; left:30%; width:40%; margin-top:-0.4rem; z-index:20001; font-size:16px;display:none }

.search_input .input_area{ float:left; width:70%; background-color:#FFFFFF; height:0.8rem; line-height:0.8rem; text-indent:0.2rem; border:0; color:#666666; font-size:0.16rem;}

.search_input .input_submits{ float:left; width:30%; background-color:#000; height:0.8rem; line-height:0.8rem; border:0; color:#FFFFFF; font-weight: 500; font-size:0.20rem;}

.search_input .input_submits:hover{background-color:#7e0002;}







.head .language span {

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  padding: 0 4px;

  height: 66px;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  color: #ffffff;

  font-size: 14px;

  cursor: pointer; padding-right: 10px; margin-right: -10px;

}

.head.on .language span{ color:#333;}

.head.mini .language span{height: 66px;  color: #333;}

.language span img {

  display: inline-block;

  height: 20px;

}

.language span b {

  display: inline-block;

  margin-left: 10px;

  font-weight: normal;

}

.language span b i {

  display: inline-block;

  vertical-align: middle;

  margin-left: 8px;

  font-size:8px;

  font-style: normal;

}

.language:hover .language__down {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  -moz-transform: translateY(0px);

  -ms-transform: translateY(0px);

  -o-transform: translateY(0px);

  transform: translateY(0px);

  pointer-events: visible;

}

.language__down {

  position: absolute;

  left: 50%;

  margin-left: -60px;

  top: 70%;

  width: 120px;

  padding-top: 14px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(30px);

  -moz-transform: translateY(30px);

  -ms-transform: translateY(30px);

  -o-transform: translateY(30px);

  transform: translateY(30px);

  -webkit-transition: 0.48s;

  -o-transition: 0.48s;

  -moz-transition: 0.48s;

  transition: 0.48s;

  pointer-events: none;

}

.language__wrap {

  position: relative;

  padding: 16px 0;

  z-index: 5;

  background: #fff;

  border-radius: 4px;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);

}

.language__wrap:before {

  position: absolute;

  left: 50%;

  margin-left: -6px;

  top: -6px;

  content: "";

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-bottom: 6px solid #fff;

}

.language__wrap p {

  text-align: center;

  margin-bottom: 12px; line-height: 2

}

.language__wrap p:last-child {

  margin-bottom: 0;

}

.language__wrap p a {

  display: inline-block;

  color: #4872c4;

  font-size: 14px;

  min-width: 69px;

}

.language__wrap p a img {

  display: inline-block;

  vertical-align: middle;

  margin-right: 10px;

  position: relative;

  top: -2px;

}

.language__wrap p a:hover {

  color: #e97d3c;

}





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

.language {

  position: absolute; top:-13px; right:80px; color: #ffffff;

}

	.head.mini .language span {

    height: 66px;

    color: #333;

    font-size: 16px;

}

	.language span b i{ color: #fff;}

	

	

.head.mini	.language {

  position: absolute; top:0px; right:80px; color: #333;

}

.head.on .language span b i{ color: #333;}	

	

}



/*底部版权信息样式*/

.bottom_contact{ background:#124b89 url("../images/back_img01.jpg") center center no-repeat; background-size: cover; padding: 30px 0;    line-height:2;}

.bottom_contact .left_font{ float: left; font-size:30px; font-weight: 500; color: #ffffff;}

.bottom_contact .left_font span{color: #ffc926;}

.bottom_contact .right_btn{ float: right; background: url("../images/more_icon2.png") right center no-repeat; padding-right: 66px; text-align: right; background-size: 36px auto;margin-top: 14px;}

.bottom_contact .right_btn a{}

.bottom_contact .right_btn a span{ font-size: 18px; font-weight: 500; color: #ffffff; padding-bottom: 8px; border-bottom: #fff 1px solid;display: inline-block; line-height: 30px}

.bottom_contact .right_btn a:hover{ padding-right:10px; color: #ffffff; }



.clearfix { *zoom:1;}

.clearfix:after{

	clear:both; 

	display:block; 

	height:0; 

	visibility:hidden; 

	line-height:0; 

	content:'\20';

}

.bottom{ background-color:#fff; border-top:#000 1px solid; padding-top:0.6rem; padding-bottom:0.3rem;

}

.float_l_con{ float:left; width:55%;}

.float_l_con .bottom_logo img{ max-height:0.45rem; margin-bottom:0.5rem;}

.float_l_con .bottom_brand{ font-size:0.4rem; line-height:1.5; color:#000; margin-bottom:0.6rem;}

.float_l_con .bottom_brand a{ color:#666;}

.float_r_con{ float:right; width:45%; text-align:right;}

.float_r_con ul{ padding-right:45%;}

.float_r_con ul li{ line-height:1.5; padding:0.15rem 0;}

.float_r_con ul li a{ color:#000;font-weight: 500;}

.float_r_con ul li a:hover{background: linear-gradient(to right,#ae1817,#d3a844);-webkit-background-clip: text;-webkit-text-fill-color: transparent;

    background-clip: border-box, border-box, border-box;

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  transition: all 0.5s ease-out;}



.bottom_banquan{float:left; width:35%; text-align:left}

.bottom_links{float:left; width:35%; text-align:center; font-size:0.2rem}

.bottom_links ul li{ display:inline-block; padding:0 0.1rem;}

.bottom_language{float:right; width:30%; text-align:right; color:#999}

.bottom_language a.language_now_bottom{ font-weight: 500; display:inline-block; margin-right:0.15rem; }

.bottom_language a.language_other_bottom{ display:inline-block; margin-left:0.15rem;}



.panel:not(:first-child){width:25%;}

/*.foot-content .panel:last-child{width: 360px; margin-left: 100px;}*/

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

.foot-content .panel:last-child{}

.panel:not(:last-child) {

    width: 150px;

}	



	.foot-content .panel a {

    color: #fff;

    font-size: 13px;

}

	.QRcode-group .QR img {

    width: 120px;

    height: 120px;

}

.headright a.toplogin{ padding-left:15px;}

	}

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

.foot-content .panel:last-child{margin-left:0px;}

.panel:not(:last-child) {

    width: 120px;

}	

.bottom_contact .left_font {

    font-size:22px;

}

	}

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

.foot-content .panel:last-child{margin-left:0px;}

.panel:not(:last-child) {

    width: 112px;

}	

	}

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

	.foot-content .item {

    float: none;

    width: 100%;

}

	

.foot-content .panel:last-child{margin-left: 0px;}

	.QRcode-group {

    position: relative;

    float: none;

    text-align: center;

}

	.foot-content{ padding-bottom: 0;}

	.foot-content {

    padding: 40px 0 20px;

}

	.head .logo img {

    max-height: 24px;

}

}



.foot-content .panel h2{font-size:0.22rem; position: relative;color: #7e0002;margin-bottom: 10px; padding-right: 0.2rem;font-weight: bold}

.foot-content .panel h2 a{ color: #fff}

.foot-content .panel h2:after{content: '';width:20px;margin-top: 13px; display: block;height: 2px;background: #fff; display: none}

.foot-content .panel{float: right; text-align: left; width: 20%}

.foot-content .panel .navtwo_left{ padding-right:0.1rem}

.foot-content .panel .navtwo_left .navtwo_titile{ font-size: 0.22rem; color: #fff; padding-bottom: 10px; padding-top:10px;  margin-bottom:5px; display: none}

.foot-content .panel .navtwo_left .navtwo_lists ul li h3{ font-size: 0.22rem; color: #fff; padding-bottom: 10px; padding-top:10px;  margin-bottom:5px; display: none}

.foot-content .panel .navtwo_left .inner{}

.foot-content .panel .navtwo_left .inner dd a{ display: block;font-size: 0.16rem;color: rgba(102,102,102,0.9); padding: 6px 0;}



.foot-content .panel .navtwo_left .navtwo_lists ul li .navtwo_font p a{ display: block;font-size: 14px;color: rgba(255,255,255,0.6); padding: 6px 0;}

/*.foot-content .panel:first-child{width:19%}*/

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

	.foot-content .panel{float: left; text-align: left; width: 16%}

.foot-content .panel:first-child{width:28%}

	

}

.foot-content .panel li{line-height:2.4;  padding-right: 0.2rem; font-size: 0.14rem; color: #a7abb6;}

.foot-content .panel a{color: #fff;}

.foot-content .panel a:hover{color: #fff;}

.foot-content .contact .iconfont{display: inline-block;vertical-align: middle;margin-right:10px;}



.complain-skin .layui-layer-content{color: #666 !important;}

.foot-content .item { float: right; width:76%;}

.QRcode-group{position: relative;float: left;text-align: left; width: 20%;}

.QRcode-group .bottom_logo{ background: url("../images/logo_bottom.png") center center no-repeat; width:1.9rem; height: 0.29rem; background-size: cover; margin-bottom: 0.3rem;}

.QRcode-group .compant_name{ position: relative; font-size: 0.22rem; color: #fff; line-height: 1; margin-bottom: 0.4rem; font-weight: bold}

.QRcode-group .compant_name::after {

  left: 0%;

  position: absolute;

  bottom:-0.2rem;

  content: " ";

  width:16px; height: 2px;

  background-color: #cf2b1e;

  -webkit-transition: .3s;

  transition: .3s;

}

.QRcode-group  .bottom_con{ font-size: 0.14rem;}

.QRcode-group  .bottom_con ul li{ margin-bottom: 0.2rem; line-height:1.7;color:#fff}

.QRcode-group  .bottom_con ul li .iconfont{ display: inline-block; width:6%;vertical-align: top;}

.QRcode-group  .bottom_con ul li div{ display: inline-block; width: 92%;vertical-align: top;}





/*首页 页面样式 开始*/

.banner_home.PC_show{ display: block;opacity:1}

.banner_home.PC_show:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height:20%;

    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.472525) 7.9%, rgba(0, 0, 0, 0.44147) 15.3%, rgba(0, 0, 0, 0.40761) 22.2%, rgba(0, 0, 0, 0.3713) 28.7%, rgba(0, 0, 0, 0.33346) 34.8%, rgba(0, 0, 0, 0.294455) 40.6%, rgba(0, 0, 0, 0.254625) 46.2%, rgba(0, 0, 0, 0.21433) 51.7%, rgba(0, 0, 0, 0.174085) 57.2%, rgba(0, 0, 0, 0.13465) 62.8%, rgba(0, 0, 0, 0.096545) 68.7%, rgba(0, 0, 0, 0.06063) 75.2%, rgba(0, 0, 0, 0.02941) 82.6%, rgba(0, 0, 0, 0.007285) 91.2%, rgba(0, 0, 0, 0) 100%, transparent);

    z-index: 2

}

.banner_home.Mobile_show{display: none;opacity:0}

.banner_home {

    position: relative;

    overflow: hidden;

    position: fixed;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

}

.banner_home .scroll-btn{ position: absolute; left: 50%; bottom: 22px; z-index: 2;-webkit-animation: start 1.5s infinite ease-in-out; color: #ffffff; text-align: center; margin-left: -30px;}

.banner_home .scroll-btn span{ display: inline-block; font-size:0.4rem;}

.banner_home .scroll-btn span img{ height: 10px; }

@-webkit-keyframes start {

	0%,30% {opacity: 0;-webkit-transform: translate(0,-10px);}

	60% {opacity: 1;-webkit-transform: translate(0,0);}

	100% {opacity: 0;-webkit-transform: translate(0,12px);}

}

@-moz-keyframes start {

	0%,30% {opacity: 0;-moz-transform: translate(0,-10px);}

	60% {opacity: 1;-moz-transform: translate(0,0);}

	100% {opacity: 0;-moz-transform: translate(0,12px);}

}

@keyframes start {

	0%,30% {opacity: 0;transform: translate(0,-10px);}

	60% {opacity: 1;transform: translate(0,0);}

	100% {opacity: 0;transform: translate(0,12px);}

}





.home_banner_pics .swiper-pagination-bullet {

  width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px));

  height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px));

  display:inline-block;

  border-radius:50%;

  background:var(--swiper-pagination-bullet-inactive-color,#fff);

  opacity:var(--swiper-pagination-bullet-inactive-opacity, .5)

}



.home_banner_pics .swiper-pagination-bullet-active {

  opacity:var(--swiper-pagination-bullet-opacity, 1);

  background:var(--swiper-pagination-color,#7e0002)

}



.home_banner_pics .swiper-slide{ position:relative; overflow:hidden; width:100%; height:100%;}

.home_banner_pics .swiper-slide .pic_show{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; width:100%; height:100%;background-repeat:no-repeat; background-position:center; background-size:cover}





/* 添加动画名称和时长 */

@keyframes bg-zoom {

  0% {

    transform: scale(1); /* 初始大小 */

  }

 

  100% {

    transform: scale(1.2); /* 放大10% */

  }

}



@keyframes bg-suoxiao {

  0% {

    transform: scale(1.2); /* 初始大小 */

  }

  100% {

    transform: scale(1); /* 恢复原大小 */

  }

}

 

@keyframes bg-slide_left {

  0% {

    background-position:-30px cener; /* 初始位置 */

	transform: scale(1.08);

  }

  100% {

    background-position: 30px cener; /* 向右滑动100px */

	transform: scale(1.08);

  }

}

@keyframes bg-slide_right {

  0% {

    background-position: 0 30px; /* 初始位置 */

	transform: scale(1.08);

  }

  100% {

    background-position: 0 -30px; /* 向左滑动100px */

	transform: scale(1.08);

  }

}

@keyframes bg-slide_top {

  0% {

    background-position: 0 30px; /* 初始位置 */

	transform: scale(1.08);

  }

  100% {

    background-position: 0 -30px; /* 向上滑动100px */

	transform: scale(1.08);

  }

}

@keyframes bg-slide_bottom {

  0% {

    background-position: 0 -30px; /* 初始位置 */

	transform: scale(1.08);

  }

  100% {

    background-position: 0 30px; /* 向下滑动100px */

	transform: scale(1.08);

  }

}

 



.home_banner_pics .swiper-slide .banner_fontsd{ position:absolute; z-index:2;position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  font-size: 0.5rem;

  color: #fff;

  /* font-family: 'Roboto';*/

  font-weight: 400;

  text-shadow: 0px 1px 4px #666; color:#fff; display:none;}

  .home_banner_pics .swiper-slide .banner_fontsd a{color:#fff; opacity:0.6;}

    .home_banner_pics .swiper-slide .banner_fontsd a:hover{color:#fff; opacity:1;}

/*  .home_banner_pics .swiper-slide:hover .banner_fontsd{ display:block}*/



.home_banner_pics .swiper-slide:nth-child(1).swiper-slide-active .pic_show{  animation: bg-zoom 5.5s infinite;  animation-timing-function: ease-in-out;animation-iteration-count: 1;

 }

.home_banner_pics .swiper-slide:nth-child(2).swiper-slide-active .pic_show{  animation: bg-suoxiao 5.5s infinite;  animation-timing-function: ease-in-out;animation-iteration-count: 1;

 }

.home_banner_pics .swiper-slide:nth-child(3).swiper-slide-active .pic_show{  animation: bg-zoom 5.5s infinite;  animation-timing-function: ease-in-out;animation-iteration-count: 1;

 }

.home_banner_pics .swiper-slide:nth-child(4).swiper-slide-active .pic_show{  animation: bg-suoxiao 5.5s infinite;  animation-timing-function: ease-in-out;animation-iteration-count: 1;

 }

.home_banner_pics .swiper-slide:nth-child(5).swiper-slide-active .pic_show{  animation: bg-slide_left 5.5s infinite;  animation-timing-function: ease-in-out;animation-iteration-count: 1;

 }

.home_banner_pics .swiper-slide:nth-child(6).swiper-slide-active.swiper-slide-active .pic_show{  animation: bg-slide_right 5.5s infinite;  animation-timing-function: ease-in-out;

 }

.home_banner_pics .swiper-slide:nth-child(7).swiper-slide-active .pic_show{  animation: bg-slide_top 5.5s infinite;  animation-timing-function: ease-in-out;animation-iteration-count: 1;

 }

.home_banner_pics .swiper-slide:nth-child(8).swiper-slide-active .pic_show{  animation: bg-slide_bottom 5.5s infinite;  animation-timing-function: ease-in-out;animation-iteration-count: 1;

 }

 .home_banner_pics .swiper-slide:nth-child(9).swiper-slide-active .pic_show{  animation: bg-suoxiao 5.5s infinite;  animation-timing-function: ease-in-out;animation-iteration-count: 1;

 }

.home_banner_pics .swiper-slide:nth-child(10).swiper-slide-active .pic_show{  animation: bg-slide_left 5.5s infinite;  animation-timing-function: ease-in-out;animation-iteration-count: 1;

 }

.home_banner_pics .swiper-slide:nth-child(11).swiper-slide-active .pic_show{  animation: bg-zoom 5.5s infinite;  animation-timing-function: ease-in-out;animation-iteration-count: 1;

 }

.home_banner_pics .swiper-slide:nth-child(12).swiper-slide-active .pic_show{  animation: bg-suoxiao 5.5s infinite;  animation-timing-function: ease-in-out;animation-iteration-count: 1;

 }

 

/*.home_banner_pics .swiper-slide:nth-child(3).swiper-slide-active .pic_show{-webkit-animation-delay:0.4s;-moz-animation-delay: 0.4s;-o-animation-delay:0.4s;animation-delay:0.4s;transform: scale(1.1);  opacity:1}*/



/*.home_banner_pics .swiper-slide:nth-child(4) .pic_show{-webkit-animation-delay:0.4s;-moz-animation-delay: 0.4s;-o-animation-delay:0.4s;animation-delay:0.4s;transition: transform 5s;transform: scale(1.1); opacity:1;}

.home_banner_pics .swiper-slide:nth-child(4).swiper-slide-active .pic_show{-webkit-animation-delay:0.4s;-moz-animation-delay: 0.4s;-o-animation-delay:0.4s;animation-delay:0.4s;transform: scale(1.3); opacity:1}









.home_banner_pics .swiper-slide:nth-child(5) .pic_show{-webkit-animation-delay:0.4s;-moz-animation-delay: 0.4s;-o-animation-delay:0.4s;animation-delay:0.4s;transition: transform 5s;transform: scale(1.1);transform: translateX(-7%); opacity:0.2;}

.home_banner_pics .swiper-slide:nth-child(5).swiper-slide-active .pic_show{-webkit-animation-delay:0.4s;-moz-animation-delay: 0.4s;-o-animation-delay:0.4s;animation-delay:0.4s;transform: scale(1.1); transform: translateX(0%); opacity:1}



.home_banner_pics .swiper-slide:nth-child(7) .pic_show{-webkit-animation-delay:0.4s;-moz-animation-delay: 0.4s;-o-animation-delay:0.4s;animation-delay:0.4s;transition: transform 5s;transform: scale(1.3);transform: translateX(7%); opacity:1;}

.home_banner_pics .swiper-slide:nth-child(7).swiper-slide-active .pic_show{-webkit-animation-delay:0.4s;-moz-animation-delay: 0.4s;-o-animation-delay:0.4s;animation-delay:0.4s;transform: scale(1.3); transform: translateX(0%); opacity:1}





.home_banner_pics .swiper-slide:nth-child(6) .pic_show{-webkit-animation-delay:0.4s;-moz-animation-delay: 0.4s;-o-animation-delay:0.4s;animation-delay:0.4s;transition: transform 5s;transform: scale(1.1);transform: translateX(5%); opacity:0.2;}

.home_banner_pics .swiper-slide:nth-child(6).swiper-slide-active .pic_show{-webkit-animation-delay:0.4s;-moz-animation-delay: 0.4s;-o-animation-delay:0.4s;animation-delay:0.4s;transform: scale(1.1); transform: translateX(0%); opacity:1}



.home_banner_pics .swiper-slide:nth-child(8) .pic_show{-webkit-animation-delay:0.4s;-moz-animation-delay: 0.4s;-o-animation-delay:0.4s;animation-delay:0.4s;transition: transform 5s;transform: scale(1.4);transform: translateY(80px); opacity:1;}

.home_banner_pics .swiper-slide:nth-child(8).swiper-slide-active .pic_show{-webkit-animation-delay:0.4s;-moz-animation-delay: 0.4s;-o-animation-delay:0.4s;animation-delay:0.4s;transform: scale(1.4); transform: translateY(0%); opacity:1}



.home_banner_pics .swiper-slide:nth-child(9) .pic_show{-webkit-animation-delay:0.4s;-moz-animation-delay: 0.4s;-o-animation-delay:0.4s;animation-delay:0.4s;transition: transform 5s;transform: scale(1.4);transform: translateY(-80px); opacity:1;}

.home_banner_pics .swiper-slide:nth-child(9).swiper-slide-active .pic_show{-webkit-animation-delay:0.4s;-moz-animation-delay: 0.4s;-o-animation-delay:0.4s;animation-delay:0.4s;transform: scale(1.4); transform: translateY(0%); opacity:1}*/







.home_banner_pics {

  position: relative;

  overflow: hidden;

  position: fixed;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

}

.home_banner_pics .slick-dots{ bottom:0.2rem;}

.home_banner_pics .slick-dots li.slick-active button {

  background: #7e0002;

}

.home_banner_pics .slick-dots li{ margin: 0 0.05rem;}

.home_banner_pics .slick-dots li button {

  border: 0;

  display: block;

  height: 10px;

  width: 10px;

  padding: 0;

  margin: 0;

  outline: none;

  line-height: 0;

  font-size: 0;

  cursor: pointer;

  background: #fff;

  border-radius: 10px;

}





.home_banner_pics .scroll-btn{ position: absolute; left: 50%; bottom: 0.4rem; z-index: 2;-webkit-animation: start 1.5s infinite ease-in-out; color: #ffffff; text-align: center; margin-left: -0.2rem;}

.home_banner_pics .scroll-btn span{ display: inline-block; font-size:0.4rem;}

.home_banner_pics .scroll-btn span img{ height: 10px; }

@-webkit-keyframes start {

	0%,30% {opacity: 0;-webkit-transform: translate(0,-10px);}

	60% {opacity: 1;-webkit-transform: translate(0,0);}

	100% {opacity: 0;-webkit-transform: translate(0,12px);}

}

@-moz-keyframes start {

	0%,30% {opacity: 0;-moz-transform: translate(0,-10px);}

	60% {opacity: 1;-moz-transform: translate(0,0);}

	100% {opacity: 0;-moz-transform: translate(0,12px);}

}

@keyframes start {

	0%,30% {opacity: 0;transform: translate(0,-10px);}

	60% {opacity: 1;transform: translate(0,0);}

	100% {opacity: 0;transform: translate(0,12px);}

}



.banner_home .text{ position: absolute; left: 0; top: 50%; width: 100%; text-align: center; color: #ffffff; margin-top: -150px;z-index: 22;}

.banner_home  .text img {

    display: inline-block;

}

.banner_home  .text h5{font-weight: 500;margin-bottom:45px;text-transform:uppercase;}

.banner_home  .text p{font-size: 0.20rem; margin-bottom: 0.5rem;text-transform:uppercase;text-shadow:#666 1px 1px 6px}

.banner_home .text a{ position: relative; width: auto; text-align: center;height: auto; line-height: 1; display: inline-block; border:#ffffff 1px solid; color: #ffffff;text-transform:uppercase; padding: 10px 50px; padding-right: 70px;}

.banner_home  .text a span{ position: absolute; right:48px; top: 10px; padding-top:0px}

.banner_home  .text a span img{ height:12px; }

.banner_home  .text a:hover{ background-color: #DB6154;  border:#DB6154 1px solid;color: #ffffff}



.banner_home .item.slick-current h5{animation: fadeInDown  2s ease; animation-fill-mode: both;}

.banner_home .item.slick-current p{animation: fadeInUp  2s ease; animation-fill-mode: both;}

.banner_home .item.slick-current a{animation: fadeInUp  2s ease; animation-fill-mode: both;}

.banner_home .slick-dots{ bottom: 0.7rem}

.banner_home .slick-dots li button{ height: 12px; width: 12px;}



@-webkit-keyframes fadeInRight {

 0% {

  opacity:1;

  -webkit-transform:translate3d(100%,0,0);

  transform:translate3d(100%,0,0);

 }

 100% {

  opacity:1;

  -webkit-transform:translate3d(100%,0,0);

  transform:translate3d(100%,0,0);

 }

}

@keyframes fadeInRight {

 0% {

  opacity:1;

  -webkit-transform:translate3d(100%,0,0);

  transform:translate3d(100%,0,0);

 }

 100% {

  opacity:1;

   -webkit-transform:translate3d(100%,0,0);

  transform:translate3d(100%,0,0);

 }

}



.banner_home .item{ position: relative; width:100%;  }

.banner_home .item .banner_vedio_font{   position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%); font-size:0.6rem; color:#fff;

font-family:'Roboto';

font-weight:400;text-shadow: 0px 1px 4px #666;}



.banner_home .item .banner_vedio_link{   position: absolute; /* 或者使用fixed */

  left: 50%; bottom:1rem;

  transform: translateX(-50%);font-size:0.6rem; color:#fff;

font-family:'Roboto';

font-weight:400;}



.banner_home .item .banner_vedio_link a{ display:inline-block; padding:0.1rem 0.2rem; background-color:#000; color:#fff; color:#fff;

font-family:'Roboto';

font-weight:200;font-size:0.22rem; text-transform: uppercase;}

.banner_home .item .banner_vedio_link a:hover{background: radial-gradient(55% 77.26% at 12.08% 132.16%,#ffcd00 0,rgba(248,233,70,0) 100%),radial-gradient(54.81% 158.02% at 100% 104.81%,#783cbd 0,rgba(117,115,192,0) 100%),linear-gradient(.299turn,#00c1de -.5%,#98dae9 45.04%);}







.banner_home  .item.slick-current{

 }

 

 .banner_home .item .banner_vedio {

  width: 100%;

  height: 100%;    position: relative;

    width: 100%; /* 或指定宽度 */

    height: 0;

    padding-bottom: 56.25%; 

}

 .banner_home .item .banner_vedio video{    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: contain;}





.banner_home   .swiper-container {

      width: 100%;

      height: 100%;border:0

    }



.banner_home   .swiper-slide {

      text-align: center;

      background: #fff;

	  overflow:hidden; border:0;

    }

.banner_home   .swiper-slide .weiyi{transform:0}

	

@keyframes scale33 {

 from {

  transform: translateX(-100px) scale(1.15);

	 transition-timing-function:linear;

 }

 to {

  transform: translateX(0px) scale(1.15);

	 transition-timing-function:linear;

 }

}

.banner_home  .slide-inner {

	  position: absolute;

	  width: 100%;

	  height: 100%;

	  left: 0;

	  top: 0;

	  background-size: cover;

	  background-position: center;

	  display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

	  color:#fff;transform:none;

	}



.banner_home .swiper-slide.swiper-slide-active .weiyi{ animation:scale22 6s infinite;}



@keyframes scale22 {

 from {

  transform: translateX(0px) scale(1.15);

	 transition-timing-function:linear;

 }

 to {

  transform: translateX(-100px) scale(1.15);

	 transition-timing-function:linear;

 }

}



.banner_home  .swiper-button-prev{background: url("../images/l_btn.png") center center no-repeat;

height:50px;

width:50px;

background-size: cover;

top:50%;

margin-top:-25px;

left:3%; border: 0;z-index: 23;-webkit-transition: all ease .4s;

transition: all ease .4s; border:0;opacity:0}

.banner_home  .swiper-button-prev:hover{-webkit-transition: all ease .4s;

transition: all ease .4s;left:2.5%;opacity:1}

.banner_home  .swiper-button-next{background: url("../images/r_btn.png") center center no-repeat;

height:50px;

width:50px;

background-size: cover;

top:50%;

margin-top:-25px;

right:3%; border: 0; z-index: 23;-webkit-transition: all ease .4s;

transition: all ease .4s; border:0;opacity:0}

.banner_home  .swiper-button-next:hover{-webkit-transition: all ease .4s;

transition: all ease .4s;right:2.5%;opacity:1}



.banner_home  .swiper-button-prev:after,.banner_home  .swiper-rtl .swiper-button-next:after{ display:none}

.banner_home  .swiper-button-next:after,.banner_home  .swiper-rtl .swiper-button-prev:after{display:none}

.swiper-button-white{ border:0}

.banner_home  .swiper-pagination .swiper-pagination-bullet:focus{outline:none;}

.banner_home  .swiper-pagination-clickable .swiper-pagination-bullet{cursor: auto}



.indexmainbox{background-color: #FFF;

  position: relative;

  z-index:60;}

  

.Selected_works{ padding-top:0.8rem; padding-bottom:0.8rem;}

.Selected_works .Selected_works_tit{ line-height:1.5; font-size:0.40rem; color:#7e0002; margin-bottom:0.4rem;font-weight: 500;}

.Selected_works .Selected_works_lists{}

.Selected_works .Selected_works_lists li{ margin-bottom:0rem;}

.Selected_works .Selected_works_lists li a{ display:block; margin-right:40%;}

.Selected_works .Selected_works_lists li a .one_img{height:6rem; overflow:hidden;margin-bottom:0.3rem;}

.Selected_works .Selected_works_lists li a .one_img .back_pic{ height:6rem; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform: scale(1);transition: all 2s; }

.Selected_works .Selected_works_lists li a:hover .one_img .back_pic{transform: scale(1.1); }

.Selected_works .Selected_works_lists li a .case_fonts{ text-align:left; padding-left:10%; padding-right:10%;}

.Selected_works .Selected_works_lists li a .case_fonts .case_fonts_tit{ display:inline-block; position:relative; font-size:0.40rem; line-height:1.5; font-weight: 500; color:#000; margin-bottom:0.2rem;

}

.Selected_works .Selected_works_lists li a:hover .case_fonts .case_fonts_tit{ background: linear-gradient(to right,#ae1817,#d3a844);-webkit-background-clip: text;-webkit-text-fill-color: transparent;

    background-clip: border-box, border-box, border-box;

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  transition: all 0.5s ease-out;}

/*.Selected_works .Selected_works_lists li a:hover .case_fonts .case_fonts_tit{background: linear-gradient(to right,#ae1817,#d3a844);-webkit-background-clip: text;-webkit-text-fill-color: transparent;

    background-clip: border-box, border-box, border-box;

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  transition: all 0.5s ease-out;}*/

/*.Selected_works .Selected_works_lists li a .case_fonts .case_fonts_tit:after{

	content: "";

    position: absolute;

    bottom: 3px;

    left: 0;

    width: 0;

    height: 3px;

    background: radial-gradient(55% 77.26% at 12.08% 132.16%, #ffcd00 0, rgba(248, 233, 70, 0) 100%), radial-gradient(54.81% 158.02% at 100% 104.81%, #783cbd 0, rgba(117, 115, 192, 0) 100%), linear-gradient(.299turn, #00c1de -.5%, #98dae9 45.04%);

    opacity: 0;

    transition: all .5s ease-out;}*/

.Selected_works .Selected_works_lists li a:hover .case_fonts .case_fonts_tit:after{width: 100%;opacity:1;}

.Selected_works .Selected_works_lists li a .case_fonts .case_fonts_type{ font-size:0.22rem; line-height:1.5;}

.Selected_works .Selected_works_lists li a:hover .case_fonts .case_fonts_type span{ color:#1d8be1;}

.Selected_works .Selected_works_lists li a .case_fonts .case_fonts_type span{ display:block; padding-bottom:0.1rem; }

.Selected_works .Selected_works_lists li a .case_fonts .case_fonts_type span:last-child{ padding-right:0;}

.Selected_works .Selected_works_lists li:nth-child(2n) a{ margin-left:35%; margin-right:0;}

.Selected_works .Selected_works_lists li:nth-child(2n) a .case_fonts{ text-align:right; padding-left:10%; padding-right:10%;}





/*关于 页面样式开始*/

.padding_top1{ padding-top:1rem}

.new_titile{ padding-top:1.4rem; font-size:0.6rem; font-weight: 600; line-height:1.5; margin-bottom:-0.2rem;}

.titile_show{ font-size:0.6rem; font-weight: 500; line-height:1.6; margin-bottom:0.1rem;}

.titile_new_show{ font-size:0.44rem; font-weight: 500; line-height:1.5; margin-bottom:0.1rem;}

.about_con{ padding-top:1rem;}



.about_con  table{ width:100%; }

.about_con  table td{padding: 0.2rem;}

.about_con table img{ width:100%;}

.about_con img{ width: auto; max-width:100%;}

.about_cons_descipe {

  line-height: 2;

  font-size: 0.22rem;

  padding-right: 35%;

  padding-bottom: 0.4rem;

  padding-top: 0.4rem;

}





.descipe_font{ line-height:2; font-size:0.22rem; padding-right:30%}

.Pic_change{ padding-top:0.8rem; padding-bottom:1.3rem;}

.Pic_change .item{ background-size:cover; background-repeat:no-repeat; background-position:center; height:7.5rem;}

.Pic_change .slick-dots li {

  position: relative;

  display: inline-block;

  margin: 0 0.05rem;

  padding: 0;

  cursor: pointer;

}

.Pic_change .slick-dots li button {

  display: block;

  height: 2px;

  width:0.3rem;

  padding: 0;

  margin: 0;

  outline: none;

  line-height: 0;

  font-size: 0;

  cursor: pointer;

  background: none;

  border-radius:0px; background-color:rgba(255, 255, 255, 0.5);

}

.Pic_change .slick-dots li.slick-active button {

background-color:#fff; width:0.6rem;

}



.peoples_show{ padding-top:0.7rem;}

.people_con{ padding-top:0.4rem}



.people_con .people_con_nav{ padding-bottom: 0.5rem; text-align: left}

.people_con .people_con_nav ul li { display: inline-block; padding:0 0.4rem;}

.people_con .people_con_nav ul li:first-child{ padding-left:0; }

.people_con .people_con_nav ul li a{ display: block; font-size:0.22rem;padding-bottom:0.15rem;}

.people_con .people_con_nav ul li.active {}

.people_con .people_con_nav ul li.active a{ color:#891314; border-bottom: #891314 2px solid; padding-bottom:0.15rem;}

.peoples_lists { width: 100%; overflow: hidden; padding-bottom:1rem;}

.peoples_lists ul{ width: 104%;}

.peoples_lists ul li{ text-align: left; display: inline-block; padding-bottom:50px; width:21.80%; margin-right: 3%; vertical-align: top}











/*.peoples_lists ul li:nth-child(1n){animation-delay: 0.5s; visibility: visible;}

.peoples_lists ul li:nth-child(2n){animation-delay: 1s; visibility: visible;}

.peoples_lists ul li:nth-child(3n){animation-delay: 1.5s; visibility: visible;}*/



.peoples_lists ul li .room_pic{overflow: hidden; height: 5rem; }

.peoples_lists ul li .room_pic .img_show{overflow: hidden; height: 5rem; background-size: cover; background-position: center center; background-repeat: no-repeat;width: 100%;

    transition: transform 2s;}

	

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

.peoples_lists ul li{ text-align: left; display: inline-block; padding-bottom:50px; width:28.82%; margin-right: 3%; vertical-align: top}

.peoples_lists ul li .room_pic{overflow: hidden; height: 5.5rem; }

.peoples_lists ul li .room_pic .img_show{overflow: hidden; height: 5.5rem; background-size: cover; background-position: center center; background-repeat: no-repeat;width: 100%;

    transition: transform 2s;}

}



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

.peoples_lists ul li{ text-align: left; display: inline-block; padding-bottom:50px; width:44.82%; margin-right: 3%; vertical-align: top}

.peoples_lists ul li .room_pic{overflow: hidden; height: 6.5rem; }

.peoples_lists ul li .room_pic .img_show{overflow: hidden; height: 6.5rem; background-size: cover; background-position: center center; background-repeat: no-repeat;width: 100%;

    transition: transform 2s;}

}



	

.peoples_lists ul li:hover .room_pic .img_show{transform: scale(1.1);}

.peoples_lists ul li a .room_name{ line-height: 1.5; padding-top:0.3rem; padding-bottom:0rem; margin-bottom: 0.1rem;font-size: 0.24rem;font-weight: 500; display:inline-block;}

.peoples_lists ul li a:hover .room_name{background: linear-gradient(to right,#ae1817,#d3a844);-webkit-background-clip: text;-webkit-text-fill-color: transparent;

    background-clip: border-box, border-box, border-box;

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  transition: all 0.5s ease-out;}

.peoples_lists ul li a .room_descipe{line-height: 1.5; color: #666}



.contact_us_padding { padding-top:0.6rem;}

.contact_font_show{ padding-bottom:0.6rem;}

.contact_font_show .contact_font_titile{ color:#891314; font-size:0.3rem; font-weight: 500; line-height:1.6; margin-bottom:0.3rem;}

.contact_font_show .contact_font_descipe{  font-size:0.24rem;  line-height:1.6; }

.contact_us{ padding-top:1.4rem; border-bottom:#000 1px solid; padding-bottom:0.8rem;}



.shengya{padding-top: 1rem; padding-bottom:1.2rem}

.shengya .titile_show{ margin-bottom:0.3rem}

.shengya .shengya_con{  display: flex;

  align-items: center; /* 垂直居中 */

  justify-content: space-between;}

.shengya .shengya_con .shengya_left_con {

  vertical-align: middle;

  width:40%;

}

.shengya .shengya_con .shengya_img{ width:100%;}

.shengya .shengya_con .shengya_img .item{ background-size: auto 100%; background-position:center; background-repeat:no-repeat; width:100%;}

.shengya_img .slick-dots li {

  position: relative;

  display: inline-block;

  margin: 0 0.05rem;

  padding: 0;

  cursor: pointer;

}

.shengya_img .slick-dots li button {

  display: block;

  height: 2px;

  width:0.3rem;

  padding: 0;

  margin: 0;

  outline: none;

  line-height: 0;

  font-size: 0;

  cursor: pointer;

  background: none;

  border-radius:0px; background-color:rgba(255, 255, 255, 0.5);

}

.shengya_img .slick-dots li.slick-active button {

background-color:#fff; width:0.6rem;

}





.shengya .shengya_con .shengya_font {

  vertical-align: middle;

  width:50%;

}

.shengya .shengya_con .shengya_font .center_con { text-align:center; padding-top:0.8rem;}

.shengya_font_titile{ color:#891314; font-size:0.3rem; font-weight: 500; line-height:1.6; margin-bottom:0.2rem;}

.shengya_font_descipe{  font-size:0.22rem;  line-height:2; }

.jobs{ padding-top:1rem; padding-bottom:1rem}

.jobs  .titile_wid { padding-left:52%;}

.jobs .jobs_con{ padding-bottom:1rem; padding-top:0.2rem;}

.jobs .jobs_con .jobs_con_list{ float:left; margin-left:8%; width:47%;}

.jobs .jobs_con .jobs_con_img{ float:right; height: auto; background-repeat:no-repeat; background-position:center; background-size:cover;width:30%;}



.jobs_con_list .join_list{ position:relative; margin-bottom:0.5rem; margin-top:-0.2rem; display:none; overflow:hidden;}

.jobs_con_list .join_list ul{}

.jobs_con_list .join_list li{ border-bottom:#000 1px solid;}

.joinTit{  height:0.7rem; line-height:0.7rem;  cursor:pointer;}

.joinTit .job_name{display: inline-block;

  font-size: 0.22rem;

  font-weight: 500;

  margin-left: 0;

  width: 65%;

  text-align: left;}

.joinTit .city_now{ display: inline-block;

  font-size: 0.22rem;

  margin-left: 0;

  width: 25%;

  text-align: right;}

.joinTit .wenzi .xueli{ display: inline-block; margin-right: 0.2rem;}

.joinTit .wenzi .renshu{ display: inline-block; margin-right: 0.2rem;}

.joinTit .icons_jiantou{display: inline-block; font-size: 0.14rem;

  margin-left: 0;

  width: 8%;

  text-align: right;transition: transform 0.3s;}

.joinTit .icons_jiantou .iconfont{color: #000;}





.joinTit .lermore_box{ width:60px; float:right; }

.joinTit .lermore{ float:right; width:100%; height:60px; cursor:pointer; background:url(../images/btn_06.png) no-repeat center;  transition: all 0.1s ease-out 0s;}



.joinTit.curr .lermore{ background:url(../images/btn_06_h.png) no-repeat center;}

.joinTit.curr{ border-bottom:#000 1px solid;}

.joinTit.curr .wenzi{color: #fff;}

.joinTit.curr .icons_jiantou{transform:rotateX(180deg);}





.joinFirst{ margin-top:0;}

.joinFirst .joinTit{ background:#006b6e;height:60px; font-weight: bold}

.joinFirst .joinTit .pd{ color:#fff; line-height:60px;  font-weight: 500;}

.joinFirst .joinTit .li{ color:#fff;}

.joinFirst .joinTit.curr .li{ color:#fff;}



.joinDeta{ display:none; overflow:hidden; padding:0.4rem; line-height:2;position:relative; background-color:#f7f7f7;}

.joinDeta:before{}

/*.joinDeta span{ color:#ed6d00;}*/

.joinDeta strong{ color:#000000;}

.joinDeta strong a{ font-weight: 500;}

.joinFl{ padding-bottom: 0.3rem;}

.joinFl .titile,.joinFr .titile{ font-size: 0.2rem;}

.joinFr{ padding-bottom: 0.3rem;}

.joinDeta .send_email a{ display:inline-block; border: #c73036 1px solid; border-radius: 0.1rem; height: 0.5rem; line-height: 0.5rem; padding:0 0.3rem;  color: #c73036;}

.joinDeta .send_email a .iconfont{ font-size: 0.2rem;}

.joinDeta .send_email a:hover  { background-color:#c73036; color: #fff;}

.job_leibie {color: #000;

  font-size: 0.24rem;

  font-weight: 500;

  line-height: 1.5;

  margin-bottom: 0.3rem;display: flex;

  align-items: center;}

.job_leibie a{color: #000;}

.job_leibie span{ font-size:0.16rem;color: #000;}



.job_leibie.choose {background: linear-gradient(to right,#ae1817,#d3a844);-webkit-background-clip: text;-webkit-text-fill-color: transparent;

    background-clip: border-box, border-box, border-box;

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  transition: all 0.5s ease-out;}

.job_leibie.choose a{background: linear-gradient(to right,#ae1817,#d3a844);-webkit-background-clip: text;-webkit-text-fill-color: transparent;

    background-clip: border-box, border-box, border-box;

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  transition: all 0.5s ease-out;}

.job_leibie .icons_jiantou{display: inline-block;

  font-size: 0.14rem;

  margin-left:0.2rem;

  text-align: right;

  transition: transform 0.3s;}

  

.job_leibie.choose .icons_jiantou {

  transform: rotateX(180deg);

}





  

.actives_con{ padding-top:0.6rem;}

.jiangxing_con  { padding-top:0.4rem;}

.meiti_con  { padding-top:0.4rem;}

  

.prize_list{ width:100%; overflow:hidden; padding-top:0.7rem; padding-bottom:0rem}

.prize_list ul{ width: 104%;}

.prize_list ul li{ text-align: left; display: inline-block; padding-bottom:50px; width:21.80%; margin-right: 3%; vertical-align: top}



/*.prize_list ul li:nth-child(1n){animation-delay: 0.5s; visibility: visible;}

.prize_list ul li:nth-child(2n){animation-delay: 1s; visibility: visible;}

.prize_list ul li:nth-child(3n){animation-delay: 1.5s; visibility: visible;}*/



.prize_list ul li .prize_img{overflow: hidden; height: 5rem; }

.prize_list ul li .prize_img .prize_img_back{overflow: hidden; height: 5rem; background-size: cover; background-position: center center; background-repeat: no-repeat;width: 100%;

    transition: transform 2s;}

.prize_list ul li:hover .prize_img .prize_img_back{transform: scale(1.1);}

.prize_list ul li a .prize_titile{ line-height: 1.6; padding-top:0.1rem; padding-bottom:0.15rem; margin-bottom: 0.1rem;font-size: 0.26rem;font-weight: 500; display:inline-block;}

.prize_list ul li a:hover .prize_titile{background: linear-gradient(to right,#ae1817,#d3a844);-webkit-background-clip: text;-webkit-text-fill-color: transparent;

    background-clip: border-box, border-box, border-box;

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  transition: all 0.5s ease-out;}

.prize_list ul li a .prize_time{line-height: 1.5; color: #666; padding-top:0.3rem; font-size:0.16rem;}





.media_list{ width:100%; overflow:hidden; padding-top:0.7rem; padding-bottom:0.8rem}

.media_list ul{ width: 104%;}

.media_list ul li{ text-align: left; display: inline-block; padding-bottom:50px; width:21.80%; margin-right: 3%; vertical-align: top}



/*.media_list ul li:nth-child(1n){animation-delay: 0.5s; visibility: visible;}

.media_list ul li:nth-child(2n){animation-delay: 1s; visibility: visible;}

.media_list ul li:nth-child(3n){animation-delay: 1.5s; visibility: visible;}*/



.media_list ul li .media_img{overflow: hidden; height: 5rem; }

.media_list ul li .media_img .media_img_back{overflow: hidden; height: 5rem; background-size: cover; background-position: center center; background-repeat: no-repeat;width: 100%;

    transition: transform 2s;}

.media_list ul li:hover .media_img .media_img_back{transform: scale(1.1);}

.media_list ul li a .media_titile{ line-height: 1.6; padding-top:0.1rem; padding-bottom:0.15rem; margin-bottom: 0.1rem;font-size: 0.26rem;font-weight: 500; display:inline-block;}

.media_list ul li a:hover .media_titile{background: linear-gradient(to right,#ae1817,#d3a844);-webkit-background-clip: text;-webkit-text-fill-color: transparent;

    background-clip: border-box, border-box, border-box;

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  transition: all 0.5s ease-out;}

.media_list ul li a .media_time{line-height: 1.5; color: #666; padding-top:0.3rem; font-size:0.16rem;}



.media_imgs_change{ padding-top:0.5rem; padding-bottom:0.2rem;}

.media_imgs_change .item{}

.media_imgs_change .item .back_img{ background-size:cover; background-repeat:no-repeat; background-position:center; height:7.5rem;}

.media_imgs_change .slick-dots li {

  position: relative;

  display: inline-block;

  margin: 0 0.05rem;

  padding: 0;

  cursor: pointer;

}

.media_imgs_change .slick-dots li button {

  display: block;

  height: 2px;

  width:0.3rem;

  padding: 0;

  margin: 0;

  outline: none;

  line-height: 0;

  font-size: 0;

  cursor: pointer;

  background: none;

  border-radius:0px; background-color:rgba(255, 255, 255, 0.5);

}

.media_imgs_change .slick-dots li.slick-active button {

background-color:#fff; width:0.6rem;

}

.news_info { padding-top:1.3rem;}

.new_titiles { font-size:0.4rem; font-weight: 500; margin-bottom:0.2rem; line-height:1.5;}

.new_times{ color:#666; line-height:1.5; margin-bottom:0.3rem;}

.new_info_font { line-height:2; font-size:0.22rem; padding-bottom:1rem;}

.more_news{ border-top:#000 1px solid; padding-top:1rem;}

.more_news .newslist {}

.more_news .newslist{ width:100%; overflow:hidden; padding-top:0.4rem; padding-bottom:1rem}

.more_news .newslist ul{ width: 104%;}

.more_news .newslist ul li{ text-align: left; display: inline-block; padding-bottom:0.5rem; width:28%; margin-right: 5%; vertical-align: top}



/*.prize_list ul li:nth-child(1n){animation-delay: 0.5s; visibility: visible;}

.prize_list ul li:nth-child(2n){animation-delay: 1s; visibility: visible;}

.prize_list ul li:nth-child(3n){animation-delay: 1.5s; visibility: visible;}*/



.more_news .newslist ul li .prize_img{overflow: hidden; height: 4.6rem; }

.more_news .newslist ul li .prize_img .prize_img_back{overflow: hidden; height: 4.6rem; background-size: cover; background-position: center center; background-repeat: no-repeat;width: 100%;

    transition: transform 2s;}

.more_news .newslist ul li:hover .prize_img .prize_img_back{transform: scale(1.1);}

.more_news .newslist ul li a .prize_titile{ line-height: 1.6; padding-top:0.2rem; padding-bottom:0.2rem; margin-bottom: 0.1rem;font-size: 0.26rem;font-weight: 500; display:inline-block;}

.more_news .newslist ul li a:hover .prize_titile{background: linear-gradient(to right,#ae1817,#d3a844);-webkit-background-clip: text;-webkit-text-fill-color: transparent;

    background-clip: border-box, border-box, border-box;

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  transition: all 0.5s ease-out;}

.more_news .newslist ul li a .prize_time{line-height: 1.6; color: #666; padding-top:0.3rem; font-size:0.18rem;}

.more_news .newslist ul li a .prize_time .iconfont{ display:none}

.more_new_tit{ font-size:0.3rem; font-weight: 500;}

.pro_content{ padding-top:1.5rem;}

.pro_titile{ font-size:0.60rem; font-weight: 500;}

.pro_erji{}

.pro_erji{ width:100%; overflow:hidden; padding-top:0.5rem; padding-bottom:1rem}

.pro_erji ul{ width: 104%;}

.pro_erji ul li{ position:relative; text-align: left; display: inline-block; padding-bottom:3%; width:29.82%; margin-right: 3%; vertical-align: top}





.pro_erji.Service_con ul li{ position:relative; text-align: left; display: inline-block; padding-bottom:3%; width:21.80%; margin-right: 3%; vertical-align: top}

.pro_erji.Service_con ul li .img_show{overflow: hidden; height: 6rem; }

.pro_erji.Service_con ul li .img_show .back_img_show{overflow: hidden; height: 6rem; background-size: cover; background-position: center center; background-repeat: no-repeat;width: 100%;

    transition: transform 2s;}

	

	

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

	

.pro_erji.Service_con ul li{ position:relative; text-align: left; display: inline-block; padding-bottom:3%; width:46.80%; margin-right: 3%; vertical-align: top}

.pro_erji.Service_con ul li .img_show{overflow: hidden; height: 6rem; }

.pro_erji.Service_con ul li .img_show .back_img_show{overflow: hidden; height: 6rem; background-size: cover; background-position: center center; background-repeat: no-repeat;width: 100%;

    transition: transform 2s;}

	

		

	}



.pro_erji ul li a{ display:block; position:relative}

.pro_erji ul li a:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height:40%;

    background: linear-gradient(0deg,rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.472525) 7.9%, rgba(0, 0, 0, 0.44147) 15.3%, rgba(0, 0, 0, 0.40761) 22.2%, rgba(0, 0, 0, 0.3713) 28.7%, rgba(0, 0, 0, 0.33346) 34.8%, rgba(0, 0, 0, 0.294455) 40.6%, rgba(0, 0, 0, 0.254625) 46.2%, rgba(0, 0, 0, 0.21433) 51.7%, rgba(0, 0, 0, 0.174085) 57.2%, rgba(0, 0, 0, 0.13465) 62.8%, rgba(0, 0, 0, 0.096545) 68.7%, rgba(0, 0, 0, 0.06063) 75.2%, rgba(0, 0, 0, 0.02941) 82.6%, rgba(0, 0, 0, 0.007285) 91.2%, rgba(0, 0, 0, 0) 100%, transparent);

    z-index: 2

}

.pro_erji ul li .img_show{overflow: hidden; height: 4rem; }

.pro_erji ul li .img_show .back_img_show{overflow: hidden; height: 4rem; background-size: cover; background-position: center center; background-repeat: no-repeat;width: 100%;

    transition: transform 2s;}

.pro_erji ul li:hover .img_show .back_img_show{transform: scale(1.1);}

.pro_erji ul li a .pro_erji_font{ position:absolute; left:8%; width:84%; bottom:6%; z-index:3; text-align:left;}

.pro_erji ul li  a .pro_erji_font .pro_erji_name{ font-size:0.3rem; font-weight: 500; line-height:1.5; margin-bottom:0rem; color:#fff; display:inline-block;}

.pro_erji ul li  a:hover .pro_erji_font .pro_erji_name{background: linear-gradient(to right,#ae1817,#d3a844);-webkit-background-clip: text;-webkit-text-fill-color: transparent;

    background-clip: border-box, border-box, border-box;

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  transition: all 0.5s ease-out;}

.pro_erji ul li  a .pro_erji_font .pro_erji_descipe{ display:none; font-size:0.16rem;line-height:1.5; color:#fff}

.pro_List_shows{ overflow:hidden; width:100%; padding-top:0.6rem; padding-bottom:1.3rem;}

#gallery-wrapper{ width:105%;}

#gallery-wrapper .white-panel {}

#gallery-wrapper .white-panel a{ display:block;position: relative; padding-right:10%;}

/*#gallery-wrapper .white-panel:nth-child(even)  a{ padding-right:0}*/

#gallery-wrapper .white-panel a .pro_img_show{position: relative;

  overflow: hidden;height: 4.5rem;}

#gallery-wrapper .white-panel a .pro_img_show img {

  display: block;

  width: 100%;

  overflow: hidden;transition: transform 2s;

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

}

#gallery-wrapper .white-panel a:hover .pro_img_show img{/*-webkit-filter: blur(4px); filter: blur(4px);*/transform: scale(1.1);transition: transform 2s;}

#gallery-wrapper .white-panel a .fonts_show{ text-align:left; padding-bottom:1rem; padding-top:0.4rem;}

#gallery-wrapper .white-panel a .fonts_show .title{ display:block; position:relative; font-size:0.3rem; line-height:1.5; color:#000; margin-bottom:0.15rem; font-weight: 500;  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.yingyong_list #gallery-wrapper .white-panel a .fonts_show .title{ line-height: 1.6;

  padding-top: 0.1rem;

  padding-bottom: 0.15rem;

  margin-bottom: 0.1rem;

  font-size: 0.26rem;

  font-weight: 500;

  display: block;

overflow: hidden;

white-space: break-spaces;height: 0.7rem;

}

#gallery-wrapper .white-panel a:hover .fonts_show .title{background: linear-gradient(to right,#ae1817,#d3a844);-webkit-background-clip: text;-webkit-text-fill-color: transparent;

    background-clip: border-box, border-box, border-box;

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  transition: all 0.5s ease-out;}



#gallery-wrapper .white-panel a:hover .fonts_show .title:after{width: 100%;opacity:1;}

#gallery-wrapper .white-panel a .fonts_show .case_fonts_type{ font-size:0.21rem; line-height:1.5; color:#666;}

#gallery-wrapper .white-panel a .fonts_show .case_fonts_type span{  display: block;

  padding-bottom: 0.1rem;}

#gallery-wrapper .white-panel a:hover .fonts_show .case_fonts_type span{ color: #1d8be1;}

#gallery-wrapper .white-panel  a .fonts_show .case_fonts_type span:last-child{ padding-right:0;}









#gallery-wrapper {

	position: relative;



	}

	.white-panel {

	position: absolute;

	

	}

.case_info_banner{ background-size:cover; background-repeat:no-repeat; background-position:center;position: relative;

  overflow: hidden;

  position: fixed;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;}



.case_info_banner .scroll-btn{ position: absolute; left: 50%; bottom: 22px; z-index: 2;-webkit-animation: start 1.5s infinite ease-in-out; color: #ffffff; text-align: center; margin-left: -30px;}

.case_info_banner .scroll-btn span{ display: inline-block; font-size:0.4rem;}

.case_info_banner .scroll-btn span img{ height: 10px; }

@-webkit-keyframes start {

	0%,30% {opacity: 0;-webkit-transform: translate(0,-10px);}

	60% {opacity: 1;-webkit-transform: translate(0,0);}

	100% {opacity: 0;-webkit-transform: translate(0,12px);}

}

@-moz-keyframes start {

	0%,30% {opacity: 0;-moz-transform: translate(0,-10px);}

	60% {opacity: 1;-moz-transform: translate(0,0);}

	100% {opacity: 0;-moz-transform: translate(0,12px);}

}

@keyframes start {

	0%,30% {opacity: 0;transform: translate(0,-10px);}

	60% {opacity: 1;transform: translate(0,0);}

	100% {opacity: 0;transform: translate(0,12px);}

}



.case_infos_type{ position:relative; color:#891314; font-size:0.17rem; font-weight: 500; padding-top:0.8rem; padding-bottom:0.4rem;}

.case_infos_type a{color: #1d8be1;}

.case_infos_type .share_icon{ position:absolute; right:0; top:0.8rem; text-align:right; height:0.3rem; line-height:0.3rem}

.case_infos_type .share_icon .share_tit{ display:inline-block; color:#000; font-size:0.16rem; font-weight:normal}

.case_infos_type .share_icon ul{display:inline-block;}

.case_infos_type .share_icon ul li{display:inline-block; padding-left:0.2rem; font-size:0.2rem; font-weight:normal;}

.case_infos_type .share_icon ul li a{color: #666;}

.case_infos_titile{font-size:0.45rem; font-weight: 500; padding-bottom:0.3rem;}

.case_infos_city{font-size:0.21rem;  padding-bottom:0rem;}

.case_infos_city .iconfont{display:none}

.case_infos_descipe{line-height: 2;

  font-size: 0.21rem;

  padding-right: 35%; padding-bottom:0.6rem;padding-top:0.6rem;}

.case_infos_descipe2{line-height: 2;

  font-size: 0.22rem; padding-bottom:1rem;}

.case_infos_descipe3{line-height: 2;

  font-size: 0.22rem;

  padding-right: 35%; padding-bottom:0.5rem;padding-top:0.1rem;}

.case_info_con  table{ width:100%; }

.case_info_con  table td{padding: 0.2rem;}

.case_info_con table img{ width:100%;}



.case_info_con .table2 td{ width:50%}



.case_info_con img{ width: auto; max-width:100%;}

.case_info_con{ padding-bottom:1.4rem;}

.about_case{font-size: 0.45rem;

  font-weight: 500;

  padding-bottom:0rem; padding-top:1.2rem}

.about_case_type{font-size: 0.21rem;

  font-weight: 500;

  padding-bottom: 0.2rem; padding-top:0.4rem;color: #7e0002;}

.about_case_descipe{line-height: 2;

  font-size: 0.21rem;}
  

.about_case_descipe .tit_wid{ display:inline-block; width:1.2rem;}
.tit_erji{ font-size:0.32rem;}
.year_tit{ display:inline-block; padding-right:0.3rem;}

.more_cases_tit{font-size: 0.45rem;

  font-weight: 500;

  padding-bottom:0rem; padding-top:0rem}

  

.Company_address {border-top: #000 1px solid; padding-top:1rem; padding-bottom:1rem}

.Company_address_list{ padding-top:0.6rem;}

.Company_address_list ul li{ display:block; vertical-align:top; width:auto; padding-bottom:0.6rem}

.Company_address_list ul li .Company_address_tit{color: #891314;

  font-size: 0.3rem;

  font-weight: 500;

  line-height: 1.6;

  margin-bottom: 0.2rem;}

  

.Company_address_list ul li .Company_address_font{

font-size: 0.22rem;

  line-height: 1.8;}



.banner_in_shows {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  position: relative;

  overflow: hidden;

  position: fixed;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

}



.banner_in_shows .scroll-btn{ position: absolute; left: 50%; bottom: 22px; z-index: 2;-webkit-animation: start 1.5s infinite ease-in-out; color: #ffffff; text-align: center; margin-left: -30px;}

.banner_in_shows .scroll-btn span{ display: inline-block; font-size:0.4rem;}

.banner_in_shows .scroll-btn span img{ height: 10px; }

@-webkit-keyframes start {

	0%,30% {opacity: 0;-webkit-transform: translate(0,-10px);}

	60% {opacity: 1;-webkit-transform: translate(0,0);}

	100% {opacity: 0;-webkit-transform: translate(0,12px);}

}

@-moz-keyframes start {

	0%,30% {opacity: 0;-moz-transform: translate(0,-10px);}

	60% {opacity: 1;-moz-transform: translate(0,0);}

	100% {opacity: 0;-moz-transform: translate(0,12px);}

}

@keyframes start {

	0%,30% {opacity: 0;transform: translate(0,-10px);}

	60% {opacity: 1;transform: translate(0,0);}

	100% {opacity: 0;transform: translate(0,12px);}

}





.banner_in_shows::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 20%;

  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.472525) 7.9%, rgba(0, 0, 0, 0.44147) 15.3%, rgba(0, 0, 0, 0.40761) 22.2%, rgba(0, 0, 0, 0.3713) 28.7%, rgba(0, 0, 0, 0.33346) 34.8%, rgba(0, 0, 0, 0.294455) 40.6%, rgba(0, 0, 0, 0.254625) 46.2%, rgba(0, 0, 0, 0.21433) 51.7%, rgba(0, 0, 0, 0.174085) 57.2%, rgba(0, 0, 0, 0.13465) 62.8%, rgba(0, 0, 0, 0.096545) 68.7%, rgba(0, 0, 0, 0.06063) 75.2%, rgba(0, 0, 0, 0.02941) 82.6%, rgba(0, 0, 0, 0.007285) 91.2%, rgba(0, 0, 0, 0) 100%, transparent);

  z-index: 2;

}









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

.nav{ display:none}

.navbtn{ display:block;width: 70px;}

	.cer8 {

  width: 90%;

  margin: 0 auto;

}

	.Selected_works .Selected_works_lists li a {

  margin-right: 0;

}

	.Selected_works .Selected_works_lists li a .one_img {

  height: 4rem;}

  .Selected_works .Selected_works_lists li a .one_img .back_pic {

  height: 4rem;}

  .Selected_works .Selected_works_lists li a .case_fonts {

  padding-left: 0;

  padding-right: 0;

}

.Selected_works .Selected_works_lists li:nth-child(2n) a {

  margin-left: 0;

  margin-right: 0;

}

.Selected_works .Selected_works_lists li:nth-child(2n) a .case_fonts {

  text-align: left;

  padding-left: 0;

  padding-right: 0;

}

.float_l_con {

  float: none;

  width: auto;

}

.float_r_con{padding-bottom: 0.5rem;}

.float_l_con .bottom_brand {

  font-size: 0.4rem;}

  .float_r_con {

  float: none;

  width: auto;

  text-align: left;

}

.float_r_con ul li {

  line-height: 1.5;

  padding: 0.15rem 0;

  display: inline-block;

  width: 48%;

  font-size:16px;

}

.bottom_banquan{font-size:14px;}

.bottom_language{font-size:14px;}

.descipe_font {

  padding-right: 0;

}

.Pic_change .item {

  height: 4rem;

}

.peoples_lists ul li{ width: 46%;}

.peoples_lists ul li .room_pic,.peoples_lists ul li .room_pic .img_show {

  height: 4rem;

}

.cer10 {

  padding: 0;

}



.search_input {

  position: fixed;

  top: 50%;

  left: 5%;

  width: 90%;

}

  .head .serch_btns {

    position: absolute;

    top: 0px;

    right: 44%;

    font-size: 0.3rem;

  }

 .head .language {

  position: absolute;

  top: 0px;

  right: 18%;

  z-index: 10;

  color: rgba(255, 255, 255, 0.5);

  font-size: 0.22rem;

}

.head.mini .navbtn s{background-color: #000;}

.shengya .shengya_con {

  display: block;}

.shengya .shengya_con .shengya_left_con {

  width: auto;

}

.shengya .shengya_con .shengya_img {



}

.shengya .shengya_con .shengya_img .item {



}

.shengya .shengya_con .shengya_font {

  vertical-align: middle;

  width: auto;

  padding-left: 0;

  padding-right: 0;

  padding-top: 0.5rem;

}

.jobs .jobs_con .jobs_con_img {
  float: none;
  height: auto;

  width: auto;
}

.jobs .jobs_con .jobs_con_list {

  float: none;

  margin-left: 0;

  width: auto;

}

.Company_address_list ul li{ width:44%;}

.Company_address {

  border-top: none;

  padding-top: 0;

}

.prize_list ul li {

  text-align: left;

  display: inline-block;

  padding-bottom: 50px;

  width: 45%;

  margin-right: 4%;

  vertical-align: top;

}

.prize_list ul li .prize_img {

  height: 4rem;

}

.prize_list ul li .prize_img .prize_img_back {

  height: 4rem;}

.media_imgs_change .item .back_img {

  height: 4rem;

}

.media_list ul li {

  text-align: left;

  display: inline-block;

  padding-bottom: 50px;

  width: 45%;

  margin-right: 4%;

  vertical-align: top;

}

.media_list ul li .media_img {

  height: 4rem;

}

.media_list ul li .media_img .media_img_back {

  height: 4rem;}

.pro_erji ul li {

  padding-bottom: 4%;

  width: 45%;

  margin-right: 4%;

  vertical-align: top;

}

.pro_titile {

  width: 90%;

  margin: 0px auto;

}

.cer10.case_infos_descipe {

  line-height: 2;

  font-size: 0.22rem;

  padding-right:0;

  padding-bottom: 0.8rem;

  padding-top: 0.8rem;

}



.more_news .newslist ul li{

  text-align: left;

  display: inline-block;

  padding-bottom: 50px;

  width: 45%;

  margin-right: 4%;

  vertical-align: top;

}

.more_news .newslist ul li .prize_img {

  height: 4rem;

}

.more_news .newslist ul li .prize_img .prize_img_back {

  height: 4rem;}

.news_info {

  padding-left: 5%;

  padding-right: 5%;

}

.case_info_banner.case_banners{ height:5rem;}

.indexmainbox.clear_margin{ margin-top:5rem;}

.home_banners_height{ height:7rem;}

.indexmainbox.clear_margin_home{ margin-top:7rem;}

.banner_home .swiper-slide{ background:none;background-size: cover;

    background-position: center;

    background-repeat: no-repeat;}



.head .navbtn s{ background-color:#FFF}

.head .navbtn.on s{ background-color:#000;}

 .pro_erji.Service_con ul li {

    position: relative;

    text-align: left;

    display: block;

    padding-bottom: 6%;

    width: auto;

    margin-right: 0;

    vertical-align: top;

  }

    .pro_erji.Service_con ul li .img_show {

    overflow: hidden;

    height: 5rem;

  }

   .pro_erji.Service_con ul li .img_show .back_img_show {

    overflow: hidden;

    height: 5rem;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    width: 100%;

    transition: transform 2s;

  }

  .head.mini .logo img {

  max-height: 0.44rem;

}

  .head .logo img {

    max-height: 0.44rem;

  }

.headin{ text-align: left;}

.head .logo{ float:left; width:40%;}

.banner_home .item .banner_vedio_font {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  font-size: 0.4rem;

  color: #fff;

  font-family: 'Roboto';

  font-weight: 400;

  text-align: center; line-height:1.5;

}

.more_news .newslist  ul li:last-child{ display:none}

#gallery-wrapper .white-panel a .pro_img_show{position: relative;

  overflow: hidden;height: 3.5rem;}

}