@charset "utf-8";

@font-face{ font-family:Impact; src:url(../font/impact.ttf);}

@font-face{ font-family:PingFangRegular; src:url(../font/PingFangRegular.ttf);}

@font-face{ font-family:PingFangMedium; src:url(../font/PingFangMedium.ttf);}

@font-face{ font-family:PINGFANGBOLD; src:url(../font/PINGFANGBOLD.TTF);}

@font-face{ font-family:PingFangRegular; src:url(../font/PingFangRegular.ttf);}

@font-face{ font-family:ROBOTO-MEDIUM; src:url(../font/ROBOTO-MEDIUM.TTF);}

@font-face{ font-family:ROBOTO-REGULAR; src:url(../font/ROBOTO-REGULAR.TTF);}

@font-face{ font-family:ROBOTO-LIGHT; src:url(../font/ROBOTO-LIGHT-10_0.TTF);}

@font-face{  src:url(../font/tt0142m_.ttf);}



@media (max-width:4000px){html{font-size:18px;}}

@media (min-width:1600px) and (max-width:1920px){html{font-size:16px;}}

@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}

@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}

@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}

@media (max-width:328px){html{font-size:12px;}}



/*==========================================公共 开始=============================================*/

.ar_wap{ display:none}

.a_body{ position:relative; z-index:0;}

.section{ overflow:hidden;}



.banner_wai{ position:relative; z-index:0;}

.banner_wai>img{ position:relative; width:100%}



.banner{width:100vw;position: fixed;top: 0;z-index: 100;}

.banner li{position:relative;}

.banner li .bg{ position:relative;left:0;top:0;width:100%;}

.banner li .img{position:absolute;left:0;top:0;width:100%;/* height: 100%; */z-index:8;display: none;}	

#banner li img{display:inline-block;width: 100%;}

#banner li .w1600{ height:100%; position:relative}

#banner li .w1600 .wenzi{position:absolute;bottom:4rem;left: 140px;}

#banner li .con{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; text-align:center; }

#banner li .wenzi h3{ font-size:1.625rem; margin-bottom:0.875rem; color:#fff; transition:1.5s .6s; opacity:0; display:block; transform:translateY(50px); font-family:PingFangRegular;}

#banner li .wenzi h4{font-size:1.5rem;color:#fff;transition:1.5s .6s;opacity:0;display:block;transform:translateY(60px);margin-bottom:2.125rem;}

#banner li .wenzi span{ display:inline-block; width:140px; height:40px; line-height:38px; border-radius:20px; border:#fff 1px solid; text-align:center; font-size:12px; font-family:ROBOTO-MEDIUM; color:#fff; transform:translateY(70px); transition:1.5s .6s; opacity:0; overflow:hidden}

#banner li .wenzi span:before{ content:""; position:absolute; bottom:0; left:0; right:0; background:transparent; transition:0.6s; height:0;}

#banner li .wenzi span:hover{ color:#282828}

#banner li .wenzi span:hover:before{ height:100%; top:0; background:#fff}

#banner li .wenzi span font{ position:relative; color:#fff; transition:0.6s}

#banner li .wenzi span:hover font{ color:#282828; letter-spacing:0.5px}

#banner li.miso-current .wenzi h3,#banner li.miso-current .wenzi h4,#banner li.miso-current .wenzi span{ transform:translateY(0px); opacity:1;}



#banner li.miso-current{ z-index:999;}

.banner .miso-arrow{ z-index:99; position:absolute; top:50%; margin-top:-11px; transform:translate(0,0); 

	display:block;

    width: 27px;

    height: 22px;}

.banner .miso-prev{

	left: 3%;

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

	transition:300ms;

	-webkit-transition:300ms;

	animation:moveL 2s linear infinite;

}

	

.banner .miso-next{

	right: 3%;

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

	transition:300ms;

	-webkit-transition:300ms;

	animation:moveL 2s linear infinite;

}



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

@keyframes moveL{

	0%{ transform:translateX(0); -webkit-transform:translateX(0);}

	25%{ transform:translateX(-3px); -webkit-transform:translateX(-3px);}

	50%{ transform:translateX(0); -webkit-transform:translateX(0); }

	75%{ transform:translateX(3px); -webkit-transform:translateX(3px); }

	100%{ transform:translateX(0); -webkit-transform:translateX(0);}

	}

@-webkit-keyframes moveL{

	0%{ transform:translateX(0); -webkit-transform:translateX(0);}

	25%{ transform:translateX(-3px); -webkit-transform:translateX(-3px);}



	50%{ transform:translateX(0); -webkit-transform:translateX(0); }

	75%{ transform:translateX(3px); -webkit-transform:translateX(3px); }

	100%{ transform:translateX(0); -webkit-transform:translateX(0);}

	}



@-webkit-keyframes bgscale {

from { -webkit-transform: scale(1.05); transform: scale(1.05); }

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

}

@keyframes bgscale {

from { -webkit-transform: scale(1.05); transform: scale(1.05); }

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

}

@-webkit-keyframes bgscale2 {

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

to { -webkit-transform: scale(1.05); transform: scale(1.05);}

}

@keyframes bgscale2 {

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

to { -webkit-transform: scale(1.05); transform: scale(1.05);}

}





header{position:fixed;top: 0;z-index: 100;width: 100%;padding: 0;opacity: 0;visibility: hidden;transform: translateY(-50px);transition: 1.2s;}

header.width{position:fixed;top:0;width: 100%;box-shadow: 0 0 3px rgba(0,0,0,0.25);}

header:before{content:"";position:absolute;top:0;left: 0;margin-left: 0;width: 100%;height: 100px;background: transparent;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

header.width:before{width:100%;margin-left: 0;left: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;background: #fff; height:60px}



header .logo{ float:left}

header .logo a{display:inline-block;line-height: 100px;transition: 0.6s;}

header .logo a img{

    height: 1.625rem;

}



.banner.ar_wap{ display:none}



#nav{float:left;margin-right: 2rem;transition: 0.6s;}

#nav ul{}

#nav ul li{float:left;position:relative;z-index:0;}

#nav ul li a{display:block;padding: 0 1.75rem;text-transform:uppercase;}

#nav ul li h3{color: #282828;height: 100px;padding: 0;overflow:hidden;position:relative;transition: 0.6s;}

#nav ul li h3:before{

    content:"";

    transition:.5s;

    position: absolute;

    top: 66%;

    left: 50%;

    display: block;

    width: 100%;

    height: 1px;

    -webkit-transform: translate(-50%, -50%) translateX(-104%);

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

    background: #fff;

    display: none;

    }

#nav ul li h3 .box_table{ width:auto}

#nav ul li h3 .span{display:block;color:#282828;line-height:24px;position:relative;height: 24px;}

#nav ul li h3 .span01{font-size: 18px;position:absolute;top:0;right:0;bottom:0;left:0;transition:0.6s;opacity: 1;visibility:visible;font-family: Arial;}

#nav ul li h3 .span02{font-size: 18px;position:absolute;top:0;right:0;bottom:0;left:0;transition:0.6s;opacity: 0;visibility: hidden;}

#nav ul li h3 .span03{opacity: 0;visibility: hidden;font-size: 18px;font-family: Arial;}



#nav ul li.on a h3 .span01, #nav ul li a:hover h3 .span01{opacity: 0;visibility:hidden;}

#nav ul li.on a h3 .span02, #nav ul li a:hover h3 .span02{opacity: 1;visibility:visible;color: #000;font-family: PingFangMedium;}



#nav ul li a:hover h3:before{-webkit-transform: translate(-50%, -50%) translateX(104%); transform: translate(-50%, -50%) translateX(104%); transition:.5s; }

#nav ul li a i{display:inline-block;background:url(../images/nav_down.png) center no-repeat;width: 16px;height: 9px;background-size:contain;vertical-align: middle;margin-left:8px;margin-top: -3px;}

#nav ul li .sub{position:absolute;top:100%;background: #f7f7f7;width:200px;left:50%;margin-left:-100px;border: 1px solid #f7f7f7;border-bottom:5px solid #c62932;z-index: 10000;transform:translateY(-20px);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;display: none;}

#nav ul li .sub .box{padding:10px 15px;background: #f7f7f7;}

#nav ul li .sub a{padding:0;line-height:2;transition:.3s;font-size: 16px;color: #332;text-align: center;}

#nav ul li .sub a:hover{ color:#000;;}

#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}

#nav ul li .sub:before {

    content: "";

    position: absolute;

    top: -5px;

    right: 50%;

    margin-right:-20px;

    height: 40px;

    width: 40px;

    background-color: #f7f7f7;

    border: 1px solid #f7f7f7;

    z-index: -1;

    -webkit-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    -o-transform: rotate(135deg);

}



