@charset "utf-8";



/* CSS Document */



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



@font-face{ font-family: Roboto_light; src: url(../fonts/Roboto-Light-10.ttf);}



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



*{ padding:0; margin:0;}



img{ max-width:100%;}



#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{ max-width:100%; max-height:100%;}



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



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



table{table-layout: fixed;table-layout: fixed}



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



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



.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: 42px; height: 42px; line-height: 40px; 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: 1px solid rgba(100%,100%,100%,.8); 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 , 200;



	stroke-dashoffset:200;



	transition: all .3s linear 0s;	



}



.draw_h:hover svg.drawcircle circle { 



    stroke:#3bb58e



;



	stroke-dasharray:200 , 0;



	stroke-dashoffset:200;



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



	transition: all .5s 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:#057487



;}







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



#header{ position: fixed; top:0; left:0; height:5.9rem; z-index:999; width:100%; transition:.6s; background:#fff; background:rgba(255,255,255,.75); box-shadow: 0 1px 2px rgba(0,0,0,.1); }



#header .m{ height:100%; max-width: 1400px; position:static;}



.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; z-index:-1; background:rgba(255,255,255,.2);}



.line_left{ display:block; width:1px; height:100%; position:fixed; left:7rem; top:0; z-index:99; background:rgba(255,255,255,.2);}



#header #logo{ float:left;}



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



#logo img{ }



#nav{ float:right;}



#nav ul{ float:left; margin-right:1.75rem; position:relative;}



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



#nav>ul>li>a{ display:block; padding:0 1.75rem; text-transform:uppercase; overflow:hidden; position:relative; transition:.6s; text-align:center; z-index:1; transition:.8s;}



#nav ul li h3{ font-size:1rem; color:#4b4b4b; height:5.9rem; line-height:5.9rem; transition:.2s; margin-bottom:2px; position:relative; z-index:1; }



 



#nav>ul>li.on h3,#nav ul li:hover h3{ color:#3cb592; }



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



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







#nav .sub{position:absolute;top:5.9rem;width: 150px;display:none;background: #057487; font-size:14px;color: #fff;line-height:45px;text-align:  center;}



#nav .sub1 li{padding:0 25px;width:  100%;color:  #fff;}



#nav .sub1 li a{ display:block;}



#nav .sub1>li:hover,#nav .sub1>li.on{ background:#006e7f;color:#fff;}



#nav .sub2>li:hover,#nav .sub2>li.on{ background:#006e7f;color:#fff;}



#nav .sub1{left:50%;margin-left: -75px;}



#nav .sub2{left: 101%;top:0;margin: 0; width: auto; white-space:nowrap; line-height:25px; text-align:left; padding:20px 0 0;}



#nav .sub2 li{ margin-bottom:20px; padding-left:30px;}



#nav .sub2 li:before{ content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background:#fff; position:absolute; left:20px; top:10px;}



#nav li:hover ul.sub1{ display:block; }



#nav li ul.sub1 li:hover ul.sub2{ display:block;}



 







.t_sty{ height:5.9rem; float:right; position:relative; }



.t_sty:after{ content:""; display:block; width:1px; height:20px; background:#c2cdce; position:absolute; left:-1.875rem; top:50%; margin-top:-10px;}



.t_sty img{ transition:.3s; width:1.25rem;}



.t_sty .img02{ display:none;}



.t_sty:hover .img01{ display:none;}



.t_sty:hover .img02{ display:block;}







.top_search{ float:right; margin-right:2.5rem; height:4.5rem;}



.top_search a{ display:block;}



 



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



.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_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}



.tc_bg { height: 100%; background: rgba(0,0,0,.7); 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_search{ width:100%; padding:3rem; background: #3cb592;background: linear-gradient(to top left,#42bdb9,#38b179);



background: linear-gradient(135deg,#42bdb9,#38b179); position:relative; transform:translateY(-100%); transition:.5s .5s ease-out;  z-index:1;overflow:  hidden;}



.act #tc_search{ transform:translateY(0);  transition:.5s ease-in;}



/*弹窗内容样式*/



#tc_search form{ height:5rem; position:relative; width:900px; max-width:90%; margin:0 auto;}



#tc_search form:after{ content:""; width:0; height:1px; background:#fff; opacity:.7; transition:.5s; display:block; position:absolute; bottom:0; left:0;}



.act #tc_search form:after{ width:100%; transition: ease-in-out .5s .5s;}



#tc_search #keyword{width: 90%;height:5rem; font-size:2rem; color:#fff;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}



#tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:5rem; border:0; line-height:4.25rem; background:none; font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase; }



#tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}



#tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.6); }



#tc_search input::-moz-placeholder{ color:#fff; color: rgba(255,255,255,.6); }



#tc_search input:-moz-placeholder{ color:#fff; color: rgba(255,255,255,.6); }



#tc_search input:-ms-input-placeholder{  color:#fff; color: rgba(255,255,255,.6); }



#tc_search input:focus::-webkit-input-placeholder {color: transparent;}



#tc_search input:focus:-moz-placeholder {color: transparent;}



#tc_search input:focus::-moz-placeholder {color: transparent;}



#tc_search input:focus:-ms-input-placeholder {color: transparent;}



#tc_search .draw_h:before{ border:1px solid rgba(255,255,255,.3);}



#tc_search .draw_h:hover svg.drawcircle circle { stroke:#fff;}



#tc_search .draw_h img {position:absolute;top:50%;margin-top: -8px;left:50%;margin-left: -8px;transition:.3s;width: 16px;}











@media (min-width: 992px)



{



.top_menu .ico:hover img{animation:huadong 1s;}



.top_menu .ico:hover .img01{ display:none;}



.top_menu .ico:hover .img02{ display:inline-block;}



.top_menu .ico:hover p{ opacity:1; visibility:visible; width:33px;}



}







/*手机头部开始*/



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



#m_header #logo{height:4.5rem;display:inline-block; }



#m_header #logo img{ max-height:63%;}



#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 .t_sty{ height:4.5rem;} 



#m_header .top_menu{margin-right: 3rem;}







/*导航按钮开始*/



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



#nav_btn_box.on{ background:none;  }



#nav_btn{ float:right;}



#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: 3px;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: #6e6e6e;}



#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: 998;



    position: fixed;



    background: #3cb592;background: linear-gradient(to top left,#38b179,#42bdb9);



background: linear-gradient(135deg,#38b179,#42bdb9);



    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: 997;background-color: rgba(0,0,0,0.4);display: none;}



 







.btn_flashcenter {  position: relative; overflow: hidden; transition: 0.52s; }



.btn_flashcenter:hover { box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225); }



.btn_flashcenter .anim { -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; }



.btn_flashcenter .anim:before { position: relative; content: ''; display: block; margin-top: 100%; }



.btn_flashcenter .anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }



.btn_flashcenter:hover .anim { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; }



.btn_flashcenter:hover .anim:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; }











@-webkit-keyframes anim-out-pseudo {



    0% { background: rgba(0, 0, 0, 0.25); }



    100% { background: transparent; }



}







@-moz-keyframes anim-out-pseudo {



    0% { background: rgba(0, 0, 0, 0.25); }



    100% { background: transparent; }



}







@-ms-keyframes anim-out-pseudo {



    0% { background: rgba(0, 0, 0, 0.25); }



    100% { background: transparent; }



}







@keyframes anim-out-pseudo {



    0% { background: rgba(0, 0, 0, 0.25); }



    100% { background: transparent; }



}







@-webkit-keyframes anim-out {



    0% { width: 0%; }



    100% { width: 100%; }



}







@-moz-keyframes anim-out {



    0% { width: 0%; }



    100% { width: 100%; }



}







@-ms-keyframes anim-out {



    0% { width: 0%; }



    100% { width: 100%; }



}







@keyframes anim-out {



    0% { width: 0%; }



    100% { width: 100%; }



}











/* 主体开始*/







/*首页banner*/



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



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



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



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



#banner .swiper-button-prev{ background:url(../images/banner_left.svg) center no-repeat; background-size:27px;opacity:.8; left:5%; width:60px;height:60px;}



#banner .swiper-button-next{ background:url(../images/banner_right.svg) center no-repeat; background-size:27px; opacity:.8; right:5%; width:60px;height:60px;}







#banner .swiper-button-prev:hover{ background:url(../images/banner_left_on.svg) center no-repeat; background-size:27px; opacity:1; }



#banner .swiper-button-next:hover{ background:url(../images/banner_right_on.svg) center no-repeat; background-size:27px; opacity:1;}







#s_pro{ position:relative; margin-top:-10rem; z-index:99; box-shadow:0 3px 20px rgba(0,0,0,.1); width: 100%; overflow: hidden;}



#s_pro ul{ }



#s_pro ul li{}



#s_pro ul li a{ display:block; padding:4rem 4rem 2rem; background:#fff; position:relative; width:100%; height:100%; z-index:1;}



#s_pro ul li font{ height:2.875rem; display:block;}



#s_pro ul li .img01{ transition:.5s;}



#s_pro ul li .img02{ display:none; transition:.5s;}



#s_pro ul li h5{ font-size:1.375rem; color:#2b2b2b; margin:1rem 0 1.125rem; transition:color .5s;}



#s_pro ul li p{ font-size:.875rem; line-height:1.5rem; height: 4.5rem; overflow: hidden; color:#7c7c7c; transition:.5s;}



#s_pro .slick-arrow{ z-index:99; position:absolute; top:10rem; margin-top:-1.5625rem; transform:translate(0,0); background-repeat:no-repeat; background-position:center;  display:block;width: 3.125rem;height: 3.125rem; transition:.3s; border-radius:50%; box-shadow:0 3px 20px rgba(0,0,0,.1); }



#s_pro .slick-prev{background-image:url(../images/s_pro_left.png); background-size: 3.125rem; left:-80px;}



#s_pro .slick-next{background-image:url(../images/s_pro_right.png); background-size: 3.125rem; right:-80px; left:auto;}



#s_pro .slick-arrow:hover{ opacity:1; }



#s_pro .slick-arrow:before{ display:none;}







#s_pro ul li+li a:before{ content:""; width:1px; height:70%; top:15%; position:absolute; left:-1px; background:#c4eae9;}



#s_pro ul li:hover{ position:relative; z-index:9;}



#s_pro ul li a:after{ content:""; width:100%; height:0; position:absolute; left:0; top:0; background: #3cb592;background: linear-gradient(to top right,#13aca8,#069e58);



