body {margin:0 ;padding: 0;line-height: 24px;font-family: Arial,sans-serif;font-size: 12px;color: #4c4c4c; background:#ffffff;min-width:1200px}
a:link, a:visited { color: #4c4c4c; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #f47314; text-decoration: underline; }

p,img,div,span,form,input,ul,li,dl,dt,dd{ margin: 0px; padding: 0px; }
li{ list-style-type:none;}
img{ border:none;}
.cleaner{ clear:both; margin:0; padding:0;}
.fl{ float:left; display:inline;}
.fr{ float:right;display:inline;}
.tc{ text-align:center}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}

#container{ margin:0; padding:0; }
#header{ margin:0; padding:0; height:120px; }
.head{ width:100%; margin:0; height:120px;}
.logo{ padding:20px 20px 0 20px; display:inline;}
.hd_right{ margin:0; padding:0; width:260px; display:inline; padding-top:20px;}
.hd_right ul li{ float:left; display:inline;height:35px;line-height:35px;padding-left:30px; margin-left:20px;}
.hd_right ul li.tel{ width:215px; padding:0; margin:0;}
.hd_right ul li.cn{ background:url(../images/cn.jpg) no-repeat left 22px; padding-top:20px;   }
.hd_right ul li.en{ background:url(../images/en.jpg) no-repeat left 22px; padding-top:20px; }
.hd_right ul li a{ line-height:30px;}

#menu{ padding-top:40px;}
#menu ul{ width: auto; margin:0 auto;}
#menu ul li{ float:left; font-size:16px; width:120px; text-align:center; line-height:52px;}
#menu ul li a:link, #menu ul li a:visited{ color:#000; text-decoration:none; width:120px; display:block; height:40px; line-height:40px;  }
#menu ul li a:hover{ color:#fff; background:#029b92; display:block }
#menu ul li a:active{ color:#fff; background:#029b92; display:block }
#menu ul li ul{ display:none; position:absolute; z-index:9999;width:130px;height:31px;}
#menu ul li:hover ul{ display:block;}
#menu ul li ul li{ float:none;width:120px;border:none; height:30px; line-height:30px; margin:0;padding:0;text-align:center; background:#02b9ae;
border-bottom:1px solid #ffffff; }
#menu ul li ul li a:link, #menu ul li ul li a:visited { font-weight:normal; font-size:12px; display:block;padding:0; height:30px;line-height:30px; color:#fff; text-align:center; background:none;}
#menu ul li ul li a:hover, #menu ul li ul li a:active { background:#35c8bf; font-weight:normal; height:30px; color:#fff; text-decoration:none; }

/**#menu ul li.mainlevel ul {position:absolute; width:130px;display:none;z-index:99999; height:31px;*margin-left:-65px; }
#menu ul li.mainlevel ul li {width:130px;border:none; height:30px; line-height:30px; margin:0;padding:0;text-align:center; background:#02b9ae;
border-bottom:1px solid #ffffff; }
#menu ul li.mainlevel ul li a:link, #menu ul li.mainlevel ul li a:visited { font-weight:normal; font-size:12px; display:block;padding:0; height:30px;line-height:30px; color:#fff; text-align:center; background:none;}
#menu ul li.mainlevel ul li a:hover, #menu ul li.mainlevel ul li a:active { background:#35c8bf; font-weight:normal; height:30px; color:#fff; text-decoration:none; }**/




.banner{ width:100%; overflow:hidden; text-align:center; height:665px;}
#solid{
	width:100%;
	height:665px;
	clear:both;
	margin-top:0px;
	position:relative;
}
#solid .solid0,#solid .solid1,#solid .solid2{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:665px;
	display:none; 
}
#solid .solid0{
	background:#78c4db;
}
#solid .solid1{
	background:#c5c9db;
}
#solid .solid2{
	background:#e7dfd1;
}
#solid ul{
	margin:0px;
	padding:0px;
	list-style:none;	
}
#solid ul li{
	position:absolute;
	left:50%;
	top:0px;
	width:100%;
	height:665px;
	margin-left:-50%;
	display:none;
	cursor:pointer; z-index:999;
}
#solid #btt{
	width:100%;
	height:55px;
	top:600px;
	left:50%;
	position:relative;
	margin-left:-50%;
}
#solid #btt span{
	position:absolute;
	top:15px;
	left:45%;
	display:block;
	width:15px;
	height:15px;
	margin:0 15px;	
	text-align:center;
	background:#02988f;
	z-index:1000;
	cursor:pointer;
	 border-radius:8px;
}

