html{
	color:#333;
	background:#fff;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	-webkit-font-smoothing:antialiased;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	margin:0;
	padding:0;
}

/** 让Firefox默认显示滚动条 **/
html {overflow:-moz-scrollbars-vertical;}
.lk{display: block;height: 0;width: 0;overflow: hidden;}
/** 设置默认字体 **/
body,button,input,select,textarea{ font-size:12px;
	
}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-family:\5fae\8f6f\96c5\9ed1, \5b8b\4f53, Arial; font-weight:bold;}
address, cite, em {font-style:normal; } /* 将斜体扶正 */
code, pre {font-family:courier new, courier, monospace; } /* 统一等宽字体 */
small {font-size:12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul, ol, li {list-style:none outside none;}

/** 重置文本格式元素 **/

a.u {text-decoration:underline;}
a.u:hover {text-decoration:none;}

sup {vertical-align:text-top; } /* 重置，减少对行高的影响 */
sub {vertical-align:text-bottom; }

/** 重置表单元素 **/
legend {color:#000; } /* for ie6 */
img, iframe,video {border:0 none; max-width:100%; } /* table iframe 搭车：让链接里的 img 无边框 */
button, input, select, textarea {font-size:100%;} /* 使得表单元素在 ie 下能继承字体大小 */
input, select {vertical-align:middle;} /* 表单元素垂直居中对齐 */


.sticky-menu {
    background-color: #000000;
}


a{ font-size:14px;}

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }


.arttype {display:none;}
/*.arttypetxt {background:url(../images/txt.gif) left 5px no-repeat; width:18px; height:21px; margin:0 0 0 5px; display:inline-block; overflow:hidden;} */
.arttypetxt {display:none;}
.arttypeimg {width:18px; margin:0 0 0 5px;}
.arttypevideo {width:18px; margin:0 0 0 5px;}
.arttypeimgvideo {width:40px; margin:0 0 0 5px;}
.arttypeimg img, .arttypevideo img, .arttypeimgvideo img {vertical-align:middle;}


.wrapper{ padding:0 30px; margin:0 auto;}
.wrapper03{ padding:0 120px;}
.wrapper04{ width:1200px; margin:0 auto;}

.top{ height:90px; position:relative;}
.top .logo{ margin-top:20px;}
.top .logo img{ height:50px;}


.navMenu {width:960px; height:46px;  background-position:0 -730px; position:absolute; top:74px; left:0;}
.menu {float:left; width:120px; text-align:center; position:relative;}
.menu a {width:120px; line-height:46px; text-indent:-9999px; display:block;}
.menu a:hover,
.menu a:active,
.menu a.on,
.menu a.on:hover,
.menu a.on:active {}





.second-menu {border-top:3px solid #a1d229; border-bottom:3px solid #a1d229; background:url(../images/navmenu_subback.png);}

.navMenu .menu ul {width:90px; position:absolute; left:0; top:43px; padding:5px 15px; display:none;}
.navMenu .menu ul li a {width:90px; font:normal 12px/20px \5b8b\4f53; text-indent:0; display:block;}
.navMenu .menu ul li a:hover,
.navMenu .menu ul li a:active {color:#a1d229;}

/* 横幅轮显 */
.slider-wrapper {width:100%;   overflow:hidden;}
.theme-default {width:100%; position:relative; overflow:hidden;}
/*.theme-default .nivoSlider {width:1920px; height:780px;position:absolute; left:50%; top:0; margin-left:-960px;}*/
.theme-default .nivoSlider {position:relative;background:#fff url(../images/loading.gif) no-repeat 50% 50%; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;}


.theme-default .nivoSlider img {position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider a {border:0; display:block;}
.theme-default .nivo-controlNav {position:absolute; left:50%; bottom:1vw; margin-left:-35px;}
.theme-default .nivo-controlNav a {display:block;width:22px;height:22px; background:url(../images/bullets.png) no-repeat; text-indent:-9999px;border:0;float:left;}

.theme-default .nivo-controlNav a.active {background-position:0 -22px;}
.theme-default .nivo-directionNav a {display:block;width:40px;height:60px; background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0;}



.theme-default a.nivo-nextNav {background-position:-40px 0; right:9px;}
.theme-default a.nivo-prevNav {left:8px;}
.theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a {color:#fff; border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover {color:#fff;}

/* The Nivo Slider styles */
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
/* The slices and boxes in the Slider */
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
/* Caption styles */
/*.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8; width:100%;z-index:8;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}*/
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {position:relative; z-index:9; cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}



/* 导航 */
.menuBox { height: 90px; position:absolute; left:35%; z-index: 100;}
.menuBox ul li {float: left; height: 90px; /*text-indent:-9999px;*/ position: relative; margin-left: 1px;}
.menuBox ul li a {height: 90px; line-height: 90px; display: block; background: url(../s/img/nav.png) no-repeat;}
.menuBox ul li.nav0 a {	line-height:90px;height:90px; color:#333; padding: 0px 12px; text-align: center;}
.menuBox ul li.nav0 a:hover, .menuBox li.nav0.hot a, .menuBox li.nav0 a.hot {text-decoration: none; background: #4eb1b7; color: #FFF;}
.menuBox ul li.nav1 a {	line-height:90px; height:90px; color:#333; padding: 0px 30px; text-align: center; font-weight:bold;}
.menuBox ul li.nav1 a:hover, .menuBox li.nav1.hot a, .menuBox li.nav1 a.hot {text-decoration: none; background: #4eb1b7; color: #FFF; font-weight:bold;}
.menuBox ul li.nav2 a{ width:55px; padding:0 20px;}
.menuBox ul li.nav2 a:hover, .menuBox li.nav2.hot a, .menuBox li.nav2 a.hot{ width:55px;}



/*子菜单*/
#selfdown ul { display:none; background:#4eb1b7; position:absolute; padding:18px 10px 16px; z-index:100; font-size:13px; width: 100%; box-sizing: border-box;}
#selfdown ul li { line-height:25px; height:25px; border:0px; font-size:13px; color:#ffffff; text-align: center; width:100%;}
#selfdown ul li a {	background:none; height:24px; line-height: 24px; display: block; color:#ffffff; font-size:13px; width:100%; padding: 0;}
#selfdown ul li a:hover { background:none; height:24px; line-height:24px; display:block; color:#eeeeee; font-size:13px; width:100%; padding: 0;}

/*左侧菜单*/
.top .box{ margin-top:37px;}
.top .box a{ float:left; margin-left:20px;}
.top .box .icon{ line-height:1000px; overflow:hidden; height:20px;background-position:center; background-repeat:no-repeat;}
.top .box .icon.icon01{ background:url(../images/sf.png) no-repeat}
.top .box .icon.icon02{ background:url(../images/earth.png) no-repeat;}
.top .box .seabox{ position:absolute; right:20px; top: 60px; background:#338c93; width:260px; padding:20px; line-height:1; opacity:0; visibility:hidden; -webkit-transform:translateY(20px); transform:translateY(20px); -webkit-transition:all .2s; transition:all .2s; z-index:999;}
.top .box .seabox input{ border:0; background:#fff 94% center; padding:0 20px; line-height:40px; width:100%; box-sizing: border-box;}
.top .box .seabox.sbon { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0);}

body.close { position: relative; overflow: hidden; }
.coverbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; }
.coverbox.cbon { opacity: 1; visibility: visible; }
.coverbox .coverbg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.6); }
.coverbox .covernav { position: absolute; top: 0; right: 0; bottom: 0; width: 250px; background: rgba(255,255,255,.95); padding: 20px; box-sizing: border-box; -webkit-transform: translateX(200px); transform: translateX(200px); -webkit-transition: all .2s; transition: all .2s; z-index:9999; }
.coverbox.cbon .covernav { -webkit-transform: translateX(0); transform: translateX(0); overflow:scroll; overflow-x:auto;}
.coverbox .covernav .close { line-height: 20px; margin-bottom: 20px; font-size: 30px; font-family: arial; color: #000; text-align: right; cursor: pointer; }
.coverbox .covernav .cul {  }
.coverbox .covernav .cul .cli { line-height: 36px; border-bottom: 1px solid #dedede; font-size: 14px; }
.coverbox .covernav .cul .cli .ca { display: block; text-decoration: none; padding: 0 10px; font-size:15px; font-weight:bold;}
.coverbox .covernav .cul .ccul{ padding: 0 10px; margin:10px 0 10px 0;}
.coverbox .covernav .cul .ccul li{ line-height:24px;}


/**/
.pro_cont .spula{display: flex; flex-wrap: wrap;}
.pro_cont .spula li{width: 23%; margin: 1%;}
.pro_cont .spula li img{max-width: 100%;}

/*内容*/
.index_m{ margin:20px 0 30px 0;}
.index_m li{ width:32.333333%; margin:0 .5%; float:left;}
.index_m li{ display:block; color:#666; font-size:14px; -webkit-transition: all .6s; transition:all .6s;}
.index_m li:hover{ box-shadow: 0 10px 20px rgba(238,238,238,0.2); transform: translate3d(0, -5px, 0);}
.index_m li .info{border-right:1px solid #e4e4e4; border-bottom:1px solid #d4d4d4; padding-left:35px; padding-top:20px; padding-bottom:50px;}
.index_m li .info p{ color:#000; font-size:19px; margin-bottom:10px;}
.index_m li .info .m{ float:right; font-size:12px; margin-right:40px;}
.index_m li .videoo{ width:100%;}




/*底部*/
.foot_menu{ background:#f2f2f2; padding:60px 0;}
.foot_menu .f_m01{}
.foot_menu .f_m01 .fl{}
.foot_menu .f_m01 .fl a{ font-size:12px; margin-right:12px; color:#666;}
.foot_menu .f_m01 .fr{}
.foot_menu .f_m01 .fr img{ width:20px; margin-left:15px;}
.foot_menu .f_m02{ margin-top:60px;}
.foot_menu .f_m02 .i_contact{ text-align:right; color:#555;}
.foot_menu .f_m02 .i_contact span{ background:#4eb1b7; border-radius:5px; padding:10px 20px; display:inline-block; margin-top:20px;}
.foot_menu .f_m02 .i_contact span img{ margin-right:5px; vertical-align:middle}
.foot_menu .f_m02 .i_contact span a{ color:#fff;}
.foot_menu .f_m02 .i_contact b{ color:#666; font-size:17px; display:block;}
.foot_menu .f_m02 .img{ width:105px; margin-left:50px;}
.foot_menu .f_m02 .fl ul{ float:left; margin-right:185px;}
.foot_menu .f_m02 .fl ul:nth-child(5){ margin-right:0;}
.foot_menu .f_m02 .fl ul h3{ font-size:15px; font-weight:normal; color:#000; margin-bottom:20px;}
.foot_menu .f_m02 .fl ul li a{ font-size:13px; color:#777; line-height:180%;}
.foot_menu .f_m02 dl{ float:left; width:25%;}
.footer{ background:#338c93; padding:22px 0; color:#87d0d6;}
.footer .fl a{ color:#fff; font-size:12px;}
.footer .fl span{ color:#fff; font-weight:bold;}
.footer .fr a{ color:#87d0d6; font-size:12px; margin-left:10px;}




.inbanner{ height:536px; color:#fff; text-align:center;}
.inbanner.per{ background:url(../images/banner_per.jpg) no-repeat center; background-size:cover;}
.inbanner.cul{ background:url(../images/banner_cul01.jpg) no-repeat center; background-size:cover; text-align:left; color:#0ea4c1; }
.inbanner.cul h2{ padding-top:100px;}
.inbanner.cul h3{ margin-top:30px;}
.inbanner.hon{ background:url(../images/banner_hon.jpg) no-repeat center; background-size:cover;}
.inbanner.act{ background:url(../images/banner_active.jpg) no-repeat center; background-size:cover;}
.inbanner.serv{ background:url(../images/banner_ser.jpg) no-repeat center; background-size:cover;}
.inbanner.team{ background:url(../images/banner_team.jpg) no-repeat center; background-size:cover;}
.inbanner.new{ background:url(../images/banner_news.jpg) no-repeat center; background-size:cover;}
.inbanner.join{ background:url(../images/banner_join.jpg) no-repeat center; background-size:cover;}
.inbanner.pro{ background:url(../images/banner_pro.jpg) no-repeat center; height:auto;}
.inbanner.sales{ background:url(../images/banner_sales.jpg) no-repeat center; background-size:cover;}
.inbanner h2{ font-size:54px; padding-top:150px;}
.inbanner h3{ font-size:30px; margin-top:60px}
.main{ padding:100px 0;}
.per01{ text-align:center;}
.per01 h2{ color:#333; font-weight:normal; font-size:22px;}
.per01 span{ width:150px; height:5px; display:inline-block; background:#4eb1b7; margin-top:30px; margin-bottom:50px;}
.per01 p{ padding:0 150px; color:#666; font-size:16px; line-height:30px;}
.per02{ background:#4eb1b7; margin-top:130px;}
.per02 .img{ margin-top:-50px; width:47%; margin-right:3%;}
.per02 .text{ width:50%; color:#fff;}
.per02 .text h1{ padding-top:70px; font-size:36px;}
.per02 .text p{ margin-top:25px; line-height:32px; font-size:14px;}
.per03{ margin-top:100px;}
.per03 h2{ text-align:center; font-size:36px; color:#4eb1b7;}
.per03 h2 span{ margin:0 10px; display:inline-block;}
.per03 .process{ margin-top:120px;}
.per03 .process li{ margin-bottom:50px;}
.per03 .process li .test{ padding:0 3%; width:44%;}
.per03 .process li .test h3{ font-size:24px; color:#4eb1b7; margin-top:50px;}
.per03 .process li .test span{ width:60px; height:5px; background:#4eb1b7; display:inline-block; margin:30px 0;}
.per03 .process li .test p{ line-height:36px; font-size:14px; color:#666;}
.per03 .process li .img{ width:50%; text-align:right;}
.per03 .process li .img.img_l{ text-align:left;}
.per03 .process li .img img{ width:100%; max-width:824px;}


.culture{ text-align:center;}
/*<!--.culture li{ width:31.3333%; margin:20px 1%; float:left}
.culture li img{ width:100%;}
.culture li .cul_text{ border:1px #ccc solid; border-left:none; border-top:none; padding:36px 20px;}
.culture li .cul_text h2{ color:#333; font-size:20px;}
.culture li .cul_text h3{ margin-top:10px; color:#666; font-weight:normal; height:18px; overflow:hidden;}-->*/

.active{}
.active .item{ width:32.333%; margin-right:1.5%; float:left; margin-bottom:30px; -webkit-transition: all .4s; transition: all .4s;}
.active .item:nth-child(3n){ margin-right:0;}
.active .item:hover{ -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.active .item .img img{ width:100%;}
.active .item .text{ border:2px #ccc solid; border-top:none; padding:30px 20px 50px 20px;}
.active .item .text h1{ font-weight:normal; color:#999; margin-bottom:15px; font-size:14px;}
.active .item .text .title{ height:48px; overflow:hidden;}
.active .item .text .title a{ font-size:16px; color:#666;}
.active .item .text .title a:hover{ color:#4eb1b7;}
.active .item .text .tt{ margin-top:10px; color:#666;}
.active .item .text .link{ margin:20px 0;}
.active .item .text .link a{ width:24px; height:24px; display:block; background:url(../images/hb01img01s.png) no-repeat center; float:left;}
.active .item .text .link a.link02{ float:right; background-image:url(../images/hb01img02s.png);}

.ser{}
.ser .title{ text-align:center; font-size:32px; line-height:32px; color:#4eb1b7; font-weight:bold;}
.ser .service{ margin-top:50px;}
.ser .service ul{ width:80%; margin:auto;}
.ser .service li{ width:23.5%; float:left; border:3px #ccc solid; box-sizing:border-box; margin-right:2%; text-align:center; padding:30px; font-size:18px; color:#666;}
.ser .service li:last-child{ margin-right:0;}
.ser .service li span{ display:block; margin-bottom:30px;}
.ser .service .map{ background:#f9f9f9; padding:50px; margin-top:50px;}


.honor{}
.honor .hon01{}
.honor .hon01 .text{ width:55%; font-size:20px; color:#666;}
.honor .hon01 .text .text01{ line-height:32px;}
.honor .hon01 .text p.coin{ color:#4eb1b7; font-size:120px; margin-bottom:-50px;}
.honor .hon01 .text p.coin01{ text-align:right}
.honor .hon01 div.fr{ position:relative;}
.honor .hon01 div.fr .a1{ display:block; width:50%; height:50%; height:140px; position:absolute; left:0; top:0;}
.honor .hon01 div.fr .a2{ display:block; width:50%; height:50%; height:140px; position:absolute; left:0; top:140px;}
.honor .hon02{ margin-top:70px; border-top:1px #bdbdbd dashed; padding:50px 0;}
.honor .hon02 .h_tit{ text-align:center; font-size:28px; color:#4eb1b7; font-weight:bold;}
.honor .hon02 .h_cont{ margin-top:30px;}
.honor .hon02 .h_cont .num{ font-size:36px; color:#fff; background:#4eb1b7; width:48px; height:48px; border-radius:48px; text-align:center; margin:auto}
.honor .hon02 .h_cont .bigt{ text-align:center; font-size:24px; color:#666; margin-top:20px;}
.honor .hon02 .h_cont .smallt{ margin-top:30px;}
.honor .hon02 .h_cont .smallt .zi{ font-size:15px; width:56%; color:#666; line-height:24px; padding-top:30px;}
.honor .hon02 .h_cont .smallt .imgg{ width:40%;}
.honor .hon02 .h_cont .jt{ text-align:center; margin-bottom:50px; margin-top:30px;}

.innew{ font-size:14px; line-height:24px;}
.innew li.newsbig{ padding:40px 20px; border-bottom:1px #ccc dashed;}
.innew li.newsbig:hover{ background:#f9f9f9;}
.innew li.newsbig .innewimg{ width:27%; margin-right:3%}
.innew li.newsbig .innewimg img{ width:100%;}
.innew li.newsbig .innewtime{ width:10%; margin-right:2%;font-size:36px; font-weight:bold; color:#ccc; margin-top:15px;}
.innew li.newsbig .innewtime p{  font-size:16px; font-weight:normal;}
.innew li.newsbig .innewtect{ width:58%; margin-top:15px;}
.innew li.newsbig .innewtect a h1{ color:#333;}
.innew li.newsbig .innewtect a:hover h1{ color:#4eb1b7;}
.innew li.newsbig .innewtect h1{ font-weight:normal; font-size:24px;}
.innew li.newsbig .innewtect p{ margin-top:10px; color:#999; font-size:14px;}


.sale01{}
.sale01 .s_tit{ font-size:28px; color:#666; text-align:center; margin-bottom:20px;}
.sale01 .s_tit.s_tit02{ margin-top:50px;}
.sale01 span{ width:100px; height:5px; background:#4eb1b7; display:block; margin:auto;}
.sale01 .s_cont{ text-align:center;  margin-top:30px; color:#888; font-size:15px;}
.sale01 .s_ul{ margin-top:50px;}
.sale01 .s_ul li{ float:left; padding:20px 2% 40px; width:18.4%; background:#f9f9f9; margin-right:2%; text-align:center; cursor:pointer; -webkit-transition: all .2s; transition: all .2s; box-sizing:border-box;}
.sale01 .s_ul li img{ width:50%;}
.sale01 .s_ul li:last-child{ margin-right:0; padding-top:20px;}
.sale01 .s_ul li h2{ font-size:16px; margin:20px 0;}
.sale01 .s_ul li p{ color:#666; font-size:13px; line-height:22px;}
.sale01 .s_ul li:hover{ background:#f2fbfc;}
.sale01 .s_ull{ margin-top:50px;}
.sale01 .s_ull li{ float:left; width:48%; margin-right:2.5%; -webkit-transition: all .6s; transition:all .6s;}
.sale01 .s_ull li:nth-child(2){ margin-right:0;}
.sale01 .s_ull li:hover{ transform: translate3d(0, -5px, 0);}
.sale01 .s_ull li .img{}
.sale01 .s_ull li .img img{ width:100%;}
.sale01 .s_ull li .s_text{ border:1px #eee solid; padding:50px 30px; border-top:none;}
.sale01 .s_ull li .s_text h2{ font-size:24px;}
.sale01 .s_ull li .s_text em{ width:30px; height:3px; background:#4eb1b7; display:block; margin:10px 0 20px;}
.sale01 .s_ull li .s_text p{ font-size:13px; color:#666;}

.zs_tit{ text-align:center;}
.zs_tit span{ background:#4eb1b7; color:#fff; padding:20px 40px; border-radius:30px; display:inline; font-size:18px; letter-spacing:1px; display:inline-block}
.zs_cont{ text-align:center; padding:30px 0;}
.zs_cont h2{ color:#4eb1b7; font-size:20px;}
.zs_cont h3{ padding:50px; color:#666; font-size:14px; background:url(../images/icon3.png) no-repeat bottom;}
.zs_context{ margin-top:30px;}
.zs_context li{ float:left; width:32%; margin-bottom:5px; background:#f6f6f6; line-height:48px; margin-right:1%; font-size:13px; transition:all .3s; cursor:pointer;}
.zs_context li:hover{ background:#4eb1b7; color:#fff;}
.zs_feedback{ margin-top:50px; background:#4eb1b7; color:#fff; text-align:left;}
.zs_feedback .fl{ padding:50px 3%; width:38%;}
.zs_feedback .fl h4{ font-size:26px; margin-top:50px;}
.zs_feedback .fl p{ font-size:14px; margin-top:30px;}
.zs_feedback .fl span{ margin-top:30px; display:inline-block; background:#FFF; padding:10px 20px; background:url(../images/opacity.png)}
.zs_feedback .fl span a{ color:#ed6f2e;}
.zs_feedback .fl span a img{ vertical-align:middle; margin-right:5px;}
.zs_feedback .fr{ width:56%;}
.zs_feedback .fr img{ width:100%;}
.zs_img{ display:none;}

.video{ margin-bottom:80px; padding:0 280px;}
.video .v_h{ height:520px;}
.culture{ padding:0 280px;}
.culture .order{ color:#666;}
.culture .order h2{ border-left:5px #099 solid; font-size:22px; padding-left:20px;}
.culture .order p{ margin-top:20px; margin-bottom:40px; font-size:14px; padding-left:25px;}
.culture .img{}

.prp_tit{ text-align:center;}
.prp_tit a.pslide{ padding:10px 40px; border-radius:20px; background:#eee; margin-right:5px; font-size:15px;}
.prp_tit a.pslide.on{ background:#4eb1b7; color:#fff;}
.prp_tit a.pslide:hover{ background:#4eb1b7; color:#fff;}
.pro_cont{ margin-top:70px;}
.pro_cont li{ float:left; width:30%; margin-right:4.3%; box-sizing:border-box; transition:all .3s; margin-bottom:30px; border:1px #eee solid;}
.pro_cont li:nth-child(3n){ margin-right:0;}
.pro_cont li .pro_img{ transition:all .3s;}
.pro_cont li:hover .pro_img{ background:#eee;}
.pro_cont li:hover{ box-shadow: 0 0 10px #ccc}
.pro_cont li .p_text{ padding:20px; background:url(../images/line_1.png) no-repeat top;}
.pro_cont li .p_text h4{ font-size:16px;}
.pro_cont li .p_text .color em{ border:1px #ddd solid; width:20px; height:20px; border-radius:20px; display:inline-block; margin:10px 10px 10px 0;}
.pro_cont li .p_text .color em.c01{ background:#ad909f;}
.pro_cont li .p_text .color em.c02{ background:#fff;}
.pro_cont li .p_text .color em.c03{ background:#a5c2e6;}
.pro_cont li .p_text .color em.c04{ background:#dba0b1;}
.pro_cont li .p_text .color em.c05{ background:#000;}
.pro_cont li .p_text .color em.c06{ background:#b7aabb;}
.pro_cont li .p_text .color em.c07{ background:#1d56a7;}
.pro_cont li .p_text .color em.c08{ background:#d296b1;}
.pro_cont li .p_text .color em.c09{ background:#be1f1f;}
.pro_cont li .p_text .color em.c10{ background:#6666;}
.pro_cont li .p_text .color em.c11{ background:#f5d000;}
.pro_cont li .p_text .color em.c12{ background:#915d37;}
.pro_cont li .p_text .pro_tet{ color:#666; margin-bottom:10px; font-size:13px; height:36px; overflow:hidden;}

.swiper-container{ width:50%; margin:0 auto;}
.swiper-pagination-bullet-active{ background:#4eb1b7 !important;}
.swiper-pagination-bullet{ width:16px; height:16px;}
.pro_detail{ margin-top:30px;}

.job_tb{ margin-top:50px; color:#333; background:#f9ffff;}
.job_tb td{ border-bottom:1px #eee solid; padding:20px; font-size:14px;}
.job_tb td.name{ font-weight:bold; color:#4eb1b7;}
.job_tb td:first-child{ width:100px;}
.job_tb td.end{ height:45px;}
.job_tb td.end:hover{ background:#eee;}
.job_tb td span{ padding:10px 20px; border-radius:10px; background:#4eb1b7;}
.job_tb td span a{ color:#fff;}


.team_cont{}
.team_cont .box{ float:left; width:48%; margin-right:2%;}
.team_cont .box img{ width:60px; padding-right:25px; border-right:1px #ccc solid; float:left;}
.team_cont .box .contxt{ margin-left:100px;}
.team_cont .box .contxt h2{ font-size:15px;}
.team_cont .box .contxt h3{ font-weight:normal; margin-top:10px; color:#666;}

.n01{text-align:center;font-size:16px;color:#0CC; line-height:30px;}
.n02{text-align:center; margin-top:30px; background:#4eb1b7; padding:30px; color:#fff;} 
.n03{ text-align:center;}
.n03 li{ float:left; text-align:center; width:49%; margin-right:1%;}
.n04{ text-align:center;}
.n04 li{ float:left; text-align:center; width:24%; margin-right:1%;}

.swiper-container a{ z-index:9999;}
.swiper-container .arrow-left { background: url(../images/arrows02.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.swiper-container .arrow-right { background: url(../images/arrows02.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }

.pro_color{ margin-top:40px; display:none;}
.pro_color .p_c_tit{ text-align:center;}
.pro_color .p_c_tit span{ font-size:20px; background:#4eb1b7; padding:10px 40px; color:#fff; display:inline-block; border-radius:10px; margin-bottom:30px;}
.pro_color li{ float:left; width:19%; margin-right:1%;}
.pro_color li img{ width:100%;}
.pro_color li p{ background:#ddd; line-height:36px; text-align:center;}
.pro_detail{ margin-top:80px;}
.pro_detail .p_d_tit{ text-align:center; margin-top:80px;}
.pro_detail .p_d_tit span{ font-size:20px; background:#4eb1b7; padding:10px 40px; color:#fff; display:inline-block; border-radius:10px; margin-bottom:30px;}
.pro_detail .p_d_con{ width:1000px; margin:0 auto;}
.pro_detail .p_d_con .fl{ width:100%;}
.pro_detail .p_d_con .fr{ /*width:38%; height:420px; vertical-align:middle;*/ display:none;}
.pro_detail .p_d_con .fr img{}
.pro_detail .table{ background:#666;}
.pro_detail .table td{ text-align:center; height:36px; padding:10px; font-size:14px; background:#f8f8f8;}
.pro_detail .table td:first-child{ font-weight:bold; width:25%;}
.pro_detail .table tr:nth-child(2n) td{ background:#e0f4f5;}

.c_cont{/*background:url(../uploadfiles/20191102/20191102160130723.jpg) no-repeat center; height:607px; padding-left:105px; padding-top:100px;*/ width:905px; margin:auto;}
.c_cont h3{ font-size:22px; color:#338c93; border-left: 3px #338c93 solid;  padding-left: 10px;}
.c_cont h3 img{ float:right;}
.c_cont h4{ font-size:16px; font-weight:normal; margin-bottom:30px; margin-top:10px;}

nav.bottomnav{ display:none;}


.dj{ background:url(../images/djbg.jpg) no-repeat; background-size: 100% 100%;}
.dj .m{ text-align:center; width:98%; max-width:1200px; margin:0 auto;} 
.s2{ background:url(../images/s2bg.jpg) no-repeat; background-size: 100% 100%;}
.s2 .m{ text-align:center; width:98%; max-width:1200px; margin:0 auto;} 


.proshow.main{ padding:0; padding-bottom:50px;}

@media (max-width:1440px) {
.wrapper03{ padding:0 30px;}
.wrapper04{ width:98%; margin:0 auto;}
.foot_menu .f_m02 .fl ul{ margin-right:105px;}
.per03 .process li .test h3{ margin-top:0;}
.per03 .process li .test p{ line-height:24px;}
.per02 .text h1{ padding-top:30px; font-size:32px;}
.per02 .text p{ margin-top:10px;}
.culture li .cul_text h2{ height:24px; overflow:hidden; font-size:17px;}
.honor .hon01 div.fr{ width:440px; position:relative;}
.innew li .innewtime{ width:13%;}
.innew li .innewtect{ width:55%;}
.zs_context li{ width:48%;}
.video{ padding:0 80px;}
.culture{ padding:0 80px;}
}

@media (max-width:1040px) {
.menuBox{ left:30%;}	
.index_m li .info .m{ float:none; text-align:right; margin-top:10px;}
.index_m li .info span{ height:36px; overflow:hidden;}
.foot_menu .f_m02 .b_menu{ width:45%;}
.foot_menu .f_m02 .fl ul{ margin-right:15%;}
.per01 p{ padding:0 20px;}
.per02 .text p:last-child{ margin-bottom:30px;}
.per02 .text h1{ font-size:25px;}
.per02 .text p{ line-height:20px; font-size:13px;}
.per02 .img{ width:51%;}
.per02 .text{ width:46%;}
.culture li{ width:48%;}
.honor .hon02 .h_cont .smallt .zi{ padding-top:0;}
.honor .hon01 .text{ width:100%;}
.honor .hon01 div.fr{ float:left; width:550px;}
.innew li .innewtime{ width:15%;}
.innew li .innewtect{ width:53%;}
.innew li .innewtect a h1{ font-size:18px;}
.innew li .innewtect p{ height:40px; overflow:hidden;}
.zs_feedback .fl{ padding:0; width:40%;}
.zs_feedback .fl h4{ font-size:20px;}
.video{ padding:0 30px;}
.culture{ padding:0 30px;}	
.pro_detail .p_d_con{ width:100%;}
}


@media (max-width:800px) {

.top{ height:75px;}	
.top .box{ margin-top:30px;}
.menuBox{ display:none;}	
.top .logo img{ height:35px;}
.theme-default .nivo-controlNav{ bottom:-2vw;}
.index_m li{ width:100%; margin-bottom:20px;}
.index_m li img{ max-width:800px; width:100%;}
.index_m li .info{ border-left:1px solid #e4e4e4; padding-bottom:20px;}
.foot_menu{ display:none;}
.footer .fr{ display:none;}
.inbanner{ height:320px;}
.inbanner h2{ padding-top:100px; font-size:26px;}
.inbanner h3{ font-size:22px; font-weight:normal; margin-top:30px;} 
.main{ padding:50px 0;}
.per01 h2{ padding:0 20px; font-size:20px;}
.per02 .img{ width:100%;}
.per02 .text{ width:100%;}
.per02 .text h1{ padding-top:30px; font-size:24px;}
.per02 .text p{ line-height:24px; margin-top:10px;}
.per02 .text p:last-child{ margin-bottom:30px;}
.per03{ margin-top:50px;}
.per03 .process{ margin-top:50px;}
.per03 .process li .test{ width:100%; padding:0;}
.per03 .process li .img{ width:100%; margin-top:20px;}
.per03 .process li .test h3{ font-size:18px;}
.per03 .process li .test span{ margin:20px 0;}
.per03 h2 img{ width:26%}
.culture li{ width:100%;}
.honor .hon01 .text{ width:100%;}
.honor .hon01 .text .text01{ font-size:16px;}
.honor .hon01 .text p.coin{ font-size:85px;}
.honor .hon01 div.fr{ width:100%;}
.honor .hon02 .h_cont .smallt{ margin-top:0;}
.honor .hon02 .h_cont .smallt .zi{ width:100%;}
.honor .hon02 .h_cont .smallt .imgg{ width:100%; margin-top:10px;}
.innew{ padding:0 10px;}
.innew li.newsbig .innewimg{ width:100%; margin-bottom:10px; color:#999;}
.innew li.newsbig .innewtime{ width:100%; font-size:16px;}
.innew li.newsbig .innewtime p{ display:inline; font-size:12px;}
.innew li.newsbig .innewtect{ width:100%;}
.innew li.newsbig .innewtect h1{ font-size:20px;}
.sale01 .s_ul li{ width:100%; margin-bottom:10px;}
.sale01 .s_ull li{ width:100%; margin-bottom:10px;}
.sale01 .s_ull li .s_text{ padding:30px;}
.sale01 .s_ull li .s_text h2{ font-size:18px;}
.zs_context,.zs_feedback{ display:none;}
.zs_img{ display:block; margin:30px;}
.zs_cont h3{ padding:50px 30px;}
.video{ margin-bottom:30px;}
.video .v_h{ height:380px;}
.culture .fr{ float:left;}
.prp_tit a.pslide{ padding:10px; font-size:12px;}
.prp_tit{ padding:0;}
.pro_cont{ padding:0 10px; margin-top:50px;}
.pro_cont li{ width:49%; margin-right:1.5%;}
.pro_cont li:nth-child(2n){ margin-right:0;}
.pro_cont li:nth-child(3n){ margin-right:1.5%;}
.pro_cont li:nth-child(6n){ margin-right:0;}
.pro_cont li .p_text .color em{ width:10px; height:10px; border-radius:10px;}
.pro_cont li .p_text .pro_tet{ font-size:12px; height:32px;}
.swiper-container{ width:90%; margin:0 auto;}
.swiper-pagination-bullet{ width:8px; height:8px;}
.team_cont .box{ width:100%; margin-right:0; margin-bottom:20px;}
.n04 li{ float:left; text-align:center; width:49%; margin-right:1%;}
.pro_color li{ width:24%; margin-right:1%;}
.pro_detail .p_d_con .fl{ width:100%;}
.pro_detail .p_d_con .fr{ display:none;}
.c_cont{ width:auto; background:none; padding-left:20px; padding-top:0px; height:auto;}
.c_cont h3{ color:#338c93; border-left:3px #338c93 solid; padding-left:10px;}	
.ser .service ul{ width:100%;}
.ser .service li{ border:1px #ccc solid; font-size:16px; }
.c_cont h3 img{ width:400px; padding-right:20px;}
}

@media (max-width:480px) {
.theme-default .nivo-controlNav{ left:42%;}
.video .v_h{ height:220px;}	
.job_tb td{ font-size:12px; padding:10px}
.job_tb td:first-child{ width:60px;}
.job_tb td span em{ display:none;}
.pro_color li{ width:32%; margin-right:1%;}
.pro_cont li .p_text .pro_tet{ display:none;}
.ser .service li{ width:100%; border-bottom:1px #CCC solid; border-right:none; border-left:none; border-top:none;text-align:left; padding:30px 0;}
.ser .service li span{ display:inline-block; margin-bottom:0;}
.ser .service li span img{ vertical-align:middle; margin-right:10px; width:40px;}
.ser .service li br{ display:none;}
.ser .service .map{ padding:0;}
.inbanner.cul{ height:220px;}
.inbanner.cul h2{ font-size:18px; padding-top:45px;}
.inbanner.cul h3{ font-size:14px; margin-top:10px;}
.c_cont h3{ font-size:18px;}
.c_cont h4{ font-size:15px;}
.c_cont h3 img{ display:none;}
.ser .service li{ font-size:14px;}
.footer{ display:none;}
nav.bottomnav{ display:block;}
nav.bottomnav{ display:block; background:#338c93; height:68px;}
nav.bottomnav li{ width:25%; float:left; text-align:center; border-left:1px #459ea5 solid; border-right:1px #16737a solid; height:68px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}	
nav.bottomnav li a{ color:#fff;}
nav.bottomnav li a img{ width:20px; margin-top:10px;}
	}