/* CSS Document */



@font-face{

	font-family:myE;

	src: url(http://www./statics/style/pc/font/DINOFFCPRO-CONDBOLD.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;}

body {font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, 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;}



/*自定义样式*/

.fl {float: left;}

.fr {float: right;}

.m{width: 1360px;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;}



/*首页开始*/

#fp-nav{ opacity:1; visibility:visible; transform:translateY(0); transition:.5s .5s; -webkit-transition:.5s .5s;}

#fp-nav.hide{ opacity:0; visibility:hidden; transform:translateY(30px); transition:.5s; -webkit- transition:.5s;}

#fp-nav.fp-right{ right:97px;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{ width:15px !important; height:15px !important; background:#fff; border:1px solid #219150; margin: auto !important; display:block; top:0; left:0;}

#fp-nav ul li, .fp-slidesNav ul li{ width:15px; height:15px; margin:16px;}

#fp-nav ul li .fp-tooltip.fp-right{ font-size:18px; color:#3d756c; font-style:italic; right:-55px; font-weight:normal; }

#fp-nav ul li .fp-tooltip.fp-right:before{ content:"----  "; font-size:12px; letter-spacing:2px; position: relative; top:-2px; left:3px;}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{ background:#d9dc4b; border:1px solid #3d756c;}





#header{ position:absolute; top:80px; z-index:999; width:100%; transition:1s;}

#header .m{ position:relative;}

#logo{ float:left; position:relative; top:-17px;}

#nav{ float:right; margin-right:200px;}

#nav ul{}

#nav ul li{ float:left; margin-left:43px; position:relative; height:50px;}

#nav ul li a{ font-size:16px; color:#3d756c; font-weight:bold; line-height:28px; display:block;}

#nav ul li.on{}

#nav ul li.act>a{ color: #94bd00;}

#nav ul li:hover>a{ color: #94bd00;}

#nav ul li:after{ content:""; display:block; width:30px; height:3px; position:absolute; left:50%; margin-left:-15px; background:#94bd00; bottom:0; transition:.3s; transform:scale(0);}

#nav ul li:hover:after{  transform:scale(1);}

#nav .list{width:135px;left:50%; margin-left:-68px; max-height:0; display:none; position:absolute;top:50px; z-index:0;-webkit-perspective:400px;-moz-perspective:400px;-ms-perspective:400px;-o-perspective:400px;perspective:400px}

#nav .list a{ color:#3d756c; width:135px;height:40px;line-height:40px;text-align:center; display:block;font-size:14px;text-decoration:none; background-color:#fff; font-weight:normal; background-color:rgba(255,255,255,.9);border-bottom:#e9ecf1 1px solid; }

#nav .list a:hover{color:#94bd00; }

#nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10}

#nav li:focus .list a,#nav li:hover .list a{ }





#header .language{ width:70px; height:28px; line-height:28px; border-radius:15px; text-align: center; color:#fff; font-size:14px; font-family:arial; position:absolute; right:0; background:#bacb49;}

#header .language.member { right: 77px;}

#section0,#section2,#section3{ background:url(../image/bg.png) top repeat-x;}

#section0 .myContent{ padding-top:50px;}

#section0 .txt{ float:left; padding-top:74px;}

#section0 .txt .tt{ font-size:35px; color:#3c756d;}

#section0 .txt .tt b{ display:block; font-size:56px; font-weight:bold; margin-top:5px;}

#section0 .txt .p{ font-size:16px; line-height:32px; color:#000; margin-bottom:96px; margin-top:35px;}

#section0 .txt .tag{ font-size:16px; color:#000; background:#bacc47; border-radius:5px; width:215px; height:34px; text-align:center; line-height:34px; margin-bottom:24px;}

#section0 .apple_slide{ float:right; width:615px; height:559px; margin-right:60px; background:url(../image/apple_bg.png) center no-repeat; background-size:contain; padding-top:100px; position:relative;}

#section0 .apple_slide .slick-slide img{ margin:0 auto; max-width:410px; }

#section0 .apple_prev{ width:68px; height:68px; display:block; background:url(../image/apple_left.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:232px; left:-88px;}

#section0 .apple_next{ width:68px; height:68px; display:block; background:url(../image/apple_right.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:232px; right:-88px;}



#section1{ background:url(../image/section1_bg.png) bottom no-repeat;}

#section1 .tt{ font-size:30px; color:#3d756c; font-weight: bold; text-align:center; position:relative; height:80px; margin-bottom:55px;}

#section1 .tt:after{ content:""; display:block; width:44px; height:3px; position:absolute; background:#bacc47; border-radius:2px; left:50%; margin-left:-22px; bottom:0;}

#section1 .txt{ font-size:14px; color:#3d756c; line-height:27px; height:108px; overflow:hidden; padding:0 77px;}

#section1 ul{ text-align:center; margin-top:58px;}

#section1 ul li{ display:inline-block; width:17%;}

#section1 ul li a{ display:block; position:relative; top:0;  transition:.5s;}

#section1 ul li h5{ font-size:16px; color:#3d756c; margin-top:14px; margin-bottom:6px;}

#section1 ul li span{ font-size:14px; color:#99b0ac; font-family:arial; text-transform:uppercase;}

#section1 ul li font{  transition:.5s; display:block; width:124px; height:124px; margin:0 auto; text-align:center; position:relative; top:0; border-radius:50%; z-index:0;}

#section1 ul li font .ico_2{ display:none;}

#section1 ul li:hover a{ top:-20px;}

#section1 ul li:hover .ico_2{ display:block;}

#section1 ul li:hover .ico_1{ display:none;}

#section1 ul li:hover h5{ font-weight:bold;}



#section1 ul li{ transform:translateY(100px); opacity:0; transition:.3s;}

#section1.active ul li{ transform:translateY(0px); opacity:1;}

#section1.active ul li.li_1{ transition:1s .2s;}

#section1.active ul li.li_2{ transition:1s .4s;}

#section1.active ul li.li_3{ transition:1s .6s;}

#section1.active ul li.li_4{ transition:1s .8s;}

#section1.active ul li.li_5{ transition:1s 1s;}

#section1.active ul li.li_6{ transition:1s 1.2s;}





#section2 .fp-tableCell{ background:url(../image/section2_bg.png) bottom no-repeat;}

#section2 .tt{ text-align:center; margin-bottom:33px;}

#section2 .tt h3{ font-size:30px; color:#3d756c; font-weight:bold; margin-bottom:8px;}

#section2 .tt span{ font-size:16px; color:#bacb49; text-transform:uppercase; font-family:arial;}

#section2 ul{ margin-right:-10px;}

#section2 ul li{ width:190px; height:550px; float:left; padding-top:55px; color:#fff; padding-left:24px; margin-right:10px; transition:.5s; overflow:hidden; position:relative; z-index:0;}

#section2 ul li:before{ content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0); opacity:0; transition:.5s; z-index:-1;}

#section2 ul li.on:before{ opacity:1;}

#section2 ul li a{ display:block; width:424px; height:100%; overflow:hiddenl}

#section2 ul li h5{ font-size:24px; margin-bottom:20px; transition:.3s;}

#section2 ul li:hover h5{ font-weight:bold; color:#bbcb4e;}

#section2 ul li p{ font-size:14px; color:#fff; color:rgba(255,255,255,.8); line-height:24px; opacity:0; height:0; margin-bottom:10px; transition:.5s;}

#section2 ul li span{ display:block; margin-top:20px; text-transform:capitalize; color:#fff; color:rgba(255,255,255,.7);}

#section2 ul li span i{ display:inline-block; width:26px; height:6px; background:url(../image/arrow_btn.png) center no-repeat; margin-left:5px; opacity:.8; position:relative; top:-2px;}

#section2 ul li.on{ width:560px; padding-left:46px; padding-right:90px;}

#section2 ul li.on p{ opacity:1; height:72px; overflow:hidden;}





#section3{ background:url(../image/section3_bg.jpg) bottom no-repeat;}

#section3 .tt{ text-align:center; margin-bottom:33px;}

#section3 .tt h3{ font-size:30px; color:#3d756c; font-weight:bold; margin-bottom:8px;}

#section3 .tt span{ font-size:16px; color:#bacb49; text-transform:uppercase; font-family:arial;}



.map_anm{ width:1105px; height:539px; background: url(../image/map_bg.png) center no-repeat; margin:0 auto; position:relative;}

.map_anm{ transform:scale(.8); opacity:1; transition:.3s;}

.active .map_anm{ transform:scale(1); opacity:1; transition:.7s;}

.map_anm ul{}

.map_anm ul li{ position:absolute; text-align:center; font-size:14px; color:#4d8d75;font-weight:bold; z-index:100;}

.map_anm ul li:before{ content:""; width:800px; height:1px; background:#c0d6ce; display:block;  transform-origin:left top; top:30px; left:30px; position:absolute; transform:scale(0); transition:5s;}

.map_anm ul li i{ display:block; width:43px; height:50px; background:url(../image/map_ico.png) center no-repeat; opacity:0; transform:translateY(-20px); transition:.1s ease-out; transition-delay:0 !important;}



.active .map_anm ul li.Australia i{ transition-delay:.8s;}

.active .map_anm ul li.Canada i{ transition-delay:.5s;}

.active .map_anm ul li.NorthAmerica i{ transition-delay:1s;}

.active .map_anm ul li.SouthAmerica i{ transition-delay:1.8s;}

.active .map_anm ul li.Europe i{ transition-delay:1.7s;}

.active .map_anm ul li.Israel i{ transition-delay:1.5s;}

.active .map_anm ul li.SouthAfrica i{ transition-delay:1.3s;}

.active .map_anm ul li.Russia i{ transition-delay:.9s;}

.active .map_anm ul li.India i{ transition-delay:1.2s;}

.active .map_anm ul li.Japan i{ transition-delay:2.3s;}

.active .map_anm ul li.Taiwan i{ transition-delay:1s;}

.active .map_anm ul li.Australia i{ transition-delay:2.8s;}







.active .map_anm ul li i{ opacity:1; transform:translateY(0px); transition:1s; transition-delay:0 !important;}

.map_anm ul li span{ opacity:0; transform:translateY(-20px); transition:.1s ease-out 0s;  }

.active .map_anm ul li span{ opacity:1; transform:translateY(0px); transition:1s 2s; }

.map_anm ul li font{ color: rgba(77, 141, 117,1); opacity:0;}

.active .map_anm ul li font{ opacity:1; transition:.5s 3s;}

.map_anm ul li.China{left: 795px;top: 170px; width:80px; z-index:99;}

.map_anm ul li.China:before{ content:""; width:170px; height:75px; display:block; background:url(../image/map_logo.png) center no-repeat; position:absolute; left:-161px; top:7px; transform:scale(1); }

.active .map_anm ul li.China:before{  }

.map_anm ul li.China i{ background:url(../image/map_ico2.png) center no-repeat; width:80px; 

-webkit-animation: busiIcon1 1s linear infinite;

  -moz-animation: busiIcon1 1s linear infinite;

  -ms-animation: busiIcon1 1s linear infinite;

  animation: busiIcon1 1s linear infinite;

}

@keyframes busiIcon1 {

  0% {

    -webkit-transform: translateY(-5px);

    -moz-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    transform: translateY(-5px);

  }

  50% {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    -webkit-transform: translateY(-5px);

    -moz-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    transform: translateY(-5px);

  }

}

.map_anm ul li span{ position:absolute; left:30px; top:2px; width:130px;}

.map_anm ul li.Australia span{ left:-140px; top:20px;}

.map_anm ul li.Australia span img{ margin-left:6px;}

.map_anm ul li.Canada{left: 148px;top: 61px;}

.map_anm ul li.NorthAmerica{left: 208px;top: 164px;}

.map_anm ul li.SouthAmerica{left: 333px;top: 382px;}

.map_anm ul li.Europe{left: 666px;top: 93px;}

.map_anm ul li.Israel{left: 603px;top: 223px;}

.map_anm ul li.SouthAfrica{left: 576px;top: 309px;}

.map_anm ul li.Russia{left: 852px;top: 83px;}

.map_anm ul li.India{left: 738px;top:257px;}

.map_anm ul li.Japan{left: 929px;top: 186px;}

.map_anm ul li.Taiwan{left: 871px;top: 241px;}

.map_anm ul li.Australia{left: 894px;top:406px;}



.map_anm ul li .line{ content:""; width:800px; height:1px; background:#90b8a9; display:block; z-index:-1;  transform-origin:left top; top:40px; left:35px; position:absolute; transform:scale(0); transition:.5s 0s;}

.map_anm ul li .line.Canada{transform: rotate(190deg) scale(0);width: 664px;}

.map_anm ul li .line.NorthAmerica{transform: rotate(181.3deg) scale(0);width: 596px;}

.map_anm ul li .line.SouthAmerica{transform: rotate(157.5deg) scale(0);width: 515px;}

.map_anm ul li .line.Europe{transform: rotate(211deg) scale(0);width: 158px;}

.map_anm ul li .line.Israel{transform: rotate(168deg) scale(0);width: 193px;}

.map_anm ul li .line.SouthAfrica{transform: rotate(150deg) scale(0);width: 260px;}

.map_anm ul li .line.Russia{transform: rotate(298deg) scale(0);width: 102px;}

.map_anm ul li .line.India{transform: rotate(129deg) scale(0);width: 101px;}

.map_anm ul li .line.Japan{transform: rotate(364deg) scale(0);width: 119px;}

.map_anm ul li .line.Taiwan{transform: rotate(43deg) scale(0);width: 92px;}

.map_anm ul li .line.Australia{transform: rotate(68deg) scale(0);width: 242px;}

.active .map_anm ul li .line{ transition:1s .5s ease-out;}

.active .map_anm ul li .line.Canada{transform: rotate(190deg) scale(1);width: 664px;}

.active .map_anm ul li .line.NorthAmerica{transform: rotate(181.3deg) scale(1);width: 596px;}

.active .map_anm ul li .line.SouthAmerica{transform: rotate(157.5deg) scale(1);width: 515px;}

.active .map_anm ul li .line.Europe{transform: rotate(221deg) scale(1);width: 158px;}

.active .map_anm ul li .line.Israel{transform: rotate(168deg) scale(1);width: 193px;}

.active .map_anm ul li .line.SouthAfrica{transform: rotate(150deg) scale(1);width: 260px;}

.active .map_anm ul li .line.Russia{transform: rotate(298deg) scale(1);width: 102px;}

.active .map_anm ul li .line.India{transform: rotate(129deg) scale(1);width: 101px;}

.active .map_anm ul li .line.Japan{transform: rotate(364deg) scale(1);width: 119px;}

.active .map_anm ul li .line.Taiwan{transform: rotate(43deg) scale(1);width: 92px;}

.active .map_anm ul li .line.Australia{transform: rotate(68deg) scale(1);width: 242px;}







#section4{ background:url(../image/section4_bg.jpg) bottom no-repeat;}

#section4 .tt{ text-align:center; margin-bottom:33px;}

#section4 .tt h3{ font-size:30px; color:#2c2b2b; font-weight:bold; margin-bottom:8px; display: none;}

#section4 .tt span{ font-size:14px; color:#4d8d75; text-transform:uppercase; font-family:arial;}



.ys_zhiliang{ width:1078px; height:442px; margin:0 auto; background:url(../image/section4_img.png) center no-repeat; position:relative;}

.ys_zhiliang ul{}

.ys_zhiliang ul li{ width:325px; height:92px; background-color:#fff; border-radius:46px; overflow:hidden; position:absolute; background-position:left top; background-repeat:no-repeat; font-size:16px; color:#535356; line-height:1.7; padding-left:104px; display:table;}

.ys_zhiliang ul li .j_tab_cel{ height:92px; vertical-align:middle; display:table-cell;}

.ys_zhiliang ul li p{ width:200px; text-align:left;}

.ys_zhiliang ul li.li_4,.ys_zhiliang ul li.li_5,.ys_zhiliang ul li.li_6{ background-position:right top; padding-left:27px;}

.ys_zhiliang ul li.li_1{ background-image:url(../image/section4_ico1.png); left:55px; top:0;}

.ys_zhiliang ul li.li_2{ background-image:url(../image/section4_ico2.png); left:0; top:50%; margin-top:-46px;}

.ys_zhiliang ul li.li_3{ background-image:url(../image/section4_ico3.png); left:55px; bottom:0;}

.ys_zhiliang ul li.li_4{ background-image:url(../image/section4_ico4.png); right:55px; top:0;}

.ys_zhiliang ul li.li_5{ background-image:url(../image/section4_ico5.png); right:0;  top:50%; margin-top:-46px;}

.ys_zhiliang ul li.li_6{ background-image:url(../image/section4_ico6.png); right:55px; bottom:0;}



.ys_zhiliang ul li.li_1{ transition:.3s 0s; transform:translateX(-100px); opacity:0; }

.ys_zhiliang ul li.li_2{ transition:.3s 0s; transform:translateX(-100px); opacity:0; }

.ys_zhiliang ul li.li_3{ transition:.3s 0s; transform:translateX(-100px); opacity:0; }

.ys_zhiliang ul li.li_4{ transition:.3s 0s; transform:translateX(100px); opacity:0; }

.ys_zhiliang ul li.li_5{ transition:.3s 0s; transform:translateX(100px); opacity:0; }

.ys_zhiliang ul li.li_6{ transition:.3s 0s; transform:translateX(100px); opacity:0; }



.active .ys_zhiliang ul li.li_1{ transition:1s .5s; transform:translateX(0px); opacity:1; }

.active .ys_zhiliang ul li.li_2{ transition:1s 1s; transform:translateX(0px); opacity:1; }

.active .ys_zhiliang ul li.li_3{ transition:1s 1.5s; transform:translateX(0px); opacity:1; }

.active .ys_zhiliang ul li.li_4{ transition:1s .5s; transform:translateX(0px); opacity:1; }

.active .ys_zhiliang ul li.li_5{ transition:1s 1s; transform:translateX(0px); opacity:1; }

.active .ys_zhiliang ul li.li_6{ transition:1s 1.5s; transform:translateX(0px); opacity:1; }







#section5{ background:#fbfbfc; background:url(../image/section5_bg.png) repeat-x; background-size: 100% 110%;}

#section5 .tt{ float:left;}

#section5 .tt h3{ font-size:30px; color:#3d756c; font-weight:bold; margin-bottom:18px; }

#section5 .tt span{ font-size:14px; color:#bacb49;}

#section5 .hd{ height:130px; border-bottom:1px solid #dddddd;}

#section5 .hd ul{ float:right;}

#section5 .hd ul li{ width:130px; height:40px; border:1px solid #bacb49; border-radius:20px; color:#bacb49; text-align:center; line-height:38px; float: left; margin-left:8px;}

#section5 .hd ul li a{ display:block;}

#section5 .hd ul li.on{ border:1px solid #3d756c; color:#3d756c;}



#section5 .bd{ margin:0 -32px; padding-top:40px;}

#section5 .bd ul{ overflow:hidden; height:474px;}

#section5 .bd ul li{ width:410px; float:left; margin:0 32px;}

#section5 .bd ul li .img{ margin-bottom:48px; width:410px; height:225px; overflow:hidden;}

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

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

#section5 .bd ul li .txt{}

#section5 .bd ul li .txt h5{ margin-bottom:20px;}

#section5 .bd ul li .txt h5 a{ font-size:18px; color:#000000; font-weight:300; transition:.3s;}

#section5 .bd ul li:hover .txt h5 a{ color: #3d756c; font-weight:600;}

#section5 .bd ul li .txt p{ font-size:14px; color:#919191; line-height:25px; height:50px; overflow:hidden;}

#section5 .bd ul li .txt .bot{ height:33px; margin-top:30px; border-top:1px solid #e7e7e7; padding-top:16px; position:relative;}

#section5 .bd ul li .txt .btn{ font-size:12px; color:#a5a5a5; text-transform:uppercase; font-family:arial; margin-top:2px; transition:.2s;}

#section5 .bd ul li .txt .btn:hover{ color:#666;}

#section5 .bd ul li .txt .bot span{ font-family:arial; font-size:18px; color:#3d756c; float:right;}

#section5 .bd ul li .txt .bot:before{ content:""; width:70px; height:2px; display:block; background:#bacb49; position:absolute; left:0; top:-1px; transition:.7s;}

#section5 .bd ul li:hover .txt .bot:before{ width:100%;}





#section5 .hd{ border-bottom:0;}

#section5 .bd ul li{ margin-bottom:80px;}

#section5 .hd{ height:100px;}





#section6{ background:url(../image/foot_bg.png) center no-repeat; text-align:center; color:#fff; color:rgba(255,255,255,.76);}

#section6 .m{ height:51px; line-height:31px; padding-top:10px;}

#section6 .m *{ display:inline-block; font-size:12px; color:#fff; color:rgba(255,255,255,.76);}

#section6 .m a:hover{ color:#fff;}



/*online qq*/

aside#top{ }

.online_q { position: fixed; right: 50px; bottom: 30%; z-index: 9999; width:142px; height:265px; background:url(../image/piaofu_bg.png) center no-repeat; opacity:0; visibility:hidden; transform:translateY(-50px);transition:.5s; -webkit-transition:.5s;}

.online_q.show{ opacity:1; visibility:visible; transform:translateY(0px);transition:.5s .5s; -webkit-transition:.5s .5s; }

.online_q .btn2{ margin:0 auto; cursor:pointer; position:relative;font-size:12px; transition:.3s; }

.online_q .btn-top{ background:#a4e7fe; padding:0;}

.online_q .btn2 a{ }

.online_q .btn2 span{display:block; width:100%; height:100%; position:relative; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s; font-size:12px; color:#6a6c6d; border-radius:3px;}

.online_q .btn-01{ width:75px; height:75px;}

.online_q .btn-02{ width:75px; height:63px;}

.online_q .btn-03{ width:75px; height:63px;}



.online_q .btn-01 span{background:url(../image/piaofu_tel.png) center 40px no-repeat; }

.online_q .btn-02 span{background:url(../image/piaofu_qq.png) center no-repeat;}

.online_q .btn-03 span{background:url(../image/piaofu_wechat.png) center no-repeat; }

.online_q .btn-top{ background:url(../image/piaofu_top.png) center no-repeat; height:52px; width:75px;  }



/*.online_q .open.pic{ position:absolute; background:#3f897c; border-radius:3px; width:100px; height:100px; right:175px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}

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

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

.online_q .btn2:hover .open.pic{ opacity:1; right:160px;visibility:visible;}*/



.online_q .btn2{position:relative; z-index:0; }

.online_q .pic{ position:absolute; z-index:99; top:-138px; left:-34px;  width:142px; height:265px; background:url(../image/piaofu_bg_wechat.png) center no-repeat; opacity:0; text-align:center;visibility:hidden; transform:scale(.8); transition: .2s; -webkit-transition: .2s;}

.online_q .pic img{ width:80px; height:80px;}

.online_q .pic p{  padding-top:110px; margin-bottom:10px; color:#fff; font-size:12px;}

.online_q .btn2.on{ z-index:99;}

.online_q .btn2.on span{ opacity:0;}

.online_q .btn2.btn-02.on span{ opacity:1;}

.online_q .btn2.on .open.pic{ opacity:1; visibility:visible; transform:scale(1); transition: .6s; -webkit-transition: .6s; }

.online_q .tel_box{ top:0px; left:-34px; background:url(../image/piaofu_bg_tel.png) center no-repeat;}

.online_q .tel_box p{ padding-top:130px;}

.online_q .tel_box b{ font-size:18px; font-family:arial; font-weight:normal; color:#fff; display:inline-block; padding:5px 5px; border-radius:5px; }

.online_q .btn-01.on .tel_box{ opacity:1; visibility:visible; transform:scale(1); transition: .6s; -webkit-transition: .6s; }



.online_q .btn-02 .open.pic{background:url(../image/piaofu_bg_qq.png) center no-repeat; top:-75px;}

/*------------------------------- 侧边栏end -------------------------------------*/







.circle {

  width: 150px;

  height: 150px;

  margin: 0 auto;

  position: fixed; top:20px; right:40px; z-index:999; text-align:center; line-height:150px; color:#3f897c; font-size:30px;

}

.circle span {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 50%;

  background-color: rgba(17, 140, 238, 0.1);

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  -webkit-animation: circleScale 3s linear infinite;

  -moz-animation: circleScale 3s linear infinite;

  -ms-animation: circleScale 3s linear infinite;

  animation: circleScale 3s linear infinite;

}

.circle span:nth-of-type(2) {

  animation-delay: 1s;

}

.circle span:nth-of-type(3) {

  animation-delay: 2s;

}

@keyframes circleScale {

  0% {

    opacity: 1;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes circleScale1 {

  0% {

    opacity: 1;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

  }

  60% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(3);

    -moz-transform: scale(3);

    -ms-transform: scale(3);

    transform: scale(3);

  }

}

.circle a{ cursor:pointer; position:relative;}







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

#n_banner{ width:100%; height:320px; position:relative; z-index:0;}

#n_main{ background:url(../image/n_bg.png) bottom repeat-x; }

.left_con{ width:260px; float:left; position:relative; top:-64px; z-index:99;}

.left_nav{ background:#fff; border:1px solid #e5e5e5; border-left:8px solid #bacb49; margin-bottom:30px;}

.left_nav .tt{ padding-top:36px; padding-left:30px;}

.left_nav .tt span{ font-size:12px; color:#a7a7a7; font-family:arial;}

.left_nav .tt h3{ font-size:26px; color:#565656;}

.left_nav .tt h3 i{ display:inline-block; width:27px; height:1px; background:#dcdcdc; margin-left:20px; position:relative; top:-10px;}

.left_nav .tt h3 i:after{ content:""; display:inline-block; width:7px; height:7px; border-radius:50%; position:absolute; border:1px solid #dddddd; right:-12px; top:-3px; box-sizing:border-box;}

.left_nav .tt p{ font-size:12px; color:#959595; margin-top:17px;}

.left_nav ul{ margin-top:37px;}

.left_nav ul li{ height:50px; border-top:1px solid #e5e5e5; border-top:1px solid rgba(0,0,0,.1); position:relative;}

.left_nav ul li a{ padding-left:52px; display:block; position:relative; line-height:49px; transition:.5s; }

.left_nav ul li a:before{ content:""; width:10px; height:10px; border-radius:50%; border:2px solid #dcdcdc; display:block; position:absolute; left:30px; top: 20px; box-sizing: border-box;}

.left_nav ul li a:after{ content:""; width:7px; height:100%; background:url(../image/left_nav_arrow.png) center no-repeat; position:absolute; top:0; right:50px; display:block; transition:.5s .3s; opacity:0;}

.left_nav ul li:before{ content:""; display:block; width:0; height:100%; background:#3c756d; position:absolute; left:0; top:0; transition:.5s;}

.left_nav ul li:hover:before,.left_nav ul li.on:before{ width:100%;}

.left_nav ul li:hover a,.left_nav ul li.on a{ color:#fff;}

.left_nav ul li:hover a:after,.left_nav ul li.on a:after{ right:30px; opacity:1;}

.left_nav ul li:hover a:before,.left_nav ul li.on a:before{ border:2px solid #fff;}



.left_contact{ background:#fff;}

.left_contact .img{ width:260px;}

.left_contact .img img{ display:block; max-width:100%;}

.left_contact .txt{ border:1px solid #e5e5e5; padding:23px;}

.left_contact .tt{ font-size:14px; color:#3e3e3e; border-bottom:1px dotted #a6a7ab; padding-bottom:12px; margin-bottom:10px; font-weight:bold;}

.left_contact .tt span{ font-size:20px; color:#3c756d; font-family:arial; font-weight:normal; text-transform:uppercase; margin-right:6px; display:none;}

.left_contact .p{ font-size:13px; color:#7f8186; line-height:30px;}



.right_con{ width:calc(100% - 300px); float:right; padding-bottom:40px;}

#n_title{ height:55px; line-height:55px; border-bottom:1px solid #ebecef; margin-top:45px; margin-bottom:20px;}

#n_title h3{ float:left; font-size:24px; color:#505053; position:relative;}

#n_title h3:after{ content:""; display:block; width:93px; height:2px; background:#3c756d; position:absolute; bottom:0; left:0;}

#n_title .fr{ margin-top:10px; display:none;}







/*内容样式*/

.ar_article{ font-size:14px; color:#5b5f5e; line-height:30px; text-align:justify;}

.ar_article p{font-size:14px;color:#5b5f5e;line-height:30px;text-align:justify; padding-bottom:15px;}	

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

.ar_article sub {

    vertical-align: sub;

    font-size: smaller;

}



.ar_article sup {

    vertical-align: super;

    font-size: smaller;

}



.j_n_tt{ text-align:center; font-size:30px; color:#3d756c; font-weight:bold; margin-bottom:25px;}

.j_n_tt2{ text-align:center; font-size:30px; color:#3f4040; font-weight:bold; margin-bottom:25px;}

.j_n_tt2 i{ display:block; width:26px; height:3px; background:#3d756c; margin:0 auto; margin-top:22px;}



#n_staff{ margin-top:-25px;}

#n_staff ul li{ float:left; width:100%; padding:0 0 25px 0; margin-top:25px; border-bottom:#eeeeee 1px solid}

#n_staff ul li .img{ float:left; width:286px; height:173px; overflow:hidden; margin-right:30px;}

#n_staff ul li .img img{ float:left; width:100%; height:100%; transition:1s;}

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

#n_staff ul li .con{ }

#n_staff ul li .con h5{ color:#474747; font-weight:100; margin:14px 0}

#n_staff ul li .con h5 a{ color:#474747; font-size:20px;}

#n_staff ul li .con h5 a:hover{ color:#3d756c;}

#n_staff ul li .con p{ font-size:13px; line-height:22px; height:44px; color:#8b8b8b; overflow:hidden; margin-bottom:32px;}

#n_staff ul li .con span{ margin-right:10px; font-size:12px; color:#969696; font-family:arial,"微软雅黑"; display:block; margin-bottom:15px;}



#n_news{}

#n_news ul{}

#n_news ul li{ height:45px; line-height:45px; border-bottom:1px dotted #b2b2b2;}

#n_news ul li a{ font-size:15px; color:#000; display:block;}

#n_news ul li font{ margin-right:13px; float:left; transition:.3s; color:#bacb49; font-size:12px;}

#n_news ul li span{ float:right; font-size:14px; color:#414141;}

#n_news ul li:hover a{ color:#3d756c;}

#n_news ul li:hover font{ color:#3d756c; }



#n_branch{ }

#n_branch ul li{ float:left; width:100%; background:#fff;}

#n_branch ul li+li{ margin-top:40px;}

#n_branch ul li .img{ float:left; width:350px; height:210px; overflow:hidden; margin-right:50px;}

#n_branch ul li .img img{ float:left; width:100%; height:100%; transition:1s;}

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

#n_branch ul li .txt{ border:1px solid #e5e5e5; border-left:0; height:210px; padding-top:38px; padding-right:50px;}

#n_branch ul li .txt h5{ color:#3d756c; font-size:22px; font-weight:100; margin-bottom:18px;}

#n_branch ul li .txt h5 a{ color:#3d756c; font-size:22px;}

#n_branch ul li:hover .txt h5 a{ color:#3d756c; font-weight:bold;}

#n_branch ul li .txt p{ font-size:14px; line-height:24px; height:48px; color:#666666; overflow:hidden; margin-bottom:10px;}

#n_branch ul li .txt .btn{font-size:14px; color:#3c756d; position:relative;}

#n_branch ul li .txt .btn:before,#n_branch ul li .txt .btn:after{ content:""; width:100%; height:1px; background:#3c756d; display:inline-block; position:absolute; right:0; bottom:-1px;}

#n_branch ul li .txt .btn:after{ width:0; transition:.5s;}

#n_branch ul li .txt .btn:before{ transition:.5s .5s; left:0; right:auto;}

#n_branch ul li .txt .btn:hover:before{ width:0; transition:.5s; right:0; left:auto;}

#n_branch ul li .txt .btn:hover:after{ width:100%; transition:.5s .5s; left:0; right:auto;}





  /*==============分页=====================*/

.page { margin:0px auto 0px auto;}

.page .box{display:inherit; width:100%;  text-align: right; padding-top: 50px;}

.page a{ padding:0 13px; height:35px; line-height:35px; background:#eeeff4; display:inline-block; margin:0 4px;  color:#66635f; font-size:14px; border-radius:3px; transition:.3s;}

.page .on{ background:#3d756c; color:#fff !important; }

.page a font{  font-size: 12px; font-family: "SimSun"; color: rgb( 68, 68, 68 );}

.page span{ padding:0 10px; display:block;}

.page a:hover{ background:#3d756c; color:#fff !important; text-decoration:none; }

.page a:hover font{ color:#fff;}



.ar_title{ overflow:hidden; height:56px; border-left:4px solid #3d756c; padding-left:16px; margin-bottom:40px;}

.ar_title h3{ font-size:24px; color:#424242; font-weight:bold; margin-bottom:12px; width:818px;}

.ar_title span{ font-size:14px; color:#616060;}

.ar_title .fr{}

.ar_title .fr a{ width:70px; height:56px; line-height:54px; border:1px solid #e5e5e5; display:block; float:left; text-align:center; font-size:12px; color:#4c4c4c; position:relative; z-index:0; transition:.5s;}

.ar_title .fr a.right{ border:1px solid #3c756d; background:#3c756d; color:#fff;}

.ar_title .fr a:before{ content:""; display:block; width:0; height:56px; background:#bacb49; position:absolute; right:0; top:0; transition:.3s; z-index:-1;}

.ar_title .fr a:hover:before{ width:100%; left:0; right:auto;}

.ar_title .fr a:hover{ color:#fff; border:1px solid #bacb49;}





/*荣誉资质*/

#n_zizhi{ }

#n_zizhi ul{ margin:0 -30px; margin-top: -20px;}

#n_zizhi ul li{float:left;width: 33.33%;padding: 30px;position:relative;transition:all ease 300ms;-webkit-transition:all ease 300ms;}

#n_zizhi ul li a{ display:block; background:#f4f5f6; border:1px solid #e2e3e3; position:relative; padding:0 10px 30px;}

#n_zizhi ul li .img_box{ width:100%; height:175px; margin:0 auto; margin-top:24px; position:relative;transition:all ease 300ms; -webkit-transition:all ease 300ms;}

#n_zizhi ul li img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);}

#n_zizhi ul li a:before{ content:""; display:block; position:absolute; bottom:0; left:0; width:0; height:3px; background:#3d756c; opacity:0; transition:.5s; -webkit-transition:.5s;}

#n_zizhi ul li a:hover:before{ opacity:1; width:100%; }

#n_zizhi ul li a:hover{ background:#fff; box-shadow:0 5px 30px 0 rgba(0,0,0,.1);}

#n_zizhi ul li p{ text-align:center; margin-top:18px; font-size:15px; color:#646566;}

#n_zizhi ul li p:hover{ color:#333;}





.branch_slide{ width:754px; height:556px; margin:0 auto; margin-bottom:50px;}

.branch_slide .bd{ margin-bottom:8px;}

.branch_slide .bd li{}

.branch_slide .bd li img{ width:754px; height:475px;}

.branch_slide .hd{ margin:0 -8px;}

.branch_slide .hd li{ padding:8px;}

.branch_slide .hd li .img{ transition:.5s; cursor:pointer; }

.branch_slide .hd li.slick-current .img{ border:2px solid #3c756d; box-shadow:0 1px 8px 0 rgba(0,0,0,.3);}

.branch_slide .hd li img{ max-width:100%;}



.branch_slide .bd .slick-prev{ width:42px; height:42px; display:block; background:url(../image/branch_left.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:232px; left:-145px;}

.branch_slide .bd .slick-next{ width:42px; height:42px; display:block; background:url(../image/branch_right.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:232px; right:-145px;}

.branch_slide .bd .slick-arrow:before{ display:none;}

.branch_slide .bd .slick-arrow:hover{ opacity:.7;}



.j_btn_map{ width:270px; height:55px; display:block; border-radius:3px; font-size:14px; color:#fff; background:#3c756d; line-height:55px; text-align:center; margin:0 auto;}

.j_btn_map img{ position:relative; margin-right:8px; top:3px; font-size:14px;}





.btn_flashcenter { display: block; 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%; }

}





.sy-v { display: inline-block; position: relative; margin:0 auto; cursor:pointer;}

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

.sy-v .dot .ico { position: relative; height: 100%; transition: 400ms; display:block; background-repeat:no-repeat; background-position:center; }

.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; background:url(../image/border_juice.png) center no-repeat; }

.sy-v .nowti { margin-top: 20px; height: 24px; line-height: 24px; }

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

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







.juice_slide{ width:1050px; margin:0 auto; }

.juice_slide .bd{ width:730px; margin:0 auto;}

.juice_slide .bd li{}

.juice_slide .bd li img{ display:inline-block;}

.juice_slide .hd{ padding:0 10px; margin-bottom:90px; background:url(../image/juice_bg.png) center 62px no-repeat;}

.juice_slide .hd li{ text-align:center;}

.juice_slide .hd li p{ margin-top:18px; font-size:14px; color:#5b5f5e; cursor:pointer;}

.juice_slide .hd li.slick-current .sy-v .dot:before { transform: rotateX(0deg); opacity: 1; visibility: visible; }

.juice_slide .hd li.slick-current .sy-v .dot .ico { transform: translateY(-5px); }

.juice_slide .hd li.slick-current p{ color:#313131; font-weight:bold;}

.juice_slide .hd li:hover p{ color:#313131; font-weight:bold;}



.juice_slide .bd .slick-prev{ width:42px; height:42px; display:block; background:url(../image/branch_left.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:232px; left:-160px;}

.juice_slide .bd .slick-next{ width:42px; height:42px; display:block; background:url(../image/branch_right.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:232px; right:-160px;}

.juice_slide .bd .slick-arrow:before{ display:none;}

.juice_slide .bd .slick-arrow:hover{ opacity:.7;}





#n_join{ margin-bottom:70px; }

.join_slide{ width:850px; margin:0 auto;}

.join_slide li .box{ width:380px; height:535px; display:block; overflow:hidden; position:relative; margin:0 auto; }

.join_slide li .box .tt{ height:140px; height:100px; width:380px; background:#eeeef3; border-radius: 3px 3px 0 0; text-align:center; display:table-cell; vertical-align:middle; padding:20px; transition:.3s; }

.join_slide li .box .tt h5{ text-align:center; font-size:24px; color:#3f3b3d; margin-bottom:13px; margin-bottom:0;}

.join_slide li .box .tt span{ font-size:14px; color:#3f3b3d; opacity:.6; margin:0 10px; display:none; margin:0;}

.join_slide li .box:hover .tt{ background:#3d756c;}

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

.join_slide li .box:hover .tt span{color:#fff;}

.join_slide li .box .b{ color:#3d756c; font-size:14px; font-weight:bold; }

.join_slide li .box .txt{ padding:50px 30px; border:1px solid #e9e9e9; background:#fff; }

.join_slide li .box .con{ font-size:13px; line-height:30px; color:#8c8a88; margin-top:15px; height:262px; overflow-y:auto; padding-right:10px;}

.join_slide li .box .con *{font-size:13px; line-height:30px; color:#8c8a88;}

.join_slide li .box .con::-webkit-scrollbar {width:2px;height: 8px;background-color: #eee; border:0; box-shadow:0; border-radius:0;}

.join_slide li .box .con::-webkit-scrollbar-track { background-color: #e2e2e2; opacity:.5}

.join_slide li .box .con::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #3d756c; opacity:.5}

.join_slide .slick-prev{ width:35px; height:35px; display:block; background:url(../image/join_left.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:250px; left:-100px;}

.join_slide .slick-next{ width:35px; height:35px; display:block; background:url(../image/join_right.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:250px; right:-100px;}

.join_slide .slick-arrow:before{ display:none;}

.join_slide .slick-arrow:hover{ opacity:.7;}





#n_honor{}

#n_honor ul{ background:url(../image/honor_line.jpg) 28px repeat-y; margin-left:118px; padding:1px 0; position:relative;}

#n_honor ul:before{ content:""; width:17px; height:17px; background:url(../image/honor_before.png) center no-repeat; display:block; position:absolute; top:0; left:20px;}

#n_honor ul:after{ content:""; width:17px; height:17px; background:url(../image/honor_after.png) center no-repeat; display:block; position:absolute; bottom:0; left:20px;}

#n_honor ul li{ margin:40px 0; padding-left:113px; position:relative;}

#n_honor ul li .time{ position:absolute; height:100%; width:57px; left:0; }

#n_honor ul li .time span{ width:57px; height:57px; display:block; border-radius:50%; background:#bacc47; line-height:57px; text-align:center; color:#fff; font-size:18px; font-family:arial; float:left; transition:.3s; position:relative;}

#n_honor ul li .txt{ width:calc(100% - 115px); border-radius:5px; border:1px solid #e7e7ea; background:#fff; padding:15px 45px; font-size:14px; color:#5b5f5e; line-height:36px; transition:.3s;}

#n_honor ul li .txt p{ font-size:14px; color:#5b5f5e; line-height:36px;}

#n_honor ul li:hover .time span{ background:#3d756c;}

#n_honor ul li:hover .txt{ background:#f7f7f9; border:1px solid #3d756c;}



#n_honor ul li .time span:after {

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    content: '';

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    pointer-events: none;

    background: rgba(61,117,108,.1);

    border-radius: 50%;

   

}

#n_honor ul li:hover .time span:after{ -webkit-animation-duration: 1.5s;

    animation-duration: 1.5s;

    -webkit-animation-name: menu_circle;

    animation-name: menu_circle;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;}

@keyframes menu_circle {

  0% {

    opacity: 1;

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

  }

  50% {

    -webkit-transform: scale(1.6);

    transform: scale(1.6);

  }

  100% {

    opacity: .2;

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

  }

}	  

#n_honor ul li .time:before{ content:""; display:block; width:0; height:1px; background:#3d756c; position:absolute; top:50%; left:75px; transition:.3s .1s;}	  

#n_honor ul li:hover .time:before{ width:22px;}	  

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

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



.form_caption{ overflow:hidden; padding-bottom:66px;}

.form_caption .txt{ padding-top:38px; float:left;}

.form_caption .txt h5{ font-size:18px; color:#3f3b3d; font-weight:bold; margin-bottom:10px;}

.form_caption .txt .p{ font-size:14px; color:#3f3b3d; line-height:36px;}

.form_caption .img{ width:471px; height:250px; float:right;}

.form_caption .img img{}



.j_form{ margin-right:-85px; padding-bottom:50px;}

.j_form .form-group{ border:1px solid #dadbdb; width:483px; margin-right:84px; float:left; background:#f3f5f6; overflow:hidden; margin-bottom:28px; position:relative;}

.j_form .form-group span{ width:153px; height:46px; line-height:46px; border-right:1px solid #dadbdb; text-align:center; display:block; float:left;}

.j_form .form-group span i{ color:#ff0000;}

.j_form .form-group>input{ height:46px; width: calc(100% - 153px); float:left; padding:0 20px; font-size:14px; color:#999; font-family:"微软雅黑", 'Microsoft YaHei';}

.j_form .form-group .input_r{ height:46px; padding:0 20px; line-height:46px; width: calc(100% - 153px); float:left; background:#fff;font-size:14px; color:#999; font-family:"微软雅黑", 'Microsoft YaHei';}

.j_form .form-group textarea{ width: calc(100% - 153px); float:left; height:160px; padding:20px 20px; font-size:14px; color:#999;  font-family:"微软雅黑", 'Microsoft YaHei';}

.j_form .form-group.group-textarea span{ line-height:160px; height:160px;}

.j_form .form-group .yzm{ position:absolute; right:0; top:0; max-height:100%;}

.j_form .btn_tijiao{ display:block; width:422px; height:48px; text-align: center; background:#3d756c; margin:0 auto; color:#fff; border:0; outline: none; clear:both; transition:.5s; cursor:pointer; margin-top:80px;}





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







.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; overflow: auto; padding:100px;}

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

.tc-box{

   margin:0 auto; box-sizing:border-box; background:#fff; display: block; position:relative; z-index:1;

    -webkit-animation-duration: 1.2s;

	animation-duration: 1.2s;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-webkit-animation-fill-mode: forwards;

	animation-fill-mode: forwards;  -webkit-animation-name: anim-close-2; animation-name: anim-close-2;}

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

.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:22px; right: -60px; top: -60px; z-index:999; width:40px; height:40px; background:url(../image/close.png) center no-repeat;}

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

.tc_txt{ height:470px; overflow-y:auto; padding-right:30px;}



/*资讯  弹窗内容样式*/

#tc_zixun{ width:545px; height:363px; text-align:center; border-radius:7px; overflow:hidden;}

#tc_zixun .tc_close{ color:#fff; top:16px; right:20px;}

#tc_zixun .tt{ height:130px; background:url(http://www./statics/style/pc/images/tc_cj_tt_bg.jpg) center no-repeat; font-size:22px; color:#fff; line-height:130px; margin-bottom:40px;}

#tc_zixun .tt b{ font-size:28px; margin-left:8px;}

#tc_zixun .tt img{ position:relative; top:3px; margin-right:10px;}

#tc_zixun form p{ font-size:14px; color:#333333; margin-bottom:25px;}

#tc_zixun form input.txt{ width:370px; height:45px; border-radius:3px; border:1px solid #e1e1e1; padding:0 17px;display: block; margin: 0 auto; font-size:14px; color:#989898;} 

#tc_zixun form .btn{ width:175px; height:45px; line-height:45px; margin-top:17px;}







#n_pro{}

#n_pro ul{

    margin:  -12px;

}

#n_pro ul li{width: 33.33%;float: left;padding: 12px;}

#n_pro ul li .box{ width:100%; cursor:pointer;}

#n_pro ul li .box .img{border:1px solid #d7d7d8;background:#fff;text-align:center;border-bottom:0;}

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

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

#n_pro ul li .box h5{ width:100%; height:54px; border:1px solid #d7d7d8; background:#f0f2f4; text-align:center; line-height:52px; font-size:16px; color:#393939; padding:0 15px; transition:.3s; }

#n_pro ul li .box:hover h5{ background:#3c756d; border:1px solid #3c756d; color:#fff;}





#tc_pro{ width:1100px; min-height:420px; padding:94px; border-radius:5px; background:url(../image/tc_bg.png) center bottom no-repeat #fff; padding-bottom:130px;}

#tc_pro .box1{ margin-bottom:50px;}

#tc_pro .txt{ width:368px; float:left; padding-top:25px;}

#tc_pro .txt .tt{ font-size:30px; color:#3b3b3b; font-weight:bold; margin-bottom:30px;}

#tc_pro .txt .tt i{ display:block; width:40px; height:3px; background:#3d756c; margin-top:20px;}

#tc_pro .txt .p{ font-size:15px; color:#3b3b3b; line-height:30px; height:90px; overflow:hidden;}

#tc_pro .box1 .pic{ width:335px; height:269px; float:right;}

#tc_pro .box1 .pic_slide{ margin:0;}

#tc_pro .box1 .pic_slide li{ width:335px; float: left; margin-bottom:44px; margin-right:0; padding:0;}

#tc_pro .box1 .pic_slide li .img{ width:335px; height:215px; border:1px solid #d7d7d8; background:#fff; text-align:center; border-bottom:0;}

#tc_pro .box1 .pic_slide li .img img{ transition:1s;}

#tc_pro .box1 .pic_slide li:hover .img img{ transform:scale(1.05);}

#tc_pro .box1 .pic_slide li h5{ width:100%; height:54px; border:1px solid #d7d7d8; background:#f0f2f4; text-align:center; line-height:52px; font-size:16px; color:#393939; padding:0 15px; transition:.3s; }

.pic_slide .slick-prev{ width:42px; height:42px; display:block; background:url(../image/pic_left.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:110px; left:-65px; transition:.3s;}

.pic_slide .slick-next{ width:42px; height:42px; display:block; background:url(../image/pic_right.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:110px; right:-65px; transition:.3s;}

.pic_slide .slick-arrow:before{ display:none;}

.pic_slide .slick-prev:hover{  background:url(../image/pic_left_on.png) center no-repeat;}

.pic_slide .slick-next:hover{  background:url(../image/pic_right_on.png) center no-repeat;}



#n_lc{ text-align:center; background:url(../image/lc_line.png) left 75px no-repeat; background-size: contain;}

#n_lc .box{ width:960px; margin:0 auto;}

#n_lc ul{ display:block; margin-bottom:134px; height:144px; position:relative;}

#n_lc ul li{ width:160px; float:left; text-align:center;}

#n_lc ul li p{ font-size:16px; color:#434645; font-weight:bold; margin-bottom:16px;}

#n_lc ul li span{ display:block; width:96px; height:96px; border-radius:50%; background-repeat:no-repeat; background-position:center; border:1px dashed #bacb49; margin:0 auto; background-color:#fff; position:relative; transition:.3s;}

#n_lc ul.ul_1 li+li span:before{ content: url(../image/lc_ico_right.png); position:absolute; top:38px; left:-40px;}

#n_lc ul.ul_2 li+li span:before{ content: url(../image/lc_ico_left.png); position:absolute; top:38px; right:-40px;}



/*#n_lc ul.ul_1 li+li span:before{

-webkit-animation: topright 2s linear infinite;

  -moz-animation: topright 2s linear infinite;

  -ms-animation: topright 2s linear infinite;

  animation: topright 2s linear infinite;

}

@keyframes topright {

  0% { opacity:0;}

  5% { opacity:1;

    -webkit-transform: translateX(-25px);

    -moz-transform: translateX(-25px);

    -ms-transform: translateX(-25px);

    transform: translateX(-25px);

  }

  95% {opacity:1;

    -webkit-transform: translateX(25px);

    -moz-transform: translateX(25px);

    -ms-transform: translateX(25px);

    transform: translateX(25px);

  }

  100% { opacity:0;}

}

#n_lc ul.ul_2 li+li span:before{

-webkit-animation: topleft 1s linear infinite .5s;

  -moz-animation: topleft 1s linear infinite .5s;

  -ms-animation: topleft 1s linear infinite .5s;

  animation: topleft 1s linear infinite .5s;

}

@keyframes topleft {

  0% { 

    -webkit-transform: translateX(25px);

    -moz-transform: translateX(25px);

    -ms-transform: translateX(25px);

    transform: translateX(25px);

  }

  100% { 

    -webkit-transform: translateX(-25px);

    -moz-transform: translateX(-25px);

    -ms-transform: translateX(-25px);

    transform: translateX(-25px);

  }

}*/



 #n_lc{ position:relative;}

		 .xuxian{ position:absolute; top:80px;}

		 .Vbtn-3 {  display: block; transition: all 450ms linear 0s; overflow:hidden;

    width:920px;  height:275px; position: relative; vertical-align: middle; }

 .Vbtn-3.li_1{ right:-130px;}

  .Vbtn-3.li_2{}

  .Vbtn-3 svg{ position: absolute; top: 0px; width:1600px;  height:279px; border:0;}

.Vbtn-3 svg.svg1 { right: 0;}

.Vbtn-3 svg.svg2 { left: 0;}

.Vbtn-3 rect {

	fill: none; box-sizing:border-box;  box-sizing:border-box; width:99.9% ; height:278px;

	stroke-width: 1;

	stroke: #bbbbbb;

	stroke-dasharray: 200, 13;

	stroke-dashoffset: 410;

	transition: all 450ms linear 0s; -webkit-transition: all 450ms linear 0s; -ms-transition: all 450ms linear 0s;	

}

.Vbtn-3.li_1 rect { 

-webkit-animation: dasharray 3s linear infinite;

  -moz-animation: dasharray 3s linear infinite;

  -ms-animation: dasharray 3s linear infinite;

  animation: dasharray 3s linear infinite;

}

.Vbtn-3.li_2 rect { 

-webkit-animation: dasharray2 3s linear infinite;

  -moz-animation: dasharray2 3s linear infinite;

  -ms-animation: dasharray2 3s linear infinite;

  animation: dasharray2 3s linear infinite;

}

@keyframes dasharray {

  0% {

    stroke-dasharray:8, 8;

	stroke-dashoffset: 30;

  }



  100% {

    stroke-dasharray:12, 12;

	stroke-dashoffset: 100;

  }

}

@keyframes dasharray2 {

  0% {

    stroke-dasharray:12, 12;

	stroke-dashoffset: 100;

  }



  100% {

    

	stroke-dasharray:8, 8;

	stroke-dashoffset: 30;

  }

}

#n_lc ul.ul_1:before{content: url(../image/lc_ico_down.png); position:absolute; top:207px; right:-56px;}

#n_lc ul.ul_2:before{content: url(../image/lc_ico_down.png); position:absolute; top:207px; left:-56px;}

#n_lc ul.ul_1{ text-align:left;}

#n_lc ul.ul_2{ text-align:right;} 

#n_lc ul.ul_2 li{ float:right;}

#n_lc ul:last-child{ margin-bottom:0;}

#n_lc ul:last-child:before{ display:none;}



#n_lc ul li span:after { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border-radius: 100%; transform: rotateX(-60deg); opacity: 0; visibility: hidden; transition: 400ms; border:2px solid #3d756c; }

#n_lc ul li:hover span:after { transform: rotateX(0deg); opacity: 1; visibility: visible; }

#n_lc ul li:hover span{ background-color:#f0f5f5;}







#section0 .apple_slide .slick-slide img{ max-height:inherit; max-width:100% !important; }

#section0 .apple_slide{ padding-top:0; background:none;}

@media (max-width: 1680px)



{

	#header .m{width:1280px; padding:0; margin:0 auto;}

	.m{ width:1280px;}

	#nav ul li{ margin-left:40px;}

	#nav{ margin-right:150px;}



	#nav{ margin-right:218px;}

	#header .language{ right:46px;}

	#header .language.member{ right:126px;}

	.circle{ right:10px;}

	#fp-nav.fp-right { right: 57px;}

	#section0 .apple_slide{ margin-right: 90px; width:578px;}

	#section2 ul li{ width:190px; margin-right: 6px; overflow:hidden;}

	#section2 ul li a{ width:400px;}

	#section2 ul li.on{ width:498px;}

	#section5 .bd ul li{ width:33.33%; margin:0; padding:30px;}

	.online_q{ right:15px;}

	

	#n_lc ul.ul_1:before {

    top: 184px;

    right: -16px;}

	#n_lc ul.ul_2:before {

    top: 184px;

    left: -15px;}

	#n_lc ul.ul_2 {

    padding-right: 37px;}

	#n_lc ul li{ width:152px;}

	#n_lc ul{ margin-bottom:117px;}

	.right_con .ys_zhiliang{ width:auto;}

	.map_anm {

    transform: scale(.9); transform-origin: left;}

	.active .map_anm {

    transform: scale(.9); transform-origin: left;}

	.juice_slide{ width:100%;}

	.juice_slide .bd .slick-prev{ left:0;}

	.juice_slide .bd .slick-next{ right:0;}

	.juice_slide .hd{ background-size: 100% !important;}

	

	.join_slide{ width:100%;}

	.join_slide li .box{ width:370px;}

	.join_slide .slick-prev{ left:-20px;}

	.join_slide .slick-next{ right:-20px;}

}

@media (max-width: 1440px)



{

.join_slide li .box{ width:350px;}

#header .m{width:1100px; padding:0; margin:0 auto;}

.m{ width:1100px;}

#logo img{ height:60px;}

#nav ul li{ margin-left:30px;}

#nav{ margin-right:213px;}



.circle{ right:0;}	

#fp-nav.fp-right {

    right: 45px;

}

.online_q{ right:10px;}

#section0 .txt{ width:500px; padding-top: 104px;}

#section0 .txt .tt { font-size: 29px;}

#section0 .txt .tt b{ font-size: 48px;}

#section0 .txt .p{ font-size: 14px; margin-bottom: 65px;}

#section0 .apple_slide{ width:40%;    padding-top: 70px; }

#section2 ul li{ width:145px; margin-right: 6px; overflow:hidden;}

#section2 ul li a{ width:400px;}

#section2 ul li.on{ width:498px;}

#section5 .bd ul li{ width:33.33%; margin:0; padding:30px;}

#header .language{ right:50px;}

#section0 .apple_slide li{ }

#section0 .apple_slide .slick-slide img{ max-width:100% !important;  }



#n_lc .box{ width:100%;}

#n_lc ul li {

    width: 126px;

}

#n_lc ul li p{ font-size:14px; margin-bottom:0; height:35px;}

#n_lc ul li span{ width: 79px; height: 79px;}

#n_lc ul {

    margin-bottom: 69px;

}

#n_lc ul.ul_1:before {

    top: 168px;

    right: -7px;

}

#n_lc ul.ul_2:before {

    top: 175px;

    left: -6px;

}

#n_lc ul.ul_1 li+li span:before {

    top: 36px;

    left: -29px;

}

#n_lc ul.ul_2 li+li span:before {

    top: 36px;

    right: -29px;

}



#n_lc2{ transform: scale(.86); -transform: scale(.86); -ms-transform: scale(.86); -o-transform: scale(.86); -webkit-transform: scale(.86); transform-origin: left;}



.left_nav .tt h3{ font-size:23px;}

#n_title h3{ font-size:22px;}

.right_con .ys_zhiliang{ height:389px;}

.right_con .ys_zhiliang ul li { width: 265px; font-size: 14px;}

.right_con .ys_zhiliang { background-size: 256px !important;}	

.right_con .ys_zhiliang ul li.li_2{left: -11px;}	

.right_con .ys_zhiliang ul li.li_5{right: -11px;}

.right_con .ys_zhiliang ul li p{ width:143px;}

.right_con .map_anm {

    transform: scale(.8); transform-origin: left;}

.right_con .active .map_anm {

    transform: scale(.8); transform-origin: left;}

	

.right_con #section3 .tt h3{ font-size: 24px;}

.right_con #section3 .tt span{ font-size:15px;}



.form_caption .txt{ width:49%; padding-top:0;}

.form_caption .img{ width:47%;}

}





.ys_zhiliang{ transform:scale(.9);transition:.3s;}

.active .ys_zhiliang{ transform:scale(1); opacity:1; transition:.7s;}



#section0 .m{ transform:scale(.9); transition:.3s;}

.active#section0 .m{ transform:scale(1); transition:.7s;}



#section2 ul{ transform:scale(.9); opacity:1; transition:.3s;}

.active#section2 ul{ transform:scale(1); opacity:1; transition:.7s;}



#section0 .apple_slide li {

    padding: 0px;

}





#n_pro.n_zhiliang ul li{ margin-bottom:10px;}

#n_pro.n_zhiliang ul li .box{cursor: inherit;}

#n_pro.n_zhiliang ul li .box h5{ border:0; border-top:1px solid #d7d7d8; background:none; }

#n_pro.n_zhiliang ul li:hover .box h5{ color:#333;}



#n_lc2{text-align:center;background:url(../image/lc_line2.png) left 41px no-repeat;width:  978px;margin:  0 auto;}

#n_lc2 .box{width: 978px;margin:0 auto;}

#n_lc2 ul{display:block;margin-bottom:83px;height:96px;position:relative;}

#n_lc2 ul li{width: 96px;float:left;text-align:center;margin: 0 21.5px;}

#n_lc2 ul li p{font-size:16px;color:#434645;font-weight:bold;margin-bottom:16px;display:table-cell;vertical-align:middle;}

#n_lc2 ul li p{width:96px; height:96px; border-radius:50%; background-repeat:no-repeat; background-position:center; border:1px dashed #bacb49; margin:0 auto; background-color:#fff; position:relative; transition:.3s;}

#n_lc2 ul.ul_1 li+li p:before{ content: url(../image/lc_ico_right.png); position:absolute; top:38px; left:-29px;}

#n_lc2 ul.ul_2 li+li p:before{ content: url(../image/lc_ico_left.png); position:absolute; top:38px; right:-29px;}

#n_lc2{ position:relative;}

.xuxian{ position:absolute; top:80px;}

#n_lc2 ul.ul_1:before{content: url(../image/lc_ico_down.png); position:absolute; top:133px; right:-6px;}

#n_lc2 ul.ul_2:before{content: url(../image/lc_ico_down.png); position:absolute; top:133px; left:-6px;}

#n_lc2 ul.ul_1{ text-align:left;}

#n_lc2 ul.ul_2{ text-align:right;} 

#n_lc2 ul.ul_2 li{ float:right;}

#n_lc2 ul:last-child{ margin-bottom:0;}

#n_lc2 ul:last-child:before{ display:none;}

#n_lc2 ul li p:after { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border-radius: 100%; transform: rotateX(-60deg); opacity: 0; visibility: hidden; transition: 400ms; border:2px solid #3d756c; }

#n_lc2 ul li:hover p:after { transform: rotateX(0deg); opacity: 1; visibility: visible; }

#n_lc2 ul li:hover p{ background-color:#f0f5f5;}



#n_pro2{}

#n_pro2 ul{ margin-top:-30px;}

#n_pro2 ul li{ overflow:hidden; padding:30px 0; overflow:hidden; border-bottom:1px solid #d7dddd;}

#n_pro2 ul li .num{ width:80px; height:90px; border:1px solid #d9e1e1; display:block; text-align:center; line-height:88px; font-size:40px; color:#3c3c3e; font-family:arial; float:left;}

#n_pro2 ul li .txt{ float:left; width:calc(100% - 250px); margin-left:20px;}

#n_pro2 ul li .txt h5{ font-size:18px; color:#2a2a2a; margin-bottom:25px; transition:.3s;}

#n_pro2 ul li .txt h5:hover{ color:#3c756d;}

#n_pro2 ul li .txt p{ font-size:14px; color:#86868a; line-height:20px; height:40px; overflow:hidden;}

#n_pro2 ul li .btn{ float:right; display:block; width:120px; height:40px; line-height:38px; text-align:center; border:1px solid #d6dedd; border-radius:20px; font-size:14px; color:#86868a; margin-top:49px; transition:.3s;}

#n_pro2 ul li .btn:hover{ border:1px solid #3c756d; background:#3c756d; color:#fff;}