header .right .sousuo{float:left;line-height: 100px;transition: 0.6s;}

header .right .sousuo a{display:inline-block;cursor: pointer;}

header .right .sousuo a svg{display:inline-block;vertical-align:middle;fill: #282828;margin-top: -3px;}

header .right .lan{float:left;line-height: 86px;margin:0 20px;}

header .right .lan a{display:inline-block;border:#fff 2px solid;height:30px;line-height:26px;border-radius: 15px;padding: 0 14px;font-family:BarlowCondensed-Bold;font-size:16px;color:#fff;text-transform: uppercase;transition: 0.6s;}

header .right #openBtn{float:left;line-height: 100px;padding-left: 2.5rem;transition: 0.6s;}



header.width .logo a{ line-height:60px;}

header.width #nav ul li h3{ height:60px;}

header.width .right .sousuo, header.width .right #openBtn{ line-height:60px}



#openBtn {

  cursor: pointer;

}



#openBtn .lcbody {

  width: 30px;

  height: 18px;

  position: relative;

  vertical-align: middle;

  display: inline-block;

  margin-top: -6px;

}



#openBtn .lcbody .lcitem {

  width: 100%;

  height: 3px;

  position: absolute;

  transition: transform 0.36s ease;

  border-radius: 2px;

}



#openBtn .lcbody .lcitem div {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: auto;

  right: 0;

  background: #282828;

  border-radius: 0;

}



#openBtn .lcbody .top {

  top: 0;

}



#openBtn .lcbody .center {

  display: block;

  top: 49%;

}



#openBtn .lcbody .bottom {

  top: 100%;

}



#openBtn .lcbody:hover .lcitem.top .rect {

  animation: move 0.4s ease-in-out 1;

}



#openBtn .lcbody:hover .lcitem.center .rect {

  animation: move 0.4s ease-in-out 0.1s 1;

}



#openBtn .lcbody:hover .lcitem.bottom .rect {

  animation: move 0.4s ease-in-out 0.2s 1;

}



.active#openBtn .lcitem.top {

  transform: rotateZ(45deg);

  top: 49%;

}



.active#openBtn .lcitem.center {

  opacity: 0;

}



.active#openBtn .lcitem.bottom {

  transform: rotateZ(-45deg);

  top: 49%;

}



@keyframes move {

  0% {

    right: 0;

  }

  40% {

    right: 0;

    width: 0;

  }

  60% {

    right: auto;

    width: 0%;

  }

  100% {

    right: auto;

    width: 100%;

  }

}



#nav.active{ opacity:1; visibility:visible; transform:translateX(0)}

header.on{transform: translateY(0);opacity: 1;visibility: visible;}



.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;pointer-events: auto;}

.tc_search .tc-box{

  width: 60rem; padding-top:40px;

  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;

  overflow:  hidden;

  }

.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: 0;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: 0;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;font-size:1.6rem;color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;border: none;}

.tc-box .btn_blue{width: 40px;height:4.25rem; border:0; line-height:4.25rem;background:url(../images/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;}



.tanchuang{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.9);z-index: 10000;display: none;}

.tanchuang .left{display:inline-block;text-align: left;}

.tanchuang .left dl{display:inline-block;vertical-align:top;margin: 0 2.25rem;text-align:left;margin-bottom: 1rem;min-width: 26rem;}

