@charset "utf-8";
/* CSS Document */
@charset "utf-8";
@font-face{
	font-family:myE;
	src: url(../font/DINOT-BOLD.OTF);
}
/*===================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: 15px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; position:relative; color: #333; margin: 0; line-height:1; 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:#393939;}
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: 1200px;margin: 0 auto; display: block;}
.img{ overflow:hidden;}
.img img{ width:100%; height:100%;}
.h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.h5 a{ display:block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.txt p{ color:#777;}
.clear{ clear:both;}
.j_tab{ display:table;}
.j_tab_cel{ display:table-cell; vertical-align:middle; text-align:center; width:100%; height:100%;}
/*===============================================header================================================*/
#header{ height: 97px;  width: 100%; position:absolute; top:45px; left:0; z-index: 999; -moz-transition: top .5s ;  -webkit-transition: top .5s;}
#header .m{ position:relative;}
#logo { float:left;}
#logo a img{ vertical-align:middle;}

/*=================导航=================*/
#nav{ float:left; width:737px;}
#nav ul{}
#nav ul li{ width:103px; height:97px; float:left; margin-left:2px; overflow:hidden;}
#nav ul li a{}
#nav ul li a>div{ padding-top:20px;}
#nav ul li .box1{ width:103px; height:97px; background:#48ac34; background:rgba(72,172,52,.8); text-align:center; transition:.4s ease-in-out; margin-top:-97px;}
#nav ul li:hover .box1,#nav ul li.on .box1{ margin-top:0;}
#nav ul li .box2{ width:103px; height:97px;background:#fff; background:rgba(255,255,255,.8);text-align:center;} 
#nav ul li .box1 h3{ color:#fff;}
#nav ul li .box2 h3{ color:#373738;}
#nav ul li span{ display:inline-block; height:30px;}
#nav ul li span img{}
#nav ul li h3{ font-size:15px; padding-top:8px;}

#yuyan{ width:103px; height:97px; background:#fff; text-align:center; float:right; display:table;}
#yuyan span{}
#yuyan span img{}
#yuyan p{ font-size:14px; color:#373738; padding-top:8px;}



