@charset "utf-8";
@font-face{ font-family:Impact; src:url(../font/impact.ttf);}
@font-face{ font-family:OPPOSANS-H; src:url(../font/LEMONMILK-1.OTF);}
@font-face{ font-family:OPPOSans; src:url(../font/LEMONMILK-1.OTF);}
@font-face{ font-family:OPPOSANS-L; src:url(../font/LEMONMILK-1.OTF);}
@font-face{ font-family:OPPOSANS-B; src:url(../font/LEMONMILK-1.OTF);}

@font-face{ font-family:LEMONMILK; src:url(../font/LEMONMILK-1.OTF);}
@media (max-width:4000px){html{font-size:18px;}}
@media (min-width:1600px) and (max-width:1940px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}
@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;padding: 0;}


#header{position:fixed;z-index:10000;top:0;left:0;right:0;transition:.6s;padding:0 2.5rem;background: rgba(255,255,255,.8);box-shadow: 0 0 10px rgba(0,0,0,0.05);}
#header:before{ content:""; position:absolute; top:0; height:0; transition:.6s; width:100%; left:0; right:0}
#header .content{ position:relative;}
#header .logo{line-height: 90px;transition:.6s;}
#header .logo img{ transition:.6s;}

#nav{display: inline-block;float: left;}
#nav ul{ float:left;}
#nav ul li{float:left;position:relative;z-index:0;margin-left: 1rem;}
#nav ul li a{display:block;padding: 0 1rem;text-transform:uppercase;cursor: pointer;}
#nav ul li >a h3{font-size: 1rem;color: #424242;line-height: 90px;position:relative;transition:.6s;font-weight: bold;cursor: pointer;}
#nav ul li.on >a h3{}
#nav ul li a i{ display:inline-block; background:url(../images/nav_down.png) center no-repeat; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;background: rgba(255,255,255,.8);width: 140px;position: absolute;left: 50%;margin-left: -70px;top: 100%;z-index: 999;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 5px #3333334d;transform-origin: 0 0 0;transform: scaleY(0.2);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;top: 90px;}
#nav ul li .sub .box{padding: 0px 10px;text-align:center;}
#nav ul li .sub a{padding:0;line-height: 3.5;transition:.3s;font-size: 14px;letter-spacing: 1px;color: #333;border-bottom: 1px dashed #eee;}
#nav ul li .sub a:hover{color: #d9271b;}
#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.on>a  h3, #nav ul li:hover>a h3, #header.xg #nav ul li.on >a h3, #header.xg #nav ul li:hover >a h3{color: #d9271b;}
#nav>ul>li h3:after{content:"";display:block;width: 100%;height: 7px;position:absolute;left: 0;margin-left: 0;background: #d9271b;top: -3px;transition:.3s;transform:scale(0);border-radius: 3.5px;}
#nav>ul>li h3:before{content:"";display:block;position:absolute;left:50%;margin-left: -3px;border-left:transparent 3px solid;border-right:transparent 3px solid;border-bottom: #d9271b 4px solid;bottom:2px;transition:.3s;opacity:0;visibility:hidden;display: none;}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{  transform:scale(1);}
#nav>ul>li:hover h3:before, #nav>ul>li.on h3:before{ opacity:1; visibility:visible}
#header.xg #nav>ul>li h3:after{ background:#007f64}

.wailian{float:left;margin-left: 3rem;}
.wailian ul li{float:left;text-align: center; position:relative}
.wailian ul li>a{display:block;padding: 18px 1.5rem 0;height: 90px;transition:.6s;}
.wailian ul li>a h3{height: 30px;}
.wailian ul li>a h3 svg{fill: #565656;width:22px;height:22px;transition:.6s;}
.wailian ul li>a h5{font-size: 0.9375rem;color: #696a6a;text-transform: uppercase;}
.wailian ul li:nth-child(1)>a{ background:#d9271b}
.wailian ul li:nth-child(1)>a h5{ color:#fff}
.wailian ul li:nth-child(1)>a h3 svg{fill: #fff}
.wailian ul li:nth-child(2)>a{ border-right:#e5e5e5 1px solid}

.wailian ul li .sub{position:absolute;background: rgba(255,255,255,.8);width: 100%;position: absolute;left: 50%;margin-left: -50%;top: 100%;z-index: 999;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 5px #3333334d;transform-origin: 0 0 0;transform: scaleY(0.2);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;top: 120px;}
.wailian ul li .sub .box{padding: 0px 10px;text-align:center;}
.wailian ul li .sub a{padding:0;display: block;line-height: 2.5;transition:.3s;font-size: 13px;letter-spacing: 1px;color: #333;border-bottom: 1px dashed #eee;}
.wailian ul li .sub a:hover{color: #d9271b;}
.wailian ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}


/*手机头部开始*/
#m_header{position: fixed;z-index: 9;width:100%;height: 60px;left:0;top:0;padding:0 10px;transition: .6s;background: rgba(255,255,255,.8);}
#m_header #logo{height: 60px;float: left;}
#m_header #logo img{max-height: 44px;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}
.wap_search{ width:80%; margin:0 auto;}
.wap_search form{ position:relative;}
.wap_search #keyword{width: 80%;height:3.8rem; line-height:3.8rem; border:0;padding:0 1rem; font-size:1rem; color:#999;box-shadow:none;-webkit-appearance: none;float:  left;border-right: 0;}
.wap_search .btn_blue{width: 20%;height:3.8rem; background:#00a0e9 url(../images/search.svg) center no-repeat; background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float:  left;}

/*顶部搜索*/
.tc_search{margin: 0 1.3rem;width: calc(100% - 2.6rem);}
.tc_search form{height:40px;border-radius:20px;border:1px solid #e5e5e5;position:relative;width:100%;margin-bottom: 1rem;}
.tc_search #keyword{font-size:.875rem;color:#fff;height:38px;line-height:38px;padding:0 1rem;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width:  100%;}
.tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:38px; line-height:38px; border:0; background:url(../images/search_white.svg) center center no-repeat; background-size:1.2rem;  }
.tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); }
.tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); }
.tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */c color:#fff; color: rgba(255,255,255,.7); }
.tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */


/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; }
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}

#nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #5b5b5b;}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #5b5b5b;}
#nav_btn .navbtn::after{top: -8px;}
#nav_btn .navbtn::before{top: 8px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

/*导航按钮结束*/
.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}
.m_nav_list::-webkit-scrollbar {display:none}
#m_nav {z-index: 99999;position: fixed;width: 17rem;height: 100vh;right: -400px;top: 0;display: none;padding: 2rem 0;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: #d9271b;}
#m_nav.act{ pointer-events: auto; right:0;}
#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; }
#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a{ display:inline-block; width:calc(100% - 30px)}
#m_nav li .a{line-height: 4rem;height: 4rem;color:#fff;padding:0;font-size:1.125rem;float:left;}
#m_nav li .a h3{ font-size:1.125rem}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav li i{opacity:1;filter:alpha(opacity=100);display:inline-block;width:10px;height: 4rem;float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;}
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}

.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}
.m_header_box{opacity: 0;visibility: hidden;transition: .6s;}
#m_header #logo .box_table, #nav_btn_box .box_table{width:auto;float: left;}

.wailian1{line-height: 90px;margin-left:1rem;}
.wailian1 svg{ display:inline-block; width:1.375rem; height:1.375rem; fill:#7f7f7f}
.wailian1 .fl{ margin-left:2.5rem}

.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; padding-top:40px;
  max-width:80%;
  margin:0 auto; margin-top:-90px;
  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: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:1rem; 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; 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;}

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


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

.header_box{height: 90px;position: fixed;z-index:1000;}

#banner ul li img{width:100%;height: 100vh;object-fit:cover;}


.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{ position:relative}

.tc1 .tc-box h3:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border: #fff 14px solid;}
.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;}
.tc-box01{ padding:0 !important}


.dots_yuan .miso-arrow{width: 5.25rem;height: 5.25rem;border:rgba(255,255,255,0.4) 1px solid;border-radius: 50%;transition:.6s;}
.dots_yuan .miso-arrow.miso-prev{left:6.25rem; transition:300ms;-webkit-transition:300ms; overflow:hidden}
.dots_yuan .miso-arrow.miso-prev:before{width:100%;height:100%;background:url(../images/icon-system_white_l.png) center no-repeat;position: absolute;top: 0;left: 0; transition:.36s;}
.dots_yuan .miso-arrow.miso-prev:after{ content:""; width:100%;height:100%;background:url(../images/icon-system_white_l.png) center no-repeat;position: absolute;top: 0;left: 0; transform:translateX(100%); transition:.36s;}
.dots_yuan .miso-arrow.miso-next{ right:6.25rem; transition:300ms;-webkit-transition:300ms; overflow:hidden}
.dots_yuan .miso-arrow.miso-next:before{ width:100%;height:100%;background:url(../images/icon-system_white_r.png) center no-repeat;position: absolute;top: 0;left: 0; transition:.36s;}
.dots_yuan .miso-arrow.miso-next:after{ content:""; width:100%;height:100%;background:url(../images/icon-system_white_r.png) center no-repeat;position: absolute;top: 0;left: 0; transform:translateX(-100%); transition:.36s;}

.next_icon{ position:absolute; bottom:3.25rem; width:100%; height:3.125rem; right:0; left:0; text-align:center}
.next_icon a{ display:inline-block; position:relative; width:3.125rem; height:3.125rem; position:relative}
.next_icon span{ display:inline-block; width:100%; height:100%; line-height:3.125rem; border-radius:50%; border:rgba(255,255,255,.3) 1px solid}
.next_icon a .yuan_huan_svg{ position:absolute; top:0; right:0; bottom:0; left:0}
.next_icon a .yuan_huan_svg svg{ width:100%; height:100%}

.next_icon a:hover .yuan_huan_svg{ width:3.125rem; height:3.125rem;}
.next_icon a:hover .yuan_huan_svg .circle-timer .progress{ animation: rotate 2s linear both; }
@keyframes rotate {
	0,30%{
	  stroke-dashoffset: 157px;
	  opacity:0
	}
	40%{
	  stroke-dashoffset:157px;
	  opacity:0.5
	}
	100%{
	  stroke-dashoffset: 0px;
	  opacity:1
	}
}

