ul.pic240-380 {width: 100%;height: 380px;display: block;overflow: hidden;}
ul.pic240-380 li {width: 240px;height: 380px;display: block;overflow: hidden;background: #fff;border: 1px solid #cecece;float: left;margin-right: 25px;transition: all .5s;}
ul.pic240-380 li img {width: 225px;height: 335px;display: block;margin: 0 auto;}
ul.pic240-380 li span {width: 90%;height: 40px;line-height: 40px;display: block;overflow: hidden;font-size: 16px;margin: 0 auto;}
ul.pic240-380 li:hover {border-color: #8c7e6c;}
ul.pic240-380 li a:hover {text-decoration: none;}


.swp {position: relative;padding: 0 51px;width: 1300px; height: 600px; box-sizing: border-box;margin: 0 auto;}
.swp .swiper-button-prev:after {display: none;}
.swp .swiper-button-next:after {display: none;}
.swp .swiper-button-next, .swp .swiper-button-prev {width: 26px;height: 93px;top:140px;display: block;}
.swp .swiper-button-prev {background: url("../images/l_rr.png") no-repeat;left: 0}
.swp .swiper-button-next {background: url("../images/r_rr.png") no-repeat;right: 0}
.swp .swiper-pagination-bullet{ width:40px; height: 4px; border-radius: 4px; }
.swp .swiper-pagination-bullet-active{ color:#f00; background: #f00;}
#myswp1 .swiper-wrapper {width: 1180px;height: 540px;margin: 0 auto;}
#myswp1 .swiper-slide {width: auto;height: 540px;}
#myswp1 .swiper-slide .zp {width: 100%;display: block;box-sizing: border-box;}
#myswp1 .swiper-slide .zp img {width:280px;height: 400px;display: block;margin: 0 auto;transition: all .5s;}
#myswp1 .swiper-slide .zp span {width: 100%;height: 45px;line-height: 45px;color: #333;font-size: 16px;display: block;text-align: center;}
#myswp1 .swiper-slide a:hover {text-decoration: none;}
#myswp1 .swiper-slide a:hover img {transform: scale(1.05)}


.swp2 {position: relative;padding: 0 51px;width: 1180px;box-sizing: border-box;margin: 0 auto;}
.swp2 .swiper-button-prev:after {display: none;}
.swp2 .swiper-button-next:after {display: none;}
.swp2 .swiper-button-next, .swp2 .swiper-button-prev {width: 32px;height: 59px;top: 70px;display: block;}
.swp2 .swiper-button-prev {background: url("../images/l_rr2.png") no-repeat;left: 10px}
.swp2 .swiper-button-next {background: url("../images/r_rr2.png") no-repeat;right: 10px}


#myswp2 .swiper-wrapper {width: 1180px;height: 200px;margin: 0 auto;}
#myswp2 .swiper-slide {width: auto;height: 200px;}
#myswp2 .swiper-slide .zp {width: 100%;display: block;box-sizing: border-box;}
#myswp2 .swiper-slide .zp img {width:285px;height: 145px;display: block;margin: 0 auto;transition: all .5s;}
#myswp2 .swiper-slide .zp span {width: 100%;height: 45px;line-height: 45px;color: #333;font-size: 16px;display: block;text-align: center;}
#myswp2 .swiper-slide a:hover {text-decoration: none;}
#myswp2 .swiper-slide a:hover img {transform: scale(1.05)}


.fBox4 { width: 1172px; height: 460px; position: relative; background: #fff; margin:0 auto; font-family:microsoft yahei; }
.fBox4 .arrow-left4 { background: url(../images/left.jpg) no-repeat left top; position: absolute; left: -55px; top: 189px; width: 22px; height: 75px; z-index: 2;  }
.fBox4 .arrow-right4 { background: url(../images/right.jpg) no-repeat left bottom; position: absolute; right: -55px; top: 189px; width: 22px; height: 75px; z-index: 2;  }
.fBox4 .swiper-container { width: 1171px; height: 460px; }
.swiper-slide { position: relative; }
.slide_cont { width: 1185px; }
.narrow_box { float: left; width: 230px; height: 460px; position: relative; margin-right: 7px; transition: all 1s; cursor: pointer; }
.narrow_box .title { position: absolute; left: 0; width: 230px; height: 230px; background:#669966; font-size: 18px; color: #fff; font-weight: bold; line-height: 32px; text-align: center; padding: 40px 35px; z-index: 2; box-sizing: border-box; }
.narrow_box .title a { color: #fff; text-decoration:none; }
.narrow_box .title img{ width:36px; height:36px; display:block; overflow:hidden; margin:20px auto 0;}
.narrow_box .img { position: absolute; left: 0; width: 230px; height: 230px; top: 230px; }
.narrow_box .img img { width: 100%; height: 100%; }
.narrow_box:nth-child(odd) .title { top: 0; }
.narrow_box:nth-child(odd) .img { top: 230px; }
.narrow_box:nth-child(even) .title { top: 230px; }
.narrow_box:nth-child(even) .img { top: 0; }
.narrow_box.on { width: 460px; height: 460px; }
.narrow_box.on .img { position: absolute; left: 0; width: 460px; height: 460px; top: 0; }
.narrow_box.on .title { position: absolute; left: 0; top: 327px; width: 100%; height: 133px; background: url(../images/djbg2.png) repeat-x; font-size: 18px; color: #fff; font-weight: bold; line-height: 32px; text-align: center; padding: 75px 10px 0 10px; }
.narrow_box.on .title img{ display:none;}
.narrow_box.on:nth-child(odd) .img { top: 0; }

.swiper-container { margin: 0 auto; position: relative; overflow: hidden; direction: ltr; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }



ul.book {width: 100%;height: auto;display: block;overflow: hidden;}
ul.book li {width: 144px;display: block;overflow: hidden;float: left;margin-right: 32px;}
ul.book li img {width: 130px;height: 180px;background: url("../images/book-bk.png") no-repeat;padding: 4px 7px 10px 5px;}
ul.book li span {width: 100%;height: 30px;line-height: 30px;display: block;overflow: hidden;text-align: center;}
ul.book li span a {font-size: 14px;color: #333;}
.visual ul {width: 110%;height: auto;display: block;overflow: hidden;}
.visual li {width: 210px;height: 175px;float: left;display: block;overflow: hidden;position: relative;margin: 0 30px 35px 0;}
.visual li img {width: 210px;height: 140px;}
.visual .txt {position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.1);display: inline-block;font-family: Microsoft YaHei, SimSun;font-size: 14px;color: #fff;width: 100%;height: 35px;line-height: 35px;left: 0;text-align: center;overflow: hidden;}
.visual li:hover .txt {background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#67000000, endColorstr=#67000000);color: #fff;text-decoration: none;}
.visual .txt {color: #333;}
.visual li a:hover .txt {color: #fff;}
.visual-a ul {width: 110%;height: auto;display: block;overflow: hidden;}
.visual-a li {width: 300px;height: 465px;float: left;display: block;overflow: hidden;position: relative;margin: 0 30px 35px 0;border: 1px solid #eee;text-align: center;padding-top: 15px;transition: all .6s;}
.visual-a li img {width: 270px;height: 390px;transition: all .6s;}
.visual-a .txt {width: 270px;height: 55px;line-height: 55px;font-size: 16px;color: #333;text-align: center;position: absolute;left: 15px;bottom: 0;background: rgba(255, 255, 255, 1);display: inline-block;font-family: Microsoft YaHei, SimSun;overflow: hidden;transition: all .6s;}
.visual-a li:hover .txt {color: #333;background: rgba(239, 236, 232, 1) none repeat scroll 0 0 !important;filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#67000000, endColorstr=#67000000);text-decoration: none;}
.visual-a li:hover img {transform: scale(1.05)}
.visual-a li:hover {background: rgba(239, 236, 232, 1);border-color: rgba(239, 236, 232, 1);}
.guany {width: 100%;height: 35px;line-height: 35px;font-size: 12px;display: block;text-align: center;color: #fff;}
.guany a {color: #fff;font-weight: bold;padding: 0 5px;} /* */
/*----- list nei ----*/ #pagenav span.more a {width: 90px;margin-right: 3px;height: 37px;line-height: 37px;display: block;background: #f5f5f5;font-size: 14px;text-align: center;float: left;color: #222;}
#pagenav span.more a:hover {background: #c00;color: #fff;}
#pagenav span.no a {width: 37px;margin-right: 3px;height: 37px;line-height: 37px;display: block;background: #f5f5f5;font-size: 14px;text-align: center;float: left;color: #222;}
#pagenav span.no a:hover {background: #c00;color: #fff;}
#pagenav span.share a {width: 88px;height: 38px;display: block;float: right;}
#pagenav li.disabled a, #pagenav li:last-child a {width: 90px;margin-right: 3px;height: 37px;line-height: 37px;display: block;background: #f5f5f5;font-size: 14px;text-align: center;float: left;color: #222;}
#pagenav li.disabled a:hover {background: #c00;color: #fff;}
#pagenav li a {width: 37px;margin-right: 3px;height: 37px;line-height: 37px;display: block;background: #f5f5f5;font-size: 14px;text-align: center;float: left;color: #222;}
#pagenav li a:hover {background: #c00;color: #fff;cursor: pointer;}
#pagenav li.active a {background: #c00;color: #fff;}
.dqwz {width: 100%;height: 20px;font-size: 14px;line-height: 20px;color: #222;}
.dqwz i {width: 20px;height: 20px;display: block;overflow: hidden;float: left;padding: 13px 8px 0;}
.dqwz img {width: 19px;height: 19px;display: inline-block;padding: 0 8px 0 0;float: left;}
.xituw {width: 100%;font-size: 16px;padding-top: 10px}
.xituw h2 {width: 100%;float: left;text-align: center;color: #333;font-size: 32px;line-height: 40px;padding-bottom: 15px;font-family: "寰蒋闆呴粦", "榛戜綋", "瀹嬩綋";}
.xituw i {width: 100%;float: left;text-align: center;color: #666;font-size: 16px;line-height: 50px;background: #efece8;}
.xituw .nev {width: 100%;float: left;padding: 17px 0;}
.xituw .nev p {padding-bottom: 20px;line-height: 32px;}
.xituw .nev p img {display: block;max-width: 740px;height: auto;margin: 0 auto;}
ul.vidfee {width: 110%;}
ul.vidfee li {width: 245px;float: left;display: block;margin-right: 20px;padding: 15px 0;}
ul.vidfee li img {width: 100%;height: 165px;display: block;}
ul.vidfee li span {width: 100%;font-size: 12px;line-height: 20px;height: 20px;display: block;text-align: center;color: #333;text-decoration: none;}
ul.vidfee li a:hover span {color: #f00;text-decoration: none;}
ul.vidfee li a {text-decoration: none;}
/*------  tit  -----------*/ .tit {height: 40px;display: block;overflow: hidden;margin-bottom: 10px;}
.tit span {height: 40px;line-height: 40px;display: block;font-size: 26px;color: #c00;font-weight: bold;float: left;font-family: microsoft yahei;}
.tit em {height: 20px;line-height: 20px;padding: 8px 0 0 0;display: block;float: right;font-size: 12px;color: #666;}
.tit em a {color: #333;}
.titsub1 {height: 40px;display: block;overflow: hidden;margin-bottom: 10px;}
.titsub1 span {height: 40px;line-height: 40px;display: block;font-size: 26px;color: #333;font-weight: bold;float: left;font-family: microsoft yahei;}
.titsub1 em {height: 20px;line-height: 20px;padding: 8px 0 0 0;display: block;float: right;font-size: 12px;color: #666;}
.titsub1 em a {color: #333;}
.titsub2 {height: 40px;display: block;overflow: hidden;margin-bottom: 10px;}
.titsub2 span {height: 40px;line-height: 40px;display: block;font-size: 20px;color: #c00;font-weight: bold;float: left;font-family: microsoft yahei;}
.titsub2 em {height: 20px;line-height: 20px;padding: 8px 0 0 0;display: block;float: right;font-size: 12px;color: #666;}
.titsub2 em a {color: #333;}
.tita {height: 40px;display: block;overflow: hidden;margin-bottom: 10px;background: url(../images/sub_t_bk.jpg);}
.tita span {height: 40px;line-height: 40px;display: block;font-size: 22px;color: #c00;padding: 0 10px;float: left;font-family: microsoft yahei;background: #fff url(../images/t_bk.jpg) left center no-repeat;}
.tita em {height: 20px;line-height: 20px;padding: 8px 0 0 0;display: block;float: right;font-size: 12px;color: #666;}
.tita em a {color: #333;}
.tith40 {height: 39px;display: s block;overflow: hidden;border-bottom: 1px solid #ddd;}
.tith40 span {height: 39px;line-height: 39px;display: block;padding-left: 13px;font-size: 18px;color: #c00;float: left;font-family: microsoft yahei;background: url(../images/ico_3.jpg) left 10px no-repeat;}
.tith40 em {height: 20px;line-height: 20px;padding: 8px 0 0 0;display: block;float: right;font-size: 12px;color: #666;}
.tith40 em a {color: #333;}
.tit2 {height: 42px;display: block;border-top: 2px solid #eee;}
.tit2 span {height: 42px;line-height: 42px;display: block;font-size: 22px;color: #222;float: left;font-family: microsoft yahei;border-top: 2px solid #8c7e6c;margin-top: -2px;font-weight: bold;}
.tit2 em {height: 22px;line-height: 22px;padding: 1px 0 0 0;display: block;float: right;color: #333;font-size: 12px;}
.tit2 em a {color: #333;}
.tit3 {height: 52px;display: block;border-bottom: 1px solid #8c7e6c;}
.tit3 span {widt: auto;height: 52px;line-height: 52px;display: inline-block;padding: 0 27px 0 27px;font-size: 24px;font-weight: bold;color: #fff;font-family: microsoft yahei;position: relative;background: #8c7e6c;}
.tit3 em {height: 52px;line-height: 52px;display: block;float: right;color: #333;font-size: 16px;}
.tit3 em a {color: #888;}
.tit3a {height: 52px;display: block;background: #eee;}
.tit3a span {widt: auto;height: 52px;line-height: 52px;display: inline-block;padding: 0 27px 0 27px;font-size: 24px;font-weight: bold;color: #fff;font-family: microsoft yahei;position: relative;background: #8c7e6c;}
.tit3a em {height: 52px;line-height: 52px;display: block;float: right;color: #333;font-size: 16px;}
.tit3a em a {color: #888;}
.tit4 {height: 39px;display: block;border-bottom: 1px solid #ddd;}
.tit4 span {height: 38px;line-height: 38px;display: block;font-size: 18px;color: #c00;float: left;font-family: microsoft yahei;}
.tit4 span.bd-2red {border-bottom: 2px solid #a00;}
.tit4 span.bd-1red {border-bottom: 1px solid #a00;}
.tit4 em {height: 22px;line-height: 32px;padding: 5px 0 0 0;display: block;float: right;color: #333;font-size: 12px;}
.tit4 em a {color: #333;}
.tit5 {height: 39px;display: block;border-top: 1px solid #ddd;}
.tit5 span {height: 38px;line-height: 38px;display: block;font-size: 18px;color: #c00;float: left;font-family: microsoft yahei;}
.tit5 span.bd-2red {border-top: 2px solid #a00;margin-top: -1px;}
.tit5 span.bd-1red {height: 39px;line-height: 39px;border-top: 1px solid #a00;margin-top: -1px;}
.tit5 em {height: 22px;line-height: 32px;padding: 5px 0 0 0;display: block;float: right;color: #333;font-size: 12px;}
.tit5 em a {color: #333;}
.tith60 {height: 35px;display: block;border-bottom: 1px solid #aaa;position: relative;margin-bottom: 30px;}
.tith60 span {width: 120px;padding: 0 15px;text-align: center;height: 40px;border: 3px solid #fff;line-height: 40px;position: absolute;left: 50%;top: 10px;margin-left: -60px;display: block;overflow: hidden;background: #b60000;}
.tith60 span a {font-size: 24px;font-family: microsoft yahei;color: #fff;}
.tith60a {height: 35px;display: block;border-bottom: 1px solid #aaa;position: relative;margin-bottom: 30px;}
.tith60a span {width: 120px;padding: 0 15px;text-align: center;height: 40px;border: 3px solid #fff;line-height: 40px;position: absolute;left: 0%;top: 10px;display: block;overflow: hidden;background: #b60000;}
.tith60a span a {font-size: 24px;font-family: microsoft yahei;color: #fff;} /*------  tit  --end---------*/ .logo {height: 56px;}
.search {width: 480px;display: block;overflow: hidden;cursor: hand;background: #fff;}
.search-b1 {width: 358px;display: block;overflow: hidden;float: left;outline: none;*outline: none;}
.search-b2 {width: 122px;display: block;overflow: hidden;float: left;outline: none;*outline: none;}
.search-text {width: 100%;height: 52px;line-height: 52px;color: #666;padding-left: 13px;outline: none;border: 0;*margin-top: -1px;}
.search-btn {width: 110px;height: 40px;margin: 6px 0;border: 0;outline: 0;background: #ab9f8f url(../images/ico4.png) 20px 10px no-repeat;font-size: 18px;color: #fff;cursor: pointer;}
.search-btn:hover {border: 0;outline: 0;cursor: hand;}
.t-q {width: 200px;height: 55px;display: block;overflow: hidden;float: left;padding-left: 38px;margin-top: 5px;}
.logo_btn {border: 1px solid #ddd;padding: 2px;float: left;margin-left: 12px;}
.logo_btn:hover {border: 1px solid #f00;}
.menu {width: 100%;height: 100px;display: block;overflow: hidden;font-family: microsoft yahei;margin: 10px 0;}
.menu a {width: 14.25%;height: 100px;line-height: 100px;display: block;overflow: hidden;float: left;text-align: center;}
.menu a {font-size: 22px;color: #333;}
.menu a:hover {text-decoration: none;font-weight: bold;}
.sub-menu {width: 100%;height: auto;}
.sub-menu li {width: 100%;height: 44px;line-height: 44px;display: block;overflow: hidden;background: #efefef;margin-bottom: 4px;}
.sub-menu li span {width: 70%;padding: 0 0 0 30px;font-size: 20px;display: block;overflow: hidden;float: left;font-weight: bold;transition: all .6s;}
.sub-menu li span a {color: #333;}
.sub-menu li:hover span {padding: 0 0 0 20px;}
.sub-menu li i {width: 10%;float: right;color: #666;padding-right: 15px;font-size: 20px;transition: all .6s;}
.sub-menu li:hover i {padding-right: 5px;}
.fouct {width: 100%;display: block;overflow: hidden;}
.fouct h1 {width: 100%;height: 90px;line-height: 90px;display: block;overflow: hidden;font-size: 40px;font-family: microsoft yahei;text-align: center;margin: 0 auto;}
.fouct h1 a {color: #ba3804;text-decoration: none;}
.fouct h1 a:hover {color: #e00;}
.fouct span {width: 100%;height: 60px;line-height: 30px;display: block;overflow: hidden;font-size: 16px; /* white-space: nowrap;text-overflow: ellipsis;*/ text-align: left;margin: 0 auto;}
.fouct span a {padding: 0 10px; color: #f00;}
.fouct i.people {width: 120px;height: 40px;line-height: 40px;display: block;overflow: hidden;float: left;padding-left: 30px;color: #666;background: url(../images/ico-ren.png) left center no-repeat;}
.fouct i.time {width: 120px;height: 40px;line-height: 40px;display: block;overflow: hidden;float: left;padding-left: 30px;color: #666;background: url(../images/ico-time.png) left center no-repeat;}


ul.fouc { width: 110%; display: block; overflow: hidden;  padding-bottom: 20px;}
ul.fouc li{ width: 380px; height:auto; display: block; overflow: hidden; float:left; padding-right:30px;}
ul.fouc li img{ width: 380px; height:260px; }
ul.fouc li h1 { width: 380px; height: auto; display: block; overflow: hidden; float:left; font-size:20px; font-family: microsoft yahei; text-align: center; margin:10px 0;  }
ul.fouc li h1 a { color: #333; text-decoration: none; font-weight: bold; line-height:30px;  display:block; overflow:hidden;}
ul.fouc li h1 a:hover { color: #e00; }
ul.fouc li em { width: 380px; height:112px; line-height: 28px; display: block; overflow: hidden; font-size: 16px; font-weight:normal; font-family:microsoft yahei;/* white-space:nowrap; text-overflow:ellipsis; */ margin: 0 auto; text-align:left; text-indent:2em; color:#666; }
ul.fouc li em a { width:auto;   font-weight:normal; color:#e00; line-height:28px;  }


.fouc {width: 100%;display: block;overflow: hidden; border-bottom: 1px dashed #ddd; padding-bottom: 10px;}
.fouc h1 {width: 100%;height: 50px;line-height: 50px;display: block;overflow: hidden;font-size: 24px;font-family: microsoft yahei;margin: 0 auto;font-weight: bold;}
.fouc h1 a {color: #333;text-decoration: none;}
.fouc h1 a:hover {color: #f00;}
.fouc span {width: 100%;height: 84px;line-height: 28px;display: block;overflow: hidden;font-size: 16px;font-family: microsoft yahei;text-indent: 2em;/* text-overflow:ellipsis; */    margin: 0 auto;color: #777;}
.fouc span a {padding: 0 10px;}
.fouc i.people {width: 120px;height: 40px;line-height: 40px;display: block;overflow: hidden;float: left;padding-left: 30px;color: #666;background: url(../images/ico-ren.png) left center no-repeat;}
.fouc i.time {width: 120px;height: 40px;line-height: 40px;display: block;overflow: hidden;float: left;padding-left: 30px;color: #666;background: url(../images/ico-time.png) left center no-repeat;}

.fouca {width: 100%;display: block;overflow: hidden;}
.fouca h1 {width: 100%;height: 120px;line-height: 120px;display: block;overflow: hidden;font-size: 24px;font-family: microsoft yahei;margin: 0 auto;font-weight: bold;}
.fouca h1 a {color: #333;text-decoration: none;}
.fouca h1 a:hover {color: #f00;}
.fouca span {width: 100%;height: 102px;line-height: 34px;display: block;overflow: hidden;font-size: 16px;font-family: microsoft yahei;text-indent: 2em;/* text-overflow:ellipsis; */    margin: 0 auto;color: #777;}
.fouca span a {padding: 0 10px; color: #f00;}
.fouca i.people {width: 120px;height: 40px;line-height: 40px;display: block;overflow: hidden;float: left;padding-left: 30px;color: #666;background: url(../images/ico-ren.png) left center no-repeat;}
.fouca i.time {width: 120px;height: 40px;line-height: 40px;display: block;overflow: hidden;float: left;padding-left: 30px;color: #666;background: url(../images/ico-time.png) left center no-repeat;}


.yqlj {height: 35px;line-height: 35px;padding: 0 25px;background: #fff;font-family: microsoft yahei;font-size: 16px;color: #555;}
.gywm {color: #ddd;color: #333;}
.gywm a {color: #333;padding: 0 8px;}
a.sjpic {}
a.sjpic img {transition: all 0.3s;}
a.sjpic img:hover {transform: scale(1.02);}
/* */ 
.vmain {width: 600px;heighe: 400px;display: block;}
.jjhd {width: 100%;height: 400px;}
.jjhd .show .topyw .arr_l a {position: absolute;left: 0px;top: 0; width: 70px;height: 400px;cursor: pointer;z-index: 999;}
.jjhd .show .topyw .arr_r a {position: absolute;right: 0px;top: 0; width: 70px;height: 400px;cursor: pointer;z-index: 999;}
.jjhd .show {width: 100%;height: 100%;position: relative;display: block;margin: 0 auto;}
.jjhd .show .no_list {position: absolute;right: 10px;bottom: 10px;z-index: 999;text-align: right;}
.jjhd .show .no_list a {width: 10px;height: 10px;border-radius: 4px;display: inline-block;margin-left: 3px;cursor: pointer;background: #f00;}
.jjhd .show .no_list a.cur {background: #FFE0B2;}
.jjhd .show .topyw ul {width: 100%;height: 100%;margin: 0 auto;}
.jjhd .show .topyw li {width: 100%;height: 100%;margin: 0 auto;}
.jjhd .show .topyw li img {width: 600px;height: 400px;position: absolute;left: 0;top: 0;}
.jjhd .show .topyw li h3 {width: 75%;overflow: hidden;height: 40px;font: 16px/40px microsoft yahei;position: absolute;bottom: 0;left:.5%;z-index: 99;text-align: center;color: #fff;}
.jjhd .show .topyw li h3 a {color: #fff;}
.jjhd .show .topyw li h3 a:hover {text-decoration: none;}
.jjhd .show .topyw li p {width: 470px;overflow: hidden;height: 90px;font: 16px/30px microsoft yahei;position: absolute;top: 150px;left: 650px;z-index: 99;text-align: left;color: #fff;text-indent: 2em;}
.jjhd .show .topyw li .bg {width: 100%;background: #000000;height: 40px;left: 0px;overflow: hidden;position: absolute;bottom: 0;z-index: 9;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
/* */ 
#box200 {width: 1080px;height: 20px;line-height: 20px;overflow: hidden;float: left;padding-left: 20px;margin-top: 20px;}
.hd {width: 100%;height: 52px;display: block;}
.hd ul.qh {display: block;border-bottom: 1px solid #ddd;position: relative;}
.hd ul.qh li {width: auto;height: 52px;line-height: 52px;display: inline-block;padding: 0 30px;font-size: 22px;color: #aaa;font-family: microsoft yahei;margin-right: 30px;}
.hd ul.qh li a {color: #333;font-weight: bold;}
.hd ul.qh li i a {position: absolute;right: 0;top: 0px;color: #333;font-size: 16px;display: none;}
.hd ul.qh li.on {background: #8c7e6c;}
.hd ul.qh li.on a {color: #fff;}
.hd ul.qh li.on i a {display: block;color: #333;}
.bd ul {zoom: 1;}
/*------------------------------ */ .scroll_horizontal {width: 1160px;height: 140px;padding: 22px 0;line-height: 20px;float: left;position: relative;}
.scroll_horizontal .box {overflow: hidden;width: 1160px;margin: 0 auto;}
.scroll_horizontal .list {overflow: hidden;width: 9999px;}
.scroll_horizontal .list li {float: left;width: 380px;height: 140px;text-align: center;padding-right: 10px;}
.scroll_horizontal .list li img {width: 380px;height: 100px;}
.scroll_horizontal .list li h1 {width: 380px;height: 40px;line-height: 40px;display: block;overflow: hidden;font-family: microsoft yahei;font-size: 14px;}
.scroll_horizontal .list li h1 a {color: #333;}
.scroll_horizontal .list li span {width: 250px;height: 50px;line-height: 25px;text-align: left;display: block;overflow: hidden;color: #666;font-size: 12px;}
.scroll_horizontal .list li span a {padding-left: 10px;color: #f00;}
.scroll_horizontal .plus, .scroll_horizontal .minus {position: absolute;top: 50px;width: 26px;height: 50px;display: block;background: url(../images/control.png) no-repeat;cursor: pointer;}
.scroll_horizontal .plus {left: -40px;background-position: -0px -0px;}
.scroll_horizontal .minus {right: -40px;background-position: -50px -0px;}
.scroll_horizontal .plus:hover, .scroll_horizontal .minus:hover {background: #f60;background: url(../images/control.png) no-repeat;}
.scroll_horizontal .plus:hover {left: -40px;background-position: -0px -50px;}
.scroll_horizontal .minus:hover {right: -40px;background-position: -50px -50px;}
.scroll_horizontala {width: 1080px;height: 260px;position: relative;float: left;}
.scroll_horizontala .box {overflow: hidden;width: 1080px;margin: 0 auto;}
.scroll_horizontala .list {overflow: hidden;width: 9999px;}
.scroll_horizontala .list li {float: left;width: 190px;height: 260px;text-align: center;padding-right: 30px;}
.scroll_horizontala .list li img {width: 190px;height: 210px;}
.scroll_horizontala .list li h1 {width: 190px;height: 30px;line-height: 30px;display: block;overflow: hidden;font-family: microsoft yahei;font-size: 14px;font-weight: normal;}
.scroll_horizontala .list li h1 a {color: #333;}
.scroll_horizontala .list li span {width: 190px;height: 50px;line-height: 25px;text-align: left;display: block;overflow: hidden;color: #666;font-size: 12px;}
.scroll_horizontala .list li span a {padding-left: 10px;color: #f00;}
.scroll_horizontala .plus, .scroll_horizontala .minus {position: absolute;top: 50px;width: 26px;height: 50px;display: none;background: url(../images/control.png) no-repeat;cursor: pointer;}
.scroll_horizontala .plus {left: -40px;background-position: -0px -0px;}
.scroll_horizontala .minus {right: -40px;background-position: -50px -0px;}
.scroll_horizontala .plus:hover, .scroll_horizontala .minus:hover {background: #f60;background: url(../images/control.png) no-repeat;}
.scroll_horizontala .plus:hover {left: -40px;background-position: -0px -50px;}
.scroll_horizontala .minus:hover {right: -40px;background-position: -50px -50px;}
.scroll_horizontalb {width: 1160px;height: 340px;padding: 22px 0;float: left;}
.scroll_horizontalb .box {overflow: hidden;width: 1160px;margin: 0 auto;}
.scroll_horizontalb .list {overflow: hidden;width: 9999px;}
.scroll_horizontalb .list li {float: left;width: 340px;height: 340px;text-align: center;padding-right: 70px;position: relative;}
.scroll_horizontalb .list li img {width: 340px;height: 340px;}
.scroll_horizontalb .list li h1 {transition: all .5s;width: 340px;height: 56px;line-height: 56px;display: block;overflow: hidden;font-family: microsoft yahei;font-size: 20px;position: absolute;left: 0;bottom: 0;z-index: 9;}
.scroll_horizontalb .list li h1 a {color: #fff;}
.scroll_horizontalb .list li span {transition: all .5s;width: 210px;height: auto;line-height: 26px;text-align: justify;text-indent: 2em;display: block;overflow: hidden;color: #666;font-size: 14px;position: absolute;left: 65px;bottom: -250px;z-index: 9;}
.scroll_horizontalb .list li span a {width: 100%;display: block;overflow: hidden;color: #fff;background: #e00;text-align: center;margin-top: 15px;text-indent: 0em;}
.scroll_horizontalb .list li em {transition: all .5s;width: 340px;height: 56px;background: #a00;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;position: absolute;left: 0;bottom: 0;z-index: 2;}
.scroll_horizontalb .list li i {transition: all .5s;width: 0;height: 0;background: #000;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;position: absolute;left: 170px;bottom: 170px;z-index: 1;}
.scroll_horizontalb .plus, .scroll_horizontalb .minus {position: absolute;top: 200px;width: 48px;height: 68px;display: block;}
.scroll_horizontalb .plus {left: -70px;background: url(../images/c_left.png) no-repeat;}
.scroll_horizontalb .minus {right: -70px;background: url(../images/c_right.png) no-repeat;}
.scroll_horizontalb .list li:hover h1 {width: 250px;height: 56px;line-height: 56px;display: block;overflow: hidden;font-family: microsoft yahei;font-size: 18px;position: absolute;left: 45px;top: 45px;z-index: 9;}
.scroll_horizontalb .list li:hover h1 a {color: #333;}
.scroll_horizontalb .list li:hover em {width: 250px;height: 250px;background: #fff;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;position: absolute;left: 45px;top: 45px;z-index: 2;}
.scroll_horizontalb .list li:hover span {width: 210px;height: auto;line-height: 26px;color: #777;position: absolute;left: 65px;top: 100px;z-index: 9;}
.scroll_horizontalb .list li:hover i {width: 340px;height: 340px;background: #000;filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;position: absolute;left: 0;bottom: 0;z-index: 1;} /*  */
/*------------------------ */ #certify {position: relative;width: 1080px;margin: 0 auto;background: #fff;padding: 20px 10px;}
#certify .swiper-container {padding-bottom: 60px;}
#certify .swiper-slide {width: 310px;height: 460px;background: #fff;box-shadow: 0 8px 30px #c1c1c1;border: 3px solid #333;}
#certify .swiper-slide:hover p {background: #000;color: #fff;transition: all .5s;}
#certify .swiper-slide img {display: block;width: 100%;height: 100%;}
#certify .swiper-slide p {width: 100%;height: 30px;line-height: 30px;padding-top: 0;text-align: center;color: #636363;font-size: 18px;margin: 0;font-family: microsoft yahei;position: absolute;left: 0;bottom: 0;}
#certify .swiper-pagination {width: 100%;bottom: 10px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
#certify .swiper-button-next {top: 43%;color: #666;}
#certify .swiper-button-prev {top: 43%;color: #666;}
/*************  button *******************/ .button {width: 140px;line-height: 38px;text-align: center;font-weight: bold;color: #fff;text-shadow: 1px 1px 1px #333;border-radius: 5px;margin: 0 20px 20px 0;position: relative;overflow: hidden;}
.button.gray {color: #8c96a0;text-shadow: 1px 1px 1px #fff;border: 1px solid #dce1e6;box-shadow: 0 1px 2px #fff inset, 0 -1px 0 #a8abae inset;background: -webkit-linear-gradient(top, #f2f3f7, #e4e8ec);background: -moz-linear-gradient(top, #f2f3f7, #e4e8ec);background: linear-gradient(top, #f2f3f7, #e4e8ec);}
.button.black {border: 1px solid #333;box-shadow: 0 1px 2px #8b8b8b inset, 0 -1px 0 #3d3d3d inset, 0 -2px 3px #8b8b8b inset;background: -webkit-linear-gradient(top, #656565, #4c4c4c);background: -moz-linear-gradient(top, #656565, #4a4a4a);background: linear-gradient(top, #656565, #4a4a4a);}
.button.red {border: 1px solid #b42323;box-shadow: 0 1px 2px #e99494 inset, 0 -1px 0 #954b4b inset, 0 -2px 3px #e99494 inset;background: -webkit-linear-gradient(top, #d53939, #b92929);background: -moz-linear-gradient(top, #d53939, #b92929);background: linear-gradient(top, #d53939, #b92929);}
.button.yellow {border: 1px solid #d2a000;box-shadow: 0 1px 2px #fedd71 inset, 0 -1px 0 #a38b39 inset, 0 -2px 3px #fedd71 inset;background: -webkit-linear-gradient(top, #fece34, #d8a605);background: -moz-linear-gradient(top, #fece34, #d8a605);background: linear-gradient(top, #fece34, #d8a605);}
.button.green {border: 1px solid #64c878;box-shadow: 0 1px 2px #b9ecc4 inset, 0 -1px 0 #6c9f76 inset, 0 -2px 3px #b9ecc4 inset;background: -webkit-linear-gradient(top, #90dfa2, #84d494);background: -moz-linear-gradient(top, #90dfa2, #84d494);background: linear-gradient(top, #90dfa2, #84d494);}
.button.blue {border: 1px solid #1e7db9;box-shadow: 0 1px 2px #8fcaee inset, 0 -1px 0 #497897 inset, 0 -2px 3px #8fcaee inset;background: -webkit-linear-gradient(top, #42a4e0, #2e88c0);background: -moz-linear-gradient(top, #42a4e0, #2e88c0);background: linear-gradient(top, #42a4e0, #2e88c0);}
.round, .side, .tags {padding-right: 30px;}
.round:after {position: absolute;display: inline-block;content: "\003c";top: 50%;right: 10px;margin-top: -10px;width: 17px;height: 20px;padding-left: 3px;line-height: 18px;font-size: 10px;font-weight: normal;border-radius: 10px;text-shadow: -2px 0 1px #333;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);transform: rotate(-90deg);}
.gray.round:after {box-shadow: 1px 0 1px rgba(255, 255, 255, 1) inset, 1px 0 1px rgba(0, 0, 0, .2);background: -webkit-linear-gradient(top, #dce1e6, #dde2e7);background: -moz-linear-gradient(top, #dce1e6, #dde2e7);background: linear-gradient(top, #dce1e6, #dde2e7);text-shadow: -2px 0 1px #fff;}
.black.round:after {box-shadow: 1px 0 1px rgba(255, 255, 255, .5) inset, 1px 0 1px rgba(0, 0, 0, .9);background: -webkit-linear-gradient(top, #333, #454545);background: -moz-linear-gradient(top, #333, #454545);background: linear-gradient(top, #333, #454545);}
.red.round:after {box-shadow: 1px 0 1px rgba(255, 255, 255, .6) inset, 1px 0 1px rgba(130, 25, 25, .9);background: -webkit-linear-gradient(top, #b12222, #b42323);background: -moz-linear-gradient(top, #b12222, #b42323);background: linear-gradient(top, #b12222, #b42323);}
.yellow.round:after {box-shadow: 1px 0 1px rgba(255, 255, 255, .8) inset, 1px 0 1px rgba(148, 131, 4, .9);background: -webkit-linear-gradient(top, #cf9d00, #d2a000);background: -moz-linear-gradient(top, #cf9d00, #d2a000);background: linear-gradient(top, #cf9d00, #d2a000);}
.green.round:after {box-shadow: 1px 0 1px rgba(255, 255, 255, .8) inset, 1px 0 1px rgba(51, 126, 66, .9);background: -webkit-linear-gradient(top, #64c878, #6dcb80);background: -moz-linear-gradient(top, #64c878, #6dcb80);background: linear-gradient(top, #64c878, #6dcb80);}
.blue.round:after {box-shadow: 1px 0 1px rgba(255, 255, 255, .8) inset, 1px 0 1px rgba(18, 85, 128, .9);background: -webkit-linear-gradient(top, #1e7db9, #2b85bd);background: -moz-linear-gradient(top, #1e7db9, #2b85bd);background: linear-gradient(top, #1e7db9, #2b85bd);}
.side:after {position: absolute;display: inline-block;content: "\00bb";top: 3px;right: -4px;width: 38px;height: 30px;font-weight: normal;line-height: 26px;border-radius: 0 0 5px 5px;text-shadow: -2px 0 1px #333;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);transform: rotate(-90deg);}
.gray.side:after {text-shadow: -2px 0 1px #fff;border-top: 1px solid #d4d4d4;box-shadow: -2px 0 1px #eceef1 inset;background: -webkit-linear-gradient(right, #e1e6ea, #f2f2f6 60%);background: -moz-linear-gradient(right, #e1e6ea, #f2f2f6 60%);background: linear-gradient(right, #e1e6ea, #f2f2f6 60%);}
.black.side:after {border-top: 1px solid #222;box-shadow: -2px 0 1px #606060 inset;background: -webkit-linear-gradient(right, #373737, #555 60%);background: -moz-linear-gradient(right, #373737, #555 60%);background: linear-gradient(right, #373737, #555 60%);}
.red.side:after {border-top: 1px solid #aa1e1e;box-shadow: -2px 0 1px #c75959 inset;background: -webkit-linear-gradient(right, #b82929, #d73f3f 60%);background: -moz-linear-gradient(top, #b82929, #d73f3f 60%);background: linear-gradient(top, #b82929, #d73f3f 60%);}
.yellow.side:after {border-top: 1px solid #ba8f06;box-shadow: -2px 0 1px #deb842 inset;background: -webkit-linear-gradient(right, #d5a406, #fdc40b 60%);background: -moz-linear-gradient(right, #d5a406, #fdc40b 60%);background: linear-gradient(right, #d5a406, #fdc40b 60%);}
.green.side:after {border-top: 1px solid #53b567;box-shadow: -2px 0 1px #8ad599 inset;background: -webkit-linear-gradient(right, #69ca7c, #91e5a5 60%);background: -moz-linear-gradient(right, #69ca7c, #91e5a5 60%);background: linear-gradient(right, #69ca7c, #91e5a5 60%);}
.blue.side:after {border-top: 1px solid #1971a8;box-shadow: -2px 0 1px #559dca inset;background: -webkit-linear-gradient(right, #2482bd, #3fa2e0 60%);background: -moz-linear-gradient(right, #2482bd, #3fa2e0 60%);background: linear-gradient(right, #2482bd, #3fa2e0 60%);}
.tags:after {font-weight: normal;position: absolute;display: inline-block;content: "FREE";top: -3px;right: -33px;color: #fff;text-shadow: none;width: 85px;height: 25px;line-height: 28px;-webkit-transform: rotate(45deg) scale(.7, .7);-moz-transform: rotate(45deg) scale(.7, .7);transform: rotate(45deg) scale(.7, .7);}
.gray.tags:after {background: #8c96a0;border: 2px solid #fff;}
.black.tags:after {background: #333;border: 2px solid #777;}
.red.tags:after {background: #b42323;border: 2px solid #df4141;}
.yellow.tags:after {background: #d2a000;border: 2px solid #fcc100;}
.green.tags:after {background: #64c878;border: 2px solid #9bebac;}
.blue.tags:after {background: #1e7db9;border: 2px solid #54b1e9;}
.button.rarrow, .button.larrow {overflow: visible;}
.rarrow:after, .rarrow:before, .larrow:after, .larrow:before {position: absolute;content: "";display: block;width: 28px;height: 28px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.rarrow:before {width: 27px;height: 27px;top: 6px;right: -13px;clip: rect(auto auto 26px 2px);}
.rarrow:after {top: 6px;right: -12px;clip: rect(auto auto 26px 2px);}
.gray.rarrow:before {background: #d6dbe0;}
.gray.rarrow:after {box-shadow: 0 1px 0 #fff inset, -1px 0 0 #b7babd inset;background: -webkit-linear-gradient(top left, #f2f3f7, #e4e8ec);background: -moz-linear-gradient(top left, #f2f3f7, #e4e8ec);background: linear-gradient(top left, #f2f3f7, #e4e8ec);}
.black.rarrow:before {background: #333;}
.black.rarrow:after {box-shadow: 0 1px 0 #8B8B8B inset, -1px 0 0 #3d3d3d inset, -2px 0 0 #8B8B8B inset;background: -webkit-linear-gradient(top left, #656565, #4C4C4C);background: -moz-linear-gradient(top left, #656565, #4C4C4C);background: linear-gradient(top left, #656565, #4C4C4C);}
.red.rarrow:before {background: #B42323;}
.red.rarrow:after {box-shadow: 0 1px 0 #E99494 inset, -1px 0 0 #954B4B inset, -2px 0 0 #E99494 inset;background: -webkit-linear-gradient(top left, #D53939, #B92929);background: -moz-linear-gradient(top left, #D53939, #B92929);background: linear-gradient(top left, #D53939, #B92929);}
.yellow.rarrow:before {background: #D2A000;}
.yellow.rarrow:after {box-shadow: 0 1px 0 #FEDD71 inset, -1px 0 0 #A38B39 inset, -2px 0 0 #FEDD71 inset;background: -webkit-linear-gradient(top left, #FECE34, #D8A605);background: -moz-linear-gradient(top left, #FECE34, #D8A605);background: linear-gradient(top left, #FECE34, #D8A605);}
.green.rarrow:before {background: #64C878;}
.green.rarrow:after {box-shadow: 0 1px 0 #B9ECC4 inset, -1px 0 0 #6C9F76 inset, -2px 0 0 #B9ECC4 inset;background: -webkit-linear-gradient(top left, #90DFA2, #84D494);background: -moz-linear-gradient(top left, #90DFA2, #84D494);background: linear-gradient(top left, #90DFA2, #84D494);}
.blue.rarrow:before {background: #1E7DB9;}
.blue.rarrow:after {box-shadow: 0 1px 0 #8FCAEE inset, -1px 0 0 #497897 inset, -2px 0 0 #8FCAEE inset;background: -webkit-linear-gradient(top left, #42A4E0, #2E88C0);background: -moz-linear-gradient(top left, #42A4E0, #2E88C0);background: linear-gradient(top left, #42A4E0, #2E88C0);}
.larrow:before {top: 6px;left: -13px;width: 27px;height: 27px;clip: rect(2px 26px auto auto);}
.larrow:after {top: 6px;left: -12px;clip: rect(2px 26px auto auto);}
.gray.larrow:before {background: #d6dbe0;}
.gray.larrow:after {box-shadow: 0 -1px 0 #b7babd inset, 1px 0 0 #fff inset;background: -webkit-linear-gradient(top left, #f2f3f7, #e4e8ec);background: -moz-linear-gradient(top left, #f2f3f7, #e4e8ec);background: linear-gradient(top left, #f2f3f7, #e4e8ec);}
.black.larrow:before {background: #333;}
.black.larrow:after {box-shadow: 0 -1px 0 #3d3d3d inset, 0 -2px 0 #8B8B8B inset, 1px 0 0 #8B8B8B inset;background: -webkit-linear-gradient(top left, #656565, #4C4C4C);background: -moz-linear-gradient(top left, #656565, #4C4C4C);background: linear-gradient(top left, #656565, #4C4C4C);}
.red.larrow:before {background: #B42323;}
.red.larrow:after {box-shadow: 0 -1px 0 #954B4B inset, 0 -2px 0 #E99494 inset, 1px 0 0 #E99494 inset;background: -webkit-linear-gradient(top left, #D53939, #B92929);background: -moz-linear-gradient(top left, #D53939, #B92929);background: linear-gradient(top left, #D53939, #B92929);}
.yellow.larrow:before {background: #D2A000;}
.yellow.larrow:after {box-shadow: 0 -1px 0 #A38B39 inset, 0 -2px 0 #FEDD71 inset, 1px 0 0 #FEDD71 inset;background: -webkit-linear-gradient(top left, #FECE34, #D8A605);background: -moz-linear-gradient(top left, #FECE34, #D8A605);background: linear-gradient(top left, #FECE34, #D8A605);}
.green.larrow:before {background: #64C878;}
.green.larrow:after {box-shadow: 0 -1px 0 #6C9F76 inset, 0 -2px 0 #B9ECC4 inset, 1px 0 0 #B9ECC4 inset;background: -webkit-linear-gradient(top left, #90DFA2, #84D494);background: -moz-linear-gradient(top left, #90DFA2, #84D494);background: linear-gradient(top left, #90DFA2, #84D494);}
.blue.larrow:before {background: #1E7DB9;}
.blue.larrow:after {box-shadow: 0 -1px 0 #497897 inset, 0 -2px 0 #8FCAEE inset, 1px 0 0 #8FCAEE inset;background: -webkit-linear-gradient(top left, #42A4E0, #2E88C0);background: -moz-linear-gradient(top left, #42A4E0, #2E88C0);background: linear-gradient(top left, #42A4E0, #2E88C0);}
.gray:hover {background: -webkit-linear-gradient(top, #fefefe, #ebeced);background: -moz-linear-gradient(top, #f2f3f7, #ebeced);background: linear-gradient(top, #f2f3f7, #ebeced);}
.black:hover {background: -webkit-linear-gradient(top, #818181, #575757);background: -moz-linear-gradient(top, #818181, #575757);background: linear-gradient(top, #818181, #575757);}
.red:hover {background: -webkit-linear-gradient(top, #eb6f6f, #c83c3c);background: -moz-linear-gradient(top, #eb6f6f, #c83c3c);background: linear-gradient(top, #eb6f6f, #c83c3c);}
.yellow:hover {background: -webkit-linear-gradient(top, #ffd859, #e3bb38);background: -moz-linear-gradient(top, #ffd859, #e3bb38);background: linear-gradient(top, #ffd859, #e3bb38);}
.green:hover {background: -webkit-linear-gradient(top, #aaebb9, #82d392);background: -moz-linear-gradient(top, #aaebb9, #82d392);background: linear-gradient(top, #aaebb9, #82d392);}
.blue:hover {background: -webkit-linear-gradient(top, #70bfef, #4097ce);background: -moz-linear-gradient(top, #70bfef, #4097ce);background: linear-gradient(top, #70bfef, #4097ce);}
.gray:active {top: 1px;box-shadow: 0 1px 3px #a8abae inset, 0 3px 0 #fff;background: -webkit-linear-gradient(top, #e4e8ec, #e4e8ec);background: -moz-linear-gradient(top, #e4e8ec, #e4e8ec);background: linear-gradient(top, #e4e8ec, #e4e8ec);}
.black:active {top: 1px;box-shadow: 0 1px 3px #111 inset, 0 3px 0 #fff;background: -webkit-linear-gradient(top, #424242, #575757);background: -moz-linear-gradient(top, #424242, #575757);background: linear-gradient(top, #424242, #575757);}
.red:active {top: 1px;box-shadow: 0 1px 3px #5b0505 inset, 0 3px 0 #fff;background: -webkit-linear-gradient(top, #b11a1a, #bf2626);background: -moz-linear-gradient(top, #b11a1a, #bf2626);background: linear-gradient(top, #b11a1a, #bf2626);}
.yellow:active {top: 1px;box-shadow: 0 1px 3px #816b1f inset, 0 3px 0 #fff;background: -webkit-linear-gradient(top, #d3a203, #dba907);background: -moz-linear-gradient(top, #d3a203, #dba907);background: linear-gradient(top, #d3a203, #dba907);}
.green:active {top: 1px;box-shadow: 0 1px 3px #4d7254 inset, 0 3px 0 #fff;background: -webkit-linear-gradient(top, #5eac6e, #72b37e);background: -moz-linear-gradient(top, #5eac6e, #72b37e);background: linear-gradient(top, #5eac6e, #72b37e);}
.blue:active {top: 1px;box-shadow: 0 1px 3px #114566 inset, 0 3px 0 #fff;background: -webkit-linear-gradient(top, #1a71a8, #1976b1);background: -moz-linear-gradient(top, #1a71a8, #1976b1);background: linear-gradient(top, #1a71a8, #1976b1);}
.gray.side:hover:after {background: -webkit-linear-gradient(right, #e7ebee, #f8f8f8 60%);background: -moz-linear-gradient(right, #e7ebee, #f8f8f8 60%);background: linear-gradient(right, #e7ebee, #f8f8f8 60%);}
.black.side:hover:after {background: -webkit-linear-gradient(right, #555, #6f6f6f 60%);background: -moz-linear-gradient(right, #555, #6f6f6f 60%);background: linear-gradient(right, #555, #6f6f6f 60%);}
.red.side:hover:after {background: -webkit-linear-gradient(right, #c43333, #dc4949 60%);background: -moz-linear-gradient(right, #c43333, #dc4949 60%);background: linear-gradient(right, #c43333, #dc4949 60%);}
.yellow.side:hover:after {background: -webkit-linear-gradient(right, #e1b21a, #fbc71d 60%);background: -moz-linear-gradient(right, #e1b21a, #fbc71d 60%);background: linear-gradient(right, #e1b21a, #fbc71d 60%);}
.green.side:hover:after {background: -webkit-linear-gradient(right, #85da95, #94e0a5 60%);background: -moz-linear-gradient(right, #85da95, #94e0a5 60%);background: linear-gradient(right, #85da95, #94e0a5 60%);}
.blue.side:hover:after {background: -webkit-linear-gradient(right, #338fc8, #56b2eb 60%);background: -moz-linear-gradient(right, #338fc8, #56b2eb 60%);background: linear-gradient(right, #338fc8, #56b2eb 60%);}
.gray.side:active:after {top: 4px;border-top: 1px solid #9fa6ab;box-shadow: -1px 0 1px #a8abae inset;background: -webkit-linear-gradient(right, #e4e8ec, #e4e8ec 60%);background: -moz-linear-gradient(right, #e4e8ec, #e4e8ec 60%);background: linear-gradient(right, #e4e8ec, #e4e8ec 60%);}
.black.side:active:after {box-shadow: -1px 0 1px #111 inset;background: -webkit-linear-gradient(right, #414040, #4d4c4c 60%);background: -moz-linear-gradient(right, #414040, #4d4c4c 60%);background: linear-gradient(right, #414040, #4d4c4c 60%);}
.red.side:active:after {box-shadow: -1px 0 1px #4b0707 inset;background: -webkit-linear-gradient(right, #b11a1a, #b11a1a 60%);background: -moz-linear-gradient(right, #b11a1a, #b11a1a 60%);background: linear-gradient(right, #b11a1a, #b11a1a 60%);}
.yellow.side:active:after {box-shadow: -1px 0 1px #816b1f inset;background: -webkit-linear-gradient(right, #d3a203, #dba907 60%);background: -moz-linear-gradient(right, #d3a203, #dba907 60%);background: linear-gradient(right, #d3a203, #dba907 60%);}
.green.side:active:after {box-shadow: -1px 0 1px #33663d inset;background: -webkit-linear-gradient(right, #63a870, #72b37e 60%);background: -moz-linear-gradient(right, #63a870, #72b37e 60%);background: linear-gradient(right, #63a870, #72b37e 60%);}
.blue.side:active:after {box-shadow: -1px 0 1px #114566 inset;background: -webkit-linear-gradient(right, #1a71a8, #1976b1 60%);background: -moz-linear-gradient(right, #1a71a8, #1976b1 60%);background: linear-gradient(right, #1a71a8, #1976b1 60%);}
.gray.rarrow:hover:after, .gray.rarrow:hover:after {background: -webkit-linear-gradient(top left, #fefefe, #ebeced);background: -moz-linear-gradient(top left, #fefefe, #ebeced);background: linear-gradient(top left, #fefefe, #ebeced);}
.black.rarrow:hover:after, .black.larrow:hover:after {background: -webkit-linear-gradient(top left, #818181, #575757);background: -moz-linear-gradient(top left, #818181, #575757);background: linear-gradient(top left, #818181, #575757);}
.red.rarrow:hover:after, .red.larrow:hover:after {background: -webkit-linear-gradient(top left, #eb6f6f, #c83c3c);background: -moz-linear-gradient(top left, #eb6f6f, #c83c3c);background: linear-gradient(top left, #eb6f6f, #c83c3c);}
.yellow.rarrow:hover:after, .yellow.larrow:hover:after {background: -webkit-linear-gradient(top left, #ffd859, #e3bb38);background: -moz-linear-gradient(top left, #ffd859, #e3bb38);background: linear-gradient(top left, #ffd859, #e3bb38);}
.green.rarrow:hover:after, .green.larrow:hover:after {background: -webkit-linear-gradient(top left, #aaebb9, #82d392);background: -moz-linear-gradient(top left, #aaebb9, #82d392);background: linear-gradient(top left, #aaebb9, #82d392);}
.blue.rarrow:hover:after, .blue.larrow:hover:after {background: -webkit-linear-gradient(top left, #70bfef, #4097ce);background: -moz-linear-gradient(top left, #70bfef, #4097ce);background: linear-gradient(top left, #70bfef, #4097ce);}
.gray.rarrow:active:after, .gray.larrow:active:after {background: -webkit-linear-gradient(top left, #e4e8ec, #e4e8ec);background: -moz-linear-gradient(top left, #e4e8ec, #e4e8ec);background: linear-gradient(top left, #e4e8ec, #e4e8ec);}
.black.rarrow:active:after, .black.larrow:active:after {background: -webkit-linear-gradient(top left, #424242, #575757);background: -moz-linear-gradient(top left, #424242, #575757);background: linear-gradient(top left, #424242, #575757);}
.red.rarrow:active:after, .red.larrow:active:after {background: -webkit-linear-gradient(top left, #b11a1a, #bf2626);background: -moz-linear-gradient(top left, #b11a1a, #bf2626);background: linear-gradient(top left, #b11a1a, #bf2626);}
.yellow.rarrow:active:after, .yellow.larrow:active:after {background: -webkit-linear-gradient(top left, #d3a203, #dba907);background: -moz-linear-gradient(top left, #d3a203, #dba907);background: linear-gradient(top left, #d3a203, #dba907);}
.green.rarrow:active:after, .green.larrow:active:after {background: -webkit-linear-gradient(top left, #63a870, #72b37e);background: -moz-linear-gradient(top left, #63a870, #72b37e);background: linear-gradient(top left, #63a870, #72b37e);}
.blue.rarrow:active:after, .blue.larrow:active:after {background: -webkit-linear-gradient(top left, #1a71a8, #1976b1);background: -moz-linear-gradient(top left, #1a71a8, #1976b1);background: linear-gradient(top left, #1a71a8, #1976b1);}
.gray.rarrow:active:after {box-shadow: 0 1px 0 #b7babd inset, -1px 0 0 #b7babd inset;}
.gray.larrow:active:after {box-shadow: 0 -1px 0 #b7babd inset, 1px 0 0 #b7babd inset;}
.black.rarrow:active:after {box-shadow: 0 1px 0 #333 inset, -1px 0 0 #333 inset;}
.black.larrow:active:after {box-shadow: 0 -1px 0 #333 inset, 1px 0 0 #333 inset;}
.red.rarrow:active:after {box-shadow: 0 1px 0 #640909 inset, -1px 0 0 #640909 inset;}
.red.larrow:active:after {box-shadow: 0 -1px 0 #640909 inset, 1px 0 0 #640909 inset;}
.yellow.rarrow:active:after {box-shadow: 0 1px 0 #816b1f inset, -1px 0 0 #816b1f inset;}
.yellow.larrow:active:after {box-shadow: 0 -1px 0 #816b1f inset, 1px 0 0 #816b1f inset;}
.green.rarrow:active:after {box-shadow: 0 1px 0 #4d7254 inset, -1px 0 0 #4d7254 inset;}
.green.larrow:active:after {box-shadow: 0 -1px 0 #4d7254 inset, 1px 0 0 #4d7254 inset;}
.blue.rarrow:active:after {box-shadow: 0 1px 0 #114566 inset, -1px 0 0 #114566 inset;}
.blue.larrow:active:after {box-shadow: 0 -1px 0 #114566 inset, 1px 0 0 #114566 inset;}
/******************************/
ul.foc-list {display: block;overflow: hidden;}
ul.foc-list li {width: 100%;height: 76px;display: block;overflow: hidden;border-bottom: 1px solid #ddd;padding-bottom: 7px;}
ul.foc-list li h1 {height: 40px;line-height: 40px;font-family: microsoft yahei;font-size: 16px;display: block;overflow: hidden;font-weight: normal;}
ul.foc-list li h1 a {color: #222;}
ul.foc-list li span {height: 36px;line-height: 18px;font-size: 12px;display: block;overflow: hidden;}
ul.foc-list li span a, ul.foc-list li span {color: #888;}
ul.titla {height: auto;display: block;overflow: hidden;}
ul.titla li {height: 37px;line-height: 37px;display: block;font-size: 18px;color: #222;float: left;font-family: microsoft yahei;background: #e7e7e7;padding: 5px 35px;margin-right: 3px;}
ul.titla li.hover {color: #fff;background: #e00;}

ul.list18 {width: 100%;overflow: hidden;display: block;font-size: 18px;margin: 0 auto;font-family: microsoft yahei;}
ul.list18 li {margin: 0px;padding: 0px;overflow: hidden;display: block;height: 36px;line-height: 36px;}
ul.list18 li a, ul.list18 li a:visited {color: #333;display: block;overflow: hidden;}
ul.list18 li a:hover {color: #cc0000;}
ul.list18 li span.date {font-size: 12px;color: #888;float: right;padding-right: 5px;}

ul.list18a {width: 100%;overflow: hidden;display: block;font-size: 18px;margin: 0 auto;font-family: microsoft yahei;}
ul.list18a li {margin: 0px;padding: 0px;overflow: hidden;display: block;height: 40px;line-height: 36px;}
ul.list18a li a, ul.list18a li a:visited {color: #333;display: block;overflow: hidden;background: url("../images/ico02.png") 0 15px no-repeat;padding-left: 15px;}
ul.list18a li a:hover {color: #cc0000;}
ul.list18a li span.date {font-size: 12px;color: #888;float: right;padding-right: 5px;}
ul.list18a li.line {height: 5px;line-height: 5px;border-bottom: 1px solid #eee;margin: 10px 0 15px 0;}

ul.list16 {width: 100%;overflow: hidden;display: block;font-size: 16px;margin: 0 auto;font-family: microsoft yahei;}
ul.list16 li {margin: 0px;padding: 0px;overflow: hidden;display: block;height: 36px;line-height: 36px; border-bottom: 1px dashed #ddd; padding-bottom: 2px;}
ul.list16 li a, ul.list16 li a:visited {color: #333;display: block;overflow: hidden;background: url("../images/ico01.png") 0 12px no-repeat;padding-left: 20px;}
ul.list16 li a:hover {color: #cc0000;}
ul.list16 li span.date {font-size: 12px;color: #888;float: right;padding-right: 5px;}
ul.list16 li.line {height: 5px;line-height: 5px;border-bottom: 1px solid #eee;margin: 10px 0 15px 0;}

ul.list14 {width: 100%;display: block;overflow: hidden;}
ul.list14 li {margin: 0px;padding: 0px;overflow: hidden;display: block;}
ul.list14 li a, ul.list14 li a:visited {color: #000;padding: 0px 6px 0px 12px;height: 30px;line-height: 30px;font-size: 14px;display: block;background: url(../images/picshow_bk.jpg) no-repeat 0 14px;overflow: hidden;}
ul.list14 li a:hover {color: #cc0000;}
ul.list14 li span.date {font-size: 12px;color: #888;float: right;padding-right: 5px;}
ul.list14b {width: 100%;display: block;overflow: hidden;float: left;}
ul.list14b li {width: 44.5%;margin: 0px;padding: 0px;overflow: hidden;display: block;float: left;margin-right: 2%;}
ul.list14b li a, ul.list14b li a:visited {color: #000;padding: 0px 6px 0px 10px;height: 46px;line-height: 46px;font-size: 16px;display: block;background: #fff url(../images/ico_02.jpg) no-repeat 0px 13px;overflow: hidden;margin-bottom: 15px;}
ul.list14b li a:hover {color: #cc0000;}
ul.list14b li span.date {font-size: 12px;color: #888;float: right;padding-right: 5px;}
ul.list14b li a:hover {box-shadow: 0 5px 3px #9bb797;}
/*************/
/***************表单 *************/
/* Basic Grey */ 
.basic-grey {margin-left: auto;margin-right: auto;width: 100%;background: #F7F7F7; padding: 0 0 30px 0; font: 16px simsun, micorsoft yahei;color: #888;text-shadow: 1px 1px 1px #FFF;border: 1px solid #E4E4E4;}
.basic-grey h1 {line-height: 60px; font-size:  26px;padding: 0px 0px 0 40px;display: block;border-bottom: 1px solid #E4E4E4;color: #888; margin-bottom: 20px;}
.basic-grey h1 > span {display: block;font-size: 16px;}
.basic-grey label {display: block;margin: 0px; overflow: hidden;}
.basic-grey label > span {float: left;width: 15%;text-align: right;padding-right: 10px;margin-top: 10px;color: #888;}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {border: 1px solid #DADADA;color: #888;height: 30px;margin-bottom: 16px;margin-right: 6px;margin-top: 2px;outline: 0 none;padding: 3px 3px 3px 5px;width: 70%;font-size: 16px;line-height: 20px;box-shadow: inset 0px 1px 4px #ECECEC;-moz-box-shadow: inset 0px 1px 4px #ECECEC;-webkit-box-shadow: inset 0px 1px 4px #ECECEC;}
.basic-grey textarea {padding: 5px 3px 3px 5px;}
.basic-grey select {background: #FFF url('down-arrow.png') no-repeat right;background: #FFF url('down-arrow.png') no-repeat right);appearance: none;-webkit-appearance: none;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';width: 70%;height: 35px;line-height: 25px;}
.basic-grey textarea {height: 100px;}
.basic-grey .button {font-size: 20px; background: #E27575;border: none;padding: 10px 25px 10px 25px;color: #FFF;box-shadow: 1px 1px 5px #B6B6B6;border-radius: 3px;text-shadow: 1px 1px 1px #9E3F3F;cursor: pointer;}
.basic-grey .button:hover {background: #CF7A7A}
.basic-grey .button.gray {color: #8c96a0;text-shadow: 1px 1px 1px #fff;border: 1px solid #dce1e6;box-shadow: 0 1px 2px #fff inset, 0 -1px 0 #a8abae inset;background: -webkit-linear-gradient(top, #f2f3f7, #e4e8ec);background: -moz-linear-gradient(top, #f2f3f7, #e4e8ec);background: linear-gradient(top, #f2f3f7, #e4e8ec);}
.basic-grey .button.gray:hover {background: -webkit-linear-gradient(top, #fefefe, #ebeced);background: -moz-linear-gradient(top, #f2f3f7, #ebeced);background: linear-gradient(top, #f2f3f7, #ebeced);}
.basic-grey img{ display:inline-block; width: 110px; height: 34px; float: left; padding-left: 20px; margin-top: 3px;}
/**/
.mess{ width:100%; margin:20px auto; font-size:16px; }
.mess_t{clear:both; color:#333;margin-botttom:4px; border:1px dashed #ddd;  height:38px; text-indent:20px;line-height:38px;}
.mess_t em{ float:right; padding-right:10px;}
.mess1{  border:1px dashed #ddd;line-height:38px; padding:10px 12px;margin-bottom:20px;}
.mess2{  line-height:38px; }
.mess3{ color:#666; border-top:1px dotted #0068b7; background:#f5f5f5; line-height:25px;padding:10px 0px 10px 10px;}
.mess:hover .mess_t,.mess:hover .mess1{ border-color:#8c7e6c;}
.mess:hover .mess3{ color:#333;}
.mess:hover{ box-shadow:3px 3px 3px #e2e2e2;}