body {
	color: #666666;	font-size: 14px;	line-height: 1.75em;	background: #fff;
	font-family: Arial,"微软雅黑","Microsoft YaHei", simsun, sans-serif ;	-webkit-font-smoothing: antialiased; 
		padding:0px; 
	margin:0px auto;
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:auto;
	max-width:640px;
	}
.fl{ float: left; } 
.fr{ float: right;} 
.cl:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.cl{zoom:1} 
a { color:#555;}


/***************
宋体 SimSun  黑体 SimHei  微软雅黑 Microsoft YaHei  微软正黑体 Microsoft JhengHei 新宋体 NSimSun 楷体 KaiTi
深黑 重要文字和标题  #222
中灰色 普通文字信息及引导 #666
#浅灰  辅助信息 次要文字 按钮苗边 #999
#淡淡灰  分割线 标签描边 #d7d7d7 
#暗白  内容背景 #f3f5f7 
背景 #f8f8f8

**************/
.w100{ width:100%; max-width:640px; clear:both; margin:0 auto;  }
.w50{ width:50%; margin:0 auto;}
.w30{ width:33.333%; margin:0 auto;}
.w25{ width:25%; margin:0 auto;}
.p10{ padding:0 10px;}
/********* top *****************/
header .ding{ background:#005F71; color:#fff; line-height:36px; font-size:14px; }
header .ding a{ color:#fff;}
header .ding .yuyan{ background:url(img/ding-yy.png) left center no-repeat; padding-left:25px; }
header .ding  .sousuo{ width:65%; background:#fff; height:26px; margin-top:5px; margin-right:30px; position:relative; overflow:hidden; border-radius:20px; }
header .ding  .sousuo input{ padding:0 10px; height:26px; line-height:26px; display:block; border:none; width:150px; outline:none; }
header .ding  .sousuo a{ display:block; position:absolute; right:0; top:0; width:30px; height:26px; background:url(img/ding-ss.png) center center no-repeat #fff; }


header .logoan{ background:#FFF; position:relative;  }
header .logoan .logocd {padding:10px; padding-bottom:5px;}
header  .logo{ text-align:center; width:80%; margin:5px 0; }
header  .logo img{ max-width:100%; max-height:80px; text-align:left; display:block; float:left;}


header .anniu{   position:absolute; top:50%; right:10px; margin-top:-15px;  height: 30px;width: 36px;z-index: 99;transition: 600ms;-webkit-transition: 600ms; }

header .anniu span{background: #005f71;width: 30px;height: 3px;margin: auto;position: absolute;top: 0;bottom: 0;right: 0;left: 0;transition: 1.3s cubic-bezier(0.53, 0, 0.15, 0.3);}
header .anniu span::before{content: "";background: #005f71;width: 30px;height: 3px;margin: auto;position: absolute;top: -18px;bottom: 0;right: 0;
left: 0;transition: 1.3s cubic-bezier(0.53, 0, 0.15, 0.3);}
header .anniu span::after{content: "";background: #005f71;width: 30px;height: 3px;
margin: auto;position: absolute;top: 18px;bottom: 0;right: 0;left: 0;transition: 1.3s cubic-bezier(0.53, 0, 0.15, 0.3);}

header .anniu .bj span{background:none;}
header .anniu .bj span::before{transform: rotate(-225deg);background: #005f71;top: 0;}
header .anniu .bj span::after{transform: rotate(225deg);background: #005f71;top: 0;}




/*********************/


.daohang{ height:36px; background:#003e79; color:#fff;  }
.daohang a{ width:25%; line-height:36px; color:#fff; text-align:center; display:block; float:left;}


header #caidan { display: none; background:#005F71;;}
header .nav li { }
header .nav li a{ display:block; height:50px; line-height:50px; padding:0 30px; color:#fff; font-size:16px; text-align: center; border-top:1px solid #005565;}


/*************************/
.tit-index { height:60px; line-height:40px; overflow:hidden;}
.tit-index p{ float:left; }
.tit-index p strong{ color: #333;font-size: 22px;font-style: normal;font-weight: 400;line-height: 55px;position: relative;text-decoration: none; padding:10px 0;}
.tit-index p strong:after{content: "";position: absolute;bottom: 0;height: 3px;background: #005f71;width: 38px;left: 0;transition: .5s;-webkit-transition: 500ms;}
.tit-index:hover p strong:after{ width:100%;}
.tit-index a{ float:right; display:block; padding:0 15px; height:32px; line-height:32px; border-radius:32px; margin-top:10px; text-align:center; background:#ccc; color:#fff;transition: .5s;-webkit-transition: 500ms;}
.tit-index a:hover{ background:#005f71; }
/**********************/

.cpindex{ margin:30px auto 0; }
.cpslideBox{ position:relative; width:100%;   overflow:hidden; margin:10px auto; }
.cpslideBox .prev,.cpslideBox .next{ position:absolute; left:0; top:48%; display:block; width:30px; height:56px; background:url(img/btns-l.png) center center no-repeat #ccc;  }
.cpslideBox .next{ left:auto; right:0; background:url(img/btns-r.png) center center no-repeat #ccc;;}
.cpslideBox .prev:hover,.cpslideBox .next:hover{ background-color:#005f71;}
.cpslideBox .bd{ position:relative; z-index:0; box-sizing:border-box; width:70%; margin:0 auto; border:1px solid #ddd; }
.cpslideBox .bd li{ position:relative;   }
.cpslideBox .bd li .tit{ display:block; background:#005f71; color:#fff; text-align:center; font-size:16px; line-height:36px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; 
}
.cpslideBox .bd li .pic img{ width:100%; display:block; }

/********************/
.jjindex { padding:10px 0; background:#F5F5F5; margin-top:20px;}

.jjindex .gsjjnr{ overflow:hidden; line-height:1.8em; margin-bottom:10px; }

.gsjjindex .hdp .focusBox  { position: relative; width: 100%;  overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; margin:10px auto ; }
.gsjjindex .hdp .focusBox  .pic img { width: 100%; display: block; }
.gsjjindex .hdp .focusBox  .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.gsjjindex .hdp .focusBox  .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.gsjjindex .hdp .focusBox  .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.gsjjindex .hdp .focusBox  .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.gsjjindex .hdp .focusBox  .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.gsjjindex .hdp .focusBox  .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.gsjjindex .hdp .focusBox  .num li a,.gsjjindex .hdp .focusBox  .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.gsjjindex .hdp .focusBox  .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.gsjjindex .hdp .focusBox  .num li.on a,.gsjjindex .hdp .focusBox  .num a:hover{ background:#005F71;  }

/********************/
 .xwindex{ overflow:hidden; margin:10px auto 20px;}
 .xwindex ul li{ padding:20px 0 10px; border-bottom:1px solid #ddd; position:relative; height:100px; clear:both; }
 .xwindex ul li:after{content: "";position: absolute;bottom: 0;height: 1px;background: #005f71;width: 38px;left: 0;transition: 1s;-webkit-transition: 1s;}
 .xwindex ul li:hover:after{ width:100%;}

 .xwindex ul li .tu{ width:90px; height:50px; overflow:hidden; position:absolute; top:20px; left:0; }
 .xwindex ul li .tu img{width:90px; height:50px; display:block;}
 .xwindex ul li:hover .tu img {transform: scale(1.1); -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;}

 .xwindex ul li a{ color:#555;}
 .xwindex ul li .wen{  height:50px; overflow:hidden; padding-left:110px;  }
 .xwindex ul li .wen .bt { display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#333; font-size:14px; line-height:20px;}
 .xwindex ul li .wen .sj{ font-size:12px; line-height:30px;}
 .xwindex ul li  .nr{ margin-top:10px; font-size:12px; line-height:20px; height:40px; overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}



/*********************/
footer .foot{ padding:20px 0 ; background:#005F71; color:#ccc;}
footer .foot .ljlefts{ }
footer .foot .ljlefts .xm{ float:left; width:30%; margin-right:3%;  text-align:left; margin-top:20px; height:170px; overflow:hidden;}
footer .foot .ljlefts .cpxm{ width:34%;}
footer .foot .ljlefts .xm a{ display:block;  color:#eee; line-height:24px; font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
footer .foot .ljlefts .xm a.tit{ border-left:2px solid #01d4fc; padding-left:10px; margin-bottom:10px; line-height:1em; font-size:16px; color:#fff;}
footer .foot .ljlefts .mr0{ margin-right:0;}

footer .foot .lxrgihts{ height:230px; width:100%; }
footer .foot .lxrgihts .tit{ border-left:2px solid #01d4fc; padding-left:10px; margin-bottom:30px; line-height:1em; font-size:16px; color:#fff; }
footer .foot .lxrgihts .tu{ float:left; width:40%; margin:0 5%; overflow:hidden;  }
footer .foot .lxrgihts .wen{ float:left; width:140px; overflow:hidden;   }
footer .foot .lxrgihts .wen p{ color:#4EB2FD;}

footer .foot .dianhua{ border-bottom:1px solid #1A6F7F;  border-top:1px solid #1A6F7F; padding:20px 10px; margin:30px  auto;}
footer .foot .dianhua .xm{ min-height:60px;  color:#4EB2FD; padding:10px 0 10px 60px;; }
footer .foot .dianhua .xm p{ font-size:14px; color:#fff;}
footer .foot .dianhua .foottel{ background:url(img/foottel.png) left center no-repeat;}
footer .foot .dianhua .footadd{ background:url(img/footadd.png) left center no-repeat;}
footer .foot .dianhua .footyx{ background:url(img/footemail.png) left center no-repeat;}

footer .foot .lxwm{   overflow:hidden; color:#fff;  margin:0 auto 20px; padding:20px 0;  border-top:#024d5b 1px solid;   border-bottom:#024d5b 1px solid;  }
footer .foot .lxwm a{  color:#fff}
footer .foot .lxwm .tit{ margin:10px 0 15px;; line-height:1em;  color:#fff; border-left:2px solid #01d4fc;  padding-left:10px;}


footer .foot .copyright{ text-align:center; color:#fff;  border-top:#024d5b 1px solid; padding-top:10px; }
footer .foot .copyright a{ color:#fff;}

/******************/

.dibucaidan{ height:108px;  position:fixed; bottom:0; left:0; color:#fff; width:100%; overflow:hidden;  }
.dibucaidan .fanhuidingbu{ width:100px; height:50px; border-radius:100px 100px 0 0; overflow:hidden; background:#2bf; margin:0 auto; text-align:center;  }
.dibucaidan .fanhuidingbu a{ color:#fff; padding-top:25px; display:block;line-height:20px; background: url(img/atop.png) center 8px no-repeat; }
.dibucaidan .caidan{background:#2bf; height:60px; margin-top:-2px;  }
.dibucaidan .caidan a{ display:block; width:25%; height:30px; line-height:20px; color:#fff; float:left; text-align:center; padding-top:30px;}
.dibucaidan .caidan a.a1{ background: url(img/a1.png) center 8px no-repeat;}
.dibucaidan .caidan a.a2{ background: url(img/a2.png) center 8px no-repeat;}
.dibucaidan .caidan a.a3{ background: url(img/a3.png) center 8px no-repeat;}
.dibucaidan .caidan a.a4{ background: url(img/a4.png) center 8px no-repeat;}

/***********分页*******************/

#getmore{ margin:10px auto; width:100%; text-align:center;}
#getmore .listpage{ display:inline-block; width:25%; text-align:center; height:30px; line-height:30px; margin:10px 1%; background: #005F71; background-size:contain; color:#fff; border-radius:3px;border:1px solid #fff;}
#getmore .listpage a{ color:#fff; display:block;}
#getmore  .pageshow{ background:#fff; color:#666;border:1px solid #999; }

/****************/
.banner{ width:100%; height:200px; background:url(img/banner.jpg) top center ;    }

.fenleilist{  background:#F5F5F5; border-bottom:1px solid #ddd; text-align:center; }
.fenleilist ul{ padding:10px 10px 0;}
.fenleilist ul li{ display:inline-block;   padding:0 10px; min-width:4em; margin-bottom:10px; }
.fenleilist ul li.on{ background:#005F71; }
.fenleilist ul li a{ font:14px /30px Arial; color:#333;}
.fenleilist ul li.on  a{ color:#fff;}

.fenleilist ul li:hover a{ color:#000;}


/*****************/
.main{ margin:30px auto;}
.main .xiangxineirong{ overflow:hidden; font-size:14px; line-height:1.8em; text-align:justify;}
.main .xiangxineirong img{ max-width:100%; height:auto; vertical-align:bottom;}
.main .xiangxineirong table { border-collapse:collapse; margin:10px auto; width:100%;}
.main .xiangxineirong table tr td{  border:1px solid #ddd; font-size:12px !important; }
.main .xiangxineirong .biaoti{ border-bottom:1px dashed #ddd; text-align:center; margin-bottom:20px; font-size:16px; }
.main .xiangxineirong .biaoti h1{ font-size:24px; margin:0 auto;}
.main .xiangxineirong .biaoti p{ color:#999;}
.main .xiangxineirong .xxneirong h2.biaoti{ font-size:18px; text-align:center; line-height:1.5em; color:#005F71;  margin-bottom:10px; border-bottom:1px dotted #ddd;}
.main .xiangxineirong .xxneirong h2.biaoti p{ font-size:12px; color:#999; font-weight:normal;}
/**************/
.xwlist li{ clear:both; margin-bottom:20px;  overflow:hidden; }
.xwlist li .tu{ width:20%;background:#c7cde6; }
.xwlist li .tu img{ width:100%; display:block; }
.xwlist li .wen{ width:75%;}
.xwlist li .wen h3{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:14px; color:#fff;}
.xwlist li .wen .nr{overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:1.75em; font-size:12px; color:#eee; height:3.5em;}

.xwindex .xwmore{ margin:20px auto; width:120px; height:36px; line-height:36px; border-radius:4px; overflow:hidden; font-size:18px; background:#fff; color:#858eff; text-align:center; display:block;  border:1px solid #fff;}



.main ul.xwlist{ margin:10px; overflow:hidden; }
.main ul.xwlist li { border-bottom:1px dotted #ddd; padding-bottom:20px;}
.main ul.xwlist li .wen h3{ color:#666;}
.main ul.xwlist li .wen .nr{ color:#999;}

/**********************/
.main .video ul.caselist li{ margin:20px auto; text-align:center; position:relative;}
.main .video ul.caselist li .tu img{ width:100%; }
.main .video ul.caselist li .show{position:absolute; z-index:2; left:0; top:0; width:100%; text-align:center;}
.main .video ul.caselist li .show  img{ width:100%;}

/*******************/
.cpindex{ margin:20px auto;   }
.cpindex  ul.cplist{ margin:20px 5px;}
.cpindex  ul.cplist li{ width:48%; overflow:hidden; text-align:center; box-sizing:border-box; border:1px solid #ddd; margin:10px 1%; float:left; }
.cpindex  ul.cplist li .tu{ width:100%; overflow:hidden;}
.cpindex  ul.cplist li .tu img{ display:block; width:100%;}
.cpindex  ul.cplist li .wen{  padding: 0; line-height:2em; border-top:1px solid #ddd; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:#DDDDDD; color:#333;  }

/**************/
.focus{ width:100%;   margin:0 auto 20px;; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
.focus .hd ul .on{ background:#005F71;  }
.focus .bd{ position:relative; z-index:0; }

.focus .bd li img{ width:100%;   }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }


/********************/

.main .jiameng .xm{  overflow:hidden; margin-bottom:40px; }


.main .jiameng .xm .jmtit{ color:#005F71;font-size: 20px;line-height: 55px; position:relative;}
.main .jiameng .xm .jmtit:after{content: "";position: absolute;bottom: 0;height: 3px;background: #005f71;width: 38px;left: 0;transition: .5s;-webkit-transition: 500ms;}
/*.main .jiameng .xm .jmtit:after{ width:100%;}*/
.main .jiameng .zxly  div{ padding:5px 0; text-align:left;}
.main .jiameng .zxly  input{ height:26px; line-height:26px; box-sizing:border-box; padding:0 10px; }
.main .jiameng .zxly .sr1{ width:100%;}
.main .jiameng .zxly .sr3{ width:176px;; margin-right:20px; } 
.main .jiameng .zxly .mr0{ margin-right:0;}
.main .jiameng .zxly textarea{ box-sizing:border-box;; padding:5px 10px;}
.main .jiameng .zxly .yems{color:#005F71; font-size:16px; padding-top:10px;}

.main .jiameng .zxly .yzmk{height:36px; line-height:36px; border:1px solid #999; width:100%; box-sizing:border-box; padding:0; padding-right:10px;}
.main .jiameng .zxly .yzmk img{ float:right; height:16px; padding-top:5px;}
.main .jiameng .zxly .yzmk input{ border:none; outline:none;}
.main .jiameng .zxly  .tijiao{ width:100%; margin-top:10px; }
.main .jiameng .zxly  .tijiao .btn{ background:#005F71; color:#fff; border:1px solid #005F71; line-height:40px; height:40px;}


/******************/
.main .lianxitit{background:#005F71; color:#fff; height:40px; line-height:40px; text-align:center; font-size:16px;}
.main .lianxinr{  background:url(img/contact_bg.jpg) #333;  color:#fff; padding:20px ; line-height:2em; }
.main .lianxinr a{ color:#fff;}
.main .lianxinr .nk{ background:url(img/link-lx.png) center center repeat-y;}

.main .lianxinr .xm{ width:100%; overflow:hidden; margin-bottom:20px;}
.main .lianxinr  .link{ border-bottom:1px solid #444; border-top:1px solid #222; height:0; margin:50px auto;}

.main .lianxinr .xm .biaoti{ font-size:24px;}
.main .lianxinr .xm .zongbu{   padding:20px 50px; background:url(img/company_pic.png) left center no-repeat; height:50px; line-height:25px; font-size:18px;}

.main .lianxinr .xm ul.lx li{ padding:10px 25px; line-height:20px;}
.main .lianxinr .xm ul.lx li.t1{background:url(img/contact_btn1.png) left center no-repeat; }
.main .lianxinr .xm ul.lx li.t2{background:url(img/contact_btn2.png) left center no-repeat; }
.main .lianxinr .xm ul.lx li.t3{background:url(img/contact_btn3.png) left center no-repeat; }
.main .lianxinr .xm ul.lx li.t4{background:url(img/contact_btn4.png) left center no-repeat; }
.main .lianxinr .xm ul.lx li.t5{background:url(img/contact_btn5.png) left center no-repeat; }


/****************/
.cptitindex{ margin-bottom:10px; font-size:16px;  border-bottom:1px solid #005F71; line-height:32px; }
.cptitindex p{ padding:0 15px; float:left; background:#005F71; color:#fff; }
.mt30{ margin-top:30px;}