@charset "UTF-8";

/**
 *
 * @authors tyk
 * @date     2017/5/18
 * @version
 */

/* 顶部链接 */
body { position: relative;}
.top { background: url(../images/nav-bg.png) center repeat-x;}
.top-link { height: 71px; color: #666666; }
.top-link .fl { padding-left: 10px; }
.top-link .fr { padding-right: 10px; }
.top-link .pd210{ padding-left: 210px; }
.top-link .hd { margin-top: 5px; }
.top-link .hd li { position: relative; margin-left: 5px; margin-right: 5px; text-align: center; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; cursor: pointer; z-index: 1; color: #333333; height: 61px; line-height: 61px; }
.top-link .hd li a { position: relative; padding-left: 5px; padding-right: 5px; min-width: 60px; line-height: 61px; display: block; color: #fefefe; font-size: 16px; }
.top-link .hd li a:hover { color: #fefefe; }
.top-link .hd li.on { background: url(../images/nav-on-bg.png) bottom right no-repeat; color: #fefefe;  }
.top-link .hd li.on a, .top-link .hd li.cur a, .top-link .hd .move-bg a { color: #fefefe; }
.top-link .hd li.on a:hover, .top-link .hd li.cur a:hover, .top-link .hd .move-bg a:hover { color: #fefefe; }
.top-link .hd li.noPoint a{ cursor: default;}
.top-link .logo { position:absolute; width: 166px; height: 266px; margin: 0 auto; left:50%; margin-left: -83px; z-index: 20; }
.top-link .nav-dlist{ display: none; position:absolute;z-index:26;top:65px; left: -30%; width: 160%; padding: 10px 0; text-align: center;
    background-color:#000; opacity:0.7; cursor: default;}
.top-link .hd li:hover .nav-dlist{display: block;}
.top-link .nav-dlist .nav-up{ width:0; height:0; position:absolute; left:50%; margin-left: -6px; top:-12px; z-index:15; border:6px solid transparent; border-bottom-color:#007a37;}
.top-link .nav-dlist .nav-tit{ line-height: normal; font-size: 16px; color: #FFF; margin: 15px 0 10px; cursor: default;}
.top-link .nav-dlist-li{ line-height: 28px; font-size:14px; color:#989797; cursor: pointer;}
.top-link .nav-dlist-li:hover{ color:#FFF;}


/* banner */
.LBanner00{ height: 270px; background: url("../images/yd_banner.png") no-repeat top center; background-size: cover;}
.LBanner01{ height: 270px; background: url("../images/yd_banner01.png") no-repeat top center; background-size: cover;}
.LBanner02{ height: 270px; background: url("../images/yd_banner02.png") no-repeat top center; background-size: cover;}
.LBanner03{ height: 270px; background: url("../images/yd_banner03.png") no-repeat top center; background-size: cover;}
.LBanner04{ height: 270px; background: url("../images/yd_banner04.png") no-repeat top center; background-size: cover;}
.LBanner05{ height: 270px; background: url("../images/yd_banner05.png") no-repeat top center; background-size: cover;}
.LBanner06{ height: 270px; background: url("../images/yd_banner06.png") no-repeat top center; background-size: cover;}
.LBanner07{ height: 270px; background: url("../images/yd_banner07.png") no-repeat top center; background-size: cover;}
.LBanner08{ height: 270px; background: url("../images/yd_banner08.png") no-repeat top center; background-size: cover;}
.LBanner09{ height: 270px; background: url("../images/yd_banner09.png") no-repeat top center; background-size: cover;}
.LBanner10{ height: 270px; background: url("../images/yd_banner10.png") no-repeat top center; background-size: cover;}
.LBanner11{ height: 270px; background: url("../images/yd_banner11.png") no-repeat top center; background-size: cover;}



/* 底部 */
.footer{border-top: 3px solid #007a37;}
.copyright{ padding-top: 20px; padding-bottom: 25px; text-align: center;line-height: 2; color: #7f7e7e;}
.copyright a{color: #7f7e7e; }
.copyright a:hover{color: #007a37;}
.bottom-nav a{ display: inline-block; vertical-align: top; padding-left: 10px; padding-right: 10px;}
.bottom-logo{ display: block; padding-top: 20px; margin:auto; text-align: center;}

.footer{height: 226px;border-top: 3px solid #147b83;background: #248494;}
.footer_title{height: 176px;padding-top: 50px;margin: 0 35px;line-height: 24px;overflow: hidden;color: #fff;}
.footer_title p{margin-bottom: 5px;}.footer_title a{color: #fff;cursor: pointer;}
.footer_bg{width:140px;height: 229px;margin-top: -3px;background: url(../images/footer-logo.jpg) no-repeat;}
.footer-top{position: absolute;top: -6px;right: 139px;width:53px;height: 113px;background: url(../images/footer-top.png) no-repeat;cursor: pointer;}
.footer_ewm{color: #fff;}.footer_ewm img{width: 98px;height: 98px;margin: 50px 100px 10px;}.footer_ewm p{text-indent: 107px;}

/* 分页 */
.page-area { display: none; clear: both;margin: 30px auto;letter-spacing: -0.34em;text-align: center;}
.pages,.page-area a, .page-area span, .page-area i, .page-area input { display: inline-block; *display: inline; zoom: 1; vertical-align: top; letter-spacing: normal; text-align: center; }
.page-area .prev, .page-area .next { width: 28px;height: 26px;line-height: 26px;border: 1px solid #d5d5d5;margin-left: 10px;
    -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear;}
.page-area .prev:hover, .page-area .next:hover{ border: 1px solid #43b97f;}
.page-area .page-number a {margin-left: 5px;width: 26px;height: 26px;line-height: 26px;border: 1px solid #d5d5d5;
    -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear;}
.page-area .page-number a:hover{ border: 1px solid #43b97f;}
.page-area .page-number i { margin-left: 10px; }
.page-area .page-number a.on {background: #43b97f;color: #ffffff;border: 1px solid #43b97f;}
.page-area .textbox {margin-left: 8px;margin-right: 8px;padding-left: 10px;padding-right: 10px;width: 20px;height: 25px;line-height: 25px;border: 1px solid #c9c9c9;}
.page-area .button {margin-left: 10px;width: 50px;height: 26px;line-height: 26px;background: #43b97f;color: #ffffff;border: 1px solid #43b97f;font-size: 14px;font-family: "Microsoft YaHei";cursor: pointer;border-radius: 4px;
    -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear;}
.page-area .button:hover{ background-color: #28b95d;}
.page-area .tj { padding-left: 10px; padding-right: 10px; height: 26px; line-height: 26px; }
.page-area .button-area { padding-left: 10px; padding-right: 10px; height: 26px; line-height: 26px; }