body { background: #fff; color: #333; position: relative; }
a { text-decoration: none; -webkit-transition: all 0.10s linear 0.01s; -moz-transition: all 0.10s linear 0.01s; -ms-transition: all 0.10s linear 0.01s; -o-transition: all 0.10s linear 0.01s; transition: all 0.10s linear 0.01s; color: #333; }
a:hover { text-decoration: none; color: #08a070; }
li, img { -webkit-transition: all 0.20s linear 0.01s; -moz-transition: all 0.20s linear 0.01s; -ms-transition: all 0.20s linear 0.01s; -o-transition: all 0.20s linear 0.01s; transition: all 0.20s linear 0.01s; }
ul { padding: 0; list-style: none; margin: 0; }
@font-face { font-family: fzzdh; src: url("../fonts/fzzdh.ttf"); }
em { font-style: normal; }
.container { width: 1100px !important; padding: 0; }
.head { position: relative; z-index: 10; }
.head .head-top { height: 30px; line-height: 30px; background: #08a070 url(head-top-bg.jpg); border-bottom: 1px solid #00BD83; }
.head .head-top .left { float: left; color: #eee; }
.head .head-top .right { float: right; color: #eee; }
.head .head-top .right .bdsharebuttonbox { float: left; padding-top: 0px; }
.head .head-top .right .btn { color: #eee; padding: 0 10px; }
.head .head-top .right span { color: #ddd; }
.head .head-center { height: 120px; background: url(head-bg.jpg); clear: both; }
.head .head-center h1 { float: left; margin-top: 0px; margin-bottom: 0; }
.head .head-center .introduce { float: left; width: 500px; }
.head .head-center .introduce .h2{ font-weight: bold; font-size: 22px;color: #fff;}
.head .head-center .introduce img { float: left; margin-right: 18px; }
.head .head-center .introduce .div { margin-top: 35px; margin-bottom: 5px; font-weight: bold; font-size: 24px; color: #feed74; }
.head .head-center .introduce .div span { }
.head .head-center .introduce em { font-size: 18px; color: #f3f3f3; }
.head .head-center .phone {  font-size: 26px; margin-top: 10px;float:right; }
.head .head-center .phone img { margin-right: 10px; float: left; margin-top: 18px; }
.head .head-center .phone .phone-num { float: left; margin-top: 20px; }
.head .head-center .phone small { font-size: 16px; display: block; margin-left: 3px; color: #f3f3f3; }
.head .head-center .phone span { display: block; color: #feed74; font-weight: bold; height: 28px; }
.nav { height: 45px; background: #fff url(head-nav-bg.jpg) center center; clear: both; position: relative; z-index: 10; }
.nav .menu { }
.nav .menu { position: relative; z-index: 1; }
.nav .menu a { color: #222; }
.nav .menu li { float: left; position: relative; display: inline; height: 45px; }
.nav .menu li a { display: block; font-size: 14px; width: 136px; height: 28px; text-align: center; line-height: 28px;     border-right: 1px solid #CACACA;border-left: 1px solid #FFFFFF; margin-top: 8px; }
.nav .menu li:hover { background: url(head-nav-hover.jpg) center center; }
.nav .menu .index { background: url(head-nav-hover.jpg) center center; }
.nav .menu li:hover a { color: #08a070; }
.banner { width: 100%; height: 500px; overflow: hidden; position: relative; z-index: 100; }
.banner .hd { height: 20px; overflow: hidden; position: absolute; bottom: 10px; z-index: 1; left: 47%; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd ul li { float: left; margin-right: 2px; width: 20px; height: 20px; line-height: 14px; text-align: center; background: rgba(0,0,0,0.4); cursor: pointer; border-radius: 100px; margin: 0 2px; }
.banner .hd ul li.on { background: #08a070; color: #08a070; }
.banner .bd { width: 100%; height: 500px; overflow: hidden; margin: 0 auto; position: relative }
.banner .bd ul { width: 100%; height: 500px; overflow: hidden; position: absolute; top: 0; left: 0 }
.banner .bd li { float: left; width: 100%; height: 500px; }
.banner .bd li span { display: block; width: 100%; height: 500px }
.banner .bd li a { display: block; width: 100%; height: 500px }
.banner .bd li .img_1 { background: url("banner1.jpg") center top no-repeat }
.banner .bd li .img_2 { background: url("banner2.jpg") center top no-repeat }
.banner .bd li .img_3 { background: url("banner3.jpg") center top no-repeat }
.banner .bd li .img_4 { background: url("banner4.jpg") center top no-repeat }
.banner .prev, .banner .next { height: 75px; background: #fff; position: absolute; left: 8%; top: 45%; margin-top: -25px; display: block; filter: alpha(opacity=50); opacity: 0.5; font-size: 60px; color: #000; border-radius: 5px; }
.banner .next { left: auto; right: 8%; background-position: 8px 5px; }
.banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }
.banner .prevStop { display: none; }
.banner .nextStop { display: none; }
.search { padding: 10px 0; display: block; background: #eee; border-bottom: 1px solid #ccc; }
.search .container { }
.search .tags { float: left; line-height: 40px; font-size: 12px; width: 600px; }
.search .tags span { float: left; font-size: 14px; line-height: 40px; margin: 0; font-weight: bold; color: #20171a; }
.search .tags h4{ float: left; margin:14px 0px 0 10px; border-right: 1px solid #8C7B50; padding-right: 16px; font-size: 14px;}
.search .form { float: right; height: 35px; margin-right: 0px; margin-top: 0px; }
.search .form .search-keyword { width: 280px; height: 30px; line-height: 30px; background: #fff; color: #aaa; padding-left: 28px; font-size: 12px; float: left; margin-top: 2px; border-radius: 5px 0 0 5px; border: 1px solid #ccc; border-right: 0; }
.search .form .search-submit { width: 49px; height: 30px; background: #08a070; border: none; margin-top: 2px; top: 0; font-size: 18px; color: #fff; border-radius: 0 5px 5px 0; }
.navbar-example { position: fixed; top: 20%; left: 0; width: 50px; z-index: 0; }
.navbar-example .nav { background: none; }
.navbar-example .navbar-collapse { padding: 0; }
.navbar-example .navbar-nav>li { display: block; float: none; height: 40px; width: 80px; border-top: 1px solid #008A5E; text-align: center; line-height: 40px; background: #08a070; border-right: 1px solid #008A5E; }
.navbar-example .navbar-nav>li>a { padding: 0; line-height: 40px; color: #fff; }
.navbar-example .navbar-nav>li>a:hover { background: #fff; color: #08a070; }
.navbar-example .navbar-nav>li.active>a { color: #08a070; cursor: default; background-color: #fff; border: 0; line-height: 40px; }
.about { padding: 20px 0; overflow: hidden; }
.about .container { border: 1px solid #ccc; border-top: 0; }
.about .title { height: 40px; line-height: 40px; background: #08a070 url(title-bg.jpg); padding: 0 10px; }
.about .title span { color: #666; font-size: 20px; float: left; margin-top: 5px; }
.about .title .h3 { float: left; margin: 0; margin-left: 35px; color: #fff; font-size: 16px; font-weight: bold; line-height: 40px; margin-right: 10px; }
.about .title small { color: #eee; }
.about .title a { float: right; color: #ddd; font-size: 12px; }
.about .about-cont { padding: 20px; overflow: hidden; }
.about .about-cont .about-img { float: left; margin-right: 20px; display: block; margin-top: 5px; }
.about .about-cont .about-img img { border: 1px solid #ccc; padding: 3px; }
.about .about-cont .about-title { font-size: 16px; font-weight: bold; color: #08a070; padding-top: 5px; padding-bottom: 10px; }
.about .about-cont .about-title span { color: #333; margin-left: 10px; font-size: 14px; }
.about .about-cont .about-title small { display: block; color: #333; font-size: 16px; margin-top: 10px; letter-spacing: 2px; }
.about .about-cont .about-dis { line-height: 20px; padding-bottom: 10px; padding-right: 10px; }
.about .about-cont .about-dis p { margin: 0; color: #333; line-height: 22px; }
.about .about-cont .about-btn { margin-top: 10px; }
.about .about-cont .about-btn a { padding: 6px 30px; background: #08a070; color: #fff; margin: 0 25px; }
.about .about-cont .about-btn a:hover { background: #333; color: #fff; }
.about .factory-img { overflow: hidden; position: relative; clear: both; margin-top: 0px; padding-bottom: 30px; }
.about .factory-img .fac-title { height: 30px; line-height: 30px; font-size: 16px; color: #fff; text-align: center; background: url(factory-title.png) center center; margin: 20px auto; margin-top: 0; width: 1000px; }
.about .factory-img .fac-title a { color: #fff; }
.about .factory-img .bd .prev, .about .factory-img .bd .next { display: block; background: #08a070; line-height: 70px; cursor: pointer; position: relative; width: 30px; height: 70px; text-align: center; top: 45px; }
.about .factory-img .bd .prev { float: right; margin-right: 10px; }
.about .factory-img .bd .next { float: left; margin-left: 9px; }
.about .factory-img .bd a span { font-size: 16px; color: #fff; }
.about .factory-img .bd .picList { }
.about .factory-img .bd ul { overflow: hidden; zoom: 1; }
.about .factory-img .bd ul li { margin: 0 9px; float: left; _display: inline; overflow: hidden; text-align: center; width: 236px; }
.about .factory-img .bd ul li .pic { text-align: center; width: 236px; background: #eee; padding: 7px; }
.about .factory-img .bd ul li .pic img { width: 100%; display: block; }
.product { clear: both; overflow: hidden; margin-top: 20px; background: #fafafa; border-top: 1px solid #eee; padding-top: 10px; padding-bottom: 15px; }
.product .title { overflow: hidden; text-align: center; height: 43px; background: url(title-en-bg.png) center center no-repeat; margin-bottom: 20px; }
.product .title .div { font-size: 24px; color: #fff; font-weight: bold; width: 360px; margin: 0 auto; margin-top: 8px; letter-spacing: 0px; text-align: center; }
.product .title .div a { color: #fff; }
.product .title .div a:hover { color: #fff; }
.product .title .div span { color: #feed74; }
.product .pro-nav { float: left; width: 220px; background: #fff; border: 1px solid #ccc; }
.product .pro-nav .pro-nav-t { background: #08a070 url(pro-left-title.png); font-size: 20px; font-weight: bold; text-align: center; color: #fff; padding-top: 15px; padding-bottom: 15px; }
.product .pro-nav .pro-nav-t span { display: block; font-size: 12px; font-weight: 500; margin-top: 2px; }
.product .pro-nav .pro-nav-menu { }
.product .pro-nav .menu { overflow: hidden; padding: 10px 0px; background: #eee; }
.product .pro-nav .menu strong { height: 40px; line-height: 40px; margin-bottom: 8px; background: #fff; border-radius: 5px; display: block; border: 1px solid #00962E; }
.product .pro-nav .menu strong span { float: right; margin-right: 10px; margin-top: 12px; }
.product .pro-nav .menu strong a { font-size: 16px; font-weight: bold; color: #08a070; margin-left: 14px; display: block; }
.product .pro-nav .menu strong:hover { background: #005b1c; border: 1px solid #005b1c; }
.product .pro-nav .menu strong:hover a { color: #fff; }
.product .pro-nav ul { overflow: hidden; }
.product .pro-nav ul li { margin-right: 5px; margin-left: 5px; line-height: 40px; }
.product .pro-nav ul li a { font-size: 14px; color: #fff; padding-left: 20px; display: block; background: #666 url(pro-left-a.png); margin-bottom: 7px; border-radius:5px;}
.product .pro-nav ul li a:hover { background-position: 0 40px; }
.product .pro-nav ul li a span { margin-right: 10px; color: #fff; }
.product .pro-nav .phone { clear: both; padding-top: 10px; background: #eee; }
.product .pro-nav .phone span { font-size: 18px; margin-right: 10px; margin-left: 30px; color: #08a070; }
.product .pro-nav .phone strong { font-size: 16px; font-weight: 500; }
.product .pro-nav .phone li { line-height: 30px; color: #111; border: 0; margin-left: 0; margin-right: 0; border-top: 1px dashed #ccc; margin-bottom: 3px; }
.product .pro-nav .kefu-center { text-align: center; padding: 0; background: #eee; }
.product .pro-nav .kefu-center ul { overflow: hidden; padding-top: 0px; border-radius: 5px; margin: 5px 20px; background: none; }
.product .pro-nav .kefu-center li { height: 33px; margin-right: 0px; margin-left: 0px; line-height: 33px; border-bottom: 0px; }
.product .pro-nav .kefu-center li a { margin-left: 0; background: none; padding: 0; color: #333; }
.product .pro-nav .kefu-center li img { border: 1px solid #08a070; border-radius: 5px; background: #fff; }
.product .pro-nav .kefu-center .qrcode { margin-top: 10px; }
.product .pro-nav .kefu-center .qrcode img { width: 160px; background: #fff; padding: 5px; border-radius: 5px; }
.product .pro-nav .map img{width:218px;height:188px;}
.product .new-p { clear: both; padding-top: 10px; }
.product .new-p .new-p-t { background: #4097d1; font-size: 20px; font-weight: bold; text-align: center; color: #fff; padding-top: 15px; padding-bottom: 15px; }
.product .new-p .new-p-t span { display: block; font-size: 12px; font-weight: 500; margin-top: 2px; }
.product .new-p ul li { margin: 8px; }
.product .new-p ul li a { margin: 0; text-align: center; }
.product .new-p ul li img { width: 200px; border: 3px solid #fff; }
.product .pro-img { width: 870px; float: right; }
.product .pro-img ul { zoom: 1; }
.product .pro-img li { width: 272px; float: left; position: relative; margin: 5px 8px; background: #797979; border: 3px solid #797979; -webkit-transition: all 0.10s linear 0.01s; -moz-transition: all 0.10s linear 0.01s; -ms-transition: all 0.10s linear 0.01s; -o-transition: all 0.10s linear 0.01s; transition: all 0.10s linear 0.01s; }
.product .pro-img li img { width: 100%; display: block; }
.product .pro-img li span { color: #fff; float: left; padding: 5px; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; }
.product .pro-img li .a-link { font-size: 12px; color: #666; padding: 3px 10px; float: right; background: #eee; margin-right: 10px; margin-top: 5px; }
.product .pro-img li:hover { z-index: 20; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); transform: translateY(-5px); background: #08a070; border: 3px solid #08a070; }
/*news*/
.news { clear: both; padding-top: 20px; }
.news .title { height: 40px; line-height: 40px; background: #08a070 url(title-bg.jpg); padding: 0 10px; }
.news .title span { color: #999; font-size: 20px; float: left; margin-top: 5px; }
.news .title .h3 { float: left; margin: 0; margin-left: 35px; color: #fff; font-size: 16px; font-weight: bold; line-height: 40px; margin-right: 10px; }
.news .title small { color: #eee; }
.news .title .link { float: right; color: #ccc; font-size: 12px; }
.news .news-left { width: 750px; float: left; overflow: hidden; padding-bottom: 10px; border: 1px solid #ccc; border-top: 0; }
.news .news-left .hd { height: 40px; line-height: 40px; background: #08a070 url(title-bg.jpg); padding: 0 10px; }
.news .news-left .hd li { float: left; margin: 0; margin-left: 35px; color: #fff; font-size: 16px; font-weight: bold; line-height: 40px; }
.news .news-left .hd li a { color: #fff; }
.news .news-left .hd .on a { color: #feed74; }
.news .news-left .hd .link { float: right; color: #ccc; font-size: 12px; }
.news .news-left .ne-img { padding: 15px; }
.news .news-left .ne-img li { height: 155px; padding-top: 6px; border-bottom: 1px dashed #ccc; }
.news .news-left .ne-img li img { width: 200px; height: 134px; display: block; float: left; margin-right: 20px; border: 1px solid #ccc; }
.news .news-left .ne-img span { display: block; font-size: 16px; color: #08a070; margin: 10px 0; font-weight: bold; }
.news .news-left .ne-img p { color: #333; line-height: 24px; }
.news .news-left .ne-img a { color: #666; margin-top: 20px; border: 0; font-size: 12px; }
.news .news-left .ne-img a:hover { color: #08a070; }
.news .news-left .ne-list { overflow: hidden; }
.news .news-left .ne-list li { height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; width: 340px; float: left; margin: 0 15px; }
.news .news-left .ne-list li span { color: #08a070; margin-right: 10px; }
.news .news-left .ne-list li a { color: #333; }
.news .news-left .ne-list li a:hover { color: #08a070; }
.news .news-left .ne-list li strong { color: #2d1b17; margin-right: 10px; }
.news .news-left .ne-list li strong a { color: #2d1b17; }
.news .news-left .ne-list li small { float: right; color: #999; }
.news .news-right { width: 320px; float: right; border: 1px solid #ccc; border-top: 0; }
.news .news-right .title { overflow: hidden; position: relative; }
.news .news-right .title { font-size: 16px; color: #08a070; line-height: 40px; }
.news .news-right .title span { color: #999; margin-left: 10px; font-size: 14px; }
.news .news-right .title .link { display: block; color: #ccc; font-size: 12px; float: right; }
.news .news-right .bd .tempWrap { width: 320px !important; padding: 0; }
.news .news-right .bd ul { zoom: 1; width: 300px; padding: 5px; }
.news .news-right .question-top { overflow: hidden; position: relative; clear: both; height: 395px; margin-left: 10px; }
.news .news-right .question-top .bd { padding: 0px; }
.news .news-right .question-top .infoList li { border-bottom: 1px dashed #ccc; }
.news .news-right .question-top .infoList li h5 { font-size: 14px; color: #08a070; height: 50px; line-height: 50px; margin: 0; }
.news .news-right .question-top .infoList li h5 strong { background: #08a070; padding: 3px; color: #fff; font-size: 14px; border-radius: 2px; margin-right: 5px; }
.news .news-right .question-top .infoList li h5 a { color: #08a070; }
.news .news-right .question-top .infoList li .answer { color: #333; padding-bottom: 20px; }
.news .news-right .question-top .infoList li .answer span { display: block; font-size: 14px; }
.news .news-right .question-top .infoList li .answer strong { color: #fff; background: #666; font-size: 14px; padding: 3px; border-radius: 2px; margin-right: 5px; float: left; }
.offer { background: url(offer.jpg) center center; height: 177px; }
.offer .container { }
.offer .cont { margin-top: 38px; }
.offer a { display: block; height: 36px; color: #333; font-size: 24px; font-weight: bold; margin-left: 100px; }
.offer p { color: #fff; font-size: 24px; margin-top: 3px; margin-left: 60px; }
.offer p span { color: #ffb900; }
.offer ul { margin-left: 78px; }
.offer ul li { float: left; margin-right: 50px; color: #fff; margin-top: 0px; font-size: 18px; }
/*advantage*/
.advantage { overflow: hidden; margin-top: 10px; }
.advantage .advan-title { height: 200px; background: url(advantage_01.jpg) center center; }
.advantage .title { padding-top: 55px; width: 510px; }
.advantage .title strong { font-size: 22px; color: #fff; font-weight: bold; margin-left: 100px; }
.advantage .title span { margin-left: 20px; font-size: 22px; color: #fff; }
.advantage .title small { display: block; margin-left: 40px; font-size: 16px; margin-top: 15px;width:406px;text-align:center;}
.advantage .cont { margin-top: 20px; }
.advantage .cont span { color: #08a070; margin-right: 5px; }
.advantage .cont strong { color: #08a070; font-weight: 500; }
.advantage .cont .btn { margin-left: 60px; }
.advantage .cont a { width: 111px; height: 37px; background: url(advan-btn.jpg) center center; line-height: 37px; padding-left: 15px; color: #fff; display: block; float: left; margin: 0 30px; text-align: left; }
.advantage .adv1 { background: url(advantage_02.jpg) center center; height: 370px; }
.advantage .adv2 { background: url(advantage_03.jpg) center center; height: 370px; }
.advantage .adv3 { background: url(advantage_04.jpg) center center; height: 370px; }
.advantage .adv4 { background: url(advantage_05.jpg) center center; height: 370px; }
.advantage .adv2 .title, .advantage .adv4 .title { float: right; }
.advantage .adv2 .title strong, .advantage .adv4 .title strong { margin-left: 70px; }
.advantage .adv2 .cont, .advantage .adv4 .cont { width: 530px; float: right; overflow: hidden; clear: both; }
.programme { overflow: hidden; }
.programme .top { height: 200px; background: url(programme-top.jpg) top center; }
.programme .top .container { }
.programme .top .container .left { float: left; padding-left: 90px; }
.programme .top .container .left p { color: #fff; font-size: 20px; margin-top: 32px; margin-left: 60px; }
.programme .top .container .left p strong { font-size: 36px; color: #f6b20f; margin-right: 20px; }
.programme .top .container .left ul { }
.programme .top .container .left ul li { float: left; color: #333; font-size: 18px; margin-right: 88px; }
.programme .top .container .right { width: 300px; float: right; margin-top: 50px; }
.programme .top .container .right .title { clear: both; overflow: hidden; }
.programme .top .container .right .title span { font-size: 45px; color: #fff; float: left; margin-left: 40px; margin-top: 3px; }
.programme .top .container .right .title p { float: right; color: #fff; font-size: 18px; margin-right: 40px; }
.programme .top .container .right .title p strong { display: block; font-size: 24px; color: #feed74; }
.programme .top .container .right a { display: block; width: 120px; height: 35px; line-height: 35px; text-align: center; margin: 10px 15px; color: #333; float: left; background: url(a-btn.jpg); border-radius: 5px; }
.programme .top .container .right a:hover { background: #fff; color: #333; }
.contrast{overflow:hidden;background:#f5f5f5;}
.contrast .container{height:654px;background:url(contrast.jpg) center center;}
.contrast .title { overflow: hidden; text-align: center; height: 43px; background: url(title-en-bg.png) center center no-repeat; margin-bottom: 20px;margin-top:20px;}
.contrast .title .div { font-size: 24px; color: #fff; font-weight: bold; width: 360px; margin: 0 auto; margin-top: 5px; letter-spacing: 0px; text-align: center; }
.contrast .title .div span { color:#feed74; }
.contrast .cont{overflow:hidden;margin-top:128px;}
.contrast .cont .left{width:510px;height:420px;float:left;padding-left:100px;}
.contrast .cont .right{width:510px;height:420px;float:right;}
.contrast .cont ul li{font-size:20px;color:#fff;line-height:85px;}
.service { margin-top: 20px; }
.service .title { overflow: hidden; text-align: center; height: 43px; background: url(title-en-bg.png) center center no-repeat; margin-bottom: 20px; }
.service .title .div { font-size: 24px; color: #fff; font-weight: bold; width: 360px; margin: 0 auto; margin-top: 5px; letter-spacing: 0px; text-align: center; }
.service .title .div span { color: #feed74; }
.service .title .div a{color:#fff;}
.service .cont {height: 270px; background: url(service-cont.png); }
.service .cont ul { overflow: hidden; padding-top: 0px; }
.service .cont li { float: left; width: 270px; height: 110px; padding-left:50px;font-size:20px;color:#fff;text-align:center;margin-top:29px;}
.service .cont li a{color:#feed74;}
.service .cont li a small{display: block;color:#fff;}

.case { clear: both; padding: 20px 0; margin-top: 20px; background: #F6F6F6; }
.case .container { background: #f6f6f6; }
.case .title { height: 40px; line-height: 40px; background: #08a070 url(title-bg.jpg); padding: 0 10px; }
.case .title span { color: #999; font-size: 20px; float: left; margin-top: 5px; }
.case .title .h3 { float: left; margin: 0; margin-left: 35px; color: #fff; font-size: 16px; font-weight: bold; line-height: 40px; margin-right: 10px; }
.case .title small { color: #eee; }
.case .title .link { float: right; color: #ccc; font-size: 12px; }
.case .cont { padding-top: 10px; }
.case .cont .case-img { overflow: hidden; position: relative; }
.case .cont .case-img .bd .prev, .case .cont .case-img .bd .next { display: block; top: 60px; cursor: pointer; position: relative; z-index: 20; height: 60px; text-align: center; width: 30px; color: #fff; line-height: 60px; font-size: 18px; background: #2DB5D9; }
.case .cont .case-img .bd .prev { float: right; right: 0px; }
.case .cont .case-img .bd .next { float: left; left: 0px; }
.case .cont .case-img .bd .tempWrap { }
.case .cont .case-img .bd ul { overflow: hidden; zoom: 1; }
.case .cont .case-img .bd ul li { float: left; _display: inline; overflow: hidden; text-align: center; margin-left: 10px; }
.case .cont .case-img .bd ul li .pic { text-align: center; padding: 0px; display: block; }
.case .cont .case-img .bd ul li .pic img { width: 265px; display: block; border: 1px solid #ccc; padding: 5px; }
.case .cont .case-img .bd ul li span { color: #000; margin: 5px 0; display: block; }
.evaluate { padding-top: 30px; clear: both; overflow: hidden; }
.evaluate .left { width: 720px; float: left; overflow: hidden; border: 1px solid #ccc; border-top: 0; }
.evaluate .left .title { height: 40px; line-height: 40px; background: #08a070 url(title-bg.jpg); padding: 0 10px; }
.evaluate .left .title span { color: #999; font-size: 20px; float: left; margin-top: 5px; }
.evaluate .left .title .h3 { float: left; margin: 0; margin-left: 35px; color: #fff; font-size: 16px; font-weight: bold; line-height: 40px; margin-right: 10px; }
.evaluate .left .title small { color: #eee; }
.evaluate .left .title .link { float: right; color: #ccc; font-size: 12px; }
.evaluate .left .cont { background: #fafafa; padding-top: 10px; }
.evaluate .left .cont ul li { margin: 0px 10px 10px 0px; border-bottom: 1px dashed #ccc; overflow: hidden; clear: both; padding-bottom: 10px; }
.evaluate .left .cont ul li img { width: 180px; float: left; margin-right: 20px; border: 1px solid #ccc; padding: 3px; display: block; }
.evaluate .left .cont ul li span { font-size: 16px; font-weight: bold; color: #08a070; margin-bottom: 5px; display: block; margin-top: 10px; }
.evaluate .left .cont ul li p { color: #666; }
.evaluate .left .cont ul li a { width: 65px; height: 25px; line-height: 25px; text-align: center; display: block; background: #666; color: #fff; float: left; font-size: 12px; border-radius: 5px; }
.evaluate .right { overflow: hidden; width: 350px; border: 1px solid #ccc; height: 360px; float: right; background: #fafafa; }
.evaluate .right .title { text-align: center; border-bottom: 1px dashed #ccc; margin-bottom: 30px; background: #08a070; }
.evaluate .right .title span { font-size: 18px; display: block; color: #fff; }
.evaluate .right .title strong { font-size: 22px; font-weight: bold; color: #feed74; margin: 3px 0 5px 0; display: block; }
.evaluate .right .table { margin-bottom: 0; }
.evaluate .right .table>tbody>tr>td { border-top: 0; color: #3E3E3E; padding: 5px; }
.evaluate .right .table input { background: none; border: 1px solid #ccc; border-radius: 5px; }
.evaluate .right .table textarea { background: none; border: 1px solid #ccc; border-radius: 5px; }
.evaluate .right .btn { background: #08a070; color: #fff; width: 100px; margin: 10px 10px; }
.partner { clear: both; padding: 20px 0; }
.partner .container { }
.partner .title { overflow: hidden; text-align: center; height: 43px; background: url(title-en-bg.png) center center no-repeat; margin-bottom: 0px; }
.partner .title .div { font-size: 24px; color: #fff; font-weight: bold; width: 360px; margin: 0 auto; margin-top: 5px; letter-spacing: 0px; text-align: center; }
.partner .title .div a { color: #fff; }
.partner .title .div a:hover { color: #fff; }
.partner .title .div span { color: #feed74; }
.partner .cont { padding-top: 10px; border: 1px solid #F7F7F7; }
.partner .cont .partner-img { overflow: hidden; position: relative; }
.partner .cont .partner-img .bd .prev, .partner .cont .partner-img .bd .next { display: block; top: 60px; cursor: pointer; position: relative; z-index: 20; height: 60px; text-align: center; width: 30px; color: #fff; line-height: 60px; font-size: 18px; background: #2DB5D9; }
.partner .cont .partner-img .bd .prev { float: right; right: 0px; }
.partner .cont .partner-img .bd .next { float: left; left: 0px; }
.partner .cont .partner-img .bd .tempWrap { }
.partner .cont .partner-img .bd ul { overflow: hidden; zoom: 1; }
.partner .cont .partner-img .bd ul li { float: left; _display: inline; overflow: hidden; text-align: center; margin-left: 10px; }
.partner .cont .partner-img .bd ul li .pic { text-align: center; padding: 0px; display: block; }
.partner .cont .partner-img .bd ul li .pic img { width: 140px; display: block; border: 1px solid #ccc; border-radius: 10px; }
.partner .cont .partner-img .bd ul li span { color: #666; margin: 5px 0; display: block; }
.yqlj { }
.yqlj .container { height: 130px; background: url(yqlj.png); }
.yqlj ul { padding-top: 75px; padding-left: 130px; }
.yqlj li { font-size: 12px; margin-right: 10px; float: left; }
.yqlj li a { color: #aaa; }
.footer { clear: both; height: 300px; background: #fff url(foot-bg.jpg); }
.footer .foot-nav { height: 45px; line-height: 45px; background: #ccc url(foot-nav.jpg); }
.footer .foot-nav ul li { float: left; margin-right: 60px; margin-top: 8px; }
.footer .foot-nav ul li a { display: block; height: 30px; line-height: 30px; color: #20171a; padding: 0 10px; }
.footer .foot-nav ul li a:hover { background: #08a070; color: #fff; }
.footer .left { width: 250px; float: left; text-align: center; }
.footer .left .foot-logo { margin-top: 25px; margin-bottom: 0px; }
.footer .right { width: 810px; float: right; margin-top: 35px; }
.footer .right .foot-address { width: 410px; float: left; color: #fff; padding-left: 20px; margin-top: 10px; }
.footer .right .foot-address .title { font-size: 16px; margin-bottom: 10px; font-weight: bold; color: #fff; }
.footer .right .foot-address span { font-size: 16px; margin-right: 3px; color: #fff; }
.footer .right .foot-address a { color: #fff; }
.footer .right .foot-copyright { float: right; width: 400px; color: #fff; margin-top: 10px; }
.footer .right .foot-copyright .title { font-size: 16px; margin-bottom: 10px; font-weight: bold; color: #fff; }
.footer .right .foot-copyright p { color: #ddd; }
.footer .right .foot-copyright a { color: #fff; }
.inner { }
.inner .banner-about { height: 260px; background: url(banner-about.jpg) center center; }
.inner .banner-image { height: 260px; background: url(banner-image.jpg) center center; }
.inner .banner-news { height: 260px; background: url(banner-news.jpg) center center; }
.inner .inner-title { height: 100px; text-align: center; margin: 30px auto; font-size: 24px; color: #08a070; line-height: 70px; font-weight: bold; }
.inner .inner-dis { padding: 0px 20px; text-align: center; font-size: 12px; }
.inner .inner-cont { overflow: hidden; margin-top: 20px; margin-bottom: 10px; color: #333; padding: 0 3px; }
.inner .inner-left { width: 260px; float: left; }
.inner .inner-left .inner-nav { width: 260px; background: #08a070; padding: 0px 3px 3px 3px; overflow: hidden; }
.inner .inner-left .inner-nav .pro-nav-t { height: 99px; background: url("pro-left-title.png") top center; font-size: 20px; font-weight: bold; text-align: center; color: #fff; padding-top: 24px; }
.inner .inner-left .inner-nav .pro-nav-t span { display: block; font-size: 12px; font-weight: 500px; }
.inner .inner-left .inner-nav .pro-nav-menu { background: #fff; border-radius: 10px; }
.inner .inner-left .inner-nav .menu { overflow: hidden; padding: 10px 10px; }
.inner .inner-left .inner-nav .menu strong { height: 40px; line-height: 40px; margin-bottom: 8px; background: #08a070; border-radius: 5px; display: block; border: 1px solid #004ecd; }
.inner .inner-left .inner-nav .menu strong span { float: right; margin-right: 10px; margin-top: 12px; }
.inner .inner-left .inner-nav .menu strong a { font-size: 16px; font-weight: bold; color: #fff; margin-left: 14px; display: block; }
.inner .inner-left .inner-nav .menu strong:hover { background: #f6b20f; border: 1px solid #d69700; }
.inner .inner-left .inner-nav ul { overflow: hidden; }
.inner .inner-left .inner-nav ul li { margin-right: 13px; background: url("pro-nav2.png") left no-repeat; margin-left: 5px; line-height: 41px; border-bottom: 1px dashed #999; }
.inner .inner-left .inner-nav ul .hover { background: #08a070; }
.inner .inner-left .inner-nav ul .hover a { color: #fff; }
.inner .inner-left .inner-nav ul .hover span { color: #fff; }
.inner .inner-left .inner-nav ul li a { font-size: 14px; color: #2A1818; margin-left: 20px; display: block; }
.inner .inner-left .inner-nav ul li a:hover { color: #08a070; }
.inner .inner-left .inner-nav ul li a span { margin-right: 10px; color: #08a070; }
.inner .inner-left .inner-nav ul .hover a:hover { color: #fff; }
.inner .inner-left .hot-pro { margin-top: 10px; border: 1px solid #08a070; overflow: hidden; }
.inner .inner-left .hot-pro .title { height: 40px; line-height: 40px; font-size: 16px; text-align: center; color: #fff; background: #08a070; font-weight: bold; }
.inner .inner-left .hot-pro .cont { margin-top: 10px; text-align: center; }
.inner .inner-left .hot-pro .cont ul li { width: 250px; margin: 5px auto; }
.inner .inner-left .hot-pro .cont ul li img { width: 100%; }
.inner .inner-left .hot-pro .cont ul li span { color: #666; }
.inner .inner-left .inner-contact { margin-top: 10px; border: 1px solid #08a070; }
.inner .inner-left .inner-contact .title { height: 40px; line-height: 40px; font-size: 16px; text-align: center; color: #fff; background: #08a070; font-weight: bold; }
.inner .inner-left .inner-contact .cont { padding: 10px; text-align: center; margin-top: 10px; }
.inner .inner-left .inner-contact .cont img { margin-bottom: 10px; width: 100%; }
.inner .inner-left .inner-contact .cont p { margin-bottom: 5px; color: #666; }
.inner .inner-left .inner-contact .cont strong { font-size: 16px; }
.inner .inner-left .inner-contact .cont span { font-size: 26px; color: #08a070; font-weight: bold; }
.inner .inner-left .hot-news { margin-top: 10px; border: 1px solid #08a070; }
.inner .inner-left .hot-news .title { height: 40px; line-height: 40px; font-size: 16px; text-align: center; color: #fff; background: #08a070; font-weight: bold; }
.inner .inner-left .hot-news ul li { height: 30px; line-height: 30px; font-size: 12px; padding: 0 5px; }
.inner .inner-left .hot-news ul li span { margin-right: 5px; color: #08a070; }
.inner .inner-left .hot-news ul li a { color: #666; }
.inner .inner-right { overflow: hidden; float: right; width: 813px; border: 1px solid #ccc; }
.inner .inner-right .inner-place { margin-top: 0px; height: 40px; line-height: 40px; clear: both; overflow: hidden; background: #08a070 url(title-bg.jpg); padding: 0 50px; }
.inner .inner-right .inner-place span { font-size: 20px; margin-right: 10px; color: #333; }
.inner .inner-right .inner-place strong { font-size: 14px; color: #fff; margin-right: 10px; }
.inner .inner-right .inner-place a { color: #fff; margin-right: 5px; }
.inner .inner-right .inner-place .inner-position { float: left; color: #fff; }
.inner .inner-right .pro-img { overflow: hidden; margin-bottom: 20px; margin-top: 20px; }
.inner .inner-right .pro-img ul li { width: 260px; float: left; margin: 0 5px 15px 5px; background: #eee; padding: 4px; border: 1px solid #ccc; }
.inner .inner-right .pro-img ul li:hover { border: 1px solid #08a070; }
.inner .inner-right .pro-img ul li:hover span { color: #08a070; }
.inner .inner-right .pro-img ul li img { width: 100%; }
.inner .inner-right .pro-img ul li span { color: #666; padding: 5px; display: block; margin-top: 3px; text-align: center; }
.inner .inner-right .pro-img ul li span b { font-weight: 500; }
.inner .inner-right .pro-img .inner-page { text-align: center; height: 30px; padding-top: 10px; clear: both; }
.inner .inner-right .pro-img .inner-page ul li { float: left; left: 15%; position: relative; ; margin-right: 1px; width: auto; padding: 3px 10px; color: #666; }
.inner .inner-right .pro-img .inner-page ul li a { color: #666; display: block; }
.inner .inner-right .pro-img .inner-page ul li a:hover { color: #08a070; }
.inner .inner-right .pro-img .inner-page ul li .pageinfo { width: 200px; display: block; background: #666; background: #999; color: #fff; margin: -5px; }
.inner .inner-right .pro-img .inner-page .thisclass { background: #08a070; border: 1px solid #08a070; color: #fff; }
.inner .inner-right .pro-img .inner-page .thisclass a { color: #fff; }
.inner .inner-right .rec-news { overflow: hidden; margin: 0px auto; }
.inner .inner-right .rec-news .title { height: 40px; line-height: 40px; clear: both; overflow: hidden; background: #08a070 url(title-bg.jpg); padding: 0 50px; border-top: 1px solid #ccc; }
.inner .inner-right .rec-news .title strong { float: left; margin: 0; margin-left: 10px; color: #fff; font-size: 18px; font-weight: bold; line-height: 35px; margin-right: 5px; }
.inner .inner-right .rec-news .title span { color: #fff; }
.inner .inner-right .rec-news .rec-news-img { overflow: hidden; padding: 10px; }
.inner .inner-right .rec-news .rec-news-img li { overflow: hidden; border-bottom: 1px dashed #94896B; padding-bottom: 10px; }
.inner .inner-right .rec-news .rec-news-img li img { width: 180px; height: 136px; float: left; margin-right: 10px; border: 1px solid #08a070; padding: 2px; }
.inner .inner-right .rec-news .rec-news-img li a { font-size: 16px; color: #08a070; padding-top: 20px; }
.inner .inner-right .rec-news .rec-news-img li p { color: #666; margin-top: 10px; }
.inner .inner-right .rec-news .rec-news-img li span { color: #999; }
.inner .inner-right .rec-news .rec-news-list { overflow: hidden; padding: 10px; }
.inner .inner-right .rec-news .rec-news-list li { height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; width: 370px; float: left; margin: 0 10px; }
.inner .inner-right .rec-news .rec-news-list li span { color: #08a070; margin-right: 20px; }
.inner .inner-right .rec-news .rec-news-list li a { COLOR: #666; }
.inner .inner-right .rec-news .rec-news-list li small { float: right; }
.inner .inner-right .list-article .news-list { padding: 20px; overflow: hidden; margin-bottom: 20px; }
.inner .inner-right .list-article .news-list li { height: 165px; border-bottom: 1px dashed #ccc; margin-bottom: 10px; padding-top: 10px; }
.inner .inner-right .list-article .news-list li img { display: block; float: left; border: 1px solid #ccc; padding: 5px; width: 200px; margin-right: 20px; height: 144px; }
.inner .inner-right .list-article .news-list li .text { margin-left: 0px; width: 540px; float: left; }
.inner .inner-right .list-article .news-list li .li-title { font-size: 18px; }
.inner .inner-right .list-article .news-list li .li-title a { color: #08a070; }
.inner .inner-right .list-article .news-list li .li-title strong { font-weight: 500; color: #08a070; }
.inner .inner-right .list-article .news-list li .li-title strong a { color: #08a070; }
.inner .inner-right .list-article .news-list li p { color: #666; font-size: 14px; padding-left: 10px; margin-top: 10px; }
.inner .inner-right .list-article .news-list li span { font-size: 12px; color: #999; margin-left: 10px; }
.inner .inner-right .news-list .inner-page { text-align: center; height: 30px; padding-top: 10px; clear: both; }
.inner .inner-right .news-list .inner-page ul li { float: left; left: 15%; position: relative; border: 1px solid #ccc; margin-right: 1px; width: auto; padding: 3px 10px; height: auto; }
.inner .inner-right .news-list .inner-page ul li a { color: #666; display: block; }
.inner .inner-right .news-list .inner-page ul li a:hover { color: #08a070; }
.inner .inner-right .news-list .inner-page ul li .pageinfo { width: 200px; display: block; background: #666; background: #999; color: #fff; margin: -5px; }
.inner .inner-right .news-list .inner-page .thisclass { color: #fff; background: #08a070; border: 1px solid #08a070; }
.inner .inner-right .news-list .inner-page .thisclass a { color: #fff; }
.inner .inner-right .explain { overflow: hidden; margin: 0px auto; }
.inner .inner-right .explain .left { float: left; width: 330px; }
.inner .inner-right .explain .left img { padding: 4px; border: 1px solid #08a070; margin-left: 0px; margin-top: 20px; width: 100%; }
.inner .inner-right .explain .right { width: 450px; float: right; margin-bottom: 20px; }
.inner .inner-right .explain .right .inner-title { height: 30px; line-height: 30px; margin: 10px auto; }
.inner .inner-right .explain .right ul li { padding-left: 20px; height: 35px; line-height: 35px; border-bottom: 1px dashed #ccc; color: #333; }
.inner .inner-right .explain .right .bdsharebuttonbox { padding-left: 10px; border-bottom: 1px dashed #ddd; }
.inner .inner-right .explain .prevnext { clear: both; overflow: hidden; padding: 10px; border: 1px solid #ccc; margin: 0 10px; background: #efefef; }
.inner .inner-right .explain .prevnext li { float: right; width: 380px; color: #666; }
.inner .inner-right .explain .prevnext li a { color: #666; }
.inner .inner-right .explain .prevnext li a:hover { color: #08a070; }
.inner .inner-right .article-image { padding: 0px; overflow: hidden; margin-bottom: 20px; position: relative; margin-top: 10px; color: #333; }
.inner .inner-right .article-image .inner-title { height: 50px; margin: 10px auto; background: none; line-height: 50px; }
.inner .inner-right .article-image .title { margin-top: 0px; height: 40px; line-height: 40px; clear: both; overflow: hidden; background: #08a070 url(title-bg.jpg); padding: 0 50px; }
.inner .inner-right .article-image .title h3 { font-size: 18px; color: #333; font-weight: bold; margin: 0; height: 40px; line-height: 40px; float: left; }
.inner .inner-right .article-image .title span { font-size: 12px; color: #333; margin-left: 10px; }
.inner .inner-right .article-image img { display: block; margin: 10px auto; }
.inner .inner-right .article-image .img-prenext { position: absolute; top: 310px; width: 805px; }
.inner .inner-right .article-image .img-prenext .pre_l { color: rgba(0,0,0,0); float: right; font-size: 0; }
.inner .inner-right .article-image .img-prenext .pre_l a { display: block; color: rgba(0,0,0,0); height: 80px; width: 80px; background-image: url(prevnext.gif); background-color: rgba(0,0,0,0.5); background-position: -80px; }
.inner .inner-right .article-image .img-prenext .pre_l a:hover { background-image: url(prevnext-hover.gif); background-color: rgba(255,255,255,0.5); background-position: -80px; }
.inner .inner-right .article-image .img-prenext .pre_r { color: rgba(0,0,0,0); float: left; font-size: 0; }
.inner .inner-right .article-image .img-prenext .pre_r a { display: block; color: rgba(0,0,0,0); height: 80px; width: 80px; background-image: url(prevnext.gif); background-color: rgba(0,0,0,0.5); }
.inner .inner-right .article-image .img-prenext .pre_r a:hover { background-image: url(prevnext-hover.gif); background-color: rgba(255,255,255,0.5); }
.inner .inner-right .article-image .show-bottom { margin: 20px auto; text-align: center; background: #eee; border: 1px solid #ccc; height: 36px; line-height: 36px; overflow: hidden; }
.inner .inner-right .article-image .show-bottom span { border-right: 1px solid #927B54; padding: 0 16px 0 15px; color: #333; }
.inner .inner-right .article-image .show-bottom span a { color: #333; }
.inner .inner-right .in-book { margin-bottom: 10px; }
.inner .inner-right .in-book .title { height: 40px; line-height: 40px; clear: both; overflow: hidden; background: #08a070 url(title-bg.jpg); padding: 0 50px; border-top: 1px solid #ccc; }
.inner .inner-right .in-book .title strong { float: left; margin: 0; margin-left: 10px; color: #333; font-size: 18px; font-weight: bold; line-height: 35px; margin-right: 5px; }
.inner .inner-right .in-book .title span { color: #333; }
.inner .inner-right .in-book .table { margin-top: 10px; margin-bottom: 5px; }
.inner .inner-right .in-book .table tr { float: left; display: block; }
.inner .inner-right .in-book .table .fo-2 { width: 740px; clear: both; }
.inner .inner-right .in-book .table .fo-3 { width: 740px; clear: both; }
.inner .inner-right .in-book .table tr td { border: 0; width: 90px; color: #666; }
.inner .inner-right .in-book .table tr td input { background: none; border: 1px solid #666; padding-left: 10px; border-radius: 5px; }
.inner .inner-right .in-book .table tr td textarea { background: none; border: 1px solid #666; padding-left: 10px; border-radius: 5px; }
.inner .inner-right .in-book .btn { color: #333; }
.inner .inner-right .article-article { overflow: hidden; margin-bottom: 20px; }
.inner .inner-right .article-article .inner-title { height: 40px; margin: 0px auto; background: none; font-weight: 500; color: #08a070; }
.inner .inner-right .article-article .attr { height: 40px; line-height: 30px; border-bottom: 1px dashed #ccc; color: #666; text-align: left; font-size: 12px; margin: 10px; margin-top: 30px; padding-bottom: 10px; }
.inner .inner-right .article-article .attr p { float: left; }
.inner .inner-right .article-article .attr a { color: #aaa; }
.inner .inner-right .article-article .attr .back { float: right; display: inline; background: #ccc; color: #333; padding: 0px 15px; }
.inner .inner-right .article-article .attr .back a { color: #333; }
.inner .inner-right .article-article .info { line-height: 24px; color: #666; padding: 10px; }
.inner .inner-right .article-article .info img { display: block; margin: 0 auto; }
.inner .inner-right .article-article .info { font-family: "宋体", "SimSun"; }
.inner .inner-right .article-article .prevnext { margin: 20px auto; height: 35px; background: #eee; padding: 5px 0; border: 1px solid #ccc; color: #333; }
.inner .inner-right .article-article .prevnext .pre_l { float: left; padding-left: 10px; }
.inner .inner-right .article-article .prevnext .pre_r { float: right; padding-right: 10px; }
.inner .inner-right .article-article .prevnext a { color: #333; }
.inner .inner-right .article-article .prevnext a:hover { color: #08a070; }
.inner .inner-right .article-right-img { margin-top: 20px; overflow: hidden; }
.inner .inner-right .article-right-img .title { height: 40px; line-height: 40px; clear: both; overflow: hidden; background: #08a070 url(title-bg.jpg); padding: 0 50px; border-top: 1px solid #ccc; }
.inner .inner-right .article-right-img .title strong { float: left; margin: 0; margin-left: 10px; color: #333; font-size: 18px; font-weight: bold; line-height: 35px; margin-right: 5px; }
.inner .inner-right .article-right-img .title span { color: #333; }
.inner .inner-right .article-right-img ul li { text-align: center; margin: 10px 5px; ; width: 260px; float: left; padding: 4px; border: 1px solid #999; }
.inner .inner-right .article-right-img ul li img { width: 100% }
.inner .inner-right .article-right-img ul li span { color: #333; }
.inner .inner-right .article-right-img .relevant li { background: #fff; border-bottom: 1px dashed #ccc; height: 30px; margin-top: 0px; text-align: left; font-size: 12px; }
.inner .inner-news-nav ul li { width: 120px; }
.inner .inner-body { overflow: hidden; padding-top: 5px; padding-bottom: 10px; color: #666; }
.inner .inner-body .title { border-bottom: 1px solid #ccc; height: 40px; line-height: 40px; }
.inner .inner-body .title h3 { border-bottom: 1px solid #08a070; float: left; margin: 0; height: 40px; line-height: 40px; font-size: 20px; font-weight: bold; color: #08a070; }
.inner .inner-body .title h3 strong { font-size: 26px; color: #08a070; }
.inner .inner-body .title span { background: url(pro-title.png); width: 960px; display: block; float: right; height: 7px; margin-top: 15px; }
.inner .rec-news .left { width: 350px; float: left; }
.inner .rec-news .right { width: 700px; float: right; }
.inner .rec-news .right ul { overflow: hidden; }
.inner .rec-news .right form { margin-top: 10px; border: 1px solid #ccc; border-top: 0; height: 285px; }
.inner .rec-news .right form .table { margin-bottom: 0; }
.inner .rec-news .center { }
.inner .rec-news .center ul { overflow: hidden; }
.inner .rec-news .center ul li { height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; width: 335px; float: left; margin: 0 15px; }
.inner .rec-news .center ul li span { color: #08a070; margin-right: 20px; }
.inner .rec-news .center ul li small { float: right; }
.inner .rec-pro { overflow: hidden; margin: 00px auto; background: #eee; padding: 20px 0; }
.inner .rec-pro .title { height: 35px; border-bottom: 1px solid #ddd; line-height: 35px; border-left: 3px solid #08a070; }
.inner .rec-pro .title strong { float: left; margin: 0; margin-left: 10px; color: #2d1b17; font-size: 18px; font-weight: bold; line-height: 35px; margin-right: 5px; }
.inner .rec-pro .title span { color: #aaa; }
.inner .rec-pro ul li { width: 255px; float: left; border: 1px solid #ddd; padding: 8px; margin: 10px; background: #f3f3f3; }
.inner .rec-pro ul li:hover { border: 1px solid #08a070; }
.inner .rec-pro ul li img { width: 100%; }
.inner .rec-pro ul li span { color: #666; padding: 5px; display: block; margin-top: 3px; text-align: center; }
.inner .rec-pro ul li span b { font-weight: 500; }
.inner .inner-hot ul li { hight: 30px; line-height: 30px; border-bottom: 1px dashed #aaa; }
.inner .inner-hot ul li span { margin-right: 10px; }
.inner .inner-hot ul p { margin-top: 10px; margin-bottom: 0; }
.inner .inner-book { }
.inner .inner-book .title { border-bottom: 1px solid #ccc; height: 40px; line-height: 40px; margin-bottom: 30px; }
.inner .inner-book .title h3 { font-size: 18px; color: #2d1b17; font-weight: bold; float: left; margin: 0; height: 40px; line-height: 40px; margin-right: 10px; }
.inner .inner-book .title span { font-size: 12px; color: #aaa; }
.inner .inner-hot-img { overflow: hidden; }
.inner .inner-hot-img .in-hot-title { border-bottom: 1px solid #ccc; height: 40px; line-height: 40px; }
.inner .inner-hot-img .in-hot-title h3 { font-size: 18px; color: #2d1b17; font-weight: bold; float: left; margin: 0; height: 40px; line-height: 40px; margin-right: 10px; }
.inner .inner-hot-img .in-hot-title span { font-size: 12px; color: #aaa; }
.inner .inner-hot-img ul li { width: 255px; float: left; margin: 10px; text-align: center; }
.inner .inner-hot-img ul li img { width: 100%; display: block; margin-bottom: 10px; }
.inner .inner-search { overflow: hidden; margin-bottom: 20px; }
.inner .inner-search .news-list { padding: 0px; overflow: hidden; margin-bottom: 20px; }
.inner .inner-search .news-list li { width: 500px; float: left; margin: 24px; height: 165px; border-bottom: 1px dashed #ccc; padding-top: 10px; }
.inner .inner-search .news-list li img { display: block; float: left; border: 1px solid #ccc; padding: 5px; width: 200px; margin-right: 20px; height: 140px; }
.inner .inner-search .news-list li .text { margin-left: 0px; width: 280px; float: left; }
.inner .inner-search .news-list li .li-title { font-size: 18px; }
.inner .inner-search .news-list li .li-title strong { font-weight: 500; color: #c30000; }
.inner .inner-search .news-list li .li-title strong a { color: #c30000; }
.inner .inner-search .news-list li p { color: #666; font-size: 14px; margin-top: 10px; }
.inner .inner-search .news-list li span { font-size: 12px; color: #999; margin-left: 10px; }
.inner .inner-search .inner-page { text-align: center; }
.inner .inner-search .inner-page ul { overflow: hidden; width: auto; }
.inner .inner-search .inner-page ul li { display: inline-block; position: relative; margin-right: 5px; border: 1px solid #ccc; border-radius: 5px; padding: 3px 10px; }
.inner .inner-search .inner-page ul li a { color: #666; display: block; }
.inner .inner-search .inner-page ul li .pageinfo { }
.inner .inner-search .inner-page .thisclass { background: #0860A8; color: #fff; }
.inner .inner-search .inner-page .thisclass a { color: #fff; }
.inner .inner-search .inner-page table { margin: 0 auto; }
.inner .inner-search .inner-page td { border: 1px solid #ccc; padding: 3px 10px; width: auto !important; }
.inner label { max-width: none; }
.sitemap { overflow: hidden; }
.sitemap .inner-place { height: 30px; border-bottom: 1px dashed #ccc; line-height: 30px; margin-top: 10px; }
.sitemap .inner-place .inner-position { float: left; }
.sitemap .sp-title { float: right; }
.sitemap .sp-title a { background: #eee; padding: 5px; }
.sitemap .linkbox { border: 1px solid #ccc; margin: 10px 0; padding: 3px 10px; }
.sitemap .linkbox h3 { border-bottom: 1px dashed #ccc; }
.sitemap .linkbox ul { overflow: hidden; margin-bottom: 10px; }
.sitemap .linkbox ul li { float: left; margin-right: 10px; }
.kefu { position: fixed; top: 35%; right: 0; width: 140px; z-index: 9; }
.icon-kefu { width: 30px; height: 100px; float: left; background: #08a070 url(kefu.png); position: relative; display: none; cursor: pointer; border-radius: 5px 0 0 5px; }
.kefu-box { float: left; width: 140px; background: #08a070; border-radius: 5px 0 0 5px; }
.kefu-tab img { display: block; }
.kefu-top { width: 140px; height: 60px; position: relative; border-bottom: 1px solid #008A5E; }
.kefu-center { padding: 15px 15px 10px 15px; text-align: center; }
.kefu-center ul { overflow: hidden; background: #fff; padding-top: 10px; border-radius: 5px; }
.kefu-center li { height: 33px; }
.kefu-center li img { border: 1px solid #08a070; border-radius: 5px; }
.kefu-center .qrcode { margin-top: 10px; }
.kefu-center .qrcode img { width: 110px; background: #fff; padding: 5px; border-radius: 5px; }
.kefu-center .phone { margin-top: 5px; }
.kefu-center .phone strong { color: #fff; display: block; font-size: 16px; font-weight: 500; }
.kefu-bottom { height: 30px; width: 140px; color: #fff; line-height: 30px; text-align: center; margin-bottom: 10px; border-top: 1px solid #008A5E; }
.kefu-bottom a { color: #fff; }
.kefu-bottom span { font-size: 18px; margin-right: 5px; line-height: 30px; }
.pagination{
    margin: 0;
}
.pagination li{
    border: none!important;
    padding: 0!important;
}
.pagination li.active a{
    color: #fff!important;
    background: #08a070!important;
    border: 1px solid #08a070!important;
}