.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}

.tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;  display: block;  pointer-events: auto;}

.tc-box{

  width: 60rem; 

  max-width:80%;

  margin:0 auto; margin-top:-80px;

  box-sizing:border-box;

  /* background:#fff; */

  display: block;

  position:relative;

  z-index:1;

  -webkit-animation-duration: 1.2s;

  animation-duration: 1.2s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  }

.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}

.close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}

.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}

.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}

/*弹窗内容样式*/

.tc-box form{ position:relative;border-bottom:2px solid #eee; height:4.25rem; padding-right:20px; position:relative;}

.tc-box .tc_fdj{ position:absolute; left:20px; display:block; height: 4.25rem; line-height: 4.25rem;}

.tc-box .tc_fdj img{ width:1.3rem;}

.tc-box form label{ text-align:left; display:block; position:absolute; bottom:0; height: 4.25rem; line-height: 4.25rem;font-size:1.6rem; color:#999; pointer-events:none; margin-left:20px; transition:.3s;}

.tc-box form label.act{ font-size:16px; bottom:3rem;line-height: 3rem; height:3rem;}

.tc-box #keyword{width: 80%;height:4.25rem; padding:0 20px;font-size:1.6rem; color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}

.tc-box .btn_blue{width: 40px;height:4.25rem; border:0; top:0; line-height:4.25rem;background:url(../image/search.png) center center no-repeat;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;float:right;}

.tc-box .btn_blue.fr{ background:#e9edef; color:#4e4f53;}



/* icon hover */

.icon_hover::before,

.icon_hover::after {

display: block;

transition: transform 0.4s ease, opacity 0.4s ease;

}



.icon_hover::after {

position: absolute;

transform: translateY(8px);

opacity: 0;

}

.icon_hover:hover::before {

transform: translateY(-8px);

opacity: 0;

}

.icon_hover:hover::after {

transform: translateY(0);

opacity: 1;

}

	

@media (max-width:1410px){

	#header .dw2{right: 9px;width:150px;}

	 .search_btn{width: 125px;}

	 #nav>ul{margin-right: 3px;}

	}

@media (max-width:1390px){

	#logo .dw{ left:106%;}

	#nav>ul>li a{ padding:0 .6rem;}

}

#header{ min-width:1360px;}

/*首页banner*/



.banner{ height:565px; width:100%; position:relative;}

.banner li .img{ position: relative; left:0; top:0; width:100%; height:565px; background-size:auto !important; z-index:8;  }	

#banner li img{ display:inline-block; margin-bottom:100px;}

.banner .txt{ position: absolute; top:0; width:100%; z-index:99; text-align:left; color:#fff;}

.banner .txt .m{ height:565px;}

.banner .txt span{ font-size:50px; font-family:"Baskerville Old Face"; text-transform:uppercase; transition:1.5s .6s; display:block; opacity:0; transform:translateX(100px);}

.banner .txt h5{ font-size:38px; margin-bottom:20px; margin-top:5px; transition:1.5s .6s; opacity:0; transform:translateX(150px);}

.banner .txt p{ display: inline-block; background:#007f41; padding:0 30px; line-height:40px; font-size:18px; transition:1.5s .6s; opacity:0; transform:translateX(200px);}

#banner li.slick-current .txt span,#banner li.slick-current .txt h5,#banner li.slick-current .txt p{ transform:translateX(0px); opacity:1;}

#banner li.slick-current{ }

.banner .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-37px; transform:translate(0,0); opacity:1;

	display:block;

    width: 40px;

    height: 74px;}

.banner .slick-prev{ left:165px;

	background:url(../image/banner_left.png) left center no-repeat;

	transition:300ms;

	-webkit-transition:300ms;

	}

	

.banner .slick-next{ right:165px;

	background:url(../image/banner_right.png) right center no-repeat;

	transition:300ms;

	-webkit-transition:300ms;

	}



.slick-prev:before, .slick-next:before{ display:none;}



.banner li{ line-height:1; overflow:hidden; 

  width: 100%;

  height: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover; }



#banner li .img{  background-size:cover !important; }

#banner li.slick-current .img{visibility: visible !important; -webkit-animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93); animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);}

@-webkit-keyframes bgscale {

from { opacity:1; -webkit-transform: scale(1.09); transform: scale(1.09); }

to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

}

@keyframes bgscale {

from { opacity:1; -webkit-transform: scale(1.09); transform: scale(1.09); }

to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

}





.s_tt{font-size: 20px;font-weight:bold;margin-bottom:3.125rem;color:#1c1c1c;text-transform:uppercase;font-family: arial;}

.btn_more { width: 205px; position: relative; display:block; margin:0 auto; margin-top:2rem; font-family:b_Regular;

    overflow: hidden;

    height: 44px; line-height:40px;

    transition: all .3s ease;

    text-transform: uppercase;

    color: #000; text-align:center;

    border: 2px solid #d0d0d0;

    border-radius: 25px;

    font-size: 15px; 

  background: linear-gradient(to left, transparent 50%, #29156f 50%);

  background-position: right bottom;

  background-size: 201% 100%;
  margin-bottom:50px;

  
  }

.btn_more > svg {

  margin-left: 15px;

  fill: #1c1c1c; }

.btn_more:hover{
color:#FFFFFF;

    background-position: left bottom;

}

.pad_top{ padding-top:30px;}

.pad_bot{ padding-bottom:30px;}



#s_pro{ background:#f0f0f0; width:100%; overflow:hidden;}

#s_pro ul{ margin-bottom:60px;}

#s_pro ul li{}

#s_pro ul li a{ display:block; background:#fff; margin:0 20px; position:relative;}

#s_pro ul li .img{ width:100%; }

#s_pro ul li .img img{mix-blend-mode: multiply; width:100%; transition:1s; }

#s_pro ul li:hover .img img{ transform:scale(1.05);}

#s_pro ul li .txt{text-align:center;padding: 40px 1.5rem 4rem;}

#s_pro ul li .txt h5{ font-size:22px; color:#000000; font-family:b_Bold; margin-bottom:5px;}

#s_pro ul li .txt p{ font-size:14px; color:#727272; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

#s_pro ul li .txt font{ font-size:143px; color:#f0f0f0; position:absolute; bottom:-9rem; right:10px; font-family:b_Regular; transition:.7s;}

#s_pro ul li a:hover .txt font{ bottom:-4rem;}

#s_pro ul li .txt .btn_m{ width:130px; height:35px; overflow:hidden; z-index:0; line-height:35px; text-align:center; background:#1c1c1c; border-radius:22px; display:block; color:#fff; font-size:14px; font-family:b_Regular; text-transform:uppercase; margin:0 auto; margin-top:1.5rem; position:relative;}

#s_pro ul li .txt .btn_m:before{ content:""; display:block; width:0; height:100%; z-index:-1; position:absolute; top:0; left:0; background:#c52733; transition: all .3s ease;}

#s_pro ul li a .txt .btn_m:hover:before{ width:100%;}



#s_pro .slick-arrow{ z-index:99; position:absolute; top: auto; bottom:-90px;  transform:translate(0,0); opacity:1;

	display:block; width: 70px; height:30px; border:1px solid #ddd; border-radius:3px; transition:.3s;}

#s_pro .slick-prev{ left:50%; margin-left:-80px;  background:url(../image/s_pro_left.png) left center no-repeat;

	transition:300ms;-webkit-transition:300ms;}

	

#s_pro .slick-next{right:50%; margin-right:-80px; background:url(../image/s_pro_right.png) right center no-repeat;

	transition:300ms;-webkit-transition:300ms;}

#s_pro .slick-arrow:hover{ border:1px solid #999;}



#s_about{ overflow:hidden; overflow:hidden;}

#s_about .txt{ width:369px; height:590px; float:left; background:#f0f0f0; padding:0 50px; }

#s_about .txt h3{font-size: 28px;color:#1c1c1c;font-weight:bold;margin-bottom: 20px;text-transform:uppercase;}

#s_about .txt p{ font-size:14px; line-height:30px; color:#9c9c9c;}

#s_about .txt .btn_more{margin:0; margin-top: 30px;width:205px;}

#s_about .img{ width:831px; height:590px; float:left;}



@media only screen and (min-width: 1400px){
	.a1{ background:url(../../../banner/static/image/banner1.jpg) center no-repeat; background-size:cover;}
	.a2{background:url(../../../banner/static/image/banner2.jpg) center no-repeat; background-size:cover;}
}

@media screen and (max-width: 1410px){
	.a1{ background:url(../../../banner/static/image/banner11.jpg) center no-repeat; background-size:cover; margin-left: -0px;}
	.a2{ background:url(../../../banner/static/image/banner22.jpg) center no-repeat; background-size:cover; margin-left: -130px;}
}



@media only screen and (min-width: 1400px){
#s_pro_xilie{ position:relative; background:url(../image/s_pro_xilie_bg.jpg) right center no-repeat; height:450px;}
}

@media screen and (max-width: 1410px){
#s_pro_xilie{ position:relative; background:url(../image/s_pro_xilie_bg.jpg) right center no-repeat; height:365px;}
}


#s_pro_xilie .s_tt{ position:absolute;  right:50%; width:650px; margin-right:-600px; z-index:999;}

#s_pro_xilie .btn_more{ font-weight:normal; }

.s_xilie_slider{ position:absolute; width:955px; height:450px; left:50%; margin-left:-1000px;}

.s_xilie_slider2{ position:absolute; width:600px; height:450px; right:50%; margin-right:-600px; text-align:center;}



.s_xilie_slider2 .txt{ padding-top:300px; color:#29156f; text-align:left;}

.s_xilie_slider2 .txt h3{ font-size:32px; font-weight:bold; color:#000000; position:relative; display:inline-block; padding-bottom:15px;}

.s_xilie_slider2 .txt h3 span{ display:block; transform:translateX(-30px); opacity:0; transition:1.5s;color:#29156f;}

.s_xilie_slider2 .txt h3:after{ content:""; width:0; height:3px; display:block; background:#29156f; left:-10px; position:absolute; bottom:0; transition:1.5s;}

.s_xilie_slider2 .slick-current .txt h3:after{ width:calc(100% + 20px);}

.s_xilie_slider2 .slick-current .txt h3 span{ transform:translateX(0px); opacity:1;}

.s_xilie_slider2 .num{ font-size:24px; color:#201e23;font-family:b_MediumItalic; margin-top:15px; text-align:left;}

.s_xilie_slider2 .num i{ margin:0 10px;}

.red{ color:#201e23;}



.s_xilie_slider2 .slick-dots{  width:100%; }

.s_xilie_slider2 .slick-dots li button:before{ display:none;}

.s_xilie_slider2 .slick-dots li{ display:inline-block; width:10px; height:10px; border-radius:5px; background:#676767; opacity:1; transition:.3s; margin:0 5px;}

.s_xilie_slider2 .slick-dots li.slick-active{ background:#29156f; width:30px;}





.circle {

  width: 150px;

  height: 150px;

  margin: 0 auto;

  position: relative; top:20px; right:40px; z-index:999; text-align:center; line-height:150px; color:#3f897c; font-size:30px;

}

.circle span {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 50%;

  background-color: rgba(197, 39, 51, 0.3);

  -webkit-transform: scale(.3);

  -moz-transform: scale(.3);

  -ms-transform: scale(.3);

  transform: scale(.3);

  -webkit-animation: circleScale 3s linear infinite;

  -moz-animation: circleScale 3s linear infinite;

  -ms-animation: circleScale 3s linear infinite;

  animation: circleScale 3s linear infinite;

}

.circle span:nth-of-type(2) {

  animation-delay: 1s;

}

.circle span:nth-of-type(3) {

  animation-delay: 2s;

}

@keyframes circleScale {

  0% {

    opacity: 1;

    -webkit-transform: scale(.3);

    -moz-transform: scale(.3);

    -ms-transform: scale(.3);

    transform: scale(.3);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes circleScale1 {

  0% {

    opacity: 1;

    -webkit-transform: scale(.3);

    -moz-transform: scale(.3);

    -ms-transform: scale(.3);

    transform: scale(.3);

  }

  60% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(3);

    -moz-transform: scale(3);

    -ms-transform: scale(3);

    transform: scale(3);

  }

}

.circle a{ cursor:pointer; position: absolute; display:block; width:68px; height:68px; left:50%; margin-left:-34px; top:50%; margin-top:-34px;}

.circle a img{ display:block;}



#s_shengchan{ width:100%; height:400px; background:url(../image/s_shengchan_bg.jpg) center no-repeat; margin-top:80px; padding-top:100px;}

#s_shengchan .left{

    width:  200px;

    text-align:  left;

}

#s_shengchan .left .s_tt{ text-align:left;}

#s_shengchan .btn_video{ left:20px; top:-60px; position:relative;}

#s_shengchan .right{}

#s_shengchan ul{ margin-right:-70px;}

#s_shengchan ul li{float:left;text-align:center;width: 266px;position:relative;}

#s_shengchan ul li+li:before{ content:""; width:1px; height:180px; background:#abacb0; position:absolute; left:0; top:5px; display:block;}

#s_shengchan ul li font{ display:block; width:110px; height:110px; border:1px solid #5c5c5d; border-radius:50%; margin:auto; position:relative; overflow:hidden; margin-bottom:30px;transition:0.6s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.6s cubic-bezier(.215,.61,.355,1); -moz-transition:0.6s cubic-bezier(.215,.61,.355,1); -ms-transition:0.6s cubic-bezier(.215,.61,.355,1);}

#s_shengchan ul li font span{ overflow:hidden; display:inline-block; height:38px; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.6s cubic-bezier(.215,.61,.355,1); -webkit-transition:0.6s cubic-bezier(.215,.61,.355,1); -moz-transition:0.6s cubic-bezier(.215,.61,.355,1); -ms-transition:0.6s cubic-bezier(.215,.61,.355,1);}

#s_shengchan ul li font img{ display:block; max-height:100%; width:auto; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; }

#s_shengchan ul li font span.hide{ opacity:0; visibility:hidden; transform:translateX(-100%); -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); -moz-transform:translateX(-100%);}

#s_shengchan ul li:hover font{ border:1px solid #c52733; background:#c52733;}

#s_shengchan ul li:hover font span.hide{ opacity:1; visibility:visible; transform:translateX(0);}

#s_shengchan ul li:hover font span.show{ opacity:0; visibility:hidden; transform:translateX(100%);}

#s_shengchan ul li h5{font-size: 16px;color:#000;white-space: normal;padding: 0 1rem;line-height: 1.5;}

 



.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}

.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }

.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }

#s_shengchan .tc .tc-box{max-width: 400px;width:90%;margin:0 auto;overflow:visible;}

#s_shengchan .tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;  display: block;  pointer-events: auto;}

#s_shengchan .tc_video_xq{

   width: 100%;

   height:0;

   box-sizing: content-box;

   padding-bottom: 176%;

   position: relative;

   overflow:hidden;

   margin:0 auto;

   display: block;

   position:relative;

   z-index:1;

   }

#s_shengchan .tc_video_xq .video-js{ position:absolute; width:100%; height:100%; left:0; top:0;}

#s_shengchan .tc.act .tc_video_xq{ transform:scale(1);}

#s_shengchan .tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:22px; right: -3rem; top: 0rem; z-index:999; width:1.2rem; height:1.2rem; transition:1s; font-size:0; }

#s_shengchan .tc_close img{}

#s_shengchan .tc_close:hover{ transform:rotate(180deg);}

.vjs-poster{ display:none !important;}

#s_shengchan .video-js .vjs-tech{ height:auto;}




#s_jishu{ height:185px; background:url(../image/s_jishu_bg.jpg) center no-repeat; margin-top:70px; margin-bottom:55px; padding:40px 50px;}

#s_jishu .tt{font-size: 28px;color:#000;font-weight:bold;margin-bottom:18px;}

#s_jishu .txt{ font-size:14px; color:#606060; line-height:24px; width:1050px;}

.btn_arrow{ width:106px; height:30px; line-height:30px; text-align: center; display:inline-block; background:#fff; border-radius:15px; margin-left:46px; position:relative; top:5px;}

.btn_arrow img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}



#s_link{ padding:16px 0; border-top:1px solid #ececec; overflow:hidden;}

#s_link .tt{ width:96px; padding-left:36px; background:url(../image/ico_link.png) left center no-repeat; font-size:14px; color:#000; line-height:36px;}

#s_link a{ line-height:36px; font-size:14px; color:#585858; margin-left:17px;}