/*base*/
body { font-family: Microsoft YaHei; font-size: 14px; color: #666; }
.container { width: 1200px; margin: 0 auto; position: relative; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { content: ""; visibility: hidden; height: 0; display: block; clear: both; }
.header { background: #fff; height: 100px;}
.header .nav li { float: left; line-height: 100px;}
.header .nav a { display: block; color: #666; margin-right: 65px; }
.header .nav a:hover { color: #8cc43f; }
.banner-fluid { position: relative; height: 500px; overflow: hidden; text-align: center; width: 100%; margin: 0 auto; }
.banner-fluid .list { height: 100%;width:100%;}
.banner-fluid img { width:100%; height: 500px; }
.banner-fluid .pager { position: absolute; bottom: 10px; left: 50%; z-index: 5; text-indent: 999em; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.banner-fluid .pager a { border: 1px solid #fff; border-radius: 50%; display: block; width: 10px; height: 10px; float: left; margin-right: 5px; }
.banner-fluid .pager .activeSlide { background: #fff; }
.videoBox { width: 1200px; height: 488px; position: relative; opacity: .5; }
.videoBox:hover{opacity:1;}
.videoBox img { width: 100% !important; height: 100%; }
.videoBox:after { content: ""; width: 196px; height: 196px; display: block; background: url(../images/video.png); position: absolute; left: 50%; top: 50%; margin-left: -98px; margin-top: -98px; cursor: pointer; transition: all .5s; }
.videoBox iframe { width: 750px; margin: 0 auto; display: block; }
.section h2 { font-size: 38px; color: #000; text-align: center; padding: 80px 45px; }
.news-list { width: 1073px; margin: 0 auto; }
.news-list li { float: left; width: 220px; height: 260px; padding: 5px 10px; border: 1px solid #d7d7d7; -webkit-box-shadow: 0 5px 5px #d7d7d7; overflow: hidden; }
.news-list li+li { margin-left: 35px; }
.news-list p { padding-top: 20px; line-height: 1.4; color: #666666; }
.comment { padding-top: 120px; padding-left: 78px; }
.head img { width: 220px; height: 220px; border-radius: 50%; float: left; }
.section blockquote { background: #f3f3f3; font-size: 20px; color: #000; width: 565px; height: 60px; padding: 45px 70px; float: left; line-height: 1.3; position: relative; }
.section blockquote.left { margin: 0 0 0 110px; }
.section blockquote.left:before { content: ""; width: 0; height: 0; border-width: 15px; border-color: transparent #f3f3f3 transparent transparent; border-style: solid; position: absolute; top: 38px; left: -30px; }
.section blockquote.right:before { content: ""; width: 0; height: 0; border-width: 15px; border-color: transparent transparent transparent #f3f3f3; border-style: solid; position: absolute; top: 38px; left: 100%; }
.section blockquote.right { margin-left: 0; margin-right: 100px; }
.section .author { display: block; color: #9ec249; float: right; font-size: 12px; }
.section .row { padding-bottom: 55px; overflow: hidden; }

/*footer*/
.footer { padding-top: 40px; background: #313131; color: #fff; text-align: center; height: 118px; line-height: 1.8; }
.footer a { color: #fff; font-size: 18px; padding-right: 40px; }
.footer .link { padding-bottom: 20px; }

/*asideBar*/
.asideBar { background: url(../images/asidebar.png); width: 135px; height: 464px; position: fixed; top: 45px; right: 65px; text-align: center; z-index: 1000; }
.asideBar h3 { color: #eaf6d8; font-size: 18px; padding: 80px 0 18px; }
.asideBar li { display: block; /* margin-bottom: 30px; */ height: 45px; line-height: 45px; color: #fff; font-size: 13px; }
.asideBar .share { padding-top: 8px; height: 75px; padding-bottom: 50px; }
.asideBar .tel { font-weight: bold; color: #fff; font-size: 13px; }

/*brand*/
.brand { height: 260px; padding-top: 140px; overflow: hidden; line-height: 1.5; }
.brand .item { width: 230px; margin: 0 0 0 60px; float: left; text-align: center; }
.brand .item h3 { font-weight: bold; font-size: 20px; color: #333; }
.brand .item p { color: #666666; font-size: 12px; }
.brand .ico img { width: 80px; height: 58px; }

/* s= 公用遮罩层*/
.lph-overlay { position: absolute; display: none; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; z-index: 1000;/* background: #eee;*/ }

/* e= 公用遮罩层*/
.lph-pops { position: fixed; display: none; z-index: 1001; background: #FFF; width: 750px; height: 488px; padding: 15px; border-radius: 10px; }
.lph-close { position: absolute; right: -15px; top: -15px; color: #ddd; font-size: 24px; width: 30px; height: 30px; text-align: center; line-height: 30px; background: red; color: #fff; border-radius: 50%; }

.banner_show {height:500px;position: relative;}
.banner_show .b_list li {height: 100%;position: absolute;top: 0;left: 0;display: none;text-align: center;}
.banner_show .b_btn {position: absolute;bottom: 24px;z-index: 1;text-align: center;width: 100%;}
.banner_show .b_btn a {margin:0 4px;display:inline-block;vertical-align: middle;cursor:pointer;background:#fff;width: 14px;height: 14px;border-radius: 50%;}
.banner_show .b_btn a.active {background: none;border:2px solid  #fff;}