﻿body{ font-size: 14px; line-height: 2em;}
/*.pics_wrap{ height:480px;}*/
/*home our server start*/
.severicon dt{ width: 100px; height: 100px; text-indent: -999px; /*background-image: url("h_servericon.png");*/ background-repeat: no-repeat; background-position: 0px 0px;}
.severicon dt,.severicon dd p{ color: #000000;}
.severicon:hover dt{ background-position-x:-100px;}
.severicon:hover dd p{ color: #00706b;}
.severicon2 dt{ background-position: 0px -100px;}
.severicon3 dt{ background-position: 0px -200px;}

.xt{ float:left; width:100%; height:4px; background:#00706b; }

.tab {width:1200px;}
.tab-title {width:1200px; margin:0 auto;overflow: hidden;}

.tab-title .item {display: inline-block;width:132px;height:45px;line-height:45px;text-align: center;color: #000000;font-size: 16px; background-color:#dadada; margin:26px 9px; float:left;}
.tab-newtit .item{ margin: 16px 21px;}
.tab-title .item-cur {color: #fff;background-color: #00706b;}
.tab-cont,.tab_newcont{position: relative; width:1200px;overflow: hidden;}
.tabconth{height:500px;}
.tabnewconth{height:378px;}
.tab-cont_wrap {position: absolute;}
.tab-cont .item,.tab_newcont .item {width:1200px;text-align: center;color: #fff;}
.tab-cont .item{height:402px; }
.tab_newcont .item{ height: 342px;}
/**********/
/*头部*/
/*通用标题*/
.i_title{ background:url(title_bg.png) center bottom no-repeat; text-align:center; padding:20px 0; margin-bottom:20px;}
.i_title a{ font-size:28px; color:#333; font-weight:bold; line-height:50px;}
.i_title a:hover{ color:#e60012;}
.i_title span{ font-size:12px; display:block;}


/*页头*/
.i_header_top{  height:40px; line-height:40px; color:#fff; background:#00706b}
.i_header_top span#s2{ float:right; background:url(tel.png) left center no-repeat; padding-left:30px; padding-right:40px}
.i_header_top span#s1{ float:right; background:url(fax.png) left center no-repeat; padding-left:30px;}
.logo{ width:100%; height:100px; padding:10px 0px }
.logo-in{ width:1200px; height:100px; margin:0 auto; position:relative}
.lg{ width:590px; height:100px; float:left; background:url(logo.png) center no-repeat;}
.lg-r{ width:539px; height:100px; float:right; background:url(logo-r.png)left center no-repeat;}
.lg-r span{font-size: 30px;font-family: 微软雅黑; color:#00706b; display:block; margin-top:45px; font-weight:bold; padding-left:85px;}
.dh{ width:100%; height:60px; background:#00706b; color:#FFF}
.dh-in{ width:1200px; height:60px; line-height:60px; margin:0 auto; border-left: 1px solid #eaeaea}
.dh-in ul{width:1260px;}
.dh-in ul li{ border-right:1px solid #eaeaea; height:60px; text-align:center; width:150px; font-size:16px; color:#fff; float:left; font-weight:bold}
.dh-in ul li.on{color:#fff; border-left:1px solid #eaeaea; background:#ff8232}
.dh-in ul li:hover{ color:#fff; background:#ff8232}

/*导航*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix10:after {content:".";display:block;height:10px;clear:both;visibility:hidden;}
.h10 {height:10px;}
.h15 {height:15px;}
.navBar {width:100%;margin:0 auto;height:60px;line-height:60px;color:#333; background:#0181c8;}
.nav {position:relative;width:1200px; margin:0 auto;font-family:"Microsoft YaHei",SimSun,SimHei;font-size:14px;}
.nav a {color:#fff;}
.nav h3 {font-size:100%;font-weight:normal;}
.nav .m {float:left;position:relative;z-index:1; width:194px}
.nav .s {float:left;width:3px;text-align:center;color:#D4D4D4;font-size:12px;}
.nav h3 a {display:block;color:#fff;width:197px;text-align:center;font-weight:bold;}
.nav .sub {display:none;position:absolute;left:-3px;top:100%;z-index:1;width:197px;border:1px solid #E6E4E3;border-top:0;background:#fff;}
.nav .sub li {text-align:center;padding:0 8px;margin-bottom:-1px;}
.nav .sub li a {display:block;border-bottom:1px solid #E6E4E3;padding:8px 0;height:28px;line-height:28px;color:#000;font-size:12px;font-weight:bold;}
.nav .sub li a:hover {color:#FE7700;}
.nav .block {height:5px;width:199px;background:#fe7700;position:absolute;left:0;bottom:0;overflow:hidden;}

/***********/
.lanren{width:1206px;}
.lanren li{width:294px;list-style:none;position:relative;float:left;overflow:hidden; margin-right:7px; margin-top:15px;}
.lanren li .a1 img{width:294px;height:221px; float:left}
.lanren li .a1 .divA{ width:100%; height:40px; background:#00706b; color:#FFF; text-align:center; line-height:40px; float:left; margin-top:5px}
/*遮罩*/
.lanren li .a2{position:absolute;top:0;left:-395px;width:395px;height:524px;text-align:center;color:white; background:url('hover.png') no-repeat left top;transition:all 0.2s;}
.lanren li .a2 .p4{width:395px;text-align:center;position:absolute;top:300px;left:-395px;color:#00706b;font-size:16px;transition:all 0.2s 0.1s ease-out;}
.lanren li:hover .divA{ color:#FFF; background:#ff8232}

/*首页的新闻 */
#menu{width:1200px; overflow:hidden; margin:0px auto;}
#menu #navtab {display:block;width:348px; margin:0 auto;list-style:none;}
#menu #navtab li {float:left;width:132px;  margin:26px 21px; background-color:#dadada;}
#menu #navtab li a {display:block;width:132px;height:45px;line-height:45px;text-align: center;color: #000000;}
#menu_con{ width:358px; }
.tag{overflow:hidden;}
#menu #navtab li .selected{color:#fff;background-color: #00706b;}
.tag{ width: 1240px; margin-left: -40px;overflow: hidden;}
.tag li{ float: left; width: 270px; margin-left: 40px; margin-bottom: 30px;}
.tag li a.homenewimg{ width:262px; height:132px; padding:3px; border:1px solid #d2d2d2; display:block;}
.tag li h3{ font-size:14px; line-height:2em; color:#383838; margin:12px 0px;}
.tag li span{ background: url("dateicon.gif") no-repeat left center; display: block; width: 100%; text-indent: 26px; font-size: 12px; line-height: 12px; height: 12px; color: #7b7b7b;}
.tag li p{ font-size: 12px; color: #727272; line-height: 21px; margin-top: 15px; margin-bottom: 30px;}
.tag li a.newview{ display: block; width: 82px; line-height: 34px; text-align: center; border: 1px solid #cbcbcb; background-color: #ffffff; font-size: 12px; color: #727272;}
.tag a.newview:hover{ background-color: #00706b; color: #ffffff; border-color: #00706b;}
/*首页的新闻 */
.linlogo{ width: 1202px;}
.linlogo li{ float: left; width: 201px; margin: 0px; margin-left: -1px;margin-top: -1px;}
.linlogo li a{ display: block; width: 201px; height: 129px; float: left;}
/*start*/
.aboutround{ margin-left: -94px;}
.aboutround li{ width: 230px; height: 230px; float: left; margin-left: 93px;}
.aboutround li a{ display: block; width: 230px; height: 230px;-webkit-border-radius: 115px;border-radius: 115px;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-o-transition: -o-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;}
.aboutround li a:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}


/**********/
.slideBox{ width:100%; height:600px;position:relative;}
.slideBox-in{ width:1200px; height:600px; position:relative}
.slideBox .bd{width:100%; height:600px;}
.slideBox .bd ul{}
.slideBox .bd ul li{ width:100%; height:600px}

/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; z-index:999   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
/***********/
.fl1{float:left; width:100%;  border-bottom:2px solid #000; margin-top:20px;overflow:hidden}
.fl1-tit{font-size:26px; color:#00706b}


.fl2{ float:left; width:100%; border-bottom:2px solid #000; margin-top:20px;}
.fl2-tit{ font-size:26px; color:#00706b}
.line{float:left; width:100%; height:1px; border-top:1px dashed #000; margin-top:20px}
.fl2-1{float:left; width:100%;  margin-top:20px}
.fl2-1tit{font-size:26px; color:#00706b}
.fl-img{ width: 100%; float: left; display: block}

/*网站底部 start*/
/***新闻***/
.xw{ width:100%; height:470px;float: left;}
.xw-in{ width:1200px; height:470px; margin:0 auto; position:relative}
.xw-in .xw-tit{ width:1200px; height:56px; float:left; margin-top:70px; position:relative; text-align:center; background:url(abttit.gif) center no-repeat}
.xw-in .xw-tit span#xw-bt{ font-size:30px; color:#FFF; position:absolute; top:-22px; left:538px; color:rgb(22, 36, 46)}
.xw-in .xw-tit span#xw-yw{ color: #5a5a5a; font-size:14px; position:absolute; top:23px; left:470px; letter-spacing:2px;}
.xw-in .xw-con{ width:100%; height:295px; float:left; margin-top:35px;}
.xw-con .xw-img{ width:295px; height:295px; background:url(news.jpg) center no-repeat; float:left}
.xw-con .xw-lb{ height:295px; width:885px; float:right}
.xw-con .xw-lb ul{}
.xw-con .xw-lb ul li{ float:left; border-bottom: 1px dashed #c6c6c6; width:100%; height:48px; line-height:48px}
.xw-con .xw-lb ul li:hover span#li-bt{ color:#017c77;}
.xw-con .xw-lb ul li span#li-bt{display: inline-block;font-family: Microsoft YaHei;font-size: 14px;color: #5a5a5a; float:left; font-weight:bold; letter-spacing:2px}
.xw-con .xw-lb ul li span#li-sj{display: inline-block;font-family: Microsoft YaHei;font-size: 14px;color: #acacac; float:right}
/*footer*/
.fot{ width:100%;  background:url(bg.jpg) repeat-x; float:left; margin-top:40px}
.fot-in { width:1200px;  margin:0 auto; position:relative}
.fot-in .up{ }
.fot-in .up .logo_fot{padding-top: 64px; width: 180px; display:none;}
.fot-in .up .main_box{ position:relative;}
.fot-in .up .contact{ height:150px; margin-right: 118px;}
.fot-in .up .contact dt{ line-height:150px; color: #444; float:left; display:block; font-size:18px; padding-right:40px;}
.fot-in .up .contact dd{  display:block; float:left; padding:0px 40px; height:150px; border-left:1px solid #c8c9c9;}
.fot-in .up .contact dd h2{ color:#454545; padding-top:30px; display:block; font-size:16px; margin-bottom:5px;}
.fot-in .up .contact dd  p{ line-height:22px; font-size: 15px; color:#787878;}
.fot-in .un{ padding:40px 0;}
.fot-in .un .main_box{ position:relative;}
.fot-in .un strong{  color:#fff; font-size:12px; line-height:26px; display:block;}
.fot-in .un h2 strong{font-size:16px; margin-bottom:10px; display:block;}
.fot-in .un span {  color:#fff; font-size:12px; line-height:36px;}
.fot-in .un span a{ color:#fff;}
.fot-in .un span a:hover{ text-decoration:underline;}
.fot-in .un .link_box{ position:absolute; right:0; top:0; width: 257px;}
.fot-in .un .link_box h2{ display:block; font-size:16px; color:#fff; margin-bottom:20px; }
.fot-in .un .link_box a{  display:inline-block; padding-right:20px; width:45px; position:relative;}
.fot-in .un .link_box a .img{ width:45px;}
.fot-in .un .link_box a.Wechat_box .ewm{ position:absolute; top:-150px; left:-50px; display:none;}
.fot-in .un .link_box a.Wechat_box:hover .ewm{ display:block;}
/*********/
#wrapper {
	background:#fff;
	position:relative;
}



/**************************************/
.xq{ width:100%; height:auto; padding-top:40px;}
.xq-in{ width:1200px; height:auto; position:relative; margin:0 auto;}
.xq1{ width:1200px; height:700px; background:#f2f2f0; box-shadow: 0 0 15px #333; position:relative; margin:0 auto}
.xq1-t{ width:1100px; height:3px; position:absolute; top:60px; left:50px; background:#453331; text-align:center;}
.xq1-t1{ position:absolute; width:100%; height:35px; line-height:35px; top:42px}
.xq1-t1 span{ text-align:center; background:#f2f2f0; width:330px; text-align:center; display:block; margin:0 auto; font-size:20px; color:#453331; font-weight:bold; letter-spacing:2px}
.xq1-t2{ position:absolute; width:100%; height:35px; line-height:35px; top:82px; text-align:center; color:#453331; font-size:16px; text-transform:uppercase; letter-spacing:1px}

.xq2{width:1200px; height:450px; position:relative; margin:0 auto; }
.xq2-t1{ position:absolute; width:100%; height:35px; line-height:35px; top:42px}
.xq2-t1 span{ text-align:center; width:830px; text-align:center; display:block; margin:0 auto; font-size:20px; color:#453331; font-weight:bold; letter-spacing:2px}
.xq2-t2{ position:absolute; width:100%; height:35px; line-height:35px; top:82px; text-align:center; color:#453331; font-size:16px; text-transform:uppercase; letter-spacing:1px}
.xq2 .xq2-c{ width:1200px; overflow:hidden; position:absolute; top:130px; background:#f2f2f0}
.xq2 .xq2-c .xq2-c1{ background:#FFF; border:1px solid #453331; margin:15px; width:1148px; padding:10px 10px; overflow:hidden; position:relative}
.xq2 .xq2-c .xq2-c1 ul{ position:relative; float:left}
.xq2 .xq2-c .xq2-c1 ul li{ float:left; margin-right:10px; width:277px;}
.xq2 .xq2-c .xq2-c1 ul li .li-img{ float:left; width:100%;}
.xq2 .xq2-c .xq2-c1 ul li .li-bt{ height:40px; line-height:40px; background:#f2f2f0; color:#453331; text-align:center; font-size:14px; float:left; width:100%; margin-top:5px; letter-spacing:2px; font-weight:bold}
.xq2 .xq2-c .xq2-c1 ul li:hover .li-bt{ background:#00706b; color:#FFF;}


.xq3{width:1200px; height:800px; position:relative; margin:0 auto; }
.xq3-t1{ position:absolute; width:100%; height:35px; line-height:35px; top:42px}
.xq3-t1 span{ text-align:center; width:830px; text-align:center; display:block; margin:0 auto; font-size:20px; color:#5a5a5a; font-weight:bold; letter-spacing:2px}
.xq3-t2{ position:absolute; width:100%; height:35px; line-height:35px; top:82px; text-align:center; color:#453331; font-size:16px; text-transform:uppercase; letter-spacing:1px}
.xq3 .xq3-c{ width:1200px; overflow:hidden; position:absolute; top:130px; margin:0 auto; font-size:14px;}

.xq4{width:1200px; height:1550px; position:relative; margin:0 auto; background:#FFF;}
.xq4-t{ width:1100px; height:3px; position:absolute; top:60px; left:50px; background:#453331; text-align:center;}
.xq4-t1{ position:absolute; width:100%; height:35px; line-height:35px; top:42px}
.xq4-t1 span{ text-align:center; background:#fff; width:330px; text-align:center; display:block; margin:0 auto; font-size:20px; color:#453331; font-weight:bold; letter-spacing:2px}
.xq4-t2{ position:absolute; width:100%; height:35px; line-height:35px; top:82px; text-align:center; color:#453331; font-size:16px; text-transform:uppercase; letter-spacing:1px}
.xq4 .xq4-c3{ width:100%; height:800px; position:absolute;  top:140px}
.xq4 .xq4-c3 .c31{ float:left; height:800px; width:1260px;}
.xq4 .xq4-c3 .c31 ul{}
.xq4 .xq4-c3 .c31 ul li{ float:left; height:296px; overflow:hidden; width:380px; margin-right:30px; margin-bottom:30px}
.xq4 .xq4-c3 .c31 ul li img{height:296px; width:380px}
.xq4 .xq4-c3 .c32{ float:right; height:296px; width:350px;}
.xq4 .xq4-c3 .c32-t{color:#453331; font-size:18px; font-weight:bold; float:left; margin-top:10px}
.xq4 .xq4-c3 .c32-c{ font-size:16px; color:#453331; float:left; margin-top:20px; height:276px; overflow:hidden; line-height:180%; letter-spacing:2px}
.xq4 .xq4-c2{ width:100%; height:3px; position:absolute; top:1120px; background:#444444}
.xq4 .xq4-c1{ width:100%; height:428px; position:absolute; top:1120px}
.xq4 .xq4-c1 .c11{ float:left; width:400px; height:460px;  position:relative}
.c11-1{ border-radius:20px; background:#00706b; color:#FFF; font-weight:bold; font-size:20px;  position:absolute; width:180px; height:45px; line-height:45px; text-align:center}
.c11-2{ width:100%; position:absolute; top:65px; line-height:30px; color:#333; letter-spacing:1px; font-size:16px}
.c11-3{ border-radius:20px; background:#ff8232; color:#FFF; font-weight:bold; font-size:20px;  position:absolute; width:180px; height:45px; line-height:45px; text-align:center; top:230px}
.c11-4{ width:100%; position:absolute; top:300px; line-height:30px; color:#333; letter-spacing:1px; font-size:16px}
.xq4 .xq4-c1 .c12{ float:right; width:750px; height:460px;}
.xq4 .xq4-c1 .c13{ float:left; width:100%; height:428px; margin-top:10px; background:url(c4.jpg) center no-repeat; }


/**********************************************/
.ht{ width:100%; padding:40px 0px;}
.ht-in{ width:1200px; margin:0 auto;}
.ht-in1{ width:1200px; margin:0 auto;}
.ht-tit{ width:100%; text-align:center; float:left; font-size:28px; color:#0068b7; font-weight:bold; letter-spacing:2px}
.ht-tit1{color:#453331; font-size:16px; text-transform:uppercase; letter-spacing:1px; width:100%; float:left; text-align:center}
.ht-t1{ float:left; font-size:20px; color:#5a5a5a; font-weight:bold; margin-top:10px; width: 100%}
.ht-t1c{ background:#FFF; border:1px solid #dedede; width:1180px;  overflow:hidden; position:relative; float:left; padding:10px; margin-top:10px; margin-bottom:15px}
.ht-t1c.on{border:none}
.ht-t1c ul{ position:relative; float:left; width:1230px}
.ht-t1c ul li{ float:left; margin-right:10px; width:287px; margin-bottom:10px}
.ht-t1c ul li .li-img{ float:left; width:100%;}
.ht-t1c ul li .li-img img{ width:287px; height:215px;}
.ht-t1c ul li .li-bt{ height:40px; line-height:40px; background:#f2f2f0; color:#453331; text-align:center; font-size:14px; float:left; width:100%; margin-top:5px; letter-spacing:2px; font-weight:bold}
.ht-t1c ul li:hover .li-bt{ background:#00706b; color:#FFF;}
.ht-js{ color:#5a5a5a; float:left; margin-top:10px; margin-bottom:15px; width:100%; text-indent: 2rem; line-height: 1.8; font-size: 16px}
.ht-in img{ max-width: 100%; display: block; margin: 0 auto}
/*************************/
.hynlist li{ width:100%; height:192px; border-bottom:1px dashed #00706b; overflow:hidden;}
.hynlist li .nw_tit:hover { color:#00706b;}
.hynlist li.diyige{ margin-top:30px;}
.hynlist li:after{ content:""; width:0; height:0; visibility:hidden; clear:both; display:block;}
.hynlist li .nw_tit{ font:18px/18px 'Microsoft Yahei'; color:#545454; display:block; margin:30px 0 20px 0;  width:1200px; height:19px; text-overflow:ellipsis; -webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -webkit-white-space:nowrap; white-space:nowrap;-moz-white-space:nowrap; -webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;transition: all 500ms ease-in 0ms;}
.hynlist li span{ background:url(news_clock_03.png) no-repeat 0 0; height:14px; padding-left:23px; font:14px/14px 'Microsoft Yahei'; color:#999999; display:block; margin-bottom:20px;}
.hynlist li p { font:14px/20px 'Microsoft Yahei'; color:#545454; width:1200px; max-height:60px; overflow:hidden; position:relative;}
.hynlist li p:after {
    content:'...';
    position:absolute;
    bottom:0;
    right:5px;
    padding-left:40px;
    background:-webkit-linear-gradient(left,transparent,#fff 55%);
    background:-o-linear-gradient(right,transparent,#fff 55%);
    background:-moz-linear-gradient(right,transparent,#fff 55%);
    background:linear-gradient(to right,transparent,#fff 55%);
}
.hynlist li .chakan{ font:14px/14px 'Microsoft Yahei'; color:#545454; float:right; margin-top:5px;}
.pagin_sp{ position:absolute; bottom:100px; right:250px;}

/****************/
.ht-in h2{ font:24px/24px 'Microsoft Yahei'; color:#545454; text-align:center; margin:10px 0 22px 0;}
.news_tips{ width:100px; height:14px; margin:0 auto 25px auto;}
.nw_date{ background:url(news_clock_03.png) no-repeat 0 0; height:14px;padding-left:23px; font:14px/14px 'Microsoft Yahei'; color:#999999; display:block;}
.nw_view{ background:url(view_03.png) no-repeat 0 0; height:14px;padding-left:23px;font:14px/14px 'Microsoft Yahei'; color:#999999; display:block; margin-left:37px;}
.ht-in>p{ color:#545454; }
.ht-in>p img{ display:block; text-align:center; margin:0 auto}
.about_tabl li a{ width:100%; height:100%; display:block; }
.about_tabl li a p{ font:16px/62px 'Microsoft Yahei'; color:#545454;}