#content{ width:1200px; margin:0 auto; padding-bottom:30px;}
.inside_body{background:#f5f5f5;}
#index_content{ background:#fff;}
.pro_box{ padding:0px 0 30px 0;}
.section_til{ text-align:center; font-size:27px; color:#2c2c2c; line-height:40px; font-family:arial; padding:50px 0 10px 0; font-weight:bold; background:url(../images/index_title_line-.jpg) no-repeat bottom center; }
.section_til p{ font-size:14px; font-weight:normal; color:#9e9e9e;}

.pro_con{ padding:30px 0 0 0; width:1200px; margin:0 auto; }




.tag_box{width:1140px; box-shadow: 0px 0px 5px 5px  #eee; padding:30px; height:420px;}



#tags { width:1140px;}
#tags li {FLOAT: left; width:260px; height:110px; line-height:103px;  text-align:center;opacity:1; margin-right:30px; opacity:0.7 }
#tags li#tag_bg3{  margin-right:0px;}
#tags li A {
	 TEXT-DECORATION: none; font-size:24px; color:#fff;width:260px; height:103px; display:block; text-indent:20px; margin:0 auto; text-align:left; border:2px solid #fff;
}
#tags li#tag_bg0 a{ background:url(../images/index_s1_bg.jpg) no-repeat top center  ;}
#tags li#tag_bg1 a{ background:url(../images/index_s2_bg.jpg) no-repeat top center ;}
#tags li#tag_bg2 a{ background:url(../images/index_s3_bg.jpg) no-repeat top center ;}
#tags li#tag_bg3 a{ background:url(../images/index_s4_bg.jpg) no-repeat top center ;}

#tags li.selectTag {
	POSITION: relative;opacity:1
}
#tags li.selectTag A {  opacity:1; border:2px solid #01dacc; o
}
#tagContent {
	
}
.tagContent {
	DISPLAY: none; 
}
#tagContent div.selectTag {
	DISPLAY: block
}
.pro_list{ padding:30px 0;}
.pro_list dl{ float:left; width:260px; text-align:center; margin-right:30px;}
.pro_list dl dt{ border:1px solid #eee; width:258px; height:197px; overflow:hidden; margin:0 auto;}
.pro_list dl dd{ font-size:14px; line-height:40px;}



.index_section{ width:1200px; margin:0 auto;  background:#fff;}
.about_box{ padding:30px 0; }
.about_box img{ float:left; padding-right:30px;}
.about_con{ font-size:14px; line-height:30px; text-indent:28px; }


.index_ce{ width:1200px; margin:0 auto;padding:0px 0 50px 0;}
.index_news_con{ padding:50px 0; }
.news_con{width:33%; float:left}
.news_con dl{ width:354px; margin:0 auto;}
.news_con dl dt{ width:354px; height:218px; overflow:hidden;}
.news_con dl dd.stime{ float:left; width:60px; color:#000; overflow:hidden;  padding-top:15px; }
.day{ font-size:50px;  line-height:70px;font-family: "Bebas","Arial"; border-bottom:1px solid #e7e7e7; text-align:center
    }
.month{ font-size:16px; font-weight:bold; text-align:center; padding:15px 0;}
.news_con dl dd.news_p{ float:right; width:270px; padding-top:15px;}
.news_con dl dd.news_p h2{ margin:0; padding:0; line-height:40px; font-size:16px;}
.news_con dl dd.news_p p{ line-height:24px; color:#999;}



.inside_banner{ margin:0; height:289px;}
.inside_pro{ background:url(../images/inside_banner_01.jpg) no-repeat top center;}
.inside_about{ background:url(../images/inside_banner_02.jpg) no-repeat top center;}
.inside_equip{ background:url(../images/inside_banner_04.jpg) no-repeat top center;}
.inside_partner{ background:url(../images/inside_banner_05.jpg) no-repeat top center;}
.inside_con{ background:url(../images/inside_banner_06.jpg) no-repeat top center;}
.inside_news{ background:url(../images/inside_banner_07.jpg) no-repeat top center;}

.inside_banner_til{ font-size:50px; color:#fff; width:1200px; margin:0 auto; padding-top:140px;}
.pro_nav{ padding-top:40px; padding-bottom:50px;}
.pro_nav ul li{ float:left;  font-size:16px; text-align:center; margin-right:30px; }
.pro_nav ul li a:link,.pro_nav ul li a:visited{ display:block; background:#f1f1f1;  height:40px; line-height:40px; border-radius:20px; text-decoration:none; padding:0 30px;}
.pro_nav ul li a:hover{ color:#fff; background:#01938a;}
.pro_nav ul li.sel a:link,.pro_nav ul li.sel a:visited{color:#fff; background:#01938a;}

.pro_nav ul li ul{ width:1200px; display:none; position:absolute; padding-top:30px;}
.pro_nav ul li ul li{ float:left; font-size:16px; text-align:center; margin-right:30px;}
.pro_nav ul li ul li a:link,.pro_nav ul li ul li a:visited{ font-size:14px;  height:35px; line-height:35px; background:#fff; border:1px solid #eee;}
.pro_nav ul li.sel ul li a:link,.pro_nav ul li.sel ul li a:visited{ font-size:14px;  height:35px; line-height:35px; background:#fff; border:1px solid #eee; color:#777}
.pro_nav ul li.sel ul li a:hover{background:#02b5aa; color:#fff;}
.pro_nav ul li ul li a:hover{background:#02b5aa; color:#fff;}
.pro_nav ul li ul li.sel1 a:link,.pro_nav ul li ul li.sel1 a:visited{background:#02b5aa; color:#fff;}
/**.pro_nav ul.cate2{ width:1200px; padding-top:30px;  }
.pro_nav ul.cate2 li{  float:left; width:120px; font-size:16px; text-align:center; margin-right:20px;}
.pro_nav ul.cate2 li a:link,.pro_nav ul.cate2 li a:visited{ font-size:14px;  height:35px; line-height:35px; background:#fff; border:1px solid #eee;}
.pro_nav ul.cate2 li a:hover{background:#02b5aa; color:#fff;}
.pro_nav ul.cate2 li.sel1 a:link,.pro_nav ul.cate2 li.sel1 a:visited{background:#02b5aa; color:#fff;}**/
.pro_show_box{ padding:50px 0;}
.show_pro{ width:400px; text-align:center}
.show_pro dl{ width:362px; border:1px solid #eee; margin-bottom:40px;}
.show_pro dl dd{ background:#f7f7f7; }
.show_pro dl dd a{ font-size:16px; line-height:50px;}
.show_pro dl dt{ width:360px; height:300px; overflow:hidden}

figcaption,figure{ margin:0 ; padding:0; display:block;}
.effect-jazz{ margin:0; padding:0; border:0;}
.effect-jazz figcaption::after,
.effect-jazz img{-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;}
.effect-jazz:hover img {opacity: 0.9;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.effect-jazz:hover figcaption::after {
	opacity: 0.7;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}






.prolist_con{ padding:50px 0;}
.prolist_con dl{ border:1px solid #eee; padding:0 50px; margin-bottom:50px;}
.prolist_con dl dd{ padding-top:30px;}
.prolist_con dl dd h2 a{ color:#01938a; font-weight:bold; font-size:24px; text-decoration:none; line-height:40px}
.prolist_con dl dd h3{ font-size:18px; font-weight:normal; line-height:40px; color:#999;}
.prolist_con dl dd p a{ font-size:14px; color:#999}

.sidebar_left{ width:270px; display:inline;font-family:arial;box-shadow: 3px 3px 3px 3px #ddd;margin-top:20px;}
.sidebar_right{ width:900px;display:inline;}
.left_til{ height:102px; background:url(../images/left_til.jpg) no-repeat; line-height:102px; font-size:30px; font-weight:bold; color:#ffffff; padding-left:20px; }
.left_con ul li{ line-height:50px; font-size:16px; background:url(../images/arrow.gif) no-repeat 240px center #ffffff; border-bottom:1px solid #eee; padding-left:25px;}

.left_con{}
.located{ height:50px; line-height:50px; border-bottom:1px dotted #eee; padding:30px 0 0 0; font-size:16px}
.located span.fl{ font-size:18px;}
.main_con{ padding:30px 0 30px 0px;}
.about{ font-size:14px;}
.about p{ padding-bottom:15px;}

.choose{ padding-top:30px;}
.c_tile{ color:#000; font-size:32px; text-align:center;}
.c_tile span{ color:#00aef3;}
.c_tile p{ font-size:12px; padding-top:10px;}

.c_con{ width:840px; height:210px;box-shadow: 3px 3px 3px 3px #ddd; background:#fff; margin:20px auto; padding:20px;}
.c_con dl{ width:260px; float:left; margin-left:20px; display:inline; margin-top:10px;}
.c_con dl dt{ font-weight:bold; font-size:13px; padding-left:30px;}
.c_con dl.c_con_01 dt{ background:url(../images/about_icon_01.jpg) no-repeat left center;}
.c_con dl.c_con_02 dt{ background:url(../images/about_icon_02.jpg) no-repeat left center;}
.c_con dl.c_con_03 dt{ background:url(../images/about_icon_03.jpg) no-repeat left center;padding-left:35px;}
.c_con dl.c_con_04 dt{ background:url(../images/about_icon_04.jpg) no-repeat left center;}
.c_con dl.c_con_05 dt{ background:url(../images/about_icon_05.jpg) no-repeat left center;}
.c_con dl.c_con_06 dt{ background:url(../images/about_icon_06.jpg) no-repeat left center;}

.show_box{ padding:50px 0; width:900px; float:right; display:inline;}
.pro_img{ float:left; width:500px;box-shadow: 0px 0px 5px 5px  #f5f5f5;  display:inline;}
.pro_file{ float:right; width:350px;}
.pro_file h1{ color:#01938a;}
.pro_file p { font-size:16px; line-height:40px;}
.buy_btn{ padding-top:20px;width:150px; height:50px; }
.buy_btn a:link, .buy_btn a:visited{ width:180px; height:40px; display:block; background:#f47314; text-align:center; line-height:40px; font-size:18px; font-weight:bold; text-decoration:none; color:#fff; border-radius:20px;}
.buy_btn a:hover{ background:#04d1c4;}

.show_tag_box{padding:30px 0; }
#show_tags { width:900px;  height:50px;}
#show_tags li {FLOAT: left; width:180px; height:50px; line-height:50px;  text-align:center; border-right:1px solid #fff; }
#show_tags li A {TEXT-DECORATION: none; font-size:22px; background:#eee; color:#000;width:180px; height:50px; line-height:50px;display:block; }
#show_tags li.select_tag {POSITION: relative;}
#show_tags li.select_tag A { color:#ffffff; background:#04d1c4;}
#tag_content {border:2px solid #eee; padding:30px; font-size:14px; line-height:24px;}
#tag_content img{ max-width:800px;}
.tag_content {DISPLAY: none; min-height:500px;}
#tag_content div.select_tag {DISPLAY: block}

#footer{ background:#01938a; height:276px;}
.foot{ width:1200px; margin:0 auto; color:#fff; padding-top:0px;  }
.foot_left{ width:250px;background:url(../images/index_foot_bg.jpg) no-repeat top center #00827a;height:276px; float:left;}
.foot_con{ float:right; width:950px;}
.bot_nav{ height:40px; background:url(../images/index_foot_line.jpg) repeat-x bottom center;margin-top:20px;}
.bot_nav ul li{ float:left; padding:0 35px; font-size:14px; line-height:32px;}
.bot_nav ul li a:link,.bot_nav ul li a:visited{ color:#fff;}
.bot_link{ padding:20px; background:url(../images/index_foot_line.jpg) repeat-x bottom center;}
.bot_link ul li{ width:45%; float:left; height:60px; line-height:30px; padding-left:25px;}
.bot_link ul li.add{ background:url(../images/foot_icon_01.jpg) no-repeat left 5px; }
.bot_link ul li.btel{ background:url(../images/foot_icon_02.jpg) no-repeat left 7px;}
.bot_link ul li.email{ background:url(../images/foot_icon_03.jpg) no-repeat left 10px; height:30px;}
.bot_link ul li.fax{ background:url(../images/foot_icon_04.jpg) no-repeat left 7px;height:30px;}
.bot_link ul li a:link,.bot_link ul li a:visited{ color:#fff;}
.copyright{ padding:10px 0 0 20px;}
.copyright p{ float:left; line-height:60px;}
.copyright img{ float: left;}

.about_show{ font-size:14px; line-height:24px;}
.about_show img{ padding:0 30px 30px 0;}
.partner_show{ padding:50px 0;}
.partner_show ul li{ float:left; margin:0 30px 30px 0; width:210px; height:87px;}
.map{ float:right;}
.contact{ border-top:2px solid #eee; padding-top:30px;}
.new_detail h1{ text-align:center; font-size:24px; font-weight:normal;color:#02a99f;}
.news_c{ line-height:40px; border-bottom:2px solid #eee; padding-bottom:10px; text-align:center; color:#999; font-size:14px; }
.news_d{ padding:30px 0;font-size:14px;}



.page{ color:#666; margin-top:10px; line-height:24px; font-family:verdana;}
.page span{ padding:2px 5px;   margin-right:3px; font-size:12px;background:#fff;  border:none; color:#666; border:1px solid #d7d7d7;  }
.page a:link, .page a:visited{ text-decoration:none; color:#666; }
.page a:hover{ color:#ff8412;}
.page .current{ background:#a61411; border:none; color:#ffffff; font-weight:bold; padding:2px 6px;}

.jobs_box { padding:0px 0; min-height:300px;}
.jobs_box ul li{ float:left; line-height:50px; width:20%;}
.jobs_box ul.jtil{ border-bottom:2px solid #eee; height:50px;}
.jobs_box ul.jtil li{ font-size:16px; font-weight:bold;}
.jobs_box ul.jcon{ border-bottom:1px dotted #eee; height:50px;}
.jobs_box ul.jcon li{ font-size:14px; color:#999;}
.jobs_box ul.jcon li a{ color:#02a99f}


.sidebar_left{ width:265px; float:left; display:inline}

.list_til{ height:50px; line-height:50px;  font-size:20px; font-weight:bold; background:#04d1c4; text-indent:20px; color:#fff;}
.list_con{ border:1px solid #e1e1e1; border-top:none;}
.list_con ul li{ line-height:40px; font-size:16px; padding-left:20px; line-height:40px; }
.list_con ul li a{ display:block; background:url(../images/arrow.gif) no-repeat left 17px; padding-left:20px; color:#000; text-decoration:none; font-weight:bold;}
.list_con ul li.producttype1{ display:block; line-height:25px; text-indent:10px; background:none; border-bottom:1px dotted #d7d7d7;}
.list_con ul li.producttype1 a:link, .list_con ul li.producttype1 a:visited{ font-weight:normal; color:#333;background:url(../images/menu_li_bg.jpg) no-repeat 10px center; font-size:14px;}
.list_con ul li.producttype1 a:hover{ color:#f47314;}
.list_con ul li.producttype1 ul li{ line-height:30px;}
.list_con ul li.producttype1 ul li a:link, .list_con ul li.producttype1 ul li a:visited{ color:#777; font-size:12px; line-height:30px;}
.list_con ul li a:hover{color:#f47314;}
.list_con ul li.producttype1 ul li a:hover{color:#f47314;}







.news_con {
	overflow: hidden;
	margin: 0;
	width: 33%;
	
}

/* Common style */
.news_con figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin:0;
	width: 354px;
	height: 218px;
	background: #000;
	text-align: center;
	cursor: pointer;
}

.news_con figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
}

.news_con figure figcaption {
	padding: 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.news_con figure figcaption::before,
.news_con figure figcaption::after {
	pointer-events: none;
}

.news_con figure figcaption,
.news_con figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.news_con figure a {
	z-index: 1000;
	
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}



.news_con figure h2,
.news_con figure p {
	margin: 0;
}

.news_con figure p {
	
	font-size: 16px;
}

figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico figcaption {
	padding-top: 95px;
}

figure.effect-chico figcaption::before {
	position: absolute;
	top:80px;
	left: 40px;
	right:40px;
	bottom:0px;
	border:1px solid #fff; height:50px; border-left:none;border-right:none;
	
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}



figure.effect-chico p {
	margin: 0 auto;
	
	-webkit-transform: scale(1.5);
	transform: scale(1.5); ;
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}