@charset "utf-8";
@import url("common.css");
@import url("page.css");
/*公用*/
body{ background-color:#f4f4f4; font-family:"微软雅黑";}
a{ color:#000; text-decoration:none; outline:0 none;}
a:hover{ color:#000;}
.db{ display:block;}
.w{ min-width:1200px; max-width:1920px;}
.w_1{ width:1200px; margin:0 auto; position:relative;}
.w_2{ width:1096px; margin:0 auto; position:relative;}
.bcf{ background-color:#fff;}
.bc0{ background-color:#000}
.bc2c{ background-color:#24272c;}
.bc4b{ background-color:#2e3a4b;}
.bg_1{ background:#333333;}
.bg_2{ background:#006b7f;}
.bg_4{ background:url(../images/bg_1.jpg) center no-repeat; height:216px;}
.bg_5{ background:#282828;}
.bg_6{ background:#2c2f34;}
.color1{ color:#006b7f;}
/*top*/
.top span{ line-height:30px; color:#fff; font-size:12px;}
.top span a{ color:#fff; padding:0 10px;}
/*logo*/
.logo p{ margin-top:20px; background:url(../images/tel.jpg) left no-repeat; padding-left:80px; line-height:30px; color:#006b7f; font-size:14px;}
.logo p strong{ font-size:18px;}
/*head*/
.nav{ height:60px; width:1050px; margin:0 auto;}
.nav ul li{ float:left; }
.nav ul li a{ display:block; text-align:center; width:150px; padding-top:12px; line-height:24px;  font-size:16px; color:#fff; background:url(../images/nav_list_bg.png) right center no-repeat; }
.nav ul li a span{ font-size:12px; line-height:16px;}
.nav ul li:last-child a{ background:none;}
.nav ul li a:hover,.nav ul li.on a{ background:#fff; color:#006b7f;}
.nav li ul.menu{ margin:0; padding:0;position:absolute;display:none; height:auto; width:150px; overflow:hidden; opacity: 0;filter: alpha(opacity=0); height:auto;z-index:1000000000;clear:both; background:url(../images/nav_menu_list.png);}
.nav li ul.menu li{ width:150px; padding:0;line-height:40px; height:40px; float:none; margin:0 auto; overflow:hidden; background:none;}
.nav li ul.menu li a{line-height:40px;color:#fff;padding:0;background:url(../images/nav_menu_bg.png) bottom center no-repeat;height:40px; font-size:14px; font-weight:normal; text-align:center; margin:0;text-transform: uppercase;}
.nav li ul.menu li:last-child a{ background:none;}
.nav li ul.menu li a:hover{color:#fff; background:#006b7f;}
/*banner*/
.banner{ height:500px; overflow:hidden; margin:0px auto 0;}
.banner #kinMaxShow .kinMaxShow_image_box .kinMaxShow_image_item{left:0;}
#kinMaxShow{display:none;}
/*notice*/
.notice span{ font-size:16px; line-height:40px; color:#000;}
.notice a{ font-size:16px; line-height:40px; color:#000; padding:0 5px;}
.notice a:hover{ color:#07b295;}
/*product*/
.title_1{ background:url(../images/title_1.png) center no-repeat;}
.p1{ font-size:22px; line-height:36px; color:#000; text-align:center;}
.p2{ font-size:14px; line-height:20px; text-align:center; color:#006b7f; text-transform:uppercase;}
.box_1 ul li{ margin:0 50px; width:260px; float:left;}
.box_1 ul li a div{ width:160px; height:150px; padding:50px; background:#fff; overflow:hidden;}
.box_1 ul li a div p{ text-align:center}
.p3{ font-size:40px; line-height:60px; color:#000;}
.p4{ font-size:30px; line-height:50px; color:#006b7f;}
.p5{ font-size:12px; line-height:24px; color:#999999;}
.span1{ display:block; width:130px; float:left; background:#006b7f; font-size:12px; line-height:36px; text-align:center; color:#fff;}
.span2{ display:block; width:130px; float:right; background:#b3b3b3; font-size:12px; line-height:36px; text-align:center; color:#fff;}
.prev_next a{ display:block; position:absolute; top:135px; width:15px; height:24px;}
.prev_next .prev{ background:url(../images/pro_prav.png) center no-repeat; left:-45px;}
.prev_next .next{ background:url(../images/pro_next.png) center no-repeat; right:-45px;}
/*advt*/
.advt{ padding-top:30px;}
.advt ul li{ width:240px; margin-bottom:30px; float:left;}
.advt ul li p{ text-align:left}
.p6{ font-size:26px; color:#fff; line-height:40px;}
.p7{ font-size:16px; color:#006b7f; line-height:30px;}
/*news*/
.box_2{ width:600px;}
.box_2 ul li a{ display:block; padding:20px 0; border-bottom:dashed #595959 1px;}
.p8{ font-size:14px; line-height:25px; color:#333333; padding:10px 25px;}
.p8 strong{ color:#006b7f; font-size:18px;}
.newstime{ float:left; padding:10px 20px; border-right:solid #595959 1px; text-align:center; margin-right:20px;}
.newstime strong{ font-size:30px; color:#006b7f; line-height:50px;}
.newstime p{ color:#333333; font-size:12px; border:solid #595959 1px; line-height:24px; padding:0 15px;}
.box_2 ul li a:hover .newstime p{ background:#006b7f; color:#fff;}

.box_3{ width:579px;}
.p9{  font-size:24px; color:#fff; text-align:center;}
.p10{ background:#006b7f url(../images/more.png) bottom right no-repeat; padding:10px 50px 20px 50px; text-align:left; font-size:14px; color:#e6fbff;}
/*cooperation*/
.box_4 ul li{ margin:0 8px; float:left; border:solid #e6e6e6 1px;}
.box_4 ul li:hover{ border:solid #222 1px;}
.box_4 ul li a{}
.box_4 ul li a div{width:200px;height:150px; /*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size: 131px;/*此处的font-size为height除以1.14 */*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/}
.box_4 ul li a div img{vertical-align:middle;border:none;}
.prev_next1 a{ display:block; position:absolute; top:85px; width:15px; height:24px;}
.prev_next1 .prev{ background:url(../images/pro_prav.png) center no-repeat; left:-45px;}
.prev_next1 .next{ background:url(../images/pro_next.png) center no-repeat; right:-45px;}
/*map*/
.map{ width:834px; height:365px;}
.cont{ width:272px; height:325px; padding:40px 54px 0 40px;}
.p11{ text-align:left; font-size:18px; color:#cccccc; line-height:24px; padding:10px 0; border-bottom:dashed #545454 1px;}
.p11:last-child{ border:none;}



/*友情链接*/
.link{ padding:10px 0;}
.link span{ font-size:14px; color:#fff; line-height:30px; padding-right:10px;}
.link a{ padding:0 10px; font-size:14px; color:#fff; line-height:30px;}
/*底部*/
.foot{ padding:20px 0;}
.foot p{font-size:12px; color:#ececec; line-height:30px; text-align:center;}
.foot a{ color:#ececec;}

/* 返回顶部 */
.dn{ display:none;}
.go-top{position: fixed;bottom: 40px;right: 20px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -150px;}
.go-top .go:hover{background-position: 0 -250px;}
.go-top .feedback{background-position: 0 -100px;}
.go-top .feedback:hover{background-position: 0 -300px;}
.go-top .uc-2vm{background-position: 0 0;}
.go-top .uc-2vm:hover{background-position: 0 -350px;}
/*
.go-top .share{background-position: 0 -50px;}
.go-top .share:hover{background-position: 0 -200px;}
*/
.go-top .uc-2vm-pop{
	position: absolute;right: 60px;top: -180px;
	width: 240px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);
	background: #fff;
}
.go-top .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;}
.go-top .uc-2vm-pop .logo-2wm-box{position: relative;}


/*left*/
.left_box{ width:270px; overflow:hidden; }
.left_box_1{ border:solid #333333 10px; padding:20px 0 20px 20px; width:220px;}
.left_title_1{ color:#006b7f; font-size:20px; line-height:36px;}
.left_title_2{ color:#808080; font-size:12px; line-height:24px; margin-bottom:15px;text-transform:uppercase;}
.left_box_1 ul li a{ display:block; padding-left:25px; background:url(../images/left_list_bg.png) 190px center no-repeat #006b7f; font-size:16px; color:#fff; line-height:40px;}
.left_box_1 ul li a:hover{background:url(../images/left_list_bg_on.png) 190px center no-repeat #fff; color:#006b7f}

.left_box_2{ margin:40px 11px 0 0; border:solid #000 2px; padding:30px;}
.left_p1{ background:url(../images/left_p2.png) left center no-repeat; padding-left:30px; text-align:center; font-size:20px; font-weight:bold; color:#006b7f;}
.left_p2{ font-size:20px; text-align:center; padding:15px 0; border-bottom:solid #006b7f 1px; color:#000;}
.left_p3{ padding-top:25px; font-size:14px; line-height:24px; color:#333333;}


/*详情页面*/
.crumb p{ background:url(../images/left_p1.png) left center no-repeat; padding-left:25px; color:#006b7f; font-size:14px; line-height:24px;}
.crumb p a{ padding:0 6px; color:#006b7f;}
.all{ float:right; width:870px; position:relative; border:solid #808080 1px; }
.all_t{ padding:40px 40px 0; background:url(../images/all_t.jpg) center bottom no-repeat; height:38px;}
.all_t p{ float:left; line-height:38px; font-size:16px; color:#fff; background:#006b7f; padding:0 30px;}
.all_box{ width:790px; padding:20px 40px; font-size:14px; line-height:24px; min-height:500px;_height:500px;}

.pro_box_in li{float:left; margin:0 10px 10px 10px;}
.pro_box_in li a{ display:block; }
.pro_box_in li a div{width:240px;height:180px; /*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size: 1570px;/*此处的font-size为height除以1.14 */*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/}
.pro_box_in li a div img{vertical-align:middle;border:none}
.pro_box_in li a p{ text-align:center; font-size:14px; line-height:20px; color:#1e1e1e; padding:10px 0 10px 0; }
.pro_box_in li a:hover p{ color:#006b7f;}

.news_box_in ul li a{ display:block; padding-left:15px;  line-height:40px; color:#000; font-size:16px;}
.news_box_in ul li a:hover{ color:#006b7f;}
.news_box_in ul li a .times{ float:right; border:none;}




.newsTitle{ color:#006b7f; text-align:center;} 

.plist li{ float:left; margin:0 10px 10px 10px;}
.plist li a{ display:block;  background:#efefef;}
.plist li a div{width:270px;height:240px; /*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size: 210px;/*此处的font-size为height除以1.14 */*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/}
.plist li a div img{vertical-align:middle;border:none}
.plist li a p{ text-align:center; font-size:14px; line-height:20px; color:#1e1e1e; }
.plist li a:hover { background:#07b295;}

.formitm{ padding:10px 0; clear:both;} 
.formitm .lab{ display:block; float:left; font-size:16px; line-height:30px; width:100px; height:30px; text-align:left;}
.formitm .ipt{ width:400px; float:left;}
.formitm .ipt img{ margin-left:20px;}
.formitm .ipt input.u-ipt{ width:360px; height:30px; border:solid #ddd 1px; background:#fff; padding:0;}
.formitm .ipt input.checkCode{ width:180px; height:30px; border:0; background:#fff; padding:0;}
.formitm .ipt .u_textarea{ width:360px; height:108px; border:solid #ddd 1px;}
.formitm .ipt input.checkCode{ width:80px; height:22px; border:solid #ddd 1px; background:#fff; padding:0;}
.formitm .submit{ margin-left:100px; width:120px; height:36px; border-radius:5px; background:#26c48b; color:#fff; font-size:14px; text-align:center; line-height:36px; box-shadow:none;} 
.formitm .reset{ margin-left:50px; width:120px; height:36px; border-radius:5px; background:#26c48b; color:#fff; font-size:14px; text-align:center; line-height:36px; box-shadow:none;} 

#guestbook_form{ margin:0 auto;}








/*中间出现*/
.dm1{animation:atop 2s;-moz-animation:atop 2s;-webkit-animation: atop 2s;-o-animation:atop 2s; opacity: 1;}
/*转圈动作*/
.dm2{animation: circle 2s;-moz-animation: circle 2s;-webkit-animation: circle 2s;-o-animation: circle 2s; opacity: 1;}
/*水平旋转*/
.dm3{animation:wrimg 2s;-moz-animation:wrimg 2s;-webkit-animation: wrimg 2s;-o-animation:wrimg 2s; opacity: 1;}

/*从中间出现动作*/
@keyframes atop
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}

@-moz-keyframes atop
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}

@-webkit-keyframes atop 
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}
@-o-keyframes atop 
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}
/*从中间出现动作结束*/

/*转圈动作开始*/
@keyframes circle
{
0% { transform:rotate(0deg);}
100% { transform:rotate(360deg);}
}

@-moz-keyframes circle
{
0% { transform:rotate(0deg);}
100% { transform:rotate(360deg);}
}

@-webkit-keyframes circle
{
0% { transform:rotate(0deg);}
100% { transform:rotate(360deg);}
}

@-o-keyframes circle
{
0% { transform:rotate(0deg);}
100% { transform:rotate(360deg);}
}
/*转圈动作开始*/

/*水平旋转动作开始*/
@keyframes wrimg
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}

@-moz-keyframes wrimg
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}

@-webkit-keyframes wrimg
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}

@-o-keyframes wrimg
{
0% { transform:rotateY(0deg);}
100% { transform:rotateY(360deg);}
}
/*旋转动作结束*/




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

.clear{ clear:both; overflow:hidden;}