body{font-family:"微软雅黑",Helvetica Neue,sans-serif,Arial;height: 100%;position: relative; background-color: #fff;}
input[type="text"] {-webkit-appearance:none;}
textarea {-webkit-appearance:none;}
h1,h2,h3,h4,h5,h6,figure {font-weight:400;}
::-webkit-selection {color:#fff;background:#ff9600;}
::-moz-selection {color:#fff;background:#ff9600;}
::selection {color:#fff;background:#ff9600;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase,.initialism {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
a {color:#6E6E6E;text-decoration:none}
a:focus,a:hover {color:#02774a;transition:none}
a.text-gray:hover{color:#02774a}
p{margin:0}
dl,dd,ul,li {margin:0;padding:0;list-style:none}
.wrap{ width: 1200px; margin: 0 auto;}
.fl{ float: left;}
.fr{ float: right;}

.header{ }
.header .top{ background-color: #f1f1f1; height: 35px; line-height: 35px; color: #666; overflow: hidden;}
.header .top .welcome{}
.header .top .top_nav ul li{ float: left; margin-left: 10px;}
.header .nav{ height: 89px; background: url(../images/nav_bg.jpg) left top repeat-x; }
.header .nav ul li{ float: left; line-height: 90px; width: 158px; text-indent: 20px; height: 80px;}

.header .nav ul li a{ font-size: 15px; color: #fff;}
.header .nav ul li:hover{ font-weight:bold;}
.nav .active a {font-weight:bold; background: url(../images/nav_hover.png) left top no-repeat;}
.header .logo_img{ margin: 20px 20px 20px 0;}
.header .logo_info h1{ font-weight: bolder; color: #333; font-size: 32px; margin-top: 50px; margin-bottom: 10px;}
.header .logo_info p{ font-size: 18px;}
.header .header_info .tel{ background: url(../images/tel.jpg) left center no-repeat; height: 50px; padding-left: 65px; margin: 50px 50px 0 0;}
.header .header_info .tel .tel_title{ font-size: 16px; color: #333; margin-top: -5px;}
.header .header_info .tel .tel_num{ font-size: 36px; color: #000; font-weight: bolder;}
.header .header_info .code{ margin-top: 25px;}


.footer{ background-color: #fff; color: #8c8888; padding-bottom: 0; margin-top: 0;}

.footer .foot-nav{ height: 89px; background: url(../images/nav_bg.jpg) left top repeat-x; }
.footer .foot-nav ul li{ float: left; line-height: 95px; width: 158px; height: 89px; text-align: center;}
.footer .foot-nav ul li a{ font-size: 15px; color: #fff;}
.footer .footer-info{ margin: 50px 0;}
.footer .active a {font-weight:bold; background-color: #02774a; color: #fff; display: block; width: 158px; height: 79px; margin-top: 9px; line-height: 79px; text-align: center;}
.footer-info1{ padding-top: 20px;}
.footer-info2{ color: #333; border-left: solid 1px #f1f1f1; border-right: solid 1px #f1f1f1; margin-left: 80px; padding: 20px 80px; height: 120px;}
.footer-info3{ padding-top: 5px;}



.footer-copyright{ background-color: #02774a; color: #fff; padding: 30px 0; margin-top: 50px; text-align: center; line-height: 35px;}
.footer-copyright a{ color: #fff;}
.footer-copyright dt{ margin-right: 10px; display: inherit;}
.footer-copyright dd{margin-right: 10px; display: inherit;}


.index-p{ margin: 50px auto;}
.index-p-category{ width: 240px; box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: 0.35s; margin-right: 20px;}
.index-p-category .index-p-category-title{ background-color: #02774a; color: #fff; padding: 40px 20px; font-family: Microsoft Yahei;}
.index-p-category .index-p-category-title h2{ font-size: 36px; font-weight: bold;}
.index-p-category .index-p-category-title p{ont-size: 24px;}

.index-p-category ul{ margin-bottom: 20px; margin-top: 20px;}
.index-p-category ul li{ height: 80px; line-height: 80px; text-indent: 20px; font-size: 16px; border-bottom: solid 1px #f1f1f1;}
.index-p-category ul li a{ display: block; height: 80px; width: 100%;}
.index-p-category ul li:nth-child(3){ border:0;}
.index-p-category ul li:hover{ background-color: #02774a;}
.index-p-category ul li:hover a{ color: #fff;}

.index-p-category .index-p-category-contact{ background-color: #02774a; color: #fff; padding:20px; font-family: Microsoft Yahei;}
.index-p-category .index-p-category-contact h3{ font-size: 16px; margin-bottom: 10px;}
.index-p-category .index-p-category-contact p{ line-height: 35px; font-size: 20px; font-weight: bold;}

.index-p .index-p-list{ width: 920px;}
.index-p .index-p-list .index-p-list-title{ border-left:solid 5px #02774a; padding-left: 20px; height: 50px; margin-left: 20px; margin-bottom: 20px;}
.index-p .index-p-list .index-p-list-title ul li{ float: right; margin-left: 20px; line-height: 50px;}

.index-p .index-p-list .index-p-list-info li{ float: left; width: 285px; height: 250px; text-align: center; margin-bottom: 20px;  box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: 0.35s; margin-left: 20px;}
.index-p .index-p-list .index-p-list-info li img{ width: 100%; height: 200px;}
.index-p .index-p-list .index-p-list-info li h3{ margin: 15px 10px; font-size: 12px; color: #666;}
.index-p .index-p-list .index-p-list-info li:hover{ background-color: #02774a;}
.index-p .index-p-list .index-p-list-info li:hover a{ color: #fff;}


.ys{ background: url(../images/ys_bg.jpg) center top no-repeat; margin: 50px 0; padding: 50px 0; overflow: hidden;}
.ys .ys-title{ text-align: center; margin-bottom: 50px;}
.ys .ys-title h2{ font-size: 36px; font-weight: bold;}
.ys .ys-title p{ font-size: 16px; text-transform: uppercase; color: #666;}
.ys .ys-1 .fl,.ys .ys-2 .fr{ width: 600px; height: 420px; }
.ys .ys-1 .fl,.ys .ys-2 .fr{ padding: 40px;}
.ys .ys-1,.ys .ys-2{ background-color: #fff; overflow: hidden;}
.ys .ys-1 img,.ys .ys-2 img{ width: 600px; height: 420px;}
.ys ul li h3{ font-size: 18px; font-weight: bold; color: #000; height: 30px; text-indent: 40px; line-height: 30px; margin-bottom: 5px;}
.ys ul li p{ line-height: 25px; border-bottom:solid 1px #f1f1f1; padding-bottom: 10px; margin-bottom: 10px;}
.ys .fl ul li:nth-child(1) h3{ background: url(../images/icon_1.png) left center no-repeat;}
.ys .fl ul li:nth-child(2) h3{ background: url(../images/icon_2.png) left center no-repeat;}
.ys .fl ul li:nth-child(3) h3{ background: url(../images/icon_3.png) left center no-repeat;}
.ys .fl ul li:nth-child(4) h3{ background: url(../images/icon_4.png) left center no-repeat;}
.ys .fr ul li:nth-child(1) h3{ background: url(../images/icon_5.png) left center no-repeat;}
.ys .fr ul li:nth-child(2) h3{ background: url(../images/icon_6.png) left center no-repeat;}
.ys .fr ul li:nth-child(3) h3{ background: url(../images/icon_7.png) left center no-repeat;}
.ys .fr ul li:nth-child(4) h3{ background: url(../images/icon_8.png) left center no-repeat;}

.case{ margin-bottom:50px;}
.case .case-title{ text-align: center; margin-bottom: 50px;}
.case .case-title h3{ font-size: 36px; font-weight: bold;}
.case .case-title p{ font-size: 16px; text-transform: uppercase; color: #666;}
.case .case-list ul li{ box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: 0.35s; float: left; width: 270px; margin-right: 30px; margin-bottom: 20px; }
.case .case-list ul li:nth-child(4){ margin-right: 0;}
.case .case-list ul li img{ width: 270px; height: 180px;}
.case .case-list ul li h4{ text-align: center; font-size: 20px; font-weight: bold; margin: 15px 0; color: #02774a;}
.case .case-list ul li p{ margin: 20px 20px; text-align: center;}
.case .case-list ul li span{ display: block; height: 5px; width: 40px; background-color: #02774a; margin: 0 auto;}

.news{ margin-bottom: 100px;}
.news .news-title{ text-align: center; margin-bottom: 50px;  margin-top:50px; }
.news .news-title h3{ font-size: 36px; font-weight: bold;}
.news .news-title p{ font-size: 16px; text-transform: uppercase; color: #666;}
.news .news-list .news-list-title{ height: 25px; border-left:solid 5px #02774a; padding-left: 20px; margin-bottom: 20px;}
.news .news-list .news-list-title span{ float: right; font-size: 12px;}
.news .line{ height: 1px; border-top: solid 1px #f1f1f1; margin-bottom: 20px;}
.news .news-list .img-news-1{ width: 580px;}
.news .news-list .img-news-1 img{ width: 580px; height: 300px;}
.news .news-list .img-news-1 h4{ font-size: 16px; font-weight: bold; margin: 10px 0; color: #000;}
.news .news-list .img-news-1 p{ font-size: 12px; line-height: 25px;}
.news .news-list .img-news-2{ width: 580px; border-bottom: solid 1px #f1f1f1; padding-bottom: 20px; margin-bottom: 20px; height: 150px;}
.news .news-list .img-news-2 img{ width: 220px; float: left; height: 120px; margin-right: 20px;}
.news .news-list .img-news-2 h4{ font-size: 16px; font-weight: bold; margin: 10px 0;  color: #000;}
.news .news-list .fr ul li{ line-height: 45px;}
.news .news-list .fr ul li span{ float: right;}

.news-list-question{ border:solid 1px #f1f1f1; margin-top: 30px; height: 100px;}
.news-list-question-title{ background: #333;  height: 100px; color: #fff; width: 50px; margin-right: 30px; font-family: Microsoft Yahei; padding-top: 5px; text-align: center; font-size: 16px; font-weight: bold;  }
.news-list-question ul{ width: 1100px; padding-top: 10px;}
.news-list-question ul li{ float: left; width: 330px; margin-right: 20px; list-style: square; line-height: 40px;}

.hengfu{ height: 220px;}
.hengfu2{ height: 160px;}

.about{ background-color: #f1f1f1; padding: 50px 0 150px 0; position: relative; margin-bottom: 0;}
.about .about-title{ text-align: center; margin-bottom: 50px;  margin-top:50px; }
.about .about-title h3{ font-size: 36px; font-weight: bold;}
.about .about-title p{ font-size: 16px; text-transform: uppercase; color: #666;}
.about .about-info-img{ background-color: #fff; height: 400px; position: relative; box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: 0.35s;}
.about .about-info{ width: 500px; padding: 50px; font-family: Microsoft Yahei;}
.about .about-info h3{ font-size: 30px; font-weight: bold; margin-bottom: 20px;}
.about .about-info p{ line-height: 35px;}
.about .about-img{ width: 700px;}
.about .about-info-img img{ width: 700px; height: 400px;}
.about .about-list{ position: absolute; margin-top: -50px;}
.about .about-list ul{ width: 780px; margin-left: 200px;}
.about .about-list ul li{ float: left; width: 260px; height: 100px; padding-left: 30px; padding-top: 30px; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: 0.35s;}
.about .about-list ul li h4{ font-size: 16px; font-weight: bold;}
.about .about-list ul li p{ font-size: 12px; text-transform: uppercase; color: #666;}
.about .about-list ul li:nth-child(1){ background-color: #02774A; }
.about .about-list ul li:nth-child(1) h4{ font-size: 16px; font-weight: bold;color: #fff;}
.about .about-list ul li:nth-child(1) p{ font-size: 12px; text-transform: uppercase; color: #fff;}
.about .about-list ul li img{ float: left; height: 40px; margin-right: 10px;}

.slides{ }

.position{ height: 70px; line-height: 70px; background-color: #f1f1f1; margin-bottom: 30px;}
.position .wrap div{ height: 20px; width: 5px; background-color: #02774A; margin-right: 10px; float: left; margin-top: 25px;}

.single{ margin-bottom: 50px;}
.single-info{ box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: 0.35s; width: 920px; margin-left: 10px; min-height: 600px;  padding: 50px;}
.single-info h1{ text-align: center; font-weight: bold; font-size: 30px;}
.single-info .content{ margin-top: 50px;}
.single-info .content p{ line-height: 35px;}

.single-info .content .cbg{ border-radius: 5px; background-color: #f1f1f1; text-align: center; width: 390px; float: left; height: 200px; line-height: 200px; margin-right: 20px; margin-bottom: 20px;}
.single-info .content .cbg:nth-child(5){ width: 800px;}

.left-news{ width: 100px; margin-top: 100px;}
.left-news ul li{ width: 100px; height: 100px; background-color: #02774A; margin-bottom: 20px; padding-left: 6px; padding-top:8px;}
.left-news ul li a{ display: block; letter-spacing:10px; width: 100px; height: 100px; font-size: 28px; font-weight: bold; color: #fff; font-family: Microsoft Yahei; text-align: center;}
.left-news .news-active{ background-color: #333;}
.right-news{ box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: 0.35s; width: 1100px; min-height: 600px; padding: 50px; margin-bottom: 50px;}
.single-info .info-img{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #f1f1f1; height: 340px;}
.single-info .info-img img{ width: 400px; height: 300px; float: left; border: solid 1px #f1f1f1; margin-right: 20px;}
.single-info .content img{ width: 100%;}
.single-info .info-img h1{ text-align: left;}
.single-info .info-img p{ line-height: 45px; font-size: 16px; margin-top: 10px;}

.channel-banner{height: 300px; background-position: center top;}

.right-news .newslist li{ border: solid 1px #f1f1f1; padding: 20px; margin-bottom: 20px; height: 160px;}
.right-news .media-img{ float: left; width: 200px; margin-right: 10px;}
.right-news .newslist li img{ width: 200px; height: 120px; border: solid 1px #f1f1f1;}