@charset "utf-8";
/* CSS Document */
@charset "utf-8";
@font-face {
  font-family: roboto_m; 
  src: url(../fonts/ROBOTO-MEDIUM-12.TTF);
}
/*===================CSS Reset================*/
::selection {color:#fff;background-color: #06783b;}
::-moz-selection {color:#fff;background-color: #06783b;}
::-webkit-selection {color:#fff;background-color: #06783b;}
::-webkit-scrollbar {width: 3px;height: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}
* {padding: 0;margin: 0; box-sizing:border-box;}
@media (min-width:1660px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1660px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:15px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:14px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:13px;}}
@media (max-width:328px){html{font-size:12px;}}


body {font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, clean, sans-serif;position:relative;color: #333;margin: 0;line-height:1.2;min-width:1200px;overflow-x:hidden;}
.loading-mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background: #06783b;
	transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-ms-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-o-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-webkit-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-moz-transition: cubic-bezier(.62, .06, .07, .98) 1s
}
.loading-mask.compelet {
	transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%)
}
.full {
    width: 100%;
    height: 100%;
}

:focus { outline: 0;}
 input,button,a { outline:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}
ins {background-color: #ff9;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input,select {vertical-align: top;}
li,ul {list-style-type: none;}
img {border: none;}
a{text-decoration: none; color: inherit;}
a:link,a:hover,a:active,a:visited {text-decoration: none;}
input,textarea {outline: 0;border: 0;}
textarea {resize: none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight: normal;font-style: normal;}
ul, li {list-style: none;margin: 0;padding: 0;}
.j_tab{  width: 100%; height: 100%; display:table;}
.j_tab_cel{width: 100%;height: 89%;display: table-cell;vertical-align:middle;s;}
.pad_top{ padding-top:75px;}
.pad_bot{ padding-bottom:75px;}
/*自定义样式*/
.fl {float: left;}
.fr {float: right;}
.m{width: 1200px;margin: 0 auto; display: block; position:relative;}
.m1440{max-width: 1440px; width:90%; margin: 0 auto; display: block; position:relative;}
.m1600{max-width: 1600px; width:90%; margin: 0 auto; display: block; position:relative;}
.m1689{max-width: 1689px; width:90%; margin: 0 auto; display: block; position:relative;}
.m1900{max-width: 1900px; width:90%; margin: 0 auto; display: block; position:relative;}
.img{ overflow:hidden;}
.img img{ width:100%; height:100%;}
h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
h5 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.clear{ clear:both;}

/*首页开始*/
body{ }
#header{position: fixed;width:100%;background:#fff;z-index:9999999;width:100%;transition:1s;height: 85px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1); z-index:9999; top:0;}
#header .m1900{ position: static;}	
.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}
#logo{float:left;height: 85px;}
#logo a{display:table-cell;vertical-align: middle;height: 85px;}
#logo img{ display:block;}
#nav{ float:right; position:absolute; right:0; }
#nav>ul{ float:left;}
#nav>ul>li{ float:left; position:relative;}
#nav>ul>li>a{ font-size:15px; color:#282828; display:block;}
#nav>ul>li>a h3{position:relative;font-size:15px;color:#282828;margin:0 1.3rem;height: 85px;line-height:85px; overflow:hidden;}
#nav>ul>li.on h3{ color:#009472; font-weight:bold; }
#nav>ul>li h3:after{ content:""; display:block; width:100%; height:2px; position:absolute; left:0; background:#009472; bottom:0; transition:.3s; transform:scale(0);}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{  transform:scale(1);}
#nav>ul>li h3:before{content:"";display:block;border:6px solid transparent;border-bottom: 6px solid #009472;position:absolute;left: 50%;bottom: -12px;transition:.3s;margin-left:  -6px;}
#nav>ul>li:hover h3:before,#nav ul li.on h3:before{ bottom: 0;}

#nav>ul>li:nth-child(4) .list{ margin-left: auto; margin-left:-500px; }
#nav>ul>li:nth-child(5) .list{ margin-left: auto; margin-left:-500px; }
#nav>ul>li:nth-child(6) .list{ margin-left: auto; margin-left:-450px; }
#nav>ul>li:nth-child(7) .list{ margin-left: auto; margin-left:-500px; }
#nav>ul>li:nth-child(8) .list{ margin-left: auto; margin-left:-500px; }

#nav .sub{position:absolute;top: 85px;width:160px;display:none;background:#fff;box-shadow:0 3px 15px rgba(0,0,0,.2);font-size:14px;color:#585858;line-height:45px;}
#nav .sub1 li{padding: 0 15px;}
#nav .sub1 li a{ display:block;}
#nav .sub1>li:hover{ background: url(../images/sub_nav_ico.png) 140px center no-repeat #009472; color:#fff;}
#nav .sub2>li:hover{ color:#009472; }
#nav .sub1{ left:50%; margin-left:-80px;}
#nav .sub2{ left:100%; top:0;}
#nav li:hover ul.sub1{ display:block; }
#nav li ul.sub1 li:hover ul.sub2{ display:block;}

/**/

.top_rukou{ margin-top:22px; margin-left:10px; display:inline-block; width:42px; height:42px; text-align:center; line-height:38px; border-radius:50%; cursor:pointer; transition:.4s ease-in-out; -webkit-transition:.4s ease-in-out; overflow:hidden;}
.top_rukou img{ vertical-align:middle;}
.top_rukou:hover{ }
.top_tel{ background:#009472;}
.top_ewm{ background:#0073c3;}

.tel_num{position:absolute;right:0;top: 85px;font-size:20px; color:#e8420a;text-align:center;height:0;font-family:arial;letter-spacing:2px;line-height:40px;background: #fff;transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out;overflow:hidden;}
.tel_num.act{height: 80px; }
.tel_num:before{ content:""; width:100%; height:1px; display:block; background:#eee; position:absolute; left:0; top:0;}

.tc_ewm{ z-index: 1; display:inline-block; position:relative; text-align:center;
position: absolute; top:0; left:0; bottom:0;right:0;  width:130px; height:160px; margin:auto;}
.tc_ewm img{ width:100%; display:block; }
.tc_ewm p{ line-height:30px; color:#fff; background:#0073c3;}
.tc-bg {
height: 100%;
background: rgba(0,0,0,0);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 0;
}

/*动画效果*/
.tc.act {
    width: auto;
    display: block;
    overflow: hidden;
    -webkit-animation: scale 1s ease 1;
    animation: scale 1s ease 1;
}
.tc {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    background: rgba(0,0,0,.85);
    overflow: hidden;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 9999999; display:none;
}

@keyframes scale{
	0%{shape-inside:circle(100%,10%,210px);-webkit-clip-path:circle(210px at 100% 10%);clip-path:circle(210px at 100% 10%)}
	100%{shape-inside:circle(50%,50%,1200px);-webkit-clip-path:circle(2000px at 50% 50%);clip-path:circle(2000px at 50% 50%)}
	}


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


/*首页banner*/

.banner{height: 700px;width:100vw;position:relative; margin-top:85px;}
.banner li{ position:relative; }
.banner li .img{position: relative;left:0;top:0;width:100%;height: 680px;background-size:auto !important;z-index:8;}	
#banner li img{ display:inline-block; margin-bottom:100px;}
#banner li.slick-current{ z-index:999;}
.banner .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-32px; transform:translate(0,0); opacity:.6;
	display:block;
    width: 63px;
    height: 63px;}
.banner .slick-prev{
	left: 165px;
	background:url(../images/banner_left.png) left center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}
	
.banner .slick-next{ right:165px;
	background:url(../images/banner_right.png) right center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}

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

@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1); transform: scale(1); }
to {-webkit-transform: scale(1.05); transform: scale(1.05); }
}
@keyframes bgscale {
from { -webkit-transform: scale(1); transform: scale(1); }
to {-webkit-transform: scale(1.05); transform: scale(1.05); }
}
@-webkit-keyframes letter {
from { letter-spacing:10px; opacity:0;}
to { letter-spacing:0px; opacity:1;}
}
@keyframes letter {
from { letter-spacing:10px; opacity:0;}
to { letter-spacing:0px; opacity:1;}
}
.banner .img{ display:block; width:100%; overflow:hidden;  }
.banner .slick-current .img{ animation:bgscale 5s;animation-fill-mode: forwards; }


/*banner翻页特效 end*/
#banner li .con{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; text-align:center; text-shadow: 0px 0px 5px rgba(0,0,0,.2); }
#banner li .txt h5{ font-size:40px; line-height:1.2; font-weight:bold; text-transform:uppercase; margin-bottom:23px; color:#fff; font-family:arial; }
#banner li .txt i{ width:3px; height:24px; display:block; margin:0 auto; background:#fff; margin-bottom:28px; opacity:0; transition:1s;}
#banner li .txt p{font-size:46px;font-weight:bold;color:#fff;color: rgb(255, 255, 255);display:block;}
#banner li.slick-current .txt h5,#banner li.slick-current .txt p{  animation:letter 3s; animation-fill-mode: forwards; }
#banner li.slick-current .txt i{ opacity:1;}
.s_tt{text-align:center;margin-bottom: 35px;}
.s_tt h3{ font-size:20px; color:#000; margin-bottom:7px;}
.s_tt p{ font-size:14px; color:#5e5e5e; font-family:Roboto; text-transform:uppercase;}

#s_pro{ margin-top:-106px;}
#s_pro .s_tt{ margin-bottom:35px;}
#s_pro .hd .slick-list{ overflow:visible;}
#s_pro .hd ul{}
#s_pro .hd ul li{text-align:center;background:rgba(0,0,0,.25);padding: 15px 0;height: 86px;cursor:pointer;position:relative;transition:.3s;}
#s_pro .hd ul li+li:after{ content:""; width:1px; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,.3);}
#s_pro .hd ul li font{ display:block; width:40px; height:40px; margin:0 auto;}
#s_pro .hd ul li font img{ display:inline-block;}
#s_pro .hd ul li h5{ color:#fff; font-size:15px;}
#s_pro .hd ul li.slick-current,#s_pro .hd ul li:hover{ background:#009472;}
#s_pro .hd ul li:before{ content:""; display:block; position:absolute; left:50%; margin-left:-6px; bottom:-6px; opacity:0; text-align:center;  z-index:4; height:0px; width:0; border:6px solid transparent; border-top:6px solid #009472; transition:0s;}
#s_pro .hd ul li:hover:before,#s_pro .hd ul li.slick-current:before{ bottom:-12px; opacity:1;transition:.3s .3s;}

#s_pro .hd ul li:hover font{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@-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_pro .bd{background:#f3f3f3;padding-top: 70px;}
#s_pro .bd ul{margin: 0 -15px;overflow:hidden;margin-bottom:55px;}
#s_pro .bd ul li{ width:380px; height:445px; float:left; background:#fff; margin:0 15px; border-radius:5px; overflow:hidden;}
#s_pro .bd ul li a{ display:block;}
#s_pro .bd ul li .img{ }
#s_pro .bd ul li .img img{ transition:1s;}
#s_pro .bd ul li:hover .img img{ transform:scale(1.1);}
#s_pro .bd ul li h5{ text-align:center; height:50px; line-height:50px; font-size:18px; color:#3a3a3a;}
#s_pro .bd ul li p{ font-size:13px; color:#919191; text-align:center; text-align:center;}
.right_btn{ display:block; font-size:12px; margin:0 auto; margin-top:20px; color:#727475; font-family:arial; text-transform:uppercase; width:106px; height:30px; border:1px solid #c8c8c8; border-radius:15px; text-align:center; line-height:30px;
 position:relative; z-index:0; transition:.5s; overflow:hidden; transition:.5s;}
#s_pro .bd ul li:hover .right_btn{ color:#fff; border:1px solid #0073c3; background:#0073c3;}
#s_pro .bd ul li .txt{ padding:30px 45px;}

#s_hezuo{}
#s_hezuo .bd{ height:540px;}
#s_hezuo .bd .txt{ width:380px; height:540px; float:left; background:#009472; color:#fff; padding:0 45px;}
#s_hezuo .bd .txt .tt{ margin-bottom:35px;}
#s_hezuo .bd .txt .tt h3{ font-size:22px; margin-bottom:8px;}
#s_hezuo .bd .txt .tt span{ font-size:16px; font-family:Roboto,arial; text-transform:uppercase;}
#s_hezuo .bd .txt .con{ font-size:14px; line-height:26px; height:156px; overflow:hidden; margin-bottom:20px;}
#s_hezuo .bd .txt .btn_xq{ display:block; width:110px; height:35px; text-align:center; line-height:31px; border-radius:20px; border:2px solid #fff; font-size:14px; transition:.3s;}
#s_hezuo .bd .txt .btn_xq:hover{ background:#fff; color:#009472;}
#s_hezuo .bd .img{ width:820px; height:540px; float:left;}
#s_hezuo .hd{ position: relative; margin-top:40px;}
#s_hezuo .hd:before{ content:""; width:100%; height:1px; display:block; background:#d8d8d8; position:absolute; left:0; top:50%;}
#s_hezuo .hd ul{ margin:0 -35px;}
#s_hezuo .hd ul li{}
#s_hezuo .hd ul li span{ display:block; cursor:pointer; width:187px; height:50px; line-height:48px; text-align:center; border-radius:25px; background:#fff; border:1px solid #d8d8d8; margin:0 auto; font-size:16px; color:#474747;}
#s_hezuo .hd ul li span:hover,#s_hezuo .hd ul li.slick-current span{ border:1px solid #0073c3; background:#0073c3; color:#fff;}

#s_pro2{ background: url(../images/s_pro2_bg.jpg) center no-repeat;}
#s_pro2 ul{ margin:0 -11px;}
#s_pro2 ul li{ padding:0 11px;}
#s_pro2 ul li a{ display:block; text-align:center; background:#fff; padding-bottom:26px;}
#s_pro2 ul li .img{}
#s_pro2 ul li .img img{ transition:1s;}
#s_pro2 ul li h5{ font-size:16px; color:#3d3d3d; margin-bottom:12px; margin-top:20px;}
#s_pro2 ul li span{ font-size:13px; color:#686868;}
#s_pro2 ul li:hover .img img{ transform:scale(1.1);}
#s_pro2 ul li:hover span{ color:#0073c3;}



#s_pro2 .slick-arrow{ z-index:99; position:absolute; transform:translate(0,0); background-repeat:no-repeat; background-position:center; display:block;width:50px;height:50px; transition:.3s; margin-top:-25px; }
#s_pro2 .slick-prev{ background-image:url(../images/s_chanye_left.png); left:-86px;}
#s_pro2 .slick-next{ background-image:url(../images/s_chanye_right.png); right:-86px;}
#s_pro2 .slick-arrow:before{ display:none;}




#s_zhiliang{ height:475px; background:url(../images/zhiliang_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding-top:140px;}
#s_zhiliang .txt{ float:left; color:#fff; width:535px;}
#s_zhiliang .txt h3{ font-size:22px; line-height:37px; margin-bottom:35px;}
#s_zhiliang .txt .con{ font-size:14px; line-height:30px; color:#e3e3e3; opacity:.79;}
#s_zhiliang ul{ margin:0 -20px; float:right; width:580px;}
#s_zhiliang ul li{ width:33.333%; float:left; text-align:center; color:#fff;}
#s_zhiliang ul li a{ display:block; width:140px; margin:0 auto;}
#s_zhiliang ul li .ico{ width:150px; height:150px; margin:0 auto; border:1px solid #fff; border:1px solid rgba(100%,100%,100%,.2); border-radius:50%; position:relative; z-index:0;}
#s_zhiliang ul li .ico font{ display:block; width:100%; height:100%; border-radius:50%;}
#s_zhiliang ul li h5{ font-size:16px; color:#e3e3e3; margin-top:20px;}
#s_zhiliang ul li .ico:hover font{  -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) }
}



#s_news{ background:#fff; padding-top:70px; padding-bottom:78px;}
#s_news .m{ overflow:hidden;}
#s_news .s_tt{ height:78px; background:url(../images/s_tt_bg.png) center 40px no-repeat; margin-top:78px; margin-bottom:72px;}
#s_news .s_tt .m{ background:url(../images/s_news_tt.png) center top no-repeat; height:100%; padding-top:43px; text-align:center; font-size:22px; color:#384249;}
#s_news .fl{ width:240px; background:url(../images/s_news_left_bg.png) right top no-repeat; height:556px;}
#s_news .fl h4{ font-size:16px; color:#b8b9bb; font-family:"NewsGoth BT",arial; margin-bottom:30px; margin-top:19px;}
#s_news .fl h5{ font-size:27px; line-height:40px; color:#119b7b;}
#s_news .fl .more{ width:134px; height:108px; display:block; position:relative; background:url(../images/s_news_more_bg.png) right top no-repeat; margin-top:210px;}
#s_news .fl .more:before{ content:""; background:url(../images/s_news_more.png) left bottom no-repeat; display:block; width:100%; height:100%; position:absolute; transition:.3s; -webkit-transition:.3s; }
#s_news .fl .more:hover:before{ background:url(../images/s_news_more_on.png) left bottom no-repeat;}

#s_news .fr{}
#s_news .fr .box{ width:417px; float:left; margin-left:58px;}
#s_news .fr .box .news1{ overflow:hidden;}
#s_news .fr .box .news1 .img{width:417px;height: 233px;margin-bottom:35px;}
#s_news .fr .box .news1 .img img{ transition:2s; -webkit-transition:2s;}
#s_news .fr .box .news1:hover .img img{ transform:scale(1.1);}
#s_news .fr .box .news1 .riqi{ font-size:27px; color:#5f6062; font-family:arial; float:left;}
#s_news .fr .box .news1 .riqi span{ display:block; font-size:18px; color:#c2c4c7;}
#s_news .fr .box .news1 .txt{ width:363px; float:right; border-left:1px solid #e5e5e5; padding-left:18px; margin-top:2px; margin-bottom:25px;}
#s_news .fr .box .news1 .txt h5{ font-size:16px; color:#5f6062; margin-bottom:10px; transition:.3s;}
#s_news .fr .box .news1 .txt h5:hover{ color:#119b7b;}
#s_news .fr .box .news1 .txt p{ font-size:14px; color:#c1c1c1;}
#s_news .fr .box ul{}
#s_news .fr .box ul li{ height:48px; line-height:48px; border-bottom:1px dotted #bababd;}
#s_news .fr .box ul li i{ font-size:12px; color:#d2d4d5; margin-right:8px;}
#s_news .fr .box ul li h5{ display:inline-block; font-size:14px; color:#656567; transition:.3s;}
#s_news .fr .box ul li span{ float:right; font-size:12px; color:#adadae; font-family:arial;}
#s_news .fr .box ul li:hover i{ color:#119b7b;}
#s_news .fr .box ul li:hover h5{ color:#119b7b;}

#s_coop{ padding:30px 0; background:#f3f3f3;}
.coop_slide{mix-blend-mode: multiply;  }
.coop_slide li{ text-align:center;}
.coop_slide li .j_tab{ width:140px; height:75px; margin:0 auto;}
.coop_slide li img{ display:inline-block;}
.coop_slide .slick-arrow{ width:10px; height:22px;}
.coop_slide .slick-arrow:before{ display:none; }
.coop_slide .slick-prev{ left:-44px; background:url(../images/s_coop_left.jpg) center no-repeat;}
.coop_slide .slick-next{ right:-44px; background:url(../images/s_coop_right.jpg) center no-repeat;}


.foot{ background:#2f2f2f; position:relative; padding:43px 0 0;}
.foot .container{ position:relative;}
.foot_nav{ float:right; }
.foot_nav h3{ font-size:14px; color:#fff; margin-bottom:20px;}
.foot_nav ul li{float:left; padding-left:56px;}
.foot_nav .list a{ display:block; font-size:12px; color:#a0a0a0; line-height:24px; }
.foot_logo{ text-align:left; width:347px; }
.foot_logo .txt { font-size:12px; color:#a0a6ab; line-height:20px;}
.foot_logo .txt *{ display:inline-block; font-size:12px; color:#a0a6ab; line-height:20px;}
.foot .social-share-block {
margin: 28px 0 8px; }
.foot .social-share-block li {
display: inline-block; width:36px; height:36px; border:1px solid #546270; border-radius:50%;
vertical-align: middle; text-align:center;
margin-right: 8px; }
.foot .social-share-block li a {
display: table-cell; width:34px; height:34px;vertical-align: middle;
 }
.foot .social-share-block li a img{ opacity:.4;-webkit-transition: ease 0.3s;
-moz-transition: ease 0.3s;
-ms-transition: ease 0.3s;
-o-transition: ease 0.3s;
transition: ease 0.3s;}
.foot .social-share-block li a:hover img {
  opacity: 0.7; }
.foot .social-share-block li:last-of-type {
margin-right: 0; }
.foot_lianxi{ float:left;}
.foot_lianxi h3{ font-size:16px; color:#fff; margin-bottom:20px;}
.foot_lianxi ul{ margin-bottom:10px;}
.foot_lianxi ul li{ position:relative; font-size:12px; color:#a5a5a5; line-height:28px; }
.foot_lianxi ul li span{ position:absolute; left:0; top:0; display:block; line-height:28px; width:25px;}

.foot a:hover{ color:#fff;}
.foot a{ transform:.3s;}

.foot_search{}
.foot_search p{ font-size:12px; color:#b3b0b0; line-height:24px; padding-top:8px; text-align: right; margin-right: 13px;}
.foot_search form{ font-size:0; margin-left:18px;}
.foot_search form input{ width:315px; height:55px; color:#666; padding:0 20px; font-size:14px;}
.foot_search form button{ width:88px; height:55px; line-height:55px; background:#0073c3; cursor:pointer; border:0; color:#fff; color:#fff; font-size:14px;}

.foot_top{ border-bottom:1px solid #434343; overflow:hidden; padding-bottom:55px; margin-bottom:45px;}
.foot_bot{ padding:15px 0; line-height:30px; background:#202020; text-align:center; font-size:12px; color:#8f929a; margin-top:50px;}
.foot_bot *{ display:inline-block; font-size:12px; color:#8f929a;}


.foot #j_shart_s_24 .bds_qzone{background:url(../images/j_shart2.png) center -224px no-repeat}
.foot #j_shart_s_24 .bds_tsina{background:url(../images/j_shart2.png) -35px 0px no-repeat}
.foot #j_shart_s_24 .bds_tqq{background:url(../images/j_shart2.png) 0px 0px no-repeat}
.foot #j_shart_s_24 .bds_renren{background:url(../images/j_shart2.png) center -340px no-repeat}
.foot #j_shart_s_24 .bds_weixin{background:url(../images/j_shart2.png) -73px 0px no-repeat}
.foot #j_shart_s_24 .bds_sqq{background:url(../images/j_shart2.png) 0px 0px no-repeat}
.shart_box{ opacity:.6;}


/*online qq*/
aside#top{ }
.online_q {  position: fixed; right: 50px; bottom: 10%; z-index: 9999; transition:.5s; -webkit-transition:.5s;}
.online_q .btn2{width:45px; height:45px; cursor:pointer; position:relative; margin-bottom:5px;  font-size:12px; color:#fff;}
.online_q .btn-top{ background:#a4e7fe; padding:0; transition:.5s;}
.online_q .btn-top:hover{ background:#42cfff; }
.online_q .btn2 a{  font-size:12px; color:#fff;}
.online_q .btn2 span{display:block; float:left; width:45px; height:45px; position:relative; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s;}
.online_q .btn2:hover{ }
.online_q .btn-qq span{background:url(../images/piaofu_qq.png) center no-repeat #333335; }
.online_q .btn-tel span{background:url(../images/piaofu_tel.png) center no-repeat #333335;}
.online_q .btn-wb span{background:url(../images/piaofu_wb.png) center no-repeat #333335;}
.online_q .btn-wx span{background:url(../images/piaofu_wx.png) center no-repeat #333335; }
.online_q .btn-top span{ height:100%; background:url(../images/piaofu_top.png) center no-repeat #009472; }

.online_q .open.pic{ position:absolute; background:#eee; 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:55px;visibility:visible;}

.online_q .open.phone{ display:inline-block; height:45px; line-height:45px; z-index:0; width:0; background:#eee; color:#009472; 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:45px; 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;}

#gotop.hide{ opacity:0; height:0; overflow:hidden;}


/*内页banner*/
.bn-box {width: 100%;overflow: hidden;position: relative;z-index:0; margin-top:85px;}
.ny_banner {width: 2000px;height:350px;position: relative;overflow: hidden;margin-left: 50%;left: -1000px;top: 0; overflow:hidden;}
.ny_banner .m{ display:table; position:relative; }
.ny_banner .m .box{height:350px; vertical-align:middle; display:table-cell; margin:0 auto; text-align:center; }
.ny_banner h5{ font-size:32px; color:#fff; text-transform:uppercase;font-family: roboto_m;  }
.ny_banner i{ display:block; width:21px; height:2px; background:#fff; margin:0 auto; margin-top:16px;}
.ny_banner span{ font-size:22px; color:#fff; display:block; margin-top:20px;  }

/*=====面包屑===*/
.n_position{ height:55px; border-bottom:1px solid #e4e2e1; clear:both; position:relative; }
.n_position ul{ float:left;}
.n_position ul li{ height:55px; line-height:55px; text-align:center; float:left; display:inline-block; position:relative;  }
.n_position ul li a{ display:block; position:relative; z-index:1; text-align:center; font-size:15px; color:#515151; width:179px; text-align:center; transition:all ease 600ms;}
.n_position ul li.on{ background:#009472;}
.n_position ul li.on a{ color:#fff;}
.n_position ul li:hover a{ color:#fff;}
.n_position li i { position: absolute; right: 0; top: 0; display: block; height:100%; width:0; background:#009472; transition:all ease 600ms; z-index:0;}
.n_position li:hover i { width:100%; left:0; right:auto;}
.n_position li:before{ content:""; display:block; position:absolute; left:50%; margin-left:-6px; bottom:-6px; opacity:0; text-align:center;  z-index:4; height:0px; width:0; border:6px solid transparent; border-top:6px solid #009472; transition:0s;}
.n_position li:hover:before,.n_position li.on:before{ bottom:-12px; opacity:1;transition:.3s .3s;}


.n_position h3{ font-size:12px; line-height:55px; display:inline-block; float:right; color:#7b7b7d;}
.n_position h3 img{ position:relative; top:1px; margin-right:3px;}
 
.n_position h3 a{ margin:0 5px; display:inline-block; color:#969798; font-size:12px;}
.n_position h3 a:hover{ color:#009472;}
.n_position h3 em{ color:#009472; margin-left:5px;}

#n_main{ }


/*==============分页=====================*/
.j_pages { text-align: center; margin-bottom:70px; }
.j_pages .box{display: inline-block; color:#616264; font-size:13px;  }
.j_pages a,.j_pages input,.j_pages button{ height:32px; padding:0 10px; min-width:35px; line-height:30px; border:1px solid #e1e1e1; text-align:center; display:inline-block; margin:0 6px; color:#616264; font-size:13px;  overflow:hidden; float:left; transition:.3s; }
.j_pages .on{ color:#fff !important; background:#0073c3; border:1px solid #0073c3;}
.j_pages a[href]:hover,.j_pages button:hover{  color:#fff !important; background:#0073c3; border:1px solid #0073c3;}
.j_pages span{ line-height:40px; float: left; margin:0 8px;}


#n_new_xq{ overflow:hidden; margin-bottom:80px;}
#left_news{ width:886px; float:left;}
#right_news{ width:289px; float:right;}

#right_news{ width: 262px; float:right; }
#right_news .title{ padding-bottom: 10px;}
#right_news .title h1{ font-size:18px; color:#4e4e4e;}
#right_news a{ display: block;}
#right_news ul li{ padding-bottom: 18px; margin-top: 15px; border-bottom: 3px solid #dedede; }
#right_news ul li span{ font-size:22px; color:#979797; font-family:arial;}
#right_news ul li h5 a{ font-size:16px; color:#545454; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:9px 0;}
#right_news ul li p{ font-size:12px; color:#969696; line-height:20px; height:40px; overflow: hidden;}
.search{ width:100%; height:45px; overflow:hidden; position:relative; z-index:0; margin-bottom:40px; background:#fff; }
.search .searchbar{ height:45px; padding:0 20px; background:#f2f2f2; width:215px; font-size:14px; color:#bbbbbb; font-family:'Microsoft YaHei'; font-weight:100;}
.search .searchbtn{ display:block; position:absolute; cursor:pointer; top:0; right:0; width:50px; height:45px; z-index:9; background:#0073c3 url(../images/fdj.png) center no-repeat; color:#fff; transition:.3s;}
.search .searchbtn:hover{ background:#009472 url(../images/fdj.png) center no-repeat;}
.n_hezuo_bn{ margin-top:23px;}

/*==============新闻详情=====================*/

.ar_title {margin-bottom:40px; border-bottom:1px solid #efefef; padding-bottom:10px; margin-top:55px;}
.ar_title h3{ font-size:27px; color:#4a4a4a; margin-bottom:20px; }
.ar_title span.time{ font-size:14px; color:#797979; font-weight:bold; font-family:arial; line-height:36px;}
.ar_bot{ border-top:1px solid #dedede; margin-top:20px; margin-bottom:70px; padding-top:15px; line-height:28px; font-size:16px; color:#707070;}
.ar_bot a{ font-size:14px; color:#797979; font-family:arial; font-weight:bold; transition:.3s;}
.ar_bot a:hover{ color:#c6b39d;}
span.span2.shart_box{ position:relative; padding-left:70px; overflow:hidden; display:block; line-height:36px;}
span.span2.shart_box .share_tt{ position:absolute; left:0; top:0; float:left; font-size:14px; color:#616060; }
#j_shart_s_24{ float:right;}
#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/pinterest2.png) center no-repeat; background-size:20px;}
#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/facebook2.png) center no-repeat; background-size:20px;}
#j_shart_s_24 .bds_twi{background:url(../images/twitter2.png) center no-repeat; background-size:20px;}
#j_shart_s_24 .bds_linkedin{background:url(../images/linkedin2.png) center no-repeat; background-size:20px;}
#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_fot{ height:90px; display:table; width:100%; margin-top:20px;}
#ar_fot a{ font-size:14px; color:#333;}
#ar_fot ul { display:table-cell; vertical-align:middle; width:100%; height:100%;}
#ar_fot ul li{ width:33.333%; float:left;}
#ar_fot li a{ display: inline-block; height:60px; line-height:60px;}
.ar_fot_prev{ text-align:left;}
.ar_fot_list{ text-align: center;}
.ar_fot_next{ text-align: right;}
.arrow_left{ position: relative; width:20px; height:20px; display: inline-block; top:10px; margin-right:30px; transition:.3s;}
.arrow_left:before{ content:""; width:10px; height:1px; background:#333; display:block; transform:rotate(-45deg); position:absolute; top:0; transition:.3s;}
.arrow_left:after{ content:""; width:10px; height:1px; background:#333; display:block; transform:rotate(45deg); position:absolute; top:6px; transition:.3s;}
.arrow_left i{ display:block; width:0; height:1px; background:#009472; display:block; top:3px; left:2px; position:absolute; transition:.3s;}
.ar_fot_prev a:hover .arrow_left{ margin-right:40px;}
.ar_fot_prev a:hover .arrow_left i{ width:18px;}
.ar_fot_prev a:hover .arrow_left:before,.ar_fot_prev a:hover .arrow_left:after{ background:#009472 !important;}
.ar_fot_list font{position: relative;top:5px;margin-right:15px;width: 15px;height:20px;display:inline-block;background:url(../images/CombinedShape.png) center no-repeat;transition:.2s;background-size:  contain;}
.ar_fot_list a:hover font{ background:url(../images/CombinedShape_on.png) center no-repeat;background-size:  contain; } 
.arrow_right{ position: relative; width:20px; height:20px; display: inline-block; top:10px; margin-left:30px; transition:.3s;}
.arrow_right:before{ content:""; width:10px; height:1px; background:#333; display:block; transform:rotate(45deg); position: absolute; top:0; right:0; transition:.3s;}
.arrow_right:after{ content:""; width:10px; height:1px; background:#333; display:block; transform:rotate(-45deg); position:absolute; top:6px; right:0; transition:.3s;}
.arrow_right i{ display:block; width:0; height:1px; background:#009472; display:block; top:3px; right:3px; left:auto; position: absolute; transition:.3s;}
.ar_fot_next a:hover .arrow_right{ margin-left:40px;}
.ar_fot_next a:hover .arrow_right i{ width:18px;}
.ar_fot_next a:hover .arrow_right:before,.ar_fot_next a:hover .arrow_right:after{ background:#009472 !important;}

#ar_fot a:hover span{ color:#009472;}


/*内容样式*/
.ar_article{ font-size:14px; color:#808080; line-height:28px; text-align:justify;}
.ar_article p{font-size:14px;color:#808080;line-height:28px;text-align:justify; padding-bottom:25px; }	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:5px 15px; border: 1px solid #c6c5c5;}
.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:#777;}
.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;}

#n_xq{}

/*新闻*/
#n_news ul{ margin-top:-30px; padding-bottom:60px;}
#n_news ul li{ overflow:hidden; border-bottom:1px solid #ebebeb; padding:30px 0; position:relative;}
#n_news ul li a{ display:block; position:relative;}
#n_news ul li .img{ width:385px; height:215px; float:left;}
#n_news ul li .img img{ width:100%; transition:1s;}
#n_news ul li:hover .img img{ transform:scale(1.1);}
#n_news ul li .txt{ width:778px; height:215px; float:right;}
#n_news ul li .txt .j_tab{table-layout: fixed}
#n_news ul li .txt .box{  height:100%;}
#n_news ul li .txt .time{ font-size:12px; color:#999; font-family:arial; display:block; margin:1.2rem 0;}
#n_news ul li h5{ font-size:18px; color:#3f3f3f; }
#n_news ul li p{ font-size:12px; color:#808082; line-height:22px; height:44px; overflow:hidden; margin-bottom:2.3rem;}
#n_news ul li .btn_more{ margin:0; width:11.8rem;}
.btn_dot{ width:30px; height:30px; border-radius:50%; border:1px solid #dbdbdb; text-align:center; display:inline-block; line-height:28px; transition:.3s; font-family: "苹方", PingFangSC-Regular,"微软雅黑", sans-serif;}
.btn_dot:hover{ border:1px solid #009472; background:#009472; color:#fff;}
#n_news ul li:hover .btn_dot{ border:1px solid #009472; background:#009472; color:#fff;}

.n_nav2{ text-align:center; margin-bottom:40px; font-size:0;}
.n_nav2 a{ width:170px; height:45px; display:inline-block; margin:10px; font-size:15px; color:#545454; border-radius:25px; border:2px solid #cfcfcf; line-height:41px; position:relative; z-index:0; overflow:hidden; transition:all ease 600ms;}
.n_nav2 a.on{ color:#fff; border:2px solid #0073c3; background:#0073c3;}
.n_nav2 a:before{ content:""; position: absolute; right: 0; top: 0; display: block; height:100%; width:0; background:#0073c3; transition:all ease 600ms; z-index:-1;}
.n_nav2 a:hover:before{ width:100%; left:0; right:auto;}
.n_nav2 a:hover{ color:#fff; border:2px solid #0073c3; }

/*会员档案*/
#n_zhanhui{}
#n_zhanhui ul{ margin-right:-40px; margin-top:-30px; overflow:hidden;}
#n_zhanhui ul li{ width:270px; height:390px; margin-right:40px; padding:46px 30px; background:#f6f6f6; margin-top:30px; float:left;}
#n_zhanhui ul li .pic{display: block; width: 145px; height: 145px; line-height: 143px; overflow:hidden; background:#fff; border: 1px solid #e9e9ea; border-radius: 50%; text-align:center; margin:0 auto;}
#n_zhanhui ul li .pic img{ width:100%; height:100%;}
#n_zhanhui ul li .con{ font-size:15px; color:#656565; line-height:30px; margin-top:25px;}

#n_zizhi ul{ margin:0 -16px; overflow:hidden; margin-top:-45px;}
#n_zizhi ul li{ width:275px; margin:0 16px; float:left; margin-top:45px; }
#n_zizhi ul li a{ display:block; }
#n_zizhi ul li a:after{ content:""; display:block; width:15px; height:2px; background:#575757; margin-top:18px; transition:.5s;}
#n_zizhi ul li a:hover:after{ width:30px; background:#009472;}
#n_zizhi ul li .j_tab_cel{ text-align:center;}
#n_zizhi ul li .img{ width:275px; height:275px; background:#f0f0f0; margin:0 auto; transition:.3s;}
#n_zizhi ul li .img img{ display:inline-block; max-height: 175px; max-width:238px; width:auto; height:auto;}
#n_zizhi ul li p{ font-size:16px; color:#575757; margin-top:15px; transition:.5s; }
#n_zizhi ul li a:hover p{ color:#009472;}


#n_yuanliao{ padding-top:63px; padding-bottom:40px;}
#n_yuanliao ul{ overflow:hidden;}
#n_yuanliao ul li{ height:165px; border-radius:5px; border:1px solid #e5e5e5; margin-bottom:15px;}
#n_yuanliao ul li .img{ width:263px; height:100%;/* border-right:1px solid #e5e5e5; */float:left;}
#n_yuanliao ul li .img img{}
#n_yuanliao ul li .txt{ padding:35px 38px; float:right; width:935px;}
#n_yuanliao ul li .txt .con{ float:left; width:605px;}
#n_yuanliao ul li .txt h5{ font-size:20px; color:#3b3b3b; margin-bottom:16px;}
#n_yuanliao ul li .txt h5 a{ transition:.3s; color:#3b3b3b;}
#n_yuanliao ul li .txt h5 a:hover{ color:#009472}
#n_yuanliao ul li .txt p{ font-size:14px; color:#3b3b3b; line-height:28px;}
#n_yuanliao ul li .txt p span+span{ margin-left:18px;}
#n_yuanliao ul li .btn{ width:220px; height:35px; line-height:33px; right:62px;top: 63px;position:absolute;border:1px #009472 solid;text-align: center;border-radius: 5px;text-transform: none; color:#009472;text-transform: none;display:inline-block;}
#n_yuanliao ul li .btn a{ position:relative; display:block;}
#n_yuanliao ul li .btn:hover{ background-color: #009472; border:1px #009472 solid; text-transform: none; color:#fff; text-transform: none;}

#n_yiqi{ padding-bottom:60px;}
#n_yiqi ul{ overflow:hidden; margin:0 -15px; margin-top:-22px;}
#n_yiqi ul li{ width:380px; float:left; margin:0 15px; margin-top:22px;}
#n_yiqi ul li .img{ width:380px; height:245px;}
#n_yiqi ul li .img img{ transition:1s;}
#n_yiqi ul li:hover .img img{ transform:scale(1.1);}
#n_yiqi ul li h5{ text-align:center; font-size:17px; color:#545454; padding-top:18px; padding-bottom:18px; position:relative; z-index:1; transition:.5s;}
#n_yiqi ul li h5:before{ content:""; width:100%; height:0; bottom:0; left:0; background:#009472; display:block; position:absolute; transition:.5s; z-index:-1;}
#n_yiqi ul li:hover h5:before{ height:100%; bottom:auto; top:0;}
#n_yiqi ul li:hover h5{ color:#fff;}

#n_lianxi{ overflow:hidden; padding-top:70px;}
#n_lianxi .txt{ width:440px; float:left;}
#n_lianxi .txt .tt{ margin-bottom:20px;}
#n_lianxi .txt .tt h5{ font-size:20px; color:#313131; font-weight:bold; }
#n_lianxi .txt .tt span{ font-size:18px; color:#6c6d70;}
#n_lianxi .txt p{ font-size:14px; color:#4c4c4c; line-height:33px;}
#n_lianxi .txt p a:hover{ color:#005da9;}
.un_box.map{ width:720px; height:385px; float:right; position:relative; border:1px solid #e5e5e5;}
#n_lianxi .ewm{ width:140px; float:left; margin-right:17px; text-align:center; margin-top:30px; font-size:13px; color:#6a6a6a;}
#n_lianxi .ewm img{ width:138px; height:138px; border:1px solid #e5e5e5; margin-bottom:8px; }

#n_lianxi .j_form{ width:656px; margin-right:-16px;}
.j_form .form-group{ background:#f2f2f2; width:640px; overflow:hidden; margin-bottom:18px; position:relative; }
.j_form .form-group.fl{ width:312px; margin-right:16px;}
.j_form .form-group span{width:85px; height:50px;line-height:50px;color:#949596;padding-left:1.5rem;display:block;float:left;}
.j_form .form-group span i{ color:#ff0000; margin-left:6px;}
.j_form .form-group>input{ height:50px; width: calc(100% - 85px); padding-right:20px; float:left; font-size:14px; color:#949596;  background:none; }
.j_form .form-group textarea{ width: 100%; float:right; height:200px; line-height:26px; padding:15px 20px 15px 1.5rem; font-size:14px; color:#999; background:none; font-family:"微软雅黑", 'Microsoft YaHei'; }
.j_form .form-group .yzm{ position:absolute; right:0; top:0; max-height:100%; height: 40px; 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:177px; height:40px; text-align: center; background:#0073c3;  color:#fff; border:0; outline: none; clear:both; transition:.5s; cursor:pointer; margin-top:0px;}


label {font-size:12px;cursor:pointer; margin-right:10px; font-size:15px; color:#323233;}
label i {font-size:18px;font-style:normal;display:inline-block;width:18px;height:18px;text-align:center;line-height:18px;color:#fff;vertical-align:middle;margin:-2px 5px 1px 0px; color:#7d7d7d; position:relative;}
label i:before{ content:""; width:8px; height:8px; display:block; border-radius:50%; background:#7d7d7d; position:absolute; top:4px; left:4px; }
input[type="checkbox"],input[type="radio"] {display:none;}
input[type="radio"] + i {border-radius:50%;}
input[type="checkbox"]:checked + i,input[type="radio"]:checked + i { border:#3d756c 1px solid; }
input[type="checkbox"]:checked + i,input[type="radio"]:checked + i:before{ background:#3d756c;}
input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;}
input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {background:#ccc;}


input::-webkit-input-placeholder{color:#999; }
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#999;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#999;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}/* 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:#999;}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#999;}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#999;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}/* 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; }

#n_map{ margin-top:50px;}
.n_nav2 a.slick-current{ color:#fff; border:2px solid #005da9; background:#005da9;}
.map_slider-nav{ width:360px; margin:0 auto; margin-bottom:35px;}


#n_licheng{ background:url(../images/licheng_bg.png) center top no-repeat; padding-top:67px; margin-top:75px; position:relative;}
.lc_box{  }
#n_licheng ul{ position:relative;  }
#n_licheng:before{ content:""; width:2px; height:calc(100% - 100px); display:block; position:absolute; top:0px; left:50%; margin-left:-1px; background:#009472;}
#n_licheng ul li{ width:100%; position:relative; padding:0;  }
/*#n_licheng ul li:hover .txt{ margin-top:-20px; margin-bottom:20px;}*/
#n_licheng ul li .txt{ width:505px; height:150px; float:left; background:url(../images/n_lichengl1.png) left top no-repeat; padding:27px 45px; box-sizing:border-box; font-size:14px; line-height:30px; color:#686868;}
#n_licheng ul li .txt h5{ font-size:14px; color:#4d4d4e;}
#n_licheng ul li .txt .con{ font-size:14px; line-height:28px; color:#686868; height:84px; overflow:hidden;}
#n_licheng ul li .riqi{font-size:22px;color:#2b2c2e;position:absolute;top: 60px;left: 532px;}
#n_licheng ul li .riqi img{ margin:0 8px;}
#n_licheng ul li:hover .txt{ background:url(../images/n_lichengl2.png) left top no-repeat;color:#fff;}
#n_licheng ul li:hover .txt h5{ color:#fff;}
#n_licheng ul li:hover .txt p{ color:#fff;}
#n_licheng ul li.li_2{ border:0;  }
#n_licheng ul li.li_2 .txt{ float:right; background:url(../images/n_lichengr1.png) right top no-repeat;}
#n_licheng ul li.li_2:hover .txt{ background:url(../images/n_lichengr2.png) right top no-repeat;}
#n_licheng ul li.li_2 .riqi{left: 576px;}
#n_licheng ul li.li_2 .riqi img{ margin:0 16px; float:left;}
#n_licheng .slide_btn{ display:block; width:40px; height:40px; margin:0 auto; cursor:pointer; margin-top: 30px !important;}


.timeline .swiper-container {
  height: 750px;
  width: 100%;
  position: relative;
}


.pro_slide{ width:526px;  float:left; overflow:hidden;}
.slider-for img{ width:100%; height:100%;}
.slider-nav{ margin:0 -8px; margin-top:5px;}
.slider-nav .slick-list{ padding-top:10px;}
.slider-nav .item{ position:relative;}
.slider-nav .img{ margin:0 8px; cursor:pointer; border-radius:3px; }
.slider-nav .slick-current .img{ border:2px solid #009472; position:relative;}
.slider-nav .slick-current:before {
	content: "";
	border: 7px solid transparent;
	border-bottom: 7px solid #009472;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	top: -13px;
}
.pro_slide .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-28px; transform:translate(0,0); 
	display:block;
    width: 63px;
    height: 63px;}
.pro_slide .slick-prev{ left:8px; right:auto;
	background:url(../images/n_pro_xq_left.png) left center no-repeat !important;
	transition:300ms;
	-webkit-transition:300ms;
	}
	
.pro_slide .slick-next{ right:8px; left:auto;
	background:url(../images/n_pro_xq_right.png) right center no-repeat !important;
	transition:300ms;
	-webkit-transition:300ms;
	}

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

#n_pro_xq .box1{ overflow:hidden; height:650px; position:relative;}
#n_pro_xq .box1 .txt{ float:right; width:627px; font-size:14px; color:#616161; line-height:28px;}
#n_pro_xq .box1 .txt .tt{ font-size:24px; color:#3d3d3d; height:55px; border-bottom:1px solid #e5e5e5; margin-bottom:20px; }
#n_pro_xq .box1 .txt .con{ overflow:auto; font-size:14px; color:#616161; line-height:28px; height:400px;}

#n_pro_xq .box2{  background:#fff;}
#n_pro_xq .box2 .tt{ font-size:22px; color:#4e4e4e; font-weight:bold; margin-bottom:30px;}
#n_pro_xq .box2 .con{ }


.js_tt{ font-size:22px; color:#4e4e4e; font-weight:bold; margin-bottom:30px;}
.js_tt.center{ text-align:center; margin-bottom:50px;}

#n_zhuanli{ background:#f0f0f0; padding-bottom:150px;}
#n_zhuanli ul{ margin:0 -16px; }
#n_zhuanli ul li{ padding:0 16px;}
#n_zhuanli ul li a{ display:block; }
#n_zhuanli ul li a:after{ content:""; display:block; width:15px; height:2px; background:#575757; margin-top:18px; transition:.5s;}
#n_zhuanli ul li a:hover:after{ width:30px; background:#009472;}
#n_zhuanli ul li .j_tab_cel{ text-align:center;}
#n_zhuanli ul li .img{ width:275px; height:275px; background:#ffffff; margin:0 auto; transition:.3s;}
#n_zhuanli ul li .img img{ display:inline-block; max-height: 175px; max-width:238px; width:auto; height:auto;}
#n_zhuanli ul li p{ font-size:16px; color:#575757; margin-top:15px; transition:.5s; }
#n_zhuanli ul li a:hover p{ color:#009472;}

#n_zhuanli .slick-arrow{ z-index:99; position:absolute; top:auto; bottom:-80px; transform:translate(0,0); background-repeat:no-repeat; background-position:center; background-size:37px; display:block;width:50px;height:50px; transition:.3s; }
#n_zhuanli .slick-prev{ background-image:url(../images/s_chanye_left.png); left:50%; margin-left:-50px;}
#n_zhuanli .slick-next{ background-image:url(../images/s_chanye_right.png); right:50%; margin-right:-50px;}
#n_zhuanli .slick-arrow:before{ display:none;}



#n_team{ background:#fff; }
#n_team ul{ margin:0 -16px; }
#n_team ul li{ padding:0 16px; padding-bottom:32px;}
#n_team ul li .box{ display:block; background:#f0f0f0; text-align:center; height:400px; padding-top:65px; }
#n_team ul li .pic{ width:165px; height:165px; border-radius:50%; overflow:hidden; background:#ffffff; margin:0 auto; transition:.3s; margin-bottom:27px;}
#n_team ul li .pic img{ width:100%; height:100%; transition:1s;}
#n_team ul li .box:hover .pic img{ transform:scale(1.1);}
#n_team ul li h5{ font-size:18px; color:#504e4e;}
#n_team ul li i{ display:block; width:15px; height:2px; background:#009472; margin:15px auto;}
#n_team ul li p{ font-size:14px; color:#504e4e; transition:.5s; }
#n_team ul li a:hover p,#n_team ul li a:hover h5{ color:#009472;}

#n_team .slick-arrow{ z-index:99; position:absolute; transform:translate(0,0); background-repeat:no-repeat; background-position:center; display:block;width:50px;height:50px; transition:.3s; margin-top:-25px; }
#n_team .slick-prev{ background-image:url(../images/s_chanye_left.png); left:-86px;}
#n_team .slick-next{ background-image:url(../images/s_chanye_right.png); right:-86px;}
#n_team .slick-arrow:before{ display:none;}
#gallerySlider .placeholder img{ max-width:80% !important; max-height:80% !important;}


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