@charset "utf-8";

/* CSS Document */



body {

	magin: 0px;

	padding-top:0px;
	min-width:1200px;
	

}

@font-face {

  font-family:BERNHC;   /*字体名称*/

  src:url(../fonts/BERNHC.ttf);       /*字体源文件*/

}	

* {

	font-family: Arial, "微软雅黑",AlbertusMT-Lights;

}

dd, dl, dt, ul, li {

	margin: 0;

	padding: 0;

	list-style: none;

}

input {

	margin: 0;

	outline: none

}

a {

	text-decoration: none;

}

a:link {color:inherit;}/*未访问样式*/

a:hover{text-decoration:none;}

h1{ margin:0px;}

i{ font-weight:normal;}

hr{ border:none; border-top:1px solid #e0e0e0; margin:10px 0px;}



.vcenter-parent{display: table;}

.vcenter {display: table-cell;vertical-align: middle;}

/*居中布局*/



.scroll-box{overflow-y:scroll; overflow-x:hidden; } 

.scroll-box::-webkit-scrollbar {width:6px;height:10px;}

.scroll-box::-webkit-scrollbar-button    {background-color:#999;height:10px;width:10px;display:none;}

.scroll-box::-webkit-scrollbar-track     {background:#ccc;display:none;}

.scroll-box::-webkit-scrollbar-track-piece {background:#999999; }

.scroll-box::-webkit-scrollbar-thumb{background:#e60909;border-radius:0px;}

.scroll-box::-webkit-scrollbar-corner {background:#f2f2f2;}

.scroll-box::-webkit-scrollbar-resizer  {background:#f2f2f2;}

/*滚动条设置*/



.container{ width:1000px; padding:0px;}

.row{ margin:0px;}

.box{width:100%; min-width:1000px;}



.top-box{ position:absolute; z-index:151;width:100%; box-sizing:border-box; margin-top:20px; padding:0px 90px;transition-duration: .3s;}

.top-box:hover{padding:0px 40px; margin:0px; background:rgba(255,255,255,1);transition-duration: .3s;}

.logo{ display:inline-block; margin:10px 0px;}

.logo1{ display:inline-block;}

.logo2{ display:none;}

.logo3{ display:none;}

.top-box:hover .logo1{ display:none;}

.top-box:hover .logo2{ display:inline-block;}





.top-right{ font-size:0px; }

.top-nav{ display:inline-block;text-align:left; font-size:0px; line-height:0px; }

.top-nav li{position:relative; display:inline-block; vertical-align:text-bottom; padding:0px 18px;}

.top-nav li>a{ position:relative; display:inline-block; font-size:16px; line-height:100px; height:100px; color:#fff;opacity:1;transition-duration: .3s;  }

.top-box:hover .top-nav li a{color:#333;transition-duration: .3s;}

.top-nav li a:after{ content:""; position: absolute;  z-index:-1;width:0%;height:2px;bottom: 20px;left:50%;background-color:#fff;transition-duration: .3s;}

.top-nav li:hover a:after{width:100%;left: 0%;bottom:0px;transition-duration: .3s;}

.top-nav li.on a:after{width:100%;left: 0%;transition-duration: .3s;}

.top-box:hover li.on>a{ color:#14a25e;transition-duration: .3s;}

.top-box:hover .top-nav li a:after{ background:#14a25e;transition-duration: .3s;}



.top-box a.search-buttom{ float:right; position:relative;display:inline-block; width:30px; height:100px; margin-right:20px;background:url(../images/icon-ss1.png) center no-repeat;opacity:1;transition-duration: .3s; }

.top-box a.language{ float:right;display:inline-block;width:30px; height:100px; margin-right:20px;background:url(../images/icon-en1.png) center no-repeat;opacity:1;transition-duration: .3s; }

.top-box:hover a.search-buttom{background:url(../images/icon-ss2.png) center no-repeat;}

.top-box:hover a.language{background:url(../images/icon-en2.png) center no-repeat;}

.top-box a.search-buttom:hover{opacity:0.7;transition-duration: .3s; }

.top-box a.language:hover{opacity:0.7;transition-duration: .3s; }

/*导航初始效果*/



.top-box.top-fixed{ position:fixed; z-index:151; left:0; top:0; padding:0px 40px; margin:0px;background:#fff;box-shadow:0px 0px 3px rgba(0,0,0,.6);}

.top-fixed .logo1{ display:none;}

.top-fixed .logo2{ display:inline-block;}

.top-fixed .logo3{ display:none;}

.top-fixed .top-nav li a{ position:relative; color:#333;}

.top-fixed .top-nav li a:after{ background-color:#14a25e;transition-duration: .3s;}

.top-fixed .top-nav li a:hover:after{width: 100%;left: 0%; transition-duration: .3s;}

.top-fixed .top-nav li.on>a{color:#14a25e;transition-duration: .3s;}

.top-fixed .top-nav li.on a:after{ width:100%; left:0px; background:#14a25e;transition-duration: .3s;}



.top-fixed a.search-buttom{background:url(../images/icon-ss2.png) center no-repeat;}

.top-fixed a.language{background:url(../images/icon-en2.png) center no-repeat;}

/*页面滚动后导航效果*/



.top-box .search-box{ position:absolute; display:none; top:100%; right:40px; background:#f7f7f7; font-size:0px;box-shadow:0px 1px 2px rgba(0,0,0,.4);}

.top-box .search-box input{ display:inline-block; vertical-align:text-bottom; width:200px; height:29px; margin:11px 25px 11px 25px; border:none; border-bottom:1px solid #e0e0e0; background:none; font-size:14px; line-height:29px; color:#333;}

.top-box .search-box .search{ position:relative; display:inline-block; vertical-align:text-bottom; width:80px; height:51px; }

.top-box .search-box .search:before{ content:""; position: absolute; z-index:2;width: 100%;height: 100%;bottom: 0px;left: 0%;background:url(../images/icon-ss2.png) no-repeat center;}

.top-box .search-box .search:hover:before{;background:url(../images/icon-ss1.png) no-repeat center;}

.top-box .search-box .search:after{ content:""; position: absolute; z-index:1;width: 0%;height: 100%;bottom: 0px;left: 50%;background-color:#14a25e;transition-duration: .3s;}

.top-box .search-box .search:hover:after{width: 100%;left: 0%;background-color:#14a25e;transition-duration: .3s;}

/*搜索弹出*/

@media (max-width:1250px) {

.top-box{ position:absolute; z-index:151;width:100%; box-sizing:border-box;padding:0px 20px;}

.top-box:hover{padding:0px 20px; transition-duration: .3s;}

.top-box.top-fixed{padding:0px 20px;}



.top-box .logo2{ display:inline-block;}

.top-box .logo2{ display:none;}

.top-box .logo3{ display:none;}

.top-box:hover .logo1{ display:none;}

.top-box:hover .logo2{ display:none;}

.top-box:hover .logo3{ display:inline-block;}

.top-fixed .logo2{ display:none;}

.top-fixed .logo3{ display:inline-block;}





.top-nav li{ display:inline-block; vertical-align:text-bottom; padding:0px 15px;}

.top-fixed .top-nav li{ display:inline-block; vertical-align:text-bottom; padding:0px 15px;}

}

/*导航页面宽度适应*/



.top-nav2{ position:absolute;  background:#f7f7f7; top:100%; left:0px;transform: translateX(-50%); padding:0px 20px 0px 40px; overflow:hidden; display:none;box-shadow:0px 1px 1px rgba(0,0,0,.3); border-radius:0px 0px 6px 6px;}

.top-nav2-c{ margin:auto; text-align:center;white-space:nowrap; padding:20px 0px; overflow:hidden;}

.top-nav2 img{ display:inline-block; width:200px; margin-right:20px; vertical-align:text-top;}

.top-nav2 dl{ display:inline-block; text-align:left;vertical-align:text-top; border-left:1px solid #e0e0e0; padding:0px 10px;}

.top-box .top-nav2 dl a{ position:relative; display:inline-block; color:#666; font-size:14px; line-height:32px; padding:0px 25px 0px 30px;}

.top-box .top-nav2 dl a:hover{color:#14a25e;}

.top-box .top-nav .top-nav2 dl a:after{ content:""; position: absolute;  z-index:1; width: 20px;height: 100%; bottom: 0px; left: 10px; background:url(../images/icon-dlbg.png) no-repeat center left;opacity: 0;transition-duration: .3s;  }

.top-box .top-nav .top-nav2 dl a:hover:after{ content:""; position: absolute;  z-index:1; width: 20px;height: 100%; bottom: 0px; left: 0px; background:url(../images/icon-dlbg.png) no-repeat center left;opacity: 1;transition-duration: .3s;  }

.top-box .top-nav2 dl:hover dd b{ color:#14a25e;}



/*nav end*/

.fullSlide{width:100%;height:760px;background:#fff; position:relative;box-shadow:0px 0px 10px rgba(0,0,0,.5);}

.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul{width:100% !important;}

.fullSlide .bd li{width:100% !important;height:760px;overflow:hidden;text-align:center; position:relative; }

.fullSlide .bd li a{display:lock;height:76px;}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:6px;left:0;height:30px;line-height:30px;}

.fullSlide .hd ul{text-align:center;}

.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:6px;overflow:hidden;background:#2d2c38; border:1px solid #fff;filter:alpha(opacity=100);opacity:1;line-height:999px;}

.fullSlide .hd ul .on{background:#0a92e2;}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:3%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px  no-repeat;cursor:pointer;filter:alpha(opacity=100);opacity:1;display:none;}

.fullSlide .next{left:auto;right:3%;background-position:-6px -137px;}

/*banner end*/



.index-link{ text-align:center; padding:50px 0px 40px;}

.index-title{text-align:center; margin-bottom:5px;}

.index-title p{ display:inline-block;  position:relative;width:100%; padding-bottom:15px; margin-bottom:15px; font-size:24px; line-height:24px; color:#333;}

.index-title p:after{ content:""; position: absolute;  z-index:1;width: 30px;height: 2px;bottom: 0px;left: 50%; margin-left:-15px;background-color:#14a25e;transition-duration: .3s;}

.index-title span{ display:inline-block; width:100%; padding-bottom:15px; margin-bottom:15px; font-size:14px; line-height:14px; color:#666;}



.link-list{ overflow:hidden;}

.link1{ padding:0px 6px;}

.link1 a{ position:relative; display:inline-block; box-sizing:border-box; width:100%; height:100%; border:1px solid rgba(20,162,94,1); border-radius:50%; overflow:hidden;transition-duration: .3s;}

.link1 a .link-img{ background:#14a25e; transform:scale(0.9);vertical-align:middle; border-radius:50%; overflow:hidden;transition-duration: .3s; }

.link1 a .link-img img{ width:100%; height:auto;opacity: 0.4;transition-duration: .3s;}

.link1 a .link-text{ position:absolute; z-index:0px; left:50%; margin-left:-14px; top:0px; width:28px; height:100%;writing-mode: tb-rl; text-align:center; opacity:1;transition-duration: .3s;}

.link1 a .link-text p{ font-size:24px; line-height:28px; color:#fff; margin:0px;}



.link1:hover a{border:1px solid rgba(20,162,94,0);  overflow:hidden;}

.link1:hover a .link-img{ background:#14a25e; transform:scale(1);vertical-align:middle; border-radius:50%; overflow:hidden;transition-duration: .3s; }

.link1:hover a .link-img img{ width:100%; height:auto;opacity:1;transition-duration: .3s;  }

.link1:hover a .link-text{ opacity:0;transition-duration: .3s;}





.partner{ background:url(../images/partner-bg.jpg) repeat;box-shadow:0px 0px 10px rgba(0,0,0,.3); padding:60px 0px;}



.marqueeleft2{width:100%;overflow:hidden;}

.marqueeleft2 ul{float:left; overflow:hidden;}

.marqueeleft2 li{float:left; margin-left:-1px; width:133px; padding-top:1px;overflow:hidden;}

.marqueeleft2 li {text-align:center; font-size:12px; color:#666;line-height:30px;}

.marqueeleft2 li a{ display:inline-block; box-sizing:border-box; border:1px solid #e0e0e0; width:100%; margin-top:-1px; background:#f0f0f0;}

.marqueeleft2 li a img{ width:100%; height:auto;}

.marqueeleft2 li a p{ display:inline-block; width:100%;text-align:center; font-size:14px; color:#333;line-height:30px;}

.marqueeleft2 li a:hover p{ display:inline-block;text-align:center; font-size:14px; color:#15A65C;line-height:30px;}



.foot{ background:#303234; border-top:10px solid #dddddb; padding:30px 0px 10px;}

.foot-box{ position:relative;}

.foot-nav{ overflow:hidden; padding-left:1px;}

.foot-nav a{ float:left; display:inline-block; padding:0px 15px; border-left:1px solid #fff;border-right:1px solid #fff; margin-left:-1px; font-size:14px; line-height:14px; color:#fff;}

.foot-nav a:hover{color:#14a25e;}

.foot-contact{ padding:30px 0px 20px;}

.foot-contact p{ font-size:12px; line-height:24px; color:#fff; margin:0px;}

.foot-bq{ font-size:12px; line-height:24px; color:#fff; margin:0px;}



.ewm{ position:absolute; right:0px; top:0px;}

.ewm>div{ width:122px; height:122px; box-sizing:border-box; padding:11px; background:url(../images/foot-ewm.jpg) center no-repeat;}

.ewm>div img{ width:100px; height:100px;}

.ewm span{ display:inline-block; width:100%; text-align:center; font-size:12px; color:#e0e0e0; margin-top:15px;}



.right-nav{ position:fixed; right:10px; top:0px; z-index:1; display:none;}

.right-nav .vcenter-parent{ height:100vh;}

.right-nav ul{ position:relative; width:140px;padding:6px 10px; background:#fff; border-radius:4px; box-shadow:0px 1px 3px rgba(0,0,0,.4);}

.right-nav ul:after{ content:url(../images/right-nav.png); position: absolute;  z-index:1;bottom: calc(100% - 4px);left: 0%; font-size:0px; line-height:0px; }

.right-nav ul li{ display:inline-block; margin:3px 0px; font-size:0px;}

.right-nav ul li a{ position:relative; display:inline-block; z-index:1; width:120px; font-size:15px; line-height:32px; text-align:center; color:#fff; border-radius:2px; background:#15A65C;overflow:hidden; }

.right-nav ul li a:after{ content:""; position: absolute;  z-index:-1;bottom:0;left: 50%; width:0%; height:100%; background:#fd9d20;transition-duration: .3s;}

.right-nav ul li a:hover:after{left: 0%; width:100%; transition-duration: .3s;}



.ly{ width:100%; background:#f7f7f7; text-align:left;}

.ly form{display:inline-block; width:100%;}

.ly .ly-title{ display:inline-block; font-size:18px; margin-left:15px; line-height:50px; border-bottom:2px solid #e60909;}

.ly .messages_box { display:inline-block;width:600px;padding: 10px 1% 10px 1%;}

.ly .messages_box ul {width: 100%;}

.ly .messages_box ul li {padding: 5px 28px 5px 5px;}

.ly .messages_box .text-input, .ly .messages_box .summary-input, .ly .messages_box .qq-input {width: 100%;height: 40px;padding: 0px 10px;line-height: 40px;font-size: 14px; border:1px solid #999;}

.ly .messages_box .cont-input {width: 100%;height: 130px;padding: 10px;line-height: 20px;font-size: 14px; border:1px solid #999;}

.ly .messages_box .submitBtn {text-align:left;padding-top: 10px;}

.ly .messages_box .messages-button { display:inline-block; margin-top:10px;width: 125px;height: 34px;line-height: 34px;font-size: 16px;color: #fff;text-align: center;background: none repeat scroll 0% 0% #15A65C;border: none;transition-duration: .3s;}

.ly .messages_box .messages-button:hover {background: none repeat scroll 0% 0% #fd9d20;transition-duration: .3s;cursor: pointer; color:#fff;}

/*在线留言  end*/



/*首页 end*/



.inside-banner{ height:350px; background-position:center; background-repeat:no-repeat;}



.breadCrumb{ background:#f7f7f7; margin-bottom:30px;}

.bc{ width:1000px; box-sizing:border-box;margin:auto; font-size:0px; line-height:0px;}

.breadCrumb span{ display:inline-block; font-size:14px; color:#999; line-height:50px; margin-right:6px;}

.breadCrumb a{ display:inline-block; position:relative; padding-right:12px; font-size:14px; color:#666; line-height:50px; margin-right:6px;}

.breadCrumb a:hover{color:#15A65C;}

.breadCrumb a:after{ content:">"; position: absolute;  z-index:1;bottom: 0px;right: 0%; font-size:14px; color:#999; line-height:50px;}



.title{ padding-bottom:20px;}

.title .container{ margin:auto; font-size:0px;}

.content-title{ width:45%; display:inline-block; vertical-align:text-bottom; overflow:hidden;}

.content-title p{ font-size:24px; line-height:24px; color:#333; margin-bottom:6px;}

.content-title span{ display:inline-block; position:relative;  font-size:14px; line-height:24px; color:#999;}



.inside-nav{   width:55%; display:inline-block; vertical-align:text-bottom; overflow:hidden;text-align:right; font-size:0px;}

.inside-nav a{display:inline-block; position:relative; z-index:1; padding:0 20px; margin:2px; font-size:14px; line-height:36px; color:#4d4d4d; text-align:center; background:#f5f5f5;transition-duration: .3s;box-shadow:-1px 1px 1px rgba(255,255,255,.4) inset;border-radius:0px 6px 0px 0px;}

.inside-nav a:hover{color:#fff;text-shadow: 1px 1px 1px rgba(0,0,0,.4); transition-duration: .3s;}

.inside-nav a.on{color:#fff; font-weight:bold;text-shadow: 1px 1px 1px rgba(0,0,0,.4); }

.inside-nav a:after{ content:""; position: absolute;  z-index:-1;width: 0%;height: 100%;bottom: 0px;left: 50%;background-color:#fd9d20;box-shadow:-1px 1px 1px rgba(255,255,255,.4) inset;border-radius:0px 6px 0px 0px;transition-duration: .3s;}

.inside-nav a:hover:after{ content:""; position: absolute;  z-index:-1;width: 100%;left: 0%;border:1px solid #fd9d20;transition-duration: .3s;}

.inside-nav a.on:after{ content:""; position: absolute;  z-index:-1;width: 100%;height: 100%;bottom: 0px;left: 0%;background-color:#15A65C; border:1px solid #15A65C;transition-duration: .3s;}

.inside-nav2{ padding:0px 15px; margin-bottom:0px; text-align:right; background:#f7f7f7; margin-bottom:20px; margin-top:-15px;}

.inside-nav2 a{ display:inline-block; box-sizing:border-box; padding:0px 20px; margin:10px 0px; border-left:1px solid #e0e0e0; b font-size:14px; color:#333; vertical-align:text-bottom;text-shadow: 1px 1px 1px rgba(0,0,0,.2);}

.inside-nav2 a:nth-child(1){ border:none;}

.inside-nav2 a:hover{color:#15A65C;}

.inside-nav2 a.on{ position:relative;color:#15A65C;font-weight:bold;}

.inside-nav2 a.on:after{ content:""; position: absolute;  z-index:1;width: 0;height: 0;bottom: 5px;left: 5px; display:inline-block; 

    border-top: 5px solid transparent;

    border-left: 10px solid #15A65C;

    border-bottom: 5px solid transparent;

	text-shadow: 1px 1px 1px rgba(0,0,0,.2);}





.navsx{ margin-bottom:20px;}

.inside-navsx1{ overflow:hidden; padding:15px 20px;  background:#f7f7f7;}

.inside-navsx2{ border-top:1px solid #e5e5e5;}

.inside-navsx1 a{display:inline-block; position:relative; z-index:1; padding:0 15px;font-size:14px; line-height:14px; color:#4d4d4d; text-align:center;transition-duration: .3s;}

.inside-navsx1 a:hover{ color:red;transition-duration: .3s;}

.inside-navsx1 a.on{color:red;}

.inside-navsx1 a.on:after{ content:""; position: absolute;  z-index:2;width: 8px;height: 8px;bottom: 3px;left: 1px; border-radius:2px;background-color:red;}

.inside-navsx1 b{display:inline-block; padding-right:20px; font-size:14px; line-height:14px; color:#4d4d4d;}





.content{background:#f5f5f5; box-sizing:border-box; padding:20px 20px; margin-bottom:60px; font-size:14px; line-height:26px; overflow:hidden;}

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





#tab-contentbox1{ width:59%; float:left;padding:15px; background:#fff;  overflow:hidden;}

#tab-contentbox1 img{ max-width:100%；}

.map-right{ width:41%; float:right; padding:0px  0px 0px 20px; font-size:0px; line-height:0px;}

#tab-contentbox2{ width:100%; overflow:hidden;}



.map{ width:100%;height:400px;}





.map-right>p{ position:relative; z-index:1; display:inline-block; box-sizing:border-box; width:100%; padding:20px 25px 0px; font-size:18px; line-height:18px; color:#15A65C; background:#fff; margin:0px;}

.tab-button { width:100%; box-sizing:border-box; padding:10px 20px 20px; overflow:hidden; background:#fff; margin-bottom:20px;}

.tab-button a{ float:left; display:inline-block; width:23%; padding-left:28px; margin:1%; font-size:14px; line-height:30px; color:#333; text-align:left;

background:url(../images/icon-dw3.png) left 0px center no-repeat;cursor:pointer;}

.tab-button a:hover{ color:#15A65C;background:url(../images/icon-dw1.png) left 0px center no-repeat;}

.tab-button a.hover{ color:#15A65C;background:url(../images/icon-dw2.png) left 0px center no-repeat;}



#tab-contentbox2{ width:100%; box-sizing:border-box; padding:15px 25px 20px; background:#fff; font-size:14px; line-height:24px;}

.tab-content{ display:none;}

.tab-content p{ display:inline-block; width:100%; font-size:16px; color:#333; line-height:20px;}

.tab-content span{ display:inline-block; width:100%; font-size:13px; color:#666; line-height:20px;}

.map-right .tab-contentbox2-p { color:#333;}

.map-right .tab-contentbox2-p span{ position:relative; z-index:1; display:inline-block; box-sizing:border-box;  padding:0px 6px 0px 0px; font-size:18px; line-height:18px; color:#15A65C; background:#fff; margin:0px;}

/*全国网点 end*/





/*瀑布流*/

/*Grid items*/

#main{ position:relative; z-index:1; width:100%;}

#tiles li {width:310px;background-color: #ffffff;border: 1px solid #dedede;cursor: pointer;padding: 10px;

  display: none; /** Hide items initially to avoid a flicker effect **/}

#tiles li:hover {border: 1px solid #15A65C;}

#tiles li.inactive {visibility: hidden;opacity: 0;}

#tiles li a{ display:block; line-height:0px;}

#tiles li img {display: block; position:relative; width:100%;}

/** Grid item text **/

#tiles li p { display:inline-block; position:relative; width:100%;color: #666;font-size: 14px; line-height:24px; margin:0px;margin-top:7px; padding:0px 30px 0px 7px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }

#tiles li:hover p {color: #15A65C;}

#tiles li p:after{ content:""; position: absolute;  z-index:2;width:100%;height: 100%;bottom: 0px;right: 0%;background:url(../images/icon-look.png) no-repeat right 7px center;

    -webkit-transform: translate3d(0,100%,0);

    transform: translate3d(0,100%,0);

    transition-duration: .3s;

}

#tiles li:hover p:after{ 

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

    transition-duration: .3s;

}



#tiles li .tc-text{ display:none;}

/*Progress bar for imagesLoaded*/

.progress-bar {background-color: #0BC20B;height: 2px;position: absolute;top: 0;left: 0;right: 0;width: 0;box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);

  -webkit-transition: width 0.3s ease-out;

     -moz-transition: width 0.3s ease-out;

       -o-transition: width 0.3s ease-out;

          transition: width 0.3s ease-out;

}

/*Placerholder css*/

.wookmark-placeholder {

          border-radius: 2px;

     -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

  background-color: #eee;border: 1px solid #dedede;z-index: -1;

}

.example-tiles {margin: 0;padding: 0;position: relative; /** Needed to ensure items are laid out relative to this container **/}

.example-tiles li {display: block;list-style-type: none;float: left;margin: 5px;

  -webkit-transition: all 0.3s ease-out;

     -moz-transition: all 0.3s ease-out;

       -o-transition: all 0.3s ease-out;

          transition: all 0.3s ease-out;

}

.example-tiles a,

.example-tiles a:hover {color: #555;background-color: #eee;text-align: center;display: table-cell;vertical-align: middle;width: 200px;height: 200px;font-size: 2em;font-weight: bold;text-decoration: none;border: 1px solid #ddd;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);padding: 5px 8px;border-radius: 3px;}

.example-tiles a:hover {background-color: #ddd;}



#myModal .modal-body{ overflow:hidden;}

#myModal .modal-body .modal-img{ width:100%; text-align:center; margin-bottom:20px;}

#myModal .modal-body img{ display:inline-block; max-width:100%;}

#myModal .modal-body .modal-text{ width:100%; font-size:14px; line-height:24px; padding:20px; color:#444;}

/*瀑布流 end*/



.modal{ padding:0;}



.f_page { text-align: center; overflow: hidden; margin: 30px 0 0; }

.f_page a, .f_page span { display: inline-block; line-height: 34px; font-size: 14px; color: #4d4d4d; padding: 0 14px; margin: 0 2px; background: #ebebeb; }

.f_page a.now { color: #fff; background-color: #15A65C; font-weight: 500; }



.Page{ text-align:center; line-height:0px; font-size:0px; width:100%; overflow:hidden; margin:30px 0px 0px;}

.Page a{ display:inline-block; line-height:34px; font-size:14px; color:#4d4d4d; padding:0px 14px; margin:0px 2px; background:#ebebeb;}

.Page a:hover{ color:#15A65C;font-weight:bold;}

.Page span{ display:inline-block; line-height:34px; font-size:14px; color:#4d4d4d; padding:0px 14px; margin:0px 2px; background:#ebebeb;}

.Page a.on{ color:#fff; background-color:#15A65C; }

.Page span.on{ color:#fff; background-color:#15A65C;}



/*翻页*/



#inside-zd{ }

#inside-zd .panel{ border:none; margin-top:10px; }

#inside-zd .panel-heading{ border-radius:0px; overflow:hidden; font-size:0px; line-height:0px; padding:0px;}

#inside-zd .panel-heading a{ display:inline-block; position:relative; box-sizing:border-box; padding:15px; width:100%;background:#15A65C;  overflow:hidden;}

#inside-zd .panel-heading a.collapsed{background:#666;}

#inside-zd .panel-heading a:hover{background:#15A65C;transition-duration: .3s;}

#inside-zd .panel-heading a span{ display:inline-block;  font-size:14px; color:#fff; line-height:21px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

#inside-zd .panel-heading a:before{ content:""; position: absolute;  z-index:1; display:inline-block;width: 1px;height: 20px;bottom: 50%; margin-bottom:-10px;right: 40px;background-color:#fff;transform:rotate(90deg);transition-duration: .3s;}

#inside-zd .panel-heading a:after{ content:""; position: absolute;  z-index:1; display:inline-block;width: 20px;height:1px;bottom: 50%; margin-bottom:0px;right: 30px;background-color:#fff;transition-duration: .3s;}

#inside-zd .panel-heading a.collapsed:before{ content:""; position: absolute;  z-index:1; transform:rotate(0deg);transition-duration: .3s;}



#inside-zd .panel-body{ border:1px solid #15A65C;}

/*招聘*/

.cp-img{ padding-left:0px;padding-right:5px;height:800px; overflow:hidden;}

.cp-content{ padding-right:0px;}

.cp-img img{width:100%; margin-bottom:15px;box-shadow:0px 2px 3px rgba(0,0,0,.2);}

.cp-content .col-xs-12{ margin-bottom:20px; padding:15px; background:#fff;}

.cp-content img{ max-width:100%; margin-bottom:10px;}

.cp-content p{line-height:26px; font-size:14px; color:#333;}



.cp-listbox{ overflow:hidden;}

.cp-list{ padding:10px 10px 0px;}

.cp-list .cp-imgbox{ display:block; position:relative; width:100%; overflow:hidden;}

.cp-list .cp-imgbox:before{ content:""; position: absolute;  z-index:2;width: 100%;height: 0%;bottom: 50%;left: 0%; border-left:3px solid #15A65C;border-right:3px solid #15A65C;transition-duration: .3s;}

.cp-list .cp-imgbox:after{ content:""; position: absolute;  z-index:2;width: 0%;height: 100%;bottom: 0%;left: 50%; border-top:3px solid #15A65C;border-bottom:3px solid #15A65C;transition-duration: .3s;}

.cp-list:hover .cp-imgbox:before{ content:""; position: absolute;  z-index:2;width: 100%;height: 100%;bottom: 0%;left: 0%; border-left:3px solid #15A65C;border-right:3px solid #15A65C;transition-duration: .3s;}

.cp-list:hover .cp-imgbox:after{ content:""; position: absolute;  z-index:2;width: 100%;height: 100%;bottom: 0%;left: 0%; border-top:3px solid #15A65C;border-bottom:3px solid #15A65C;transition-duration: .3s;}

.cp-list .cp-imgbox img{transform:scale(1);transition-duration: .3s;}

.cp-list:hover .cp-imgbox img{transform:scale(1.1);transition-duration: .3s;}

.cp-title{ display:inline-block; box-sizing:border-box; width:100%;margin:10px 0px 0px; font-size:14px; line-height:30px; color:#333; text-align:center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }

.cp-list:hover .cp-title{ color:#15A65C; overflow:hidden; }





.fa-content{box-shadow:0px 2px 3px rgba(0,0,0,.1);}

.fa-title{width:90%; box-sizing:border-box; padding:0px 20px; margin:0px auto 30px;background:#15A65C;}

.fa-text{ padding-top:30px;}

.fa-title h4{ display:inline-block; box-sizing:border-box; width:90%; margin:auto;font-size:24px; line-height:40px; color:#fff;}

.fa-text img{ max-width:100%; }

.fa-text .fa-bk{ background:#fafafa; margin:0 -20px; box-sizing:border-box; padding:30px 30px;border-bottom:3px solid #15A65C;}

.fa-text .fa-bk:nth-child(1){ background:#fafafa; margin:0 -20px; padding:30px 30px;border-top:3px solid #15A65C;border-bottom:3px solid #15A65C;}

.fa-box{}

#tab-button {

	width: 100%;

	overflow: hidden;

}

#tab-button a {

	display: block;

	float: left;

	width: 120px;

	font-size: 14px;

	line-height: 42px;

	color:#fff;

	text-align: center;

	background: #15A65C;

	border-right: 1px solid #e0e0e0;

	border-radius:0px 12px 0px 0px;

	transition-duration: .3s;

}

#tab-button a:hover {

	background: #128c4d;

	transition-duration: .3s;

}

#tab-button a.hover {

	background: #fd9d20;

	color: #fff;

	transition-duration: .3s;

}

#tab-contentbox .tab-content {

	display: none;

	width: 100%;

	box-sizing:border-box;

	padding:40px 20px;

	overflow: hidden;

	background:#fff;

	border-radius:0px 12px 0px 0px;

	line-height: 30px;

}

#tab-contentbox .tab-content p{ font-size:14px; line-height:24px;}

.tab-content tr:nth-child(1){ background:#f2f2f2; font-weight:bold;}

.tab-content td{ box-sizing:border-box; padding:10px 10px !important; line-height:20px !important;}





.fa-bottom{width:100%; box-sizing:border-box; margin:auto;}

.Page2{ text-align:center; line-height:0px; font-size:0px; width:100%; overflow:hidden; margin:30px 0px 0px;}

.Page2 .prev{ display:inline-block; width:50%; text-align:left;}

.Page2 .next{ display:inline-block; width:50%; text-align:right;}

.Page2 span{ display:inline-block; box-sizing:border-box; width:100%; padding:0px 10px; font-size:14px; color:#999; line-height:30px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }

.Page2 span:nth-child(Odd){ border-bottom:1px solid #e0e0e0;}

.Page2 a span{color:#666;}

.Page2 a:hover span{color:#15A65C;}



.case-box{ padding:10px 0px 60px; overflow:hidden;}

.case-l-box{ overflow:hidden;}



.case-list { padding:0px 10px; margin-bottom:10px;}

.case-img{ position:relative; z-index:1; box-sizing:border-box; padding:5px; width:100%; background:#e0e0e0; overflow:hidden;}

.case-list .case-img:before{ content:""; position: absolute;z-index:3;width:100%;height:100%;bottom: 0px;left: 0%;background:url(../images/icon-ese.png) center no-repeat;opacity: 0;  transition-duration: .3s;}

.case-list:hover .case-img:before{ content:""; position: absolute;z-index:3;opacity:1;transition-duration: .3s;}

.case-list .case-img:after{ content:""; position: absolute;z-index:2;width:100%;height:100%;bottom: 0px;left: 0%;background:#15A65C;opacity: 0.8;

    -webkit-transform: translate3d(0,100%,0);

    transform: translate3d(0,100%,0);

    transition-duration: .3s;

}

.case-list:hover .case-img:after{ content:""; position: absolute;z-index:2;width:100%;height:100%;bottom: 0px;left: 0%;background:#15A65C;opacity: 0.8;

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

    transition-duration: .3s;

}

.case-list img{ max-width:100%;}

.case-list p{ display:inline-block;box-sizing:border-box; width:100%; margin:7px 0px; font-size:14px; line-height:30px; color:#333; text-align:center;}



.al-title{ background:#fff; margin:-20px -20px 20px;overflow:hidden;}

.al-title h3{ background:#15A65C; color:#fff; font-size:18px; line-height:50px; text-indent:20px; margin:0px 0px 20px}

.al-title span{ display:inline-block; margin-bottom:0px; font-size:14px; color:#fff; text-indent:20px;}

/*案例*/



.p-box{ text-align:center; font-size:0px; line-height:0px;}

.p-list{ position:relative; z-index:1; display:inline-block; width:180px; height:120px; border:1px solid #e0e0e0; margin-left:-1px; margin-top:-1px; overflow:hidden;}

.p-list img{ max-width:180px; max-height:120px;}

.p-list .vcenter-parent{display: table; width:100%; height:100%;}

.p-list .vcenter {display: table-cell;vertical-align: middle;}



.p-title{ position:absolute; z-index:2; top:0px; left:0px; background:rgba(21, 166, 92, 0.9);

    -webkit-transform: translate3d(0,100%,0);

    transform: translate3d(0,100%,0);

    transition-duration: .3s;

}

.p-list:hover .p-title{

    -webkit-transform: translate3d(0,0%,0);

    transform: translate3d(0,0%,0);

    transition-duration: .3s;

}

.p-list.on .p-title{

	background:rgba(21, 166, 92, 0.9);

    -webkit-transform: translate3d(0,0%,0);

    transform: translate3d(0,0%,0);

}

.p-list p{ position:relative; z-index:3; display:inline-block; box-sizing:border-box; width:100%; padding:0px 10px; font-size:20px; line-height:26px; color:#fff;transition-duration: .3s; margin:0px;}

.p-list:hover p{ color:#fff; transition-duration: .3s;}



.p-list a p{ display:inline-block; box-sizing:border-box; width:100%; padding:0px 10px; font-size:20px; line-height:26px; color:#15A65C; margin:0px; text-indent:0px;transition-duration: .3s;}

.p-list a:hover p{ color:#fff; text-indent:10px; transition-duration: .3s;}





.news-lb{ overflow:hidden; padding:5px 0px;}

.news-lb>div{ padding:0px 10px;}

.news-list{width: 100%;display:inline-block; background:#fff;margin:5px 0px; font-size:0px;transition-duration: .3s;}

.news-list:hover{transition-duration: .3s;}

.news-list .news-img{ display:block; padding:0px; position:relative; overflow:hidden;}

.news-list .news-img img{transform:scale(1); vertical-align:middle;transition-duration: .3s;}

.news-list:hover .news-img img{ transform:scale(1.1);transition-duration: .3s;}

.news-list .news-img:after{ content:""; position: absolute;  z-index:2;width:100%;height:100%;bottom: 0px;left: 0%;background-color:rgba(21, 166, 92, 0.6);

    -webkit-transform: translate3d(0,100%,0);

    transform: translate3d(0,100%,0);

	transition-duration: .3s;}

.news-list:hover .news-img:after{

    -webkit-transform: translate3d(0,0%,0);

    transform: translate3d(0,0%,0);

	transition-duration: .3s;}

.news-list .news-img:before{ content:""; position: absolute;  z-index:3;width:100%;height:100%;bottom: 0px;left: 0%;background:url(../images/icon-ese.png) no-repeat center;opacity: 0;  

    -webkit-transform: translate3d(0,30%,0);

    transform: translate3d(0,30%,0);

	transition-duration: .5s;}

.news-list:hover .news-img:before{ content:""; position: absolute;  z-index:3;width:100%;height:100%;bottom: 0px;left: 0%;background:url(../images/icon-ese.png) no-repeat center;opacity: 1;  

    -webkit-transform: translate3d(0,0%,0);

    transform: translate3d(0,0%,0);

	transition-duration: .5s;}



.news-text{ padding-left:30px; min-height:100%;}

.news-list .news-title{ display:block; width:100%; font-size:16px; line-height:20px; color:#333; margin:20px 0px 8px; padding-bottom:15px; border-bottom:1px solid #e0e0e0; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;transition-duration: .3s; }

.news-list:hover .news-title{ color:#15A65C;transition-duration: .3s;}



.news-list small{ display:inline-block; width:100%; font-size:12px; line-height:20px; color:#999;}

.news-list span{ display:inline-block; width:100%; font-size:12px; line-height:20px; color:#666; overflow:hidden;}

/*新闻列表页*/



.news-content{ width:90%; margin:10px auto;}

.news-t{text-align:center; margin-bottom:30px;}

.news-t p{ font-size:24px; line-height:40px; color:#15A65C;}

.news-t span{ font-size:12px; line-height:12px; color:#999;}



/*新闻详情页*/



.contact{ padding:0px 0px; overflow:hidden;}

.contact-map{ padding:5px; background:#fff;}

.contact-map .map{ height:320px;}



.contact-t{ padding-left:30px; padding-right:5px; font-size:14px; line-height:20px;}

.contact-title{ font-size:20px; line-height:40px; color:#15A65C; margin-bottom:20px;}
.xf-page{width:100%; height:auto;text-align:center; font-size:0px; position:relative; overflow:hidden; margin:39.7px 0 0px; text-transform:uppercase;clear: both;}
.xf-page ul {display: block; display: flex; align-items: center; justify-content: center;}
.xf-page ul li {display: inline-block;width: auto; border-radius: 0; margin-bottom: 0; margin-right: 0; margin-left: 0; border: none; overflow: hidden; background: none;}
.xf-page .pagination{width:100%; height:auto;text-align:center; font-size:0px; position:relative; overflow:hidden; margin:auto; padding-top:20px;}
.xf-page .pagination a,.xf-page .pagination span{display:inline-block; padding:0 20px;line-height:36px;font-size:14px;margin:0 5px;color: #666;background: #fff;-webkit-transition:0.5s;transition:0.5s;}
.xf-page .pagination span.current,.xf-page .pagination a:hover,.xf-page li.active span{color:#fff; border-color:#15A65C; background:#15A65C;}