/*banner*/
.banner { height:600px; width:100%; overflow:hidden; position:relative; z-index:0; top:-1px; }
.banner .swiper-slide{ height:600px !important; }
.banner .pagination{ position:absolute; display:none; bottom:45px; left:50%; cursor:pointer; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%);}
.banner .pagination span{ display:inline-block; width:9px; height:9px; background:none; border-radius:50%; border:1px solid #fff; margin:0 4.5px;}
.banner .pagination span.swiper-active-switch{ border:1px solid #06783b; background:#06783b;}
.banner .swiper-slide{ position:relative; }
.banner .bg{  width: 100%; height:100vh; overflow:hidden;}
.banner .txt{ position:absolute; left:50%; margin-left:-600px; top:260px;}
.banner .txt *{ opacity:0; position:relative; left:-50px; transform:scale(.6);}
.banner .txt h5{ font-size:62px; color:#2da1f8; text-transform:uppercase; font-weight:bold; transition:.6s .1s;}
.banner .txt h6{ font-size:23px; color:#70cb54; font-weight:bold; margin-top:20px; margin-bottom:10px; transition:.6s .4s;}
.banner .txt i{ display:block; width:283px; height:2px; background:#dadde2; transition:.6s .5s;}
.banner .txt p{ font-size:36px; color:#70cb54; font-weight:bold; margin-top:8px; margin-bottom:10px; transition:.6s .5s;}
.banner .txt span{ font-size:12px; color:#808080; font-family:arial; text-transform:uppercase; transition:.6s .6s;}

.banner .swiper-slide.swiper-slide-active .txt *{ opacity:1; left:0; transform:scale(1);}
.banner .arrow-left {
  background: url(../images/banner_left.png) no-repeat center;
  position: absolute;
  left: 136px;
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px; z-index:9; opacity:.5; transition: .3s;
}
.banner .arrow-right {
  background: url(../images/banner_right.png) no-repeat center;
  position: absolute;
  right: 136px;
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px; z-index:9; opacity:.5; transition:.3s;
}
.banner .arrow-left:hover,.banner .arrow-right:hover{ opacity:1;}
.banner .fenshi{  color:#fff; letter-spacing:3; position:absolute; bottom:45px; left:50%; cursor:pointer; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%);}
.banner .fenshi span{ margin:0 10px; font-family:'Century Gothic'; font-size:18px;}
.banner .fenshi span.fenzi{ font-size:30px;}
/*banner end*/

/*首页内容开始*/

.s_tt{ text-align:center; margin-bottom:50px;}
.s_tt h3{ text-align:center; font-size:30px; color:#2d2d2d; margin-bottom:10px; font-family:myE; font-size:48px; color:#48ac34; text-transform:uppercase;}
.s_tt p{ font-size:24px; color:#3f3f3f; }

#s_about{ overflow:hidden; padding-top:67px; padding-bottom:80px; background:url(../images/s_about_bg.jpg); text-align:center;}
#s_about .txt{ text-align:center; font-size:14px; color:#494949; line-height:32px; height:128px; overflow:hidden; }
#s_about .btn{ margin:0 auto; margin-top:50px; width:76px; height:76px; line-height:76px; text-align:center; font-size:14px; color:#fff; border:1px solid #d0d0d0; border-radius:50%; overflow:hidden; background:#fff; display:block; position: relative; z-index:0;}
#s_about .btn i{ background:url(../images/about_arrow.png) center no-repeat; display:block; width:100%; height:100%; position:relative; z-index:9; transition:.3s;}
#s_about .btn:hover i{ background:url(../images/about_arrow_on.png) center no-repeat;}
#s_about .btn:before{ content:""; display:block; width:100%; height:0; position:absolute; top:0; left:0; background:#06783b; z-index:-1; transition:.3s; -webkit-transition:.3s; }
#s_about .btn:hover{ color:#06783b; border:1px solid #06783b;}
#s_about .btn:hover:before{ height:100%; top:auto; bottom:0;}

.btn_mode1{ display:block; width:120px; height:40px; line-height:40px; text-align:center; position:relative; z-index:0; transition:.3s; -webkit-transition:.3s; margin-top:40px;}
.btn_mode1 img{ margin-right:24px; transition:.3s; -webkit-transition:.3s;}
.btn_mode1:before{ content:""; width:40px; height:40px; display:block; border-radius:20px; background:#06783b; position:absolute; z-index:-1; left:0; top:0; transition:.3s; -webkit-transition:.3s;}
.btn_mode1:hover:before{ content:""; width:120px;}
.btn_mode1:hover{ color:#fff;}
.btn_mode1:hover img{ margin-right:10px;}

#s_pro{ background:#f2f3f5; padding-top:78px; padding-bottom:111px;}
#s_pro .box{ width:384px; float:left; margin:0 12px;}
#s_pro .box .tt{ width:384px; height:95px; background:#fff; text-align:center; padding:32px 56px; border-top:1px solid #48ac34; margin-bottom:23px;}
#s_pro .box .tt a{ display:block;}
#s_pro .box .tt font{ display:inline-block; width:55px; height:55px; float:left; position:relative; top:-12px; margin-right:40px;}
#s_pro .box .tt h5{ display:inline-block; font-size:18px; color:#272727; float: left; text-align:left;}
#s_pro .box .tt h5 span{ font-size:12px; text-transform:uppercase; opacity:.4; display:block; margin-top:5px;}
#s_pro .box .tt i{ display:inline-block; width:30px; height:30px; background:url(../images/s_pro_jia.png) center no-repeat; float:right; margin-top:2px;}
#s_pro .box.li_1 .tt font{ background:url(../images/s_pro_ico1.png) center no-repeat;}
#s_pro .box.li_2 .tt font{ background:url(../images/s_pro_ico2.png) center no-repeat;}
#s_pro .box.li_3 .tt font{ background:url(../images/s_pro_ico3.png) center no-repeat;}
#s_pro .box .tt:hover{ background:#018fd9; border-top:1px solid #018fd9;}
#s_pro .box .tt:hover h5{ color:#fff;}
#s_pro .box .tt:hover i{ background:url(../images/s_pro_jia_on.png) center no-repeat;}
#s_pro .box.li_1 .tt:hover font{ background:url(../images/s_pro_ico1_on.png) center no-repeat;}
#s_pro .box.li_2 .tt:hover font{ background:url(../images/s_pro_ico2_on.png) center no-repeat;}
#s_pro .box.li_3 .tt:hover font{ background:url(../images/s_pro_ico3_on.png) center no-repeat;}

#s_pro .slide{ position:relative;}
#s_pro .slide .img{ border:1px solid #e5e5e5; font-size:0;}
#s_pro .slide:hover .img{ border:2px solid #018fd9;}
#s_pro .slide h5{ text-align:center; font-size:16px; color:#3f3f3f; padding-top:23px;}
#s_pro .slide .prev,
#s_pro .slide .next{ position:absolute; top:50%; margin-top:-40px; display:block; width:32px; height:40px; filter:alpha(opacity=50);opacity:0.5;   }
#s_pro .slide .prev{left:3%; background:url(../images/s_pro_left.png) center no-repeat; }
#s_pro .slide .next{ right:3%; background:url(../images/s_pro_right.png) center no-repeat; }
#s_pro .slide .prev:hover,
#s_pro .slide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#s_pro .slide .prevStop{ display:none;  }
#s_pro .slide .nextStop{ display:none;  }

#s_mach{ padding-top:105px; padding-bottom:80px; overflow:hidden; position:relative;}
#s_mach ul{ margin:0 -13px;}
#s_mach ul li{ width:280px; float:left; margin:0 13px; margin-bottom:28px;}
#s_mach ul li a{ display:block; font-size:0;}
#s_mach ul li .img{ position:relative; width:280px; height:260px;}
#s_mach ul li .img img{}
#s_mach ul li .mask{ position:absolute; width:100%; height:100%; left:0; padding-top:20px;background:rgba(0,0,0,.3); transition:.5s; -webkit-transition:.5s;
filter:alpha(opacity=0); /* IE */  
-moz-opacity:0; /* 老版Mozilla */  
-khtml-opacity:0; /* 老版Safari */  
opacity: 0; /* 支持opacity的浏览器*/ 
 }
#s_mach ul li .mask:before{ content: url(../images/s_case_on.png); position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:0; transition:.5s; -webkit-transition:.5s;}
#s_mach ul li h5{ font-size:15px; background:#e7eaed; color:#272727; text-align:center; height:55px; line-height:55px; transition:.5s; -webkit-transition:.5s;}
#s_mach ul li:hover h5{ color:#fff; background:#018fd9;}
#s_mach ul li:hover .mask{ padding-top:0;
filter:alpha(opacity=100); /* IE */  
-moz-opacity:1; /* 老版Mozilla */  
-khtml-opacity:1; /* 老版Safari */  
opacity: 1; /* 支持opacity的浏览器*/ 
}
#s_mach ul li:hover .mask:before{margin-top:-20px;}




#s_news{ height:636px; overflow:hidden; position:relative; width:1456px; padding:75px 0;}
.s_case_container{ max-height:250px; }
#s_news .li{ height:250px;}
#s_news .li a{ display:block; width:465px; height:250px; background:#f2f3f5; padding-top:60px; padding-left:34px; transition:.3s; -webkit-transition:.3s; }
#s_news .li .time{ float:left; font-family:myE; text-align:right; margin-right:43px; height:120px; background:url(../images/s_news_bg.png) center bottom no-repeat; transition:.3s; -webkit-transition:.3s;}
#s_news .li .time span{ font-size:16px; color:#949496; transition:.3s; -webkit-transition:.3s; }
#s_news .li .time p{ font-size:32px; color:#272727; transition:.3s; -webkit-transition:.3s; }
#s_news .li .txt{ width:270px; float:left; padding-top:2px;}
#s_news .li .txt h5{ font-size:18px; color:#272727; margin-bottom:20px; transition:.3s; -webkit-transition:.3s; }
#s_news .li .txt p{ font-size:13px; color:#8d8e91; line-height:24px; height:48px; overflow:hidden; transition:.3s; -webkit-transition:.3s; }
#s_news .li .txt .btn{ display: block; width:32px; height:9px; background:url(../images/s_news_btn.png) center no-repeat; margin-top:22px; transition:.3s; -webkit-transition:.3s; }

#s_news .backto{ display:inline-block; width:180px; height:45px; line-height:45px; border:1px solid #e1e1e1; font-size:14px; color:#272727; transition:.3s; -webkit-transition:.3s; position: relative;
    top: -14px;}
#s_news .hd{ text-align:center; display:table; margin:0 auto; bottom:75px; position:absolute; width:100%;}
#s_news .prev2{ width:54px; height:45px; display:inline-block; background: url(../images/s_news_left.png) center no-repeat; cursor:pointer; transition:.3s; -webkit-transition:.3s; }
#s_news .next2{ width:54px; height:45px; display:inline-block; background:url(../images/s_news_right.png) center no-repeat; cursor:pointer; transition:.3s; -webkit-transition:.3s;}
#s_news .backto:hover{ color:#48ac34; border:1px solid #48ac34;}
#s_news .prev2:hover{ background: url(../images/s_news_left_on.png) center no-repeat; }
#s_news .next2:hover{ background:url(../images/s_news_right_on.png) center no-repeat; }

#s_news .li a:hover{ background:#48ac34;}
#s_news .li a:hover .time{ background:url(../images/s_news_bg_on.png) center bottom no-repeat;}
#s_news .li a:hover .time span{ color:#c8e6c2;}
#s_news .li a:hover .time p{ color:#fff;}
#s_news .li a:hover .txt h5{ color:#fff;}
#s_news .li a:hover .txt p{ color:#d4e8d1;}
#s_news .li a:hover .txt .btn{ background:url(../images/s_news_btn_on.png) center no-repeat;}

#s_rukou{ height:234px; padding-top:50px;}
#s_rukou ul{}
#s_rukou ul li{ float:left; text-align:center; width:33.333%; padding-left:45px;}
#s_rukou ul li .ico{ width:134px; height:134px; border-radius:50%; display: table; float:left; margin-right:30px; position:relative; border:1px solid #d5d5d5;}
#s_rukou ul li .txt{ text-align:left; padding-top:48px;}
#s_rukou ul li .txt h5{ font-size:18px; color:#4f4f4f; margin-bottom:9px;}
#s_rukou ul li .txt p{ font-size:12px; color:#b5b5b5; text-transform:uppercase;}
#s_rukou ul li .ico:before{ content:""; width:9px; height:9px; border-radius:50%; background:#018fd9; display:block; position:absolute; right:-4.5px; top:50%; margin-top:-4.5px; z-index:9; transform:rotate(-20deg); transform-origin:-62.5px;transition: all .5s linear 0s;}
#s_rukou ul li:hover .ico:before{ transform:rotate(-110deg);transition: all 1s cubic-bezier(0.11, 0.57, 0.58, 1);}
#s_rukou ul li svg{ position:absolute; top:0; left:0;}
#s_rukou ul li svg circle {
	fill: none; box-sizing:border-box; stroke:#d5d5d5;
	stroke-width: 1;
	stroke-dasharray: 420, 420;
	stroke-dashoffset: 420;
	transition: all .6s linear 0s;	
}
#s_rukou ul li:hover svg circle { 
    stroke:#018fd9;
	stroke-dasharray:420, 0;
	stroke-dashoffset:130;
	-webkit-transition: all 1.35s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all 1s cubic-bezier(0.11, 0.57, 0.58, 1);
}


/*首页内容结束*/

/*内容样式*/
.ar_article{ font-size:15px; color:#777; line-height:30px; text-align:justify;}
.ar_article p{font-size:15px;color:#777;line-height:30px;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;}
.ar_article sub {
    vertical-align: sub;
    font-size: smaller;
}

.ar_article sup {
    vertical-align: super;
    font-size: smaller;
}


#s_ads{ height:295px; text-align:center; width:100%; display:table;}
#s_ads .txt{height:295px; display:table-cell; vertical-align:middle; }
#s_ads h5{ text-align:center; font-size:32px; color:#fff; padding-bottom:18px; padding-top:10px;}
#s_ads p{ font-size:24px; color:#fff; font-family:myE; text-transform:uppercase; opacity:.55; padding-bottom:10px;}
.ov_hid{ overflow:hidden;}


#s_join{ height:530px; padding-top:120px;}
#s_join .tt{ font-size:30px; color:#fff; height:50px;}
#s_join .tt span{ font-size:24px; color:arial;}
#s_join .tt .btn{ float:right; width:170px; height:50px; line-height:50px; text-align:center; font-size:14px; color:#fff; border:1px solid #fff; border:1px solid rgba(255,255,255,.4); border-radius:3px; display:block; transition:.3s; transition:.3s;}
#s_join .tt .btn i{ margin-left:10px; font-size:17px; font-family:arial;}
#s_join .tt .btn:hover{ border:1px solid #07783b; background:#07783b;}
#s_join .bd{ width:100%; height:225px; overflow:hidden; border-radius:5px; background:#fff; padding-top:19px; text-align:center; margin-top:56px;}
#s_join .bd ul{ display:inline-block;}
#s_join .bd ul li{ width:385px; height:185px; float:left; padding:30px 68px; transition:.3s; -webkit-transition:.3s;}
#s_join .bd ul li h5{ font-size:24px; color:#242526; text-align:center; padding:0 47px; margin:0 -50px;}
#s_join .bd ul li h5 font{ position:relative; }
#s_join .bd ul li h5 font:before{ content:""; width:23px; height:1px; background:#c49a4d; display:block; position:absolute; left:-47px; top:15px;}
#s_join .bd ul li h5 font:after{ content:""; width:23px; height:1px; background:#c49a4d; display:block; position:absolute; right:-47px; top:15px;}
#s_join .bd ul li span{ font-size:14px; color:#242526; display:block; text-align:center; margin-top:17px; margin-bottom:19px; text-transform: capitalize;}
#s_join .bd ul li p{ font-size:14px; color:#7e7e7f; line-height:24px; text-align:left; text-align: justify;}
#s_join .bd ul li:hover{ background:#c49a4d}
#s_join .bd ul li:hover h5{ color:#fff;}
#s_join .bd ul li:hover h5 font:before,#s_join .bd ul li:hover h5 font:after{ background:#fff;}
#s_join .bd ul li:hover span{ color:#fff;}
#s_join .bd ul li:hover p{ color:#fff;}

#s_video_box a{ display: block; position: relative; width: 100%; height: 290px; overflow: hidden;} 
#s_video_box a img.img{}
#s_video_box a .icon{ position: absolute; left:0; top: 0; width: 100%; height: 100%;    display:block;  background: url(../images/icon_play.png) center no-repeat;}
#show_video_box{ position:fixed; z-index:9999; top:0; left:0; display:none; height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
#show_video_box .box{ position:absolute; top:50%;  left:50%; margin-left:-550px; margin-top:-290px;}
#page_video{ width:1080px; height:580px;  background:none; position:relative;}
#page_video .video_box{border:5px solid #48ac34; width:1010px; height:580px;}
#bnt_close{ display:block; width:70px; height:70px; background:#48ac34; position:absolute; top:0; right:0;}
#bnt_close img{ display:block; position:absolute; left:18px; top:18px; }
#bnt_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}



/*foot*/

.s_links{ padding:25px 0; line-height:30px; overflow:hidden;  background:#343539; border-bottom:1px solid #525357;}
.s_links .m{ position:relative;}
.s_links span{ font-size:14px; color:#fff; width:59px; position:absolute; left:0;}
.s_links span i{ position: absolute; width:56px; height:3px; background:#48ac34; left:0; bottom:-25px; }
.s_links p{ margin-left:50px; margin-right:-60px;}
.s_links a{ margin-left:30px; font-size:14px; color:#bfbfc0;transition:.3s; -webkit-transition:.3s; display:inline-block; }
.s_links a:hover{color:#fff;}

#footer{ background:#343539; box-sizing:border-box; padding-top:40px; padding-bottom:30px; position:relative; z-index:0;}
.foot_logo{ width:325px; margin-right:52px; margin-top: -6px;}
#footer .lianxi{ float:left; height:112px; width:505px; padding-right:30px;}
#footer .lianxi ul li{font-size: 14px; color: #d1d1d1; height: 30px;}
#footer .lianxi ul li img{ margin-left:8px; margin-right:5px; position:relative; top:2px;}
#footer .lianxi ul li a{ font-size:12px; color:#48ac34 !important;}
#footer .ewm{  text-align:center;font-size:12px; color:#767676; line-height:20px; width:263px; height:112px; }
#footer .ewm img{width:98px; height:98px; float:right; margin-left:15px;}
#footer .ewm p{ font-size:14px; color:#9a9a9c; text-align:right; line-height:24px; height:98px; display:table-cell; vertical-align:middle; }
.copyright{ font-size:12px; color:#868688; line-height:20px; }
.copyright *{ color:rgba(255,255,255,0.3); color:#868688; font-size:12px !important; display:inline-block;}
.copyright a:hover{ color:#fff;}
#footer a:hover{ color:#fff !important;}


/*内页banner*/
.bn-box {width: 100%;overflow-x: hidden;position: relative;z-index:0;}
.ny_banner {width: 1920px;height:389px;position: relative;overflow: hidden;margin-left: 50%;left: -960px;top: 0;}
.ny_banner h5{ font-size:24px; color:#1e1a17; text-align:center; margin-top:8px;}
.ny_banner span{font-family:myE; font-size:48px; display:block; text-align:center; color:#48ac34; text-transform:uppercase; padding-top:195px;}
.n_main{}
.n_content{ padding-top:80px; overflow:hidden;}

.n_position{ padding-left:20px; margin-top:13px; text-align:center; margin-left:-20px;}
.n_position a{ font-size:12px; color:#929292; position:relative;}
.n_position img{ position:relative; top:1px; margin-right:5px;}
.n_position a:after{ content: url(../images/home_ico2.png); position:absolute; right:10px; top:1px;}
.n_position i{ font-size:12px; color:#929292;display:inline-block; margin:0 5px;}
.n_position em{ font-size:12px; color:#929292;}
.n_position a:hover{ color:#fff;}


.n_nav_box{ height:92px; border-bottom:1px solid #e5e5e5; box-sizing: border-box; }
.n_nav_box .m{ position:relative;}
.n_nav{ position:relative; text-align:center; font-size:0;}
.n_nav a{display:inline-block; width:300px; height:92px;text-align: center;box-sizing: border-box;position: relative; padding-top:28px; border-right:1px solid #e5e5e5; border-right:1px solid rgba(0,0,0,.1);-webkit-transition:0.2s;transition:0.2s;}
.n_nav a span{ display:block; font-size:12px; color:#afafaf; margin-top:5px;}
.n_nav a:first-child{border-left:1px solid #e5e5e5;border-left:1px solid rgba(0,0,0,.1);}
.n_nav a strong{display:block;color: #3c3c3c;position:relative;z-index:4;font-size:16px; font-weight: 100;}
.n_nav .on,.n_nav a:hover{background: #48ac34;color: #fff;}
.n_nav a:before{content:"";width:12px;height:12px; box-sizing:border-box; position: absolute;bottom:-7px;left: 50%;margin-left: -7px;background:#48ac34; border:2px solid #fff; border-radius:50%;-webkit-transition:0.6s;transition:0.6s; opacity:0;
 transform:scale(0); -webkit-transform:scale(0);}
.n_nav .on:before,.n_nav a:hover:before{opacity:1; transform:scale(1); -webkit-transform:scale(1);}
.n_nav .on strong,.n_nav a:hover strong{color:#fff;}
.n_nav .on span,.n_nav a:hover span{color:#b3d8ae;}

#n_about{ margin-bottom:70px;}
#n_lianxi{  }
#n_lianxi .box1{ padding-bottom:50px;}
#n_lianxi .txt{ width:522px; float:right; padding-top:38px;}
#n_lianxi .txt h5 span{ font-size:14px; color:#018fd9; font-family:arial; text-transform:uppercase;}
#n_lianxi .txt h5 p{ font-size:24px; color:#3b3b3b; margin-bottom:13px;}
#n_lianxi .txt i{ display:block; width:31px; height:2px; background:#931019; margin-top:15px; margin-bottom:30px;}
#n_lianxi ul{ margin-top:38px;}
#n_lianxi ul li{ font-size:14px; color:#3b3b3b; line-height:30px;}
#n_lianxi ul li *{ font-size:14px; color:#3b3b3b; }
#n_lianxi ul li i{ color:#868686;}
#n_lianxi .map { border: 1px solid #e5e7eb; overflow: hidden;}
#n_lianxi .btn{ width:140px; height:40px; display:block; line-height:40px; text-align:center; background:#ee1c26; color:#fff; margin-top:40px;}
#n_lianxi .btn:before{ content: url(../images/n_lianxi_ico.png); position:relative; top:4px; margin-right:8px;}
#n_lianxi .ewm{ margin-top:64px; }
#n_lianxi .ewm div{ height:129px;}
#n_lianxi .ewm img{ width:129px; height:129px; float:left; border:1px solid #eaeaea;}
#n_lianxi .ewm .txt2{ display:table; padding-left:12px;}
#n_lianxi .ewm .txt2 p{  height:129px; display:table-cell; vertical-align:middle; text-align:left; font-size:12px; color:#b2b2b2; line-height:24px;}

#n_news{ }
#n_news ul{ overflow:hidden; margin-bottom:20px;}
#n_news ul li{ background:#f5f6f6; padding:16px; overflow:hidden; margin-bottom:40px; position:relative;}
#n_news ul li:after{ content:""; display:block; width:3px; height:0; position:absolute; bottom:0; right:0; background:#018fd9; transition:.5s; -webkit-transition:.5s;}
#n_news ul li:hover:after{ height:100%; top:0; bottom:auto;}
#n_news ul li .img{ padding:0; width:385px; height:224px; float:left;}
#n_news ul li .img a{ display:block;}
#n_news ul li .img img{width:100%;}
#n_news ul li .txt{ padding-left:46px; width:700px; float:left;}
#n_news ul li .txt h5{ padding-top:25px; margin-bottom:18px;}
#n_news ul li .txt h5 a{ font-size:18px; color:#1a1a1a;}
#n_news ul li .txt div{}
#n_news ul li .txt div span{ font-size:14px; color:#979798; margin-right:50px; display:inline-block;}
#n_news ul li .txt p{ font-size:14px; color:#959595; line-height:24px; height:48px; overflow:hidden; margin-top:26px;}
#n_news ul li .txt .n_btn{ font-size:12px; color:#018fd9; text-decoration:underline; margin-top:30px; display:block;}

 /*==============分页=====================*/
.j_pages { text-align: center; margin-bottom:70px; }
.j_pages .box{display: inline-block;  font-size:0;}
.j_pages a{ height:37px; padding:0 14px; min-width:37px; line-height:33px; text-align:center; display:inline-block; border-radius:3px;  border:2px solid #dedede; margin:0 5px;  color:#5e5e5e; font-size:14px; font-family:arial; overflow:hidden; float:left; transition:.3s; }
.j_pages .on{ background:#48ac34; color:#fff !important;border:2px solid #48ac34;}
.j_pages a:hover{ background:#48ac34; color:#fff !important; border:2px solid #48ac34;}
.j_pages a.m_bnt{ padding:0 28px; font-family:Microsoft Yahei;}
.j_pages a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */
-o-transition: all 1s; /* Opera */}


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

#n_news_xq{ padding-bottom:80px; overflow:hidden;}
#left_news{float:left;width:784px; overflow:hidden; }
#n_show_news{position:relative;margin: 0 auto;width: 1100px;padding-bottom: 90px;}
#right_news{ width: 390px;float: right;box-sizing: border-box;background:#f2f2f3;}
#right_news .tt{ font-size:20px; color:#fff; background:url(../images/news_right_tt.jpg) center no-repeat;  height:60px; text-align:center; border-top:6px solid #1886f5; padding-left:7px; padding-top:15px; }
#right_news .tt span{ font-size:12px; color: #fff; text-transform:uppercase; font-weight:100; font-family:arial; margin-left:8px;}
.n_article news_content{ min-height:500px;}

#n_news_tuijian{ padding-left:25px; margin-top:30px; }
#n_news_tuijian ul{  overflow:hidden;}
#n_news_tuijian ul li{ width:337px; margin-bottom:60px;}
#n_news_tuijian ul li .img{ width:337px; height:216px;}
#n_news_tuijian ul li .img img{ transition:2s; -webkit-transition:2s;}
#n_news_tuijian ul li:hover .img img{transform:scale(1.1,1.1);}
#n_news_tuijian ul li .txt{ padding-top:34px;}
#n_news_tuijian ul li .txt h5{ font-size:15px; color:#222223; margin-bottom:19px;}
#n_news_tuijian ul li .txt span{ font-size:12px; color:#b6b6b9; display:block; margin-bottom:15px;}
#n_news_tuijian ul li .txt p{ font-size:14px; color:#797979; line-height:24px; height:48px; overflow:hidden;}
#n_news_tuijian ul li .txt .btn{margin-top:55px;}
#n_news_tuijian ul li:hover .btn.i i:first-child{ margin-top:0; }

#right_news{ width:359px; background:#f2f3f6; padding:29px; padding-bottom:10px;}
#right_news ul li{ padding-bottom:25px; border-bottom:1px solid #dbdcde; margin-bottom:30px;}
#right_news ul li .img{ width:302px; height:173px;}
#right_news ul li .img img{ transition:2s; -webkit-transition:2s;}
#right_news ul li .img:hover img{ transform:scale(1.1);}
#right_news ul li h5{ margin-top:20px; margin-bottom:6px; }
#right_news ul li h5 a{font-size:15px; color:#454546;}
#right_news ul li h5 a:hover{ color:#0f89dd;}
#right_news ul li span{ font-size:12px; color:#616060; font-family:arial;}

.n_article {}
.n_article .ar_title{ position:relative; height:88px; padding-left:18px; padding-top:2px;}
.n_article .ar_title h1{ font-size: 22px; display:block; text-align:left; margin-bottom:13px; font-weight: 100; color:#424242;}
.n_article .ar_title h2{height: 35px; font-size:12px;  display:block; text-align:left; color:#616060; font-family:arial; font-weight:100;}
.n_article .ar_title h2 strong{ color:#616060; font-size:12px; font-weight:100; float:left;}
.n_article .ar_title:after{ content:""; position:absolute; top:0; left:0; height:55px; background:#018fd9; display:block; width:4px;}
.n_article .ar_article{ min-height:400px;}
.n_article .bnt_page{ position:relative; height:40px; margin-bottom:10px; line-height:40px; font-size:12px; color:#8a8a8a;   border-top:1px dotted #e4e4e4;}
.n_article .bnt_page a{ color:#8a8a8a;}
.n_article .bnt_page a:hover{color:#007cc2;}
.n_article .back_box{ margin:40px auto 0 auto; padding-bottom:80px;}
.jiathis_style{ margin-top:10px;}
.n_article .bnt_page{ position:relative;}
.n_article .bnt_page .shart_box{ position:absolute; right:0; top:10px;}
#ar_fot{ position:relative;}
#ar_fot h1{ display:block; font-size:12px; color:#5e5e5e; width:50%; float:left; border:1px solid #eee; padding:0 38px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:30px;}
#ar_fot h1.prev{ border-radius:50px 0 0 50px;}
#ar_fot h1.next{ border-radius:0 50px 50px 0 ; margin-left:-1px;}
#ar_fot h1 a{ font-size:12px; color:#5e5e5e; line-height:72px; display:inline-block; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#ar_fot h1:hover{ background:#018fd9; border:1px solid #018fd9;}
#ar_fot h1:hover a{ color:#fff;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#19427d; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}

#n_pro ul{ margin:0 -12px;}
#n_pro ul li{ position:relative; width:383px; float:left; margin:0 12px; margin-bottom:60px;}
#n_pro ul li .img{ border:1px solid #e5e5e5; font-size:0; width:383px; height:284px; transition:.3s; position:relative;}
#n_pro ul li .img:before{ content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:2px solid #018fd9; z-index:99; opacity:0; transition:.3s;}
#n_pro ul li .img img{ transition:.5s;}
#n_pro ul li:hover .img{  box-shadow:0 3px 10px 0 rgba(0,0,0,.1);}
#n_pro ul li:hover .img:before{ opacity:1;}
#n_pro ul li:hover .img img{ transform:scale(1.1);}
#n_pro ul li h5{ text-align:center; font-size:16px; color:#3f3f3f; padding-top:23px;}


/*荣誉资质*/
#n_zizhi{ margin-bottom:70px;}
#n_zizhi ul{ margin:0 -13px; margin-top:-33px;}
#n_zizhi ul li{float:left; width:280px; height:258px; background:#edf1f4; margin:0 13px; margin-top:33px; position:relative; transition:all ease 300ms; -webkit-transition:all ease 300ms;}
#n_zizhi ul li .img_box{ width:240px; height:161px; margin:0 auto; margin-top:24px; position:relative;transition:all ease 300ms; -webkit-transition:all ease 300ms;}
#n_zizhi ul li img{ max-width:90%; max-height:90%; 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:before{ content:""; display:block; position:absolute; bottom:0; left:0; width:0; height:3px; background:#018fd9; opacity:0; transition:.5s; -webkit-transition:.5s;}
#n_zizhi ul li:hover:before{ opacity:1; width:100%; }
#n_zizhi ul li:hover{ background:#fff; box-shadow:0 5px 18px 0 rgba(0,0,0,.1);}
#n_zizhi ul li p{ text-align:center; margin-top:18px; font-size:15px; color:#646566; padding:0 10px; line-height:1.3;}
#n_zizhi ul li p:hover{ color:#333;}

#left_list{ width:210px; float: left; margin-top:-36px;}
#left_list .tt{ padding-left:59px; height:87px; padding-top:26px; margin-bottom:10px;}
#left_list .tt h3{ font-size:18px; color:#fff;}
#left_list .tt span{ font-size:12px; color:#8dc1e9; font-family:arial; display:block; margin-top:6px;}
.n_nav2{}
.n_nav2 ul{ display:block; background:#f7f7f9; border:1px solid #e9e9ec;}
.n_nav2 ul li{ height:57px; line-height:57px; padding:0 10px; transition:.3s; -webkit-transition:.3s;}
.n_nav2 ul li a{ font-size:15px; color:#343536; border-bottom:1px solid #e9e9ec; display:block; width:100%; height:100%; padding-left:13px; position:relative; transition:.3s; -webkit-transition:.3s;}
.n_nav2 ul li a i{ margin-right:10px; font-size:12px; color:#727374;}
.n_nav2 ul li:hover{ background:#48ac34;}
.n_nav2 ul li:hover a{ color:#fff;border-bottom:0;}
.n_nav2 ul li:hover i{ color:#fff;}

.n_rukou{ margin-top:40px; }
.n_rukou li{ height:115px; background:#018fd9; transition:.3s; -webkit-transition:.3s; margin-bottom:7px;}
.n_rukou li:hover{ background:#0085cb;}
.n_rukou .li_2{ background:#48ac34;}
.n_rukou li.li_2:hover{ background:#35a01f;}
.n_rukou li a{ width:210px; height:115px; display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-size:16px;}
.n_rukou li a font{ display:block; width:38px; height:38px; margin:0 auto; margin-bottom:10px; transition:.8s;}
.n_rukou li:hover a font{ transform:rotateY(180deg);}

#right_con{ width:943px; float:right;}
#right_con .tt{ height:50px; line-height:50px; font-size:16px; color:#0d0d0d; border-bottom:2px solid #ecedee; margin-bottom:35px;}
#right_con .tt span{ border-bottom:3px solid #48ac34; display:inline-block; height:51px;}
/*内容样式*/
.ar_article{ font-size:14px; color:#7b7b7d; line-height:30px; text-align:justify;}
.ar_article p{font-size:14px;color:#7b7b7d;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:#717173;}
.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;
}

#n_jiagong{ padding-bottom:70px;}

#n_pro_xq{ padding-bottom:80px;}
#n_pro_xq .slide{ position:relative; width:544px; height:403px; float:left;}
#n_pro_xq .slide .img{ border:1px solid #e5e5e5; font-size:0;}
#n_pro_xq .slide h5{ text-align:center; font-size:16px; color:#3f3f3f; padding-top:23px;}
#n_pro_xq .slide .prev,
#n_pro_xq .slide .next{ position:absolute; top:50%; margin-top:-20px; display:block; width:39px; height:39px; filter:alpha(opacity=50);opacity:0.5;   }
#n_pro_xq .slide .prev{left:3%; background:url(../images/n_pro_left.png) center no-repeat; }
#n_pro_xq .slide .next{ right:3%; background:url(../images/n_pro_right.png) center no-repeat; }
#n_pro_xq .slide .prev:hover,
#n_pro_xq .slide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#n_pro_xq .slide .prevStop{ display:none;  }
#n_pro_xq .slide .nextStop{ display:none;  }

#n_pro_xq .txt{ width:564px; float:right; padding-top:17px;}
#n_pro_xq .txt .tt{ margin-bottom:40px;}
#n_pro_xq .txt .tt i{display: inline-block; width:43px; height:2px; background:#018fd9; margin-bottom:20px;}
#n_pro_xq .txt .tt h3{font-size:24px; color:#3f3f3f;}
#n_pro_xq .txt .con{ height:278px; overflow: hidden;}
#n_pro_xq .box2{ margin-top:62px;}
#n_pro_xq .box2 .tt{ height:55px; background:#eeeff2; margin-bottom:40px;}
#n_pro_xq .box2 .tt span{ width:154px; background:#018fd9; display:inline-block; line-height:55px; height:55px; text-align:center; color:#fff;}

#n_pro_xq .con{ padding:0;}
#n_pro_xq .con li{ margin:0 !important;}



#n_case ul{ overflow:hidden; margin-right:-59px; margin-top:-40px;}
#n_case li{ width:360px; height:304px; float:left; margin-right:59px; margin-top:40px;}
#n_case li a{ display:block; font-size:0;}
#n_case li .img{ position:relative; width:100%; height:253px;}
#n_case li .img img{}
#n_case li .mask{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/s_case_on.png) center no-repeat rgba(0,0,0,.4); transition:.5s; -webkit-transition:.5s;
filter:alpha(opacity=0); /* IE */  
-moz-opacity:0; /* 老版Mozilla */  
-khtml-opacity:0; /* 老版Safari */  
opacity: 0; /* 支持opacity的浏览器*/ 
 }
#n_case li h5{ font-size:15px; color:#666666; background:#f6f4f4; text-align:center; height:50px; line-height:50px; transition:.5s; -webkit-transition:.5s;}
#n_case li:hover h5{ background:#c49a4d; color:#fff;}
#n_case li:hover .mask{
filter:alpha(opacity=100); /* IE */  
-moz-opacity:1; /* 老版Mozilla */  
-khtml-opacity:1; /* 老版Safari */  
opacity: 1; /* 支持opacity的浏览器*/ 
}


.j_form { position:relative; overflow:hidden;  }
.j_form label{ width:400px; border:1px solid #e5e5e5; overflow:hidden;  position:relative; display:block;  height:45px; line-height:43px; margin: 0 0 20px 0; font-size:12px; color:#bebebe; padding-left:120px;}
.j_form .label .h_x{ left: 395px; top: -8px;position: absolute;}
.j_form  input[type="text"]{  height:43px; background:none; color:#676767; width: 260px; border:none; border-radius:0px;  display:block;  padding:0 15px; font-size:14px; font-family:microsoft yahei;}
.j_form  input[type="text"]:focus{   }
.j_form label strong{ font-weight:normal; display:block; background:#f3f4f8;border-right:1px solid #e5e5e5; color:#5e5f61; height:43px; line-height:43px;  position:absolute; width: 120px; left:0px; top:0; font-size:14px; text-align:center;  }
.j_form .textarea_box{ width: 100%; height:178px;}
.j_form .textarea_box strong{ height:178px; line-height:178px;}
.j_form textarea{  width: 702px; height: 178px; background:none; resize:none; color:#676767; padding-right:10px; border: none;  line-height:24px; font-size:14px; padding: 15px 15px; font-family:microsoft yahei;  }
.j_form textarea:focus{ }
.yzm_box {  position:relative; border: none;  }
.yzm_box strong{ height:45px !important; line-height:45px !important;}
.yzm_box input[type="text"]{ height:43px; color:#676767; width: 138px !important; font-size:14px; font-family:microsoft yahei;}
.yzm{ position:absolute; right: 0; height:40px; top:0px;}
.yzm a{ position:absolute; color:#adada6; right:-90px; height:40px; line-height:40px; width:80px; top:0;}
.yzm_box input[type="submit"]{ position:absolute; right: 0; bottom: 0;}
.j_form  input[type="submit"]{  float: right; width:376px; cursor:pointer; height:45px; background:#c49a4d; color:#fff; font-size:14px;  border:none;  transition:.3; -webkit-transition:.3s;}
.j_form input[type="submit"]:hover{ background:#b08432;}




/*online qq*/
aside#top{ }
.online_q {  position: fixed; right: 50px; bottom: 30%; background: url(../images/r_b.png) 0px bottom no-repeat; z-index: 9999; transition:.5s; -webkit-transition:.5s;}
.online_q .btn2{width:55px; height:55px; cursor:pointer; position:relative; margin-bottom:10px;  font-size:12px; color:#fff;}
.online_q .btn-top{ background:#a4e7fe; padding:0;}
.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:55px; height:55px; position:relative; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s;}
.online_q .btn2:hover{ }
.online_q .btn-01{ background:#42cfff;}
.online_q .btn-02{ background:#6cd6ad;}
.online_q .btn-03{ background:#9bdf50;}
.online_q .btn-01 span{background:url(../images/qq_ico1_on.png) center no-repeat }
.online_q .btn-02 span{background:url(../images/qq_ico2_on.png) center no-repeat;}
.online_q .btn-03 span{background:url(../images/qq_ico3_on.png) center no-repeat; }
.online_q .btn-top span{ height:100%; background:url(../images/qq_ico4.png) center no-repeat; }

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

.online_q .open.phone{ display:inline-block; height:55px; line-height:20px; z-index:0; width:0; background:#6cd6ad; color:#fff; font-family:arial; font-size:18px; transition:width 0s; -webkit-transition:width 0s; text-align:center;  width:150px; padding-top:7px;}
.online_q .btn2:hover .open.phone{transition:.5s; -webkit-transition:.5s; opacity:1; visibility:visible;}
.btn-tel a{ display:block; width:55px; white-space:nowrap; position:absolute; right:0;transition:.5s; -webkit-transition:.5s; overflow:hidden;}
.btn-tel:hover a{ width:205px;}
.btn-tel:hover span{background:url(../images/qq_ico2.png) center no-repeat #fff; border:1px solid #6cd6ad}

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