@charset "utf-8";

/* CSS Document */

body{ font-size:100%;line-height:1.1; width:100%; position:relative; background:none; font-family: "Microsoft YaHei", "微软雅黑", ; overflow-x:hidden;}

*{ padding:0; margin:0;}



#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }

.j_tab{ display:table; width:100%; height:100%;}

.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}

*{ margin:0; padding:0; outline:none; }

a{ color:inherit;}

a:focus{ outline: none !important;}

h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{ margin:0;}

h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

h5 a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



.img img{ width:100%; height:100%;}

svg{ max-width:100%; max-height:100%;}

table{table-layout: fixed;}

.m1100{ width:1100px; margin:0 auto; display: block; position:relative;}

.m{ max-width: 1800px; height:100%;margin: 0 auto; padding:0 100px; display: block; position:relative;}

.m1280{max-width: 1280px; width:100%; height:100%; margin: 0 auto; padding:0 40px; display: block; position:relative;}

.m1360{max-width: 1360px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}

.m1400{max-width: 1540px; width:100%; height:100%; margin: 0 auto; padding:0 70px; display: block; position:relative;}

.m1600{max-width: 1600px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}

.m1689{max-width: 1689px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}

.m1900{max-width: 1900px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}

.pad_top{ padding-top:4.5rem;}

.pad_bot{ padding-bottom:5rem;}

.pad_aside{ padding-left:45px; padding-right:45px;}

.draw_h{ width: 67px !important; height: 67px !important; line-height: 65px !important; display:block; border-radius: 50%; text-align: center; position:relative;}

.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 2px solid rgba(100%,100%,100%,.5); border-radius: 50%;}

svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}

svg.drawcircle circle {

	fill: none; box-sizing:border-box;

	stroke-width: 2;

	stroke: none;

	stroke-dasharray: 0 , 188.49;

	stroke-dashoffset:188.49;

	transition: all .3s linear 0s;	

}

.draw_h:hover svg.drawcircle circle { 

    stroke:#fff;

	stroke-dasharray:188.49 , 0;

	stroke-dashoffset:188.49;

	-webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);

	transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);

}

.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;

    position: absolute;

    top: 50%;

    left: 50%;

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

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

}

.draw_h:hover .icon{ fill:#0081cc;}

/*===========================header=============================*/

#header{ height:5.9375rem; z-index:999; width:100%; position:fixed; top:0;  transition:.5s;}

#header .container{ height:100%;}

#logo{ float:left; height:100%;}

#logo .img02{ display: none;}

.top_tel{float:left; font-size:1.125rem;color:#fff;line-height:5.625rem;padding-left:2rem; background: url(../images/top_tel.png) left center no-repeat; transition:.5s; position: relative;}

.top_tel:before{ content: ""; display: block; width: 1px; height: 15px; background: #fff; opacity: .5; position: absolute; left: -2rem; top: 50%; margin-top: -7.5px;}

#nav{ float:left; margin-right:5.625rem;}

#nav ul{}

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

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

#nav ul li h3{ font-size:1.125rem; color:#fff; line-height:5.9375rem; font-family: PingFangSC-Bold,"苹方"; transition:.5s; overflow:hidden; position:relative;}

#nav ul li.on h3,#nav ul li:hover h3{ color:#fff; }

#nav ul li h3:after{ content:""; display:block; width:0; height:5px; background:#fff; position:absolute; left:50%; top:0; transition:.5s; z-index:-1; }

#nav ul li:hover h3:after,#nav ul li.on h3:after{ width:100%; left:0;}

#nav ul li .sub{ position:absolute; width: 100%; top:100%;right:0; z-index: 10000; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; transition:.3s; }

#nav ul li .sub .box{ text-align: center;  }

#nav ul li .sub a{ padding:0; line-height:2; transition:.3s; font-size:.9375rem; background:rgba(50,50,50,.9); line-height: 2.5rem; color:#fff; padding: 0; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transform: translateX(-20px); transition:.5s;}

#nav ul li .sub a font {

    display: block;

    margin: 0 auto;

    width: 60px;

    height: 60px;

    line-height: 58px; position: relative; z-index: 1;

    border-radius: 50%;

    margin-bottom: .5rem;

}

#nav ul li .sub a font:before{ content:""; width: 100%; height: 100%; border-radius: 50%; border:1px solid #606064; display: block; position: absolute; z-index:-1; left: 0px; top: 0px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}

#nav ul li .sub a font:after{ content:""; width: 100%; height: 100%; border-radius: 50%; display: block;  background: #f5893c; position: absolute; z-index:-1; left: 0px; top: 0px; transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0; -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);

  -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);

  -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);

  transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); visibility: hidden;}

#nav ul li .sub a:hover font:before{ opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }

#nav ul li .sub a:hover font:after{ transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible;}

#nav ul li .sub a span{ white-space: nowrap;}

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

#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible;transition:.5s; }

#header.xg{ background:#fff; height: 5rem; box-shadow: 0 1px 2px rgba(0,0,0,.2);}

#header.xg #nav ul li h3{line-height:5rem; color: #333;}

#header.xg .top_tel{line-height:5rem; background: url(../images/top_tel_on.png) left center no-repeat; color: #222;}

#header.xg #nav ul li.on h3, #header.xg #nav ul li:hover h3{ color: #d42c30;}

#header.xg #logo .img02{ display: inline-block;}

#header.xg #logo .img01{ display: none;}

#header.xg .top_tel:before{ background: #999;}

#header.xg #nav ul li h3:after{ bottom:0; background: #d42c30;}



#nav ul li:hover .sub a:nth-child(1){ transition: .5s 0s;}

#nav ul li:hover .sub a:nth-child(2){ transition: .5s .1s;}

#nav ul li:hover .sub a:nth-child(3){ transition: .5s .2s;}

#nav ul li:hover .sub a:nth-child(4){ transition: .5s .3s;}

#nav ul li:hover .sub a:nth-child(5){ transition: .5s .4s;}

#nav ul li:hover .sub a:nth-child(6){ transition: .5s .5s;}

#nav ul li:hover .sub a:nth-child(7){ transition: .5s .6s;}

#nav ul li:hover .sub a:nth-child(8){ transition: .5s .7s;}

#nav ul li:hover .sub a:nth-child(9){ transition: .5s .8s;}

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

#header .fr{ position:relative;}

#btn_wechat{ float: right; position: absolute; top: 0; right: 0; height: 100%;}

#btn_wechat a{ display: block; width: 44px; height: 44px; line-height: 44px; border-radius: 50%; background: #d42c30; text-align: center;}

/***********************/

/*手机导航开始*/

/*手机头部开始*/

#m_header{ position: fixed;  z-index:999; width:100%; height:4.5rem; left:0; top:0; padding:0 10px; display:none;   }

#m_header #m_logo{ height:4.5rem; float: left; }

#m_header #m_logo img{ max-height:50%;}

#m_logo .img02{ display: none;}

#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}

#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}

#m_header.xg{ background:#fff; height: 5rem; box-shadow: 0 1px 2px rgba(0,0,0,.2);}

#m_header.xg #m_logo .img02{ display: inline-block;}

#m_header.xg #m_logo .img01{ display: none;}

/*导航按钮开始*/

#nav_btn_box{ height:100%; z-index:999999999; margin-left:20px; position:fixed; height:4.5rem; right:0; display:none; }

#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; padding-bottom:4px; transition:.5s;-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: 2px;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: #fff;}

#m_header.xg #nav_btn .navbtn:after,

#m_header.xg #nav_btn .navbtn:before{ background:#666;}

#nav_btn .navbtn:after{top: -5px;}

#nav_btn .navbtn:before{top: 5px;}

#nav_btn .point.on .navbtn{background: transparent;}

#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}

#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

/*导航按钮结束*/

.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}

.m_nav_list::-webkit-scrollbar {display:none}

#m_nav { z-index: 99999; position: fixed; background:#c01212; width:17rem;  height:100vh; right: -400px; top: 0; display:none; padding:50px 0; padding-top:80px; overflow:hidden; 

    pointer-events: none;

    transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

    -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

    -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

    -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

    -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;}

#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{  }

#m_nav li .a h3{ line-height:5rem; height:5rem; 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 .title .a i{  opacity:1;filter:alpha(opacity=100); display:inline-block; width:10px; height:5rem; 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;}

.tc_btn{ cursor:pointer;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position:  fixed;width:  100%;height:  100%;top: 0;z-index: 99999;}

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

.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.act .tc-box{  transform:scale(1);}

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

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

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

#tc_ewm_wechat{background:#c01212; padding:3px; width: 11rem; position:relative; z-index:999; margin:0 auto;}

#tc_ewm_wechat .box{ }

#tc_ewm_wechat img{ width: 9.4rem; margin:.5rem;}

#tc_ewm_wechat h5{line-height: 2rem;font-size:1rem;color:#fff;text-align:center;padding-bottom:  5px; }

/*首页banner*/

#banner .swiper-container { height:100vh; }

#banner .swiper-slide { overflow: hidden;}

#banner .slide-inner { position: absolute;  width: 100%; height: 100%;left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat !important;}

#banner .swiper-button-prev{ width: 3.875rem; height: 3.875rem; background: url(../images/banner_left.png) center no-repeat; background-size: contain; left:5%; transition: .3s;}

#banner .swiper-button-next{ width: 3.875rem; height: 3.875rem; background: url(../images/banner_right.png) center no-repeat; background-size: contain; right:5%; transition: .3s;}

