﻿/*by 东方的太阳  QQ：465002188*/

* { padding: 0; margin: 0 }
body { color: #666; font: 14px/26px '微软雅黑', Arial, Verdana, Helvetica, sans-serif; background: #fff ;word-wrap:break-word}
ul, ol { list-style-type: none }
textarea, select, input, button, label, img { vertical-align: middle; font-family: 'Raleway', 微软雅黑 }
input[type=submit] { cursor: pointer }
input, button { overflow: visible }
table { border-collapse: collapse }
img { border: 0; vertical-align: middle; max-width: 100% }
html { -webkit-text-size-adjust: none }
input, textarea, div, a, select { outline: none }
input, textarea, label { font-size: 14px }

body {min-width: 1040px;}
.wp {width: 100%;max-width: 1040px; margin: 0 auto;padding: 0 15px;}
.c:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.c { *zoom: 1 }
.fl { float: left; display: inline }
.fr { float: right; display: inline }
.rel { position: relative }
.abs { position: absolute }
.none { display: none }
.tac { text-align: center }
.tar { text-align: right }

.text-overflow { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.table { display: table; table-layout: fixed; width: 100% }
.table li, .cell { display: table-cell; vertical-align: middle }
.inline-box { font-size: 0px; text-align: center }
.inline-box li, .inlineb { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1 }
img.img_vm { vertical-align: middle; top: 0; left: 0; bottom: 0; right: 0; margin: auto; position: absolute; max-height: 100% }
a { color: #666; text-decoration: none;}
a:link { }
a:hover { text-decoration: none; color: #00733a }
a:active { }
a:visited { }


.header {height: 128px;background: url(../images/head_bg.jpg);}
.logo img {vertical-align: top;}
.header .t {padding: 10px 0;font-size: 12px;}
.header .t a {margin: 0 10px;font-family: arial;}
.header .t a img {margin-right: 5px;}


.tel {background: url(../images/i_tel.png) no-repeat;padding: 0 0 0 100px;color: #292929;font-size: 16px;margin-top: 5px;float: right;margin-right: 15px;}
.tel strong {font-size: 18px;font-family: arial;font-weight: bold;display: block;}

.nav {height: 50px;background: #202020;}
.nav li {float: left;width: 14.28571428571429%;background: url(../images/nav_li.jpg) no-repeat right center;text-align: center;height: 50px;}
.nav li a{display: block;color: #fff;padding-top: 5px;height: 45px;font-family: arial}
.nav li a span {display: block;font-size: 10px;color: #4b4b4b;line-height: 10px}
.nav li.on a,
.nav li a:hover {background: #00733a;}
.nav li a:hover span,
.nav li.on a span {color: #fff;}

.bann {height: 217px;background-repeat: no-repeat;background-position: center center;}

.main {background: #dddddd;}
.main .wp {background: #f3f3f3;padding: 0;}
.so_box {padding: 10px 20px;line-height: 30px;border-bottom: 1px solid #ccc;}
.key a {margin: 0 15px 0 5px;}
.so {border:1px solid #dddddd;height: 28px;}
.so .inp {height: 28px;line-height: 28px;width: 200px;padding: 0 10px;background: #eeeeee;float: left;border:0;}
.so .mit {background: #00733a;color: #fff;width: 50px;color: #fff;border:0;float: right;height: 28px;}

.ml {width: 240px;margin-left: 20px;}
.mr {width: 730px;margin-right: 20px;}
.ml,.mr {padding-bottom: 50px;}

.t1 {line-height: 50px;height: 50px;background: #1f1f1f;border-left: 6px solid #00733a;font-weight: bold;font-size: 15px;color: #fff;padding-left: 14px;}
.t1.ico {background-image: url(../images/ico1.jpg);background-repeat: no-repeat;background-position: 93% center;}

.subnav {background: #fff;margin-bottom: 20px;}
.subnav li {border-bottom: 1px solid #e5e5e5;line-height: 42px;height: 42px;}
.subnav li a {background: url(../images/sub_li.jpg) no-repeat 20px center;padding-left: 40px;display: block;}
.subnav li a:hover,
.subnav li.on a {font-weight: bold;color: #00733a;background-image: url(../images/sub_on.jpg)}

.left_act {background: #fff;}
.left_act .p {padding-top: 10px;color: #333;padding: 15px;font-size: 12px;}


.bread {line-height: 45px;height: 45px;border-bottom: 1px solid #dddddd;margin-bottom: 17px;}
.bread p {background: url(../images/ico2.jpg) no-repeat 5px center;padding-left: 25px;color: #00733a;}
.bread p a,
.bread p span {margin: 0 7px;}

.cont {color: #333;}
.cont img {margin-bottom: 10px;}

.left_honor {border:1px solid #dddddd;border-top: 0;padding: 10px 20px;background: #fff;text-align: center;}
.left_honor li {padding: 10px 0;height: 130px;}

.act_cont {font-size: 14px;color: #333;/*background: url(../images/dt_bg.jpg) no-repeat right center;*/margin-top: 20px;}

.page {font-size: 0;text-align: center;padding: 20px}
.page a, .page span {display:inline-block;*display: inline;*zoom: 1;font-size: 14px;border:1px solid #eee;padding: 2px 10px;text-transform: uppercase;margin: 0 5px}
.page a:hover, .page a.on {background: #000000;color: #00733a;}

.news_list li {border-bottom: 1px dashed #aaaaaa;padding:0 0 15px 0;margin-bottom: 15px;}
.news_list li a {display: block;overflow: hidden;}
.news_list li .pic {width: 156px;height: 78px;border:2px solid #dddddd;float: left;margin-right: 15px;}
.news_list li .t {font-size: 14px;color: #333;}
.news_list li .t span {float: right;font-size: 12px;color: #999;}
.news_list li .p {line-height: 20px;font-size: 12px;margin-top: 5px;}
.news_list li a:hover .t {color: #00733a;}

.ser_cont .title {text-align: center;color: #000;font-size: 24px;font-family: arial;padding: 10px 0 20px 0;}
.ser_cont .p {font-size: 16px;line-height: 35px;}

.ser_pic {border-radius: 10px;overflow: hidden;border:1px solid #dddddd;}

.ser_tab {width: 100%;margin-top: 15px;font-size: 13px;font-family: arial;}
.ser_tab td {border:1px solid #c5c5c5;background: #fff;padding: 3px 10px;text-align: center;color: #333;}

.pro_subnav {border:1px solid #ddd;border-bottom: 0;background: #fff;margin-bottom: 12px;}
.pro_subnav .t {border-bottom: 1px solid #ddd;line-height: 47px;padding: 0 20px;color: #000;font-size: 16px;background: url(../images/li2.png) no-repeat 93% center;}
.pro_subnav .t span {color: #666666;margin-left: 10px;}
.pro_subnav ul {border-bottom: 1px solid #ddd;padding: 13px 0}
.pro_subnav ul li {line-height: 28px;}
.pro_subnav ul li a {font-size: 12px;font-family: arial;background: url(../images/sub_li.jpg) no-repeat 20px center;padding-left: 40px;}
.pro_subnav ul li.on a,
.pro_subnav ul li a:hover {background-image: url(../images/sub_on.jpg);color: #00733a;}
.pro_subnav ul li.on a span,
.pro_subnav ul li a:hover span {border-bottom: 1px solid #00733a;}


.pro_list li {width: 230px;text-align: center;float: left;margin: 0 20px 10px 0;display: inline;font-size: 12px;}
.pro_list li .pic {border:1px solid #ddd;width: 228px;height: 228px;margin-bottom: 10px;}
.pro_list li a {display: block;line-height: 18px;}
.pro_list li a strong {color: #333333;}
.pro_list li a:hover strong {color: #00733a;}
.pro_list li a:hover .pic {border-color: #00733a;}
.pro_list li a:hover p {color: #666;}
.pro_list li a p {height: 40px;}




.pro_dc {padding: 10px 0 15px 0;font-size: 14px;color: #333;line-height: 24px}
.pro_bann {height: 230px;}
.pro_bann img {vertical-align: top;width: 100%}
.pro_bann .hd{bottom:20px;right: 20px;}
.pro_bann .hd li {width: 12px;height: 12px;background: #666666;text-align: center;line-height: 12px;color: #000;float: left;margin-right: 10px;font-size: 10px;}
.pro_bann .hd li.on {background: #00733a;color: #fff;}

.pro_title {font-size: 14px;color: #000;padding: 20px 0 10px 0}
.pro_title a {color: #00733a;font-family: 宋体}

.banner, .banner .bd ul li a {display: block;height: 500px;width: 100%;background-repeat: no-repeat;background-position: center center;}
.banner .hd {bottom:4px;left:0;text-align: center;width: 100%;font-size: 0;}
.banner .hd ul li {width: 12px;height: 12px;background: #484848;margin: 0 5px;display: inline-block;*display: inline;*zoom: 1;}
.banner .hd ul li.on {background: #2e8a5d}
.banner .prev,
.banner .next {width: 49px;height: 89px;background: url(../images/arrow_left.png) no-repeat;left:50%;margin-left: -650px;display: block;z-index: 1100;top:50%;margin-top: -44px;}
.banner .next {background-image: url(../images/arrow_right.png);left:auto;right: 50%;margin-right: -650px;}

.home_main {background: #1f1f1f}
.home_main .so_box {border-bottom: 1px solid #333;}
.home_main .so_box .so {border-color:#666666;}
.home_main .so_box .so .inp {background: none;color: #fff;}


.home_f1 .wp {background: #f3f3f3;padding: 20px;width: 1000px;}

.t3 {padding: 30px 0;}
.t3 .en {font-size: 13px;color: #999999;font-family: arial;line-height: 13px;}
.t3 h5 {font-size: 30px;color: #202020;line-height: 28px;padding: 11px 0;}
.t3 .t {background:url(../images/x1.jpg) repeat-x center center;font-size: 14px;line-height: 20px;height: 20px}
.t3 .t .x {width: 60px;background: url(../images/x2.jpg) repeat-x center center;height: 20px}
.t3 .t .inlineb {height: 20px;vertical-align: top;}
.t3 .t .a {padding: 0 25px;background: #f3f3f3}


.home_f1 .list {padding-bottom: 45px;}
.home_f1 .list .it {width: 240px;float: left;background: #444444;border-bottom: 2px solid #333;height: 320px;margin-right: 13px;}
.home_f1 .list .it .pic {height: 130px;}
.home_f1 .list .it .pic img {vertical-align: top;}
.home_f1 .list .it .p {padding: 15px;color: #b2b2b2;padding-top: 5px;}
.home_f1 .list .it .ico {width: 104px;height: 74px;background: url(../images/li4.png) no-repeat center center;margin: 0 auto;text-align: center;color: #fff;font-weight: bold;padding-top: 30px;margin-top: -55px;position: relative;z-index: 2;line-height: 24px}
.home_f1 .list .it .ico span {display: block;color: #aaaaaa;font-weight: normal;font-size: 10px;-webkit-transform:scale(0.8);}
.home_f1 .list .it a:hover .ico {background-image: url(../images/li4_hover.png);color: #1f1f1f;}
.home_f1 .list .it a:hover .ico span {color: #1f1f1f;}
.home_f1 .list .it a:hover .p {color: #fff;}

.home_f1 .box .sub {width: 240px;}
.home_f1 .box .info {width: 730px;}
.home_f1 .box .t_t {height: 38px;line-height: 38px;background: #2f2f2f;color: #fff;margin-left: -20px;padding-left: 20px;margin-bottom: 8px;}
.home_f1 .box .info .t_t {margin-right: -20px;margin-left: 0;}
.home_f1 .box .info .t_t a {float: right;color: #fff;font-size: 12px;font-family: arial;margin-right: 20px;}
.home_f1 .pro_subnav {margin-bottom: 0;}

.tel2 {border:1px solid #ddd;border-top: 0;padding: 17px 16px;background: url(../images/i_tel2.jpg) no-repeat 16px center;background-color: #fff;padding-left: 70px;line-height: 22px}
.tel2 span {display: block;font-size: 22px;font-family: arial;color: #292929;font-weight: bold;}

.t_bg {background: #2f2f2f;padding: 25px 0;}
.t_bg .t {background-image: url(../images/x3.jpg)}
.t_bg .t .a {background: #2f2f2f;color: #dddddd;}
.t_bg  h5 {color: #dddddd;}



.home_f2 .box1 {background: url(../images/y_bg.png) no-repeat center 110px #f3f3f3;padding: 20px;height: 943px}
.home_f2 .box1 .it {position: absolute;top:10px;left:0;}
.home_f2 .box1 .it .t {font-size: 18px;color: #1f1f1f;border-bottom: 1px dashed #999;padding-bottom: 15px;margin-bottom: 10px;}
.home_f2 .box1 .it .t .z1 {font-size: 59px;}
.home_f2 .box1 .it .t .z2 {font-size: 30px;}
.home_f2 .box1 .it .t .z1,
.home_f2 .box1 .it .t .z2 {font-weight: bold;}
.home_f2 .box1 .it .t small {display: block;color: #777777;font-size: 12px;margin-top: 2px;line-height: 15px}
.home_f2 .box1 .it1 {width: 420px;}
.home_f2 .box1 .it2 {width: 420px;right: 0;left:auto;}
.home_f2 .box1 .it3 {width: 295px;top:427px;}
.home_f2 .box1 .it4 {width: 295px;right: 0;left:auto;top:456px;}
.home_f2 .box1 .it5 {width: 420px;top:720px;}
.home_f2 .box1 .it6 {width: 310px;right: 0;left:auto;top:756px;}
.home_f2 .box1 .it6 .p,
.home_f2 .box1 .it4 .p,
.home_f2 .box1 .it2 .p {text-align: right;float: right;}
.home_f2 .box1 .it.it6 .p {width: 310px;}

.home_f2 .box1 .it .p {width: 230px;line-height: 24px;}
.home_f2 .box1 .it5 .p {width: auto;}
.home_f2 .a_ds1 {background: #f3f3f3;padding: 0 20px;}
.home_f2 .box2 {background: #f3f3f3;padding: 0 20px;}
.home_f2 .box2 .line li {width: 293px;padding-right: 60px;float: left;margin-bottom: 25px;font-size: 0;}
.home_f2 .box2 .line li .inlineb {width: 208px;}
.home_f2 .box2 .line li .ico {width: 76px;height: 76px;background: url(../images/y4.png) no-repeat 0 0;margin-right: 5px;-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.home_f2 .box2 .line li h5 {font-size: 20px;color: #333;}
.home_f2 .box2 .line li p {font-size: 12px;color: #666;line-height: 24px;margin-top: 5px;}
.home_f2 .box2 .line li .ico span {display: block;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center center;}
.home_f2 .box2 .line li .ico1 span {background-image: url(../images/ico5_01.png)}
.home_f2 .box2 .line li .ico2 span {background-image: url(../images/ico5_02.png)}
.home_f2 .box2 .line li .ico3 span {background-image: url(../images/ico5_03.png)}
.home_f2 .box2 .line li .ico4 span {background-image: url(../images/ico5_04.png)}
.home_f2 .box2 .line li .ico5 span {background-image: url(../images/ico5_05.png)}
.home_f2 .box2 .line li .ico6 span {background-image: url(../images/ico5_06.png)}
.home_f2 .box2 .line li .ico7 span {background-image: url(../images/ico5_07.png)}
.home_f2 .box2 .line li .ico8 span {background-image: url(../images/ico5_08.png)}
.home_f2 .box2 .line li .ico9 span {background-image: url(../images/ico5_09.png)}
.home_f2 .box2 .line li:hover .ico {background-position: 0 -76px;}
.home_f2 .box2 .more a {width: 200px;height: 44px;line-height: 38px;background: url(../images/y3.png) no-repeat;color: #fff;}
.home_f2 .box2 .more {padding-bottom: 30px;}

.home_f3 .wp {background: #f3f3f3;padding: 30px 20px;width: 1000px;}
.home_f3 .wp .box1 {background: #1f1f1f;padding: 20px;}
.home_f3 .wp .box1 .pic {width: 519px;height: 324px;overflow: hidden;}
.home_f3 .wp .box1 .info {padding: 25px;margin-left: 519px;background: #f3f3f3;float: none;height: 274px;overflow: hidden;}
.home_f3 .wp .box1 .info h3 {font-size: 24px;color: #333;}
.home_f3 .wp .box1 .info h3 small {font-size: 12px;color: #a9a9a9;display: block;font-weight: normal;font-family: arial;}
.home_f3 .wp .box1 .info .x {height: 3px;width: 30px;background: #00733a;}
.home_f3 .wp .box1 .info .p {padding: 5px 0 20px 0}
.home_f3 .wp .box1 .info .more a {width: 140px;height: 36px;background: #1f1f1f;color: #fff;text-align: center;line-height: 36px;}
.home_f3 .wp .box1 .info .more a:hover {background: #00733a}

.ascroll {padding: 20px 0;}
.ascroll .bd {width: 950px;margin: 0 auto;overflow: hidden;}
.ascroll ul li {float: left;margin: 0 7px;text-align: center;}
.ascroll ul li img {border:1px solid #eaeaea;padding: 4px;background: #fff;}
.ascroll ul li span {display: block;font-size: 12px;}
.ascroll .prev,
.ascroll .next {width: 23px;height: 65px;display: block;background: #c3c3c3;color: #fdfdfd;font-family: 宋体;font-size: 20px;line-height: 65px;text-align: center;left:0;top:50%;margin-top: -42px;}
.ascroll .next {right: 0;left:auto;}
.ascroll .abs:hover {background: #000}

.home_f3 .box2 .it1,
.home_f3 .box2 .it2 {width: 320px;}
.home_f3 .box2 .it3 {width: 310px;}
.home_f3 .box2 .it2 {padding: 0 25px;}
.t5 {background: url(../images/x5.png) no-repeat bottom left;padding: 0 0 15px 0;font-size: 16px;color: #333;font-weight: bold;}
.t5 span {color: #aaaaaa;font-weight: normal;}
.t5 a{font-size: 13px;font-family: arial;font-weight: normal;}
.home_f3 .box2 .x {border:1px solid #dddddd;}
.list5 {padding: 10px;}
.list5 li {line-height: 36px;height: 36px;border-bottom: 1px dashed #aaaaaa;}
.list5 li a {display: block;background: url(../images/li3.jpg) no-repeat 5px center;padding-left: 25px;}
.list5 li:last-child {border-bottom: 0;}

.home_f3 .box2 .it3 .x {padding: 20px;}
.faq_list ul li {border-bottom: 1px dashed #aaa;padding-bottom: 11px;margin-bottom: 15px;}
.faq_list ul li .Q {height: 29px;line-height: 29px;overflow: hidden;background: url(../images/i_faq_01.jpg) no-repeat 0 center;padding-left: 30px;font-weight: bold;color: #333;}
.faq_list ul li .A {background: url(../images/i_faq_02.jpg) no-repeat 0 0;padding: 0 0 0 30px;}
.faq_list {height: 363px;overflow: hidden;}

.pro_main {border:1px solid #ddd;background: #fff;}
.pro_head {/*height: 246px;*/overflow: hidden;}
.pro_head .title {width: 390px;}
.pro_head .title .table {width: 100%;height: 246px;text-align: center;color: #000;font-size: 32px;font-family: arial;line-height: 35px}
.pro_head .ppic {width: 246px;}

.pro_body .t {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 44px;height: 44px;padding: 0 20px;color: #333;font-weight: bold;}
.pscroll {width: 60px;padding: 0 15px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;height: 246px;display: none;}
.pscroll ul li {height:58px;width: 58px;border:1px solid #ddd;text-align: center;overflow: hidden;margin: 8px 0;}
.pscroll ul li img {height: 100%;}
.pscroll .bd {height: 210px;overflow: hidden;margin-top: 16px;}
.pscroll .prev,
.pscroll .next {height: 10px;background: url(../images/arrow_up.jpg) no-repeat center center;top:7px;left:0;width: 100%;}
.pscroll .next {bottom:7px;top:auto;}
.pro_body .p {padding: 10px 15px;}






.footer {background: #272727;overflow: hidden;}
.blogo {width: 200px;text-align: center;background: #1f1f1f}
.m {padding: 20px 0}
.m span {display: block;color: #c2c2c2;font-size: 12px;margin-top: 10px;}
.binfo {width: 820px;}
.binfo .n {padding-top: 30px;}
.binfo .n a {font-size: 14px;margin-right: 40px;color: #aaaaaa;}
.binfo .n a:hover {color: #ffffff;}
.binfo .b {line-height: 30px;font-size: 13px;color: #999999;padding: 15px 0;border-top: 1px solid #444;border-bottom: 1px solid #444;margin: 15px 0;}
.binfo .b .map span {display: block;font-size: 14px;margin-bottom: 5px;}
.binfo .flink .t {font-size: 14px;color: #aaaaaa;}
.binfo .flink .a a {color: #828282;font-size: 12px;}
.binfo .flink .a span {margin: 0 15px;}
.binfo .flink .a a:hover {color: #fff;}

.i_top {display: block;position: fixed;bottom:350px;left:50%;margin-left: 540px;display: none;}




.feed dt {position: absolute;width: 115px;height: 42px;color: #000;text-align: center;line-height: 42px;}

.feed dd {width: 222px;height: 40px;border:1px solid #ddd;border-left: 0;margin-left: 115px;margin-bottom: 10px;}
.feed dd .inp {width: 100%;height: 40px;line-height: 40px;border:0;vertical-align: top;}
.feed dd span {position: absolute;right: 370px;line-height: 42px;margin-top: 0px;color: #c00;}
.feed dd.text {width: 274px;height: 115px;border:1px solid #ddd;margin-bottom: 10px;}
.feed dd.text textarea {border:0;height: 100%;width: 100%;}
.feed dd .code {width: 105px}
.feed dd.go {border:0;margin: 0;width: auto;padding: 0;}
.feed {margin-top: 15px;}
.feed .mit,
.feed .reset {width: 110px;height: 36px;background: #333;color: #fff;font-size: 16px;border:0;margin-right: 20px;margin-top: 10px;}
.feed .mit {background: #b81c22}
.feed .inp:focus, .pro_feed textarea:focus {border-color: #b81c22}