.container01{position:relative;overflow: hidden;background: #fcfdff;}
.container01 .left{width:50%;background:url(../images/container01_bg1.jpg) center no-repeat;background-size:cover;padding:7% 10rem 0;position: absolute;bottom: 0;left: 0;top: 0;}
.container01 .left ul{ border:rgba(255,255,255,0.2) 1px solid}
.container01 .left ul li{ height:8.125rem; width:50%; float:left;}
.container01 .left ul li:first-child{ border-right:rgba(255,255,255,0.2) 1px solid}
.container01 .left ul li big{ font-size:3.75rem; color:#fff; font-family:OPPOSANS-H}
.container01 .left ul li small{font-size:1rem;color:#fff;opacity:0.6;vertical-align:top;margin-left: 15px;transform:translateY(0.375rem);display: inline-block;}
.container01 .right{width:50%;min-height: 100vh;background: #fcfdff url(../images/container01_bg2.png) center bottom no-repeat;background-size:100% auto;padding: 100px 10rem 3%;position:relative;}
.container01 .right .top{ height:19.75rem; position:relative}
.container01 .right .top:before{content:"";position:absolute;border:#dddee2 0.75rem solid;width:11.5rem;opacity:.5;transition:.6s;left:50%;transform:translateX(-50%);top: 0;bottom: 0;}
.container01 .right .top .box_table{ position:relative}
.container01 .right .top .top_li{ background:#fcfdff; padding:0 0 1.625rem}
.container01 .right .top .top_li h6{ font-size:.9375rem; color:#d9271b; letter-spacing:0.5rem}
.container01 .right .top .top_li h2{ font-size:3rem; color:#d9271b; font-family:LEMONMILK; margin:0.5rem 0 0.75rem}
.container01 .right .top .top_li h4{ font-size:1.125rem; color:#393939}

.container01 .right .top .box01 {display: inline-block;width:70px;height:70px;border-radius: 50%;position:relative;}
.container01 .right .top .box01 span {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%;background-color:#d9271b;-webkit-transform: scale(0.4);-moz-transform: scale(0.4);-ms-transform: scale(0.4);transform: scale(0.4);-webkit-animation: circleScale1 3s linear infinite;-moz-animation: circleScale1 3s linear infinite;-ms-animation: circleScale1 3s linear infinite;animation: circleScale1 3s linear infinite;}
.container01 .right .top .box01 span:nth-of-type(2) {animation-delay: 1s;}
.container01 .right .top .box01 span:nth-of-type(3) {animation-delay: 2s;}
.container01 .right .top .box01 span:nth-of-type(4) {animation-delay: 3s;}
@keyframes circleScale1 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.4);
        -moz-transform: scale(0.4);
        -ms-transform: scale(0.4);

        transform: scale(0.4);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
.container01 .right .top .box01 .box_table{ position:relative}
.container01 .right .top .box01 .box02{display:inline-block;width:50px;height:50px;background:#d9271b;top: 50%;border-radius: 50%;line-height:50px;position: absolute;margin-top: -25px;left: 50%;margin-left: -25px;}
.container01 .right .top .box01 .box02 a{ display:block;}
.container01 .right .top .box01 .box02 svg{display:inline-block;width:1.125rem;height:1.125rem;padding-left:0.25rem;vertical-align:middle;fill:#fff;transition:0.6s;margin: -3px 0 0;}

.container01 .right .center{margin: 2.5rem 0 6%;text-align:center;}
.container01 .right .center h3{font-size: 2rem;color:#d9271b;margin-bottom:1.875rem;}
.container01 .right .center p{font-size:.9375rem;color:#343435;opacity: .8;line-height:26px;padding:0 2rem;text-align:left;}

.container01 .right .bottom ul{ background:#ffffff; padding:0 1.5rem}
.container01 .right .bottom ul li{ float:left; width:25%; text-align:center}
.container01 .right .bottom ul li h3{ height:3rem}
.container01 .right .bottom ul li h3 img{ max-height:2.375rem; transition:.6s}
.container01 .right .bottom ul li a{ display:inline-block; padding:1.5rem 0; position:relative}
.container01 .right .bottom ul li a:before{ content:""; position:absolute; bottom:0; left:50%; width:0; transition:.6s; height:2px;}

.container02{position:relative;overflow: hidden;}
.container02 .container02_bottom, .container02 .miso_bd, .container02 .miso_bd ul, .container02 .miso_bd ul .miso-list, .container02 .miso_bd ul .miso-track, .container02 .miso_bd ul li{ height: 100%;}
.container02 .miso_bd ul li .box{height: 100%;padding:8rem 0 10rem;background-size: cover !important;}
.container02 .miso_bd ul li .box .top{ padding:0 0 0 15.625rem; transform:translateY(50px); transition:1s}
.container02 .miso_bd ul li .box .top h4{ font-size:1.875rem; color:#fff; font-family:OPPOSANS-H;}
.container02 .miso_bd ul li .box .top h3{ font-size:3rem; color:#fff; margin:3rem 0 15px}
.container02 .miso_bd ul li .box .top h6{ font-size:1.125rem; color:#fff; line-height:1.5rem;}

.container02 .miso_bd ul li.miso-current .box .top{ transform:translateY(0); }

.container02 .container02_top{position:absolute;bottom: 0;left:0;right:0;}
.container02 .container02_top .box{ background:rgba(255,255,255,0.9)}
.container02 .container02_top .box .miso_hd{ width:calc(100% - 115px)}
.container02 .container02_top .box .miso_hd ul{ padding:0 3.125rem}
.container02 .container02_top .box .miso_hd ul li{ float:left; width:33.3333333%; padding:0 3.375rem; position:relative}
.container02 .container02_top .box .miso_hd ul li:before{ content:""; position:absolute; right:0; width:1px; height:3.625rem; background:#d6d6d6; top:50%; transform:translateY(-50%)}
.container02 .container02_top .box .miso_hd ul li a{ display:block; height:11.125rem; position:relative; cursor:pointer}
.container02 .container02_top .box .miso_hd ul li a:before{ content:""; position:absolute; bottom:0; left:50%; width:0; transition:.6s; height:3px;}
.container02 .container02_top .box .miso_hd ul li a .ico{ width:5.875rem; height:3.625rem; float:left}
.container02 .container02_top .box .miso_hd ul li a .ico img{ max-height:3.625rem}
.container02 .container02_top .box .miso_hd ul li a .con{width:calc(100% - 5.875rem);height:3.625rem;float:left;text-align: left;}
.container02 .container02_top .box .miso_hd ul li a .con h5{ font-size:1.125rem; color:#373737; font-weight:bold; margin-bottom:0.5rem}
.container02 .container02_top .box .miso_hd ul li a .con p{ font-size:.9375rem; color:#373737; opacity:0.8; line-height:16px; height:32px;}

.container02 .container02_top .box .more a{ width:115px; float:right; display:block; height:11.125rem; background:#d9271b; font-size:1.125rem; color:#fff; font-weight:bold; position:relative}
.container02 .container02_top .box .more a:before{content:"";position:absolute;border-top: transparent 11.125rem solid;border-right:#d9271b 3.125rem solid;left: 0;margin-left: -3.125rem; transition:.6s}
.container02 .container02_top .box .more a svg{ vertical-align:middle; margin:-3px 0 0 15px; width:1.5rem; height:1.5rem; fill:#fff}

.container02 .container02_top .box .miso_hd ul li.miso-current a:before{ width:100%; left:0; background:#d9271b}

.container02 .dots_yuan .miso-arrow.miso-prev{left:10rem;}
.container02 .dots_yuan .miso-arrow.miso-next{right:10rem;}

.title001{position:absolute;top:8.75rem;bottom:4.375rem;right:18rem;z-index:1;text-align: center;height: 12rem;white-space: nowrap;}
.title001 h3{-ms-writing-mode: tb-rl;writing-mode: tb-rl;font-size: 2.25rem;color: #fff;display: inline-block;font-weight: bold;vertical-align: top;margin-right: 0.75rem;width: 2.25rem;}
.title001 h4{-ms-writing-mode: tb-rl;writing-mode: tb-rl;font-size: 1.5rem;color: #fff;opacity: .7;text-transform: uppercase;display: inline-block;padding: 0;vertical-align: top;text-align: left;line-height: 1.875rem;font-family:OPPOSANS-L;width: 3.75rem;}

.container03{ overflow:hidden;padding: ;}
.container03 .fl01{ padding:0 0 3.375rem;}
.zbgg{ overflow:hidden;padding: ;}
.zbgg .fl01{ padding:0 0 3.375rem;}
.title002 h3 big{ font-size:2.25rem; color:#343434}
.title002 h3 small{ font-size:1.5rem; color:#d9271b; font-family:OPPOSANS-L; margin-left:0.75rem; text-transform:capitalize}
.container03 .title002{ margin-top:90px}
.container03 .fl01 .miso_hd{border-bottom:#e0e3e4 1px solid;margin-top: -5rem;}
.container03 .fl01 .miso_hd ul{ white-space: nowrap !important;}
.container03 .fl01 .miso_hd ul li{float:none;margin-right:3rem;font-weight:bold;width: auto !important; display:inline-block}
.container03 .fl01 .miso_hd ul li a{font-size:1.125rem;color:#575757;display:inline-block;line-height:5rem;position:relative;transition:.6s;white-space: nowrap;}
.container03 .fl01 .miso_hd ul li a:after{ content:""; position:absolute; left:0; bottom:-2px; width:0; height:3px; transition:.6s}
.container03 .fl01 .miso_hd ul li.miso-current a{ color:#d9271b; font-size:1.5rem;}
.container03 .fl01 .miso_hd ul li.miso-current a:after{ width:100%; background:#d9271b}
.container03 .fl01 .miso_hd .more a{ font-size:1.125rem; color:#979797; line-height:5rem; display:block; transition:.6s}
.container03 .fl01 .miso_hd .more a svg{ width:1.375rem; height:1.375rem; fill:#575757; display:inline-block; vertical-align:middle; margin:-3px 0 0 0.5rem}

.container03 .fl02{padding: 0 0 1.5rem;}
.container03 .fl02 ul li a{ display:block; transition:.6s}
.container03 .fl02 ul li .img, .container03 .fl02 ul li .img img{ width:20rem; height:12.5rem; overflow:hidden}
.container03 .fl02 ul li .con{ width:calc(100% - 20rem); padding:1.875rem 0 0 3.5rem}
.container03 .fl02 ul li .con h6{ font-size:1rem; color:#acacac;}
.container03 .fl02 ul li .con h6 font{ font-family:OPPOSANS-B; color:#d9271b;}
.container03 .fl02 ul li .con h5{font-size: 1.375rem;color:#343434;line-height: 1.1;font-weight: bold;margin: 1.375rem 0 1.75rem;transition:.6s;}
.container03 .fl02 ul li .con p{font-size:.9375rem;color:#343434;line-height:24px; opacity:0.8; height:48px;}

.container03 .fl03{ padding:0 0; position:relative}
.container03 .fl03:before{ content:""; position:absolute; top:0; left:0; right:0; width:100%; height:2px; background:#e0e3e4}
.container03 .fl03 ul{ margin:0 -2.375rem}
.container03 .fl03 ul li{ float:left; width:33.3333333%;}
.container03 .fl03 ul li a{display:block;padding: 2.375rem 3.75rem 2.375rem 3.375rem;position:relative;}
.container03 .fl03 ul li a:before{ content:""; position:absolute; right:0; width:0; top:0; bottom:0; transition:.6s}
.container03 .fl03 ul li a .time{ position:relative}
.container03 .fl03 ul li a .time h3{ font-size:2.25rem; color:#929292; font-family:OPPOSANS-H; margin-bottom:3px; transition:.6s}
.container03 .fl03 ul li a .time h4{ font-size:12px; color:#929292; font-family:OPPOSANS-H; transition:.6s} 
.container03 .fl03 ul li a h5{font-size: 1.25rem;color:#141414;line-height:1.875rem;height:3.75rem;margin:1rem 0 1.25rem;position:relative;transition:.6s;}
.container03 .fl03 ul li a p{font-size:.9375rem;color:#343434;line-height:24px;opacity:0.7;height: 72px;transition:.6s;-webkit-line-clamp: 3;}
.container03 .fl03 ul li a font{display:inline-block;position:relative;width:80px;height:2.75rem;line-height:2.5rem;border:#242424 2px solid;border-radius:4px;text-align:center;margin-top:1.75rem;transition:.6s;display: none;}
.container03 .fl03 ul li a font:before{ content:""; position:absolute; right:0; width:0; top:0; bottom:0; transition:.6s}
.container03 .fl03 ul li a font span{ font-size:14px; color:#000000; transition:.6s; position:relative}
.container03 .fl03 ul li a font span svg{ fill:#000000; vertical-align:middle; margin:-3px 0 0 0.375rem; transition:.6s}

.container03 .fl03 ul li:nth-child(1) a{padding: 2.375rem 3.75rem 2.375rem 2.375rem;}
.container03 .fl03 ul li:nth-child(3) a{padding: 2.375rem 2.75rem 2.375rem 3.375rem;}
.container03 .fl03 ul li:nth-child(2){ border-left:rgba(255,255,255,0.2) 1px solid; border-right:rgba(255,255,255,0.2) 1px solid}
.container03 .fl03 ul li:nth-child(2) a:before{ background:#d9271b; left:0; width:100%}
.container03 .fl03 ul li:nth-child(2) .time h3, .container03 .fl03 ul li:nth-child(2) .time h4, .container03 .fl03 ul li:nth-child(2) a h5, .container03 .fl03 ul li:nth-child(2) a p{ color:#fff}
.container03 .fl03 ul li:nth-child(2) a font{ border:#fff 2px solid}
.container03 .fl03 ul li:nth-child(2) a font:before{ background:#ffffff; left:0; width:100%}
.container03 .fl03 ul li:nth-child(2) a font span{ color:#000000}
.container03 .fl03 ul li:nth-child(2) a font span svg{ fill:#000000}

.container03 .fl04{padding: 2rem 0 0;position:relative;margin-top: 0;}
.container03 .fl04:before{ content:""; position:absolute; top:0; left:0; right:0; width:100%; height:2px; background:#e0e3e4}





.zbgg .title002{ margin-top:90px}
.zbgg .fl01 .miso_hd{border-bottom:#e0e3e4 1px solid;margin-top: -5rem;}
.zbgg .fl01 .miso_hd ul{ white-space: nowrap !important;}
.zbgg .fl01 .miso_hd ul li{float:none;margin-right:3rem;font-weight:bold;width: auto !important; display:inline-block}
.zbgg .fl01 .miso_hd ul li a{font-size:1.125rem;color:#575757;display:inline-block;line-height:5rem;position:relative;transition:.6s;white-space: nowrap;}
.zbgg .fl01 .miso_hd ul li a:after{ content:""; position:absolute; left:0; bottom:-2px; width:0; height:3px; transition:.6s}
.zbgg .fl01 .miso_hd ul li.miso-current a{ color:#d9271b; font-size:1.5rem;}
.zbgg .fl01 .miso_hd ul li.miso-current a:after{ width:100%; background:#d9271b}
.zbgg .fl01 .miso_hd .more a{ font-size:1.125rem; color:#979797; line-height:5rem; display:block; transition:.6s}
.zbgg .fl01 .miso_hd .more a svg{ width:1.375rem; height:1.375rem; fill:#575757; display:inline-block; vertical-align:middle; margin:-3px 0 0 0.5rem}

.zbgg .fl02{padding: 0 0 1.5rem;}
.zbgg .fl02 ul li a{ display:block; transition:.6s}
.zbgg .fl02 ul li .img, .zbgg .fl02 ul li .img img{ width:20rem; height:12.5rem; overflow:hidden}
.zbgg .fl02 ul li .con{ width:calc(100% - 20rem); padding:1.875rem 0 0 3.5rem}
.zbgg .fl02 ul li .con h6{ font-size:1rem; color:#acacac;}
.zbgg .fl02 ul li .con h6 font{ font-family:OPPOSANS-B; color:#d9271b;}
.zbgg .fl02 ul li .con h5{font-size: 1.375rem;color:#343434;line-height: 1.1;font-weight: bold;margin: 1.375rem 0 1.75rem;transition:.6s;}
.zbgg .fl02 ul li .con p{font-size:.9375rem;color:#343434;line-height:24px; opacity:0.8; height:48px;}

.zbgg .fl03{ padding:0 0; position:relative}
.zbgg .fl03:before{ content:""; position:absolute; top:0; left:0; right:0; width:100%; height:2px; background:#e0e3e4}
.zbgg .fl03 ul{ margin:0 -2.375rem}
.zbgg .fl03 ul li{ float:left; width:33.3333333%;}
.zbgg .fl03 ul li a{display:block;padding: 2.375rem 3.75rem 2.375rem 3.375rem;position:relative;}
.zbgg .fl03 ul li a:before{ content:""; position:absolute; right:0; width:0; top:0; bottom:0; transition:.6s}
.zbgg .fl03 ul li a .time{ position:relative}
.zbgg .fl03 ul li a .time h3{ font-size:2.25rem; color:#929292; font-family:OPPOSANS-H; margin-bottom:3px; transition:.6s}
.zbgg .fl03 ul li a .time h4{ font-size:12px; color:#929292; font-family:OPPOSANS-H; transition:.6s} 
.zbgg .fl03 ul li a h5{font-size: 1.25rem;color:#141414;line-height:1.875rem;height:3.75rem;margin:1rem 0 1.25rem;position:relative;transition:.6s;}
.zbgg .fl03 ul li a p{font-size:.9375rem;color:#343434;line-height:24px;opacity:0.7;height: 72px;transition:.6s;-webkit-line-clamp: 3;}
.zbgg .fl03 ul li a font{display:inline-block;position:relative;width:80px;height:2.75rem;line-height:2.5rem;border:#242424 2px solid;border-radius:4px;text-align:center;margin-top:1.75rem;transition:.6s;display: none;}
.zbgg .fl03 ul li a font:before{ content:""; position:absolute; right:0; width:0; top:0; bottom:0; transition:.6s}
.zbgg .fl03 ul li a font span{ font-size:14px; color:#000000; transition:.6s; position:relative}
.zbgg .fl03 ul li a font span svg{ fill:#000000; vertical-align:middle; margin:-3px 0 0 0.375rem; transition:.6s}

.zbgg .fl03 ul li:nth-child(1) a{padding: 2.375rem 3.75rem 2.375rem 2.375rem;}
.zbgg .fl03 ul li:nth-child(3) a{padding: 2.375rem 2.75rem 2.375rem 3.375rem;}
.zbgg .fl03 ul li:nth-child(2){ border-left:rgba(255,255,255,0.2) 1px solid; border-right:rgba(255,255,255,0.2) 1px solid}
.zbgg .fl03 ul li:nth-child(2) a:before{ background:#d9271b; left:0; width:100%}
.zbgg .fl03 ul li:nth-child(2) .time h3, .zbgg .fl03 ul li:nth-child(2) .time h4, .zbgg .fl03 ul li:nth-child(2) a h5, .zbgg .fl03 ul li:nth-child(2) a p{ color:#fff}
.zbgg .fl03 ul li:nth-child(2) a font{ border:#fff 2px solid}
.zbgg .fl03 ul li:nth-child(2) a font:before{ background:#ffffff; left:0; width:100%}
.zbgg .fl03 ul li:nth-child(2) a font span{ color:#000000}
.zbgg .fl03 ul li:nth-child(2) a font span svg{ fill:#000000}

.zbgg .fl04{padding: 2rem 0 0;position:relative;margin-top: 0;}
.zbgg .fl04:before{ content:""; position:absolute; top:0; left:0; right:0; width:100%; height:2px; background:#e0e3e4}










.container04{background:url(../images/container04_bg.jpg) center no-repeat;background-size:cover;overflow:hidden;padding: 0;}
.container04 .title002{ margin-bottom:5rem;margin-top: 90px;}
.container04 .title002 h3 big{ color:#fff}
.container04 .title002 h3 small{ color:#fff}
.container04 .title002 .more a{ font-size:1.125rem; color:#f9f9f9; line-height:5rem; display:block; transition:.6s}
.container04 .title002 .more a svg{width:1.375rem;height:1.375rem;fill:#ffffff;display:inline-block;vertical-align:middle;margin:-3px 0 0 0.5rem;transition: .6s;}
.container04 .title002 .more a:hover{ color:#d9271b; }
.container04 .title002 .more a:hover svg{ fill:#d9271b; }


.container04 .content{display: block;}
.container04 .content .box_li{background:rgba(255,255,255,0.7);display: block;}
.container04 .content .box .left{ width:165px; height:380px; border-right:#ececec 1px solid;}
.container04 .content .box .left .top{
    height: 100%;
}
.container04 .content .box .left .top h3 img{display:inline-block;max-width: 3rem;-webkit-filter: grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter: alpha(opacity=30);opacity: 0.3;-moz-opacity: 0.3;-khtml-opacity: 0.3;}
.container04 .content .box .left .top h5{ font-size:1.125rem; color:#5e5e5e; font-weight:bold; margin-top:15px}
.container04 .content .box .left .top .miso-slide{padding: 2rem 0;cursor: pointer;border-bottom: #ececec 1px solid;height: 190px;}


.container04 .content .box .left .top .miso-slide:last-child{ border:none}
.container04 .content .box .left .top .miso-current h5{ color:#d9271b}
.container04 .content .box .left .bottom{ text-align:center; padding:1.25rem 0 0}
.container04 .content .box .left .bottom a{ font-size:12px; color:#5e5e5e; opacity:0.7; transition:.6s}
.container04 .content .box .left .bottom a svg{vertical-align:middle;margin:-3px 0.5rem 0 0;width: 1.5rem;height: 1.5rem;fill:#5e5e5e;opacity:0.7;transform:rotateY(180deg); transition:.6s}

.container04 .content .box .right{    width: calc(100% - 165px);height:380px;padding:0 2.75rem;}
.container04 .content .box .right .box_table{ text-align:left}

.container04 .content .box .right ul .miso-dots{bottom: 0;text-align: center;}
.container04 .content .box .right ul .miso-dots li{ width:8px; height:8px; border:#626262 1px solid; border-radius:50%; transition:.6s; margin:0 0.5rem 0 0}
.container04 .content .box .right ul .miso-dots li.miso-active{ background:#d9271b}

.container04 .content .miso-prev, .container04 .content .miso-next{width:3.9375rem;height:3.9375rem;background-size:100% 100% !important;top:auto;bottom: 2px;transform: translateY(0);transition:.6s;display: none !important;}
.container04 .content .miso-prev{ background:url(../images/left1.png) center no-repeat; left:auto; right:0}
.container04 .content .miso-next{ background:url(../images/right1.png) center no-repeat; right:-3.9375rem}

.container04 .content .miso-prev:hover{ background:url(../images/left1_on.png) center no-repeat;}
.container04 .content .miso-next:hover{ background:url(../images/right1_on.png) center no-repeat;}
.container04 .content .box .left .top .miso-current h3 img{display:inline-block;max-width: 3rem;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;filter: alpha(opacity=100);opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}


.container05{padding:4rem 0;overflow:hidden;}
.container05 .title002{margin-bottom:3.125rem;line-height: 2.5rem;}
.container05 .title002 h3{ display:inline-block}
.container05 .title002 .anniu_box .anniu_li{display:inline-block;border:#bababa 2px solid;border-radius:50%;width:2.5rem;height:2.5rem;line-height: 2.5rem;margin-left:1.25rem; text-align:center; transition:.6s; cursor:pointer}
.container05 .title002 .anniu_box .anniu_li svg{width:2rem;height:2rem;fill:#bababa;display:inline-block;margin: 1px 0; transition:.6s}
.container05 ul{margin: 0 -.6375rem;}
.container05 ul li{float:left;width:20%;padding: 0 .6375rem;margin-bottom:1.8rem;text-align:center;}
.container05 ul li a{ display:block; transition:.6s}
.container05 ul li .img{width:100%;padding-bottom: 10rem;position:relative;overflow:hidden;background: #f6f7fa;}
.container05 ul li .img img{ width:100%; height:70%; position:absolute; top:0; right:0;}
.container05 ul li .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#dcdcdc 1px solid; z-index:1}
.container05 ul li .img .top{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background: #d9271b;transition:.6s;transform:translateX(-105%);}
.container05 ul li .img .top span{ display:inline-block; width:28px; height:28px; position:relative}
.container05 ul li .img .top span:before{ content:""; position:absolute; top:50%; margin-top:-1px; height:2px; left:0; right:0; background:#fff; transition:.36s; transform:translateX(-100%); opacity:0; visibility:hidden; transition-delay:.6s}
.container05 ul li .img .top span:after{ content:""; position:absolute; left:50%; margin-left:-1px; width:2px; top:0; bottom:0; background:#fff; transition:.36s; transform:translateY(-100%); opacity:0; visibility:hidden; transition-delay:.6s}
.container05 ul li h5{line-height: 1.5;font-size: 1rem;color: #4f535b;transition:.6s;position: relative;z-index: 2;padding: 0 0.5rem;}
.container05 ul li a:hover h5 {
    color: #fff;
}
.container05 ul li a:hover .img:after{ border:#d9271b 1px solid}

footer{ padding:4.375rem 0; background:#f3f4f7; overflow:hidden}
footer .left{width: calc(100% - 20.5rem - 20.625rem - 4.25rem);padding-right:3rem;}
footer .left dl{ float:left; width:14.28%}
footer .left dl dt{ height:3.375rem; font-size:1rem; color:#1e1c1c; transition:.6s}
footer .left dl dd{ line-height:1.875rem; font-size:.9375rem; color:#848282; transition:.6s}
footer .center{width: 20.5rem;}
footer .center h3{ margin-bottom:3rem}
footer .center h3 big{ font-size:2.625rem; color:#1c1c1c}
footer .center h3 small{ font-size:1rem; color:#1c1c1c; border-left:#1c1c1c 2px solid; padding-left:0.5rem; margin-left:1.25rem}
footer .center ul li{ height:2.75rem; line-height:2.75rem; border-bottom:#3b3b3b 2px solid; font-size:1rem; }
footer .center ul li a{ display:block; color:#545454; transition:.6s}
footer .center ul li a font{width:calc(100% - 2.5rem);display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

footer .center ul li a svg{ width:1.75rem; height:1.75rem; fill:#b8b8b8; vertical-align:middle; float:right; margin-top:0.5rem}
footer .right{width:20.625rem;margin-left: 4.25rem;}

footer .right .top{ padding-bottom:1.125rem; border-bottom:#e0e0e0 1px solid; margin-bottom:1.25rem}
footer .right .top h4{ font-size:1rem; color:#000000; font-weight:bold}
footer .right .top h4 img{ margin:-3px 0.5rem 0 0}
footer .right .top h3{ font-size:1.625rem; color:#d9271b; font-family:OPPOSANS-H; margin:1.25rem 0 0.5rem}
footer .right .top h6{ font-size:14px; color:#545454; line-height:24px;}

footer .right .bottom .ewm, footer .right .bottom .ewm img{ width:7.5rem; height:7.5rem;}
footer .right .bottom .con{ width:calc(100% - 7.5rem); padding-left:1rem; height:7.5rem;}
footer .right .bottom .con .box_table{ text-align:left}
footer .right .bottom .con h6{font-size:.9375rem;line-height: 1.5;color:#898a8b;}

.footer_b{ background:#ebecef; padding:1.5rem 0; text-align:center}
.footer_b p{ font-size:.9375rem; line-height:1.5rem; color:#a0a1a2}


.vwrap {display: none;z-index: 1040000;width: 100%;position: fixed;}
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox {z-index: 1200;width: 1000px;height: 560px;background-color: #fff;position: fixed;left: 50%;top: 50%;margin-top: -280px;margin-left: -500px;object-fit: cover;}
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background:#000; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close {z-index: 999;width: 31px;height: 31px;cursor: pointer;position: absolute;top: 0px;right: -42px;text-align: center;}
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}

@media(max-width: 992px){
	.vwrap .videobox{width:94%;height: 200px;left: 3%;margin-left: 0;margin-top: -122px;}
	.vwrap .close{right: 0;top: -35px;}
	.vwrap .videobox video{}
}

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


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

.n_banner{ padding-bottom:45.3125%; background-size:cover !important;position: relative;z-index: 1;}
.n_banner .box_table .title{position:relative;}
.n_banner .box_table .title:before{content:"";position:absolute;width:1.875rem;height:4px;background:#fff;left:50%;margin-left:-0.9375rem;bottom:0;display: none;}
.n_banner .box_table .title h2{font-size: 3.75rem;color:#fff;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);letter-spacing: 1px;font-family: LEMONMILK;}
.n_banner .box_table .title h3{font-size: 3.75rem;color:#fff;position: relative;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);letter-spacing: 0.5rem;padding: 4rem 0 1.5rem;}
.n_banner .box_table .title h3 span{display:inline-block;width:4.75rem;position:relative;height: 3.75rem;vertical-align: top;}
.n_banner .box_table .title h3 span:before{content:"";position:absolute;width:0.75rem;height:0.75rem;background:#fff;border-radius:50%;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.n_banner .box_table .title h6{font-size: 1.125rem;color:#fff; letter-spacing:0.5rem}
.n_banner .top{ position:absolute; top:0; right:0; bottom:0; left:0}

.n_title{height: 70px;padding: 0;position:relative;border-bottom: #f2f2f2 1px solid;}
.n_title .w1200{position:relative}
.n_title .w1200{position:relative;overflow: hidden;}

.n_nav{position:relative;overflow: hidden;border-left: #e5e5e5 1px solid;}
.n_nav a{display:inline-block;font-size: 1rem;float:left;color: #282828;text-align: center;box-sizing: border-box;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;margin-right: 0;}
.n_nav a strong{display:block;color: #282828;position:relative;z-index:4;height: 70px;line-height: 70px;transition: 0.6s ease-in-out;font-weight:bold;padding: 0 2.75rem; font-size:1.1rem;}
.n_nav .on,.n_nav a:hover{color: #fff;}
.n_nav a:before{content:"";width: 1px;height: 20px;position: absolute;top: 50%;right: 0;background: #c6c6c6;transition:0.6s ease-in-out;margin-top: -10px;}
.n_nav a:last-child:before{ display:none}
.n_nav a:after{content:"";width:0;height: 100%;position: absolute;bottom: 0;left: 0;background: #d9271b;transition:0.6s ease-in-out;z-index: 1;}
.n_nav .on:after,.n_nav a:hover:after{width: 100%;}
.n_nav .on strong,.n_nav a:hover strong{color: #fff;}
.layui-col-md4{ height:75px}
.position{position:absolute;line-height: 60px;right:10rem;bottom: 0;color: #adadad;padding-left: 26px;font-size: 12px;background: url(../images/home_icon.png) left 23px no-repeat;}
.position span, .position a, .position i{font-size: 12px;color: #666;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i svg{width:8px;height:8px;fill:#555555;margin: 0 4px;}

.position i{margin: 0px 3px;font-style:normal;}
.position i img{vertical-align:middle;margin-top: -2px;}
.position em{font-size: 12px;color: #666;font-style: normal;}
.position a:hover{color: #d9271b;}
.n_main_box .main_box{width: 1200px;height: 90px;position:relative;margin: 0 auto;}

/*====移动端导航====*/
#m_n_nav{background: #d9271b;display: none;line-height: 50px;position: relative;z-index: 99;float: left;width: 100%;}
#bnt_back{position:absolute;left: 1rem;top:0;}
#bnt_back svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;}
#m_n_nav i{}
#m_n_nav h1{font-size: 14px;color: #fff;text-align: center;margin: 0;line-height: 50px;}
#bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;}
#bnt_sub_nav svg{fill: #fff;height: 21px;vertical-align: middle;width: 26px;}
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #208243; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #d9271b;}
#sub_nav_content dl{font-size:0;overflow: hidden;background: #fff;padding: 10px 0;}
#sub_nav_content dt{position:relative;background:#fff;z-index: 999;width: 33.333333%;display: inline-block;margin-bottom: 0;float: left;text-align: center;}
#sub_nav_content dt a{margin:0 20px;display:block;color:#5b5349;line-height: 30px;font-size:14px;font-weight: 400;vertical-align: top;}
#sub_nav_content dt a i{position: absolute;right: 15px;top: 0;opacity:0;filter:alpha(opacity=0);display: none;}
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color: #208243; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #208243; }
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color: #d9271b;}

#sub_nav_content dd{  display:none;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color: #208243;}

.n_container{ padding:2rem 0 1.625rem}

.n_about .ar_wap{ display:none}

.n_sanji{ text-align:center; font-size:0; margin-bottom:3.125rem}
.n_sanji ul li{ display:inline-block; padding:0 0.75rem}
.n_sanji ul li a{ display:block; width:10.3125rem; height:2.8125rem; line-height:calc(2.8125rem - 2px); border-radius:1.375rem; border:#e8e8e8 1px solid; background:#f3f4f7; font-size:1rem; color:#282828; position:relative; overflow:hidden; transition:.6s}
.n_sanji ul li a span{ position:relative}
.n_sanji ul li a:before{ content:""; width:0.5rem; height:0.5rem; border-radius:50%; position:absolute; left:50%; top:50%; margin:-.25rem 0 0 -.25rem; transition:.6s}

.n_sanji ul li.on a, .n_sanji ul li a:hover{ border:#d9271b 1px solid; color:#fff}
.n_sanji ul li.on a:before, .n_sanji ul li a:hover:before{ transform:scale(30); background:#d9271b}


.n_zizhi{ }
.n_zizhi ul{font-size:0;margin: 0 -1.25rem;margin-bottom: 2rem;}
.n_zizhi ul li{display:inline-block;width:25%;padding: 0 1.25rem;text-align:center;margin-bottom: 1.5rem;}
.n_zizhi ul li a{ display:block; cursor:pointer}
.n_zizhi ul li a .img{ width:100%; overflow:hidden; transition: 0.6s;}
.n_zizhi ul li a .img .img_hezi{background: #f3f4f7;padding-bottom: 16.25rem !important;background-size:100% 100%;transition:.6s; overflow:hidden}
.n_zizhi ul li a .img .img_hezi:before{ content:""; position:absolute; height:25px; left:0; right:0; bottom:-25px;}
.n_zizhi ul li a .img .top{ position:absolute; top:0; right:0; bottom:0; left:0}
.n_zizhi ul li a .img img{max-width: 78%;max-height: 12.875rem;display: inline-block;width: auto;height: auto;left: auto;top: auto;right: auto;bottom: auto;position: relative;}
.n_zizhi ul li a h5{font-size: 1.125rem;color: #343434;line-height: 4rem;text-align:center;margin: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;transition: 0.6s;}

.n_zizhi ul li a .img .top1{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(101%);transition:.6s;pointer-events: none;}
.n_zizhi ul li a .img .top1 h5{ font-size:18px; color:#fff; font-weight:bold; line-height:28px; margin-bottom:0.5rem}
.n_zizhi ul li a .img .top1 h6{ font-size:1.625rem; color:#fff; font-weight:bold}

.j_pages{ text-align:center;}
.j_pages h6{ font-size:1.125rem; color:#322f2f; font-weight:bold; transition:.6s; margin-bottom:0.75rem}
.j_pages svg{ width:1.75rem; height:1.75rem; fill:#322f2f; transition:.6s}

.n_news ul{font-size:0;margin: 0 -1.25rem;margin-bottom: 2rem;}
.n_news ul li{display:inline-block;width:33.333333%;padding: 0 1.25rem;text-align:center;margin-bottom:1rem;}
.n_news ul li a{ display:block; cursor:pointer}
.n_news ul li a .img{ width:100%; overflow:hidden; transition: 0.6s; padding-bottom:62.52% !important; position:relative}
.n_news ul li a .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}
.n_news ul li a .con{ padding:1.75rem 1.25rem; text-align:left}
.n_news ul li a h5{ font-size:1.375rem; color:#141414; font-weight:bold; line-height:1.1; padding-bottom:4rem; position:relative; transition:.6s}
.n_news ul li a h5:before{ content:""; position:absolute; width:1.75rem; height:3px; background:#d9271b; left:0; bottom:2rem;}
.n_news ul li a p{font-size:.9375rem;color:#474747;line-height:24px; height:48px; transition:.6s}
.n_news ul li a h6{font-size:1.125rem; color:#474747; transition:.6s; font-family:OPPOSans; margin:1.875rem 0 1rem}

.n_shipin ul li a .img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background: rgba(0,0,0,0.3) url(../images/n_shipin.svg) center no-repeat;background-size: 3rem; transition:.6s}
.n_shipin ul li a:hover .img:after{background: rgba(0,0,0,0.5) url(../images/n_shipin.svg) center no-repeat;background-size: 3rem;}
#n_case ul li a .img:after{content:none;background:none;}
#n_case ul li a:hover .img:after{background:none;}

.n_notice ul{margin: 0 -1.5rem;margin-bottom: 2rem;}
.n_notice ul li{ float:left; width:50%;padding: 0 1.5rem; margin-bottom:3.125rem;}
.n_notice ul li a{ display:block; cursor:pointer; position:relative; padding:2.5rem 1.5rem; transition:.6s}
.n_notice ul li a:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#e5e5e5 1px solid; }
.n_notice ul li a:after{ content:""; position:absolute; top:0; right:0; z-index:1; bottom:0; left:0; background:#d9271b url(../images/jianzhu.png) right bottom no-repeat; opacity:0; visibility:visible; transition:.6s}
.n_notice ul li a h5{ font-size:1.75rem; color:#141414; font-weight:bold; line-height:1.1; margin-bottom:1.5rem; position:relative; transition:.6s; z-index:2}
.n_notice ul li a p{font-size:.9375rem;color:#343434;line-height:24px; height:48px; transition:.6s; opacity:0.8; position:relative; z-index:2}
.n_notice ul li a h6{font-size:1rem;color:#3e3e3e;transition:.6s;font-family:OPPOSans;font-weight:bold;margin: 0 0 1.25rem; position:relative; z-index:2;}
.n_notice ul li a span{ font-size:.9375rem; color:#919191; margin-top:2.5rem; display:block; position:relative; z-index:2; transition:.6s;}


.n_qikan ul{ margin:0 -1.75rem; margin-bottom:1rem}
.n_qikan ul li{ float:left; width:20%; padding:0 1.75rem; margin-bottom:2rem}
.n_qikan ul li a{ display:block; transition:.6s}
.n_qikan ul li a .top{ border:#e6e6e6 1px solid; padding:0.625rem; transition:.6s}
.n_qikan ul li a .img{ width:100%; overflow:hidden; transition: 0.6s; padding-bottom:130.77% !important; position:relative}
.n_qikan ul li a .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}
.n_qikan ul li .con{ font-size:17px; color:#4e4e4e; line-height:3.75rem; padding:0 0.625rem}
.n_qikan ul li .con span{ float:right; font-size:13px; color:#777777}

.n_jituan ul{ margin-bottom:1.5rem}
.n_jituan ul li{ padding-bottom:3rem}
.n_jituan ul li a{ display:block; position:relative; overflow:hidden; transition:.6s}
.n_jituan ul li .img, .n_jituan ul li .img img{ width:22rem; height:13.75rem; overflow:hidden;}
.n_jituan ul li .con{ width:calc(100% - 22rem); padding:2.5rem 0 0 2.5rem; height:13.75rem; position:relative}
.n_jituan ul li .con:before{ content:""; left:2.5rem; width:100%; height:1px; background:#e5e5e5; bottom:0; position:absolute}
.n_jituan ul li .con:after{ content:""; left:2.5rem; width:0; height:1px; background:#d9271b; bottom:0; position:absolute; transition:.6s}
.n_jituan ul li .con h5{ font-size:1.375rem; color:#141414; font-weight:bold; line-height:1.1; margin-bottom:1.5rem; position:relative; transition:.6s; z-index:2}
.n_jituan ul li .con p{font-size:.9375rem;color:#343434;line-height:24px; height:48px; transition:.6s; opacity:0.8; position:relative; z-index:2}
.n_jituan ul li .con h6{font-size:1rem;color:#3e3e3e;transition:.6s;font-family:OPPOSans;font-weight:bold;margin: 0 0 1.25rem; position:relative; z-index:2;}
.n_jituan ul li .con span{ font-size:.9375rem; color:#919191; margin-top:2.5rem; display:block; position:relative; z-index:2; transition:.6s;}


#n_zhaopin{}
#n_zhaopin .content .top1{line-height: 30px;padding: 1.25rem 3.75rem;color: #474747;font-size: 1.375rem;font-weight: bold;}
#n_zhaopin .content .top1 .top01{width: 27%;}
#n_zhaopin .content .top1 .top02{width: 29%;}
#n_zhaopin .content .top1 .top03{width: calc(100% - 27% - 29% - 6rem);}
#n_zhaopin .content .top1 .top05{ float:right}

#n_zhaopin .content dl{margin-bottom: 3.5rem;}
#n_zhaopin .content dl dd{background: #f3f4f7;margin-bottom: 1.875rem;}
#n_zhaopin .content dl dd h5{padding: 1.25rem 3.75rem;background: #f3f4f7;font-size: 1.125rem;color: #474747;line-height: 30px;position: relative;}
#n_zhaopin .content dl .top01{width: 27%;}
#n_zhaopin .content dl .top02{width: 29%;}
#n_zhaopin .content dl .top03{width: calc(100% - 27% - 29% - 6rem);}
#n_zhaopin .content dl .top05{float:right;background:url(../images/top1_bg.png) center no-repeat;width: 3rem;height: 30px;cursor:pointer;margin-right: 1.125rem;}
#n_zhaopin .content dl .ar_article h4{ font-size:18px; color:#d9271b; font-weight:bold}
#n_zhaopin .content dl .ar_article p{ font-size:14px; color:#474747; }
#n_zhaopin .content dl .ar_article{padding: 1.875rem 3.75rem 1.5rem;}

#n_zhaopin .content dl h5.on .top05{background: url(../images/top1_bg_on.png) center no-repeat;}
#n_zhaopin .content dl dd h5.on{ background:#d9271b; color:#fff}


.n_title001{ text-align:center; margin-bottom:3.75rem}
.n_title001 h3{ font-size:2.25rem; color:#d9271b; font-weight:bold}
.n_title001 h4{ font-size:1.5rem; color:#6c6c6c; font-family:OPPOSANS-L; opacity:0.65; margin-bottom:1rem; text-transform:uppercase}

.n_chanye .fl01{ overflow:hidden}

.n_chanye .fl01 .content{padding-bottom:4.375rem;border-bottom:#e5e5e5 1px solid;position: relative;}
.n_chanye .fl01 .left{width: 21.875rem;border-right: #e5e5e5 1px solid;position: absolute;bottom: 5rem;top: 0;left: 0;}
.n_chanye .fl01 .left .n_title001{ text-align:left; background:url(../images/feiji.png) 15rem bottom no-repeat}
.n_chanye .fl01 .right{ width:calc(100% - 24.5rem)}
.n_chanye .fl01 .right .ar_article{ margin-bottom:0; }
.n_chanye .fl01 .right .ar_article p{margin-bottom:0;color:#5f5f5f;line-height: 32px;}

.n_chanye.n_lvyoubk .fl01 .left{background:url(../images/n_chanye1_bg1.png) left bottom no-repeat}


.n_chanye .fl02{ padding:4.5rem 0 3rem; overflow:hidden}
.n_chanye .fl02{ }
.n_chanye .fl02 ul{font-size:0;margin: 0 -1.25rem;margin-bottom: 2rem;}
.n_chanye .fl02 ul li{display:inline-block;width:33.3333333%;padding: 0 1.25rem;text-align:center;margin-bottom:2.5rem;}
.n_chanye .fl02 ul li a{ display:block; cursor:pointer}
.n_chanye .fl02 ul li a .img{ width:100%; overflow:hidden; transition: 0.6s; padding-bottom:75.73% !important; position:relative}
.n_chanye .fl02 ul li a .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}
.n_chanye .fl02 ul li a .img .top{position:absolute;top:0;right:0;bottom:0;left:0; transform:translateY(101%); transition:.6s; padding:0 15px}
.n_chanye .fl02 ul li a .img .top h6{font-size:3rem;color:#fff;}
.n_chanye .fl02 ul li a .img .top p{font-size:.9375rem;color:#fff;line-height:2rem;margin-top:0.5rem;}
.n_chanye .fl02 ul li a .con{padding: 1.125rem 0;text-align:left;}
.n_chanye .fl02 ul li a h5{font-size:1rem;color:#141414;font-weight:bold;line-height:1.1;position:relative;transition:.6s;text-align: center;}


.n_chanye .container05{ padding:0}

.n_chanye_detail .left{ width:25.25rem;}
.n_chanye_detail .left .img{width:100%;position:relative;overflow:hidden;margin-bottom:2.5rem;}
.n_chanye_detail .left .img img{width:100%;height:100%;position: relative;top:0;right:0;bottom:0;left:0;}
.n_chanye_detail .left .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#dcdcdc 1px solid; z-index:1}
.n_chanye_detail .left p{ font-size:0.95rem; color:#5f5f5f; line-height:1.875rem; margin-bottom:0.75rem; padding-left:2.25rem}
.n_chanye_detail .left p big{ font-size:0.95rem; color:color:#5f5f5f; font-family:DIN Offc Pro}
.n_chanye_detail .left .more{ margin-top:2rem;margin-bottom: 1rem;}
.n_chanye_detail .left .more a{ display:inline-block; width:12.1875rem; height:3.375rem; line-height:3.375rem; border-radius:1.75rem; background:#d9271b; color:#fff; font-size:1rem; text-align:center}
.n_chanye_detail .left .more a svg{ vertical-align:middle; margin:-3px 0.5rem 0 0; width:1.375rem; height:1.375rem; fill:#fff}
.n_chanye_detail .right{ width:calc(100% - 25.25rem); padding-left:4.375rem}
.n_chanye_detail .right h3{ font-size:1.75rem; line-height:2.5rem; color:#d9271b; font-weight:bold; margin-bottom:2rem}

.n_chanye_detail .right ul .miso-arrow{width:3.125rem;height:3.125rem;background-size:100% 100% !important; margin-top:-1.25rem; transition:.6s;}
.n_chanye_detail .right ul .miso-prev{ background:url(../images/left05.png) center no-repeat; left:1rem}
.n_chanye_detail .right ul .miso-next{ background:url(../images/right05.png) center no-repeat; right:1rem}

.n_contact .fl01{ padding-bottom:3.125rem}
.n_contact .fl01 .left{
    max-width: calc(100% - 7.8125rem);
    padding-right: 1.5rem;
}
.n_contact .fl01 .left h3{font-size: 1.75rem;line-height: 1.25;color:#404040;font-weight:bold;margin-bottom:1rem;}
.n_contact .fl01 .left p{ font-size:15px; line-height:1.75rem; color:#404040;}
.n_contact .fl01 .right{ text-align:center}
.n_contact .fl01 .right .ewm{ width:7.8125rem; height:7.8125rem; border:#e9e9e9 1px solid; margin-left:auto; margin-right:auto;}
.n_contact .fl01 .right .ewm img{ width:100%; height:100%}
.n_contact .fl01 .right h6{ font-size:15px; color:#898a8b; line-height:1.5; margin-top:1rem}

#container02{ height:31.125rem; border:#e2e2e2 1px solid}

.n_contact .fl03{ padding:4rem 0 0}
.n_contact .fl03 .left{ width:32rem; }
.n_contact .fl03 .left img{ width:100%; height:100%}
.n_contact .fl03 .right{ width:calc(100% - 32rem); padding-right:2.5rem}
.n_contact .fl03 .right ul{ margin:0 -1.25rem}
.n_contact .fl03 .right ul li{float:left;width:50%;padding:0 1.25rem;margin-bottom: 3rem;}
.n_contact .fl03 .right ul li a{display:block;border:#dadada 2px solid;border-radius:3px;padding: 1.875rem 2.25rem;}

.n_contact .fl03 .right ul li h3{font-size: 1.25rem;line-height: 1.625rem;color: #696969;font-weight:bold;padding-bottom: 2.5rem; position:relative}
.n_contact .fl03 .right ul li h3:before{content:"";position:absolute;width:1.75rem;height:3px;background: #d9271b;left:0;bottom: 1.25rem;}

.n_contact .fl03 .right ul li p{font-size:.9375rem;line-height: 1.625rem;color:#404040;}

#toolbarContainer{ display:none !important}


/*新闻详情*/


#n_news_xq{width:100%;overflow:hidden;position: relative;}
.ar_title{margin-bottom:2rem;border-bottom:1px solid #e5e5e5;position:relative;}
.ar_title h3:after{content:"";position:absolute;top: 0.625rem;left: -1.375rem;height: 1.25rem;display:block;width: 5px;background:#d9271b;} 

.ar_title h3{font-size: 1.625rem;color: #404040;font-weight:bold;margin-bottom: 0.75rem;line-height: 2.375rem;position: relative;}
.ar_title h6 span{font-size:.9375rem;color: #404040;margin-right: 5rem;line-height: 38px;}
.ar_title .butie{ float:right; font-size:1.125rem; color:#383838; margin-top:-2rem;}
.ar_title .butie b{ font-size:3.375rem; color:#f5c237; font-family:"Geometr706 BlkCn BT"; font-weight:normal;}
.ar_title .butie font{ font-size:1.5rem; color:#f5c237;}
#n_news_xq .right_con{float:right;width:25.32%;}
#n_news_xq .left_con{ width:calc(100% - 25.32%); padding-right:3.5rem}
#n_news_xq .right_con>.box{border: #e5e5e5 1px solid;padding:2.5rem 2.2rem;}
#right_search form{ position:relative; width:100%; margin:0 auto; background:#fff; border:2px solid #eee; height:60px;}
#right_search #keyword{width: 90%; height:56px; padding:0 20px; font-size:1.125rem; color:#696969;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
#right_search .btn_blue{ position:absolute; top:0; right:0; width: 40px; height:56px; border:0; line-height:4.25rem;background:url(../images/search.svg) center center no-repeat; background-size:1.125rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase; }



#ar_fot{margin-top:10px;position:relative;width:100%;overflow:hidden;}
#ar_fot .inbox{ position:relative;}
#ar_fot h3{ display:block; font-size:14px; line-height:30px; color:#676869;width:35px; height:35px; transition:.3s; margin:0;}
#ar_fot h3 a{ display:block; width:35px; height:35px;}
#ar_fot h3 a svg{ max-width:100%; max-height:100%; }

#ar_fot h3 a svg *{ fill:#ccc;}
#ar_fot h3 a:hover{ color:#d9353c;}
#ar_fot h3.prev{ position: absolute; left:0; top:0; }
#ar_fot h3.next{ position: absolute; right:0; top:0; }
#ar_fot h3 a:hover svg *{ fill:#f5c237;}
#ar_fot .bnt_back{ font-size:14px; width:160px; height:35px; line-height:35px; margin:0 auto; text-align:center; border:1px solid #ccc; border-radius:20px; transition:.3s;}
#ar_fot .bnt_back a{ display:block; font-size:14px; color:#7f7f7f; transition:.3s;}
#ar_fot .bnt_back:hover{ border:1px solid #f5c237;}
#ar_fot .bnt_back:hover a{ color:#f5c237; }

/*==============字号控件=====================*/
#font_set_box{ background: url(../images/icon_font.svg) left center no-repeat; background-size:22px; padding-left: 26px; }
.font_box{ display:inherit; position:relative; }
.font_box a { display:inline-block; width:14px; line-height:30px; font-size:.875rem; color: #a8a8a8; text-align:center; margin:0 4px;}
.font_box a.on{ color:#0081cc; }
.font_box a:hover{ color:#0081cc; }
.font_size_lg{ font-size:18px !important; line-height: 40px !important;}
.font_size_lg p{ font-size:18px !important; line-height: 40px !important;}
.font_size_md{ font-size:16px !important; line-height: 36px !important;}
.font_size_md p{ font-size:16px !important;  line-height: 36px !important;}
.font_size_sm{ font-size:14px !important;}
.font_size_sm p{ font-size:15px !important;}

#piaofu_news{position: absolute;left: 1%;top: 200px;z-index: 99;width: 42px;transition: .6s;}
#piaofu_news.xg{position: fixed;z-index:9999;top: 200px;}

.piaofu_fx{}
.piaofu_fx ul{  padding:2px 0 0}
.piaofu_fx ul li{float:left;margin-bottom: 12px;position: relative;}
.piaofu_fx ul li > a{display:block;min-width: 42px;width: 42px;height: 42px;border: #a9a9a9 2px solid;line-height: 39px;margin:-1px 0 0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;border-radius: 25px;overflow:hidden;color:#fff;font-size:14px;}
.piaofu_fx.fixed{ position:fixed; right:50%; margin-right:-600px; top:0}
.piaofu_fx ul li > a span{display:inline-block;width: 39px;height: 39px;text-align:center;}
.piaofu_fx ul li > a span img.img02{ display:none}

.piaofu_fx ul li > a:hover{width: 108px;background: #d9271b;border: #d9271b 2px solid;}
.piaofu_fx ul li > a:hover span img.img01{ display:none}
.piaofu_fx ul li > a:hover span img.img02{ display:inline-block}

.bdsharebuttonbox01 a { width: 25px!important; height: 25px!important; margin:5px 0!important; float: none!important; padding: 0!important; display: block; }
.bdsharebuttonbox01 a img { width: 25px; height: 25px; }

.bd_weixin_popup .bd_weixin_popup_foot { position: relative; top: -12px; }
.bdshare-button-style0-24{padding:6px;border:#ccc 1px solid;background:#f4f4f4;display: inline-block;}
.bdshare-button-style0-24 .bds_weixin,.bdshare-button-style0-24 .bds_sqq,.bdsharebuttonbox01 .bds_qzone, .bdsharebuttonbox01 .bds_tqq,.bdsharebuttonbox01 .bds_tsina { background-position:inherit !important}
.bdsharebuttonbox01 dd{font-size:12px;color:#999;margin:0;text-align:center;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:alpha(opacity=60);opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}
.bdsharebuttonbox01 dd:hover{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1;  -moz-opacity:1; -khtml-opacity:1;}
.bdsharebuttonbox01{padding:0;}
.n_news_detail .bdshare-button-style0-24 dd{ display:inline-block; margin-right:5px}
.n_news_detail .bdshare-button-style0-24{border:none;background:none;line-height: inherit;font-size:.9375rem;color: #404040;vertical-align: top;line-height: 38px;}
.n_news_detail .bdshare-button-style0-24 a{ background:none; display:inline-block}
.n_news_detail video{width:100%;height: 70vh;object-fit:cover;}

.bdsharebuttonbox01 .bds_tsina { background:url(../images/share-icon05.png) no-repeat center center !important; }
.bdsharebuttonbox01 .bds_qzone { background:url(../images/share-icon04.png) no-repeat center center !important; }
.bdsharebuttonbox01 .bds_tqq { background:url(../images/share-icon03.png) no-repeat center center !important; }
.bdsharebuttonbox01 .bds_weixin { background:url(../images/share-icon01.png) no-repeat center center !important; }
.bdsharebuttonbox01 .bds_sqq { background:url(../images/share-icon02.png) no-repeat center center !important; }

#n_news_xq .right_con>.box{padding:2.5rem 2.2rem; border: 1px solid #e5e5e5; }
#n_news_xq .left_con>.box{ background:#fff; padding:2.5rem 0rem;}
#right_search form{ position:relative; width:100%; margin:0 auto; background:#fff; border:2px solid #eee; height:60px;}
#right_search #keyword{width: 90%; height:56px; padding:0 20px; font-size:1.125rem; color:#696969;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
#right_search .btn_blue{ position:absolute; top:0; right:0; width: 40px; height:56px; border:0; line-height:4.25rem;background:url(../images/search.svg) center center no-repeat; background-size:1.125rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase; }

.news_tuijian .box{ }



.news_tuijian .tt{ font-size: 1.25rem; color: #242424; line-height: 2.5rem; font-weight: bold;}
.news_tuijian .tt i{display: inline-block;width: 5px;height: 20px;position: relative;margin-right: 15px;position: relative;top: .25rem;margin-left: -15px;background: #d9271b;}
.news_tuijian .tt i:before{content:"";display: block;width: 100%;height: 50%;background: #d9271b;left: 0;top: 0;}
.news_tuijian .tt i:after{content:"";display: block;width: 100%;height: 50%;background: #d9271b;left: 0;bottom: 0;}
.news_tuijian .tt span{font-size: 1rem;color: #d9271b;margin-left:.625rem;font-weight: normal;font-family: 'OPPOSANS';}

.news_tuijian .txt{padding: 0.75rem 0 1.5rem;border-bottom: 1px solid #cccccc;position: relative;}
.news_tuijian .txt:after{content:"";position:absolute;bottom:-1px;left:0;height:2px;background: #d9271b;display:block;width:68px;}
.news_tuijian .txt h5{font-size: 1.125rem;line-height: 1.5;color: #404040;font-weight: bold;transition: .3s;margin-bottom: 1rem;overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.news_tuijian .txt h5:hover{color: #d9271b;}
.news_tuijian .txt p{font-size: .9375rem; color: #adadad; line-height: 1.5rem; height: 3rem; overflow: hidden;}
.news_tuijian .txt .top_box{ overflow: hidden; margin-top: 1.75rem;}
.news_tuijian .txt .time{font-size: .9375rem;line-height: 2.625rem;color: #989898;font-family: OPPOSans;}
.news_tuijian .txt .btn_more{ float: right; font-size: .9375rem; color: #919191;}
.news_tuijian .txt .btn_more:hover{ color: #15499a;}
.news_tuijian .txt .arrow_anim{ margin-top: 0;}

.news_tuijian ul{ padding-top: 1rem;}
.news_tuijian ul li{ height:2.625rem;}
.news_tuijian ul li a{ display: block;}
.news_tuijian ul li h5{ font-size:1rem; line-height:2.625rem; color:#6d6d6d; transition:.6s }
.news_tuijian ul li h5:before{ content:"●"; color:#d9271b; margin-right:8px;}
.news_tuijian ul li:hover h5{ color:#d9271b; padding-left:4px;}
.news_tuijian ul li:hover h5:before{ color:#d9271b;}

.arrow_anim{ display: block; width: 2.625rem; height: 2.625rem; border-radius: 50%; background: #fff; position: relative; margin-top: 1.25rem; overflow: hidden;}
.arrow_anim:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/pro_i.png) center no-repeat; position: absolute; left: -100%; top: 0; background-size: 1.0625rem; transition: .5s;}
.arrow_anim:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/pro_i.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: 1.0625rem; transition: .5s;}
.item:hover .arrow_anim:before{ left: 0;}
.item:hover .arrow_anim:after{ left: 100%;}

.n_licheng{ background:url(../images/n_licheng_bg.jpg) center no-repeat; background-size:cover; padding:3.75rem 0 0; overflow:hidden}
.n_licheng .w1200{ padding:0; max-width:1625px; margin:0 auto}
.n_licheng .fl01 h2{ margin-bottom:1.25rem}
.n_licheng .fl01 h2 big{ font-size:3.75rem; color:#d9271b; font-family:LEMONMILK;}
.n_licheng .fl01 h2 small{ font-size:1.875rem; color:#d9271b; font-family:LEMONMILK;}
.n_licheng .fl01 h2 font{font-size: 1.625rem;color:#d9271b;font-weight:bold;display: inline-block;top: -3px;position: relative;margin-left: 4px;}
.n_licheng .fl01 p{max-width: 786px;font-size:1rem;line-height:1.875rem;color:#383737;}
.n_licheng .fl02 .content{  padding-bottom:39.54%; position:relative; margin-top:-10rem}
.n_licheng .fl02 .content .bgbg{ position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/feiji_bg.png) center no-repeat;  background-size:100% 100%; }
.n_licheng .fl02 .content .content_li{ position:absolute; top:0; right:0; bottom:0; left:0}
.n_licheng .fl02 .content .box{ float:left; width:16.666667%; padding-left:1.75rem !important; padding-right:1.75rem !important}
.n_licheng .fl02 .content .box1{ padding:25% 0 0;}
.n_licheng .fl02 .content .box2{ padding:22% 0 0;}
.n_licheng .fl02 .content .box3{ padding:19% 0 0;}
.n_licheng .fl02 .content .box4{ padding:16% 0 0;}
.n_licheng .fl02 .content .box5{ padding:12% 0 0;}
.n_licheng .fl02 .content .box6{ padding:9% 0 0;}

.n_licheng .fl02 .content .box ul li h4{ margin-bottom:1.25rem}
.n_licheng .fl02 .content .box ul li h4 big{ font-size:2rem; color:#161616; font-family:LEMONMILK;}
.n_licheng .fl02 .content .box ul li h4 small{ font-size:.9375rem; color:#161616; font-weight:bold; margin:0 0 0 0.25rem}
.n_licheng .fl02 .content .box ul li p{font-size:15px;line-height:1.75rem;color:#000;margin-bottom:1.5rem;opacity:.8;}
.n_licheng .fl02 .content .box.box6 ul li.miso-current h4 big, .n_licheng .fl02 .content .box.box6 ul li.miso-current h4 small{ color:#d9271b}

.n_licheng .fl02 .content .box ul li h4{ transform:translateY(1.25rem); transition:.6s; opacity:0}
.n_licheng .fl02 .content .box.box6 ul li h4{ transition-delay:.2s}
.n_licheng .fl02 .content .box.box5 ul li h4{ transition-delay:.3s}
.n_licheng .fl02 .content .box.box4 ul li h4{ transition-delay:.4s}
.n_licheng .fl02 .content .box.box3 ul li h4{ transition-delay:.5s}
.n_licheng .fl02 .content .box.box2 ul li h4{ transition-delay:.6s}
.n_licheng .fl02 .content .box.box1 ul li h4{ transition-delay:.7s}

.n_licheng .fl02 .content .box ul li.miso-current h4{ transform:translateY(0); opacity:1}

.n_licheng .fl02 .content .box.box1 ul{ position:static}
.n_licheng .fl02 .content .box.box1 .miso-arrow{width:2.5rem;height:2.5rem;background-size:100% 100% !important;top: 14rem;transform: translateY(0);transition:.6s;}
.n_licheng .fl02 .content .box.box1 .miso-prev{ background:url(../images/left03.png) center no-repeat; left:0}
.n_licheng .fl02 .content .box.box1 .miso-next{ background:url(../images/right03.png) center no-repeat; left:3rem}

.n_licheng .fl02 .content .box.box1 .miso-prev:hover{ background:url(../images/left03_on.png) center no-repeat;}
.n_licheng .fl02 .content .box.box1 .miso-next:hover{ background:url(../images/right03_on.png) center no-repeat;}

.list_box1{margin:0 -.5rem;}
.list_box1 li{ float:left;width:25%;padding: 0 .5rem;text-align:center;margin-bottom:1rem;}
.list_box1 li a{ display:block; cursor:pointer}
.list_box1 li a .img{width:100%;overflow:hidden;transition: 0.6s;padding-bottom: 60.52% !important;position:relative;}
.list_box1 li a .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
.list_box1 li a .con{padding: 1.125rem 0;text-align:left;}
.list_box1 li a h5{font-size: 1rem;color:#141414;font-weight:bold;line-height:1.1;position:relative;transition:.6s;text-align: center;}
.list_box1 .miso-dots{ bottom:-.5rem; text-align:center; margin:0;}
.list_box1 .miso-dots li{width:.75rem;height:.75rem;border-radius:50%;background: rgba(0,0,0,.1);padding: 0; float:none}
.list_box1 .miso-dots li.miso-active{ background:#d9271b}

.container04 .list_box1{ padding-bottom: 1.5rem}

#certify{padding-bottom: 11rem;}
#certify .swiper-container,#certify .swiper-slide.swiper-slide-active{ overflow:visible; }
#certify .swiper-slide {width: 23.75rem;height: 39rem; box-sizing:border-box;overflow:hidden;cursor: -webkit-grab;position:relative;}
#certify .swiper-slide a{ display:block; height:100%; position:relative; padding:1.75rem 1.5rem}
#certify .swiper-slide:before{ border-radius:.625rem; content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:#fff; opacity:.7}
#certify .swiper-slide h5{height: 4rem;margin-bottom: 1.5rem;line-height: 3rem;font-size: 1.5rem;color: #353535;font-weight: bold;border-bottom: #d8d8d8 1px solid;text-align: center;}
#certify .swiper-slide .img{ width:100%; height:30.125rem; background:#fff}
#certify .swiper-slide img{display:block;max-width: 100%;max-height: 30.125rem;}
#certify .swiper-slide:after{ position:absolute; content:""; width:.5625rem; height:0; transition:.7s .2s; background:url(../images/s_case_arrow.png) center bottom no-repeat; right:5rem; top:93%;}
#certify .swiper-slide.swiper-slide-active:after{height:5.6875rem;}
#certify .swiper-slide.swiper-slide-active:before{opacity: 1;}

#certify .swiper-pagination {width: 100%;bottom: 20px; display:none;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 2px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 2px solid #00aadc;background-color: #fff;}
#certify .swiper-button-prev {left: -30px;width: 46px;height: 46px;background:none ; }
#certify .swiper-button-prev:hover { }
#certify .swiper-button-next {right: -30px;width: 46px;height: 46px;background:none  ; }
#certify .swiper-button-next:hover { }
#s_case .swiper-slide .con{ display:none;}
#certify .swiper-button-next, #certify .swiper-button-prev{ margin-top:-83px;}
#certify ul .miso-arrow{width:4.875rem;height:4.875rem;background-size: 100% 100% !important;}
#certify ul .miso-arrow.miso-prev{ left:0; background:url(../images/left10.png) center no-repeat}
#certify ul .miso-arrow.miso-next{ right:0; background:url(../images/right10.png) center no-repeat}

.tc_case .tc-box_1{width:100%;height:100%;position: relative;z-index: 1;}
.tc_case .close{position:absolute;top:1.5rem;right:1.5rem;cursor:pointer;z-index: 3;}
.tc_case .close svg{ width:2rem; height:2rem}
.tc_case .box_table_cell{width: 100%;}
#n_zizhi_tanchuang ul li{ width:100%; height:100vh}
#n_zizhi_tanchuang ul li img{max-width:95%;max-height:95vh;display:inline-block;/* width:100%; */}
#n_zizhi_tanchuang ul .miso-arrow{ width:32px; height:32px; display:block}
#n_zizhi_tanchuang ul .miso-arrow.miso-prev{background: url(../images/left_svg.svg) center no-repeat;}
#n_zizhi_tanchuang ul .miso-arrow.miso-next{ background: url(../images/right_svg.svg) center no-repeat;}

.n_qita_zizhi .content{ border:#e1e2e5 2px solid; padding:3rem 3.125rem 2.5rem; position:relative; overflow:hidden; margin-bottom:3.125rem}
.n_qita_zizhi .content h3 font{ background:#d9271b; position:absolute; top:0; left:0; line-height:calc(3.5rem + .5rem); margin-top:-0.5rem; min-width:11.75rem; text-align:center; padding:0 1rem; border-radius:0 1.875rem 1.875rem 0; font-size:1.25rem; color:#fff; font-weight:bold} 
.n_qita_zizhi .content .left{ width:21.875rem; margin:3rem 0; background:url(../images/n_qita_zizhi_bg2.png) right center no-repeat; background-size:auto 100%}
.n_qita_zizhi .content .left .img{height:10rem;width:17.5rem;line-height:10rem;position:relative;display: inline-block;}
.n_qita_zizhi .content .left .img:before{content:"";position:absolute;background:url(../images/n_qita_zizhi_bg1.png) center no-repeat;width:100%;height:6.25rem;bottom:-3rem;background-size:100% 100%;left: 50%;transform: translateX(-50%);}
.n_qita_zizhi .content .left .img img{ display:inline-block; max-height:9rem; position:relative}

.n_qita_zizhi .content .right{ width:calc(100% - 21.875rem); padding-left:5.25rem; margin-bottom:1rem}
.n_qita_zizhi .content .right h4{font-size:1.125rem;color:#333131;font-weight:bold;}
.n_qita_zizhi .content .right ul{ margin-top:2.5rem}
.n_qita_zizhi .content .right ul li h5{line-height:3rem;margin-bottom: 0;}
.n_qita_zizhi .content .right ul .miso-dots{bottom: 0;text-align: center;}
.n_qita_zizhi .content .right ul .miso-dots li{ width:8px; height:8px; border:#626262 1px solid; border-radius:50%; transition:.6s; margin:0 0.5rem 0 0}
.n_qita_zizhi .content .right ul .miso-dots li.miso-active{ background:#333; border:#333 1px solid;}
.n_qita_zizhi .content p{ font-size:15px; color:#6e6f6e; line-height:1.875}



    /*====翻页====*/
    .j_pages{margin:0 auto 0 auto;text-align:center;}
    .j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;}
    .j_pages a{padding: 0px 16px;height: 40px;line-height: 40px;display:inline-block;background:#f6f6f6;margin: 0 3px;color: #919191;font-size: 14px;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius: 0;}
    .j_pages a font{ padding:0 10px}
    .j_pages .on{background: #d9271b;color: #fff;}
    .j_pages a:hover{background: #d9271b;color:#fff!important;}
    .j_pages span{color:#919191; padding: 0px 16px;height: 40px;line-height: 40px;display:inline-block; font-size:14px;}
    .j_pages input{color:#919191;padding: 0px 16px;height: 40px;line-height: 40px;display:inline-block;font-size:14px;background:#f6f6f6;border:none;cursor:pointer;border-radius: 0;transition: 0.6s;}
    .j_pages input[type="text"]{ width:40px; padding:0; text-align:center}
    .j_pages input[type="submit"]:hover{ background: #d9271b; color:#fff}



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

/*aos="zoom-in" aos-duration="1200"*/