#banner .swiper-button-prev:hover{ background: url(../images/banner_left_on.png) center no-repeat; background-size: contain;}

#banner .swiper-button-next:hover{ background: url(../images/banner_right_on.png) center no-repeat; background-size: contain;}

#s_about{ width: 100%; overflow: hidden;}

.s_jianjie{ float: left; width: 43.75%; background: url(../images/about_map.png) right top no-repeat;}

.s_jianjie .tt{ margin-bottom: 1.25rem;}

.s_jianjie .tt span{ font-size: 2rem; color: #151515;font-family: "Franklin Gothic Demi"; text-transform: uppercase;}

.s_jianjie .tt h1{ font-size: 3rem; color: #d42c30;text-transform: uppercase;}

.s_jianjie .tt h2{ font-size: 2rem; color: #213f6b; line-height:3rem; font-weight:bold;}


.s_jianjie .tt h3{ font-size: 1.625rem; color: #151515; margin-top: 2.25rem; margin-bottom: 1rem;}

.s_jianjie .tt i{ display: block; width: 1.75rem; height: 3px; background: #d42c30;}

.s_jianjie .con{ font-size: .875rem; line-height: 1.5rem; color: #404040;}

.s_shuzi{ float: right; width: 48.75%; }

.s_shuzi ul{ text-align: center; overflow: hidden; font-size: 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}

.s_shuzi ul li{ width: 33.333%;float: left; overflow: hidden;}

.s_shuzi ul li .box{ display: inline-block; height: 12.75rem; border: 1px solid #ddd; border-left: 0; border-top: 0; width: 100%;  text-align: center; padding: 1rem; position:relative; z-index: 1;}

.s_shuzi ul li .j_tab{ table-layout: fixed;}

.s_shuzi ul li p span{font-family: PingFangSC-Bold; color: #d42c30; font-size:2.25rem; margin-bottom:.8rem; text-transform: uppercase; transition: .7s;}

.s_shuzi ul li p font{ font-family: PingFangSC-Bold; font-size: .875rem; position: relative; top: -5px; margin-left: .75rem; transition: .7s;}

.s_shuzi ul li h5{ font-size:.9375rem; margin-top: .8125rem; white-space: normal; line-height: 1.5;  transition: .7s;}

.s_shuzi ul li .box:before{ content: ""; display: block; width: 0; height: 100%; opacity: 0; position: absolute; right: 0; top: 0; background: #d42c30; transition: .7s; z-index: -1;}
.s_shuzi ul li .box:hover:before{ width: 100%; opacity: 1; left: 0; right: auto;}
.s_shuzi ul li .box:hover p span{ color: #fff;}
.s_shuzi ul li .box:hover p font{ color: #fff;}
.s_shuzi ul li .box:hover h5{ color: #fff;}

#s_video{ width: 100%; overflow: hidden; background: url(../images/s_video_bg.jpg) center bottom no-repeat #f7f7f7;}

#s_video .txt{ width: 60%; float: left; margin-top: 2rem; padding-left: 15rem;}

#s_video .txt span{ font-size: 3rem; color: #151515;font-family: "Franklin Gothic Demi"; text-transform: capitalize; }

#s_video .txt h1{font-size: 3rem; color: #213f6b;text-transform: capitalize; font-weight:bold;}
#s_video .txt h2{font-size: 1.875rem; color: #d42c30;margin-top: 1rem;}
#s_video .txt h3{ font-size: 1.875rem; color: #333333; margin-top: 1rem; margin-bottom: .5rem; }

#s_video .txt h4{ font-size: 1.2rem; color: #666666;margin-top:2.5rem; margin-bottom: 1.125rem;}

#s_video .txt h5{ font-size: 2rem; color: #d42c30;}





.btn_play{ width: 40%; float: left; height: 11.5rem; border-radius: 50%; float: right;}



.circle { display: block;

  width: 11.5rem;

  height: 11.5rem;

  margin: 2rem auto; position: relative; border: 1px solid #d4d4d4; border-radius: 50%;

    z-index:999; text-align:center; line-height:150px; color:#3f897c; font-size:30px;

}

.circle:before{ content: ""; display: block; width: 10px; height: 5px; background:#f7f7f7; position: absolute; bottom: -2px; left: 50%; margin-left: -5px;}

.circle span {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 50%;

  background-color:#d42c30;

  -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);

  }

}

.circle font{ cursor:pointer; position:absolute; left: 50%; top: 50%; margin-left: -1.625rem; margin-top: -1.625rem; display: block; width: 3.25rem; height: 3.25rem; line-height: 3.25rem; border-radius: 50%;}

.circle img{ display: block;}

.circle p{ position: absolute; left: 50%; margin-left: -6.5px; bottom: -5.5rem; width: 13px; height: 7.1875rem;}

.circle p img{ margin:0 auto;}



#s_rukou{ position: relative; width: 100%; overflow: hidden;}

#s_rukou .hd{ position: absolute; width: 50%; height: 100%; left: 0; top: 0; z-index: 9; background: url(../images/qhtubj.jpg) repeat ;background-size:100% 100%;}

#s_rukou .hd ul{}

#s_rukou .slick-list{ overflow: visible;}

#s_rukou .hd ul li{ text-align: center; height: 7rem; text-align: center; position: relative; z-index: 1; font-size: 0; border: 0;}

#s_rukou .hd ul li:before{ content: ""; width:0; height: 100%; background: rgba(212,44,48,.9); position: absolute; left: 0; top: 0; z-index: -1; transition: .7s;}

#s_rukou .hd ul li:hover:before{ right: -7rem; width: calc(100% + 7rem);}

#s_rukou .hd ul li h3{ color: #fff; display: inline-block; border-bottom: 1px solid rgba(255,255,255,.2); width:400px;　 }

#s_rukou .hd ul li h3 font{ display: inline-block; width: 7rem; height: 7rem; line-height: 7rem; text-align: center; position: relative; z-index: 1; float:left}
#s_rukou .hd ul li h3 p{  line-height:6.5rem; }

#s_rukou .hd ul li h3 font:before{ content: ""; display: block; width: 100%; height: 100%; background: #be9c7b; z-index: -1; position: absolute; left: 0; top: 0;transition: .7s; transform: scale(0.5) rotate(0); -webkit-transform: scale(0.5) rotate(0); -moz-transform: scale(0.5) rotate(0); opacity: 0;}

#s_rukou .hd ul li:hover h3 font:before{transform: scale(1) rotate(180deg); -webkit-transform: scale(1) rotate(180deg); -moz-transform: scale(1) rotate(180deg); opacity: 1;}

#s_rukou .hd font img{ display: inline-block; vertical-align: middle; padding-top:2rem}

#s_rukou .hd i{ display: inline-block; width: 1.5rem; height: 7px; background: url(../images/s_rukou_arrow.png) center no-repeat; background-size: contain;}

#s_rukou .hd .jia{ position: absolute; width: 7rem; height: 7rem; top: 0; right: -7rem;}

#s_rukou ul li .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }

#s_rukou ul li .line_1 { width: 33px; height: 1px; margin: -1px 0px 0px -16px; transform: translateX(-35px); -webkit-transform: translateX(-35px); }

#s_rukou ul li .line_2 { width: 1px; height: 33px; margin: -16px 0px 0px -1px; transform: translateY(35px); -webkit-transform: translateY(35px); }

#s_rukou ul li:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; transition: .3s .6s; -webkit-transition:.3s .6s;}



#s_rukou .bd{}

#s_rukou .bd .img{ height: 54rem; background-position: center !important; background-size: auto 100% !important;}

#s_rukou .hd ul li:nth-child(2) h3 font:before{background: #d4b061;}

#s_rukou .hd ul li:nth-child(3) h3 font:before{background: #ffbd11;}

#s_rukou .hd ul li:nth-child(4) h3 font:before{background: #d68f59;}

#s_rukou .hd ul li:nth-child(5) h3 font:before{background: #ff6e01;}



#s_rukou .tt{ position: absolute; z-index: 99; width: 26rem; height: 26rem; border-radius: 50%; top: 50%; margin-top: -13rem; right: 10%;color: #fff; text-align: center; z-index: 3;}

#s_rukou .tt:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; right: 0; top: 0; border-radius: 50%;  background: rgba(212,44,48,.9); z-index: -1; }

#s_rukou .tt p{ font-size: 1.5rem; margin-bottom: 1.375rem; letter-spacing: .75rem; margin-left:.75rem;}

#s_rukou .tt h3{ font-size: 2.25rem; text-align: center; line-height: 1.3;  }

#s_rukou .tt h3 span{ display: block; letter-spacing: .75rem; margin-left: .75rem; }

#s_rukou .tt h4{ font-size: 1.125rem; line-height: 1.3; margin-top: 3px;}

#s_rukou .tt .quan1{ display: block; width: 85%; height: 85%; position: absolute; left: -3rem; top: 0; border-radius: 50%; background: rgba(212,44,48,.2);  z-index: -2;}

#s_rukou .tt .quan2{ display: block; width: 90%; height: 90%; position: absolute; right: -3rem; top: 2rem; border-radius: 50%; border: 1px solid rgba(255,255,255,.7); z-index: -2;}



#s_news{ width: 100%; overflow: hidden; background: #f4f6f8;}

#s_news .hd{ overflow: hidden; margin-bottom: 3.25rem;}

#s_news .hd .tt{ font-size: 1.4rem; color: #c52d31;  float: left; line-height: 2.6875rem; }

#s_news .hd .tt span{ font-size: 1.625rem; color: #213f6b;  margin-right: .625rem;}

#s_news .slick_btn{ float: left;}

#s_news .slick_btn>div{ width: 3.75rem; height:2.6875rem; line-height: 2.6875rem; text-align: center; float: left; border: 2px solid #eee; background: #fff; margin-left: 5px; cursor: pointer; transition: .3s;}

#s_news .slick_btn>div svg{ width: .5rem; display: inline-block; margin-top:0.7rem}

#s_news .slick_btn>div:hover{ border: 2px solid #d42c30; background: #d42c30;}

#s_news .slick_btn>div:hover svg path{ stroke:#fff;}

#s_news .hd .btn_r{ position: relative; overflow: hidden; z-index: 1;}
#s_news .hd .btn_r:before{content:"";position:absolute; z-index: -1; left:auto;right:0;bottom:0;width:0;height:100%;background:#d42c30;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
#s_news .hd .btn_r:hover:before{left:0;right:auto;width:100%}
#s_news .hd .btn_r:hover{ color: #fff;}
#s_news .hd .btn_r:hover svg path{stroke:#fff;}
#s_news .bd{}

#s_news .bd ul{ margin: 0 -1.5rem;}

#s_news .bd ul li{ padding: 0 1.5rem;    position: relative; }


#s_news .bd ul li .wzbj{ position: absolute; top: 0; left:1.5rem; right:1.5rem;  height: 100%; background: url(../images/index3_black1.png) no-repeat center center; background-size:100% 100%;}
#s_news .bd ul li .wzbj p{ font-size: 18px; color: #ffffff; line-height: 68px; text-align: center; position: absolute; bottom: 0; width: 100%;}



.btn_r{ width: 7.5rem; height:2.6875rem; line-height: 2.6875rem; display: block; float: right; text-align: center; border: 2px solid #eee; background: #fff; margin-left: 9px; text-transform: uppercase; font-size: .875rem;}

.btn_r svg{ display: inline-block; width: 6px;}

.btn_line{font-size:.875rem; color:#000000; position:relative;}

.btn_line:before,.btn_line:after{ content:""; width:100%; height:1px; background:#000000; display:inline-block; position:absolute; right:0; bottom:-1px;}

.btn_line:after{ width:0; transition:.5s;}

.btn_line:before{ transition:.5s .5s; left:0; right:auto;}

.btn_line:hover:before{ width:0; transition:.5s; right:0; left:auto;}

.btn_line:hover:after{ width:100%; transition:.5s .5s; left:0; right:auto;}



.s_fuwu{ width: 100%; overflow: hidden; background:url(../images/s_fuwu_bg.jpg) center no-repeat; background-size:100% 100%;}

.s_fuwu .m{ max-width: 1480px;}

.s_fuwu .txt{ width: 26.2%; float: left;}

.s_fuwu .txt .tt2{ text-align:left; margin-bottom:4.375rem;}

.s_fuwu .txt .tt2 h5{ font-size:1.625rem; color:#213f6b; font-weight:bold; margin-bottom: .75rem;}

.s_fuwu .txt .tt2 span{ font-size:1.3rem; color:#666666; font-family:arial;} 

.s_fuwu .txt font{ display:block; margin-bottom:2.5rem;}

.s_fuwu .txt p{ font-size:1rem; color:#988f7f; line-height:1.5rem;}

.s_fuwu .txt i{ display:block; width:383px; height:3px; background:#e4d4b8; margin-top:2rem; margin-bottom:2rem;}

.s_fuwu .txt .btn{ font-size:14px; color:#baab95; font-family:arial; text-transform:capitalize; padding: 0;} 

.s_fuwu .txt .btn:before{ content:""; width:0; height:1px; background:#baab95; transition:.5s; display: inline-block; top:-4px; position:relative; margin-right:0;}

.s_fuwu .txt .btn:hover:before{ width:40px; margin-right:6px;}

.s_fuwu ul{ float:right; width: 63.67%; }  

.s_fuwu ul li{ float:left; width:33.333%; padding-left:1.625rem; position:relative; z-index:1; overflow:hidden;} 

.s_fuwu ul li a{ padding:1.5rem; padding-top:5rem; display:block;transition:.7s; height:24.375rem; background:#fdfcfa; position: relative; z-index:1;}

.s_fuwu ul li font{ margin-bottom:1.25rem; display:block; height:3.75rem;}

.s_fuwu ul li font img{}

.s_fuwu ul li font .img02{ display:none;}

.s_fuwu ul li h5{ font-size:1.25rem; color:#363636;transition:.7s; font-family: PingFangSC-Bold,"苹方";}

.s_fuwu ul li span{ font-size:.875rem; color:#9c9b9b; font-family: arial; margin-top: 3px; display:block; margin-bottom:2rem;transition:.7s;text-transform:capitalize;}

.s_fuwu ul li p{ font-size:.875rem; color:#656565; line-height:1.5rem; max-height:6rem; overflow: hidden; transition:.7s;}

.s_fuwu ul li i{ display:block; width:2.1875rem; height:2.1875rem; background:url(../images/s_fuwu_arrow.png) center no-repeat; background-size: contain; opacity:0; margin:0 auto; margin-top:2rem;;transition:.7s;}

.s_fuwu ul li a:before{ content:""; width:100%; height:5px; display:block; background:#cdac66; opacity:.9; position:absolute; left:0; bottom:0; transition:.7s; z-index:-1;}

.s_fuwu ul li a:hover:before{ height:100%; top:0; bottom:auto;} 

.s_fuwu ul li a:hover font .img01{ display:none;} 

.s_fuwu ul li a:hover font .img02{ display:block;} 

.s_fuwu ul li a:hover h5,.s_fuwu ul li a:hover span,.s_fuwu ul li a:hover p{ color:#fff;}

.s_fuwu ul li a:hover{ padding-top:2.5rem;}

.s_fuwu ul li a:hover i{ opacity:1;}



#foot{ background: #2c2c2d; width: 100%; overflow: hidden; color: #fff;}

#foot .left{ width: 50%; float: left; overflow:hidden; }

#foot .right{ max-width: 45%; float: right; }

.foot_logo{ margin-bottom: 2rem; }

.foot_nav{display: flex; justify-content: space-between; position: relative;}
.foot_nav:before{ content: ""; display: block; width: 100%; height: 2px; position: absolute; left: 0; top: 0; background: #464748; transition: .3s;}
.foot_nav dl{ float:left;}




.foot_nav dt{ padding-top: 1rem; position: relative;}
.foot_nav dt:before{ content: ""; display: block; width: 0; height: 5px; opacity: 0; position: absolute; left: 0; top: 0; transition: .3s;}
.foot_nav dl:hover dt:before{ width: 100%; opacity: 1;}
.foot_nav dt a{ line-height: 4rem; display: block;font-family: PingFangSC-Bold,"苹方";}
.foot_nav dd{ font-size: .875rem; line-height: 1.875rem; color: #919191;}

.foot_nav dt:hover{ color: #d42c30;}

.foot_nav dd:hover{ color: #d42c30;}
.didh{ width:80%; float:left;}
.didh1{ padding-top:2.5rem;}
.didh2{ margin-top:1.45rem;}
.didh2 ul{ width:400px;}
.didh2 ul li{ float:left; width:200px; font-size: .875rem;line-height: 1.875rem;color: #919191;}



.foot_ewm{ background: #fff; float: left; text-align: center; padding: 5px; margin-right: 2rem;}

.foot_ewm img{ width: 7.5rem; height: 7.5rem; max-width: inherit;}

.foot_ewm p{ font-size: .875rem; color: #575757; line-height: 1.5rem;}



.foot_tel{  }

.foot_tel span{ font-size: 1rem; color: #d0d0d0; line-height: 1.125rem; float: left; margin-right: 7px;}

.foot_tel h4{ font-family: PingFangSC-Bold; font-size: 2.25rem; color: #d42c30; white-space: nowrap;}



.foot_lianxi{ display: flex; justify-content: space-between; }

.foot_lianxi .txt{  }

.foot_lianxi ul{ margin-top: 2.5rem; max-width:350px;}

.foot_lianxi ul li{ font-size: .875rem; line-height: 1.5rem; color: #d0d0d0; padding-left: 2.625rem; position: relative;}

.foot_lianxi ul li span{ position: absolute; left: 0;}



.s_foot_link{ height:40px; width:100%; margin-top: 2.25rem; margin-bottom: .875rem; cursor:pointer;overflow:visible;position: relative;text-align:left; }

.s_foot_link .tt{ width:8.75rem; height:40px; line-height:40px; color:#fff; background:#d42c30; font-size:.875rem; text-align:center; float:left;}
.s_foot_link .tt img{ width: 1.375rem; margin-right:.875rem ;}
.s_foot_link .tanchu{/* overflow:auto; */box-sizing:border-box;position:absolute;bottom: 52px;border-bottom:0;display: none;left:8.75rem;right:-1px;z-index:1;border:1px solid #bbb;}

.s_foot_link .tanchu>div:before {

    content: "";

    position: absolute;

    bottom: 1px;

    right: 50%;

    margin-right: -20px;

    height: 40px;

    width: 40px;

    background-color: #FFFFFF;

    border: 1px solid #bbb;

    z-index: -1;

    -webkit-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    -o-transform: rotate(135deg);

}

.s_foot_link .tanchu>div{max-height:200px;background: #f6f7f7;display:block;padding:10px 13px;overflow:auto;}

.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}

.s_foot_link .tanchu a { color: #666; line-height: 27px; display:block; font-size: .8125rem;}

.s_foot_link .tanchu a:hover{ color: #000; }

.s_foot_link #bnt_link1.a {padding-left:12px;color: #fff; border:1px solid #d42c30; font-size:.875rem; text-align:left;line-height: 35px;  height:40px; line-height:38px; float:left; box-sizing:border-box;text-decoration:none;position:absolute;z-index:1; left:8.75rem; right: 0; }

.s_foot_link #bnt_link1.a h5{ vertical-align: middle; display:inline-block; padding-right:3rem; width:100%; font-size: .9375rem; margin-top:0.7rem}

.s_foot_link .a span{ display:inline-block; float:right; color:#919397; line-height:31px; width:12px; text-align:center; height:100%; margin-right:20px; position:absolute; right:0; top:1rem; }

.copyright{ font-size: .875rem; line-height: 1.3125rem; color: #979798; display: block;}

.copyright a:hover{ color: #d42c30;}



.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}

.tc[name=tc_search]{ opacity:1;}

.tc.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}

.tc-box{

  box-sizing:border-box; z-index:999;

  display: block;

  position:relative;

  }

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

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

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

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



.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}

.tc .j_tab{ table-layout: fixed;}

.tc[name=tc_search]{ opacity:1;}

.tc.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}

.tc-box{

  box-sizing:border-box; z-index:999;

  display: block;

  position:relative; transform: translateY(-10rem);transition: all 0.5s ease-out; opacity: 0;

  }

.tc.act .tc-box{ transform: translateY(0); opacity: 1;}

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

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

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

.tc_shipin{  width:44rem;  max-width: 90%; margin:0 auto;  background:none; position:relative; height: 28rem;}

.tc_shipin video{ width:100%; height:100%;}

.tc_shipin .tc_close{ display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2rem; right:-3rem; border-radius:50%;}

.tc_shipin .tc_close img{ display:block; position:absolute; width:1rem; height:1rem; left:50%; top:50%; margin-top:-.5rem; margin-left:-.5rem; }

.tc_shipin .tc_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.video-js{    width: 100% !important;

    height: 100% !important;}

.video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); background-color: rgba(0, 0, 0, 0) !important;}

video{

    object-fit:fill;  

}

.vjs-poster{ background-size: cover !important;}



/*内页开始*/
.erjizz{ width:100%;  overflow: hidden; padding:50px 0;}
.erjizz1{ width:80%; margin:0 auto;}
.erjizz1 ul li{ width:21%; margin:2%; float:left; background:#FFF; overflow:hidden;}
.erjizz1 ul li h2{font-size: 18px; color: #666; line-height: 50px; text-align:center}




.erjidp{ width:100%;  overflow: hidden; padding:50px 0;}
.erjidp1{ width:80%; margin:0 auto;}
.erjidp1{font-size: 18px; color: #666; line-height: 30px;}


.erjial{ width:100%;  overflow: hidden; padding:50px 0;}
.erjial1{ width:80%; margin:0 auto;}
.erjial1 ul li{ }
.erjixw ul li h1{ font-size:2rem; line-height:3rem; height:3rem; padding:0 2rem 0; overflow:hidden; color:#333}
.erjixw ul li h2{ font-size:1.2rem; line-height:2rem; height:4rem;padding:0rem 2rem 0; overflow:hidden;color:#999}
.erjixw ul li h3{ font-size:1.2rem; line-height:2rem; height:2rem;padding:0rem 2rem 0; margin-top:0.5rem; overflow:hidden;color:#666}
.erjial1 ul li{ width:31%; margin:1.16666%; float:left;  position: relative; }

.erjial1 ul li .wzbj{ position: absolute; bottom:0px; width:100%;  height: 100%; background: url(../images/index3_black1.png) no-repeat center center; background-size:100% 100%;}
.erjial1 ul li .wzbj p{ font-size: 18px; color: #ffffff; line-height: 68px; text-align: center;position: absolute; bottom:0px; width: 100%; }











.erjibj{ width:100%; background: #f3f3f3; overflow: hidden; padding:50px 0;}
.erjixw{ width:80%; margin:0 auto;}
.erjixw ul li{ width:31%; margin:1.16666%; float:left; background:#FFF; padding:2rem 0}
.erjixw ul li h1{ font-size:2rem; line-height:3rem; height:3rem; padding:0 2rem 0; overflow:hidden; color:#333}
.erjixw ul li h2{ font-size:1.2rem; line-height:2rem; height:4rem;padding:0rem 2rem 0; overflow:hidden;color:#999}
.erjixw ul li h3{ font-size:1.2rem; line-height:2rem; height:2rem;padding:0rem 2rem 0; margin-top:0.5rem; overflow:hidden;color:#666}


.zhaopinbj{ width:100%; background: #f3f3f3; overflow: hidden; padding:50px 0;}
.zhaopin{ width:1300px;background: #FFF; margin:0 auto 50px;}
.zhaopin th { border-bottom: 1px solid #dbdbdb;line-height: 60px;color: #333;font-size: 18px; text-align:center;}
.zhaopin td{border-bottom: 1px solid #ededed; padding: 10px 0;line-height: 35px; color: #666; font-size: 16px; cursor: pointer;}
.zhaopin tr:nth-child(2n+1){ background:#eeeeee;}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd; padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist span { background: #d1b475; color: #fff;}



.ljsq{ border:1px solid #d5d5d5; width:100px;color: #333}
.ljsq a{color: #333 }


#n_banner{ width:100%; height:28.125rem; overflow:hidden; position:relative; text-align:left; background:#000; z-index: 8; }

#n_banner .con{ height:100%; position: absolute; top:0; left:0; z-index:99; width:100%;}

#n_banner .img{ height:100%; opacity:1; fiter:alrha(opacity=100); }

#n_banner .txt{ padding-top: 3rem;}

#n_banner .txt h3{ text-transform:uppercase; font-size:1.5rem; color:#fff; margin-bottom:.5rem; }

#n_banner .txt span{ display: block; font-size:2.625rem; font-family: "Franklin Gothic Demi";  text-transform: capitalize; color:#fff; }



 /*内页导航*/

.n_nav_box{ position:relative; z-index: 9; width:100%; overflow:hidden; margin-top: -3.125rem;}

.n_nav_box:after{  width:100%; height:1px; display:block; background:#dadada; position:absolute; bottom:1px; left:0; transition: .5s; z-index:-1;}

/*内页导航*/

.n_nav{text-align:  center;font-size:  0; }

.n_nav ul li{ text-align:center;line-height:6.25rem; width:18%; font-size:1.125rem;color:#474747;transition:.3s;display:  inline-block; background: #fff; }



.n_nav ul li a{ display:block; padding: 0 3rem; position: relative; z-index: 1;}

.n_nav ul li font{display:inline-block;vertical-align:middle;width:1.5rem;height:1.5rem;line-height:1.5rem;margin-right:.5rem;position:  relative;}

.n_nav ul li font img{max-width:100%;max-height:100%;vertical-align:middle;position:  absolute;left:  0; transition: .3s;}

.n_nav ul li font .img02{ display:none; }

.n_nav ul li:hover{ color:#fff;}

.n_nav ul li.on{ color:#fff;}

.n_nav ul li:hover .img01,.n_nav ul li.on .img01{ display:none;}

.n_nav ul li:hover .img02,.n_nav ul li.on .img02{ display:block;}

.n_nav ul li a:after{content:"";position:absolute;left:auto; z-index: -1; right:0;bottom:0;width:100%;height:100%;border: 1px solid rgba(0,0,0,.1); -webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.n_nav ul li+li a:after{ border-left: 0 !important;}

.n_nav ul li:hover a:after{ color:#fff; border: 1px solid rgba(255,255,255,.1); }

.n_nav ul li.on a:after{ color:#fff; border: 1px solid #d42c30; }

.n_nav ul li a:before{content:"";position:absolute;left:auto; z-index: -1; right:0;bottom:0;width:100%;height:0;background:#d42c30;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.n_nav ul li a:hover:before,.n_nav ul li.on a:before{top:0;bottom:auto;height:100%}



#n_mian{ background: #f4f6f8;}



#n_about{ width: 100%; overflow: hidden; background: url(../images/about_map.png) center 3rem no-repeat;}

#n_about .tt{ text-align: center; margin-bottom: 4.25rem; font-family: PingFangSC-Bold; font-size: 1.625rem;}

#n_about .con{ text-align: center; font-size: .9375rem; line-height: 1.875rem; color: #3e3e3e;}

.n_shuzi{ margin-top: 3rem; margin-bottom: 4rem;}

.n_shuzi ul{ text-align: center; overflow: hidden; font-size: 0; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}

.n_shuzi ul li{ width:16.66666%;float: left; overflow: hidden; position: relative; z-index: 1;}

.n_shuzi ul li .box{ display: inline-block; height: 8.4375rem; border: 1px solid #ddd; border-left: 0; border-top: 0; width: 100%;  text-align: center; padding: 1rem;  }

.n_shuzi ul li .j_tab{ table-layout: fixed;}

.n_shuzi ul li p span{font-family: PingFangSC-Bold; color: #d42c30; font-size:2.25rem; margin-bottom:.8rem; text-transform: uppercase;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.n_shuzi ul li p font{ font-family: PingFangSC-Bold; font-size: .875rem; position: relative; top: -5px; margin-left: .75rem;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.n_shuzi ul li h5{ font-size:.9375rem; margin-top: .8125rem; white-space: normal; line-height: 1.5;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s }

.n_shuzi ul li .box:before{content:"";position:absolute;left:auto; z-index: -1; right:0;bottom:0;width:100%;height:0;background:#d42c30;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.n_shuzi ul li .box:hover:before,.n_nav ul li.on a:before{top:0;bottom:auto;height:100%}

.n_shuzi ul li .box:hover p span{ color:#fff;}

.n_shuzi ul li .box:hover p font{ color:#fff;}

.n_shuzi ul li .box:hover h5{ color:#fff;}



#n_fengcai_xq{ width: 100%; overflow: hidden;}

#n_fengcai_xq .m{ max-width: 1560px;}

#n_fengcai_xq .hd{ width: 14.7%; float: right; padding-top: 2rem; padding-bottom: 2rem;}

#n_fengcai_xq .hd ul{}

#n_fengcai_xq .hd ul li{ padding: 4px 0;}

#n_fengcai_xq .hd ul li .img{ background: #000;}

#n_fengcai_xq .hd ul li .img img{ opacity: .5;}

#n_fengcai_xq .hd ul li.slick-current .img img{ opacity:1;}

#n_fengcai_xq .bd{ width: 85.3%; float: left; padding-right: 8px; position: relative;}

#n_fengcai_xq .bd:after{ content: ""; display: block; width: 100%; height: 3rem; background: url(../images/fengcai_yingyin.png) center no-repeat; background-size: contain; position: absolute; left: 0; bottom: -4rem;}

#n_fengcai_xq .bd ul{}

#n_fengcai_xq .bd ul li{ padding: 4px 0;}



#n_fengcai_xq .slick-arrow{ z-index:99; position:absolute; transform:translate(0,0); opacity:1; left: 50%; margin-left: -1rem; right: auto;

	display:block; width: 2rem; height: 2rem; background-size:2rem !important;}

#n_fengcai_xq .slick-prev{ background:url(../images/fengcai_top.png) left center no-repeat; background-size: contain; top:-2.5rem;

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

#n_fengcai_xq .slick-next{ background:url(../images/fengcai_bottom.png) right center no-repeat; background-size: contain; bottom:-2.5rem; top: auto;

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

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



#n_fengcai_xq .slick-prev:hover{ background:url(../images/fengcai_top_on.png) left center no-repeat; }

#n_fengcai_xq .slick-next:hover{ background:url(../images/fengcai_bottom_on.png) left center no-repeat; }



#n_jiameng{ width: 100%; overflow: hidden;}

#n_jiameng .box{ position: relative;}

#n_jiameng .img{ width: 32.5rem;  margin-right: 3rem;}

#n_jiameng .img img{}

#n_jiameng .txt{ width: calc(100% - 32.5rem); position: absolute; right: 0; top: 0; padding-left: 3rem; height: 100%;}

.n_tt{ font-size: 1.875rem; color: #272727;font-family: PingFangSC-Bold; margin-bottom: 2rem; }

.n_tt span{ font-size: 1.5rem; color: #d42c30; color: #d42c30; text-transform: uppercase; margin-left: .75rem;}

#n_jiameng .con{ font-size: .875rem; color: #000; line-height: 1.625rem;}



#n_liucheng{ background: #f4f6f8; width: 100%; overflow: hidden;}

#n_liucheng .n_tt{ text-align: center; margin-bottom: 3.25rem;}

#n_liucheng ul{ margin: 0 -2.5rem; margin-top: -2rem;}

#n_liucheng ul li{ padding: 0 2.5rem; width: 33.333%; float: left; margin-top: 2rem;}

#n_liucheng ul li .img{}

#n_liucheng ul li .img img{ transition: 1s;}

#n_liucheng ul li:hover .img img{ transform: rotate(.1deg) scale(1.1);}

#n_liucheng ul li .txt{ text-align: center; max-width: 336px; margin: 0 auto;}

#n_liucheng ul li .txt font{ font-size: 1.875rem; color: #858585; font-family: PingFangSC-Bold; display: block; margin-top: 2rem; margin-bottom: 1rem;}

#n_liucheng ul li .txt p{ font-size: 1rem; color: #000; line-height: 1.5rem; height: 4.5rem;}





#n_news{ width: 100%; overflow: hidden; background: #f4f6f8;}

#n_news .bd{}

#n_news .bd ul{ margin: 0 -1.5rem; margin-top: -3.625rem;}

#n_news .bd ul li{ padding: 0 1.5rem; width: 33.333%; float: left; margin-top: 3.625rem;}

#n_news .bd ul li a{ display: block; width: 100%; height: 100%; position: relative;}

#n_news .bd ul li .img{height: 20rem;}

#n_news .bd ul li .img img{ width: 100%; height: 100%;
    object-fit: cover;
    overflow: hidden;
    display: inline-block;}

#n_news .bd ul li .time{ padding: 0 2.5rem; height: 7rem; text-align: center; color: #131313; display: inline-block; position: relative; z-index: 1;transition: .5s;}

#n_news .bd ul li .time:before{ content: ""; display: block; width: 100%; height:0; position: absolute; left: 0; top: 0; z-index: -1; background: rgba(212,44,48,.8); transition: .5s;}

#n_news .bd ul li .time span{ display: block; font-size: 3rem; font-family: PingFangSC-Bold; }

#n_news .bd ul li .txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}

#n_news .bd ul li .txt:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: #fff; transition: .7s;}

#n_news .bd ul li .txt .con{ padding: 0 2.5rem; opacity: 1; transition: .5s .2s;}

#n_news .bd ul li .txt h5{ font-size: 1.125rem; color: #000; line-height: 1.5rem; font-family: PingFangSC-Bold;  white-space: normal; height: 3rem; overflow: hidden;}

#n_news .bd ul li .txt hr{ margin: .75rem 0;}

#n_news .bd ul li .txt p{ font-size: .875rem; color: #000; line-height: 1.5rem; height: 3rem; overflow: hidden; margin-bottom: 1.5rem;}

#n_news .bd ul li a:hover .time{ color: #fff;}

#n_news .bd ul li a:hover .time:before{ height: 100%;}

#n_news .bd ul li a:hover .txt:before{ height: 0;}

#n_news .bd ul li a:hover .con{ opacity: 0; transition: .5s;}



/*翻页*/

.page { text-align:center; padding-top: 3rem; }

.page a{ padding:0 13px; min-width: 35px; height:35px; line-height:33px; display:inline-block; margin:0 0.1rem; border-radius: 2px; color:#66635f; background: #fff; font-size:.875rem; -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;}

.page .on{ background:#d42c30;  color:#fff;}

.page a:hover{ background:#d42c30; color:#fff;}



#n_team{ width: 100%; overflow: hidden; }

#n_team ul{ margin: 0 -7px; margin-top: -1.5rem;}

#n_team ul li{ width: 25%; float: left; padding: 0 7px; margin-top: 1.5rem;}

#n_team ul li .img{ position: relative; overflow: hidden;}

#n_team ul li .img img{}

#n_team ul li .img .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; z-index: 1; font-size: .875rem; line-height: 2rem;}

#n_team ul li .img .mask:before{ content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; background: rgba(0,0,0,.6); z-index: -1; transition: .7s; }

#n_team ul li .img .mask font{ width: 3.125rem; height: 3.125rem; display: inline-block; background: url(../images/jia.png) center no-repeat; background-size: contain; vertical-align: middle;margin: 0 1rem;opacity: 0; visibility: hidden; transform: translateY(15px); transition: .3s; }

#n_team ul li h5{ height: 3.75rem; line-height: 3.75rem; font-size: .9375rem; color: #616366; text-align: center; padding: 0 10px;}

 

#n_team ul li:hover .img .mask:before{ width: 100%; left: 0; right: auto;}

#n_team ul li:hover .img .mask font{ opacity: 1; visibility: visible; transform: translateY(0); transition: .5s .3s; }



#n_shipin{ width: 100%; overflow: hidden; }

#n_shipin ul{ margin: 0 -.8125rem; margin-top: -1.875rem;}

#n_shipin ul li{ width: 25%; float: left; padding: 0 .8125rem; margin-top: 1.875rem;}

#n_shipin ul li a{ display: block; transition: .5s;}

#n_shipin ul li .img{ position: relative; overflow: hidden;}

#n_shipin ul li .img img{ transition: 1s;}

#n_shipin ul li:hover .img img{ transform: scale(1.05) rotate(.1deg);}

#n_shipin ul li .img .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; z-index: 1; font-size: .875rem; line-height: 2rem;}

#n_shipin ul li .img .mask font{ width: 2.875rem; height: 2.875rem; display: inline-block; background: url(../images/n_play.png) center no-repeat; background-size: contain; vertical-align: middle;margin: 0 1rem; transition: .3s; }

#n_shipin ul li .txt{ background: #fff; padding: 1.25rem;}

#n_shipin ul li .txt h5{ font-size: 1rem; color: #303033; text-align: center; }

#n_shipin ul li .txt i{ display: block; width: 23px; height: 23px; border-radius: 50%; background: url(../images/jia02.png) center no-repeat; background-size: contain !important; margin: 0 auto; margin-top: .625rem;}

#n_shipin ul li a:hover{ box-shadow: 0 3px 30px rgba(0,0,0,.15);}

#n_shipin ul li a:hover .txt i{background: url(../images/jia02_on.png) center no-repeat;}





#n_mendian{ width: 100%; overflow: hidden; }

#n_mendian ul{ margin: 0 -.8125rem; margin-top: -1.875rem;}

#n_mendian ul li{ width: 33.333%; float: left; padding: 0 .8125rem; margin-top: 1.875rem;}

#n_mendian ul li a{ display: block; transition: .5s;}

#n_mendian ul li .img{ position: relative; overflow: hidden;}

#n_mendian ul li .img img{ transition: 1s;}

#n_mendian ul li:hover .img img{ transform: scale(1.05) rotate(.1deg);}

#n_mendian ul li .img .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; background: rgba(0,0,0,.6); z-index: 1; font-size: .875rem; line-height: 2rem;opacity: 0; visibility: hidden;transition: .7s; }

#n_mendian ul li .img .mask font{ width: 2.625rem; height: 38px; display: inline-block; background: url(../images/ico_map.png) center no-repeat; background-size: contain !important; vertical-align: middle;margin: 0 1rem; transform: translateY(25px);transition: .5s ;opacity: 0; visibility: hidden; }

#n_mendian ul li .img .mask p{ font-size: 1rem; margin-top: 5px;transform: translateY(25px);transition: .5s ; opacity: 0; visibility: hidden;}

#n_mendian ul li .txt{ background: #fff; padding:2rem 2.25rem; border: 1px solid #eaeaea;}

#n_mendian ul li .txt h5{ font-size: 1.5rem; color: #000000; font-family: PingFangSC-Bold; margin-bottom: .5rem;  }

#n_mendian ul li .txt p{ font-size: .9375rem; color: #000000; line-height: 1.5rem; height: 3rem;  }

#n_mendian ul li a:hover{ box-shadow: 0 3px 30px rgba(0,0,0,.15);}

#n_mendian ul li a:hover .txt i{background: url(../images/jia02_on.png) center no-repeat;}

#n_mendian ul li a:hover .mask{opacity: 1; visibility: visible; }

#n_mendian ul li a:hover .mask font{opacity: 1; visibility: visible;transform: translateY(0);transition: .7s .2s;}

#n_mendian ul li a:hover .mask p{opacity: 1; visibility: visible;transform: translateY(0);transition: .7s .2s;}



#n_mendian .hd{ overflow: hidden; margin-bottom: 4rem;}

#n_mendian .hd .tt{ float: left; line-height: 3.75rem; font-size: 1.875rem; color: #000000;  font-family: PingFangSC-Bold,"苹方"; }

.mendian_search{ float: right;}

.form_search { 

}

#dr_linkage_jiedao_select{ display:block; }

 

.form_search .box .f_title {

	display: inline-block;

	width: 84px;

	height: 40px;

	line-height: 40px;

	background: #bf934a;

	text-align: center;

	font-size: 14px;

	color: #fff;

	display: none;

}



.form_search .box .f_input {

	display: inline-block;

	width: 205px;

	height: 40px;

	line-height: 38px;

	background: #fff;

	border: #e5e5e5 1px solid;

	font-size: 16px;

	color: #333;

}



.form_search .box .f_input input {

	display: inline-block;

	width: 100%;

	height: 38px;

	line-height: 38px;

	background: none;

	border: none;

	font-size: 16px;

	color: #333;

	padding: 0 15px;

}



.form_search .box .sousuo {

	display: inline-block;

	padding: 0 !important

}



#dr_linkage_jiedao_select label{

	display: inline-block;

	width: 20rem;

}



.form_search select {

	background: #fff; box-shadow: none;

	height: 3.75rem;

	line-height: 3.75rem;

	border: none;

	font-size: 1.125rem;

	color: #000000; font-weight: normal;

	padding: 0 1rem;

}
@media (min-width: 768px)

{
	.form_search select { -webkit-appearance:none; background: url(../images/select_arrow.png) 93% center no-repeat #fff;}
}
.form-control:focus {
    border-color: inherit;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow:none;
}

.form_search .btn_anniu {

	display: inline-block;

	height: 3.75rem;

	line-height: 3.75rem;

	background: #d6b97a;

	text-align: center;

	border-radius: 4px;

	width: 11.25rem;

}



.form_search .btn_anniu button {

	display: inline-block;

	width: 100%;

	background: none;

	border: none;

	height: 3.75rem;

	line-height: 3.75rem;

	font-size: 1.125rem;

	color: #fff;

	cursor: pointer;



}

.form_search .btn_anniu img{ width: 1.125rem; margin-left: 1.125rem;}

span.select_text_ui {

    display: none;

}





#n_lianxi{ width: 100%; overflow: hidden;}

#n_lianxi .box{ position: relative; width: 100%; height: 100%; }

#n_lianxi .txt{ width: 53%; float: left; background: #fff url(../images/lianxi_bg.png) right bottom no-repeat; border:1px solid #e5e5e5; border-radius: .5rem 0 0 .5rem; padding: 4rem 4rem 3rem;box-shadow: 1.832px 34.952px 38px 14px rgba( 109, 109, 109,.2 );}

#n_lianxi .tt{ border-bottom: 1px solid #ccc; padding-bottom: 1rem; margin-bottom: 2rem;}

#n_lianxi .tt h3{ font-size: 1.5rem; color: #000; font-family: PingFangSC-Bold,"苹方";}

#n_lianxi .tt span{ font-size: .875rem; color: #737373; text-transform: uppercase;}

#n_lianxi .con{}



#n_lianxi ul{ margin-bottom: 2rem;}

#n_lianxi ul li{ font-size: 1rem; color: #000000; line-height: 2.75rem; margin-bottom: .5rem;}

#n_lianxi ul li span{}

#n_lianxi ul li font{ width: 2.75rem; height: 2.75rem; line-height: 2.625rem; text-align: center;border-radius: 50%; border: 1px solid #e6e6e6; display: inline-block; margin-right: 1.125rem;}
#n_lianxi ul li font img{ width:50%; margin:25% auto;}

.lianxi_ewm{ overflow: hidden;}

.lianxi_ewm img{ float: left; width: 7.5rem; height: 7.5rem; margin-right: 1.5rem;}

.lianxi_ewm .txt2{ float: left; height: 7.5rem; font-size: .875rem; color: #575757; line-height: 1.5rem;}



.n_map{ width: 47%; height: 100%; position: absolute; top: 0; right: 0;border:1px solid #e5e5e5; border-left: 0;}



 

.ar_article{font-size:1rem; color:#555555; line-height:2.25rem; text-align:justify; }
.ar_article img{ margin-bottom: 1.5rem;}
.ar_article p{font-size:1rem; color:#555555; line-height:2.25rem;padding-bottom:1.75rem;}	

.ar_article strong{ font-weight:bold;}

.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:1.125rem;}

.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}

.ar_article img{ max-width:100%;}

.ar_article a{ }

.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}

.ar_article ul li,

.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; }

.ar_article ul li p,

.ar_article ol li p{ padding-bottom:0;  }

.ar_article ul,

.ar_article ol{ margin-bottom:15px;}

.ar_article p:last-child{ padding-bottom: 0;}



/*新闻详情*/

#n_news_xq{ width:100%; overflow:hidden; }

.ar_title{margin-bottom:1.5rem;border-bottom:1px solid #e5e5e5;padding-bottom: .6rem;position:relative; }

.ar_title h3{font-size:1.5rem;color:#313131;font-weight:bold;margin-bottom: 1.1rem;}

.ar_title h3 i{ display: inline-block; width: 5px; height: 20px; position: absolute; background: #d42c30; left: -22px; top: .125rem;}

.ar_title h4 { overflow: hidden;}

.ar_title .time{ font-size:.875rem; color:#6d6d6d; display: inline-block; margin-bottom:1rem; line-height:1rem;}

.ar_title .time font{ width:.9rem; height:1.125rem; float: left; margin-right:.5rem;}

.ar_title .time font svg{ max-width:100%; max-height:100%;}

.ar_title h4 span{ font-size:.875rem; color:#404040; margin-right:2.5rem; float: left; line-height: 35px;}

.ar_title .butie{ float:right; font-size:1.125rem; color:#383838; margin-top:-2rem;}

.ar_title .butie b{ font-size:3.375rem; color:#f5c237; font-family:"Geometr706 BlkCn BT"; font-weight:normal;}

.ar_title .butie font{ font-size:1.5rem; color:#f5c237;}

#n_news_xq .right_con{ float:right; width: 25.75%; }

#n_news_xq .left_con{ width: 70%; float: left; padding-left: 4.5rem; }

#n_news_xq .right_con>.box{padding:2.5rem 2.2rem; border: 1px solid #e5e5e5; }

#n_news_xq .left_con>.box{ }

#right_search form{ position:relative; width:100%; margin:0 auto; background:#fff; border:2px solid #eee; height:60px;}

#right_search #keyword{width: 90%; height:56px; padding:0 20px; font-size:1.125rem; color:#696969;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}

#right_search .btn_blue{ position:absolute; top:0; right:0; width: 40px; height:56px; border:0; line-height:4.25rem;background:url(../images/search.svg) center center no-repeat; background-size:1.125rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase; }



.news_tuijian .box{ }

.news_tuijian .tt{ font-size: 1.25rem; color: #242424; line-height: 2rem; font-weight: bold;}

.news_tuijian .tt i{ display: inline-block; width: 5px; height: 21px; position: relative; background: #d42c30; margin-right: 10px; position: relative; top: .25rem;}

.news_tuijian .tt span{ font-size: 1rem; color: #d42c30; font-family: Poppins; margin-left:.625rem; font-weight: normal;}



.news_tuijian .txt{ padding: 1.5rem 0 .75rem; border-bottom: 1px solid #cccccc; position: relative;}

.news_tuijian .txt:after{ content:""; position:absolute; bottom:-1px; left:0; height:2px; background:#d42c30; display:block; width:68px;}

.news_tuijian .txt h5{ font-size: 1.125rem; line-height: 1.2; color: #404040; font-weight: bold; transition: .3s; margin-bottom: 1.125rem;}

.news_tuijian .txt h5:hover{ color: #d42c30;}

.news_tuijian .txt p{font-size: .9375rem; color: #adadad; line-height: 1.5rem; height: 3rem; overflow: hidden;}

.news_tuijian .txt .top_box{ overflow: hidden; margin-top: 1rem;}

.news_tuijian .txt .time{ font-size: .9375rem; line-height: 2.625rem; font-family: Poppins; color: #989898;}

.news_tuijian .txt .btn_more{ float: right; font-size: .9375rem; color: #919191;}

.news_tuijian .txt .btn_more:hover{ color: #d42c30;}

.news_tuijian .txt .arrow_anim{ margin-top: 0;}



.news_tuijian ul{ padding-top: 1rem;}

.news_tuijian ul li{ height:2.625rem;}

.news_tuijian ul li a{ display: block;}

.news_tuijian ul li h5{ font-size:1rem; line-height:2.625rem; color:#6d6d6d;  }

.news_tuijian ul li h5:before{ content:""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background:#d42c30;

; margin-right:8px;}

.news_tuijian ul li:hover h5{ color:#d42c30

;}

.news_tuijian ul li:hover h5:before{ color:#d42c30

;}



#ar_fot{ margin-top:10px; position:relative; padding-bottom:3rem; width:100%; overflow:hidden;}

#ar_fot .inbox{ position:relative;}

#ar_fot h3{ display:block; font-size:14px; line-height:30px; color:#676869;width:35px; height:35px; transition:.3s; margin:0;}

#ar_fot h3 a{ display:block; width:35px; height:35px;}

#ar_fot h3 a svg{ max-width:100%; max-height:100%; }

#ar_fot h3 a svg *{ fill:#ccc;}

#ar_fot h3 a:hover{ color:#d9353c;}

#ar_fot h3.prev{ position: absolute; left:0; top:0;}

#ar_fot h3.next{ position: absolute; right:0; top:0; }

#ar_fot h3 a:hover svg *{ fill:#d42c30;}

#ar_fot .bnt_back{ font-size:14px; width:160px; height:35px; line-height:35px; margin:0 auto; text-align:center; border:1px solid #ccc; border-radius:20px; transition:.3s;}

#ar_fot .bnt_back a{ display:block; font-size:14px; color:#7f7f7f; transition:.3s;}

#ar_fot .bnt_back:hover{ border:1px solid #d42c30;}

#ar_fot .bnt_back:hover a{ color:#d42c30; }



#piaofu_news{ position: absolute; left:50%; margin-left: -800px; top:750px; z-index:99;}

#piaofu_news.xg{ position: fixed; left:50%; margin-left: -800px; top:150px; z-index:99;}

#piaofu_news ul{}

#piaofu_news ul li{ position:relative; z-index:0;width:41px; height:41px; cursor:pointer; margin-bottom:20px; }

#piaofu_news ul li span{ position: absolute; z-index: 9; padding-left: 5px; width:5.5rem; height: 41px; line-height: 41px; right: 100%; text-align: center; font-size: .875rem; color: #fff; opacity: 0;}

#piaofu_news ul li font{ width:41px; height:41px; text-align:center; display:table-cell; vertical-align:middle; position: relative; z-index: 1;}

#piaofu_news ul li font img{ display: block; margin: 0 auto;}

#piaofu_news ul li font:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; right: 0; top: 0; z-index: -1; border:2px solid #a9a9a9; border-radius: 21px; transition: .3s;}

#piaofu_news ul li font:hover:before{ border: 2px solid #d42c30; background: #d42c30; width:calc(5.5rem + 41px); }

#piaofu_news ul li:hover span{ opacity: 1;}

/*==============分享插件=====================*/

.ar_fx{ margin:0 auto; text-align:center;}

#j_shart_s_240{ position:relative; white-space:nowrap;}

#j_shart_s_240 .fx{ position:relative; top:2px; cursor:pointer;}

.ar_fx h4{ font-size:.875rem; float: left; line-height: 35px;}

.ar_fx .shart_box2{ float: left;}

#j_shart_s_240 a{ display: inline-block !important; position:relative; cursor:pointer; float:none !important; background: none;}

#j_shart_s_240 a:before{ content:""; display:block; width:100%; height:100%; border-radius:50%; position:absolute; top:0; left:0; z-index:2; background-size:auto 25px !important;}

#j_shart_s_240 a:after{ content:""; display:block; width:100%; height:100%; border-radius:50%; position:absolute; top:0; left:0; background:#fff; ; transition:.5s; transform:scale(0); z-index:1;}

#j_shart_s_240 a:hover:after{ transform:scale(1);}

#j_shart_s_240 a.bds_weixin:before{ background:url(../images/share_weixin_gray.png) center no-repeat; background-size:auto 17px !important; }

#j_shart_s_240 a.bds_sqq:before{background:url(../images/share_qq_gray.png) center no-repeat; background-size:auto 13px !important; }

#j_shart_s_240 a.bds_tsina:before{ background:url(../images/share_sina_gray.png) center no-repeat; background-size:auto 17px !important; }

#j_shart_s_240 a.bds_count:hover{ font-size:12px;}

#j_shart_s_240 a:nth-child(1){ transition:.6s .1s;}

#j_shart_s_240 a:nth-child(2){ transition:.6s .2s;}

#j_shart_s_240 a:nth-child(3){ transition:.6s .3s;}

#j_shart_s_240 a:nth-child(4){ transition:.6s .4s;}



.arrow_anim{ display: block; width: 2.625rem; height: 2.625rem; border-radius: 50%; background: #f5f7f9; position: relative; margin-top: 1.25rem; overflow: hidden;}

.arrow_anim:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/pro_i.png) center no-repeat; position: absolute; left: -100%; top: 0; background-size: 1.0625rem; transition: .5s;}

.arrow_anim:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/pro_i.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: 1.0625rem; transition: .5s;}

.item:hover .arrow_anim:before{ left: 0;}

.item:hover .arrow_anim:after{ left: 100%;}



.lianxi_bn{ position: relative; margin-top: 12px; overflow: hidden;}

.lianxi_bn .txt2{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.lianxi_bn .txt2 h3{ font-size: 1.5rem; color: #232323; float: right; margin-right: 2.25rem;}

.lianxi_bn .txt2 span{ font-size: 1rem; color: #858585; display: block;}

.lianxi_bn img{ width: 100%; display: block; transition: 1s;}

.lianxi_bn:hover img{ transform: scale(1.05) rotate(.1deg);}



 

#n_licheng{ width:100%; overflow:hidden; background:url(../images/n_licheng_bg.jpg) center bottom no-repeat; }

#n_licheng ul{ position: relative;}

#n_licheng ul:first-child{ margin-top: 2rem;}

#n_licheng ul:first-child:before {

    content: "";

    width: 1.1875rem;

    height: 23px;

    background: url(../images/licheng_ico.png) center top no-repeat; background-size: contain;

    display: block;

    z-index: 999;

    position: absolute;

    top: -30px;

    margin-left:5.375rem;

}

#n_licheng ul li{ position: relative; clear: both; margin-bottom: 1.5rem; }

#n_licheng ul li .year{ position:absolute; z-index:9; width:5.9375rem; top:50%;  height:40px; line-height:40px; text-align:center; margin-top:-20px;}

#n_licheng ul li .year span{ font-size:1.5rem; color:#515355; white-space: nowrap; font-family: PingFangSC-Bold,"苹方";font-weight:bold; transition:.2s; position: absolute; right: 2rem;}

#n_licheng ul li .year:before{ content:""; width:10px; height:10px; background:#fff; border:2px solid #d90917; display:block; border-radius:50%; position:absolute; top:50%; margin-top:-5px; right:-5px; transition:.5s;}

#n_licheng ul li.slick-current .year:before{ background:#d90917;}

#n_licheng ul li.slick-current .year span{ color:#d9000f; font-size:1.625rem;}

#n_licheng ul li:after{ content:""; width:2px; height:calc(100% + 66px); background:#d0d1d3; display:block; position:absolute; top:-20px;left: 5.9375rem;}

#n_licheng ul li .txt{ margin-left:9.375rem; background: #fff; border: 1px solid #eaeaea; border-radius:3px; padding:1rem 2rem; font-size:1rem; color:#4e4e4e; line-height:1.7; position:relative; transition: .2s;}

#n_licheng ul li:hover .txt{ background: #d42c30; color: #fff;}

#bnt_dsj_more{  display:block;font-size: 1rem; width:7rem; height:2.25rem; line-height:2.25rem; text-align:center; text-align:center;position: relative;

    z-index: 9; border-radius:5px; color:#fff; background:#d42c30; -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; margin-top: 2rem; text-align: center; margin-left: 2.25rem;}

#n_licheng .bnt_more a:hover{ background:#d83a1b;}

#n_licheng .slide{ display:none;}

@media (min-width: 1100px)

{
 
#n_licheng ul:first-child:before { left: 50%; margin-left:-.59375rem;}

#n_licheng ul li{ width: 50%; margin-bottom: 15px;}

#n_licheng ul li:after{ left:-1px;}

#n_licheng ul li:nth-child(odd){ float: right;}

#n_licheng ul li:nth-child(odd) .year:after{ left:-1rem; right: auto;}

#n_licheng ul li:nth-child(odd) .year:before{ right: auto; left: -5px;}

#n_licheng ul li:nth-child(odd) .year span{ right:auto; left: 2rem;}

#n_licheng ul li:nth-child(even) .txt{ margin-left: 0;margin-right:9.375rem;text-align: right;}

#n_licheng ul li:nth-child(even) .year{ left: auto; right: 0;}

#n_licheng ul li:nth-child(even):after{ left: auto; right: -1px;}

#bnt_dsj_more{margin: 0 auto; margin-top: 2rem;}

}



#n_zizhi{}

#n_zizhi ul{ margin: 0 -1.625rem; margin-top: -3.375rem;}

#n_zizhi ul li{ width: 50%; float: left; padding: 0 1.625rem; margin-top: 3.375rem;}

#n_zizhi ul li a{ position: relative; width: 100%; display: block; cursor: pointer;}

#n_zizhi ul li .pic{ width: 42%; position: relative;}

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

#n_zizhi ul li .pic:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/zizhi_bg.png) center no-repeat; background-size: 100% 100%;}

#n_zizhi ul li .pic:after{content: ""; display: block; width: 100%; height: 24px; position: absolute; left: 0; bottom:-24px; background: url(../images/pic_yy.png) center top no-repeat; background-size: contain;}

#n_zizhi ul li .txt{width: 58%; height: 100%; position: absolute; top: 0; right: 0; background: #fff; padding: 1.5rem 2.5rem; transition: .5s;}

#n_zizhi ul li .txt h5{ font-size: 1.125rem; font-family: PingFangSC-Bold,"苹方"; color: #000000; margin-bottom: .875rem; transition: .5s;}

#n_zizhi ul li .txt p{ font-size: .8125rem; color: #585858; line-height: 1.5rem; max-height: 6rem; overflow: hidden; transition: .5s;}

#n_zizhi ul li a:hover .txt{ background: #d42c30;}

#n_zizhi ul li a:hover .txt h5{ color: #fff;  }

#n_zizhi ul li a:hover .txt p{ color: #fff; }





#n_liucheng2{ width: 100%;overflow: hidden;}

#n_liucheng2 ul{ margin-top: -1.75rem;}

#n_liucheng2 ul li{ width: 20%; float: left; margin-top: 1.75rem;}

#n_liucheng2 ul li .box{ position: relative; text-align: center;}

#n_liucheng2 ul li .pic{}

#n_liucheng2 ul li .pic img{}

#n_liucheng2 ul li .txt{ position: absolute; height: 100%; left: 0; right: 8%; top: 0; text-align: center;}

#n_liucheng2 ul li .txt span{ font-size: 1.875rem; color: #858585;font-family: PingFangSC-Bold,"苹方"; }

#n_liucheng2 ul li .txt font{ display: block; width: 2.375rem; height: 2.375rem; margin: 0 auto; text-align: center; margin-top: 1.125rem; margin-bottom:.875rem;}

#n_liucheng2 ul li:hover .txt font img{ animation: jello 1s;}

#n_liucheng2 ul li .txt i{ display: block; width: 14px; height: 1px; background: #d42c30; margin: 0 auto; margin-bottom: .625rem;}

#n_liucheng2 ul li .txt h5{ font-size: 1.375rem; color: #000;}

#n_liucheng2 ul li .txt p{ font-size: .875rem; color: #000; text-transform: uppercase; margin-top: .5rem;}



#n_liucheng2 ul li.li_6{float: right; margin-right: 1.8%;}

#n_liucheng2 ul li.li_7{float: right;}

#n_liucheng2 ul li.li_8{float: right;}

#n_liucheng2 ul li.li_9{float: right;}

#n_liucheng2 ul li.li_10{float: right;}



#n_liucheng2 ul li.li_6 .txt{ left: 8%; right: 0;}

#n_liucheng2 ul li.li_7 .txt{ left: 8%; right: 0;}

#n_liucheng2 ul li.li_8 .txt{ left: 8%; right: 0;}

#n_liucheng2 ul li.li_9 .txt{ left: 8%; right: 0;}

 

#n_liucheng2 ul li.li_2 .txt i{ background: #8a2cbb; }

#n_liucheng2 ul li.li_3 .txt i{ background: #ffa801; }

#n_liucheng2 ul li.li_4 .txt i{ background: #26a680; }

#n_liucheng2 ul li.li_5 .txt i{ background: #3975c6; }

#n_liucheng2 ul li.li_6 .txt i{ background: #ba6ff0; }

#n_liucheng2 ul li.li_7 .txt i{ background: #4dbee3; }

#n_liucheng2 ul li.li_8 .txt i{ background: #914991; }

#n_liucheng2 ul li.li_9 .txt i{ background: #c9b27c; }

#n_liucheng2 ul li.li_10 .txt i{ background: #26a680; }

#n_liucheng2 .n_tt{text-align: center; margin-bottom: 3.5rem;}

@-webkit-keyframes jello {

    from, 11.1%, to { -webkit-transform: none; transform: none }

    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}



@-moz-keyframes jello {

    from, 11.1%, to { -moz-transform: none; transform: none }

    22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}



@keyframes jello {

    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }

    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}

 iframe{ max-width: 100%; }
.n_map iframe{ height: 100%;}

@media (max-width: 768px)

{
	iframe{ height: 200px;}
}


/*人才招聘*/

#n_join{overflow: hidden;}
#n_join .img{ width: 32.25%; float: left;}
#n_join #list_slide{ width: 67.75%; float: right; padding-left: 36px;}
#n_join dt span{ float: left; }
#n_join .span01{ width:20%; }
#n_join .span02{ width:15%; }
#n_join .span03{ width:15%; }
#n_join .span03{ width:15%; }
#n_join .span05{ max-width:20%; width: 150px; display: block; height: 100%; text-align: center; position: relative;}
#n_join #list_slide{  position:relative; margin-bottom: 3rem; }
#n_join #list_slide dl{ background:#fff; border: 1px solid #dee0e2; position: relative; margin-bottom:10px; }
#n_join #list_slide dt {position:relative;cursor:pointer; height:9.375rem; transition:.5s;overflow: hidden; font-size: 1rem; color: #797979; padding: 2rem 0; padding-left: 3rem; display: flex; align-items: center;align-content: center; justify-content: space-between; }
#n_join #list_slide dt span.span01{ border-right: 1px solid #dcdcdc;}
#n_join #list_slide dt span.span01 b{ font-size: 1.3125rem; color: #131313; font-weight: bold;}
#n_join #list_slide dt span.span01 .time{ font-size: .875rem; color: #878787; display: block; padding-left: 1.25rem; background: url(../images/time.png) left center no-repeat; background-size: .8125rem;}
#n_join #list_slide dt span.span05{background:url(../images/n_jia.png) center no-repeat ; background-size: 2rem !important;}
#n_join #list_slide dt span.span05:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/pin.png) center no-repeat; background-size: 4.5rem;}
#n_join .tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; overflow: auto; padding:3rem 0;}
#n_join .tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;  display: block;  pointer-events: auto;}
#n_join .tc-box{
   margin:0 auto; 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;  -webkit-animation-name: anim-close-2; animation-name: anim-close-2;}
#n_join .tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
#n_join .tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:22px; right: -50px; top: -50px; z-index:999; width:40px; height:40px; background:url(../images/close.png) center no-repeat;}
#n_join .tc_bg { height: 100%; background: rgba(0,0,0,.7); position: fixed; top: 0; left: 0; width: 100%; z-index: 0;}
#n_join .tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}


#n_join .tc_zhaopin{ width:850px; max-width: 90%; min-height:420px; padding: 3.5rem 3rem 4rem; border-radius:6px; background:#fff; text-align:left;}
#n_join .tc_zhaopin .tt{ font-size:1.625rem; color:#252525;  margin-bottom:1.875rem; position:relative; padding-bottom:10px; text-align: center; font-weight: bold;}
#n_join .hd{  overflow: hidden; line-height: 4.375rem; display: flex; justify-content: space-around; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; font-size: 1rem; color: #000; margin-bottom: 4rem;}
#n_join .tc_zhaopin p{ font-size:.975rem; color:#131313; line-height:2.25rem;}
 
@media (max-width: 1280px)
{
#n_join .img{ display: none;}
#n_join #list_slide{ width: 100%; float: none; padding-left: 0;}

}
@media (max-width: 480px)
{
#n_join .tc_close{ right:0; width: 20px; height: 20px; background-size: 20px !important; top: -30px;}
#n_join .span02{ display: none;}
#n_join #list_slide dt{ padding-left: 10px; padding-top: 0; padding-bottom: 0; height: 7.5rem;}	
#n_join .span01{ width:30%;}
#n_join .span03{ width: 20%;}
#n_join .span05{ width: 14%;}
#n_join #list_slide dt span.span05:before{ display: none;}
}