#top{background: #0C1826;height: 35px;width: 100%;}
#header{height: 80px;width: 100%;}
#header .logo{height: 80px;margin-right: 10px;float: left;}
#header .logo img{height: 70px;margin-top: 5px;}
#header .nav{float: right;padding-top: 20px;}
#header .nav .layui-nav {background: #FFF;color: #333;}
#header .nav .layui-nav .layui-nav-item a{color: #333;}
#header .nav .layui-nav .layui-nav-item a:hover,#header .nav .layui-nav .layui-this a{color: #5FB878;}
.site-title{ margin: 30px 0 20px;}
.site-title fieldset{border: none; padding: 0; border-top: 1px solid #eee;}
.site-title fieldset legend{margin: auto;  padding: 0 10px; font-size: 22px; font-weight: 300;text-align: center;line-height: 180%;}

.pro-index{overflow: hidden;}
.pro-index ul{}
.pro-index ul li{float: left;width: 360px;position: relative;margin-right: 30px;height: 420px;overflow: hidden;}
.pro-index ul li.last{margin-right: 0px;}
.pro-index ul li a{display: block;}
.pro-index ul li .f1{width: 360px;height: 460px;position: absolute;top: 0;left: 0;z-index: 2;left: -360px;}
.pro-index ul li .f1 .txt{width: 360px;background: #5FB878;height: 40px;line-height: 40px;text-align: center;color: #FFF;font-size: 16px;display: none;}
.pro-index ul li .f2{width: 360px;height: 460px;position: absolute;top: 0;left: 0;z-index: 1;left: 0;}
.pro-index ul li .f2 img{-webkit-filter: grayscale(70%);-moz-filter: grayscale(70%);-ms-filter: grayscale(70%);-o-filter: grayscale(70%);filter: grayscale(70%);filter: gray;}
.pro-index ul li .f2 .txt{width: 358px;border:1px solid #F0F0F0;background: #FFF;height: 38px;line-height: 38px;text-align: center;color: #5FB878;font-size: 16px;display: none;}

.about-index{overflow: hidden;margin-top: 20px;}
.about-index .pic {width: 450px;float: left;}
.about-index .info{width: 650px;float: right;padding: 15px 0px;}
.about-index .info .cont{line-height: 180%;font-size: 14px;}

.index-partner{overflow: hidden;padding-top: 20px;}
.index-partner ul{overflow: hidden;}
.index-partner ul li{float: left;padding:10px;}
.index-partner ul li img{height: 65px;}

#footer{height: 160px;background: #00B45E;width: 100%;margin-top: 20px;}
#footer .phone{border-bottom: 1px solid #FFF;height: 79px;line-height:79px;text-align: center;vertical-align:middle;}
#footer .phone .pinfo{margin: auto;height: 79px;width: 400px;overflow: hidden;}
#footer .phone .p-ico{float:left;width: 41px;height: 79px;background: url(../Img/phone.png) center no-repeat;}
#footer .phone .num{display:inline-block;color: #FFF;font-family: 'Arial Black';font-size: 30px;letter-spacing: 4px;line-height: 79px;}
#footer .copyright{color: #FFF;height: 60px;padding: 10px;text-align: center;line-height: 180%;}
#footer .copyright a{color: #FFF;}

#left-bar{float: left;border: 1px solid #F0F0F0;width: 248px;background: #FFF;border-bottom: 3px solid #00B16D;}
#left-bar .tit{background: url(../Img/bar-tit.jpg) no-repeat;height: 63px;text-align: left;}
#left-bar .tit h2{font-size: 22px;color: #FFF;padding-left: 85px;line-height: 63px;}
#left-bar ul{overflow: hidden;padding: 0px 10px;}
#left-bar ul li{height: 63px;line-height: 63px;border-bottom: 1px solid #F0F0F0;}
#left-bar ul li a{display: block;line-height: 63px;font-size: 16px;text-align: center;}
#left-bar ul li a:hover{color: #00B16D;}

#right-main{float: right;border: 1px solid #F0F0F0;width: 850px;background: #FFF;border-bottom: 3px solid #00B16D;}
#right-main .tit{height: 60px;border-left: 5px solid #00B16D;}
#right-main .tit .txt{float: left;height: 60px;line-height: 60px;padding: 0px 15px;background: #FFF;}
#right-main .tit .txt span{font-size: 18px;color: #F74730;}
#right-main .tit .txt span.ii1{color: #444;margin-right: 10px;}
#right-main .contents{padding: 20px;line-height: 180%;min-height: 300px;font-size: 14px;}
#right-main .contents p{text-indent: 2em;}
#right-main .lists{margin-top: 10px;margin-bottom: 10px;padding: 0px 20px;}
#right-main .lists li{height: 40px;line-height: 40px;border-bottom: dotted 1px #666;padding: 0px 10px;padding-left: 20px;}
#right-main .lists li a{float: left;line-height: 40px;font-size: 14px;}
#right-main .lists li span{float: right;line-height: 40px;font-size: 12px;color: #999;}

.page{overflow: hidden;padding-left: 10px;}
.page a {padding:0px 8px;font-size:12px;text-decoration:none;margin-right:2px;line-height:27px;border:1px solid #CDCDCD;height:27px;display:inline-block;}
.page a:hover {background: #4F4F4F;color:#FFF;border: #4F4F4F 1px solid;text-decoration: none;}
.page .current {border: #4F4F4F 1px solid;background: #4F4F4F;color: #FFF;padding:0 8px;display:inline-block;height:27px;line-height:27px;margin-right:2px;font-size:14px;font-weight:bold;}

.art-main .topic{padding: 15px;font-size: 28px;text-align: center;}
.art-main .intro{padding: 10px 0px;text-align: center;color: #666;}
.art-main .intro span{margin-right: 10px;}
.art-main .contents{padding: 10px;overflow: hidden;-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    text-align: justify;
    text-justify: inter-ideograph;
    word-wrap: break-word;line-height: 180%;}
.art-main .contents p{text-indent: 2em;margin-bottom: 5px;}

.tb{border: 1px solid #C9CDD0;background: #FFF;}
.tb th{height: 25px;border-right: 1px solid #C9CDD0;border-bottom: 1px solid #C9CDD0;text-align: center;background: #F2F0F1;}
.tb th.last{border-right: none;}
.tb td{border-right: 1px solid #C9CDD0;border-bottom: 1px solid #C9CDD0;padding: 5px;}
.tb td.last{border-right: none;}
.tb td.bt{border-bottom: none;}
.tb tr.cur td{background: #F7F6F2;}
.tb td.tt{background: #F7F6F2;}
.tb tr.last td{border-bottom: none;}
.tb td.op a{color: #5D9FD5;}

.pro-tit{height: 129px;border-bottom: 1px dashed #C6C6C6;position: relative;}
.pro-tit a.name{position: absolute;left: 0px;top:0px;display: block;background: url(../Images/pro-1.gif) no-repeat;width: 217px;height: 110px;}
.pro-tit a.more{position: absolute;right: 0px;top: 15px;display: block;background: url(../Images/pro-2.gif) no-repeat;width: 116px;height: 74px;}
.pro-list{overflow: hidden;padding: 10px 0px;}
.pro-list ul{overflow: hidden;}
.pro-list ul li{float: left;width: 224px;overflow: hidden;padding: 10px 0px;}
.pro-list ul li .pic{width: 204px;height: 145px;margin: 0px 5px;}
.pro-list ul li .pic img{width: 204px;height: 145px;}
.pro-list ul li .topic{width: 204px;height: 35px;margin: 0px 5px;text-align: center;line-height: 35px;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;overflow: hidden;}
.pro-list-i{overflow: hidden;padding: 10px 0px;}
.pro-list-i ul{overflow: hidden;}
.pro-list-i ul li{float: left;width: 220px;overflow: hidden;padding: 10px 0px;text-align: center;}
.pro-list-i ul li a{display: block;}
.pro-list-i ul li .pic{width: 200px;height: 142px;padding: 0px 10px;}
.pro-list-i ul li .pic img{width: 200px;height: 142px;}
.pro-list-i ul li .topic{width: 200px;height: 35px;padding: 0px 10px;text-align: center;line-height: 35px;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;overflow: hidden;}