@CHARSET "UTF-8";
.banner{ width:100%;overflow:hidden;background:#F7F7F7; background:url(../images/loading.gif) no-repeat center center;}
.flexslider {position: relative; zoom: 1; width:100%; overflow:hidden;margin: 0; padding: 0; }
.flexslider .slides { zoom: 1;}
.flecslider .slides li{display:none;}
.flexslider .slides img {width:100%;display: block;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav li { width:59px; height:42px; overflow:hidden; position: absolute; top: 50%; margin-top:-21px;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 59px; height: 42px;position: absolute;  z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; background-image:url(../images/banner/arrow.png); padding-top:120px;}
.flex-direction-nav .flex-prev { background-repeat: no-repeat; background-position: center top; }
.flex-direction-nav .flex-next { background-repeat: no-repeat; background-position: center -42px; }
.prevleft{left: 40px;}
.nextright{right: 40px;}
.flexslider:hover .flex-prev { opacity: 0.7; }
.flexslider:hover .flex-next { opacity: 0.7; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.slider_more a:hover{ text-decoration:none;}
.flex-control-nav {width: 100%; position: absolute; bottom: 20px; text-align: center; padding:0px; margin:0px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li a { width: 22px; height: 22px; display: block; cursor: pointer; text-indent: -9999px; background-image: url(../images/banner/x.png); background-repeat: no-repeat; background-position: center top; }
.flex-control-nav li a:hover { background-position: center bottom; }
.flex-control-nav li a.flex-active {  cursor: default; background-position: center bottom; }
@charset "utf-8";
/* 
 *样式表文件
 *
 *设计制作：厦门玖圣网络科技有限公司
 *网址：http://www.jiuss.com
 *联系电话：0592-6022662
 */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{margin:0px;padding:0px; font-family:"Microsoft YaHei", "微软雅黑", "黑体", Arial;}
ul,h1,h2,h3,li{margin:0px;padding:0px; list-style-type:none;}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;} 
a:focus{outline:none;-moz-outline-style:none;-moz-outline:none;}
a:hover{text-decoration:underline;}
.clear{display:inline-block;}
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;} 
input,textarea{outline:none;background-color:transparent;resize:none;}
.none{display:none; }
img{border:0px;display:block; max-width:100%;}
.top{position:fixed;width:100%;text-align:center;top:80px;}
header{ max-width:1100px; height:80px;margin:auto; overflow:hidden;}
header h1{ float:left; width:200px; height:58px; overflow:hidden; background:url(../images/logo.png) no-repeat center top; margin-top:11px;}
header h1 a{ display:block; padding-top:60px;}
header nav{ float:right;}
header nav ul li{ float:left;}
header nav ul li a{ display:block; height:80px;font-size:14px; color:#007171; padding:48px 17px 0;}
header nav ul li a:hover,.hover a{ background:#3aaa9a; color:#fff; text-decoration:none;}
header nav ul li ul{ position:absolute; background:#3aaa9a; padding:10px; z-index:99; display:none; min-width:90px;}
header nav ul li ul li{ float:none;}
header nav ul li ul li a{ height:auto; padding:5px 0;}
.b_yin{ background:url(../images/b.png) repeat-x; height:21px; display:block; width:100%; position:absolute; left:0px; top:80px; z-index:2;}
.b_yin2{ background:url(../images/b.png) repeat-x; height:21px; display:block; width:100%; position: fixed; left:0px; top:80px; z-index:2;}
.index_news{ background: url(../images/index_new.png) no-repeat; width:735px; height:44px; position:absolute; z-index:99; margin:-22px 0 0 -500px; left:50%; display:none;}
.index_news h2{ width:162px; float:left; height:44px; line-height:44px; text-align:center; font-size:16px; color:#fff; font-weight:normal;}
.index_news ul{ height:44px; line-height:44px; overflow:hidden; padding-left:30px;}
.index_news ul li a{ color:#fff; font-size:14px;}
footer{ background:#333; padding-top:50px;}
.footer{ width:1100px; margin:auto;}
.f_nav { width:1100px;}
.f_nav ul{ float:left; width:15%;}
.f_nav ul li.ftitle{ color:#3aaa9a; font-size:16px; padding:15px 0;}
.f_nav ul.index_contact{ width:40%;}
.weixin_pic img{ width:96px; height:96px;}
.f_nav ul li a{ font-size:13px; color:#8c8c8c; line-height:170%;}
.f_nav ul li p{font-size:13px; color:#8c8c8c; line-height:170%; padding:0px; margin:0px;}
.f_nav ul li p img{ margin-top:15px;}
.copyright{ border-top:solid #5e5e5e 1px; padding:5px 0; width:1100px;}
.copyright p{ color: #8c8c8c; font-size: 13px; float: left; text-transform: uppercase; }
.copyright p a{color:#8c8c8c;}
.copyright p span{ margin-right:15px;}
.copyright i{ float:right;}
.copyright i a{color:#666; font-size:12px;}
.footerb,.footerb a{color:#333;text-align:center;}

.banner2{ height:312px; background-repeat:no-repeat; background-position:center center; background-color:#fafafa;}
.two_nav{ text-align:center; padding:30px;}
.two_nav span{ margin:0 20px; cursor:pointer; color:#333;}
.two_nav span:hover,.two_nav span.active{ color:#3aaa9a}
.about_box{ background:url(../images/bj_1.jpg) no-repeat center top; width:1000px; margin:auto; color:#3c3c3c;  padding:0 30px;}
.about_content p,.shiyanshi p{ text-indent: 28px; line-height:200%;color:#3c3c3c;font-size:14px;}
.about_title{ text-align:center; font-size:36px; color:#3aaa9a; font-weight:normal; padding:20px 0 40px;}
.wenhua_box{ padding:30px 0 70px;}
.shiyanshi{ background:url(../images/bj_2.jpg) no-repeat center top;}
.shiyanshi{ width:1000px; margin:auto; padding:0 30px;}
.zongzhi span{ margin-right:50px;}
.beizhu{ height:300px;}
.beizhu i{ float:left; background:#f4f4f4; color:#959595; width:520px; padding:20px; font-size:14px; line-height:200%; margin-top:20px;}
.beizhu img{ float:right;}
.rongyu{ width:1000px; margin:auto; overflow:hidden;}
.rongyu ul{ width:1100px;}
.rongyu ul li{ float:left; width:300px; height:230px; margin-right:50px;}
.rongyu ul li img{ width:100%;}
.more{ padding:20px 0 40px; text-align:center;}
.more a{ color:#333;}
.section {position: relative;}
#back-top{ background:url(../images/top.png) no-repeat center top; width:37px; height:37px; position:fixed; left:50%; bottom:100px; display:block; margin:0px; padding:0px; overflow:hidden; margin-left:560px;}
#back-top:hover{background:url(../images/top.png) no-repeat center bottom;}
#back-top a{ display:block; padding-top:40px;}

.product_list,.news_list{ width:1110px; margin:auto; overflow:hidden;}
.title{ height:41px; background:url(../images/title.png) no-repeat center bottom; margin:24px 0 0;}
.title span{ float:left; font-size:16px; font-weight:normal; margin-left:31px; width:158px; height:41px; line-height:41px; text-align:center}
.title p{ float:right; font-size:13px; color:#3c3c3c; font-weight:normal;}
.title p a{color:#3c3c3c;}
.product_list ul{ width:1150px; padding:40px 0 0;}
.product_list ul li{ float:left; margin-right:8px; height:270px;}
.product_list ul li a{ display:block;}
.product_list ul li a:hover{text-decoration:none;}
.product_list ul li a:hover i{color:#3aaa9a;}
.product_list ul li a span{ width:272px; height:182px; display:block; overflow:hidden;}
.product_list ul li a i{ display:block; text-align:center; font-style:normal; padding-top:25px; color:#000; font-size:14px;}
.manu {TEXT-ALIGN: center; height:100px;}
.manu A {TEXT-DECORATION: none; padding:2px 7px; margin:4px; background:#efefef; color:#3aab9b;border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px;}
.manu A:hover {background:#999; color:#fff;}
.manu .current {padding:2px 7px; margin:4px;border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px; background:#39ab9a; color:#fff;}
.manu .disabled { border:solid #CCC 1px; color:#999;padding:2px 7px; margin:4px;border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px;}

.product_left{ float:left; width:304px; overflow:hidden; padding-top:10px;}
.product_right{ float:right; padding:10px 0 0 30px; width:765px;}
.product_pic img{ max-width:100%;}
.pn a{ display:block; float:right; width:28px; height:28px; background-image:url(../images/icon_lr.png); background-repeat:no-repeat; text-indent:-9999px; margin:10px 10px 0 0;}
.next{ background-position:right top;}
.pre{ background-position:left top;}
.product_title{ font-size:30px; font-weight:normal; color:#3aaa9a;}
.h4{ background:url(../images/icon_title.png) no-repeat left center; padding-left:40px; line-height:32px; color:#3aaa9a;}
.box1{ padding:20px 0;}
.box1 p{ color:#797979; font-size:14px;}
.h5{ border-top:solid #CCC 1px; margin:0px; padding:20px 0 0; font-size:18px; color:#3aaa9a;}
.product_list.xiangguan ul{ padding:10px 0 0 0;}
.xiangguan_box{ width:1100px; margin:auto; padding:0 0 20px 0;}
.xiangguan_box h5{ font-size:18px; color:#3aaa9a;}
.xiangguan_box ul li{ height:25px; padding:0 20px 0 0;}
.xiangguan_box ul li a{ font-size:13px; color:#333; display:block; height:25px; line-height:25px; padding:0 10px;}
.xiangguan_box ul li a:hover{ background:#F9F9F9}
.xiangguan_box ul li a span{ float:left;}
.xiangguan_box ul li a i{ float:right; font-size:12px; color:#999;}
.pr_left{ width:50%; float:left;}
.pr_right{ width:50%; float:right;}

.n_list{ padding:0 0 50px;}
.n_list li{ height:210px; border-bottom:solid #efefef 1px; padding:28px 0;}
.n_list_pic{ display:block; width:214px; height:143px; float:left; overflow:hidden;}
.n_text{ float:left;width:868px; float:right;}
.n_text h3{ background:url(../images/icon_title.png) no-repeat left center; padding-left:40px;}
.n_text h3 a{ line-height:32px; color:#2b2b2b; font-size:16px; font-weight:normal;}
.n_text p{ font-size:13px; color:#7b7b7b; line-height:22px; padding:10px 0;}
.list_data { color:#7b7b7b; font-size:14px;}
.list_data a{ background:#35a997; padding:0 5px; color:#fff;}
.list_data span{ background:#efefef; padding:0 5px;}
.new_title{ text-align:center; width:100%; margin:30px 10px 10px;}
.new_title span{ background:url(../images/icon_title.png) no-repeat left center; padding:20px 0 20px 40px; line-height:32px; font-size:16px; color:#2b2b2b;}
.center{ text-align:center;}
.srticle{ font-size:14px; color:#7b7b7b; width:800px; margin:40px auto;}
.srticle a{color:#7b7b7b;}
.srticle p{ text-indent:26px; line-height:24px;}
.xg_title{ border-top:solid #efefef 1px; border-bottom:solid #efefef 1px; padding-left:30px; color:#3aaa9a; line-height:60px;}
.sx{ height:100px;border-top:solid #efefef 1px; padding:30px; margin-top:30px;}
.sx_left{ float:left;}
.sx_left li{ color:#7b7b7b; font-size:14px; line-height:24px;}
.sx_left li a{ color:#35a997;}
.bdsharebuttonbox{ float:right;}

.job_box{ width:1110px; margin:auto; padding:0 0 50px;}
.job_lilian_box{ padding:20px;}
.job_lilian{ background:url(../images/icon_title.png) no-repeat left center; line-height:32px; padding:20px 0 20px 40px; color:#2b2b2b; font-weight:normal; font-size:16px;}
.job_lilian_box{ font-size:14px; color:#7b7b7b;}
.job_list_top{ height:50px; background-color:#efefef; background-image: url(../images/job.png); background-position:1070px center; background-repeat:no-repeat; line-height:50px; cursor:pointer;}
.job_list_top:hover{ background-color: #E6E6E6; }
.job_list_top span{ display:block; width:25%; float:left; padding-left:20px; color:#3aaa9a;}
.job_list_top span i{ font-style:normal; color:#333;}
.job_list{ background:#f9f9f9; width:100%; margin-bottom:1px;}
.job_list_left{ float:left; width:50%; padding:30px; display:none;}
.job_list_left h4{ font-size:13px; color:#3aaa9a;}
.job_list_left{ font-size:13px; color:#7b7b7b;}
.li{ margin:0 0 10px 40px;}
.li span{ background:#efefef; line-height:27px; padding:5px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.li span i{ color:#3aaa9a;}
.contact_box{ padding:50px;}
.contact_box h2{ font-size:24px; color:#2b2b2b; font-weight:normal; margin:0 0 20px 20px;}
.contact_t p{ width:48%; padding:20px; background:#f5f6f6; font-size:14px; color:#575757; float:left; margin: auto 1%;}
.contact_content{ clear:both; padding:20px; font-size:13px; color:#333;}
.contact_content a{color:#333;}

.z_header{ position:fixed; width:100%; top:0px; z-index:99999; background: url(../images/t.png);}
.section1{ background-repeat:no-repeat; background-position:center center;}
.section1 span{ display:block; background:url(../images/sb.gif) no-repeat center center; width:71px; height:128px; position:absolute; left:50%; bottom:20px; margin-left:-35.5px;}
.section2{ background:url(../images/z1_2.jpg) no-repeat center top;}
.zt1_3 h3{ background:url(../images/zt1_3.png) no-repeat center center; width:229px; height:70px; text-indent:-9999px;}
.zt1_2 h3{ background:url(../images/zt1_4.png) no-repeat center center; width:328px; height:73px; text-indent:-9999px;}
.view{ display:block; background:url(../images/view.png) no-repeat center center; width:117px; height:42px; text-indent:-9999px; margin-left:95px;}
.zt1_2{ max-width:960px; margin:auto; padding:0 30px;}
.zt1_text{ color:#fff; font-size:16px; padding:40px 0 40px 95px; line-height:200%;}
.z30{ font-size:30px;}
.zt1_3_text{ background:url(../images/123.png) no-repeat left top; min-height:266px; padding-left:40px;}
.zt1_3_text p{ height:121px; margin:0px; padding:0px;}
.zt1_3{max-width:960px; margin:auto;}
.section3{ background: url(../images/bj_1.jpg)}
.zt_1_4_top{ max-width:960px; margin:auto; font-size:14px; color:#777878; line-height:25px;}
.zt_1_4_top h3{ font-size:24px; color:#21b7cf; font-weight:normal; margin-bottom:15px;}
.zt_1_4{ width:100%; background:#f2fbfc; padding:50px 0;}
.no{ overflow:auto; padding:80px 0;}
.list_text{ max-width:960px; margin:2px auto; background:#f8f8f8; padding:20px; font-size:14px; line-height:200%; color:#808080;}
.list_text h4{ margin:0px;}
.c1{border-left:solid #37aa98 2px;}
.c2{border-left:solid #ed7a68 2px;}
.c3{border-left:solid #796ca4 2px;}
.c4{border-left:solid #c8a27e 2px;}
.c5{border-left:solid #93b14d 2px;}
.c6{border-left:solid #548dd4 2px;}
.c1 h4{color:#37aa98;}
.c2 h4{color:#ed7a68;}
.c3 h4{color:#796ca4;}
.c4 h4{color:#c8a27e;}
.c5 h4{color:#93b14d;}
.c6 h4{color:#548dd4;}
.script{display:none;}
.pic_box{ background:#000 url(../images/loading.gif) no-repeat center center; position:fixed; top:0;display:none;}
.box_pic{position:fixed;top:50%; left:50%; max-height:90%; max-width:90%;}
#page4 ul li img,#page5 ul li img{ cursor:pointer;}

.magess_box{ width:200px; position:fixed; padding:10px; bottom:36px; left:50%; margin-left:-300px;background:#FFF; border:solid #CCC 5px;box-shadow: 0px 0px 5px #000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; z-index:9999;}
.magess_box p{ padding:0px; margin:0px; font-size:12px;}
.magess_box p [type="text"],.magess_box p textarea{ width:100%; border:solid #CCC 1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; margin-bottom:10px;-moz-box-shadow:3px 3px 3px #f2f2f2 inset;-webkit-box-shadow:3px 3px 3px #f2f2f2 inset;box-shadow:3px 3px 3px #f2f2f2 inset;background:url() no-repeat left center #FFFFFF; padding:3px;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.magess_box p [type="text"]:focus,.magess_box p textarea:focus{border:solid #00e4ff 1px;-moz-box-shadow:3px 3px 3px #dcfbff inset;-webkit-box-shadow:3px 3px 3px #dcfbff inset;box-shadow:3px 3px 3px #dcfbff inset;background:url() no-repeat left center #FFFFFF;}
.magess_box p [type="text"]{ height:28px;}
.magess_box p textarea{ height:100px;}
div.magess_box p [type="submit"]{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffac36', endColorstr='#d35204', GradientType=0);
border: 1px solid #b14403;
background-color: #ffac36;
background-image: -webkit-gradient(linear,left top,left bottom,from(#ffac36),to(#d35204));
background-image: -webkit-linear-gradient(top,#ffac36,#d35204);
background-image: -moz-linear-gradient(top,#ffac36,#d35204);
background-image: -ms-linear-gradient(top,#ffac36,#d35204);
background-image: -o-linear-gradient(top,#ffac36,#d35204);
background-image: linear-gradient(to bottom,#ffac36,#d35204);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffac36, #d35204);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffac36, endColorstr=#d35204);
margin-bottom:0px; height:30px; line-height:28px; width:100%;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer;}
div.magess_box p [type="submit"]:hover{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d35204', endColorstr='#ffac36', GradientType=0);
border: 1px solid #b14403;
background-color: #d35204;
background-image: -webkit-gradient(linear,left top,left bottom,from(#d35204),to(#ffac36));
background-image: -webkit-linear-gradient(top,#d35204,#ffac36);
background-image: -moz-linear-gradient(top,#d35204,#ffac36);
background-image: -ms-linear-gradient(top,#d35204,#ffac36);
background-image: -o-linear-gradient(top,#d35204,#ffac36);
background-image: linear-gradient(to bottom,#d35204,#ffac36);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d35204, #ffac36);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d35204, endColorstr=#ffac36);}
.magess_close{ background:url(../images/close.png) no-repeat center center; width:15px; height:15px; display:block; position:absolute; right:-10px; top:-10px; cursor:pointer;}

.map_box{ padding:30px;}
.map_box ul li{ line-height:30px;height:50px;}
.map_box ul li a{ font-size:16px; color:#000; font-weight:bold; border:solid #999 1px; padding:5px 10px; background:#F5F5F5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; width:150px; text-align:center;}
.map_box ul li ul{ height:50px; padding-left:30px; float:left;}
.map_box ul li ul li{ float:left; margin-right:10px;}
.map_box ul li ul li a{ color: #333; font-weight:normal; font-size:14px; border:solid #F90 1px; background:#FFC; width:auto;}
.you2{ background:url(../images/x.jpg) no-repeat 150px center;}
.zx{ display:block; background:url(../images/zx.png) no-repeat center center; width:108px; height:34px; text-align:center; line-height:34px; clear:both; margin:20px auto; color:#fff;}
.pn{ height:30px;}
.x{ border-top:solid #efefef 1px;}
.copyright2{ color:#8c8c8c; font-size:12px; margin-top:10px;}