.tanchuang .left dl dt{font-size: 1.37rem;color:#fff;margin-bottom: 5rem;text-transform: uppercase;line-height: 3rem;height: 3rem;}

.tanchuang .left dl dt a{color:#fff;display: block;}

.tanchuang .left dl dd{font-size: 1.5rem;line-height: 3.25rem;color:#fff;display:inline-block;position:relative;margin-right: 24px;}

.tanchuang .left dl dd:after{content:"";position:absolute;right: -20px;top:0;background:url(../images/line.png) center no-repeat;width: 8px;height: 15px;top: 50%;margin-top: -7px;}

.tanchuang .left dl dd a{color:#fff;transition: 0.6s; display: block;}

.tanchuang .left dl dt a span.span01{font-family: ROBOTO-REGULAR;}

.tanchuang .left dl dt a span.span02{ display:none}

.tanchuang .left dl dd a span.span01{ font-family:ROBOTO-LIGHT;}

.tanchuang .left dl dd a span.span02{ display:none}

.tanchuang .left dl dd:last-child:after{ display:none}

.tanchuang .right{display:inline-block;vertical-align: top;width: 13rem;text-align: left;}

.tanchuang .right form{position:relative;margin-bottom: 25rem;}

.tanchuang .right input{display:inline-block;width: 0;padding: 0;height:40px;line-height:38px;background: none;font-size: 14px;border: none;color: #fff;transition: 0.6s;opacity:0;visibility:hidden;border-bottom: #fff 1px solid;}

.tanchuang .right button{display:inline-block;background:url(../images/sousuo.png) center no-repeat;width:22px;height:22px;border: none;position: absolute;top: 8px;left: 8px;transition: 0.6s;cursor: pointer;}

.tanchuang .right .box .con{display:inline-block;margin-right: 1.25rem; position:relative}

.tanchuang .right .box .con .box.ewm{position:absolute;padding:12px;background: rgb(209, 209, 209);border-radius:3px;font-size: 16px;color:#333;text-align:center;left:50%;transform:translateX(-50%);top: 3rem;white-space: nowrap;opacity:0;visibility:hidden;transition:0.6s;display: inline-block;}

.tanchuang .right .box .con:hover .box.ewm{ opacity:1; visibility:visible}

.tanchuang .right .box .con .box.ewm img{ width:6.875rem; height:6.875rem}

.tanchuang .right .box .con .box.ewm:before{ content:""; position:absolute; border-right:transparent 5px solid; border-left:transparent 5px solid; border-bottom:rgb(209, 209, 209) 7px solid; left:50%; margin-left:-5px; top:-7px}

.tanchuang .right .box .con .box.tel{position:absolute;padding: 12px 20px;background: rgb(209, 209, 209);border-radius:3px;font-size: 16px;color:#333;text-align:center;left:50%;transform:translateX(-50%);top: 3rem;white-space: nowrap; opacity:0; visibility:hidden; transition:0.6s}

.tanchuang .right .box .con:hover .box.tel{ opacity:1; visibility:visible}

.tanchuang .right .box .con .box.tel:before{ content:""; position:absolute; border-right:transparent 5px solid; border-left:transparent 5px solid; border-bottom:rgb(209, 209, 209) 7px solid; left:50%; margin-left:-5px; top:-7px}

.tanchuang .right .box .con a{ display:inline-block; cursor:pointer}

.tanchuang .right .box .con svg{fill:#d1d1d1;width: 1.5rem;height: 1.5rem;transition:0.6s;}

.tanchuang .right form:hover input{opacity:1;visibility:visible;width: 100%;padding: 0 30px 0 0;}

.tanchuang .right form:hover button{left: 88%;}

.tanchuang .left dl:last-child{ padding:6.75rem 0 0}

.tanchuang .close_box{ position:absolute; right:2rem; top:2rem;}

.tanchuang .close_box svg{ fill:#fff; transition:0.6s}

.tanchuang .close_box svg:hover{ transform:rotate(360deg)}



/*==========================================公共 结束=============================================*/





/*==========================================首页 开始=============================================*/



.container01{padding: 7.55rem 0;overflow: hidden;background: #fff;position: relative;z-index: 1;}

.container01 ul{ font-size:0; margin:0 -2.75rem}

.container01 ul li{ display:inline-block; padding:0 2.2rem; width:25%; position:relative}

.container01 ul li:before{content:"";position:absolute;right:0;top: 0;width:1px;height:100%;background:#353535;transition:0.6s;}

.container01 ul li:after{ content:""; position:absolute; right:0; top:5px; width:1px; height:0; background:#c62932; transition:0.6s}

.container01 ul li a{ display:block}

.container01 ul li .left h3{font-size:1.875rem;color: #7b7b7b;margin-bottom:1.875rem;text-transform:uppercase;font-family: ROBOTO-REGULAR;transition: 0.6s;}

.container01 ul li .left h4{font-size:1.375rem;color: #7b7b7b;font-family: PingFangMedium;transition: 0.6s;}

.container01 ul li .right{height:5.125rem;vertical-align: -webkit-baseline-middle;position: absolute;right: -0.78rem;}

.container01 ul li .right svg{display:inline-block;vertical-align:bottom;height: 4.0rem;width: 4.0rem; fill:#a9a7a7;margin-top: 1.5rem; transition:0.6s;}



.container01 ul li:last-child:before, .container01 ul li:last-child:after{ display:none}



.container03{padding-bottom: 10rem;overflow: hidden;background: #fff;position: relative;z-index: 1;}

.warp2 ul{ font-size:0; margin-bottom:4.75rem}

.warp2 ul li{ width:33.333333%; position:relative; overflow:hidden; display:inline-block}

.warp2 ul li a{display:block;overflow: hidden;}

.warp2 ul li img{width:100%;transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;object-fit: cover;}

.warp2 .case-summary{width:100%;height:100%;background: rgba(0,0,0,0.45);top:0;left:0;position:absolute;padding:5%;opacity:0;visibility:hidden;transition: 2s;}

.warp2 .case-summary .box_table{ text-align:left}

.warp2 .case-summary .box_table_cell{ vertical-align:bottom}

.warp2 .case-summary p{color:#fff;}

.warp2 .case-summary p span{font-family: ROBOTO-LIGHT;display:block;transition: 0.6s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 1.25rem;line-height: 1.25rem;font-size: 1rem;font-weight: bold;}

.warp2 .case-summary p font{color:#fff;font-size: 1.0625rem;display:block;margin-bottom: 0.75rem;letter-spacing: 3px;transition: 0.6s;font-weight: bold;}

.container03 .more00{ text-align:center;}

.container03 .more00 a h3{ margin-bottom:1.25rem}

.container03 .more00 a h3 img{ -webkit-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;}

@keyframes scroll {

  0% { opacity: 0; }

  10% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

  100% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(0); transform: translateY(5px); opacity: 0;}

}

.container03 .more00 a h4{font-size:1.125rem;color: rgba(0, 0, 0, 0.5);font-family: ROBOTO-REGULAR;transition: 0.6s;}



.container04{padding-bottom:7.5rem;overflow: hidden;background: #fff;position: relative;z-index: 1;}

.container04 ul{ font-size:0; margin:0 -5px;}

.container04 ul li{display:inline-block;width:12.5%;padding:0 5px;margin-bottom:10px;text-align: center;}

.container04 ul li a{display: block;position:relative;height: 8.125rem;line-height: 8.125rem;}

.container04 ul li a:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#ebebeb 1px solid; z-index:1}

.container04 ul li a .img, .container04 ul li a .img img{max-width: 90%;overflow:hidden;display: inline-block;height: auto !important;}

.container04 ul li a .img img{ transition:0.6s; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=50); opacity:0.5;  -moz-opacity:0.5; -khtml-opacity:0.5;}

.container04 ul li .line{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display: none;}

.container04 ul li .line span.span01{ position:absolute; top:0; right:0; bottom:0; left:0}

.container04 ul li .line span.span01:before{content:"";position:absolute;left:0;bottom:0;background: #c62932;height:0;width:1px;transition:0.6s;}

.container04 ul li .line span.span01:after{content:"";position:absolute;left:0;bottom:0;background: #c62932;height:1px;width:0;transition:0.6s;}

.container04 ul li .line span.span02{ position:absolute; top:0; right:0; bottom:0; left:0}

.container04 ul li .line span.span02:before{content:"";position:absolute;right:0;top:0;background: #c62932;height:0;width:1px;transition:0.6s;}

.container04 ul li .line span.span02:after{content:"";position:absolute;right:0;top:0;background: #c62932;height:1px;width:0;transition:0.6s;}



.container04 ul li a:hover .img img{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;}

.container04 ul li a:hover .con{ top:0; background:rgba(0,0,0,0.3)}

.container04 ul li a:hover .con h5{ opacity:1}

.container04 ul li a:hover .con span{ opacity:1}

.container04 ul li a:hover .line span.span01:before{ height:100%}

.container04 ul li a:hover .line span.span01:after{ width:100%}

.container04 ul li a:hover .line span.span02:before{ height:100%}

.container04 ul li a:hover .line span.span02:after{ width:100%}



.gg{ background: #fff;

    position: relative;

    z-index: 1;}

.gg img{ width:100%}



.container05{padding:11.25rem 0;overflow: hidden;background: #fff;position: relative;z-index: 1;}

.container05 .content{ position:relative}

.container05 .left{ width:52.5%; position:relative; z-index:1}

.container05 .left img{width:100%;object-fit: cover;height: 33.75rem;}

.container05 .right{width:calc(47.5% - 7.25rem);padding:0 0 0;position:absolute;top:0;bottom:0;right:0;}

.container05 .right .box_table{ text-align:left}

.container05 .right h3{font-size:1.75rem;color: #000000;margin-bottom: 3.75rem;font-family: PingFangMedium;}

.container05 .right h3 font{ font-family:ROBOTO-LIGHT; font-size:1.75rem; color:#d05057;}

.container05 .right h3 big{ font-size:2rem; color:#000000; font-family:ROBOTO-LIGHT; text-transform:uppercase;}

.container05 .right ul{ margin-bottom:2rem}

.container05 .right ul li{margin-bottom: 1rem;}

.container05 .right ul li a{ display:block; font-size:0}

.container05 .right ul li span{display:inline-block;font-size:1.0625rem;color:#545454;width:8.25rem;font-family:ROBOTO-LIGHT;vertical-align:top;line-height: 2.5rem;}

.container05 .right ul li font{display:inline-block;width:calc(100% - 8.25rem);font-size:1.0625rem;color: #747477;line-height: 2.5rem;height: 2.5rem;overflow:hidden;transition: 0.6s;font-family: PingFangMedium;white-space: nowrap;text-overflow: ellipsis;}

.container05 .right .more a{font-size:1.125rem;color: rgba(0, 0, 0, 0.5);font-family:ROBOTO-REGULAR;transition:0.6s;}

.container05 .right .more a img{ margin:-3px 0 0 3rem; transition:0.6s}



footer{background: #fff; position: relative; z-index: 1;}

footer .w1600{}

footer .fl01{ padding:3.25rem 0 1.3rem; background:#f2f2f2; border-bottom:#dadada 1px solid}

footer .fl01 .left{width: 24%;}

footer .fl01 .left .con{ display:inline-block}

footer .fl01 .left .con h4{font-size: 17px;color:#464646;font-family: PINGFANGBOLD;margin: 2.5rem 0 1.85rem;}

footer .fl01 .left .con p{font-size: 11px;line-height: 28px;color: #636363;font-family: PINGFANGBOLD;}

footer .fl01 .left .ewm{ display:inline-block; text-align:center; margin-left:3.25rem}

footer .fl01 .left .ewm h3 img{ border:#e2e2e2 1px solid; width:6.25rem; height:6.25rem;}

footer .fl01 .left .ewm h5{ font-size:13px; color:#747474; line-height:1.5rem; margin-top:0.5rem;letter-spacing:-1.5px; font-weight: bold;;}

footer .fl01 .center{font-size:0;margin-right: 6rem;}

footer .fl01 .center dl{display:inline-block;vertical-align:top;margin: 0 1.5rem;}

footer .fl01 .center dl dt{font-size: 22px;color:#212121;margin-bottom:2rem;}

footer .fl01 .center dl dt a{color:#212121;transition:0.6s;font-family: PingFangMedium;}

footer .fl01 .center dl dd{font-size:13px;line-height: 28px;color:#636363;}



footer .fl01 .center dl dd a{color: #636363;transition:0.6s;font-family: PINGFANGBOLD;}



footer .fl01 .center01 h3{font-size: 22px;color:#464646;font-family: ROBOTO-REGULAR;margin: 0 0 2rem;text-transform: uppercase;}

footer .fl01 .center01 p{font-size: 13px;line-height: 28px;color: #636363;font-family: PINGFANGBOLD;}





footer .fl01 .right{text-align:right;width: 11rem;}

footer .fl01 .right h3{font-size: 20px;color:#272727;font-family: PingFangRegular;margin-bottom:2rem;}

footer .fl01 .right dl ul{font-size:0;margin-bottom: 1.5rem;text-align: right;}

footer .fl01 .right ul.miso_hd li{display:inline-block;text-align:center;margin-left: 1rem;width: auto !important;float: inherit;}

footer .fl01 .right ul li a{display:inline-block;width: 35px;height: 35px;line-height: 33px;border-radius:50%;border:#d6d6d6 1px solid;transition:0.6s;cursor: pointer;}

footer .fl01 .right ul li a svg{ display:inline-block; vertical-align:middle; width:20px; height:20px; fill:#979797}

footer .fl01 .right p, footer .right p a{font-size:12px;line-height: 24px;color:#797979;transition:0.6s;font-family: PINGFANGBOLD;}



footer .fl01 .right ul li img{ border:#e2e2e2 1px solid}

footer .fl01 .right ul li.li01{margin-right: 0;display: inline-block;float: inherit;}

footer .fl01 .right ul li.li01 h5{font-size: 11px;color: #000;line-height: 30px;width: 106px;float: right;}

footer .fl01 .right ul li.li01 img{width: 105px;height: 105px;border:#e2e2e2 1px solid;display: inline-block;}

footer .fl01 .right ul li.li02 img{ width:9.5rem; height:9.5rem; border:#e2e2e2 1px solid; border-radius:50%}



#s_link{overflow:hidden;width:100%;background:#f2f2f2;padding: 1.0rem 0 1rem;}

#s_link .tt{width: 68px;font-size: 13px;color: #484848;line-height:36px;}

#s_link .tt span{ font-family: PINGFANGBOLD;}

#s_link .right{width: calc(100% - 68px);}

#s_link a{line-height:36px;font-size: 13px;color: #787878;margin-right: 1.5rem;display:inline-block;transition:.3s;font-family: PINGFANGBOLD;}

#s_link a:hover{color: #000000;}



.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999999;}



.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}

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

.tc1 .close:hover{ transform:rotate(180deg);}

.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 

.tc1 .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;width: 200px;height: 250px;left:50%;margin-left: -100px;margin-top: -125px;-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;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;}

.tc1 .tc.act{display: block;}

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

.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }

.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}

.tc1 .tc-box h3 img{width: 200px;height: 200px;}

.tc1 .tc-box h5{width: 100%;height: 50px;line-height: 50px;font-size:1rem;color:#fff;text-align:center;}





/*==========================================首页 结束=============================================*/





/*==========================================内页 开始=============================================*/





.top_bai{ height:100px}



.n_about .fl01{padding: 8.75rem 0;}

.n_about .fl00 .n_title00{width:45%;font-size:1.75rem;color:#000000;text-transform:uppercase;font-family: ROBOTO-REGULAR;}

.n_about .fl00 .right{ width:55%;}

.n_about .fl00 .right h6{font-size: 0.9375rem;color:#a2a2a2;text-transform:uppercase;line-height:32px;margin-bottom:5px;font-family: ROBOTO-REGULAR;}

.n_about .fl00 .right p{font-size: 0.875rem;color:#000;line-height: 2rem;font-family: ROBOTO-REGULAR;text-align: justify;}



.n_about .fl00 .right h4{ margin-bottom:0.375rem}

.n_about .fl00 .right h4, .n_about .fl00 .right h4 span{ font-size:1.125rem; color:#5c5c5c; font-family:PINGFANGBOLD}



.container09 ul{ font-size:0;}

.container09 ul li{display:inline-block;width: 15.8%;position:relative;background-size: cover !important;overflow: hidden;transition: 0.6s;}

.container09 ul li .img{ width:100%;}

.container09 ul li img{width: 100%;height: 728px;/* object-fit: cover; */}

.container09 ul li img.img01{ display:none}

.container09 ul li.on a .bottom h3 br{ display:none}

.container09 ul li.on{width: 52.5%;}

.container09 ul li h5{position:absolute;bottom:-50px;left:0;right:0;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;opacity:0;visibility:visible;transition:0.6s;background: rgba(0, 0, 0, 0.3);}

.container09 ul li.on h5{ opacity:1; visibility:visible; bottom:0}

.container09 ul li a{ display:block; width:100%; height:100%}



.container09 ul li a .bottom{position:absolute;top: 3rem;left:0;right:0;padding:0 2.5rem;}

.container09 ul li a .bottom h3{ font-size:1.65rem; line-height:2.4rem; color:#fff; font-weight:bold; margin-bottom:1rem}

.container09 ul li a .bottom h5{ font-size:14px; line-height:24px; color:#fff}

.container09.ar_wap{ display:none}

.container09 ul li.on img{ opacity:0}



.n_about .fl02{ padding:5rem 0 7.5rem}

.n_about .fl02 ul{ margin:0 -1.5rem; font-size:0}

.n_about .fl02 ul li{display:inline-block;width:16.6666667%;padding:0 1.5rem;text-align:center;margin-bottom: 2rem;}

.n_about .fl02 ul li .img, .n_about .fl02 ul li .img img{ overflow:hidden; position:relative; display:inline-block; border-radius:50%; max-width:100%}

.n_about .fl02 ul li .img .top{position:absolute;top:0;right:0;bottom:0;left:0;transition:0.6s;transform: scale(1);opacity:0;visibility:hidden;border-radius:50%;}

.n_about .fl02 ul li .img .top h5{ font-size:1.125rem; color:#fff; margin-bottom:10px}

.n_about .fl02 ul li .img .top h6{ font-size:13px; color:#dadada; padding:0 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.n_about .fl02 .right{ margin-top:7.5rem}

.n_about .fl03{ padding:7.5rem 0}

.n_about .fl03 .gg{ margin-bottom:3rem; margin-top:-2rem}

.n_about .fl04{ padding:7.5rem 0}

.n_about .fl04 .right ul{font-size:0;margin:0 -3rem;margin-bottom: 3rem;}

.n_about .fl04 .right ul li{display:inline-block;width:25%;text-align:center;margin-bottom:3.75rem;position:relative;cursor: pointer;}

.n_about .fl04 .right ul li:before{ content:""; background:url(../images/jiantou.png) center no-repeat; width:16px; height:9px; position:absolute; top:50%; margin-top:-16px; right:-10px}

.n_about .fl04 .right ul li h3{ height:55px}

.n_about .fl04 .right ul li h3 img{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; transition:0.6s}

.n_about .fl04 .right ul li h6{font-size: 0.875rem;line-height: 1.375rem;height: 2.75rem;transition: 0.6s;}

.n_about .fl04 .right ul li:nth-child(4):before,.n_about .fl04 .right ul li:nth-child(8):before{ display:none}



.n_case{ padding:7.5rem 0 0}



.n_case_detail .title{ margin-bottom:6.25rem}

.n_case_detail .title h4{font-size:1.375rem;color:#2f2f2f;text-transform:capitalize;margin-bottom:0.875rem;font-family: ROBOTO-MEDIUM;}

.n_case_detail .title h3{font-size:2rem;color:#2f2f2f;margin-bottom:6.25rem;position:relative;font-family: PINGFANGBOLD;}

.n_case_detail .title h3:before{ content:""; width:24px; height:3px; background:#2f2f2f; left:0; bottom:-2rem; position:absolute}

.n_case_detail .title p{font-size:15px;line-height:32px;color:#363636;font-family: PingFangMedium;}

.n_case_detail .title01{ margin-bottom:5rem; width: 75%;}

.n_case_detail .title01 h4{font-size:1.125rem;color:#2f2f2f;text-transform:capitalize;margin-bottom:0.5rem;font-family: ROBOTO-MEDIUM;}

.n_case_detail .title01 h3{font-size:1.375rem;color:#2f2f2f;position:relative;margin-bottom:2.25rem;font-family: PINGFANGBOLD;}

.n_case_detail .title01 h2{margin-bottom: 1.5rem;font-size:1.375rem;color:#2f2f2f;font-weight:bold;}

.n_case_detail .title01 p{font-size: 15px;line-height: 1.875rem;color: #363636;font-family: PingFangMedium;text-align: justify;}

.n_case_detail .w1800{width: 1700px;padding: 0;}

.n_case_detail .ar_article p{ margin-bottom:0rem}

.n_case_detail .ar_article p img{ width:100%}



.b_nav{text-align:center;margin-top:3.75rem;position: relative;height: 30px;line-height: 30px;}

.b_nav .con{font-size: 0.9375rem;max-width: 46%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.b_nav .con.center{display:inline-block;vertical-align: top;width: 6%;position: absolute;left: 50%;margin-left: -3%;top: 0;}

.b_nav .con.center a,.b_nav .con.center span{display: block;width: 100%;}

.b_nav .con.center img{margin: 0;}

.b_nav .con.fl img{margin: -3px 1.625rem 0 0;}

.b_nav .con.fr img{margin: -3px 0 0 1.625rem;}

.b_nav .con.fl a, .b_nav .con.fr a{color: #818181;transition:0.36s;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}

.b_nav .con a font{max-width:calc(100% - 126px);font-family: PingFangMedium;}



.n_case_detail{padding: 7rem 0 7rem;}

.n_tuijian .title{ text-align:center; margin-bottom:5rem}

.n_tuijian .title h3{font-size: 1.75rem;color:#4a4a4a;margin-bottom:1.625rem;}



.n_news{ padding:7.5rem 0 6.25rem}

.n_news .w1260{max-width: 1100px;padding:0 15px;}

.n_news ul{ margin-bottom:5rem}

.n_news ul li{padding-bottom:3rem;margin-bottom:3rem;border-bottom:#d9d9d9 1px solid;position: relative;}

.n_news ul li:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background: #000;transition:0.6s;}

.n_news ul li:hover:after{ width:100%} 

.n_news ul li a{ display:block; overflow:hidden}

.n_news ul li a .img, .n_news ul li a .img img{width:30.625rem;height:19.375rem;overflow:hidden;float:left;object-fit: cover;}

.n_news ul li a .con{ float:right; width:calc(100% - 30.625rem); padding:2.25rem 0 0 3rem}

.n_news ul li a .con h6{font-size:13px;color:#7b7b7b;font-family: ROBOTO-REGULAR;}

.n_news ul li a .con h4{font-size:1.375rem;color:#303030;height:1.5rem;line-height:1.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:1.25rem 0 1.5rem;transition: 0.6s;font-family: PingFangMedium;}

.n_news ul li a .con p{font-size: 0.875rem;line-height: 1.625rem;color: #777;height: 3.25rem;overflow:hidden;margin-bottom:5rem;font-family: PingFangMedium;}

.n_news ul li a .con h5 span{display:inline-block;height:24px;line-height:24px;font-size:13px;color:#878787;border-bottom:#878787 1px solid;transition: 0.6s;font-family:ROBOTO-REGULAR;}



.page_box{ text-align:center}

.page_box a{ display:inline-block; font-size:14px; color:#333; font-weight:bold; text-transform:uppercase; margin:0 0.5rem; height:35px; line-height:35px; transition:0.36s; position:relative}

.page_box a:before{ content:""; position:absolute; left:0; bottom:0; background:#333; height:2px; width:0; transition:0.6s}

.page_box a.on:before, .page_box a:hover:before{ width:100%}



.n_news_detail{ padding:7.5rem 0 6.25rem}

.n_news_detail .left{ width:35%}

.n_news_detail .left h3{font-size:1.45rem;color:#434343;margin-bottom:1.25rem;font-family: ROBOTO-REGULAR;}

.n_news_detail .left h5{ font-size:15px; color:#6d6d6d}

.n_news_detail .right{ width:65%}

.n_news_detail .right .title h3{font-size:1.5rem;color:#4d4d4d;line-height:1.875rem;border-bottom:#d0d2d9 1px solid;padding-bottom:2.75rem;margin-bottom:3.125rem;font-family: PingFangMedium;}

.n_news_bottom{ padding-top:1.75rem; border-top:#d0d2d9 1px solid}

.n_news_bottom .fenxiang_box svg{width:2.5rem;height:2.5rem;fill:#bcbcbc;margin-right: 6px;display: inline-block;vertical-align: middle;margin-top: -3px;margin-left: -0.5rem;}

.fenxiang_box{display:inline-block;position: relative;}

.fenxiang_box:hover #j_shart_s_24{ display:inline-block !important;}



.n_news_detail .w1260{max-width: 1100px;padding:0 15px;}







.shart_box{display:inline-block; cursor:pointer}

#j_shart_s_24 .bds_count{ font-size:12px;}

#j_shart_s_24{display: none;vertical-align: top;position: absolute;top: 50%;white-space: nowrap;width: 136px;margin-top: -17px;}

#j_shart_s_24 strong{z-index:2;line-height:36px;font-size:12px;color: #7e8080;font-weight: normal;display: none;}

#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}

#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}

#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}

#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}

#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}

#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}

#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}

#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}

#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_count{font-size:12px}

#j_shart_s_24.xian{ display:inline-block}

.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{ margin:3px 6px 0 0 !important}

.n_news_bottom .anjian a.fanhui{ margin:0 1.5rem}

.n_news_bottom .anjian a.fanhui img{ height:1.25rem}



.n_contact .fl01{ padding:6rem 0 7.325rem;}

.n_contact .fl01 .left{ width:50%}







.n_contact .fl01 .left dl{ margin-bottom:3.75rem}

.n_contact .fl01 .left dl dt{font-size: 0.9375rem;color:#000000;margin-bottom:0.875rem;text-transform:uppercase;font-family: ROBOTO-REGULAR;}

.n_contact .fl01 .left dl dd{font-size: 0.875rem;color:#363636;line-height: 1.875rem;font-family: PingFangMedium;}

.n_contact .fl01 .left dl ul{font-size:0;margin-bottom: 1rem;}

.n_contact .fl01 .left dl ul li{display:inline-block;text-align:center;margin-right: 1.5rem;line-height: 4.5rem;}

.n_contact .fl01 .left dl ul li a{display:inline-block;width:40px;height:40px;line-height:38px;border-radius:50%;border:#d6d6d6 1px solid;transition:0.6s;cursor: pointer;}

.n_contact .fl01 .left dl ul li a svg{ display:inline-block; vertical-align:middle; width:20px; height:20px; fill:#979797}

.n_contact .fl01 .left dl ul li.miso-current a{ background:#323232; border:#323232 1px solid}

.n_contact .fl01 .left dl ul li.miso-current a svg{}





.n_contact .fl01 .left>h3{font-size:1.75rem;color:#000000;margin-bottom:4.375rem;text-transform: uppercase;font-family: ROBOTO-REGULAR;}

.n_contact .fl01 .left>h4{font-size:1.125rem;color:#313131;margin-bottom:0.75rem;font-family: PingFangMedium;}

.n_contact .fl01 .left>h5{font-size:1.125rem;color:#313131;margin-bottom:3.5rem;text-transform: uppercase;font-family: ROBOTO-MEDIUM;}

.n_contact .fl01 .left ul{ font-size:0}

.n_contact .fl01 .left ul.miso_hd li{display:inline-block;width: auto !important;}

.n_contact .fl01 .left ul.miso_bd{width: 6.875rem;display: inline-block;}

.n_contact .fl01 .left ul li img{ border:#e2e2e2 1px solid}

.n_contact .fl01 .left ul li.li01{margin-right: 0;}

.n_contact .fl01 .left ul li.li01 h5{font-size: 13px;color: #000;line-height: 30px;}

.n_contact .fl01 .left ul li.li01 img{width: 6.875rem;height: 6.875rem;border:#e2e2e2 1px solid;}

.n_contact .fl01 .left ul li.li02 img{ width:9.5rem; height:9.5rem; border:#e2e2e2 1px solid; border-radius:50%}



.n_contact .fl01 .right{ width:48%; padding:10rem 0 0}



.gg.container04 ul li{ width:25%}



.gg.container04 ul li a:after{ display:none}

.gg.container04 .miso-dots{padding:0;margin:0;bottom: -1rem;}

.gg.container04 .miso-dots li{padding:0;display:inline-block;margin:0 4px;background:#e5e5e5;border-radius:50%;width: 6px;height: 6px;}

.gg.container04 .miso-dots li.miso-active{ background:#c62932}



.container01_wap{ display:none}

.container02_wap{ display:none}

.container03_wap{ display:none}



/*==========================================内页 结束=============================================*/



@media(min-width: 1940px) and (max-width: 4000px){

	.n_about .fl04 .right ul li h6{ font-size:0.75rem}

	

	.container05 .right ul li{}

	

	.n_news .w1260{max-width: 1260px;padding:0 15px;}

	.n_news_detail .w1260{max-width: 1260px;padding:0 15px;}



	.n_case_detail .w1800 { max-width: 1800px; padding: 0;}

	

	footer .fl01 .center{ width:28%}

	footer .fl01 .left{ width:28%}

	footer .fl01 .center01{ width:25%}

}







@media(min-width: 768px){

	.container01 ul li:hover:after{}

	.container01 ul li:hover:before{}

	

	.container01 ul li:hover .right svg{ fill:#404040}

	

	.warp2 ul li a:hover img{ transform:scale(1.1)}

	.warp2 ul li a:hover .case-summary{ opacity:1; visibility:visible}

	.warp2 ul li a:hover .case-summary span{ letter-spacing:0}

	.warp2 ul li a:hover .case-summary font{ letter-spacing:0}

	

	.container03 .more00 a:hover h4{color: #000000;}

	

	.container05 .right .more a:hover{color: #000000;}

	.container05 .right .more a:hover img{ transform:translateX(10px); opacity:0}

	

	footer .fl01 .center dl dd a:hover, footer .right p a:hover{color: #000000;}

	footer .fl01 .right ul li a:hover{ border:#c62932 1px solid; background:#c62932}

	footer .fl01 .right ul li a:hover svg{ fill:#fff}

	.container05 .right ul li:hover font{color: #000000;}

	

	.tanchuang .right .box .con a:hover svg{ fill:#fff}

	

	.tanchuang .left dl dt a:hover span.span02{display:inline-block;font-size: 2rem;}

	.tanchuang .left dl dt a:hover span.span01{ display:none;}



	.tanchuang .left dl dd a:hover span.span02{ display:inline-block;}

	.tanchuang .left dl dd a:hover span.span01{ display:none;}

	

	.n_about .fl02 ul li a:hover .img .top{transform: scale(1);opacity:1;visibility:visible;background:rgba(0,0,0,0.4);}

	.n_about .fl02 ul li a:hover .img img{ transform:scale(1.05)}

	

	.n_news ul li a:hover .con h4{ color:#000;}

	.n_news ul li a .con h5 span:hover{ color:#000;; border-bottom:#404040 1px solid}

	

	.container01 ul li:hover .left h3, .container01 ul li:hover .left h4{ color:#404040}

	.n_about .fl04 .right ul li:hover h3 img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none}

	.n_about .fl04 .right ul li:hover h6{ color:#404040}

	

}





@media(min-width: 992px) and (max-width: 1300px){



}



@media(max-width: 2600px){

  .container09 ul li img{ height: 728px;}

}

@media(max-width: 2400px){

  .container09 ul li img{ height: 600px;}

}



@media(max-width: 2000px){

  .container09 ul li img{ height: 560px;}

}



@media(max-width: 1830px){



	.w1800{ padding:0 15px}



	.n_case_detail .w1800{ max-width:85%}

	

	footer .fl01 .left{width:auto;margin-right: 2rem;}

	footer .fl01 .center{ margin-right:3rem}

}

@media(max-width: 1830px){



	.container09 ul li img{ height:450px}



	footer .fl01 .center dl{margin: 0 2rem;}

	

	footer .w1600{}

}

@media(max-width: 1630px){

	

	.container01 .w1600{ padding:0 100px}



	footer .w1600{}

	

	.n_news .w1260{ }

	footer .fl01 .center dl{ margin:0 1rem}

	

	footer .fl01 .center{margin-right: 3rem;}

}



@media(max-width: 1500px){

	.w1600{padding: 0 140px;}

	#banner li .w1600 .wenzi{left: 3%;}

	

	footer .w1600{}

	.n_contact .fl01 .left ul li.li01 h5{ font-size:12px;}

	.n_case_detail .w1800{ padding:0 50px; max-width:95%}

	

	footer .fl01 .center{margin-right: 2rem;}

	footer .fl01 .center dl{margin: 0 1rem;}

}



@media(max-width: 1440px){

	.container01 ul li{ width:50%; margin:1.5rem 0}

	.container01 ul li:before, .container01 ul li:after{ display:none}

	.w1600{padding: 0 60px;}

	.n_case_detail .w1800{padding: 0;width: 1200px;max-width: 84%;}

	

	.n_news .w1260, .n_news_detail .w1260{ max-width:920px}

	footer .fl01 .left{ margin-right:3rem}

	footer .fl01 .center{ margin-right:3rem}

}



@media(max-width: 1330px){

	.w1300{ padding:0 15px}

	footer .fl01 .center dl{ margin:0 1rem}

	

	.container09 ul li img{ height:380px}

	footer .fl01 .left{ margin-right:2rem}

	footer .fl01 .center{ margin-right:2rem}



}

@media(max-width: 1220px){

	.w1260{ padding:0 15px}



	footer .w1600{ padding:0 15px}



}

@media(max-width: 1200px){

	.container05 .right h3{}

	.container05 .right{width:calc(47.5% - 2rem);padding: 0;position: relative;}

	

	footer .fl01 .center{ display:none}

	footer .fl01 .left{}

	

	.container09{display: none;}

	

	.container09.ar_wap{display: block;}

	.container09 ul li img{ display:none}

	.container09 ul li img.img01{display:block;height: auto;}

	.w1600{padding: 0 15px;}

	

	.container01 .w1600{padding: 0 15px;}

}



@media(max-width: 1060px){

	#nav ul li a{ padding:0 1.25rem}

}



@media(max-width: 992px){

	#nav{ display:none}

	

	.container01{ padding:3rem 0}

	

	.container04 ul li{width:25%;margin: 0.75rem 0;}

	

	.warp2 ul{ margin-bottom:3rem}

	.container03{padding-bottom: 2rem;}

	.container04{ padding-bottom:4rem}

	.container05{padding:4rem 0;display: none;}

	.container05 .left{}

	

	footer .fl01 .left{width:100%;margin-bottom:2rem;text-align: center;}



	footer .fl01 .right{width:100%;text-align: center;}

	footer .fl01 .left .ewm{ display:none}

	footer .fl01 .right ul li{ margin:0 0.5rem}

	

	.n_about .fl02 ul li{width:33.333333%;margin-bottom: 2rem;}

	.b_nav .con a font{ display:none}

	.b_nav .con.center img{ height:1.5rem}

	.n_tuijian .title{ margin-bottom:3rem}

	

	.n_news ul li a .img, .n_news ul li a .img img{ width:20rem; height:15rem}

	.n_news ul li a .con{width:calc(100% - 20rem);padding: 1rem 0 0 1.5rem;}

	.n_news ul li a .con p{ margin-bottom:2rem}

	

	.n_contact .fl01 .left{ width:100%; margin-bottom:3rem; text-align:center}

	.n_contact .fl01 .right{width:100%;padding: 0;}

	.n_contact .fl01 .left dl ul{ padding:10%}

	.n_contact .fl01 .right iframe{ height:300px !important;}

	.n_contact .fl01 .left ul.miso_hd li{margin: 0;width: 33.333333% !important;}

	

	/*01.28*/

	.gg001{ display:none}

	.sousuo{ display:none}

	.container03 .more00{ display:none}

	.container01{ display:none}

	

	.container01_wap{ display:block}

	.container02_wap{display:block;padding-bottom: 3rem;}

	.container03_wap{ display:block}

	.container01_wap{padding:6rem 0;background:#fff;position: relative;}

	.shouji_wz .content{ width:84%}

	.shouji_wz .content h5{font-size:16px;color:#3e3a39;margin-bottom:3rem;line-height: 28px;}

	.shouji_wz .content p{ font-size:12px; line-height:26px; color:#3e3a39; text-align:justify; margin-bottom:26px}

	

	.container04 ul li a:after{ display:none}

	.container04 ul li a .img img{}

	

	footer{ display:none}

	.container03_wap{background:#f2f2f2;position: relative;}

	

	.n_contact.container03_wap .fl01 .left{text-align: left;margin-bottom: 0;}

	.n_contact.container03_wap .fl01 .left dl{padding:0;margin-bottom: 2rem;}

	

	.n_contact.container03_wap .fl01 .left dl ul{padding:0;display:inline-block;white-space: nowrap;}

	.n_contact.container03_wap .fl01 .left dl ul li{margin-right: 0;width: 56px !important;text-align: left;}

	.n_contact.container03_wap .fl01 .left dl ul li a{ text-align:center}

	.n_contact .fl01 .left ul li.li01 h5{ line-height:16px; margin-top:0.5rem}

	

	.tanchuang .left dl dt a span.span01, .tanchuang .left dl dd a span.span01{ display:none}

	.tanchuang .left dl dt a span.span02, .tanchuang .left dl dd a span.span02{ display:block}

	

	.container04 ul li a .img, .container04 ul li a .img img{ max-height:5rem}

	.wap_hezuo.container04 ul li a:after{ display:block}

    .wap_hezuo.container04 ul li a .img, .wap_hezuo.container04 ul li a .img img{ max-height:inherit !important}

}





@media(max-width: 768px){

	header .logo a img{height: 18px;}

	header .logo a{ line-height:70px;}

	header .right .sousuo{ line-height:70px;}



	header .right #openBtn{ line-height:70px;}

	header.width:before{ height:70px}

	

	.container01 ul{ margin:0 -8px}

	.container01 ul li{padding:0 8px;margin:15px 0;}

	.container01 ul li .left h3{ font-size:18px; margin-bottom:1.25rem}

	.container01 ul li .left h4{ font-size:14px}

	.container01 ul li .right svg{ margin-top:2rem}

	.container01 ul li .right{position:absolute;right: 15px;top:0;}

	

	.warp2 ul li{ width:100%}

	

	.banner_wai{height: 80vh;display: block;}

	.banner, .banner li .img{height: 80vh;display: block;}

	.banner .wenzi_box{ z-index:1000}

	.banner li{ height:80vh}

	.banner li .bg{ display:none}



	#banner li .wenzi span{ display:none}

	#banner li .w1600 .wenzi{ bottom:0}

	#banner li .wenzi h3{ font-size:16px;}

	#banner li .wenzi h4{ font-size:14px;}

	.banner .miso-arrow{width: 17px;height: 14px;background-size: cover;}

	

	.container05 .left{ margin-bottom:2rem}

	.container05 .left, .container05 .right{ width:100%}

	.container05 .right ul li span{width: 100%;font-size: 15px;margin-bottom: 5px;}

	.container05 .right ul li font{width: 100%;font-size: 14px;}

	.container05 .right .more a img{ margin:-3px 0 0 1rem}

	.container05 .right h3{ margin-bottom:2rem}



	

	header .right .sousuo a svg{ width:20px; height:20px;}

	#openBtn .lcbody{ width:24px;}

	#openBtn .lcbody .lcitem{ height:2px}

	

	#s_link{ padding:0 0 2rem}

	#s_link .right{ width:100%}

	#s_link .w1600{ padding:1.25rem 15px}

	#s_link a{font-size:12px;line-height: 26px;}

	footer .fl01{ padding:3rem 0 2rem}

	

	.tanchuang{ padding:0 15px}

	.tanchuang .left{ width:100%}

	.tanchuang .left dl{width:100%;margin:0;max-width:100%;padding: 1rem 0 0 !important;}

	.tanchuang .right{ width:100%}

	.tanchuang .right form{ margin-bottom:4rem}

	.tanchuang .left dl dt{ margin-bottom:1rem}

	

	.n_about .fl02 ul{ margin:0 -8px}

	.n_about .fl02 ul li{ padding:0 8px; margin-bottom:1rem}

	.n_about .fl00 .n_title00, .n_about .fl00 .right{ width:100%}

	.n_about .fl00 .n_title00{margin-bottom: 3rem;}

	

	.n_about .fl01{ padding:3rem 0}

	.n_about .fl02{padding: 1rem 0 3rem;}

	

	.n_about .fl02 .right{ margin-top:3rem}

	

	.n_about .fl03{ padding:4rem 0}

	.n_about .fl04 .right ul{ margin:0}

	.n_about .fl04 .right ul li{width:33.3333333%;margin-bottom: 2rem;}



	.n_about .fl04 .right ul li h3{ height:40px; }

	.n_about .fl04 .right ul li h3 img{ height:22px}

	.n_about .fl04 .right ul li h6{ font-size:12px}

	.n_about .fl04 .right ul li:nth-child(4):before,.n_about .fl04 .right ul li:nth-child(8):before{ display:block}



	.n_about .fl04 .right ul li:nth-child(3):before,.n_about .fl04 .right ul li:nth-child(6):before{ display:none}

	

	.n_about .fl00 .right p{ font-size:13px; line-height:26px}

	.n_about .fl04 .right ul li:before{transform:scale(0.8);margin-top: -38px;}

	.n_about .fl04{ padding:4rem 0}

	

	.n_case{ padding:4rem 0 0}

	

	.n_case_detail{padding: 4rem 0 4rem;}

	.n_case_detail .title p, .n_case_detail .title01 p{ font-size:13px; line-height:26px;}

	.n_case_detail .title{ margin-bottom:4rem}

	.n_case_detail .title01{margin-bottom:4rem;width: 100%;}

	

	.n_news ul li{padding-bottom: 2rem;margin-bottom: 1rem;border: none;}

	.n_news ul li a .img, .n_news ul li a .img img{width: 100%;height: auto;}

	.n_news ul li a .con{width: 100%;padding: 2rem 1rem 0;}

	.n_news ul li a .con p{ margin-bottom:2rem}

	

	.n_news{ padding:4rem 0}

	.n_news ul{ margin-bottom:2rem}

	.page_box a{ margin:0 4px; font-size:14px}

	

	.top_bai{ height:70px;}



	



	.n_news_detail .left{width:100%;margin-bottom: 2rem;}

	.n_news_detail .right{ width:100%}



	

	.ar_article p{ font-size:13px; line-height:26px; text-align: justify;}

	.fenxiang_box{ display:none}

	

	.n_news_bottom{ text-align:center}

	.n_news_bottom .anjian{ display:inline-block; float:none}



	.n_news_detail{ padding:4rem 0}

	.n_contact .fl01{ padding:4rem 0}

	

	.online_q .btn2{display:none;width: 30px;height: 30px;line-height: 30px;}

	.online_q .btn-top{ display:block}

	.online_q .btn2.btn-top svg{width: 15px;height: 17px;}

	.online_q{ bottom:3%}

	

	.tanchuang .left dl dd{line-height:2.4rem;font-size: 14px;}

	.container05 .left img{ height:auto}

	

	.container03 .w1800{padding:0;max-width: 100%;}

	

	.n_case_detail .ar_article{margin: 0 -3%;}

	

	.w1800{ max-width:94%; padding:0}

	

	.w1300{ max-width:94%; padding:0}

	

	.container04 ul li a{ height:auto; line-height:inherit}

	

	.n_case_detail .w1800{ max-width:94%; padding:0}

	.w1260{ max-width:94%; padding:0}

	.n_contact .fl01 .left dl{ padding:0 4rem}

	

	.n_tuijian .title h3{font-size: 1.75rem;}

	

	.banner.ar_web{ display:none}

	.banner.ar_wap{ display:block}

} 







@media(max-width: 456px){

	.container04 ul li{ width:50%}

}