@charset "utf-8";
@font-face{ font-family:BarlowCondensed-Light_1; src:url(../font/BarlowCondensed-Light_1.ttf);}
@font-face{ font-family:BarlowCondensed-SemiBold_1; src:url(../font/BarlowCondensed-SemiBold_1.ttf);}
@font-face{ font-family:OPENSANS-REGULAR; src:url(../font/OPENSANS-REGULAR.TTF);}
@font-face{ font-family:OPENSANS-BOLD; src:url(../font/OPENSANS-BOLD.TTF);}

@media (max-width:4000px){html{font-size:18px;}}
@media (min-width:1600px) and (max-width:1940px){html{font-size:16px;}}
@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;}}
:root {
	--blue: #0A579F; 
	--green: #37b147;
	--green1: #ebf7ec;
	--white: #ffffff; 
	--black: #000000;
	--gray: #f7f8fa;
	--gray1: #666;
	--gray2: #999;
	--gray3: #e5e5e5;
	--red: #ee563b;
} 
.font12 {font-size: 12px;line-height: 20px;}
.font14 {font-size: 14px;line-height: 24px;}
.font16 {font-size: 16px;line-height: 28px;}
.font18 {font-size: 18px;line-height: 32px;}
.font30 {font-size: 30px;line-height: 42px;}
.font36 {font-size: 36px;line-height: 48px;}
.font72 {font-size: 72px;line-height: 72px;}
/*==========================================公共 开始=============================================*/


.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

header .w1200, .MainMenu.w1200, #banner li .img .w1200, .n_container .w1200{max-width: 76%;}

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

.top_tiao{height: 0;background-size:100% 0.5rem;}

.header_box_wai{height:126px;position:relative;z-index: 1000;}
.header_box{ height: 126px;position: fixed;top: 0;left: 0;right: 0;width: 100%;}
header{height: 126px;background: #fff;}
header .logo{ line-height:126px;}

header .dw2{float:left;height: 85px;width: auto;cursor:pointer;position:relative;margin-right: 1.5rem;transition:.6s;margin-left: 1rem;z-index: 1002;}
header .dw2 .box_table{ width:auto}
header .dw2:after{content:"";width:1px;height: 16px;display:block;position:absolute;background: rgba(255,255,255,.75);right: -1.5rem;top: 50%;margin-top: -8px;}
header .dw2.yuyan:before{content:"";width:1px;height:100%;display:block;position:absolute;left:0;top:0;display: none;}
header .dw2 .dh{height: 23px;line-height: 23px;text-align:center;font-size: 14px;color:#5b5b5b;cursor:pointer;transition:.6s; font-style:normal}
header .dw2 .dh img{display:inline-block;margin: -3px 14px 0 0;}
header .dw2 .dh span{background:url(../images/jt1.png) right center no-repeat;padding-right: 18px;height: 23px;display: inline-block;}
header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #ee563b;left: 0;border: 1px solid #ee563b;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);}
header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #ee563b;position:absolute;top:-16px;left:50%;margin-left:-8px;}
header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
header .dw2 .dd a:hover{ font-weight:bold; }
header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);}
header .right ul{ display:inline-block; line-height:85px; font-size:0}
header .right ul li{ display:inline-block; vertical-align:top; text-align:center; margin-left:1rem}
header .right ul li a{ display:inline-block; border:#cbcdcf 1.5px solid; border-radius:50%; width:40px; height:40px; line-height:37px;}
.tel_bar{ background:url(../images/tel2.png) no-repeat left center ; padding-left: 45px; color: #000;    line-height: 20px;
    margin: 20px 0px; }
.tel_bar span{font-size: 14px; font-weight:600; }
.tel_bar H3{font-family: "CG"; font-size: 20px; font-weight: bold;}
.MainMenu #links .search_btn{line-height:60px;cursor: pointer;position: relative;}

.nax_box{position:relative;z-index: 1001;}
nav{height: 60px;position:absolute;width: 100%;left: 0;top: -42px;}
nav .bg{content:"";position:absolute;top:0;right:0;bottom:0;left: 35%;background:#000;}
nav .bg:after{content:"";position: absolute;top: 0;left: -32px;width: 0;height: 0;border-bottom: 60px solid #000;border-left: 32px solid transparent;}
/*导航*/
.MainMenu #links{z-index: 1;padding: 0;width: 69%;padding: 0 0 0 2%;}
.MainMenu #links>li{float:left;width: calc(100% / 8.2);position:relative;font-size: 15px;color: #fff;display:inline-block;line-height: 60px;transition:0.6s;text-align: center;text-transform: uppercase;}
.MainMenu #links>li a{display:block;position:relative;z-index: 1;}
.MainMenu #links>li a i{content:"";position:absolute;right: -1.25rem;}
.MainMenu #links>li a i svg{display:inline-block;width: 11px;height: 11px;fill:#282828;position: relative;top: 3px;}
.MainMenu #links>li a span{ position:relative; display:inline-block}
.MainMenu #links>li a span:after{content:"";position:absolute;bottom: 0;left: 0;width: 0;height: 4px;transition:0.6s;border-radius: 2px;}
.MainMenu #links>li.on:before, .MainMenu #links>li:hover:before{opacity: 1;visibility: visible;}
.MainMenu #links>li.on a span:after, .MainMenu #links>li:hover a span:after{width: 100%;background: #fff;}
.MainMenu #links>li.on, .MainMenu #links>li:hover{color: #fff;}
.MainMenu #links .down{width: 200px;position:absolute;top:100%;left:50%;margin-top: 0;background-color:#fff;z-index:2;-webkit-transform:translate(-50%,10px);-ms-transform:translate(-50%,10px);transform:translate(-50%,10px);-webkit-border-radius:2px;-ms-border-radius:2px;border-radius:2px;padding:15px 20px;opacity:0;pointer-events:none;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);-ms-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);box-shadow:0 5px 50px rgba(0,0,0,.1);}
.MainMenu #links .down:before{content:"";position:absolute;bottom:100%;height:25px;left:0;right:0;background-color:transparent;opacity: 0;display: none;}
.MainMenu #links .down:after{content:"";position:absolute;bottom:100%;left:50%;border-style:solid;margin-left:-7px;border-width:7px;border-color:transparent transparent #fff;opacity: 0;}
.MainMenu #links .down li:not(:last-of-type){border-bottom:1px solid #efefef}
.MainMenu #links .down a{display:block;position:relative;font-size: 14px;padding:15px 0;color:#58595b;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);-ms-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1);line-height: initial;text-align: center;letter-spacing: 1px;text-transform: none;}
.MainMenu #links .down a:before{content:"";position:absolute;top:7px;bottom:7px;left:-20px;width:4px;background: #ee563b;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s cubic-bezier(.162,.85,.45,1);transition:transform .3s cubic-bezier(.162,.85,.45,1);}
.MainMenu #links .down a.active,.MainMenu #links .down a:hover{
    color: #ee563b;
}
.MainMenu #links .down a.active:before,.MainMenu #links .down a:hover:before{-ms-transform-origin:top;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.MainMenu #links .down.active{pointer-events:all;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;opacity:1; }


/*手机头部开始*/
#m_header{position: fixed;z-index:999;width:100%;height: 60px;left:0;top:0;padding:0 10px;background:#fff;border-bottom: #eaeaea 1px solid;display: block;}
#m_header #logo{height: 60px;float: left;position: relative;}
#m_header #logo img{max-height: 36px;}
#m_header .yuyan{height: 60px;float:right;margin-right: 0;width: 120px;}
#m_header .yuyan .box_table{ width:100%}
#m_header .yuyan span{display: inline-block;height: 20px;line-height: 29px;color: #333;font-size:.9rem;text-align:center;margin: -3px 0 0 -3px;background:rgba(255,255,255,.3);vertical-align: top;}
.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: #333;}
#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: #333;}
#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: 9999999;
    position: fixed;
    width: 22rem;
    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: #000;
    left: auto;
    }
#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 h3{line-height: 4rem;height: 4rem;color:#fff;padding:0;font-size:1.125rem;float:left;}
#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{display:none;height: 60px;}
#m_header #logo .box_table, #nav_btn_box .box_table{ width:auto}


/*首页banner*/
#banner{width:100%;position:relative;z-index:0;overflow:hidden;}
#banner .banner_slider{top:0;left:0;width:100%;height:100%;}
#banner li{ position:relative;}
#banner li .img{width:100%;z-index:8;}  
#banner li .img .w1200{ position:relative}
#banner li .img>img{width:100%;}
#banner li .img:after{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(35% - 23px);z-index: 1;transition:0.9s;transform:translateX(-100%);opacity:0;visibility:hidden;}
#banner li .img .top{position:absolute;top:0;right:0;bottom:0;left:0;z-index: 2;}
#banner li .img .top .box_table{ text-align:left}
#banner li .img .top h3{font-family: inherit;font-size: 6.15rem;color:#fff;text-transform:uppercase; font-weight: bold;}
#banner li .img .top h2{font-size: 1.3rem;color:#fff;position:relative;padding: 1.5rem 0.875rem;position:relative;display:inline-block;font-family: BarlowCondensed-Light_1;max-width: 100%;}
#banner li .img .top h2:before{ content:""; position:absolute; top:0; right:-1.25rem; width:7.375rem; height:7.3125rem;}
#banner li .img .top h2 span{position:relative;z-index:1;font-family: BarlowCondensed-Light_1;}
#banner li .img .top h4{font-size: 15px;color:#fff;line-height: 24px;max-width: 50%; position:relative; text-indent:30px}
#banner li .img .top h4:before{content:"";width:20px;height:2px;background:#ee563b;top: 11px;left:0;position:absolute; }
#banner li .img .top .more{ padding:1rem 0 0 0.4rem}
#banner li .img .top .more a{display:inline-block;position:relative;height:45px;line-height:45px;padding-right: 15px;}
#banner li .img .top .more a:before{ content:""; background:#ee563b; width:45px; height:45px; left:0; position:absolute; border-radius:22.5px; transition:.6s}
#banner li .img .top .more a span{ display:inline-block; width:45px; position:relative; text-align:center; margin-right:6px;}
#banner li .img .top .more a span img{ display:inline-block}
#banner li .img .top .more a font{ display:inline-block; position:relative; font-size:13px; color:#fff; text-transform:uppercase; font-weight:bold}


#banner li .img .top .hgg{ transition:0.9s; transform:translateY(50px); opacity:0; visibility:hidden}
@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1); transform: scale(1); }
to {-webkit-transform: scale(1.05); transform: scale(1.05); }
}
@keyframes bgscale {
from { -webkit-transform: scale(1); transform: scale(1); }
to {-webkit-transform: scale(1.05); transform: scale(1.05); }
}
@-webkit-keyframes letter {
from { letter-spacing:10px; opacity:0;}
to { letter-spacing:0px; opacity:1;}
}
@keyframes letter {
from { letter-spacing:10px; opacity:0;}
to { letter-spacing:0px; opacity:1;}
}

#banner .miso-current .img{/* animation:bgscale 6s linear; animation-fill-mode: forwards; */}
#banner .miso-arrow{width: 4rem;height: 4rem;border: #c7c8c9 1px solid;border-radius: 50%; transition:.6s}
#banner .miso-arrow.miso-prev{left: 3%;background:url(../images/icon-system_white_l.svg) center no-repeat;transition:300ms;-webkit-transition:300ms;}
#banner .miso-arrow.miso-next{right: 3%;background:url(../images/icon-system_white_r.svg) center no-repeat;transition:300ms;-webkit-transition:300ms;}


#banner ul .miso-dots{ bottom:3rem}
#banner ul .miso-dots li{ width:2.5rem; height:4px; background:rgba(255,255,255,.45); transition:.6s; position:relative}
#banner ul .miso-dots li button{font-size:12px;color:#fff;width: auto;left: 0;bottom: 6px; position:absolute; opacity:0; visibility:hidden; transition:.6s}
#banner ul .miso-dots li:before{content:"";position:absolute;left:0;width:0;height:4px;padding:0;margin:0;background:#ee563b;transition: .3s;}
#banner ul .miso-dots li.miso-active{ width:13.75rem}

#banner.on li.miso-current .img .top .hgg{ transition:0.9s; transform:translateY(0); opacity:1; visibility:visible}
#banner.on li.miso-current .img:after{transform:translateX(0); opacity:1; visibility:visible}

#banner.on ul .miso-dots li.miso-active:before{ animation:biankuan 4.2s linear;}
#banner.on ul .miso-dots li.miso-active button{ opacity:1; visibility:visible}
@keyframes biankuan {
from { width:0}
to { width:100%}
}