background: linear-gradient(135deg,#13aca8,#069e58); z-index:-1; transition:.5s; }



#s_pro ul li:hover a:after{ height:100%; bottom:0; top:auto;}



#s_pro ul li:hover .img01{ display:none;}



#s_pro ul li:hover .img02{ display:block;}



#s_pro ul li:hover h5{ color:#fff; font-weight:bold;}



#s_pro ul li:hover p{ color:#d2ebe5;}







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



#s_about .left{ width:37.5%; float:left; position:relative;}



#s_about .right{ width:58%; float:right; margin-top:4.75rem;}



#s_about .rect{ display:block; width:10.3125rem; height:10.3125rem; border:.875rem solid #e5e5e5; position:absolute; left:0; top:0;}



#s_about .tag{ position:absolute; left:-4px; top:12rem; font-size:1.75rem; color:#ededed; font-weight:bold; text-transform:uppercase; transform-origin:left bottom; transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); -webkit-transform:rotate(90deg);}



#s_about .img{ margin-top:4.75rem; margin-left:4.75rem; position:relative; z-index:9;}



#s_about .img .mask{ position:absolute; z-index:1; bottom:0; left:0; width:100%; height:100%; transition:.5s; text-align:center; }



#s_about .img .mask font{ display:block; width:4.375rem; height:4.375rem; transition:.5s; border-radius:50%; background:url(../images/play.png) center no-repeat rgba(0,0,0,.5); background-size:.9375rem; margin:0 auto; border:1px solid rgba(255,255,255,.6);}







#s_about .tt{ margin-bottom:2.5rem;}



#s_about .tt span{ font-size:1.875rem; color:#333; font-weight:bold;}



#s_about .tt h3{ font-size:1.5rem; color:#000000; margin-top:.5rem;}



#s_about .txt{ margin-bottom:3rem;}



#s_about .txt h4{ font-size:1.125rem; color:#494a4a; margin-bottom:1rem;}



#s_about .txt p{ font-size:.9375rem; color:#848586; line-height:1.875rem;}











.ib{ display: inline-block; vertical-align: middle; letter-spacing: 0; } 



	.ab-more { display: block; color: #00b281; font-size:.9375rem; text-transform:uppercase; line-height: 40px; overflow: hidden; transition: 300ms; }



	.ab-more i { line-height: 24px; }



	.ab-more .aw { position: relative; margin-left: 10px; width:30px; height: 24px; white-space: nowrap; overflow: hidden;}



	.ab-more .aw:before, .ab-more .aw:after { content: "";  width: 30px; margin-right: 20px; height: 24px; display: inline-block; background: url(../images/more_arrow.png) center no-repeat;  transform: translateX(-50px);transition: .5s; }



	.ab-more:hover .aw:before,.ab-more:hover .aw:after {



    transform: translateX(0px);



	}



 







.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index: 999; 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_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}



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







.tc_shipin{  width:44rem; height:24rem; margin:0 auto;  background:none; position:relative; border:5px solid #fff; width:44rem; height:28rem; border-radius:3px;}



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



.tc_shipin .tc_close{ display:block; width:3.125rem; height:3.125rem; background:#fff; position:absolute; top:-5px; right:-4rem; border-radius:3px;}



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



.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;}







#s_wenhua{ width:100%; background:url(../images/s_wenhua_bg.jpg) center no-repeat; overflow:hidden; background-size:cover;}



#s_wenhua .left{ width:46%; float:left; padding-top:5.875rem;}



#s_wenhua .right{ width:44.3%; float:right; position:relative;}



#s_wenhua .tt{ padding-left:5.3rem; background:url(../images/s_wenhua_ico01.png) left top no-repeat; background-size:3.875rem; margin-bottom:2rem;}



#s_wenhua .tt h3{ font-size:1.75rem; color:#000; line-height:2.5rem;}



#s_wenhua .tt span{ font-size:1rem; font-family:arial; color:#a8a9ab; line-height:1.5; margin-top:3px; display:block;}



#s_wenhua .hd ul{ margin-left:5.375rem; padding-left:4rem;background:url(../images/yinhao.png) left top no-repeat; background-size:2.0625rem;}



#s_wenhua .hd ul li{ padding-right:1rem;}



#s_wenhua .hd ul li h4{font-size:1.375rem; color:#000; margin-bottom:.75rem;}



#s_wenhua .hd ul li p{ font-size:1rem; color:#848586; line-height:1.875rem;}







#s_wenhua .slick_arrow_right{ position:absolute; left:-4.6875rem; bottom:2.25rem;}



#s_wenhua .slick_arrow_right .slick-arrow{ z-index:99;  float:left;



	display:block; font-size:0; cursor:pointer;



    width: 4.6875rem; line-height:4.6875rem; text-align:center;



    height: 4.6875rem;}



#s_wenhua .slick_arrow_right .slick-arrow svg{ width:1rem; vertical-align:middle;}



#s_wenhua .slick_arrow_right .slick-prev2{  background: #3cb592;background: linear-gradient(to top right,#13aca8,#069e58);



background: linear-gradient(135deg,#13aca8,#069e58);} 



#s_wenhua .slick_arrow_right .slick-next2{ background:#777b7e; }



 



.s_tt{ text-align:center; margin-bottom:3rem;}



.s_tt span{ font-size:2rem; font-family:Roboto; text-transform:uppercase; color:#3cb592;



 background-image: -webkit-gradient(linear, 0 0, right 0, from(#13aca8), to(#069e58));



 -webkit-background-clip: text;



 -webkit-text-fill-color: transparent;}



.s_tt h3{ font-size:1.75rem; color:#000; margin-top:.5rem; margin-bottom:1.5rem;}



.s_tt i{ display:block; width:191px; height:10px; margin:0 auto; background:url(../images/s_tt_gray.png) center no-repeat; background-size:contain !important;}







.s_tt.white span{ color:#fff !important;-webkit-text-fill-color:currentColor;}



.s_tt.white h3{ color:#fff;}



.s_tt.white i{ background:url(../images/s_tt_white.png) center no-repeat;}







#s_plat{ width:100%; overflow:hidden; background:url(../images/s_plat_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover;}



#s_plat ul{ margin:0 -.875rem;}



#s_plat ul li{ text-align:center; padding:0 .875rem;}



#s_plat ul li a{ display:block; border:1px solid rgba(255,255,255,.45); border-radius:3px; padding:3rem 2rem;}



#s_plat ul li font{ display:block; width:6.875rem; height:6.875rem; line-height:6.875rem; border-radius:50%; background:#fff; margin:0 auto; margin-bottom:1.875rem;}



#s_plat ul li font img{ display:inline-block;}



#s_plat ul li h5{ font-size:1.3125rem; color:#fff; margin-bottom:1rem;}



#s_plat ul li .txt{ font-size:.875rem; color:#fff; line-height:1.75rem; height: 10.5rem; overflow: hidden;}



















#s_daili{width:100%; background:url(../images/s_daili_bg.jpg) center bottom no-repeat;  position:relative; z-index:9; }



#s_daili ul{ margin: -1.125rem -1.625rem;}



#s_daili ul li{ height:15.625rem; width:50%; float:left; padding: 1.125rem 1.625rem;}



#s_daili ul li a{ display:block; background:#fff; padding:2rem 4.5rem; height:100%; position:relative;border-radius: 3px;



  box-shadow: 0px 0px 15px 0px rgba(53, 101, 92, 0.19); }



#s_daili ul li .pic{ display:block; width: 5rem; height: 5rem; height:100%; float:left;}



#s_daili ul li .pic img{}



#s_daili ul li .txt{ float:right; width:calc(100% - 5rem); padding-left:2rem; height:100%;}



#s_daili ul li .txt h5{ font-size:1.375rem; color:#393939; margin-bottom:1rem;}



#s_daili ul li .txt p{ font-size:.875rem; color:#888; line-height:1.5rem; height: 4.5rem; overflow: hidden;}



#s_daili ul li .btn_yuan{ position:absolute; width:4.375rem; height:4.375rem; line-height:4.375rem; text-align:center; background:#fff; border-radius:50%; font-size:.875rem; color:#565656; font-family:arial; left:-2.1875rem; top:50%; margin-top:-2.1875rem;box-shadow: 0px 0px 15px 0px rgba(53, 101, 92, 0.19); }



#s_daili ul li .btn_yuan:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%;border: 2px solid transparent; transition: .5s;}



#s_daili ul li.li_2 .pic,#s_daili ul li.li_4 .pic{ float:right;}



#s_daili ul li.li_2 .txt,#s_daili ul li.li_4 .txt{ float:left; padding-left:0; padding-right:2rem; text-align: right;}



#s_daili ul li.li_2 .btn_yuan,#s_daili ul li.li_4 .btn_yuan{ left:auto; right:-2.1875rem;}



#s_daili ul li:hover .btn_yuan:before{ border: 2px solid #12aba0;}







#s_daili .bot{ text-align:center; width:100%; position: absolute; bottom:-6rem; z-index:1;}



#s_daili .bot:after{ content:""; width:100%; height:1px; display:block; position:absolute; top:50%; left:0; background:#ededed; z-index:-1;}



/*#s_daili .bot img[aos=fade-up].aos-animate{ -webkit-animation: jello 1.2s; -moz-animation: jello 1.2s; animation: jello 1.2s;}*/



@-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) }



}



#s_news{ width: 100%; overflow: hidden; background:url(../images/s_news_bg.jpg) center top no-repeat; background-size: cover; padding-top:9rem; }



#s_news ul{ overflow:hidden; margin:0 -1.625rem;}



#s_news ul li{ padding:0 1.625rem}



#s_news ul li .img{ }



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



#s_news ul li:hover .img img{ transform: scale(1.1);}



#s_news ul li .txt{ position:relative; z-index:99;}



#s_news ul li .txt .tt{ padding-bottom:1.875rem; position:relative; border-bottom:1px solid #ebebeb; }



#s_news ul li .txt .time{ width:5rem; height:5.625rem;  display:block; background: #3cb592;background: linear-gradient(to top right,#13aca8,#069e58);



background: linear-gradient(135deg,#13aca8,#069e58); color:#fff; text-align:center; font-family:arial; font-size:1.125; font-weight:bold; padding-top:1.3125rem; margin-top:-1.5rem; position:relative; z-index:0;}



#s_news ul li .txt .time b{ display:block; font-size:1.75rem;}



#s_news ul li .txt h5{ width:calc(100% - 5rem); position:absolute; right:0; bottom:1.875rem; padding-left:1.25rem; float:right; font-size:1.25rem; color:#333232; line-height:1.875rem; height:3.75rem; overflow:hidden; white-space:normal; margin-top:.5rem;}



#s_news ul li .con{margin-top:1.25rem; font-size:.875rem; line-height:1.75rem; height:5.25rem; overflow:hidden; color:#9a9999;}



#s_news ul li .con p{ }



#s_news ul li .view_more{ margin-top:40px; display:block; font-size:.875rem; color:#7c7b7b;}



#s_news ul li .view_more i{ display:inline-block; width:20px; height:14px; background:url(../images/see_ico.png) center no-repeat; vertical-align:middle; margin-right:5px; transition:.5s;}



#s_news ul li .view_more:hover i{background:url(../images/see_ico_on.png) center no-repeat;}



#s_news ul li .time:before{content:""; width:100%; height:0; display:block; position:absolute; bottom:0; right:0; background:#037ccf; z-index:-1; transition:.7s; opacity:0; display: none;}



#s_news ul li:hover .time:before{ opacity:1; height:100%; top:0; bottom:auto;}



#s_news .more_btn{ width:165px; height:45px; line-height:45px;}



#s_news .slick-prev2{ left: -6rem;}



#s_news .slick-next2{ right: -6rem;}



.slick_arrow_right2{ }



.slick_arrow_right2 .slick-arrow{ z-index:99; position:absolute; left:0; top:20%; transform:translate(0,0); background-size:.9rem !important;



	display:block;border-radius:50%; font-size:0; cursor:pointer;



    width: 3.75rem;



    height: 3.75rem; line-height:3.75rem;}



.slick_arrow_right2 .slick-arrow.slick-next2{ right:0; left:auto;}



.slick_arrow_right2 .arrow{ width:.625rem; vertical-align:middle; display:inline-block;} 



.slick_arrow_right2 .slick-arrow:hover .arrow path{ stroke:#3cb592;}



.slick_arrow_right2 .draw_h:before{ border:1px solid #cacaca;}











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



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



#s_yingyong .s_tt h3{ margin-bottom:5px; font-size:1.5rem;}



#s_yingyong .s_tt span{ font-size:1.25rem;}



#s_yingyong ul{ padding:0;}



#s_yingyong ul li{ color:#fff;position:relative; overflow:hidden; padding:0; transition:0;}



#s_yingyong ul li .box{ max-width:41rem; width:90%;}



#s_yingyong ul li img{ transition:1s; width:100%;}



#s_yingyong ul li .txt{ position:absolute; padding:0 5rem;  width:100%; height:100%; left:0; top:0;}



#s_yingyong ul li p{ font-size:.875rem; color:rgba(255,255,255,.75); line-height:1.5rem;}



#s_yingyong ul li .btn_more{ width:9.75rem; height:45px; line-height:43px; display:block; border:1px solid #fff; text-align:center; font-size:.875rem; color:#fff; transition:.3s; margin-top:2.8rem; position:relative; z-index:1;}



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



#s_yingyong ul li .btn_more:hover{ color:#3cb592;}



#s_yingyong ul li.li_2 .btn_more:hover{ color:#3cb592;}



#s_yingyong ul li .btn_more:hover:before{ width:100%;}



#s_yingyong ul li.li_1{ background:url(../images/bn01_left.jpg) center no-repeat; background-size: 100%; transition:1s;}



#s_yingyong ul li.li_2{ background:url(../images/bn01_right.jpg) center no-repeat; background-size: 100%; transition:1s;}



#s_yingyong ul li:hover>img{ transform:scale(1.05);}



#s_yingyong ul li.li_2 p{ font-size:.875rem; color:#939393; line-height:1.75rem;}



#s_yingyong ul li.li_2 .btn_more{ border:1px solid #9c9c9c; color:#818181;}



#s_yingyong ul li.li_2  .btn_more:before{ background:#3cb592;  }



#s_yingyong ul li.li_2  .btn_more:hover{ color:#fff; border:1px solid #3cb592;}



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



#s_biaodan .tt{ text-align:center; margin-bottom:2.75rem;}



#s_biaodan .tt span{ font-size:1.75rem; font-family:arial; text-transform:uppercase;    color: #3cb592;



    background-image: -webkit-gradient(linear, 0 0, right 0, from(#13aca8), to(#069e58));



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent; font-weight:600; display: inline-block; margin-bottom:10px;}



#s_biaodan .tt h3{ font-size:1rem; color:#0e0e0e; line-height:1.5rem;}



#s_biaodan form{ font-size:0; width:39rem; max-width:100%; margin:0 auto;}



#s_biaodan form input{ width:calc(100% - 8rem); border-radius:0; height:3.625rem; color:#b0aeae; padding:0 20px; font-size:.9375rem; background:none; border:1px solid #dcdcdc; border-right: 0; text-transform: capitalize;font-family:"Barlow Condensed","微软雅黑"; color:#5e5e5e}



#s_biaodan form button{ width:8rem; height:3.625rem; line-height:3.625rem; border:0; color:#fff; font-size:.9375rem; background: #3cb592;background: linear-gradient(to top right,#13aca8,#069e58);



background: linear-gradient(135deg,#13aca8,#069e58);}



#s_biaodan form button svg{ margin-left:1.25rem;}







#s_pro ul li:hover font img,#s_plat ul li:hover font img,#s_daili ul li:hover .pic img{  -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}



@keyframes doudong {



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



}











#foot{ background: #f7f8f9; padding-top: 3.75rem; width:100%; overflow:hidden;}



.foot_left{ float: left;}



.foot_nav{ margin-bottom: 18px;}



.foot_nav a{ font-size: 1rem; color: #515151; margin-right: 2.5rem; transition: .3s; line-height: 2rem;}



.foot_nav a:hover{ color: #0ea789;}



.foot_lianxi{ font-size: .875rem; color: #89898b; line-height: 1.875rem; text-align: left;}



.foot_map{ font-size: .75rem; color: #11aa9f; margin-left: 1rem;  }



.foot_map:before{ content:""; display: inline-block; width: 1.25rem; height: 1.875rem; background: url(../images/foot_ico.svg) center no-repeat; background-size: contain; vertical-align: top;}



.foot_map span{ text-decoration: underline;}



.foot_ewm{ float: right;}



.foot_ewm .txt{ text-align: right; padding-top: .625rem; overflow: hidden; float: right;}



.foot_ewm .txt div{ font-size: .875rem; color: #494949; float: left; margin-right: 1.875rem;}



.foot_ewm .txt h6{ font-size: 1.625rem; color: #13aca8; font-family: arial; margin-top: .3rem;}



.foot_ewm .txt .btn_zixun{ float: right; margin-bottom: 1.75rem; float: left;}



.btn_zixun{ width: 8.75rem; line-height:2.8125rem; height: 2.8125rem; background: #3cb592;background: linear-gradient(to top right,#13aca8,#069e58);



background: linear-gradient(135deg,#13aca8,#069e58); display: block; text-align: center; font-size: .9375rem; color: #fff !important;}



.btn_zixun:before{ content:""; display: inline-block; width: 1.125rem; height: 1.5rem; background: url(../images/foot_zixun.svg) center no-repeat; background-size: contain; vertical-align: middle; position: relative; top: -2px; margin-right: .5rem;}



.foot_ewm .img{ float: right; width: 8rem; height: 8rem; background: #fff; margin-left: 1.5rem;}















#s_link{ padding:1.5rem 0;  overflow:hidden; width:100%; }



#s_link .tt{ font-size:.8rem; color:#12aba1; width:65px; line-height:2.25rem;}



#s_link .right{ width:calc(100% - 65px); text-align: left;}



#s_link a{ line-height:2.25rem; font-size:.8rem; color:#9a9a9c; margin-left:1rem; transition:.3s;}



#s_link a:hover{ color:#12aba1;}







.foot_bot{ overflow: hidden; border-top: 1px solid #d7d9da; padding-top: 1.25rem; padding-bottom: 2.5rem; line-height: 1.875rem; font-size: .8rem; color: #a4a5a7;}



.copyright{ float: left;}



#foot a:hover{ color:#12aba1;}







.foot_share{ text-align:center; }



.foot_share h4{ text-align: right; font-size: .875rem; color: #525252; margin-bottom: .75rem;}



.foot_share ul{ clear: both; overflow: hidden; text-align: right; margin:0 -.3125rem; }



.foot_share ul li{ display:inline-block; vertical-align: middle; margin:0 .3125rem; position:relative;}



.foot_share ul li a{ display:inline-block; width:2.6875rem; height:2.6875rem; line-height:2.5625rem; text-align:center; border-radius:50%; cursor:pointer;}



.foot_share ul li a img{ transition:.3s; max-width:50%; max-height:45%;}



.foot_share ul li a .img02{ display:none;}



.foot_share ul li a{ position: relative; z-index:1; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}



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



.foot_share ul li a:after{ content:""; width: 100%; height: 100%; border-radius: 50%; display: block;  background: #3cb592;background: linear-gradient(to top right,#13aca8,#069e58);



background: linear-gradient(135deg,#13aca8,#069e58); 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;}



.foot_share ul li a:hover:before{ opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }



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



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



.foot_share ul li a:hover .img02{ display: inline-block;}



.foot_share ul li p{ font-size:.875rem; color:#969696; margin-top:1rem;}







.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-box{position:absolute;  background: #3cb592;background: linear-gradient(to top right,#13aca8,#069e58);



background: linear-gradient(135deg,#13aca8,#069e58);overflow: hidden;top:50%;z-index:9999; width: 11rem; left:50%;margin-left: -5.5rem;margin-top: -5.5rem;}



.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-box h3 img{ width:10rem; height:10rem; margin:.5rem;}



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















.online_q {  position: fixed; right: 2rem; bottom: 10%; z-index: 9999; transition:.5s; -webkit-transition:.5s;}



.online_q .btn2{width:3.4375rem; height:3.4375rem; cursor:pointer; position:relative; margin-bottom:5px; }



.online_q .btn-top{ padding:0; transition:.5s; overflow:hidden;}



.online_q .btn-top span{ background: #3e4342 !important;}



.online_q .btn2 a{  font-size:12px; color:#fff;}



.online_q .btn2 span{display:block; float:left; text-align: center; width:3.4375rem; height:3.4375rem; line-height: 3.4375rem; position:relative; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s; background: #3cb592;background: linear-gradient(to top right,#13aca8,#069e58);



background: linear-gradient(135deg,#13aca8,#069e58);}



.online_q .btn2:hover span{ }



.online_q .open.pic{ position:absolute; background:#ddd; width:100px; height:100px; right:80px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}



.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}



.online_q .btn2:hover .open.pic{ opacity:1; right:4.5rem;visibility:visible;}







.online_q .open.phone{ display:inline-block; height:3.4375rem; line-height:3.4375rem; z-index:0; background:#eee; color:#0fa78e; font-family:arial; font-size:18px; transition:width 0s; -webkit-transition:width 0s; text-align:center;  width:150px;}



.online_q .btn2:hover .open.phone{transition:.5s; -webkit-transition:.5s; opacity:1; visibility:visible;}



.btn-tel a{ display:block; width:3.4375rem; white-space:nowrap; position:absolute; right:0;transition:.5s; -webkit-transition:.5s; overflow:hidden;}



.btn-tel:hover a{ width:205px;}



.online_q .btn-02.btn-tel:hover span{ background:url(../images/piaofu_tel.png) center no-repeat #fff; border:2px solid #037ccf;}







.online_q .open.pic:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #ddd; position:absolute; right:-15px; top:50%; margin-top:-10px;}







#gotop.hide{height:0; overflow:hidden; display:block !important;}











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



/*内页banner*/



.n_banner {width: 100%;position: relative;text-align:center;height: 23.75rem;overflow:hidden; background-size: cover !important;}



/*内页导航*/



.n_nav_box{ position:relative; height:4.375rem; line-height:4.375rem; z-index: 1; width:100%; overflow:hidden; }



.n_nav_box:after{ content:""; 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; float: left;}



.n_nav ul li{ text-align:center;line-height:4.375rem; font-size:1rem;color:#444444;transition:.3s;display:  inline-block;}



.n_nav ul li a{ display:block; padding: 0 3.75rem;}



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



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



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



.n_nav ul li:hover,.n_nav ul li.on{ color:#fff; background: #3cb592;background: linear-gradient(to top right,#13aca8,#069e58);



background: linear-gradient(135deg,#13aca8,#069e58);}



.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_position{ text-align:right; float:right;  font-size:.8rem; color:#6a6a6a; background:url(../images/home_ico.png) left center no-repeat; padding-left:1.5rem; }



.n_position a{ font-size:.8rem; color:#6a6a6a; position:relative; line-height:4.375rem; transition:.2s;}



.n_position i{font-size: 0;color:#7b7b7b;display:inline-block;margin:0 12px;font-family:arial;border: 3px solid transparent;border-left: 4px solid #969696;position:  relative;top: -5px;}



.n_position em{ font-size:.8rem; color:#3bb58e;}



.n_position a:hover{ color:#3bb58e;}











.btn_primary01:hover, .btn_primary01:focus {



  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);



  transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);



  -webkit-animation: gelatine 0.5s 1;



  animation: gelatine 0.5s 1;



}







@keyframes gelatine {



  from, to {



    -webkit-transform: scale(1, 1);



    transform: scale(1, 1);



  }







  25% {



    -webkit-transform: scale(0.9, 1.1);



    transform: scale(0.9, 1.1);



  }







  50% {



    -webkit-transform: scale(1.1, 0.9);



    transform: scale(1.1, 0.9);



  }







  75% {



    -webkit-transform: scale(0.95, 1.05);



    transform: scale(0.95, 1.05);



  }







  from, to {



    -webkit-transform: scale(1, 1);



    transform: scale(1, 1);



  }







  25% {



    -webkit-transform: scale(0.9, 1.1);



    transform: scale(0.9, 1.1);



  }







  50% {



    -webkit-transform: scale(1.1, 0.9);



    transform: scale(1.1, 0.9);



  }







  75% {



    -webkit-transform: scale(0.95, 1.05);



    transform: scale(0.95, 1.05);



  }



}



@-webkit-keyframes gelatine {



  from, to {



    -webkit-transform: scale(1, 1);



    transform: scale(1, 1);



  }







  25% {



    -webkit-transform: scale(0.9, 1.1);



    transform: scale(0.9, 1.1);



  }







  50% {



    -webkit-transform: scale(1.1, 0.9);



    transform: scale(1.1, 0.9);



  }







  75% {



    -webkit-transform: scale(0.95, 1.05);



    transform: scale(0.95, 1.05);



  }







  from, to {



    -webkit-transform: scale(1, 1);



    transform: scale(1, 1);



  }







  25% {



    -webkit-transform: scale(0.9, 1.1);



    transform: scale(0.9, 1.1);



  }







  50% {



    -webkit-transform: scale(1.1, 0.9);



    transform: scale(1.1, 0.9);



  }







  75% {



    -webkit-transform: scale(0.95, 1.05);



    transform: scale(0.95, 1.05);



  }



}







.sy-v { display: inline-block; position: relative; }



.sy-v .dot { position: relative; border-radius: 100%; width: 6.875rem; height: 6.875rem; margin: 0 auto; border:1px solid #e7e7e7; }



.sy-v .dot .ico { position: relative; height: 100%; transition: 400ms; display:block; text-align:center; line-height:6.875rem;  }



.sy-v .dot .ico img{ max-width:30%; max-height:30%; vertical-align:middle;}



.sy-v .dot:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100%; transform: rotateX(-60deg); opacity: 0; visibility: hidden; transition: 400ms; border: 1px solid #0ea78a; }



.sy-v:hover .dot:before { transform: rotateX(0deg); opacity: 1; visibility: visible; }



.sy-v:hover .dot .ico { transform: translateY(-5px); }







.join_top{ padding:2.5rem; border:1px solid #e6e6e6; overflow:hidden; background:#fff;}



.join_top ul{}



.join_top ul li{ width:25%; float:left; text-align:center; position:relative;}



.join_top ul li p{ font-size:.875rem; color:#404040; margin-top:1.25rem;}



.join_top ul li+li:before{ content:""; width:39px; height:15px; display:block; background:url(../images/join_arrow.jpg) center no-repeat; position:absolute; left:0; margin-left:-19px; top:50%; margin-top:-1.5rem;}







.join_bot{ padding-top: 2.5rem;}



.join_bot ul{ }



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



.join_bot ul li .box{ background:#f9fbf9; padding:2.75rem; position:relative; z-index:1;



background: -moz-linear-gradient(top, #f9fbf9 0%, #ecf6f1 100%);



background: -webkit-gradient(linear, top, bottom, color-stop(0%,#f9fbf9), color-stop(100%,#ecf6f1));



background: -webkit-linear-gradient(top, #f9fbf9 0%,#ecf6f1 100%);



background: -o-linear-gradient(top, #f9fbf9 0%,#ecf6f1 100%);



background: -ms-linear-gradient(top, #f9fbf9 0%,#ecf6f1 100%);



background: linear-gradient(to bottom, #f9fbf9 0%,#ecf6f1 100%);



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fbf9', endColorstr='#ecf6f1',GradientType=0 );



}



.join_bot ul li .left{width: 23rem; position: absolute; left: 0 ; top: 0;  height: 100%; text-align: center; padding-bottom:1rem; border-right:1px solid rgba(222,225,223,.6); transition:.7s;}



.join_bot ul li .tt{ padding-left: 6.18rem; display: inline-block; text-align: left; background:url(../images/ren.svg) left top no-repeat; background-size:4.25rem !important;}



.join_bot ul li .tt h5{ font-size:1.125rem; color:#474747; padding-top:.5rem;transition:.7s;}



.join_bot ul li .tt .time{transition:.7s;font-size:.8rem;color:#7e7e7e;background:url(../images/ar_title_ico2.svg) left center no-repeat;background-size: 1.1rem !important;line-height:30px;padding-left:1.5rem;display:block;padding-top: 3px;}



.join_bot ul li .btn_toudi{ opacity:0; transition:.7s; position:absolute; text-align:center; right:0; top:0;display:block; width:7.5rem; height:2.1875rem; font-size:.875rem; line-height:2.1875rem; background:#ed9335; color:#fff; border-radius:1.25rem; top:1rem;}



.join_bot ul li .con{ width: calc(100% - 23rem); margin-left: 23rem; height:14rem; overflow:auto; font-size:.8rem; color:#808080; line-height:2;transition:.7s;}



.join_bot ul li .con .tt2{ font-size:.9375rem; color:#515151; margin-bottom:.6rem;transition:.7s;}



.join_bot ul li .box:before{ content:""; width:100%; height:0; display:block; position:absolute; left:0; bottom:0; background: #3cb592;



    background: linear-gradient(to top right,#13aca8,#069e58);



    background: linear-gradient(135deg,#13aca8,#069e58); z-index:-1; transition:.7s; }



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



.join_bot ul li .box:hover .left{ border-right:1px solid rgba(255,255,255,.2); }



.join_bot ul li .box:hover .tt{ background:url(../images/ren_white.svg) left top no-repeat;}



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



.join_bot ul li .box:hover .tt .time{ color:#def0ef; background:url(../images/time_white.svg) left center no-repeat;}



.join_bot ul li .box:hover .con{color:#deefec;}



.join_bot ul li .box:hover .con .tt2{color:#fff;}



.join_bot ul li .box:hover .btn_toudi{ opacity:1; }



.mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(255,255,255,.3) !important;}



#n_subnav{ text-align:center; font-size: 0; }



#n_subnav ul li{ display: inline-block; margin:0 .625rem; position: relative;border-radius: 1.5625rem;}



#n_subnav a{ min-width: 8.75rem; position: relative; display:block; padding: 0 2.25rem; 



    overflow: hidden;



    height: 3.125rem; line-height:3.125rem;



    text-transform: uppercase;



    color: #565656; text-align:center;



    border-radius: 1.5625rem;



    font-size: .9375rem; transition:.7s; }



#n_subnav a:before{ content:""; display:block; width:100%; height:100%; border-radius: 1.5625rem; position:absolute;border: 1px solid #d9d9d9; right:0; top:0; transition:.7s;}



#n_subnav a:after{ content:""; display:block; width:0; height:100%; position:absolute; background: #3cb592; right:0; top:0;



    background: linear-gradient(to top right,#13aca8,#069e58);



    background: linear-gradient(135deg,#13aca8,#069e58); transition:.7s; z-index:-1;}



#n_subnav a:hover,#n_subnav .on a{ color:#fff;}



#n_subnav a:hover:before,#n_subnav li.on a:before{ border: 1px solid #0ea687;  }



#n_subnav a:hover:after,#n_subnav li.on a:after{ width: 100%; right: auto; left: 0;}



#n_subnav ul li:after{ content: ""; display: block; width: 0; height: 0; border: 6px solid transparent; border-top: 6px solid #0aa26f; position: absolute; bottom: 0; left: 50%; margin-left: -6px; transition: .3s; opacity: 0;}



#n_subnav ul li:hover:after,#n_subnav ul li.on:after{ bottom: -12px; opacity: 1; transition: .4s .3s;}







.n_tt{ text-align: center; margin-bottom: 2.8rem;}



.n_tt h3{ font-size: 1.5rem; margin-bottom: 7px;}



.n_tt span{ font-size: 1.25rem; color: #13aca8; text-transform: uppercase; background-image: -webkit-gradient(linear, 0 0, right 0, from(#13aca8), to(#069e58));



 -webkit-background-clip: text;



 -webkit-text-fill-color: transparent;



 font-family: Roboto;}



.btn_linedown{font-size:.75rem; color:#c1a173; position:relative; display:inline-block; font-family: "Californian FB","Times New Roman", Times, serif; text-transform:uppercase;}



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



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



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



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



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











#n_news{ }



#n_news ul{ margin-top: -1.875rem;}



#n_news ul li{ padding:1.875rem 0; position:relative; overflow:hidden;}



#n_news ul li:before{ content:""; display:block; width:0; height:1px; background: #3cb592;



    background: linear-gradient(to top right,#13aca8,#069e58);



    background: linear-gradient(135deg,#13aca8,#069e58); position:absolute; left:0; bottom:0; transition:1s; z-index:2;}



#n_news ul li:hover:before{ width:100%; }



#n_news ul li:after{ content:""; display:block; width:100%; height:1px; background:#eaeaea; position:absolute; left:0; bottom:0; transition:1s; z-index:1;}



#n_news ul li .img{ width:29rem; float:left; border-radius: 3px; }



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



#n_news ul li:hover .img img{ transform:scale(1.1);}



#n_news ul li .txt{ position: absolute; width:calc(100% - 29rem); right:0; top:0; padding-left:1.875rem; height:100%;}



#n_news ul li .txt .time{ font-size:.875rem; color:#7b7b7b; font-family:Roboto;}



#n_news ul li .txt h5{ font-size:1.3125rem; color:#303030; line-height:1.625rem; margin-top:1rem; transition: .5s; }



#n_news ul li:hover .txt h5{background-image: -webkit-gradient(linear, 0 0, right 0, from(#13aca8), to(#069e58));



 -webkit-background-clip: text;



 -webkit-text-fill-color: transparent;}



#n_news ul li .txt p{ font-size:.8rem; color:#8e8e8e; line-height: 1.625rem; height:3.25rem; overflow:hidden; margin-top:1.5rem; margin-bottom:3rem;}



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



#n_news .btn_linedown{ font-size:.8rem; color:#878787; font-family:Roboto; text-transform:capitalize;}



#n_news .btn_linedown:before, #n_news .btn_linedown:after{ background:#919191;}











#n_pro{ }



#n_pro ul{ margin-top: -.9375rem;}



#n_pro ul li{  position:relative; overflow:hidden; margin-top: .9375rem; background: #fff;}



#n_pro ul li .img{ width:29rem; float:left; border-radius: 3px; }



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



#n_pro ul li:hover .img img{ transform:scale(1.1);}



#n_pro ul li .txt{ position: absolute; width:calc(100% - 29rem); right:0; top:0; padding-left:1.875rem; height:100%;}



#n_pro ul li .txt .time{ font-size:.875rem; color:#7b7b7b; font-family:Roboto;}



#n_pro ul li .txt h5{ font-size:1.375rem; color:#444; line-height:1.625rem; margin-top:1rem; transition: .5s; }



#n_pro ul li:hover .txt h5{background-image: -webkit-gradient(linear, 0 0, right 0, from(#13aca8), to(#069e58));



 -webkit-background-clip: text;



 -webkit-text-fill-color: transparent;}



#n_pro ul li .txt p{ font-size:.875rem; color:#838383; line-height: 1.625rem; height:1.625rem; overflow:hidden; margin-top:.625rem; margin-bottom:1.5rem;}



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



.pro_nav{ font-size: 0; margin-top: -1rem;}



.pro_nav a{ width:8.125rem; height:2.1875rem;margin-right: .9375rem; line-height: 2.1875rem; text-align: center; display: inline-block;  font-size: .875rem; color: #6d6d6d; position: relative; z-index: 1;transition:.7s; margin-top: 1rem;}



.pro_nav a:before{ content:""; display:block; width:100%; height:100%; border-radius: 2px; position:absolute;border: 1px solid #d9d9d9; right:0; top:0; transition:.7s; z-index:-1;}



.pro_nav a:after{ content:""; display:block; width:0; height:100%; border-radius: 2px; position:absolute; background: #3cb592; right:0; top:0;



    background: linear-gradient(to top right,#13aca8,#069e58);



    background: linear-gradient(135deg,#13aca8,#069e58); transition:.7s; z-index:-1;}



.pro_nav a:hover{ color:#fff;}



.pro_nav a:hover:before{ border: 1px solid #0ea687;  }



.pro_nav a:hover:after{ width: 100%; right: auto; left: 0;}







.n_pro_bg{ background: url(../images/n_pro_bg.jpg) center bottom no-repeat #f7f8fa;}







#n_pro_list{ padding-top: 2.875rem; }



#n_pro_list ul{ margin-top: -.9375rem;}



#n_pro_list ul li{  position:relative; overflow:hidden; padding: 1.5rem 3.75rem; margin-top: .9375rem; background: #f7f8fa;}



#n_pro_list ul li .img{ width:11.25rem; height: 11.25rem; line-height: 11.25rem; border-radius: 50%; float:left; overflow: hidden; background: #fff; text-align: center;}



#n_pro_list ul li .img img{ transition:1s; max-width: 70%; max-height: 70%;}



#n_pro_list ul li:hover .img img{ transform:scale(1.1);}



#n_pro_list ul li .txt{ position: absolute; width:calc(100% - 15rem); right:0; top:0; padding-left:1.875rem; height:100%; padding-right: 22rem; }



#n_pro_list ul li .txt .time{ font-size:.875rem; color:#7b7b7b; font-family:Roboto;}



#n_pro_list ul li .txt h5{ font-size:1.375rem; color:#444; line-height:1.625rem; margin-top:1rem; transition: .5s; }



#n_pro_list ul li:hover .txt h5{background-image: -webkit-gradient(linear, 0 0, right 0, from(#13aca8), to(#069e58));



 -webkit-background-clip: text;



 -webkit-text-fill-color: transparent;}



#n_pro_list ul li .txt p{ font-size:.875rem; color:#838383; line-height: 1.625rem; height:3.25rem; overflow:hidden; margin-top:.625rem; margin-bottom:1.5rem;}



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



#n_pro_list .pro_nav{ position: absolute; right: 2.5rem; top: 50%; margin-top: -1rem;}











@media (min-width: 1440px){



	#n_pro_list ul li .txt{  padding-right: 32rem;}



	  



}











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



#n_zhongshi ul{ overflow: hidden;}



#n_zhongshi ul li{ overflow:hidden;  }



#n_zhongshi ul li .img{ width:50%; }



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



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



#n_zhongshi ul li .txt{ width:50%; position:absolute; height:100%; right:0; top:0; padding:0 2.18rem; z-index:1; text-align: center;}



#n_zhongshi ul li .txt .j_tab{ table-layout:fixed;}



#n_zhongshi ul li .txt font{ display:block; height: 3.125rem; width: 3.125rem; margin: 0 auto;}



#n_zhongshi ul li .txt h5{ font-size:1.375rem; color:#363636; margin: 1.25rem 0;}



#n_zhongshi ul li .txt p{ font-size:.9375rem; color:#6e6e6e; line-height:1.875rem; }



#n_zhongshi ul li .txt:before{content:""; width: 0; height: 0; display:block;border:.75rem solid transparent;border-left: 1rem solid transparent; border-right: 1rem solid #fff;position:absolute;top: 50%;left:-2rem;margin-top: -.75rem;}



#n_zhongshi ul li:nth-child(even) .txt:before{ border:.75rem solid transparent; border-left: 1rem solid #fff; border-right: 1rem solid transparent; left: auto; top: 50%;right:-2rem;margin-top: -.75rem;}



#n_zhongshi ul li:nth-child(even) .img{ float:right;}



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







.zhongshi_bg{ background: url(../images/n_zhongshi_bg.jpg) center bottom no-repeat #fff;}







#n_ys{}



#n_ys ul{ margin: 0 -13px;}



#n_ys ul li{ width: 25%; float: left; padding: 0 13px;}



#n_ys ul li .box{}



#n_ys ul li .txt{ text-align: center;border-radius: 3px; box-shadow: 0px 0px 15px 0px rgba( 53, 101, 92,.2 ); padding: 3rem 2rem; padding-bottom: 6rem;}



#n_ys ul li .txt font{ display: block; width: 4rem; height: 4rem; margin: 0 auto;}



#n_ys ul li:hover .txt font img{ animation: doudong 1s;}



#n_ys ul li .txt h5{ font-size: 1.375rem; color: #393939; margin-top: 1.75rem; margin-bottom: 1.25rem;}



#n_ys ul li .txt .con{ font-size: .875rem; color: #888888; line-height: 1.5rem; height: 10.5rem; overflow: hidden;}



#n_ys ul li .img{ display: block; width: 9rem; height: 9rem; margin: 0 auto; border-radius: 50%; margin-top: -4.5rem;}



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



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











#n_daili{ background: #f7f8fa; overflow: hidden;}



#n_daili .left{ width: 66.4%; float: left;}



#n_daili .right{ width: 31.4%; float: right;}



.daili_ewm{ background: #fff; border: 1px solid #e9e9e9; padding: 5rem 1rem; text-align: center;}



.daili_ewm .tt{ text-align: center; margin-bottom: 2.5rem; font-size: 1.3125rem; color: #585858;}



.daili_ewm ul li{ display:inline-block; text-align:center; margin:0 1.125rem; }



.daili_ewm ul li .pic{ width:9.5rem; height:9.5rem; text-align:center; line-height:9.5rem; position:relative;}



.daili_ewm ul li .pic img{ width:8.25rem; height:8.25rem;}



.daili_ewm ul li .pic:before,.daili_ewm ul li .pic:after{ content:""; display:block; bottom:0; left:0; top:0; right:0; box-sizing:border-box; border:1px solid #dedfe0; position:absolute;}



.daili_ewm ul li .pic:after{ bottom:5px; left:5px;}



.daili_ewm ul li .pic:before{ top:5px; right:5px;}



.daili_ewm p{ font-size:.875rem; color:#757575; line-height: 1.375rem; margin-top:.75rem;}















.danxuan label { cursor:pointer; margin-right:1rem; font-size:.875rem; color:#4f4f4f; font-weight:normal;}



.danxuan label i {font-size:18px;font-style:normal;display:inline-block;width:18px;height:18px;text-align:center;line-height:18px;color:#fff;border:#ed9335 1px solid;vertical-align:middle;margin:-2px 5px 1px 0px; color:#7d7d7d; position:relative;}



.danxuan label i:before{ content:""; width:8px; height:8px; display:block; border-radius:50%; background:none; position:absolute; top:4px; left:4px; }



.danxuan input[type="checkbox"],input[type="radio"] {display:none;}



.danxuan input[type="radio"] + i {border-radius:50%;}



.danxuan input[type="checkbox"]:checked + i,input[type="radio"]:checked + i:before{ background:#ed9335;}



.danxuan input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;}



.danxuan input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {background:#ccc;}











input::-webkit-input-placeholder{color:#6f6f6f; text-transform:uppercase; }



input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#6f6f6f;}



input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#6f6f6f;}



input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#6f6f6f;}/* WebKit browsers */



input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */



input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */



input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */



input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */



textarea::-webkit-input-placeholder{color:#6f6f6f;}



textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#6f6f6f;}



textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#6f6f6f;}



textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#96f6f6f99;}/* WebKit browsers */



textarea:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */



textarea:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */



textarea:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */



textarea:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */



textarea::-webkit-scrollbar {width: 1px; }







.j_form{ margin:0 -7px;}



.j_form .form-group{ width:50%;  margin: 0; margin-bottom:10px; position:relative;    float: left;



    padding: 0 7px; }



.j_form .form-group>input{height:60px;width: calc(100% - 8.5rem);float: right;padding:0 10px;font-size:.875rem;color:#4f4f4f;background:none;background:#fff;border:1px solid #e5e5e5;border-left:0;}



.j_form .form-group .input{ height:60px; line-height:58px; width: calc(100% - 8.5rem); background:#fff; border:1px solid #e5e5e5; border-left:0;  padding:0 10px; float:right; font-size:.875rem; color:#4f4f4f; }



.j_form .form-group textarea{ background:#fff;  border:1px solid #e5e5e5; border-left:0; width: calc(100% - 8.5rem);  float:right; height:14rem; font-family:"微软雅黑"; line-height:26px; padding:15px 17px 15px 17px; font-size:.875rem; color:#4f4f4f; }



.j_form .form-group .file_r{background:#fff;border:1px solid #e5e5e5;border-left:0;width: calc(100% - 8.5rem);float:right;min-height: 8rem;font-family:"微软雅黑";line-height:26px;padding:15px 17px 15px 17px;font-size:.875rem;color:#4f4f4f;}



.j_form .form-group .yzm{ position:absolute; right:20px; top:0; max-height:100%; height: 58px; background:none !important;}



.j_form .form-group .yzm img{ max-width:100%; max-height:100%; mix-blend-mode: multiply;}



.j_form .btn_tijiao{ display:block; width:100%; height:60px; font-size:.9375rem; text-align: center; color:#fff; border:0; outline: none; clear:both; transition:.5s; cursor:pointer; margin-top:0px;background: #3cb592; transition: .5s;



    background: linear-gradient(to top right,#13aca8,#069e58);



    background: linear-gradient(135deg,#13aca8,#069e58);}



.j_form .btn_tijiao:hover{background: #069e58;



    background: linear-gradient(to top right,#069e58,#13aca8);



    background: linear-gradient(135deg,#069e58,#13aca8);}}



.j_form .form-group select{ width:100%; height:60px;  border:0; -webkit-appearance: none; background-image:url(../images/select_arrow.png); background-position:510px center; background-repeat:no-repeat; }



.j_form .form-group select option{ padding-top:10px; padding-bottom:10px;}



.j_form .span{display:block;width:8.5rem;height:100%;float:left;background:#fff;border:1px solid #e5e5e5; line-height:58px;font-size:.9375rem;color:#4f4f4f;text-align:left;position:  absolute; padding-left:.75rem;}



.j_form .select-wrapper{ height:58px !important;width: calc(100% - 8.5rem) !important;float: right;padding:0 10px;font-size:.875rem;color:#4f4f4f;background:none;background:#fff;border: 1px solid #e5e5e5 !important; border-left: 0 !important;}



.j_form .select-list{ width:100% !important; top:60px !important; }



.j_form .select-button{height:60px !important; font-size:.9375rem; width:100% !important; line-height:58px; padding:0 !important; color:#6f6f6f;}



.j_form .select-list ul li{ padding:0 1.8rem; font-size:.875rem; color:#9e9e9e;}



.j_form .select-down{    top: 26px !important;   border-color: #7f7f7f transparent transparent transparent !important;
    border-style: solid !important;
    border-width: 5px !important;}



.j_form .select-list ul li.selected,.j_form .select-list ul li:hover {



    color: #fff;



} 







.j_form .span i{ display:inline-block; vertical-align:middle; width:1.0625rem; height:22px; background-size:contain !important; margin-right:.375rem;}



.f_name{ background:url(../images/f_name.svg) center top no-repeat;}



.f_email{ background:url(../images/f_email.svg) center no-repeat;}



.f_tel{ background:url(../images/f_tel.svg) center no-repeat;}



.f_company{ background:url(../images/f_company.svg) center no-repeat;}



.f_add{ background:url(../images/f_add.svg) center no-repeat;}



.f_sort{ background:url(../images/f_sort.svg) center no-repeat;}



.f_message{ background:url(../images/f_message.svg) center no-repeat;}



.f_vcode{ background:url(../images/f_vcode.svg) center no-repeat;}



.f_file{ background:url(../images/f_file.svg) center no-repeat;}



.f_bao{ background:url(../images/f_bao.svg) center top no-repeat;}



.f_xiaoxi{ background:url(../images/f_xiaoxi.svg) center no-repeat;}







 







#n_lianxi .tt{ font-size: 1.375rem; color: #414243; font-weight: bold; margin-bottom: 1.875rem;}



#n_lianxi .left{ width: 34.6%; float: left;}



#n_lianxi .right{ width: 58.8%; float: right;}



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



#n_lianxi ul li{ font-size: .9375rem; color: #686868; line-height: 1.625rem; position: relative; padding-left:1.75rem ; margin-bottom: 1rem; }



#n_lianxi ul li span{ width: 1.75rem; position: absolute; left: 0; top: 0; line-height: 1.625rem;}



.lianxi_ewm .pic{ width:9.125rem; height:9.125rem; text-align:center; position:relative; float: left; padding: .75rem;}



.lianxi_ewm .pic img{  }



.lianxi_ewm .pic:before,.lianxi_ewm .pic:after{ content:""; display:block; bottom:0; left:0; top:0; right:0; box-sizing:border-box; border:1px solid #dedfe0; position:absolute;}



.lianxi_ewm .pic:after{ bottom:5px; left:5px;}



.lianxi_ewm .pic:before{ top:5px; right:5px;}



.lianxi_ewm .txt{ font-size:.875rem; color:#757575; height:9.125rem; line-height: 1.375rem; float: left; padding-left: 1rem; font-size: .875rem; color: #757575;}







#n_liuyan{ background: #f7f8fa;}



#n_liuyan .j_form .form-group{ width: 33.333%;}











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



.shart_box{ display:inline-block; float:right; }



#j_shart_s_24 .fx{ position:relative; top:2px;}



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



#j_shart_s_24{ padding-left:50px; position:relative;}



#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:.75rem; color: #7e8080; font-weight:normal;}



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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







.ar_title {margin-bottom:2.5rem; padding-bottom:1.25rem; position: relative;}



.ar_title:before{ content: ""; display: block; width: 100%; height: 3px; background: #f0f0f0; position: absolute; left: 0; bottom: 0;}



.ar_title:after{ content: ""; display: block; width: 9rem; height: 3px; background: #3cb592;



    background: linear-gradient(to top right,#13aca8,#069e58);



    background: linear-gradient(135deg,#13aca8,#069e58); position: absolute; left: 0; bottom: 0;}



.ar_title h3{ font-size:1.5rem; color:#424242; margin-bottom:.875rem; line-height: 1.5; }



.ar_title span.time{ font-size:.875rem; color:#7e8080; line-height:2rem;}











/*新闻详情*/



#n_news_xq{ overflow:hidden; padding:3.75rem 2.75rem;  margin: 3.75rem 0; background: #fff;}



.left_news_xq{ width:73.1%; float:left;}



.right_news_tujian{ width:23.6%; float:right; }



.right_news_tujian ul li{ width:100%; margin-bottom:1.5rem; }



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



.right_news_tujian ul li .img{ overflow:hidden; width:100%; border-radius: 3px;}



.right_news_tujian ul li .img img{ width:100%; height:100%; display:block; transition:1s;}



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



.right_news_tujian ul li .txt{ padding-top:.75rem; }



.right_news_tujian ul li .txt h5{ font-size:1.0625rem; color:#333335; margin-bottom:.5rem; transition:.3s;}



.right_news_tujian ul li .txt h5:hover{ color:#009b4c;}



.right_news_tujian ul li .txt span{ display:block; height:18px; line-height:21px; font-size:.8rem; font-family:Roboto; color:#aaabb0;}















.ar_article{ font-size:.9375rem; color:#686868; line-height:1.875rem; text-align:justify; }



.ar_article p{font-size:.9375rem;color:#686868;line-height:1.875rem; padding-bottom:1.75rem;}	



.ar_article strong{ font-weight:bold;}



.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:1rem !important;    font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;}



.ar_article td *,.ar_article th *{ font-size:0.95rem !important; font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;}



.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{ color:#363636;}



.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; margin-left:2rem;}



.ar_article ul li p,



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



.ar_article ul,



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







.ar_fot{ overflow: hidden; margin-top: 1rem;}



.ar_fot div{ width: 50%; float: left;}



.ar_fot span{ display: inline-block; width: 6.25rem; height: 2.5rem; line-height: 2.5rem; float: left; font-size: .9375rem; background: #bfbfbf; color: #fff; border-radius: 3px; text-align: center; margin-right: .625rem; transition: .3s;}



.ar_fot h5{ line-height: 2.5rem; font-size: .9375rem; color: #303030;}







.ar_fot .next span{ float: right; margin-left: .625rem;}



.ar_fot .next h5{ text-align: right;}



.ar_fot div:hover span{ background: #13aca8;}







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



#n_pro_xq .img{ width: 29.375rem; float: left; margin-right: 6rem;}



#n_pro_xq .txt{}



#n_pro_xq .txt h5{ font-size: 1.5rem; color: #444444; margin-bottom: 1.875rem;}



#n_pro_xq .txt p{ font-size: .9375rem; line-height: 1.875rem; color: #656565; margin-bottom: 2rem;}







.pro_xq_btn{ font-size: 0;}



.pro_xq_btn a{ width: 9.1875rem; line-height: 2.8125rem; height: 2.8125rem; margin-right: .9375rem; text-align: center; display: inline-block;  font-size: .9375rem; color: #069e58; position: relative; z-index: 1;transition:.7s;}



.pro_xq_btn a img{ margin-right: .625rem; width: 1.3125rem;}



.pro_xq_btn a .img02{ display: none;}



.pro_xq_btn a:before{ content:""; display:block; width:100%; height:100%; border-radius: 2px; position:absolute;border: 2px solid #10a997; right:0; top:0; transition:.7s; z-index:-1;}



.pro_xq_btn a:after{ content:""; display:block; width:0; height:100%; border-radius: 2px; position:absolute; background: #3cb592; right:0; top:0;



    background: linear-gradient(to top right,#13aca8,#069e58);



    background: linear-gradient(135deg,#13aca8,#069e58); transition:.7s; z-index:-1;}



.pro_xq_btn a:hover,.pro_xq_btn a.btn_sms{ color:#fff;}



.pro_xq_btn a:hover .img01,.pro_xq_btn a.btn_sms .img01{ display: none;}



.pro_xq_btn a:hover .img02,.pro_xq_btn a.btn_sms .img02{ display: inline-block !important;}



.pro_xq_btn a:hover:before,.pro_xq_btn a.btn_sms:before{ border: 2px solid #10a997;  }



.pro_xq_btn a:hover:after,.pro_xq_btn a.btn_sms:after{ width: 100%; right: auto; left: 0;}







.tc_form{ max-width:1100px; margin: 0 auto; border-radius: 3px; background: #fff; overflow: hidden; padding:4rem 5.375rem;}



.tc_form .tc_close{ width:2.25rem; height: 2.25rem; border-radius: 50%;  }



.n_tt p{ font-size: .875rem; color: #838383; line-height: 1.75rem; margin-top: 1.25rem;}







#n_pro_xq2{ background: #f7f8fa url(../images/pro_xq_bg.jpg) left bottom no-repeat; overflow: hidden;}



#n_pro_xq2 .m{   }



#n_pro_xq2 .tt{ width: 15.375rem; float: left; padding-top: 5rem; font-size: 1.5rem; font-weight: bold;color: #3cb592;



    background-image: -webkit-gradient(linear, 0 0, right 0, from(#13aca8), to(#069e58));



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;}



#n_pro_xq2 .tt img{ margin-left: 1.75rem; width: 1.9375rem;}



#n_pro_xq2 .txt{ width: calc(100% - 15.375rem); float: right; border-left: 1px solid #dcdde1; padding: 5rem 0 5rem  5.75rem; font-size: .9375rem; color: #707070; line-height: 1.875rem;}







#n_pro_xq3{ text-align: center; padding: 4.375rem 0;}



#n_pro_xq3 .tt{font-size: 1.5rem; font-weight: bold;color: #3cb592; margin-bottom: 2rem;



    background-image: -webkit-gradient(linear, 0 0, right 0, from(#13aca8), to(#069e58));



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;}







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



#n_about .txt{ width: 42.5%; float: left; padding-top: 1rem;}



#n_about .tt{ margin-bottom: 1.75rem;}



#n_about .tt span{ font-size: 1.625rem; font-weight: bold; font-family: arial; display: inline-block; margin-bottom: .5rem; color: #3cb592;



    background-image: -webkit-gradient(linear, 0 0, right 0, from(#13aca8), to(#069e58));



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;}



#n_about .tt h3{ font-size: 1.375rem; color: #000;}



#n_about .con{ font-size:.9375rem; line-height: 1.875rem; color: #767676; }



#n_about .img{ width: 52.92%; float: right;}







#n_mian .m{ max-width: 1600px;}







#n_wenhua{ padding: 7rem 0; background: url(../images/s_wenhua_bg.jpg) center no-repeat; background-size: cover; width: 100%; overflow: hidden;}



#n_wenhua .tt{ display: block; width: 27.125rem; height: 27.125rem; border: 2px solid #35b185; text-align: center; margin: 0 auto; position: relative; z-index: 1; border-radius: 50%;}



#n_wenhua .tt h3{ color: #fff; font-size: 1.5rem; margin-bottom: .5rem;}



#n_wenhua .tt span{ font-size: 1.375rem; font-family: Roboto_light; color: #fff; opacity: .7; text-transform: uppercase;}



#n_wenhua .tt:before{ content:""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid #d9dada; border-radius: 50%; z-index: -1; transform: scale(1.2);}



#n_wenhua .tt:after{content:""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #3cb592; border-radius: 50%; z-index: -1;



    background: linear-gradient(to top right,#13aca8,#069e58);



    background: linear-gradient(135deg,#13aca8,#069e58); transform: scale(.7); }



#n_wenhua ul{}



#n_wenhua ul li{ width: 32.5%; z-index: 999;  }



#n_wenhua ul li h5{}



#n_wenhua ul li p{}







#n_wenhua ul li{position:absolute; font-size: 1.125rem;color: #656565;height: 30px;}







#n_wenhua ul li h5{position:absolute;width:85px;height:30px;line-height:30px;text-align:center;background:#636363;font-size:14px;color:#fff;left: 11rem;top: -34px;display: inline-block;    background: #3cb592;



    background: linear-gradient(to top right,#13aca8,#069e58);



    background: linear-gradient(135deg,#13aca8,#069e58);}







#n_wenhua ul li p{ font-size:15px; color:#656565; line-height:1.875rem; max-width: 320px;}







#n_wenhua ul li:before{width: 7.5rem;}







#n_wenhua ul li:after{width: 25px;height: 25px;}











#n_wenhua ul li.li_2{left: 61.5%;top: 4.375rem;padding-left: 11rem;}







#n_wenhua ul li.li_2:before{content:"";position:absolute;height:1px;top:50%;left: 20px;margin-top:-1px;border-bottom: #d3d3d3 1px dashed;}







#n_wenhua ul li.li_2:after{content:"";position:absolute;top:50%;margin-top: -12px;left:0;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;}















#n_wenhua ul li.li_4{left: 61.5%;bottom: 4.375rem;padding-left: 11rem;}







#n_wenhua ul li.li_4:before{content:"";position:absolute;height:1px;top:50%;left: 20px;margin-top:-1px;border-bottom: #d3d3d3 1px dashed;}







#n_wenhua ul li.li_4:after{content:"";position:absolute;top:50%;margin-top: -12px;left:0;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;}















#n_wenhua ul li.li_3{right: 61.5%;bottom: 4.375rem;padding-right: 11rem;}







#n_wenhua ul li.li_3:before{content:"";position:absolute;height:1px;top:50%;right: 20px;margin-top:-1px;border-bottom: #d3d3d3 1px dashed;}







#n_wenhua ul li.li_3:after{content:"";position:absolute;top:50%;margin-top: -12px;right:0;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;}















#n_wenhua ul li.li_1{right: 61.5%;top: 4.375rem;padding-right: 11rem;}







#n_wenhua ul li.li_1:before{content:"";position:absolute;height:1px;top:50%;right: 20px;margin-top:-1px;border-bottom: #d3d3d3 1px dashed;}







#n_wenhua ul li.li_1:after{content:"";position:absolute;top:50%;margin-top: -12px;right:0;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;}







.relative{ position: relative;}



















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



#n_jishu .tt{ margin-bottom: 3.25rem;}



#n_jishu .tt h3{ font-size: 1.5rem; color: #333333;}



#n_jishu .tt span{ font-family: Roboto; font-size: 1.25rem; text-transform: uppercase; color: #3cb592;



    background-image: -webkit-gradient(linear, 0 0, right 0, from(#13aca8), to(#069e58));



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;}



#n_jishu .left{ width: calc(100% - 55rem); float: left;}



#n_jishu .left ul{}



#n_jishu .left ul li{ border-bottom: 1px dashed #d7d8db; padding-bottom: .5rem; margin-bottom: 1.25rem;}



#n_jishu .left ul li h5{ width: 6.4375rem; height:35px; line-height: 35px; text-align: center; font-size: .9375rem; color: #fff; border-radius: 2px; margin-bottom: .75rem; 



	background: #3cb592;



    background: linear-gradient(to top right,#13aca8,#069e58);



    background: linear-gradient(135deg,#13aca8,#069e58);}



#n_jishu .left ul li span{ display: inline-block; line-height: 1.625rem; font-size: 1rem; color:#525252; margin-right: 1.75rem;}



#n_jishu .right{ float: right;}



 



#certify { width: 100%; overflow: hidden;



	position: relative; margin-bottom: 2rem;



	width:53rem;



}







#certify .swiper-container2 {



	padding-bottom: 60px; overflow: hidden;



}







#certify  .swiper-slide {



	width: 286px;



	height:389px;



}



#certify  .swiper-slide .pic{



	width: 266px; margin: 0 auto;



	height:389px;



	background: #fff;



	box-shadow: 0 8px 30px #ddd;



}



#certify  .swiper-slide img{



	display:block;



}



#certify  .swiper-slide p {



	line-height: 4rem;



	padding-top: 0;



	text-align: center;



	color: #595959;



	font-size:.9375em;



	margin: 0; opacity: 0;



}



#certify  .swiper-slide.swiper-slide-active p{ opacity: 1;}



#certify .swiper-pagination {



	width: 100%;



	bottom: 20px;



}



 



#certify .swiper-button-prev {



	left: 0px; margin-top: -3.5rem;



	width: 3rem;



	height: 3rem;



	background: url(../images/certify_left.png) center no-repeat !important;



	background-size: contain !important;



}















#certify .swiper-button-next {



	right: 0px; margin-top: -3.5rem;



	width: 3rem;



	height: 3rem;



	background: url(../images/certify_right.png) center no-repeat !important;



	background-size: contain !important;



}











#n_zizhi{ background:#f7f8fa; position:relative; width:100%; overflow:hidden;}



 



#n_zizhi .bd>.slick-list{ overflow:visible;}



#n_zizhi .bd ul{ position:relative;}



#n_zizhi .bd ul li{ padding:0 1rem;}



#n_zizhi .bd ul li .pic{background:#fff;width:100%;text-align:center; height: 17.5rem;overflow:hidden;}



#n_zizhi .bd ul li .pic .j_tab{table-layout: fixed;}



#n_zizhi .bd ul li .pic img{ display:inline-block; max-height:15rem; max-width:70%; max-height:80%;}



#n_zizhi .bd ul li h5{ text-align:left; font-size:1rem; color:#404040; line-height:2; margin-top:.5rem;}



#n_zizhi .bd ul li i{ display:block; width:15px; height:2px; background:#575757; margin-top:.5rem;}



#n_zizhi .bd .slick-arrow{ z-index:99; position:absolute; transform:translate(0,0); top:40%; background-size:1.3rem !important; 



	display:block;border-radius:50%;



    width: 3.4375rem;



    height: 3.4375rem; line-height:3.4rem;}



#n_zizhi .bd .slick-arrow:before{ display:block; content:"";border:1px solid #9a9a9a;}



#n_zizhi .bd .slick-prev{ left:-5rem; 



	background:url(../images/left_gray.svg) center no-repeat;



	transition:300ms;



	-webkit-transition:300ms;



	}



#n_zizhi .bd .slick-next{ right:-5rem;



	background:url(../images/right_gray.svg) center no-repeat;



	transition:300ms;



	-webkit-transition:300ms;



	}



#n_zizhi .bd svg.drawcircle circle {



	stroke-dasharray: 0 , 150;



	stroke-dashoffset:150;



	transition: all .3s linear 0s;	



}



#n_zizhi .bd .draw_h:hover svg.drawcircle circle { 



	stroke:#3bb58e;



	stroke-width:1px;



	stroke-dasharray:150 , 0;



	stroke-dashoffset:150;



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



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



}



#n_zizhi .bd .slick-prev:hover{



	background:url(../images/left_red.svg) center no-repeat;



	}



#n_zizhi .bd .slick-next:hover{



	background:url(../images/right_red.svg) center no-repeat;



	}







/*发展历程*/











/*波浪背景*/



.wave_box{



  width: 100%;



  height: 350px;



  position: absolute;



  left: 0;



  bottom: -5rem;



  overflow: hidden; z-index: -1;



}



.wave {



  overflow: hidden;



  position: absolute;



  top: 129%;



  width: 140%;



  transform: translateY(-50%);



  color: #fff;



  margin-left: -20%;



  animation: 3s ease-in-out infinite alternate waveAnimateA;



}



@keyframes waveAnimateA {



  0% {



    transform: translate(-80px,-52%);



  }







  100% {



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



  }



}



.wave svg {



  fill: rgba(233,239,242,1);



  width: 102%;



  margin-left: -1%;



  height: auto;



}



.st0{fill:#E9EFF2;opacity:0.5}



.st1{opacity:0.5;fill:#E9EFF2;}



.st3{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_1_);}











#n_licheng{ width: 100%; overflow: hidden;



  background-color: #fff;



  position: relative; z-index: 1;



}



#n_licheng .n_tt{ text-align: left; float: left;}



#n_licheng .bd{}



#n_licheng .bd ul{}



#n_licheng .bd ul li{ padding-bottom: 2rem;}



#n_licheng .bd ul li .txt{margin-top:1rem; position:relative;z-index: -1}



#n_licheng .bd ul li .txt font{position:absolute;color:#f5f6f7;font-size: 30rem;top: -80%;left:-10%;font-family:arial;z-index:-1;}



#n_licheng .bd ul li .tt{ font-size:16rem;font-family: Roboto_light; color:#f7fafc; width: 100%; text-align: center;transform: scale(.6) translateX(3rem); transition: 1s;background: -ms-linear-gradient(180deg, #f7fafc, #fcfdfe, rgba(233, 239, 242, 0));



    background: -moz-linear-gradient(180deg, #f1f2f3, #f7fafc, #fcfdfe);



    background: -o-linear-gradient(180deg, #f1f2f3, #f7fafc, #fcfdfe);



    background: -webkit-gradient(linear, right top, right bottom, color-stop(0,#f7fafc),color-stop(0.10,rgba(233, 239, 242, 1)),color-stop(0.7,rgba(233, 239, 242, 0.7)), color-stop(1, rgba(233, 239, 242, 0)));



    background: -webkit-linear-gradient(top, #f1f2f3, #f7fafc, #fcfdfe);



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;



}



#n_licheng .bd ul li.slick-current .tt{ transform: scale(1) translateX(0); opacity:1;}



#n_licheng .bd ul li .con{ font-size:1.2rem; color:#4e4d4d; line-height:2.2rem; text-align:center;}



#n_licheng .bd ul li .con .item{ padding-left:1.3rem; position: relative; transform:translateY(20px); opacity:0; transition:0.4s;}



#n_licheng .bd ul li.slick-current .con .item{ transform:translateY(0); opacity:1;}



#n_licheng .bd ul li.slick-current .con .item:nth-child(1){ transition:1s 0.2s;}



#n_licheng .bd ul li.slick-current .con .item:nth-child(2){ transition:1s 0.4s;}



#n_licheng .bd ul li.slick-current .con .item:nth-child(3){ transition:1s 0.6s;}



#n_licheng .bd ul li.slick-current .con .item:nth-child(4){ transition:1s 0.8s;}



#n_licheng .bd ul li.slick-current .con .item:nth-child(5){ transition:1s 1s;}



#n_licheng .bd ul li.slick-current .con .item:nth-child(6){ transition:1s 1.2s;}



#n_licheng .bd ul li.slick-current .con .item:nth-child(7){ transition:1s 1.4s;}



#n_licheng .bd ul li .con .item i{ position:absolute; color:#0081cc; left:5px;}



#n_licheng .bd{ margin-top:-15rem; }



#n_licheng .hd{ position: relative; z-index: 9; margin-top: 6rem;}



#n_licheng .hd ul{}



#n_licheng .hd ul li{ font-size:1.125rem; height: 8.75rem; color:#606060; position:relative; cursor:pointer; text-align: center;}



#n_licheng .hd ul li i{ display:block; width:8.75rem; height:8.75rem; position: absolute; left:50%; margin-left:-4.375rem; transform: scale(0); transition: .5s;  visibility: hidden; z-index: 9;}



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



#n_licheng .hd ul li i:after{ content:""; width:100%; height:100%; display:block; position:absolute; top:0; left:0; background: url(../images/quan.png) center no-repeat; background-size: contain; opacity:.3; transform-origin: center; }



#n_licheng .hd ul li .dot{ width: 1.125rem; height: 1.125rem; border-radius: 50%; position: absolute; top: 50%; margin-top: -.5625rem;left: 50%; margin-left: -.5625rem; background: #08a064; z-index: 8;}



#n_licheng .hd ul li .dot:after{ content: ""; display: block; width: 100%; height: 100%;border-radius: 50%; position: absolute; left: 0; top: 0; background: #08a064; opacity: .18; transition: .7s; }



#n_licheng .hd ul li:hover .dot:after{ transform: scale(2);}



#n_licheng .hd ul li .line{ position: absolute; height: 5px; width: 300px; right: 50%; display: block;background: #3cb592;



    background: linear-gradient(to top right,#13aca8,#069e58);



    background: linear-gradient(135deg,#13aca8,#069e58); z-index: 0; top: 50%; margin-top: -2.5px;}







#n_licheng .hd ul li span{ display:block; text-align:center; font-family: Roboto_light; font-size: 1.125rem; position: absolute; width: 100%; z-index: 9; height: 3rem; line-height: 3rem; transition: .3s;}



#n_licheng .hd ul li:nth-child(odd) span{ top:1rem;}



#n_licheng .hd ul li:nth-child(even) span{ bottom:1rem;}



#n_licheng .hd ul li.slick-current{ color:#fff;}



#n_licheng .hd ul li.slick-current i{ transform: scale(1); visibility: visible;}



#n_licheng .hd ul li.slick-current i:before{ }



#n_licheng .hd ul li.slick-current i:after{ animation: alpha 2.25s linear infinite forwards;}



#n_licheng .hd ul li.slick-current span{ top:50%; bottom: auto; margin-top: -1.5rem; font-size: 2rem;}



@keyframes alpha {



  0% {



    transform: rotate(0);



  }



  25% {



  }



  50% {



    border-radius: 50%;



  }



  75% {



  }



  100% {



    transform: rotate(360deg);



  }



}







 



#n_licheng .top_box{ position:relative; overflow: hidden;}











#n_licheng .slick-arrow{ z-index:99; position:absolute; transform:translate(0,0); top:-5rem; background-size:1.3rem !important; 



	display:block;border-radius:50%; left: auto;



    width: 3.4375rem;



    height: 3.4375rem; line-height:3.4rem;}



#n_licheng .slick-arrow:before{ display:block; content:"";border:1px solid #9a9a9a;}



#n_licheng .slick-prev{ right:5rem; 



	background:url(../images/left_gray.svg) center no-repeat;



	transition:300ms;



	-webkit-transition:300ms;



	}



#n_licheng .slick-next{ right:0rem;



	background:url(../images/right_gray.svg) center no-repeat;



	transition:300ms;



	-webkit-transition:300ms;



	}



#n_licheng svg.drawcircle circle {



	stroke-dasharray: 0 , 150;



	stroke-dashoffset:150;



	transition: all .3s linear 0s;	



}



#n_licheng .draw_h:hover svg.drawcircle circle { 



	stroke:#3bb58e;



	stroke-width:1px;



	stroke-dasharray:150 , 0;



	stroke-dashoffset:150;



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



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



}



#n_licheng .slick-prev:hover{



	background:url(../images/left_red.svg) center no-repeat;



	}



#n_licheng .slick-next:hover{



	background:url(../images/right_red.svg) center no-repeat;



	}