.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:-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:20px; position:relative;}
.tc-box .tc_fdj{ position:absolute; left:20px; display:block; height: 4.25rem; line-height: 4.25rem;}
.tc-box .tc_fdj img{ width:1.3rem;}
.tc-box form label{ text-align:left; display:block; position:absolute; bottom:0; height: 4.25rem; line-height: 4.25rem;font-size:1.6rem; color:#999; pointer-events:none; margin-left:20px; transition:.3s;}
.tc-box form label.act{ font-size:16px; bottom:3rem;line-height: 3rem; height:3rem;}
.tc-box #keyword{width: 80%;height:4.25rem; padding:0 20px;font-size:1.6rem; color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
.tc-box .btn_blue{width: 40px;height:4.25rem; border:0; 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;}


.container01{background:#eceef0;overflow: hidden;}
.container01 .fl01{ padding:2rem 0 1rem}
.container01 .fl01 ul{margin: 0rem -4rem;}
.container01 .fl01 ul li{ padding:4rem 4rem; transition:.6s}
.container01 .fl01 ul li .img{ width:100%;}
.container01 .fl01 ul li .img img{ opacity:.5; transition:.6s}
.container01 .fl01 ul li.miso-center{ transform:scale(1.5)}
.container01 .fl01 ul li.miso-center .img img{ opacity:1}

.container01 .fl02{ padding:0 0 5.125rem}
.container01 .fl02 .left{ width:calc(100% - 17.5rem); padding-right:17.5rem}
.container01 .fl02 .left h5{ font-size:1.5rem; color:#2a2a2a; font-weight:bold; margin-bottom:1.5rem}
.container01 .fl02 .left p{ font-size:14px; color:#5a5a5b; line-height:24px; height:120px; margin-bottom:2.25rem}
.container01 .fl02 .left .anniu_a a{ float:left; display:inline-block; background:url(../images/anniu_bg.png) center no-repeat; width:135px; height:40px; line-height:38px; font-size:13px; color:#163c87; text-transform:uppercase; text-align:center; transition:.6s; margin-right:1.25rem}
.container01 .fl02 .left .anniu_a a.span1{ background:url(../images/anniu_bg_on.png) center no-repeat; color:#fff}
.container01 .fl02 .right{ max-width:17.5rem; padding:3rem 0 0}
.container01 .fl02 .right ul li{ line-height:24px; height:24px; font-size:1.125rem; color:#163c87; font-weight:bold; margin-bottom:1.5rem; transition:.6s}
.container01 .fl02 .right ul li span{ }
.container01 .fl02 .right ul li svg{ width:14px; height:14px; fill:#163c87; margin:0 12px 0 0}

.container02{padding:4.375rem 0 3.125rem;overflow: hidden;}
.container02 ul{ margin:0 -0.875rem}
.container02 ul li{ float:left; width:33.3333333%; padding:0 0.875rem}
.container02 ul li .box{display:block;background:#eceef0;position:relative;padding-bottom:0.5rem;overflow:hidden;text-align: center;}
.container02 ul li .box:before{content:"";position:absolute;top:0;right:0;left:0;background:url(../images/tixing_bg1.png) center no-repeat;padding-bottom:106.44%;transform:translateY(-100%);transition:.6s;background-size: 100% 100%;}
.container02 ul li .box .line{background: url(../images/tiao1.png) left center no-repeat;height:9px;position:absolute;top:0;left:0;width:100%;transform:translateX(-100%);transition:.6s;}
.container02 ul li .box .top{padding: 0 50px;position:relative;text-align: left;}
.container02 ul li .box .top .top1{ transition:.6s; position:relative; top:0}
.container02 ul li .box .top h2{ margin-bottom:3.25rem}
.container02 ul li .box .top h6{ font-size:16px; color:#000000; font-weight:bold; font-style:italic}
.container02 ul li .box .top h5{ font-size:1.25rem; color:#000000; font-weight:bold; line-height:2.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.container02 ul li .box .top p{ font-size:14px; color:#434343; line-height:24px; height:72px; margin:1rem 0 1.875rem}
.container02 ul li .box .top .anniu_a a{ float:left; display:inline-block; background:url(../images/anniu_bg1_on.png) center no-repeat; width:115px; height:35px; line-height:35px; font-size:12px; color:#fff; text-transform:uppercase; text-align:center; transition:.6s;}
.container02 ul li .box .img{max-width: 100%;display: inline-block;margin: 0 auto;}

.container00 ul .miso-arrow{width: 4rem;height: 4rem;border: #c7c8c9 1px solid;border-radius: 50%; transition:.6s}
.container00 ul .miso-arrow.miso-prev{left: -7rem;background:url(../images/icon-system_black_l.svg) center no-repeat;transition:300ms;-webkit-transition:300ms;}
.container00 ul .miso-arrow.miso-next{ right:-7rem; background:url(../images/icon-system_black_r.svg) center no-repeat; transition:300ms;  -webkit-transition:300ms;}

.container03{ overflow: hidden;}
.container03 .content{ position:relative; padding-bottom:5rem}
.container03 .content .miso_bd li .img{ width:100%; padding-bottom:46.43%; overflow:hidden; position:relative}
.container03 .content .miso_bd li .img img, .container03 .content .miso_bd li .img video{position:absolute;top:0;right:0;bottom:0;left:0;width: 100%;height: 100%;object-fit: cover;}
.container03 .top{position:absolute;bottom:0;width:23.75rem;height: 33.4375rem;right:5.5rem;overflow:hidden;}
.container03 .content .miso_hd{height:100%;padding: 3rem 4rem 0 2.5rem;background:url(../images/luotuo02.png) left bottom no-repeat;background-size: 100% 100%;}
.container03 .content .miso_hd .con h4{font-size:1.5rem;color:#fff;font-weight:bold;line-height: 2.25rem;text-transform: uppercase;margin-bottom: 1.5rem;}
.container03 .content .miso_hd .con h3{ font-size:1.25rem; color:#fff; margin-bottom:2rem}
.container03 .content .miso_hd .con p{font-size:14px;color:#fff;line-height: 1.625rem;}
.container03 .content .miso_hd .con .span{display:inline-block;background:url(../images/anniu_bg42.png) center no-repeat;width:115px;height:35px;line-height:35px;font-size:12px;color:rgba(255,255,255,0.6);text-transform:uppercase;text-align:center;transition:.6s;background-size: 100% 100%;margin: 3rem 0 2rem;}



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

.title001{ font-size:2rem; color:#2d2d2d; font-weight:bold; text-transform:uppercase}
.title001 img{ margin:-3px 12px 0 0}

.container04{ padding:0.75rem 0 5rem; overflow:hidden}
.container04 .title001{margin-bottom:3.75rem;}
.container04 .content{ position:relative}
.container04 ul{ margin:0 -15.625rem}
.container04 ul li{ float:left; width:50%; padding:0 15.625rem; margin-bottom:2.75rem}
.container04 ul li a{ display:block; cursor:pointer}
.container04 ul li h3{ height:3.125rem;}
.container04 ul li h3 img{ display:inline-block}
.container04 ul li h5{ font-size:1.1rem; color:#2c2d2e; line-height:1.625rem; height:3.25rem}
.container04 ul li h5 font{display:inline-block;max-width: calc(100% - 36px);vertical-align: top;}
.container04 ul li h5 span{position:relative;display:inline-block;width:23px;height:23px;border:#cccccc 1px solid;border-radius:50%;margin: 0.125rem 0 0; transition:.6s}
.container04 ul li h5 span:before{ content:""; position:absolute; width:1px; height:11px; background:#a9a9a9; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); transition:.6s}
.container04 ul li h5 span:after{ content:""; position:absolute; width:11px; height:1px; background:#a9a9a9; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); transition:.6s}

.container04 ul li:nth-child(2n){ text-align:right}
.container04 ul li:nth-child(2n-1) h5 font{ padding-right: 3.125rem;}
.container04 ul li:nth-child(2n) h5 font{ padding-left: 3.125rem;}
.container04 .content .box{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); width:31.25rem}
.container04 .content .box img{width: 100%;}
.container04 .content_box .miso-dots{text-align:center;margin: 0;}
.container04 .content_box .miso-dots li{ float:none; width:0.9375rem; height:0.9375rem; border:#545454 1px solid; border-radius:50%; margin:0 0.5rem; padding:0; transition:.6s}
.container04 .content_box .miso-dots li.miso-active{ border:#163c87 1px solid; background:#163c87}

.container04 ul li a.on h5 span{ background:#163c87; transform:rotate(45deg); border:#163c87 1px solid}
.container04 ul li a.on h5 span:before{ background:#fff;}
.container04 ul li a.on h5 span:after{ background:#fff;}

.container04 .content .box .tc{position:absolute;top:50%;right: 1rem;height:330px;margin-top:-165px;left: 1rem;background:#163c87;border-radius:1rem;padding:3.75rem 2.25rem;width: auto;}
.container04 .content .box .tc:before{ content:""; position:absolute; border:transparent 10px solid; border-right:#163c87 10px solid; left:-20px; top:3rem}
.container04 .content .box .tc h5{ font-size:1.125rem; line-height:1.75rem; color:#fff; font-weight:bold; margin-bottom:1rem}
.container04 .content .box .tc p{ font-size:0.875rem; line-height:1.625rem; color:#fff; }

.container04 .content .box .tc:nth-child(3):before{top: 3rem;left: auto;right: -20px;border-right: transparent 10px solid;border-left: #163c87 10px solid;}
.container04 .content .box .tc:nth-child(4):before{ top:9rem}
.container04 .content .box .tc:nth-child(5):before{top: 9rem;left: auto;right: -20px;border-right: transparent 10px solid;border-left: #163c87 10px solid;}
.container04 .content .box .tc:nth-child(6):before{ top:auto; bottom:3rem}
.container04 .content .box .tc:nth-child(7):before{ top:auto; bottom:3rem; left: auto;right: -20px;border-right: transparent 10px solid;border-left: #163c87 10px solid;}

.container05{ padding:6.25rem 0 4rem; background:#000}
.container05 .title002{ text-align:left;}

.title002{ text-align:center; margin-bottom:2.625rem}
.title002 h3{ font-size:36px; color:#fff; font-weight:bold; text-transform:uppercase}
.title002 h6{ font-size:14px; color:#fff; line-height:20px; opacity:.8; margin:1.125rem 0}

.container05_box{    width: 100%;  float: left;position:relative;padding-bottom:3rem;overflow: hidden;}
.container05_box .bg{content:"";position:absolute;bottom:0;right:0;width: 64%;}
.container05_box .bg img{ width:100%}
.container05 ul{ margin:0 -2.5px;}
.container05 ul li{ float:left; width:33.3333333%; padding:0 2.5px;}
.container05 ul li .img{ position:relative; width:100%; padding-bottom:75.56%; overflow:hidden}
.container05 ul li .img>img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}
.container05 ul li .img .top{ position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(255,255,255,0.85); padding:0 4rem; transform:translateY(100%); transition:.6s}
.container05 ul li .img .top h3{ height:4rem; line-height:4rem; margin:-1rem 0 0.125rem}
.container05 ul li .img .top h3 img{ display:inline-block; max-height:3rem}
.container05 ul li .img .top h5{ font-size:1.25rem; color:#434343; text-transform:uppercase}
.container05 ul li .img .top p{ font-size:14px; line-height:1.625rem; color:#6a6a6a; margin-top:1.875rem}
.container05 ul li .con{ height:6.0625rem; background:#f2f4f3; position:relative; overflow:hidden}
.container05 ul li .con .box_table{ position:relative; transition:.6s}
.container05 ul li .con h3{ height:4rem; line-height:4rem; margin:-1rem 0 0.125rem}
.container05 ul li .con h3 img{ display:inline-block; max-height:3rem}
.container05 ul li .con h5{ font-size:1.25rem; color:#000; text-transform:uppercase}

.container05 ul li .con .top_con{ position:absolute; top:0; right:0; bottom:0; left:0; background:#f2f4f3; transform:translateY(100%); transition:.6s}
.container05 ul li .con .top_con .anniu_a .span{display:inline-block; background:url(../images/anniu_bg1_on.png) center no-repeat; width:115px; height:35px; line-height:35px; font-size:13px; color:#fff; text-transform:uppercase; text-align:center; transition:.6s;}

.container05 ul .miso-arrow{width: 4rem;height: 4rem;border: #fff 1px solid;border-radius: 50%; transition:.6s}
.container05 ul .miso-arrow.miso-prev{left: -7rem;background:url(../images/icon-system_white_l.svg) center no-repeat;transition:300ms;-webkit-transition:300ms;}
.container05 ul .miso-arrow.miso-next{ right:-7rem; background:url(../images/icon-system_white_r.svg) center no-repeat; transition:300ms;  -webkit-transition:300ms;}

.container06{padding:5.625rem 0 4rem;border-bottom:#e4e4e4 1px solid;overflow: hidden;}
.container06 .title002 h3{ color:#2c2d2e; margin-bottom:1rem}
.container06 .title002{ text-align:left}
.container06 ul{ margin:0 -4.375rem}
.container06 ul li{ float:left; width:33.333333%; padding:0 4.375rem; }
.container06 ul li a{ display:block; transition:.6s}
.container06 ul li h3{ height:5.625rem}
.container06 ul li h5{ font-size:1.375rem; color:#2c2d2e; font-weight:bold; margin-bottom:1.25rem; text-transform:uppercase}
.container06 ul li p{ font-size:14px; color:#4e4e4e; line-height:24px; height:120px;}

.container07{padding:5rem 0 5rem;overflow: hidden;    background: #fff url(../images/tiao.png) center bottom no-repeat;
    background-size: 100% 0.5rem;    width: 100%; }
.container07 .content{ margin:0 -20px;}
.container07 .content .box{ float:left; width:50%; padding:0 20px;}
.container07 .content .box .fl01 ul li a{ display:block; position:relative; transition:.6s}
.container07 .content .box .fl01 ul li a .img{ width:100%; position:relative; padding-bottom:54.55% !important; overflow:hidden}
.container07 .content .box .fl01 ul li a .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}
.container07 .content .box .fl01 ul li a .img:after{ content:""; position:absolute; bottom:0; left:0; right:0; background:url(../images/jianbian.png) center no-repeat; height:9.375rem; background-size:100% 100%; transition:.6s}
.container07 .content .box .fl01 ul li a .top{ position:absolute; bottom:0; left:0; right:0; padding:0 2.125rem 1.5rem}
.container07 .content .box .fl01 ul li a .top h6{ font-size:14px; color:#fff; margin-bottom:0.5rem}
.container07 .content .box .fl01 ul li a .top h5{font-size:1.25rem;line-height:1.6rem;color:#fff;font-weight:bold;transition: .6s;}
.container07 .content .box .fl01 ul li a .title{ position:absolute; left:1.875rem; top:1.75rem; background:url(../images/anniu_bg_h.png) center no-repeat; text-align:center; width:75px; height:30px; line-height:30px; font-size:14px; color:#383838; font-weight:bold;}

.container07 .content .box .fl02 ul li{ margin-top:1.625rem}
.container07 .content .box .fl02 ul li a{ display:block; position:relative; transition:.6s}
.container07 .content .box .fl02 ul li a .img, .container07 .content .box .fl02 ul li a .img img{width:14.6875rem;height:10.625rem;position:relative;overflow:hidden;object-fit: cover;}
.container07 .content .box .fl02 ul li a .top{ width:calc(100% - 14.6875rem); padding:0.375rem 0 0 1.125rem; height:10.625rem;}
.container07 .content .box .fl02 ul li a .top h6{ font-size:14px; color:#808080; margin-bottom:0.5rem}
.container07 .content .box .fl02 ul li a .top h5{font-size:1.15rem;line-height:1.5rem;color:#343434;font-weight:bold;margin:1rem 0;transition: .6s;}
.container07 .content .box .fl02 ul li a .top p{ font-size:14px; color:#808080; line-height:16px; height:16px; margin-bottom:1rem}
.container07 .content .box .fl02 ul li a .top .title{ background:url(../images/anniu_bg_h.png) center no-repeat; text-align:center; width:75px; height:30px; line-height:30px; font-size:14px; color:#383838; font-weight:bold;}

.container07 .content .box .fl021 ul li a .top{ width:100%; padding:0.375rem 0 0 0}


.container08{padding:2.5rem 0rem 3rem; background:#eceef0 url(../images/tiao.png) center bottom no-repeat; background-size:100% 0.5rem; overflow: hidden;}
.container08 ul{ margin:0 -1.75rem}
.container08 li{ text-align:center; line-height:4rem}
.container08 li img{display:inline-block;max-width: 70%;max-height: 2.5rem;-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:0.6;-moz-opacity:0.6;-khtml-opacity:0.6;transition:.6s;}
.container08 .w1200{ position:relative}

footer .fl01{ width:100%; float: left;padding:3.75rem 0 2rem; background:#3e3e45; border-bottom:#65656a 1px solid}
footer .fl01 .left{ width:35rem;}
footer .fl01 .left h3{ margin-bottom:0.75rem}
footer .fl01 .left p{padding-left:26px;font-size:14px;line-height:1.6875rem;color:rgba(255,255,255,0.85);margin-bottom: 0.5rem;}

footer .fl01 .right{ width:calc(100% - 35rem); }
footer .fl01 .right .box{margin: 0 -5px;position: relative;}
footer .fl01 .right .box dl{float:left;width:25%;padding: 0 5px;}
footer .fl01 .right .box dl dt{ font-size:1.125rem; color:#fff;     text-transform: uppercase; margin-bottom:1.25rem}
footer .fl01 .right .box dl dd{ font-size:14px;    line-height: 30px; color:rgba(255,255,255,0.4); line-height:1.875rem; transition:.36s}
footer .fl01 .right .box dl dd img{width:150px;}
footer .fl02{ width:100%; float: left;padding:1.5rem 0 2rem; background:#3e3e45;}
footer .fl02{font-size:14px;line-height:1.875rem;margin: 0;}
footer .fl02 ul{float:left;font-size: 0;}
footer .fl02 ul li{display: inline-block;margin-right: 1.125rem;width: 2.625rem;height: 2.625rem;}
footer .fl02 ul li .draw_h:before{content:"";display:block;position:absolute;left:0;top:0;right: 0;bottom: 0;border: 1px solid rgba(255,255,255,0.3);border-radius: 50%; transition:.6s}
footer .fl02 ul li .draw_h{width:100%;height: 2.5rem;line-height: 2.5rem;display: inline-block;position: relative;text-align: center;}
footer .fl02 ul li .draw_h svg{fill:#c1c1c3;vertical-align: middle;margin-top: 0px; position:relative; z-index:1; transition:.6s}

footer .fl02 .right{    text-align: center;font-size:14px;line-height:1.875rem;margin: 0.125rem 0;color:#818181;}

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


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

.n_banner{ position:relative; height:24.8125rem; overflow:hidden}
.n_banner .top{ position:absolute; top:0; right:0; bottom:0; left:0}
.n_banner .top .box_table{ text-align:left}
.n_banner .top h3{font-size: 2.375rem;color:#fff;margin-bottom: 1rem;}
.n_banner .top h3 span{text-transform: uppercase;font-weight: bold;}
.n_banner .top h4{font-size: 15px;color:#fff;}

.position{ height:68px; line-height:68px; text-align:right}
.position .box{display:inline-block;background: url(../images/home.png) left 27px no-repeat;padding-left: 22px;font-size: 12px;}
.position .box a, .position .box span{display:inline-block;color: #595959;text-transform: capitalize;transition:0.36s;margin: 0 4px;}
.position .box em{color: #ee563b;font-style:normal;margin-left:2px;text-transform: capitalize;}


.n_about .fl01{margin-bottom:1.75rem;overflow: hidden;}
.n_about .fl01 .img{ width:24rem}
.n_about .fl01 .img img{ float:left; margin-left:-350px;}
.n_about .fl01 .right{ width:calc(100% - 24rem);}
.n_about .fl01 .right h3{ font-size: 1.375rem;color:#3c3c3c;margin-bottom: 1.5rem;text-transform: uppercase;}

.n_about .fl02{border-top:#e7e7e7 1px solid;padding:3.75rem 0 6.25rem;overflow: hidden;}
.n_about .fl02 .left{ width:34.375rem;}
.n_about .fl02 .left .img, .n_about .fl02 .left .img img{ width:100%; height:27.5rem; overflow:hidden}
.n_about .fl02 .right{width: calc(100% - 34.375rem);padding-right:3rem;max-width: 49.625rem;height:27.5rem;}
.n_about .fl02 .right .box_table{ text-align:left}
.n_about .fl02 .right h3{font-size:1.875rem;color:#2b2b2b;font-family:OPENSANS-BOLD;margin-bottom: 2.375rem;}

.n_about .fl03{ padding:5.625rem 0; background:#eceef0}
.title003{ text-align:center; margin-bottom:2.5rem}
.title003 h3{font-size:1.875rem;color:#333;font-family:OPENSANS-BOLD;text-transform:capitalize;}
.title003 h6{ font-size:14px; color:#636363; line-height:28px; margin:1.125rem 0}

.n_about .fl03 ul{ margin:0 -5px;}
.n_about .fl03 ul li{ float:left; width:25%; padding:0 5px; margin-bottom:10px}
.n_about .fl03 ul li a{ display:block; position:relative; overflow:hidden}
.n_about .fl03 ul li a .img{ width:100%; padding-bottom:94.37%; position:relative}
.n_about .fl03 ul li a .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover}
.n_about .fl03 ul li a .top{display:block;position:absolute;top:0;right:0;bottom:0;left:0; transition:.6s; transform:translateY(100%)}
.n_about .fl03 ul li a .top h5{ font-size:16px; line-height:28px; color:#fff; margin-bottom:0.5rem}
.n_about .fl03 ul li a .top h6 img{ height:1.375rem; display:inline-block}

.n_contact .fl01{}
.n_contact .fl01 .n_left1{ width:34.875rem; position:relative; top:calc(-5.75rem - 68px)}
.n_contact .fl01 .n_left1:before{content:"";background:url(../images/tixing1.png) center no-repeat;position:absolute;top:0;left:0;right:0;height:4.8125rem;background-size: 100% 100%;}
.n_contact .fl01 .n_left1:after{content:"";background:#eceef0;position:absolute;top: 4.8125rem;bottom:0;left:0;right:0; z-index:0}
.n_contact .fl01 .n_left1 .box{ padding:9.8rem 2.25rem; position:relative; z-index:1}

.n_titl001{ text-align:left; }
.n_titl001 h3{ font-size:1.875rem; color:#333; font-family:OPENSANS-BOLD; text-transform:capitalize; position:relative; padding-bottom:1.5rem}
.n_titl001 h3:before{ content:""; position:absolute; left:0; bottom:0; width:25px; height:4px; background:#ee563b}
.n_titl001 p{ font-size:14px; color:#727272; line-height:28px; margin:2rem 0 2.25rem}

.n_contact .fl01 .n_left1 .box .layui-btn{ background:url(../images/anniu_bg_001png.png) center no-repeat; width:9.0625rem; height:2.8125rem; line-height:2.8125rem; text-align:center; font-size:13px; color:#fff; text-transform:uppercase}

.title004{ text-align:center; margin-bottom:2.5rem}
.title004 h3{font-size:2.125rem;color:#333;font-family:OPENSANS-BOLD;text-transform:capitalize;margin-bottom: 0.875rem;}

.n_contact .fl01 .n_right1{ width:calc(100% - 34.875rem); padding:1.5rem 0 0 5.625rem}
.n_contact .fl01 .n_right1 .title004{ text-align:left}
.n_contact .fl01 .n_right1 .fl001 p{ font-size:14px; line-height:28px; color:#727272}

.n_contact .fl01 .n_right1 .fl001 .p{background:url(../images/n_contact_fl001_bg.png) center no-repeat;background-size:100% 100%;font-size:14px;line-height:28px;color:#fff;padding: 14px 0;text-align: center;margin: 2rem 0 3rem;}
.n_contact .fl01 .n_right1 .fl002 h4{ font-size:1.375rem; color:#4b4b4b; font-family:OPENSANS-BOLD; margin-bottom:1.5rem}
.n_contact .fl01 .n_right1 .fl002 p{ font-size:15px; line-height:2.125rem; color:#4b4b4b}
.n_contact .fl01 .n_right1 .fl002 p svg{ position:relative; fill:#163c87; width:1.5rem; height:1.5rem; vertical-align:middle; margin:-3px 0 0 0.5rem}
.n_contact .fl01 .n_right1 .fl002 .ewm_box{margin-top:2rem;margin-bottom: 3.375rem;}
.n_contact .fl01 .n_right1 .fl002 .ewm_box .ewm{background:url(../images/ewm_bg.png) center no-repeat;width:10.3125rem;height:10.3125rem;float: left;background-size: 100% 100%;}
.n_contact .fl01 .n_right1 .fl002 .ewm_box .ewm_con{width:calc(100% - 10.3125rem);padding-left:1.125rem;float: left;height: 10.3125rem;}
.n_contact .fl01 .n_right1 .fl002 .ewm_box .ewm_con .box_table{ text-align:left}
.n_contact .fl01 .n_right1 .fl002 .ewm_box .ewm img{width: 8.25rem;}

.n_contact .fl01 .n_right1 .fl003 h4{ font-size:1.375rem; color:#4b4b4b; font-family:OPENSANS-BOLD; margin-bottom:1.5rem}
.n_contact .fl01 .n_right1 .fl003 h4 .anniu_box_b .anniu_box{width:2.25rem;height:2.25rem;line-height:2.125rem;text-align:center;border:#eaeaea 1px solid;border-radius:50%;transition:.6s;margin-left:6px;cursor:pointer;display: none;}
.n_contact .fl01 .n_right1 .fl003 h4 .anniu_box_b .anniu_box svg{ fill:#2d2d2d; width:0.875rem; height:0.875rem; position:relative; top:-0.125rem}
.n_contact .fl01 .n_right1 .fl003 ul{ margin:0 -0.9375rem 2rem;}
.n_contact .fl01 .n_right1 .fl003 ul li{ padding:0 0.9375rem; width:50%; float:left; margin-bottom:1.25rem}
.n_contact .fl01 .n_right1 .fl003 ul li .box{ width:100%; height:10rem; border:#dddfe1 1px solid; padding:0 2.5rem; position:relative}
.n_contact .fl01 .n_right1 .fl003 ul li .box:before{ content:""; position:absolute; right:0; top:0; bottom:0; width:0; transition:.6s}
.n_contact .fl01 .n_right1 .fl003 ul li .box .box_table{ text-align:left}
.n_contact .fl01 .n_right1 .fl003 ul li .box h4{ font-size:16px; position:relative; transition:.6s}
.n_contact .fl01 .n_right1 .fl003 ul li .box p{ font-size:14px; line-height:28px; color:#727272; position:relative; transition:.6s}

.size14{ font-size:14px; line-height:28px}

.n_product .fl01{ overflow:hidden}
.n_product .fl01 ul{ margin: 0 -1.5rem; margin-bottom:3rem}
.n_product .fl01 ul li{float:left;width: 50%;padding: 0 1.5rem; margin-bottom:2.375rem}
.n_product .fl01 ul li .box{display:block;background:#eceef0;position:relative;overflow:hidden;text-align: center;height: 26.25rem; transition:.6s}
.n_product .fl01 ul li .box .bg1{content:"";position:absolute;top:0;bottom: 0;left:0;background:url(../images/tixing_bg2.png) center no-repeat;padding-right: 52%;background-size:100% 100%;transition:.6s;}
.n_product .fl01 ul li .box .bg{ content:"";position:absolute;top:0;bottom: 0;left:0;background:url(../images/tixing_bg3.png) center no-repeat;padding-right: 52%;background-size:100% 100%;transition:.6s; transform:translateX(-100%)}
.n_product .fl01 ul li .box .top{padding: 0 2rem;position:relative;text-align: left;float: left;width: 18.125rem;height: 100%;}
.n_product .fl01 ul li .box .top .top1{ transition:.6s; position:relative; top:0}
.n_product .fl01 ul li .box .top .box_table{ text-align:left}

.n_product .fl01 ul li .box h2 img{ position:absolute; top:0; right:3.125rem}
.n_product .fl01 ul li .box .top h6{ font-size:16px; color:#000000; font-weight:bold; font-style:italic}
.n_product .fl01 ul li .box .top h5{ font-size:1.75rem; color:#000000; font-weight:bold; line-height:2.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.n_product .fl01 ul li .box .top p{font-size:14px;color:#434343;line-height:24px;height: 48px;margin: 1.5rem 0 3.5rem;}
.n_product .fl01 ul li .box .top .anniu_a a{ float:left; display:inline-block; background:url(../images/anniu_bg1_on.png) center no-repeat; width:115px; height:35px; line-height:35px; font-size:13px; color:#fff; text-transform:uppercase; text-align:center; transition:.6s;}

.n_product .fl01 ul li .box .img{width: calc(100% - 18.125rem);display: inline-block;margin: 0 auto;float: right;height: 100%;}
.n_product .fl01 ul li .box .img img{ max-width:100%; margin-left:-3rem}

.n_product_detail{position:relative;top:-4.375rem;background:#fff;padding:3.4375rem;overflow: hidden;}
.n_product_detail .fl01 .left{ width:34.375rem;}

.n_product_detail .fl01 .left .miso-dots{text-align:center;margin: 0;}
.n_product_detail .fl01 .left .miso-dots li{float:none;width: 0.75rem;height: 0.75rem;border: #999999 2px solid;border-radius:50%;margin:0 0.5rem;padding:0;transition:.6s;}
.n_product_detail .fl01 .left .miso-dots li.miso-active{ border:#163c87 2px solid; background:#163c87}

.n_product_detail .fl01 .left.container00 ul .miso-arrow.miso-prev, .n_product_detail .fl01 .left.container00 ul .miso-arrow.miso-next{width:3.125rem;height:3.125rem;line-height:3rem;background-size: 1rem auto;}
.n_product_detail .fl01 .left.container00 ul .miso-arrow.miso-prev{ left:0}
.n_product_detail .fl01 .left.container00 ul .miso-arrow.miso-next{ right:0}

.n_product_detail .fl01 .right{ width:calc(100% - 34.375rem); padding-left:5rem; padding-top:3rem}
.n_product_detail .fl01 .right h6{ font-size:16px; color:#000000; font-weight:bold; }
.n_product_detail .fl01 .right h5{ font-size:1.75rem; color:#000000; font-weight:bold; line-height:2.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0.5rem 0 0}
.n_product_detail .fl01 .right p{color:#646464;margin:1.5rem 0 0;line-height: 1.5rem;}

.n_product_detail .fl02{ margin-top:2.5em}
.n_product_detail .fl02 .miso_hd ul{ border-bottom:#e5e5e5 1px solid; margin-bottom:2.875rem}
.n_product_detail .fl02 .miso_hd ul .miso-list{ overflow:visible}
.n_product_detail .fl02 .miso_hd ul li{height:4rem;line-height:4rem;text-align:center;float:left;font-size:1.125rem;color:#303030;font-family:OPENSANS-BOLD;text-transform:uppercase;position: relative; cursor:pointer; transition:.6s}
.n_product_detail .fl02 .miso_hd ul li:after{ content:""; position:absolute; right:0; width:0; bottom:-1px; height:3px; transition:.6s}
.n_product_detail .fl02 .miso_hd ul li:before{content:"";position:absolute;bottom: -18px;border:transparent 8px solid;border-top: #ee563b 10px solid;left: 50%;margin-left: -8px; opacity:0; transition:.6s}

.n_product_detail .fl02 .miso_hd ul li.miso-current{ color:#ee563b}
.n_product_detail .fl02 .miso_hd ul li.miso-current:after{ width:100%; left:0; background:#ee563b}
.n_product_detail .fl02 .miso_hd ul li.miso-current:before{ opacity:1;}

.n_product_detail .fl02 .miso_bd{ border-bottom:#e8e8e8 1px solid; padding-bottom:3.125rem}
.n_product_detail .fl02 .miso_bd .ul1{ padding:2rem 0 0}
.n_product_detail .fl02 .miso_bd .ul1 li{ text-align:center}
.n_product_detail .fl02 .miso_bd .ul1 li h3{ height:3.125rem; line-height:3.125rem;}
.n_product_detail .fl02 .miso_bd .ul1 li h3 img{ max-height:3.125rem; display:inline-block}
.n_product_detail .fl02 .miso_bd .ul1 li h4{ font-size:16px; color:#525252; line-height:18px; height:20px; font-family:OPENSANS-BOLD; margin:1.375rem 0 0.75rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.n_product_detail .fl02 .miso_bd .ul1 li h6{ font-size:.85rem; color:#666; line-height:1rem;}
.n_product_detail .fl02 .miso_bd .ul1 .miso-prev, .n_product_detail .fl02 .miso_bd .ul1 .miso-next{ width:24px; height:24px; background-size:100% 100% !important}
.n_product_detail .fl02 .miso_bd .ul1 .miso-prev{ background:url(../images/arrow-left.svg) center no-repeat; left:0}
.n_product_detail .fl02 .miso_bd .ul1 .miso-next{ background:url(../images/arrow-right.svg) center no-repeat; right:0}

.n_product_detail .fl02 .ar_article table tr:nth-child(2n-1){ background:#eceef0; }
.n_product_detail .fl02 .ar_article table tr th{ font-family:OPENSANS-BOLD; text-transform:uppercase}
.n_product_detail .fl02 .ar_article table tr td:nth-child(1){}
.n_product_detail .fl02 .ar_article table tr td img{ display:inline-block; margin:-3px 12px 0 0;}

.n_product_detail .fl02 .ar_article1 table tr{ border:#dadbdd 1px solid}
.n_product_detail .fl02 .ar_article1 table tr th, .n_product_detail .fl02 .ar_article1 table tr td{ border:none; text-align:left; padding-left:5rem}
.n_product_detail .fl02 .ar_article1 table tr td:nth-child(1){ width:60%}

.n_product_detail .fl03 { padding:3rem 0 0}
.n_product_detail .fl03 .ar_article h4{font-size:1.625rem;color:#2b2b2b;font-family:OPENSANS-BOLD;text-transform:capitalize;line-height: 1.5;margin-bottom: 1.5rem;}

.n_product_detail .fl00 h4.small_h4{ font-size:1.625rem; color:#2b2b2b; line-height:3.125rem; font-family:OPENSANS-BOLD; text-transform:capitalize; margin-bottom:1.625rem}
.n_product_detail .fl00 h4 .anniu_box_b .anniu_box{ width:3.125rem; height:3.125rem; line-height:3rem; text-align:center; border:#bebfc1 1px solid; border-radius:50%; transition:.6s; margin-left:1.25rem; cursor:pointer}
.n_product_detail .fl00 h4 .anniu_box_b .anniu_box svg{ fill:#2d2d2d; width:1rem; height:1rem; position:relative; top:-0.125rem}
.n_product_detail .fl00 ul{ margin:0 -0.625rem;}
.n_product_detail .fl00 ul li{ padding:0 0.625rem; width:50%; float:left; margin-bottom:1.25rem}
.n_product_detail .fl00 ul li .box{ width:100%; background:#eceef0; padding:2.5rem 3.125rem; position:relative}
.n_product_detail .fl00 ul li .box:before{ content:""; position:absolute; right:0; top:0; bottom:0; width:0; transition:.6s}
.n_product_detail .fl00 ul li .box .box_table{ text-align:left}
.n_product_detail .fl00 ul li .box h6{ font-size:12px; color:#363636; position:relative; transition:.6s}
.n_product_detail .fl00 ul li .box h5{ font-size:1.125rem; line-height:1.75rem; height:3.5rem; color:#363636; font-weight:bold; position:relative; transition:.6s; margin:1.25rem 0 2.375rem}
.n_product_detail .fl00 ul li .box .anniu_a a{float:left;display:inline-block;background:url(../images/anniu_bg2.png) center no-repeat;width:135px;height:40px;line-height:40px;font-size:12px;color:#5e5e5e;text-transform:uppercase;text-align:center;transition:.6s;background-size: 100% 100%;}

.n_product_detail .fl05{ border-top:#e8e8e8 1px solid; margin-top:2rem; padding:2rem 0 0}
.n_product_detail .fl00 ul li .box .anniu_a .ico{ float:left; font-size:12px; color:#767676; line-height:40px;}
.n_product_detail .fl00 ul li .box .anniu_a .ico img{ display:inline-block; margin:0 12px 0 0}
.n_product_detail .fl05 ul li .box .anniu_a a{ float:right;}

.n_product_detail_tuijian{ padding:0 0 7.5rem}
.n_product_detail_tuijian ul{ margin:0 -1.5rem}
.n_product_detail_tuijian ul li{ float:left; width:33.3333333%; padding:0 1.5rem}
.n_product_detail_tuijian ul li a, .n_product_detail_tuijian ul li a .top{ position:relative; display:block; width:100%;}
.n_product_detail_tuijian ul li .img{ padding-bottom:75.56%; width:100%; position:relative; overflow:hidden}
.n_product_detail_tuijian ul li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover}
.n_product_detail_tuijian ul li a .top .top_ico{ position:absolute; bottom:-2.125rem; right:2.5rem; background:url(../images/anniu_bg3.png) center no-repeat; width:4rem; height:5.625rem; background-size:100% 100%; transition:.6s}
.n_product_detail_tuijian ul li a .top .top_ico img{ display:inline-block}
.n_product_detail_tuijian ul li .con{ background:#fff; padding:2.375rem 2.5rem}
.n_product_detail_tuijian ul li .con h5{font-size:1.25rem;color:#2a2a2a;line-height:1.375rem;height:1.375rem;transition: .6s;}
.n_product_detail_tuijian ul li .con p{ font-size:13px; color:#6a6a6a; line-height:24px; height:48px; margin:0.75rem 0 1.875rem}
.n_product_detail_tuijian ul li .con .span{ display:inline-block; background:url(../images/anniu_bg4.png) center no-repeat; width:115px; height:35px; line-height:35px; font-size:12px; color:#5e5e5e; text-transform:uppercase; text-align:center; transition:.6s;}

.n_product_detail_tuijian ul .miso-arrow.miso-prev{ left:-5rem}
.n_product_detail_tuijian ul .miso-arrow.miso-next{ right:-5rem}

.n_jishu{ overflow:hidden}
.n_jishu .title004{ text-align:left}
.n_jishu{ padding-bottom:3rem}
.n_jishu ul{ margin:0 -0.9375rem}
.n_jishu ul li{ float:left; width:25%; padding:0 0.9375rem; margin-bottom:2.5rem}
.n_jishu ul li .box{ position:relative}
.n_jishu ul li .box .img{ width:100%; padding-bottom:144.12%; position:relative}
.n_jishu ul li .box .img img{ position:absolute; top:0; right:0; bottom:0; width:100%; height:100%}
.n_jishu ul li .box .top{ position:absolute; top:0; right:0; bottom:0; width:100%; padding:0 3.75rem; transition:.6s}
.n_jishu ul li .box .top h6{ font-size:12px; line-height:24px; color:#fff; font-family:OPENSANS-BOLD; text-transform:uppercase}
.n_jishu ul li .box .top h5{ font-size:1.25rem; line-height:1.875rem; height:3.75rem; color:#fff; margin:1.75rem 0 2.5rem}
.n_jishu ul li .box .top span{display:inline-block;background:url(../images/anniu_bg6.png) center no-repeat;width:135px;height:40px;line-height:40px;font-size:13px;color:#fff;text-transform:uppercase;text-align:center;transition:.6s;background-size: 100% 100%;}

.n_ziliao{ overflow:hidden}
.n_ziliao .fl01 .title004{ text-align:left}
.n_ziliao .fl01{ padding-bottom:4rem}
.n_ziliao .fl01 ul{ margin:0 -1.125rem;}
.n_ziliao .fl01 ul li{ padding:0 1.125rem; width:50%; float:left; margin-bottom:1.875rem}
.n_ziliao .fl01 ul li .box{width:100%;background:#eceef0;padding: 3.25rem 4.375rem;position:relative;}
.n_ziliao .fl01 ul li .box:before{ content:""; position:absolute; right:0; top:0; bottom:0; width:0; transition:.6s}
.n_ziliao .fl01 ul li .box .box_table{ text-align:left}
.n_ziliao .fl01 ul li .box h6{font-size:12px;color:#363636;position:relative;transition:.6s;text-transform: uppercase;}
.n_ziliao .fl01 ul li .box h5{ font-size:1.125rem; line-height:1.75rem; height:3.5rem; color:#363636; font-weight:bold; position:relative; transition:.6s; margin:1.25rem 0 2.375rem}
.n_ziliao .fl01 ul li .box .anniu_a a{float:left;display:inline-block;background:url(../images/anniu_bg2.png) center no-repeat;width:135px;height:40px;line-height:40px;font-size:12px;color:#5e5e5e;text-transform:uppercase;text-align:center;transition:.6s;background-size: 100% 100%;}
.n_ziliao .fl01 ul li .box .anniu_a a svg{ fill:#767676; width:18px; height:18px; vertical-align:middle; margin:-3px 0.5rem 0 0; transition:.6s}
.n_ziliao .fl01 ul li .box .anniu_a .ico{ float:left; font-size:12px; color:#767676; line-height:40px;}
.n_ziliao .fl01 ul li .box .anniu_a .ico img{ display:inline-block; margin:0 12px 0 0}
.n_ziliao .fl01 ul li .box .anniu_a a{ float:right;}

.n_yingyong{ padding: 0 0 2.5rem; overflow:hidden}
.n_yingyong ul{ margin:0 -1.5rem}
.n_yingyong ul li{ float:left; width:33.3333333%; padding:0 1.5rem; margin-bottom:3.125rem}
.n_yingyong ul li a, .n_yingyong ul li a .top{ position:relative; display:block; width:100%;}
.n_yingyong ul li .img{ padding-bottom:75.56%; width:100%; position:relative; overflow:hidden}
.n_yingyong ul li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover}
.n_yingyong ul li a .top .top_ico{ position:absolute; bottom:-2.125rem; right:2.5rem; background:url(../images/anniu_bg3.png) center no-repeat; width:4rem; height:5.625rem; background-size:100% 100%; transition:.6s}
.n_yingyong ul li a .top .top_ico img{ display:inline-block}
.n_yingyong ul li .con{ background:#eceef0; padding:2.375rem 2.5rem}
.n_yingyong ul li .con h5{font-size:1.25rem;color:#2a2a2a;line-height:1.375rem;height:1.375rem;transition: .6s;}
.n_yingyong ul li .con p{ font-size:13px; color:#6a6a6a; line-height:24px; height:48px; margin:0.75rem 0 1.875rem}
.n_yingyong ul li .con .span{ display:inline-block; background:url(../images/anniu_bg41.png) center no-repeat; width:115px; height:35px; line-height:35px; font-size:12px; color:#5e5e5e; text-transform:uppercase; text-align:center; transition:.6s;}

.n_yingyong_detail .fl01{ overflow:hidden}
.n_yingyong_detail .fl01 .title004{ text-align:left}
.n_yingyong_detail .fl02{background:#eceef0;padding:5rem 0;overflow: hidden;}
.n_yingyong_detail .fl02 ul{ margin: 0 -1.5rem;}
.n_yingyong_detail .fl02 ul li{float:left;width: 50%;padding: 0 1.5rem;}
.n_yingyong_detail .fl02 ul li .box{display:block;background:#fff;position:relative;overflow:hidden;text-align: center;height: 26.25rem; transition:.6s}
.n_yingyong_detail .fl02 ul li .box .bg1{content:"";position:absolute;top:0;bottom: 0;left:0;background:url(../images/tixing_bg21.png) center no-repeat;padding-right: 52%;background-size:100% 100%;transition:.6s;}
.n_yingyong_detail .fl02 ul li .box .bg{ content:"";position:absolute;top:0;bottom: 0;left:0;background:url(../images/tixing_bg3.png) center no-repeat;padding-right: 52%;background-size:100% 100%;transition:.6s; transform:translateX(-100%)}
.n_yingyong_detail .fl02 ul li .box .top{padding: 0 2rem;position:relative;text-align: left;float: left;width: 18.125rem;height: 100%;}
.n_yingyong_detail .fl02 ul li .box .top .top1{ transition:.6s; position:relative; top:0}
.n_yingyong_detail .fl02 ul li .box .top .box_table{ text-align:left}
.n_yingyong_detail .fl02 ul li .box h2 img{ position:absolute; top:0; right:3.125rem}
.n_yingyong_detail .fl02 ul li .box .top h6{ font-size:16px; color:#000000; font-weight:bold; font-style:italic}
.n_yingyong_detail .fl02 ul li .box .top h5{ font-size:1.75rem; color:#000000; font-weight:bold; line-height:2.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.n_yingyong_detail .fl02 ul li .box .top p{font-size:14px;color:#434343;line-height:24px;height: 48px;margin:1.5rem 0 3.5rem;}
.n_yingyong_detail .fl02 ul li .box .top .anniu_a a{ float:left; display:inline-block; background:url(../images/anniu_bg1_on.png) center no-repeat; width:115px; height:35px; line-height:35px; font-size:13px; color:#fff; text-transform:uppercase; text-align:center; transition:.6s;}
.n_yingyong_detail .fl02 ul li .box .img{width: calc(100% - 18.125rem);display: inline-block;margin: 0 auto;float: right;height: 100%;}
.n_yingyong_detail .fl02 ul li .box .img img{ max-width:100%; margin-left:-3rem}

.n_yingyong_detail .fl02 ul .miso-arrow.miso-prev{ left:-5rem}
.n_yingyong_detail .fl02 ul .miso-arrow.miso-next{ right:-5rem}


.n_ziliao{ overflow:hidden}
.n_ziliao .fl01 .title004{ text-align:left}
.n_ziliao .fl01{ padding-bottom:4rem}
.n_ziliao .fl01 ul{ margin:0 -1.125rem;}
.n_ziliao .fl01 ul li{ padding:0 1.125rem; width:50%; float:left; margin-bottom:1.875rem}
.n_ziliao .fl01 ul li .box{width:100%;background:#eceef0;padding: 3.25rem 4.375rem;position:relative;}
.n_ziliao .fl01 ul li .box:before{ content:""; position:absolute; right:0; top:0; bottom:0; width:0; transition:.6s}
.n_ziliao .fl01 ul li .box .box_table{ text-align:left}
.n_ziliao .fl01 ul li .box h6{font-size:12px;color:#363636;position:relative;transition:.6s;text-transform: uppercase;}
.n_ziliao .fl01 ul li .box h5{ font-size:1.125rem; line-height:1.75rem; height:3.5rem; color:#363636; font-weight:bold; position:relative; transition:.6s; margin:1.25rem 0 2.375rem}
.n_ziliao .fl01 ul li .box .anniu_a a{float:left;display:inline-block;background:url(../images/anniu_bg2.png) center no-repeat;width:135px;height:40px;line-height:40px;font-size:12px;color:#5e5e5e;text-transform:uppercase;text-align:center;transition:.6s;background-size: 100% 100%;}
.n_ziliao .fl01 ul li .box .anniu_a a svg{ fill:#767676; width:18px; height:18px; vertical-align:middle; margin:-3px 0.5rem 0 0; transition:.6s}
.n_ziliao .fl01 ul li .box .anniu_a .ico{ float:left; font-size:12px; color:#767676; line-height:40px;}
.n_ziliao .fl01 ul li .box .anniu_a .ico img{ display:inline-block; margin:0 12px 0 0}
.n_ziliao .fl01 ul li .box .anniu_a a{ float:right;}

.n_news{ padding: 0 0 2.5rem; overflow:hidden}
.n_news ul{ margin:0 -1.5rem}
.n_news ul li{ float:left; width:33.3333333%; padding:0 1.5rem; margin-bottom:3.125rem}
.n_news ul li a, .n_news ul li a .top{ position:relative; display:block; width:100%; transition:.6s}
.n_news ul li .img{ padding-bottom:72.04%; width:100%; position:relative; overflow:hidden}
.n_news ul li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover}
.n_news ul li a .top .top_ico{ position:absolute; bottom:-2.125rem; right:2.5rem; background:url(../images/anniu_bg3.png) center no-repeat; width:4rem; height:5.625rem; background-size:100% 100%; transition:.6s}
.n_news ul li a .top .top_ico img{ display:inline-block}
.n_news ul li .con{ padding:1.875rem 0 0}
.n_news ul li .con h4{font-size:12px;color:#484a4b;font-family:OPENSANS-BOLD;position:relative;padding: 0.75rem 0 0.375rem;}
.n_news ul li .con h4:before{content:"";position:absolute;top:0;width: 1.25rem;height:2px;background:#ee563b;}
.n_news ul li .con h6{font-size:12px;color:#909090;font-family:OPENSANS-BOLD;margin-bottom: 0.75rem;}
.n_news ul li .con h5{font-size: 1.125rem;color: #343637;line-height: 1.75rem;height: 3.5rem;transition: .6s;font-weight: bold;margin-bottom: 1.75rem;}
.n_news ul li .con p{ font-size:13px; color:#6a6a6a; line-height:24px; height:48px; margin:0.75rem 0 1.875rem}
.n_news ul li .con .span{ display:inline-block; background:url(../images/anniu_bg4.png) center no-repeat; width:115px; height:35px; line-height:35px; font-size:12px; color:#5e5e5e; text-transform:uppercase; text-align:center; transition:.6s;}

.n_detail{ padding-bottom:4rem}
.n_detail .detail_top{ text-align:center}
.n_detail .detail_top h3{font-size: 1.875rem;color: #343637;line-height:3.5rem;font-weight:bold;font-family: OPENSANS-BOLD;}
.n_detail .detail_top h6{font-size: 15px;color: #b5b5b5;margin: 2rem 0 2.5rem;font-family: OPENSANS-BOLD;}
.n_detail .ar_article{ margin-bottom:3rem}

.fenxiang{text-align:center;position:relative;font-size: 0;margin-bottom: 2rem;}
.fenxiang:before{content:"";position:absolute;top: 9px;background: #dedede;left:0;right:0;height: 1px;}
.fenxiang h5{ font-size:12px; color:#77797e; margin-bottom:10px; position:relative; margin:60px 0 25px}
.fenxiang h5:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:25px; height:1px; background:#e8e8e8}
.fenxiang h5:after{ content:""; position:absolute; right:0; top:50%; margin-top:-1px; width:25px; height:1px; background:#e8e8e8}
.fenxiang h3{display: inline-block;background: #fff;position: relative;padding: 0 1rem;overflow: hidden;}
.fenxiang h3 svg{width:20px; height:20px; fill:#666666; transition:.6s}

.n_xiashu ul li{ margin-bottom:3.75rem}
.n_xiashu ul li a{display:block;position:relative;overflow: hidden;}
.n_xiashu ul li a .bg{ content:""; position:absolute; top:4.375rem; right:0; width:80%; bottom:0; background:#eceef0}
.n_xiashu ul li a .bg:before{content:"";border-top: transparent 484px solid;border-bottom:transparent 0 solid;border-right: #eceef0 10rem solid;position: absolute;left: -10rem;top: 0;}
.n_xiashu ul li a .left{ width:48.27%; position:relative}
.n_xiashu ul li a .img{ width:100%; padding-bottom:64.29%; position:relative; overflow:hidden}
.n_xiashu ul li a .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover}
.n_xiashu ul li a .left h6 img{ width:100%; margin-top:2.75rem}

.n_xiashu ul li a .con{width:calc(100% - 48.27%);margin-top:4.375rem;padding:0 0 0 0;position:relative;padding-bottom: 33.24%;}
.n_xiashu ul li a .con .top{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; padding:0 5rem}
.n_xiashu ul li a .con .top .box_table{ text-align:left}
.n_xiashu ul li a .con h5{font-size:1.625rem;color:#333333;line-height:2.5rem; max-height:5rem; font-family:OPENSANS-BOLD; transition: .6s;}
.n_xiashu ul li a .con p{ font-size:14px; color:#6a6a6a; line-height:28px; height:84px; margin:1.5rem 0 2.5rem}
.n_xiashu ul li a .con .span{ display:inline-block; background:url(../images/anniu_bg41.png) center no-repeat; width:115px; height:35px; line-height:35px; font-size:12px; color:#5e5e5e; text-transform:uppercase; text-align:center; transition:.6s;}

.n_xiashu ul li.on a .left{ float:right}
.n_xiashu ul li.on a .bg{ left:0; right:auto}

.n_wenhua .fl01 .left{ width:50%}
.n_wenhua .fl01 .left .title004{ text-align:left}
.n_wenhua .fl01 .left h4{ font-size:1.25rem; color:#4b4b4b; line-height:1.875rem; margin-bottom:2.5rem}

.n_wenhua .fl01 .right{ width:calc(100% - 50%); padding-left:5rem}
.n_wenhua .fl01 .right ul{margin-bottom: 4rem;}
.n_wenhua .fl01 .right ul li{font-size:0;margin-bottom: 0;padding: 1.5rem 0;border-bottom: #e3e3e3 1px solid;}
.n_wenhua .fl01 .right ul li .top{display:block;padding: 0;position: relative;}
.n_wenhua .fl01 .right ul li .top svg{display:inline-block;vertical-align:middle;width: 1.5rem;height: 1.5rem;fill: #b2b2b3;margin: -3px 0 0;} 
.n_wenhua .fl01 .right ul li .top span{display:inline-block;width: 2.75rem;vertical-align: top;line-height: 1.875rem;font-size: 1.375rem;transition: 0.6s;float: left;}
.n_wenhua .fl01 .right ul li .top font{display:inline-block;width: calc(100% - 2.75rem - 3rem);font-size: 1.125rem;color: #3a3a3a;line-height: 1.875rem;transition:0.36s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;}
.n_wenhua .fl01 .right ul li .top i{display:inline-block;width: 22px;height: 1.875rem;float:right;background: url(../images/arrow-down.png) center no-repeat;cursor:pointer;transition:0.36s;position: absolute;right: 0;}
.n_wenhua .fl01 .right ul li .bottom{display:none;padding: 0.875rem 0 0 2.75rem;}
.n_wenhua .fl01 .right ul li .bottom span{display:inline-block;width: 2.5rem;vertical-align: top;line-height: 1.875rem;font-size: 1.375rem;transition: 0.6s;float: left;}
.n_wenhua .fl01 .right ul li .bottom svg{display:inline-block;vertical-align:middle;width: 1.5rem;height: 1.5rem;fill: #b2b2b3;margin: -3px 0 0;} 
.n_wenhua .fl01 .right ul li .bottom p{font-size:14px;line-height: 1.75rem;color: #6a6a6a;overflow: hidden;width: calc(100% - 2.5rem);float: left;}

.n_wenhua .fl01 .right ul li.on .top span, .n_huida ul li.on .top font{ color:#fff}
.n_wenhua .fl01 .right ul li.on .top i{ background:url(../images/arrow-up.png) center no-repeat;}
.n_wenhua .fl01 .right ul li.on .bottom{ }

.n_case{ overflow:hidden}
.n_case .fl01{ padding-bottom:3.125rem}
.n_case .fl01 ul{ margin:0 -1.5rem}
.n_case .fl01 ul li{ float:left; width:50%; padding:0 1.5rem}
.n_case .fl01 ul li a{ display:block; position:relative}
.n_case .fl01 ul li a .img{ padding-bottom:60%; width:100%; position:relative; overflow:hidden}
.n_case .fl01 ul li a .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover}
.n_case .fl01 ul li a .top_ico{position:absolute;left:0;top:0;bottom:0;background:url(../images/zhezhao1.png) center no-repeat;width:19.125rem;max-width:100%;background-size:100% 100%;padding: 0 4rem 0 2rem; transition:.6s}
.n_case .fl01 ul li a .top_ico .box_table{ text-align:left}
.n_case .fl01 ul li a .top_ico h5{ font-size:1.125rem; line-height:1.75rem; color:#eceef0}
.n_case .fl01 ul li a .top_ico .span{display:inline-block;background:url(../images/anniu_bg42.png) center no-repeat;width:115px;height:35px;line-height:35px;font-size:12px;color:rgba(255,255,255,0.6);text-transform:uppercase;text-align:center;transition:.6s;background-size: 100% 100%;margin: 3rem 0 2rem;}


.n_case .fl02{ padding-bottom:5rem}
.n_case .fl02 ul{ margin:0 -0.9375rem}
.n_case .fl02 ul li{ float:left; width:25%; padding:0 0.9375rem; margin-bottom:2.5rem}
.n_case .fl02 ul li .box{ position:relative; text-align:center}
.n_case .fl02 ul li .box .img{ width:100%; padding-bottom:144.12%; position:relative}
.n_case .fl02 ul li .box .img img{ position:absolute; top:0; right:0; bottom:0; width:100%; height:100%}
.n_case .fl02 ul li .box .top{position:absolute;top:0;right:0;bottom:0;width:100%;padding: 0 1.5rem;transition:.6s;}
.n_case .fl02 ul li .box .top h3, .n_case .fl02 ul li .box .top h3 img{ display:inline-block; width:10rem; height:10rem; overflow:hidden; border-radius:50%;}
.n_case .fl02 ul li .box .top h5{font-size: 1.125rem;line-height:1.875rem;height:3.75rem;color: #4f4f4f;margin:1.75rem 0 2.5rem;}
.n_case .fl02 ul li .box .top span{display:inline-block;background:url(../images/anniu_bg4.png) center no-repeat;width: 115px;height: 35px;line-height: 35px;font-size:12px;color:#656565;text-transform:uppercase;text-align:center;transition:.6s;background-size: 100% 100%;}


.n_zhuanli .fl01{background:url(../images/n_zhuanli_fl01_bg.jpg) center no-repeat;background-size:cover !important;padding-bottom:5rem;overflow: hidden;}
.n_zhuanli .fl01 ul li .img .top{ position:absolute; top:0; right:0; bottom:0; left:0;}
.n_zhuanli .fl01 ul li h5{ font-size:1rem; line-height:1.875rem; margin-top:1rem; text-align:center; color:#494949}

#certify .swiper-container,#certify .swiper-slide.swiper-slide-active{ overflow:visible; }
#certify .swiper-slide {width:350px;height:490px;background: #fff; box-sizing:border-box; overflow:hidden; cursor: -webkit-grab; position:relative;}
#certify .swiper-slide img{display:block;max-width: 100%;max-height: 100%;}
#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{ border:0 solid #fff; box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.15);}
#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 .container00 ul .miso-arrow.miso-prev{ left:0}
#certify .container00 ul .miso-arrow.miso-next{ right:0}

.n_zhuanli .fl02{padding: 5rem 0;overflow: hidden;}
.n_zhuanli .fl02 .left{ width:40.625rem;}
.n_zhuanli .fl02 .left .img, .n_zhuanli .fl02 .left .img img{ width:100%; height:39.375rem; overflow:hidden}
.n_zhuanli .fl02 .right{width: calc(100% - 40.625rem);max-width: 55.625rem;height:39.375rem;padding:1.5rem 0 0 4.5rem;}
.n_zhuanli .fl02 .right .box_table{ text-align:left}
.n_zhuanli .fl02 .right h3{font-size:1.875rem;color:#2b2b2b;font-family:OPENSANS-BOLD;margin-bottom: 2.375rem;}


.n_zizhi .fl01 .title004{ text-align:left;}
.n_sanji{float:right;margin-bottom: 1rem;}
.n_sanji ul{white-space:nowrap;margin-top: -6rem; position:relative}
.n_sanji ul:before{ content:""; position:absolute; bottom:0; left:2rem; right:0; background:#e5e5e5; height:1px;}
.n_sanji ul li{float:left;margin: 0 0 0 2rem;font-size: 1rem;color: #303030;}
.n_sanji ul li a{display:block;line-height: 3.125rem; position:absolute; position:relative}
.n_sanji ul li a:after{ content:""; position:absolute; left:0; width:0; bottom:-1px; height:3px; background:#ee563b; transition:.6s}
.n_sanji ul li.on a:after, .n_sanji ul li:hover a:after{ width:100%}

.n_zizhi .fl02{ padding-bottom:4rem}
.n_zizhi .fl02 ul{ margin:0 -1.25rem}
.n_zizhi .fl02 ul li{ float:left; width:25%; padding:0 1.25rem; margin-bottom:2.5rem}
.n_zizhi .fl02 ul li .box{ position:relative}
.n_zizhi .fl02 ul li .box .img{ width:100%; padding-bottom:100%; position:relative}
.n_zizhi .fl02 ul li .box .img img{ position:absolute; top:0; right:0; bottom:0; width:100%; height:100%}
.n_zizhi .fl02 ul li .box .top{ position:absolute; top:0; right:0; bottom:0; width:100%; padding:0 3.75rem; transition:.6s}
.n_zizhi .fl02 ul li .box .top img{ display:inline-block; max-width:80%; max-height:14.375rem}
.n_zizhi .fl02 ul li span{display:inline-block;background:url(../images/anniu_bg10.png) center no-repeat;width:100%;height:50px;line-height:50px;font-size:15px;color:#5d5d5d;text-align:center;transition:.6s;background-size: 100% 100%; margin-top:0.625rem}

.n_zhiliang .fl01{padding:0 0 5rem;background:#eceef0;text-align:center;overflow: hidden;}
.n_zhiliang .fl01 p{font-size:0.875rem;line-height:1.75rem;color:#636363;margin-bottom: 3.5rem;}

.n_sousuo{text-align: center;}
.n_sousuo form{position:relative;width: 100%;max-width:43.75rem;display: inline-block;}
.n_sousuo form .input{width: 100%;height: 3.5rem;background: none;border-radius: 5px;border: #cacaca 2px solid;}
.n_sousuo form .input input{width:100%;height:100%;vertical-align:top;border:none;background:none;font-size: 14px;padding: 0 9rem 0 25px;color: #000;}
.n_sousuo form .input input::-webkit-input-placeholder{ color:#a9a9a9;}
.n_sousuo form .input input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#a9a9a9; }
.n_sousuo form .input input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#a9a9a9;}
.n_sousuo form .input input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#a9a9a9;}
.n_sousuo form #bnt_close{position:absolute;right: 1px;top: 0;bottom: 0;width: 9rem;border:none;text-align:center;-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;cursor:pointer;background: none;background: #424345 url(../images/sousuo.png) 30% no-repeat;border-radius: 0 5px 5px 0;background-size: 16px 16px;padding-left: 2rem;font-size: 0.9375rem;color: #fff;}


.n_zhiliang .fl02{padding: 5rem 0;overflow: hidden;}
.n_zhiliang .fl02 .left{ width:43.125rem;}
.n_zhiliang .fl02 .left .img, .n_zhiliang .fl02 .left .img img{ width:100%; height:27.875rem; overflow:hidden}
.n_zhiliang .fl02 .right{width: calc(100% - 43.125rem);height:27.875rem;padding:1.5rem 6.25rem 0 0 ;}
.n_zhiliang .fl02 .right .box_table{ text-align:left}
.n_zhiliang .fl02 .right h3{font-size:1.875rem;color:#2b2b2b;font-family:OPENSANS-BOLD;margin-bottom: 2.375rem;}

.n_zhiliang .fl03{ overflow:hidden}
.n_zhiliang .fl03 .fl001{ background:url(../images/n_zhiliang_fl03_bg1.png) left center no-repeat; background-size:53.65% 100%}
.n_zhiliang .fl03 .fl001 .box{ height:39rem; width:40.88%}
.n_zhiliang .fl03 .fl001 .box .box_table{ text-align:left}
.n_zhiliang .fl03 .fl001 .box h3{font-size:1.875rem;color:#fff;font-family:OPENSANS-BOLD;margin-bottom: 2.375rem;}
.n_zhiliang .fl03 .fl001 .box .ar_article p{ color:#fff}

.n_zhiliang .fl03 .fl002{ background:url(../images/n_zhiliang_fl03_bg2.png) right center no-repeat; background-size:56.55% auto; margin-top:-39rem}
.n_zhiliang .fl03 .fl002 .box{ height:39rem; width:40.88%; float:right}
.n_zhiliang .fl03 .fl002 .box .box_table{ text-align:left}
.n_zhiliang .fl03 .fl002 .box h3{font-size:1.875rem;color:#fff;font-family:OPENSANS-BOLD;margin-bottom: 2.375rem;}
.n_zhiliang .fl03 .fl002 .box .ar_article p{ color:#fff}

.n_zhiliang .fl04{padding:5rem 0 5rem;overflow: hidden;}
.n_zhiliang .fl04 .left{ width:35rem; padding:2rem 0 0;}
.n_zhiliang .fl04 .left .img, .n_zhiliang .fl04 .left .img img{ width:100%; overflow:hidden}
.n_zhiliang .fl04 .right{width: calc(100% - 35rem); padding:1.5rem 6.25rem 0 0 ;}
.n_zhiliang .fl04 .right h3{font-size:1.875rem;color:#2b2b2b;font-family:OPENSANS-BOLD;margin-bottom: 2.375rem; }
.n_zhiliang .fl04 .right ul{ margin:0 -3.125rem}
.n_zhiliang .fl04 .right ul li{ float:left; width:50%; padding:0 3.125rem; margin-top:3rem}
.n_zhiliang .fl04 .right ul li .ico{ width:4.375rem;}
.n_zhiliang .fl04 .right ul li .con{ width:calc(100% - 4.375rem);}
.n_zhiliang .fl04 .right ul li .con h4{ font-size:1.125rem; line-height:1.75rem; color:#4a4a4a; font-family:OPENSANS-BOLD; margin-bottom:1rem}
.n_zhiliang .fl04 .right ul li .con p{ font-size:14px; line-height:1.75rem; color:#696969; min-height:7rem;}

.n_xiaoshou { background:url(../images/n_xiaoshou_bg.jpg) center top no-repeat; background-size:cover}
.n_xiaoshou .fl01{padding-bottom: 3rem;overflow: hidden;text-align:center;}
.n_xiaoshou .fl01 p{font-size:0.875rem;line-height:1.75rem;color:#636363;max-width:55rem;display:inline-block;}
.n_xiaoshou .fl02{ text-align:center; padding:0 0 5rem}
#n_buju{ padding-top:70px; text-align:center; padding-bottom:70px; background:#e7f0f6;}
#n_buju .m{ position:relative;}

#n_buju .tt{ font-size:15px; color:#5d5d5d; margin-bottom:66px;}

.map_buju{margin:0 auto;position:relative;display: inline-block;}
.map_buju img{ max-width:100%}
.map_buju ul li{
    position: absolute;
    cursor:pointer;
    font-size: 13px;
    color: #5c5c5c;
    margin: -17.5px 0 0 -17.5px;
}
.map_buju ul li p{position:absolute;top:-20px;width:68px;height:27px;line-height: 18px;color:#fff;font-size:12px;white-space:nowrap;background:url(../images/buju_on_blue.png) center top no-repeat;left:50%;margin-left:-34px;opacity:0;visibility:hidden;}
.map_buju ul li:hover p{ opacity:1; visibility:visible;}
.map_buju ul li p.purple{ background:url(../images/buju_on_purple.png) center top no-repeat; }
.map_buju ul li p.red{ background:url(../images/buju_on_red.png) center top no-repeat; }
.map_buju ul li.li_1{top: 56%;left: 56%;}
.map_buju ul li.li_2{top: 66%;left: 62%;}
.map_buju ul li.li_3{top: 85%;left: 64%;}
.map_buju ul li.li_4{
    top: 41%;
    left: 68%;
}
.map_buju ul li.li_5{
    top: 61%;
    left: 73%;
}
.map_buju ul li.li_6{
    top: 71%;
    left: 74%;
}
.map_buju ul li.li_7{top: 65%;left: 76%;}

.map_buju ul li.li_8 {
 top: 37%;
 left: 79%;
}   
    
.map_buju .circle{ width:35px; height:35px;}
.circle.red span{ background:#ec2a33;}
.circle.purple span{ background:#7f6ebb;}
.circle:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;



    left: 0;
    border-radius: 50%;
    border: 3px solid #fff;
    transform: scale(.25); opacity:.8;
    display: block;
    box-sizing: border-box;
    z-index: 99;
}

.circle span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: #ee563b;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: circleScale 3s linear infinite;
    -moz-animation: circleScale 3s linear infinite;
    -ms-animation: circleScale 3s linear infinite;
    animation: circleScale 3s linear infinite;
}
.circle span:nth-of-type(2) {
  animation-delay: 1s;
}
.circle span:nth-of-type(3) {
  animation-delay: 2s;
}

@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
}


.n_jingyi .fl01{padding-bottom:3rem;overflow: hidden;}
.n_jingyi .fl01 .left{ width:22.75rem; padding:2rem 0 0;}
.n_jingyi .fl01 .left .img, .n_jingyi .fl01 .left .img img{ width:100%; overflow:hidden}
.n_jingyi .fl01 .right{width: calc(100% - 31.75rem); padding:1.5rem 6.25rem 0 0 ;}
.n_jingyi .fl01 .right .title004{ text-align:left}
.n_jingyi .fl01 .right h3{font-size:1.875rem;color:#2b2b2b;font-family:OPENSANS-BOLD; }

.n_jingyi .fl01 .right .box_table{ text-align:left}

.n_jingyi .fl02{background:url(../images/n_jingyi_fl02_bg.jpg) center top no-repeat;background-size:cover;padding:4rem 0 5rem;overflow: hidden;}
.n_jingyi .fl02 .title004{ margin-bottom:4rem}
.n_jingyi .fl02 .title004 h3{ text-align:left; color:#fff; }
.n_jingyi .fl02 ul{ margin:0 -1rem;}
.n_jingyi .fl02 ul li{ float:left; width:33.3333333%; padding:0 1rem;}
.n_jingyi .fl02 ul li a{ display:block; position:relative}
.n_jingyi .fl02 ul li .img{ position:relative; width:100%; padding-bottom:73.91%; overflow:hidden}
.n_jingyi .fl02 ul li .img>img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}
.n_jingyi .fl02 ul li .top{ position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/n_jingyi_fl02_img_top.png) center no-repeat; background-size:100% 100%; padding:0 4rem; transform:translateY(101%); transition:.6s; display:none}
.n_jingyi .fl02 ul li .top h5{ font-size:1.25rem; color:#434343; text-transform:uppercase}
.n_jingyi .fl02 ul li .top p{ font-size:14px; line-height:1.625rem; color:#6a6a6a; margin-top:1.875rem}
.n_jingyi .fl02 ul li .con{height: 5rem;background: #f2f4f3;position:relative;overflow:hidden;}
.n_jingyi .fl02 ul li .con h5{font-size:1.1rem;color:#434343;padding: 0 15px;line-height: 1.75rem;max-height: 3.5rem;overflow: hidden;}

.n_jingyi ul .miso-arrow.miso-prev{ background:url(../images/icon-system_white_l.svg) center no-repeat}
.n_jingyi ul .miso-arrow.miso-next{ background:url(../images/icon-system_white_r.svg) center no-repeat}

.n_licheng .fl01{ overflow:hidden}
.n_licheng .fl01 .left{ width:23.125rem; padding-bottom:4rem}
.n_licheng .fl01 .left .top{ background:url(../images/n_licheng_left_top_bg.jpg) center no-repeat; background-size:cover; position:relative; height:13.75rem;}
.n_licheng .fl01 .left .top:before{ content:""; right:23.125rem; position:absolute; background:#eceef0 url(../images/n_licheng_left_top_bg1.jpg) right center no-repeat; background-size:auto 100%; height:13.75rem; width:600px}
.n_licheng .fl01 .left .top .box_table{ text-align:left; padding:0 2.75rem}
.n_licheng .fl01 .left .top .box_table .title004{ text-align:left; margin-bottom:0; color:#fff}
.n_licheng .fl01 .left .top .box_table .title004 h3{color:#fff; font-size:1.875rem; line-height:2.375rem}
.n_licheng .fl01 .left .bottom{ position:relative}
.n_licheng .fl01 .left .bottom img{ width:100%}
.n_licheng .fl01 .left .bottom .top_con{ position:absolute; top:0; right:0; bottom:0; left:0; padding:2rem 2.5rem}
.n_licheng .fl01 .left .bottom .top_con .box_table{ text-align:left}
.n_licheng .fl01 .left .bottom .top_con .box_table_cell{ vertical-align:bottom}
.n_licheng .fl01 .left .bottom .top_con h4{ font-size:2.25rem; color:#fff; text-transform:uppercase; opacity:.3; font-family:Barlow Condensed; font-weight:500; margin-bottom:1.25rem}
.n_licheng .fl01 .left .bottom .top_con p{ font-size:14px; line-height:24px; color:#fff}

.n_licheng .fl01 .right{width:calc(100% - 23.125rem);padding:0 0 5rem 6.875rem;position: relative;}
.n_licheng .fl01 .right:before{content:"";position:absolute;left: calc(7.1875rem + 6.875rem);top:0;bottom:0;width: 1px;background: #e0e0e0;}
.n_licheng .fl01 .right .ul .li{margin-top: 2.75rem;position: relative;}
.n_licheng .fl01 .right .ul .li .ll{width: 7.1875rem;position: relative;}
.n_licheng .fl01 .right .ul .li .ll font{font-size: 2.25rem;color: #ee563b;font-family: Barlow Condensed;font-weight: 500;}
.n_licheng .fl01 .right .ul .li .ll .dot{border: #e0e0e0 3px solid;width: 16px;height: 16px;border-radius:50%;position: absolute;right: -9px;top: 8px;background: #fff;}
.n_licheng .fl01 .right .ul .li .ll .dot:before{content:"";position:absolute;background:url(../images/jiantou.png) center no-repeat;width:7px;height:13px;right: -20px;top: -2px; transition:0.6s}
.n_licheng .fl01 .right .ul .li .rr{width: calc(100% - 7.1875rem);padding-left: 1.375rem;padding-top: 0;}
.n_licheng .fl01 .right .ul .li .rr ul li{font-size:14px;line-height:28px;color:#6a6a6a;margin-bottom: 16px;padding-left:1.75rem;background:url(../images/jiantou001.png) left 12px no-repeat;}

.n_shouhou .fl01{padding:2rem 0 2rem;overflow: hidden;}
.n_shouhou .fl01 .left{ width:42.82%}
.n_shouhou .fl01 .left .title004{ text-align:left}
.n_shouhou .fl01 .right{ width:calc(100% - 42.82%)}

.n_shouhou .fl02{background:url(../images/n_shouhou_fl02_bg.jpg) center no-repeat;padding:7.5rem 0;background-attachment:fixed;overflow: hidden;}
.n_shouhou .fl02 ul{ margin:0 -3rem}
.n_shouhou .fl02 ul li{ float:left; width:25%; padding:0 7px; text-align:center}
.n_shouhou .fl02 ul li h3 img{ transition:.6s; height:10.125rem}
.n_shouhou .fl02 ul li h5{ font-size:14px; line-height:28px; max-width:14.375rem; display:inline-block; margin-top:1.5rem; color:#fff}


.n_shouhou .fl03{padding:4.375rem 0 2.5rem;overflow: hidden;}
.n_shouhou .fl03 .left{ width:50%; padding-right:3.75rem}
.n_shouhou .fl03 .left .ar_article{ margin-bottom:3rem}
.n_shouhou .fl03 .left h3{ font-size:1.875rem; color:#2b2b2b;font-family:OPENSANS-BOLD; margin-bottom:2.5rem}
.n_shouhou .fl03 .left .img, .n_shouhou .fl03 .left .img img{overflow:hidden;width: 100%;}
.n_shouhou .fl03 .right{ width:50%; padding-left:6rem}
.n_shouhou .fl03 .right ul li{ margin-bottom:5rem}
.n_shouhou .fl03 .right .ico{ width:8.125rem;}
.n_shouhou .fl03 .right .ico span{ display:inline-block; width:6.25rem; height:6.25rem; line-height:6.25rem; border:#d6d6d6 1px solid; border-radius:50%; text-align:center}
.n_shouhou .fl03 .right .con{ width:calc(100% - 8.125rem);}
.n_shouhou .fl03 .right .con h5{ font-size:1.125rem; color:#4b4b4b; font-family:OPENSANS-BOLD; margin-bottom:1rem}
.n_shouhou .fl03 .right .con p{ font-size:14px; line-height:23px; color:#727272}

.n_shouhou .fl04{padding:3rem 0;background:#eceef0;overflow: hidden;}
.n_shouhou .fl04 ul li{ padding:2.5rem 0; border-bottom:#d4d6d7 1px solid}
.n_shouhou .fl04 ul li .img, .n_shouhou .fl04 ul li .img img{ width:27.5rem; height:16.875rem; overflow:hidden}
.n_shouhou .fl04 ul li .right{ width:calc(100% - 27.5rem); padding-right:7.5rem; height:16.875rem;}
.n_shouhou .fl04 ul li .right .box_table{ text-align:left}
.n_shouhou .fl04 ul li .right h3{ font-size:1.875rem; color:#2b2b2b;font-family:OPENSANS-BOLD; margin-bottom:2rem}
.n_shouhou .fl04 ul li:last-child{ border-bottom:none}

.n_shouhou .fl05{ padding:4.375rem 0 5rem}
.n_shouhou .fl05 ul{ margin:0}
.n_shouhou .fl05 ul li{float:left;width:33.3333333%;padding:0;margin-bottom: 0;}
.n_shouhou .fl05 ul li a, .n_shouhou .fl05 ul li a .top{ position:relative; display:block; width:100%;}
.n_shouhou .fl05 ul li .img{ padding-bottom:76.76%; width:100%; position:relative; overflow:hidden}
.n_shouhou .fl05 ul li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover}
.n_shouhou .fl05 ul li a .top .top_ico{ position:absolute; bottom:-2.125rem; right:2.5rem; background:url(../images/anniu_bg3.png) center no-repeat; width:4rem; height:5.625rem; background-size:100% 100%; transition:.6s}
.n_shouhou .fl05 ul li a .top .top_ico img{ display:inline-block}
.n_shouhou .fl05 ul li .con{background: #fff;padding: 0;padding-bottom:76.76%;position: relative;}
.n_shouhou .fl05 ul li .con .con_li{position:absolute;top:0;right:0;bottom:0;left:0;padding: 0 2.5rem;}
.n_shouhou .fl05 ul li .con h5{font-size:1.25rem;color:#2a2a2a;line-height:1.375rem;height: 1.5rem;transition: .6s;}
.n_shouhou .fl05 ul li .con p{ font-size:13px; color:#6a6a6a; line-height:24px; height:48px; margin:0.75rem 0 1.875rem}
.n_shouhou .fl05 ul li .con .span{ display:inline-block; background:url(../images/anniu_bg4.png) center no-repeat; width:115px; height:35px; line-height:35px; font-size:12px; color:#5e5e5e; text-transform:uppercase; text-align:center; transition:.6s;}

.MainMenu #links>li.li1{ position:static}
.drop_bottom{position:absolute;left:0;width: 100%;background: #ee563b;margin-top: -18px;padding:4rem 0;opacity: 0;visibility: hidden;transition: .26s;}
.drop_bottom .w1200{ max-width: 76%;}
.drop_bottom .left{ width:calc(100% - 27.1875rem); padding-right:3rem}
.drop_bottom .left dl{ float:left; width:33.333333%; text-align:left}
.drop_bottom .left dl dt{font-size: 0.9375rem;color:#fff;font-weight:bold;}
.drop_bottom .left dl dt font{ display:inline-block; min-width:15rem}
.drop_bottom .left dl dt img{margin:-3px 0 0;transform: rotate(90deg);}
.drop_bottom .left dl dd{ font-size:0.875rem; line-height:2.25rem; color:rgba(255,255,255,0.6); text-transform:none}
.drop_bottom .right{ width:27.1875rem}
.drop_bottom .right .img{ background:url(../images/drop_bottom_img1.png) center no-repeat; background-size:100% 100%}
.drop_bottom .right .img, .drop_bottom .right .img img{ width:100%; overflow:hidden}

.MainMenu #links>li.li1:hover .drop_bottom{ opacity:1; visibility:visible}

.piaofu{position:fixed;z-index:1000;right:5px;top:50%;transform:translateY(-50%);width:60px;bottom: auto;}
.piaofu ul li{}
.piaofu ul li a{display:block;height:40px;}
.piaofu ul li.li a{height:160px;background: url(../images/piaofu_bg.png) center no-repeat;}
.piaofu ul li.li a .con{-ms-writing-mode: tb-rl;writing-mode: tb-rl;display: inline-block;font-size: 16px;text-transform: uppercase;color: #fff;padding: 3rem 0 0;position: relative;margin-top: 0.5rem;}
.piaofu ul li.li a .con:before{content:"";position:absolute;top:0;left:50%;margin-left:-1px;background: #8b8b8f;height: 1.875rem;width: 1px;}

#res{ text-align:center}
#res table{ max-width:1000px; text-align:left; margin-top:2rem; display:inline-block}

/*====翻页====*/
.j_pages{padding: 0; overflow:hidden}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;text-align:  center;}
.j_pages a{padding: 0px 1rem;height: 2.75rem;line-height: 2.625rem;display:inline-block;margin: 0 .25rem;color: #66635f;font-size: 0.875rem;box-sizing: border-box;min-width: 2.1875rem;-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;text-align: center;border: #d7d8d9 1px solid;}
.j_pages a.m_bnt{ padding:0 1rem}
.j_pages a font{font-size:14px;font-family:SimSun;color:#666666}
.j_pages .on, .j_pages a:hover{color: #fff;background: #ee563b; border:#ee563b 1px solid}
.j_pages span{}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}
.j_pages form{ display:inline-block;}
.j_pages span{display:inline-block;font-size: 0.875rem;margin: 0 0.875rem;}
.j_pages form input{width: 2.75rem;height: 2.75rem;border: none;font-size: 1rem;color: #919191;margin: 0 0 0 10px;text-align:center;border-radius: 3px;border: rgba(0,0,0,0.1) 1px solid;transition: .6s;}
.j_pages form input[type="submit"]{width: 4rem;cursor:pointer;}
.j_pages form input[type="submit"]:hover{background: #ee563b;color:#fff;border: #ee563b 1px solid;}


.n_xuancan .miso_content{ margin:0 -.75rem}
.n_xuancan .miso_content .miso_box1{ padding:0 .75rem; width:33.333333%; float:left;}

.h331{font-size: 1.5rem;color: #ee563b;line-height:1.5;margin:4rem 0 2rem;font-weight: bold;}
.n_xuancan .layui-form-checkbox[lay-skin=primary]{ float:left;}
.n_xuancan .layui-form-item .layui-form-checkbox[lay-skin=primary]{ margin-top:0}

.layui-input-block1{ height:62px; border-bottom: #dedede 1px solid;}
.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea{border-bottom: #dedede 1px solid !important;}

.n_xuancan .layui-form-radio>i{ font-size:16px;}

.n_xuancan .layui-btn{ background:url(../images/anniu_bg_001png.png) center no-repeat; width:9.0625rem; height:2.8125rem; line-height:2.8125rem; text-align:center; font-size:13px; color:#fff; text-transform:uppercase; margin-bottom:4rem}

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

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

footer .fl01 .right ul{ position:absolute; bottom:0; right:0}
footer .fl01 .right ul li{ display:inline-block; margin-left:.375rem}
footer .fl01 .right ul li a{display:block;height: 4.125rem;line-height: 4.125rem;min-width: 4.125rem;padding: 0 1rem;text-align: center;}
footer .fl01 .right ul li a img{max-height: 4rem;display:inline-block;margin: -5px 0 0;}
footer .fl01 .right ul li:nth-child(2) a img{height: 1.25rem;}

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

.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-box1 {
  overflow: hidden;
  z-index: 9999;

  height: 100%;
  width: 100%;
  -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;
  position: relative;
  z-index: 1;
}
.tc1 .tc-box1 h3 img{ border:#fff 10px solid}

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

.tc1 .close {
  position: absolute;
  cursor: pointer;
  right: 1.5rem;
  top: 1.5rem;
  z-index: 10;
}
.tc1 .close svg{width: 2rem;height: 2rem;fill: #ababab;vertical-align: top;}

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

.tc1 .tc-box1 h3 img {
  width: 12rem;
  height: 12rem;
}

.tc1 .tc-box1 h5 {
  width: 12rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1rem;
  color: #fff;
  text-align: center
}

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


.n_huiyuan{ margin-bottom:2rem}
.n_huiyuan a{color:#999;display:inline-block;margin: 0 .5rem;transition:.6s;padding: .75rem 2rem;background: #f5f5f5;border-radius: 1.5rem;font-size: 1.25rem;}
.n_huiyuan a.on, .n_huiyuan a:hover{color: #fff;background: #073190;}

.xmsm{background:#fff;width:61.25rem;display:inline-block;max-width: 94%;margin: 0 auto;border-radius:5px;padding: 3.375rem 4.375rem;position: relative;}
.xmsm .title{margin-bottom: 2rem;}
.xmsm .title h3{font-size: 1.5rem;color: #333;font-weight: bold;}
.xmsm .title h6{ font-size:1rem; line-height:1.5rem; color:#737373; margin-top:0.5rem}
.xmsm .title h6 font{ color:#ff7373}
.xmsm .title h3 a{ color:#999; display:inline-block; margin:0 1rem; transition:.6s}
.xmsm .title h3 a.on, .xmsm .title h3 a:hover{color:#073190;font-weight: bold;}

.xmsm .content{ margin:0 -0.875rem;}
.xmsm .content .box{ float:left; width:50%; padding:0 0.875rem}
.xmsm .content .box1{ float:left; width:100%; padding:0 0.875rem}
.xmsm .content .yzm_box{/* width:100% */}

.form-actions a{ font-weight: bold;
    color: #073190;
    transition: .6s;}

.xmsm .layui-form-pane .layui-form-label{width: 5rem;height: 46px;line-height: 46px;/* background: none; */padding: 0;font-size: .9375rem;color: #000000;margin: 0;border: none;float: left;background: none;text-align: left;}
.xmsm .layui-form-pane .layui-form-label font{ color:#ff0000}
.xmsm .layui-form-pane .layui-input-block{margin-left: 5rem;}
.xmsm .layui-input, .xmsm .layui-select, .xmsm .layui-textarea{height: 46px;color:#585858;}
.xmsm .layui-input, .xmsm .layui-textarea{padding: 0 0;min-height: auto;}
.xmsm .layui-form-select .layui-input{color:#585858;font-size: 12px;}

.xmsm .layui-form-pane .textarea .layui-form-label{ height:7.1825rem; line-height:7.1825rem;}
.xmsm .layui-textarea{height: 7.1825rem;resize:none;}
.xmsm .layui-form-pane .yzm_box .layui-form-label{}
.xmsm .layui-form-pane .yzm_box .layui-input-block{position:relative;}
.xmsm .layui-form-pane .yzm_box .layui-input-block .yzm{position:absolute;top:0;right:1rem;line-height:3.4375rem;font-size:0.875rem;color:#ff7373;border: none;}
.zhujie{font-size:1rem;color:#585858;line-height:1.75rem;margin-top: 1rem;}
.zhujie a{ font-weight:bold; color:#073190; transition:.6s}
form>button, .form-actions button.btn{width:20.9375rem;height:3.4375rem;line-height:3.4375rem;background: #ee563b;font-size:1rem;color:#fff;transition:.6s;cursor:pointer;}
#prdform{ height:auto}

.n_product_detail .fl01 .right .anniu_a a{ float:left; display:inline-block; background:url(../images/anniu_bg.png) center no-repeat; width:135px; height:40px; line-height:38px; font-size:13px; color:#163c87; text-transform:uppercase; text-align:center; transition:.6s; margin-right:1.25rem; cursor:pointer}
.n_product_detail .fl01 .right .anniu_a a.span1{ background:url(../images/anniu_bg_on.png) center no-repeat; color:#fff}
form>button:hover, .form-actions button.btn:hover{ background:#ee563b}





.about__area {
padding-top: 70px;
	padding-bottom: 80px;    background: url(../images/hbg0.jpg) no-repeat center;
    background-size: cover;
}
.about__btn .grb-btn {
	font-size: 15px;
	min-width: 180px;
}
.about__btn .grb-btn i {
	border-radius: 50%;
	margin-left: 20px;
	height: 22px;
	width: 22px;
	line-height: 22px;
	font-size: 10px;
	color: #8500d1;
}
.about__btn.st-1 .grb-btn i {
	color: #ee563b;
}
.grb-btn {
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0 20px;
	height: 60px;
	line-height: 60px;
	background: #ee563b;
	display: inline-block;
	border-radius: 3px;
	min-width: 150px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.grb-btn:before {
	background-color: #fff;
	content: "";
	height: 150px;
	left: -75px;
	position: absolute;
	top: -35px;
	transform: rotate(35deg);
	transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1);
	width: 40px;
	opacity: 0;
}
.grb-btn i {
	font-size: 15px;
	color: #040021;
	margin-left: 10px;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 3px;
	background: #ffffff;
}
.grb-btn.st-1 {
	background: #ee563b;
}
.grb-btn.st-1 i {
	color: #ee563b;
}
.grb-btn.st-2 {
	background: #ee563b;
}
.grb-btn.st-3 {
	background: #ffc400;
	color: #040021;
}
.grb-btn:hover {
	background: #ee563b !important;
	color: #ffffff !important;
}
.grb-btn:hover:before {
	left: 120%;
	transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 0.25;
}
.mb-20 {
	margin-bottom: 20px;
}.section-title .border-left {
	position: relative;
	display: inline-block;
	margin-bottom: 17px;
}
.section-title .border-left:before {
	position: absolute;
	content: "";
	width: 4px;
	height: 20px;
	background: #ee563b;
	left: 0;
	top: 0px;
}
.section-title .border-left p {
	font-size: 18px;
	font-weight: 700;
	color: #ee563b;
	text-transform: uppercase;
	padding-left: 12px;
	display: inline-block;
	line-height: 1;
}
.section-title .border-left.st-2:before {
	background: #ee563b;
}
.section-title .border-left.st-2 p {
	color: #ee563b;
}
.section-title .border-left.st-3:before {
	background: #ffc400;
}
.section-title .border-left.st-3 p {
	color: #ffc400;
}
.section-title .border-c-bottom {
	position: relative;
	display: inline-block;
	margin-bottom: 25px;
}
.section-title .border-c-bottom:before {
	position: absolute;
	content: "";
	width: 20px;
	height: 4px;
	background: #ee563b;
	left: 50%;
	bottom: -8px;
	transform: translateX(-50%);
}
.section-title .border-c-bottom p {
	font-size: 18px;
	font-weight: 700;
	color: #ee563b;
	text-transform: uppercase;
	display: inline-block;
	line-height: 1;
}
.section-title .border-c-bottom.st-2:before {
	background: #8500d1;
}
.section-title .border-c-bottom.st-2 p {
	color: #8500d1;
}
.section-title .border-c-bottom.st-3:before {
	background: #ffc400;
}
.section-title .border-c-bottom.st-3 p {
	color: #ffc400;
}
.section-title h2 {
	font-size: 34px;
	line-height: 50px;
	color: #040021;
	text-transform: uppercase;
	margin-bottom: 0;
}
.about__content p{    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    color: #8f98a8;
    margin-bottom: 0;
    text-align: justify;}
.about__img-inner img {
	max-width: 100%;
	border-radius: 25px;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
.about__img-inner.st-2 {
 1margin: -50px -35px 0 -220px;
}



.index_2_1{ padding-bottom:1em;padding-top:6em;}
.index_2_1_1{text-align:center; font-size:36px; color:#000; font-weight: bold}

.gf_more_2 {text-align: center;}
.gf_more_2 a{display: inline-block;padding:5px 0px;color: var(--white);border: 1px solid var(--white);border-radius: 100px;width: 110px;}
.gf_more_2 a:hover {background: var(--green);border: 1px solid var(--green);color: var(--white);}
.gf_index_news {padding: 0 0 5% 0;overflow: hidden;width:100%; float: left;    background: url(../images/tiao.png) center bottom no-repeat;
    background-size: 100% 0.5rem;}
.gf_index_news_top {text-align: center;}
.gf_index_news_bottom {margin-top: 2%;}
.gf_explore_light_shadow-item .gf_time_1 {text-align: center;position: absolute;right: 6%;bottom: 16%;}
.gf_explore_light_shadow-item .gf_time_1 i{display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: url('../images/time.png');margin-right: 10px;}
.gf_explore_light_shadow-item .gf_time_1 span{display: inline-block;vertical-align: middle;color: var(--gray2);font-family: Arial, Helvetica, sans-serif;}


.gf_explore_light_shadow-top {text-align: center;}
.gf_explore_light_shadow-bottom {margin-top: 2%;}
.gf_explore_light_shadow-item {float: left;width: 32%;box-sizing: border-box;border: 1px solid var(--gray3);margin-right: 2%;    margin-bottom: 1%;}
.gf_explore_light_shadow-item:last-child {margin-right: 0;}
.gf_explore_light_shadow-item .gf_img{overflow: hidden;}
.gf_explore_light_shadow-item .gf_img .pic {transition:all .4s ease;}
.gf_explore_light_shadow-item .gf_img a:hover .pic {transform: scale(1.05);}
.gf_explore_light_shadow-item .gf_text{padding:3%;text-align: left;position: relative;}
.gf_explore_light_shadow-item .gf_title_1 {color: var(--black);}
.gf_explore_light_shadow-item .gf_text_1{color: var(--gray1);margin-top: 2%;}
.gf_explore_light_shadow-item .gf_more_2{margin-top: 5%;display: inline-block;}
.gf_explore_light_shadow-item .gf_more_2 a {border: 1px solid var(--gray3);color: var(--gray2);}
.gf_explore_light_shadow-item .gf_more_2 a:hover {border: 1px solid #ee563b;color: var(--white);background:#ee563b;}

#Content3 .homeCont3{ float:left; width:100%; padding:80px 0; overflow:hidden;}
#Content3 .homeTit3{ float:left; width:100%; position:relative; padding:32px 0;}
#Content3 .homeTit3 .tit1{ float:left; width:399px; color:#ee563b; font-size:52px; line-height:52px; letter-spacing:5px;padding-top:10px; background:#fff; position:relative; z-index:6; font-weight:bold; font-family:Arial;text-transform:uppercase; }
#Content3 .homeTit3 .tit2{ float:left; width:399px; color:#000; font-size:36px; font-weight: bold; line-height:44px;  padding-bottom:10px; background:#fff; position:relative; z-index:6;}
#Content3 .homeTit3 .line{ float:left; width:399px; height:100%; border:12px solid #f8f8f8; position:absolute; left:83px; top:0; z-index:1;}
#Content3 .aboutL{ float:left; width:46.28%; margin-top:30px;}
#Content3 .aboutL .info{ float:left; width:100%; color:#333333; font-size:14px; line-height:32px; height:192px; overflow:hidden; margin:31px 0  41px 0;}
#Content3 .aboutL .more{ float:left;width:188px; height:48px; line-height:46px; color:#fff; font-size:16px; background:#ee563b; border-radius:54px; text-transform:uppercase; text-align:center;}
#Content3 .aboutL .more img{ display:inline-block; vertical-align:top; position:relative; width:17px; height:9px; margin:19px 0 0 19px;}
#Content3 .aboutL .more:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}	
#Content3 .aboutR{ float:right; width:48.92%; position:relative; line-height:0;}
#Content3 .aboutR .img{ float:left; width:100%; line-height:0; position:relative; z-index:1;}
#Content3 .aboutR .tit{ float:left; position:absolute; left:20%; bottom:0; z-index:6; font-family:Arial; font-weight:bold; font-size:94px; color:#000000;opacity:0.1; filter:alpha(opacity=10); text-transform:uppercase; line-height:70px; letter-spacing:8px;}


.pageTop{ border-bottom: #ececec solid 1px; height: 72px; }
.pageTop .wal{ position: relative; height: 72px; }
.pageNow{ height: 72px; line-height: 72px;  color: #666; overflow: hidden; font-size: 14px; }
.pageNow i{ padding-right: 5px; font-size: 16px; color: #000;}
.pageNow a{ color: #666; }
.pageNow a:hover{ color:#ee563b;}
.pageNow em{ color: #ee563b; font-style: normal;}
.pageNav{ height: 72px; position: absolute; right: 0px; top: 0px; }
.pageNav li{ float: left; margin: 0px 1px; height: 72px; font-size: 15px;}
.pageNav .li01{ width: 189px; }
.pageNav li a{ display: block;padding: 0px 10px; height: 72px; line-height: 72px; text-align: center; color: #636363;}
.pageNav li a:hover, .pageNav li .aNow{ color: #fff; background: #ee563b;}


.z_other_tit{ text-align: center;}
.z_other_tit h3{        font-size: 2.08333vw; font-weight: bold;color: #000; text-transform: uppercase; margin-bottom: 40px;}
.z_other_tit h4{font-size: 1.30208vw;font-weight: bold;color: #7B7B7B;}
.ar_article{font-size:14px;color:#7d7c7c;line-height:30px; margin-bottom:30px;}
.ar_article p{font-size: 14px;color: #606060;line-height:30px;text-align: justify;}
.ar_article strong{ font-weight:bold;}
.ar_article img{ max-width:100%; text-align: center}

.btnDiv{ padding-top: 30px; margin-left: 46%;color: #fff;}
.btnDiv a{ float: left; display: block; width: 155px; height: 44px; background: #ee563b; line-height: 44px; color: #fff; font-size: 14px; font-weight: bold; text-align: center;}
.btnDiv a:hover{ color: #fff;}
/*按钮动画--start*/
.ico_h {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.ico_h:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
/*按钮动画--end*/



.history-box ul { position: relative; padding-top: 50px; }
.history-box ul:before { top: 0; content: ''; width: 4px; height: 100%; position: absolute; background: #004ea2; left: 190px; }
.history-box div>span { padding: 5px 20px; background: #004ea2; position: absolute; font-weight: bold; font-size: 24px; color: #fff; display: inline-block; vertical-align: top; left: 0; top: 0; }
.history-box div>span:after { content: ''; position: absolute; width:70px; height: 1px; background: #004ea2; top: 16px; left: 120px; }
.history-box2 li>span { font-weight: bold; font-size: 30px; color: #004ea2; display: inline-block; margin-bottom: 20px; vertical-align: top; }
.history-box2 li { margin-bottom: 20px; }
.history-box div p>b { display: block; float: left; width: 100%; }
.history-box div p { font-size: 16px; line-height: 2; margin: 5px 0; }
.history-box div p:after { content: " "; clear: both; display: block; }
.history-box div p>span { display: block; float: right; width: 88%; }
.history-box li div { padding: 20px 30px; border: 1px solid #eee;background: #fff; }
.history-box li:nth-child(even) div { }
.history-box li:nth-child(even) div p>span { }
.history-box li:nth-child(even) div p>b { display: block; float: left; width: 100%; }
.history-box li:before { position: absolute; content: ''; width: 0; z-index: 1; height: 0; left: 230px; top: 15px; border-style: solid; border-width: 8px 10px 8px 0px; display: block; border-color: transparent #fff transparent transparent; }
.history-box ul:after { content: ''; position: absolute; width: 12px; height: 12px; position: absolute; border-radius: 50%; background: #004ea2; top: -12px; border: 4px solid #fff; left: 202px; }
.history-box li:after { content: ''; position: absolute; /* border-radius: 50%; */ left: 248px; top: 13px; border-style: solid; border-width: 10px 12px 10px 0; border-color: transparent #eee transparent transparent; }
.history-box li { margin-bottom: 30px; position: relative; padding-left: 260px; }/*图片*/
.honour-img span { height: 100%; display: inline-block; width: 0; vertical-align: middle; }




.tz-gallery {
	padding: 1px 0px;
	box-sizing: border-box;
}
.tz-gallery .thumbnail {
	padding: 0;
	border: none;
}
.tz-gallery img {
	border-radius: 2px;
	max-width: 100%;
}
.tz-gallery .caption {
	padding: 10px;
	text-align: center;line-height: 40px;
}
.tz-gallery .caption h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;line-height: 40px;
}
.tz-gallery .caption p {
	font-size: 12px;
	color: #7b7d7d;
	margin: 0;
}


.pages{font-size:12px;line-height:22px;text-align:center;clear:both; width:100%;}
.pages a{text-decoration:none;color:#3c3c3c;background:#fff;border:1px solid #cccccc;padding:8px;margin-right:3px;cursor:pointer}
.pages .red{background:#ee563b !important; color:#fff; border:0; padding:8px;}
.pages a.active{background:#000;border:1px solid #cccccc;color:#fff}
.pages a:hover{text-decoration:none;color:#fff;background:#ee563b;border:1px solid #cccccc}


.ne1 .box{overflow: visible;}

.ne1 .ul1{margin-bottom: 50px; padding-left: 0px;}

.ne1 .ul1 *{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.ne1 .ul1 li{position: relative;box-sizing: border-box;padding: 40px;background: #fff; border: 1px solid #e4e3e1;top: 0;left: 0;margin-bottom: 20px;}

.ne1 .ul1 li .img{display: block;width: 290px;float: left;overflow: hidden;}

.ne1 .ul1 li .img img{display: block;width: 100%;    height: 200px;}

.ne1 .ul1 li .lrt{width: calc(100% - 330px);float: right;}

.ne1 .ul1 li .lrt .ltt{font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;    font-size: 16px;}

.ne1 .ul1 li .lrt .ltc{line-height: 1.8;margin: 20px 0; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.ne1 .ul1 li .lrt .time{line-height: 40px;color: #999;}

.ne1 .ul1 li .lrt .time span{color: #ee563b;}

.ne1 .ul1 li .lrt .time a{display: block;width: 100px;line-height: 40px;background: #ee563b;text-align: center;float: right;border-radius: 5px;color: #fff;}

.ne1 .ul1 li:hover{left: -10px;-moz-box-shadow:5px 3px 10px #ddd; -webkit-box-shadow:5px 3px 10px #ddd; box-shadow:5px 3px 10px #ddd;}

.ne1 .ul1 li:hover .ltt{color: #ee563b;}

.ne1 .ul1 li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.onePorfile { text-align: center; }
.onePorfile .t1 { font: 30px/1.4 "futura_lightregular","times new roman","microsoft yahei"; color: #000; }
.onePorfile .t2 {     font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 700;color: #ee563b; text-transform: uppercase; }

.cen-04{float:left; width:100%;font-size: 24px;color: #000;text-align:center; line-height:50px;font-family: "Microsoft YaHei";}
.cen-04-1{ text-align:center; border-bottom:1px dashed #ccc; line-height:25px; color:#666; float:left; width:100%;}
.cen-04-2{float:left; width:100%; background:#f2e3d0; border:1px solid #e7d1b4;  padding:5px;}
.cen-04-3{    text-align: left;float:left; width:100%; padding-top:8px; padding-bottom:8px; line-height:30px; font-size:14px; }
.cen-04-3 img{  text-align: center; overflow:hidden}
.cen-04-2 span{ font-weight:bold; color:#ff9933;}
.cen-04-6{float:left;width:100%; border:1px solid #fec3d7; font-size:12px;}



.sx{width:100%; float:left;padding:20px 0; text-align:left;border-top:1px dashed #666;color:#333;margin-top:10px;font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}
.sx p{      text-align: center;
    line-height: 40px;
    border: 1px solid #999;

    float: left;
    margin-right: 10px;
    padding: 0px 20px;    margin-bottom: 10px;}
.sx a{font-weight:normal}
.sx a:link{color:#333;text-decoration:none;}
.sx a:visited{color:#333;text-decoration:none;}
.sx a:hover{color:#ee563b;text-decoration:none;}
.sx a:active{color:#ee563b;text-decoration:none;}
.sx span{ float:right;  padding-right:20px;}
.sx span a{ padding-left:20px; color:#999 !important; }
.btn3{     margin: 10px 0; text-align: right  }
.btn3 a{ display:inline-block; height:35px; line-height:35px; background:#fff; color:#000;    border: 1px solid #e4eaec;  width:100PX; font-size:12px; border-radius: 3px; text-align: center;}
.btn3 a:hover{ background:#ee563b; color:#fff;}

#n_ziliao{  padding-bottom: 40px;  width: 100%; float: left; }
#n_ziliao ul{ margin: 0 0px; margin-bottom:20px; background:url(../images/n_ziliao_bg.png) center repeat-y;}
#n_ziliao ul li{ width: 23%; float: left;border-radius: 5px;border: 1px solid #e5e5e5; padding: 0px 0px 10px 0px; position: relative;margin: 0 1%; margin-top: 37px;}
#n_ziliao ul li a:before{ content:""; width:100%; height:100%; display:block; border:2px solid #ee563b; border-radius:5px; position:absolute; left:0; top:0;transition:.3s; -webkit-transition:.3s; transform:scale(1.03,1.08); opacity:0; }
#n_ziliao ul li .txt{      margin-top: 10px;  margin-left: 10px;width: 97%; float:left; position:relative;}
#n_ziliao ul li .txt p{ font-size:16px; color:#242425; line-height:26px; height:26px; overflow:hidden;}
#n_ziliao ul li .txt span{ font-size:12px; color:#97989b;display:block;}
#n_ziliao ul li .btn1{ display:block; width:54px; height:54px; float:right; margin-right:13px; margin-top:-2px; transition:.3s; -webkit-transition:.3s; background:url(../images/n_xiazai_ico.png) center no-repeat;}
#n_ziliao ul li:hover a .btn1{ background: url(../images/n_xiazai_ico_on.png) center no-repeat;}
#n_ziliao ul li:hover a:before{ transform:scale(1,1); opacity:1;}
.blo-image-and-date img{
	transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;max-width: 100%;
}
.blo-image-and-date:hover img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}




.job-list-tpl4{width:100%;margin-top:40px}
.job-list-tpl4 dt{color:#333333;cursor:pointer;font-weight:normal;height:60px;line-height:60px;padding-left:30px;font-size:18px;    background: #f5f5f5; margin-bottom: 5px;}
.job-list-tpl4 dt i{background:url(../images/j_c.png) no-repeat;float:right;color:#444;cursor:pointer;display:inline-block;height:29px;width:29px;margin-top:15px;margin-right:20px}
.job-list-tpl4 dt b{font-weight:normal;float:left}
.job-list-tpl4 dt .user{background:url(../images/user.png) no-repeat;float:left;color:#000;line-height:16px;padding-left:20px;font-size:14px;margin-top:24px;margin-left:39px}
.job-list-tpl4 dt .user1{background:url(../images/shape.png) no-repeat;float:left;color:#ea5404;line-height:16px;padding-left:20px;font-size:14px;margin-top:24px;margin-left:38px}
.job-list-tpl4 dd{display:none;overflow:hidden;padding:20px 30px 35px;position:relative;border-bottom:1px solid #e7e7e7}
.job-list-tpl4 dd td{line-height:30px;color:#7f7e7e;font-size:14px}
.job-list-tpl4 dd td span{color:#464646;padding-right:5px}
.job-list-tpl4 .btn{    font-size: 14px;
    background: #ee563b;
    color: #fff;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 100px;}
.job-list-tpl4 .btn:hover{background:#ee563b;color:#fff}
.job-list-tpl4 dt.open{color:#fefefe;background:#ee563b}
.job-list-tpl4 dt.open i{background:url(../images/j_o.png) no-repeat}
.job-list-tpl4 dt.open .user{color:#fff;background:url(../images/user_h.png) no-repeat}
.job-list-tpl4 dt.open .user1{color:#000;background:url(../images/shape_h.png) no-repeat}



.contact_info{     padding: 10px 0 20px 0;}
.contact_info .titbar{  padding: 30px 0; position: relative; font-size: 36px; font-weight: bold; color: #000; }
.contact_info .titbar .tel{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);text-align: right; color: #878787; font-size: 14px;}
.titbar .tel em{ display: block; color: #009944; font-size: 24px; margin-top: 5px; font-weight: bold;}
.contact_btm{ display: flex; align-items: flex-end; justify-content: space-between;}
.conatct_addre{ float: left;}
.conatct_addre p{color: #333;    font-size: 16px;
    font-weight: 400;
  
    line-height: 1.875vw;}
.conatct_addre p a{color: #333;}
.conatct_addre p i{padding-right: 15px;}
.contact_btm .foot_code{ margin-left: auto;}
.contact_map img{ width: 100%; vertical-align: bottom;}


.n_sanji1{ padding: 50px 0px 20px 0px; }
.n_sanji1 ul{ text-align:center; margin:0 -5px; font-size:0}
.n_sanji1 ul li{ display:inline-block; padding:0 5px;}
.n_sanji1 ul li font{display:inline-block; background: #eeeff1;     padding: 0px 25px;height: 3.125rem;line-height: 3.0625rem;border-radius:1.5rem;text-align:center;overflow:hidden;position:relative; cursor:pointer}
.n_sanji1 ul li font:before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#d7d8db 1px solid; border-radius:1.5rem; transition:0.6s}
.n_sanji1 ul li font:after{ content:""; position:absolute; left:0; right:0; bottom:0; height:0; transition:0.6s; z-index:0}
.n_sanji1 ul li font span{position:relative;font-size: 1rem;color:#404040;z-index:1;transition:0.6s;}

.n_sanji1 ul li.on font:after, .n_sanji1 ul li:hover font:after{ height:100%; background:#ee563b}
.n_sanji1 ul li.on font span, .n_sanji1 ul li:hover font span{color:#fff;}

.pro-wrap .list-wrap {
    position: relative;
    z-index: 1;
}

    .pro-wrap .list-wrap li {
        list-style: none;
        width: 24%;
        background-color: #fff;
        float: left;
        border: 1px solid #f2f2f2;
		padding-bottom: 20px;
        margin-bottom: 10px;
        margin-left: 10px;
        position: relative;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

        .pro-wrap .list-wrap li:hover {
      
            box-shadow: 0 15px 30px #e0e0e0;
        }

    .pro-wrap .list-wrap ul {
        width: 100%;
        float: left;padding-bottom: 30px;
    }

    .pro-wrap .list-wrap .img {
        display: block;
        margin: 0 auto;
    }

        .pro-wrap .list-wrap .img img {
            width: 100%;
        }

    .pro-wrap .list-wrap .imgli {
        width: 100%;
        text-align: center;
        padding-top: 11px;
    }

        .pro-wrap .list-wrap .imgli span {
            display: inline-block;
            width: 34px;
            height: 34px;
            border: 1px solid #dbdbdb;
            margin: 0 4px;
            cursor: pointer;
        }

        .pro-wrap .list-wrap .imgli img {
            width: 34px;
            height: 34px;
        }

        .pro-wrap .list-wrap .imgli span.active {
            width: 32px;
            height: 32px;
            border: 2px solid #ce0000;
        }

            .pro-wrap .list-wrap .imgli span.active img {
                width: 32px;
                height: 32px;
            }

    .pro-wrap .list-wrap .name {
        line-height: 20px;
        font-size: 14px;
        font-weight: bold;
        margin-top: 20px;
        text-align: center;
    }

        .pro-wrap .list-wrap .name a {
            color: #000;
            display: inline-block;
        }

    .pro-wrap .list-wrap .font {
        display: block;
        text-align: center;
        line-height: 29px;
        color: #999;
        font-size: 12px;
    }

    .pro-wrap .list-wrap .page {
        padding-bottom: 40px;
        text-align: center;
        padding-top: 10px;
    }

a.more1 {
    display: block;
    margin: auto;
    width: 100px;
    height: 30px;
    background: #ee563b;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
}

    a.more1:hover {
        background: #000000;
        color: #fff;
    }

.item-pic__box {
	   position: relative;
    width: 45%;
    float: left;
    margin-left: 0%;
  
}
.small-box {
	    position: relative;
    width:100%;
    
    margin-bottom: 5px;
   
}
.small-box img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;border: 1px solid #e6e2e2;
}
.small-box > .hover {
	display: none;
	left: 0;top: 0;
	position: absolute;
	border: 1px solid #e6e2e2;
	background-color: #000;
	filter: alpha(opacity=15);
	-moz-opacity: .15;
	opacity: .15;
	cursor: move;
}
.thumbnail-box {
	position: relative;
	width: 100%;
}
.thumbnail-box .btn {
	position: absolute;
	top: 0;bottom: 0;
	width: 26px;
	border: 0;
	background: #eee url(../images/thumb-but.gif) no-repeat;
}
.thumbnail-box .btn:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat}
.thumbnail-box .btn-prev {left: 0}
.thumbnail-box .btn-next {right: 0;background-position: center right}
.thumbnail-box .btn-next:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat center right}
.thumbnail-box > .thumb-list {
	overflow: hidden;
	width: 300px;
	margin: 0 auto;
}
.thumbnail-box .wrapper {
	font-size: 0;
	margin-bottom: 0;
	white-space: nowrap;
}
.thumbnail-box > .thumb-list .item {
	width: 56px;
	margin: 0 2px;
	cursor: pointer;
	display: inline-block;
	border: 1px solid #e6e2e2;
}

.thumbnail-box > .thumb-list .item img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}
.thumbnail-box > .thumb-list .item.active {

}
.big-box {
	z-index: 100;
	display: none;
	overflow: hidden;
	position: absolute;
	left:110%;top: 0;
	border: 1px solid #ccc;
	width: 420px;height: 420px;
}
.item-info__box {
	width: 50%;
	float: right;
	padding: 20px 40px 20px 40px;
}
.item-title {line-height: 2em; }
.item-title > .name {
	font-size: 25px;
	max-height: 50px;
	line-height: 50px;
}
.item-price {
	padding: 10px;
	margin-bottom: 20px;
}
.item-price .price-panel {
	height: 40px;
	line-height: 40px;
}
.item-price .price-panel .price{
	font-size: 24px;
	color: #d00;
}
.vip-price-panel {
	height: 32px;
	padding: 0 10px;
	line-height: 32px;
	margin-top: 4px;
	position: relative;
}
.vip-price-panel:hover, .vip-price-panel.active {
	color: #fff;
	background-color: #b31e22;
}
.all-price__box {
	color: #fff;
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0;right: 0;top: 32px;
	background-color: #b31e22;
	line-height: 1.571428;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #fff;
	border-left: 10px solid #b31e22;
	border-right: 10px solid #b31e22;
}
.text-justify {
	text-align: justify;
	text-align-last: justify;
}
.item-ind-panel {
	width: 100%;
	border: 1px dotted #ccc;
}
.item-ind-item {
	float: left;
	padding: 12px;
	text-align: center;
	width: 33.33333333%;
}
.item-ind-item a {text-decoration: none;}
.ind-count {font-weight: bold;}

.detailproduct{ width:100%; overflow:hidden; zoom:1;}


.detail_pro{ padding-top:10px; padding-bottom:0px;}

.detail_pro_center{ width:100%; margin:0 auto; background:#fff; margin-bottom:20px; }

.detail_pro_center h4{ line-height:40px; padding-left:15px; font-size:14px; background:#ee563b;border-radius: 4px; color:#FFF; font-weight:normal;   text-align: left;}

.detail_pro_img{ background: #fff;padding:10px 0; text-align:left; padding-left:15px; font-size:14px;} 


.detail_pro{ padding-top:10px; padding-bottom:0px;}

.detail_pro_center{ width:100%; margin:0 auto; background:#fff; margin-bottom:20px; }

.detail_pro_center h3{ line-height:40px; padding-left:15px; font-size:14px; background:#ee563b;border-radius: 4px; color:#FFF; font-weight:normal;   text-align: left;}

.detail_pro_img{ padding:10px 0; text-align:left; padding-left:15px; font-size:14px;} 
.detail_pro_img table { border-collapse: collapse; width: 100%;}
.detail_pro_img td {padding-left: 10px;border: 1px solid #cccccc; text-align: left;}
.sx1{width:100%; float:left;padding:20px 0; text-align:left;border-top:1px dashed #ddd;color:#333;margin-top:10px;font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}
.sx1 p{clear:both;line-height:30px;font-weight:bold;}
.sx1 a{padding-left:10px;font-weight:normal}
.sx1 a:link{color:#999;text-decoration:none;}
.sx1 a:visited{color:#999;text-decoration:none;}
.sx1 a:hover{color:#ee563b;text-decoration:underline;}
.sx1 a:active{color:#ee563b;text-decoration:underline;}
.sx1 span{ float:right;  padding-right:20px;}
.sx1 span a{ padding-left:20px; color:#999 !important; text-transform:uppercase;	font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}
.nbom{display: none}

@media screen and  (max-width:1430px){
#Content3 .homeTit3{ padding:32px 0;}
#Content3 .homeTit3 .tit1{ width:350px; font-size:40px; line-height:40px;}
#Content3 .homeTit3 .tit2{ width:350px; font-size:24px; line-height:34px;letter-spacing:4px;}
#Content3 .homeTit3 .line{ width:350px; border:8px solid #f8f8f8; left:70px;}	
#Content3 .aboutL{ margin-top:10px;}
#Content3 .aboutL .info{ line-height:28px; height:168px; margin:30px 0  30px 0;}
#Content3 .aboutR .tit{font-size:70px; line-height:50px; letter-spacing:4px; }
}
@media screen and  (max-width:1230px){
#Content3 .homeTit3{ padding:25px 0;}
#Content3 .homeTit3 .tit1{ width:320px; padding-top:6px;}
#Content3 .homeTit3 .tit2{ width:320px; padding-bottom:6px;}	
#Content3 .homeTit3 .line{ width:320px;}
#Content3 .aboutL .more{width:140px; height:38px; line-height:36px; font-size:14px;}
#Content3 .aboutL .more img{width:17px; height:9px; margin:14px 0 0 12px;}
#Content3 .aboutL .info{ line-height:28px; height:140px; margin:22px 0  26px 0;}
#Content3 .aboutR .tit{font-size:58px; line-height:42px; letter-spacing:4px; }
}
@media screen and  (max-width:992px){
#Content3 .homeCont3{ padding:30px 0;}
#Content3 .homeTit3{ padding:12px 0;}
#Content3 .homeTit3 .tit1{ width:240px; padding-top:6px; font-size:30px; line-height:26px; padding-top:4px; letter-spacing:0px;}
#Content3 .homeTit3 .tit2{ width:240px; padding-bottom:6px; font-size:22px; line-height:24px;padding-bottom:4px; letter-spacing:0px;}	
#Content3 .homeTit3 .line{ width:240px; border:4px solid #f8f8f8; left:54px;}
#Content3 .aboutL{ margin-top:0;}
#Content3 .aboutL .info{ line-height:28px; height:112px; margin:15px 0  18px 0;}
#Content3 .aboutR .tit{font-size:44px; line-height:32px; letter-spacing:3px; left:15%;}
	.gf_explore_light_shadow-item{width:100%}
	.pageNow{display: none}
	.z_other_tit h3{font-size: 20px;    margin-bottom: 20px;}
	.btnDiv{ padding-top:10px;   margin-left: 30%;}
	.hang{display: none}
	.n_sanji1{    padding: 20px 0px 0px 0px;}
	.n_sanji1 ul li font span{font-size: 16px;}
	.pro-wrap .list-wrap li{width:47%}
	.item-pic__box{width:100%}
	.item-info__box{width:100%;padding: 20px 0px ;}
	.ne1 .ul1 li{    padding: 20px;}
	.ne1 .ul1 li .img{width: 100%;}
	.ne1 .ul1 li .lrt{width: 100%;    padding-top: 20px;}
	.ne1 .ul1 li .lrt .ltc{margin:5px 0px;}
	.pageNav{left:0}
	.contact_info .titbar{font-size:22px;    padding: 10px 0;}
	.contact_btm{display: block;}
	.conatct_addre p{line-height:35PX;}
	.contact_btm .foot_code {text-align: center}
	.pageTop{height: 52px;}
	.pageNav{height: 52px;}
	.pageNav li{height: 52px;}
	.pageNav li a{    height: 52px; line-height: 52px;}
	
	.nbom{display: block; position:fixed; bottom:0; height:60px; width:100%; left:0; z-index:100000000000;   }
.nbom .w1{     position: relative;  background: repeating-linear-gradient( #ffffff,#f5f5f5,#ffffff);height: 60px;border-top: 1px solid #ededed;}
.nbom .nav-bom{ height:60px;}
.nbom .nav-bom li{height:60px;float:left; width:25%; border-right: 1px solid #ededed;}
.nbom .nav-bom li.li-1{}
.nbom .nav-bom li a{ color:#000;text-decoration:none;         font-size: 14px;
    line-height: 20px; text-align:center; position:relative; padding:0; height:60px; display:block;}
.nbom .nav-bom li i{ display:block; width:22%;     margin: 1rem auto 0; font-size: 1rem;}
.nbom .nav-bom li i img{ width:100%;}
.nbom .nav-bom li a:hover{ color:#000;transition-duration:0.6s; text-decoration:none;}
.nbom .nav-bom li.none{}
	.gf_explore_light_shadow-item .gf_img .pic{display: none}
	.index_2_1{padding-top: 3em;}
	.index_2_1_1{font-size: 22px;}
	.font16{font-size: 14px;}
	.gf_explore_light_shadow-item .gf_text_1{margin-top: 0}
	.gf_explore_light_shadow-item .gf_more_2{margin-top: 2%}
	
}
@media screen and  (max-width:768px){
#Content3 .aboutL{ width:100%;}
#Content3 .aboutL .info{ line-height:26px; height:104px; margin:12px 0  15px 0;}
#Content3 .aboutR{ width:100%; margin-top:20px;}
}