/**************************Reset***********************/
body{ overflow-x:hidden; font-size:14px; font-family:"微软雅黑",sans-serif; color:#333; margin: 0;}
a{color:#333; text-decoration:none;}
a:hover{color:#0087cb;}
:focus{outline:0;}
li{list-style: none;}
img{border: 0; vertical-align:middle;}
table{width: 100%; border-collapse:collapse;border-spacing:0;} 
ul,ol,li,dl,dd,th,td,form,textarea,input,p{margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0; font-size: inherit; font-weight: normal;} 

/*公共样式*/
.fl {float: left;}
.fr {float: right;}
.clearfix {zoom: 1;}
.clearfix:after {content: '.'; display: block; height: 0; visibility: hidden; overflow: hidden; clear: both;}

.clear {clear:both;font-size:0;line-height:0;height:0px;overflow:hidden;}


.is-top { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 60px; background-color: #0087cb;}
.is-top .m-nav {width: 925px; height: 60px; margin: 0 auto; padding-left: 275px; background: url(imagesmlyslogo.png) left center no-repeat;position: relative;}

.is-top .m-nav .logo {width: 255px; height: 60px; position: absolute; display: block;top: 0;left: 0;}
.is-top .m-nav li {float: left; width: 130px; border-left: 1px solid #339fd5;}
.is-top .m-nav li a {display: block; font-size: 17px; color: #fff; text-align: center; height: 60px; line-height: 60px;}
.is-top .m-nav li a:hover {background-color: #0475ae;}
.is-top .m-nav li:first-child {border-left: none;}

.section {position: relative; overflow: hidden;}
#fullpage .section .g-inner {width: 1200px; margin: 0 auto; position: relative; z-index: 1;}

.section-1 .fp-tableCell { vertical-align: top;}
.section-1 .bg {position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden;}
.section-1 .bg img {display: block; width: 100%;}
.section-1 .m-yxys {margin-top: 30px; height: 400px; padding-left: 205px; background: url(imagesmlysyxys.png) 0 0 no-repeat;}
.section-1 .u-summary {height: 265px;}
.section-1 .u-summary p {float: left; width: 620px; font-size: 16px; color: #333; line-height: 40px; text-align: justify;}
.section-1 .u-summary p a {color: #cc6600; margin-left: 10px;}
.section-1 .u-summary p a:hover {text-decoration: underline;}
.section-1 .u-summary .video {float: right; position: relative; margin-top: 20px; display: block; width: 256px; height: 190px; border: 2px solid #caedfa; -webkit-box-shadow: 0 0 0 10px rgba(129,222,238,.7); box-shadow: 0 0 0 10px rgba(129,222,238,.7);}
.section-1 .u-summary .video .comt {position: absolute; z-index: 9; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; background:rgba(0,0,0,.5); background: #000\9;}
.section-1 .u-summary .video .cover {position: absolute; left: 0; top: 0; right: 0; bottom: 0; -webkit-transition: .3s; transition: .3s;}
.section-1 .u-summary .video .play {position: absolute; z-index: 9; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; background: url(imagesmlysplay_btn.png) 0 0 no-repeat;-webkit-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: .3s; transition: .3s;}
.section-1 .u-summary .video:hover .cover {-webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.7); box-shadow: inset 0 0 100px rgba(0,0,0,.7);}
.section-1 .u-summary .video:hover .play {-webkit-transform: scale(1); transform: scale(1); opacity: 1;}

.section-1 .u-box {height: 86px;}
.section-1 .u-box li {float: left; margin-right: 20px; -webkit-transition: .2s; transition: .2s;}
.section-1 .u-box li:last-child {margin-right: 0;}
.section-1 .u-box .item0 {background-color: #39aae3;}
.section-1 .u-box .item0:hover {background-color: #179fe3;}
.section-1 .u-box .item1 {background-color: #70b9f1;}
.section-1 .u-box .item1:hover {background-color: #3da4f2;}
.section-1 .u-box .item2 {background-color: #84b95d;}
.section-1 .u-box .item2:hover {background-color: #7bca42;}
.section-1 .u-box .item3 {background-color: #40c5a4;}
.section-1 .u-box .item3:hover {background-color: #20e6b5;}
.section-1 .u-box .item4 {background-color: #ce9d3e;}
.section-1 .u-box .item4:hover {background-color: #f0a30f;}
.section-1 .u-box li a {display: block; width: 180px; height: 86px;}

.section-2 {background-color: #39aae3;}
.section-2 .u-lsyg, .section-2 .u-whmr, .section-2 .u-jtqw {width: 393px;}
.section-2 .u-lsyg {margin-right: 10px;}
.section-2 .u-lsyg .photo {height: 152px; background: url(imagesmlys1.png) 0 0 no-repeat;}
.section-2 .u-whmr .photo {height: 152px; background: url(imagesmlys3.png) 0 0 no-repeat;}
.section-2 .u-jtqw .photo {height: 152px; background: url(imagesmlys2.png) 0 0 no-repeat;}
.section-2 .m-intro .title {height: 30px; line-height: 30px;  font-size: 20px; color: #fff; text-align: center;}
.section-2 .m-intro .circle {position: relative; height: 30px; border-bottom: 1px solid #74c6ef; margin-bottom: 20px;}
.section-2 .m-intro .circle i {display: block; position: absolute; bottom: -8px; left: 50%; margin-left: -8px; width: 16px; height: 16px; background: url(imagesmlyscircle.png) 0 0 no-repeat;}
.section-2 .m-intro .list {padding-top: 10px; height: 200px; background: #fff; margin-bottom: 20px;}
.section-2 .m-intro .list li {height: 30px; line-height: 30px; padding-left: 2em;}
.section-2 .m-intro .list li a {color: #333;}
.section-2 .m-intro .list li a:hover {color: #39aae3;}
.section-2 .m-intro .list p {padding: 0 1em; text-indent: 2em; text-align: justify; line-height: 30px;}
.section-2 .m-intro .more {display: block; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #bb6503; background: #8dcff0; cursor: pointer;}
.section-2 .m-intro .more:hover {color: #fff; background: #0684c4;}


.section-3 {background-color: #70b9f1;}
.section-3 .title {height: 50px; line-height: 50px; font-size: 30px; color: #fff; text-align: center; position: relative; margin-bottom: 30px;}
.section-3 .title .line {position: absolute; height: 25px; border-bottom: 1px dashed #fff; width: 100%;}
.section-3 .title span {display: inline-block; padding: 0 35px; position: relative; z-index: 1; background: #70b9f1;}
.section-3 .u-map {float: left; position: relative; width: 471px; height: 343px;background: url(imagesmlysmap.png) -8478px 0 no-repeat;}
.section-3 .u-map a {display: block; position: absolute; background: #fff; height: 20px; line-height: 20px; font-size: 12px; color: #333; padding: 0 2px;}
.section-3 .u-map .item0 {left: 25px; top: 75px;}
.section-3 .u-map .item1 {left: 30px; top: 110px;}
.section-3 .u-map .item2 {left: 35px; top: 145px;}
.section-3 .u-map .item3 {left: 20px; top: 187px;}
.section-3 .u-map .item4 {left: 108px; top: 90px;}
.section-3 .u-map .item5 {left: 88px; top:132px;}
.section-3 .u-map .item6 {left: 90px; top: 178px;}
.section-3 .u-map .item7 {left: 110px; top: 245px;}
.section-3 .u-map .item8 {left: 137px; top: 300px;}
.section-3 .u-map .item9 {left: 176px; top: 48px;}
.section-3 .u-map .item10 {left: 168px; top: 116px;}
.section-3 .u-map .item11 {left: 148px; top: 158px;}
.section-3 .u-map .item12 {left: 144px; top: 214px;}
.section-3 .u-map .item13 {left: 185px; top: 275px;}
.section-3 .u-map .item14 {left: 265px; top: 28px;}
.section-3 .u-map .item15 {left: 223px; top: 82px;}
.section-3 .u-map .item16 {left: 238px; top: 127px;}
.section-3 .u-map .item17 {left: 212px; top: 190px;}
.section-3 .u-map .item18 {left: 210px; top: 227px;}
.section-3 .u-map .item19 {left: 266px; top: 290px;}
.section-3 .u-map .item20 {left: 300px; top: 63px;}
.section-3 .u-map .item21 {left: 290px; top: 100px;}
.section-3 .u-map .item22 {left: 265px; top: 170px;}
.section-3 .u-map .item23 {left: 288px; top: 226px;}
.section-3 .u-map .item24 {left: 300px; top: 268px;}
.section-3 .u-map .item25 {left: 330px; top: 168px;}
.section-3 .u-map .item26 {left: 355px; top: 210px;}
.section-3 .u-map .item27 {left: 358px; top: 255px;}
.section-3 .u-map .item28 {left: 342px; top: 300px;}
.section-3 .u-map .item29 {left: 415px; top: 232px;}

.section-3 .u-container {float: right; width: 708px;}
.section-3 .u-container .index {}
.section-3 .u-container .index li {float: left; padding-left: 12px; padding-bottom: 12px;}
.section-3 .u-container .index li a {display: block; width: 106px; height: 36px; background: #fff; color: #333; font-size: 16px; text-align: center; line-height: 36px;}
.section-3 .u-container .index li a.active {background: #3b9be5; color: #fff;}
.section-3 .u-container .detail {padding-left: 12px; height: 130px;}
.section-3 .u-container .detail p {line-height: 32px; font-size: 16px; color: #fff; text-align: justify; text-indent: 2em;}
.section-3 .u-container .detail .more {color: #cc6600;}
.section-3 .u-container .detail .more:hover {text-decoration: underline;}

.section-4 {background-color: #84b95d;}
.section-4 .title {height: 50px; line-height: 50px; font-size: 30px; color: #fff; text-align: center; position: relative; margin-bottom: 30px;}
.section-4 .title .line {position: absolute; height: 25px; border-bottom: 1px dashed #fff; width: 100%;}
.section-4 .title span {display: inline-block; padding: 0 35px; position: relative; z-index: 1; background: #84b95d;}
.section-4 .m-stly {}
.section-4 .m-stly li {position: relative; float: left;  width: 140px; height: 210px; margin-right: 70px;  background: url(imagesmlysround.png) 0 0 no-repeat; overflow: hidden;}
.section-4 .m-stly li a {display: block; height: 144px; -webkit-transition: .8s ease-in-out; transition: .8s ease-in-out; margin-bottom: 20px;}
.section-4 .m-stly li a:hover {-webkit-transform: rotateY(360deg); transform: rotateY(360deg);}
.section-4 .m-stly li p {width: 100%; font-size: 36px; color: #fff; text-align: center; position: absolute; bottom: 0;  -webkit-transition: 2s ease-in-out; transition: 2s ease-in-out;}

.section-4 .m-stly .chi a {background: url(imagesmlyschi.png) center center no-repeat;}
.section-4 .m-stly .zhu {margin-top: 60px;}
.section-4 .m-stly .zhu a {background: url(imagesmlyszhu.png) center center no-repeat;}

.section-4 .m-stly .xing a {background: url(imagesmlysxing.png) center center no-repeat;}
.section-4 .m-stly .you {margin-top: 60px;}
.section-4 .m-stly .you a {background: url(imagesmlysyou.png) center center no-repeat;}

.section-4 .m-stly .yu a {background: url(imagesmlysyu.png) center center no-repeat;}
.section-4 .m-stly .gou {margin-top: 60px; margin-right: 0;}
.section-4 .m-stly .gou a {background: url(imagesmlysgou.png) center center no-repeat;}
/*进场效果*/
.section-4 .m-stly .chi p, .section-4 .m-stly .zhu p, .section-4 .m-stly .xing p {left: -140px;}
.section-4 .m-stly .you p, .section-4 .m-stly .yu p, .section-4 .m-stly .gou p {left: 140px;}
.section-4.active .m-stly li p {left: 0;}


.section-5 {background-color: #40c5a4;}
.section-5 .title {height: 50px; line-height: 50px; font-size: 30px; color: #fff; text-align: center; position: relative; margin-bottom: 30px;}
.section-5 .title .line {position: absolute; height: 25px; border-bottom: 1px dashed #fff; width: 100%;}
.section-5 .title span {display: inline-block; padding: 0 35px; position: relative; z-index: 1; background: #40c5a4;}
.section-5 .m-tsys {position: relative; height: 496px;}
.section-5 .m-tsys .item {position: absolute; display: block; overflow: hidden;}
.section-5 .m-tsys .item .cover {position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; filter: alpha(opacity=0); z-index: 1; background: #000; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}
.section-5 .m-tsys .item:hover .cover {opacity: .5; filter: alpha(opacity=50);}
.section-5 .m-tsys .item  h2 {position: absolute; left: 0; top: 100%; width: 100%; z-index: 2; font-size: 16px; color: #fff; text-align: center; -webkit-transition: .4s; transition: .4s;}
.section-5 .m-tsys .item:hover h2 {top: 50%;}

.section-5 .m-tsys .item-0 {width: 503px; height: 316px; top: 0; left: 0;}
.section-5 .m-tsys .item-1 {width: 218px; height: 152px; top: 0; left: 516px;}
.section-5 .m-tsys .item-2 {width: 456px; height: 152px; top: 0; right: 0;}
.section-5 .m-tsys .item-3 {width: 460px; height: 152px; top: 165px; left: 516px;}
.section-5 .m-tsys .item-4 {width: 213px; height: 152px; top: 165px; right: 0;}
.section-5 .m-tsys .item-5 {width: 291px; height: 167px; bottom: 0; left: 0;}
.section-5 .m-tsys .item-6 {width: 291px; height: 167px; bottom: 0; left: 303px;}
.section-5 .m-tsys .item-7 {width: 291px; height: 167px; bottom: 0; left: 606px;}
.section-5 .m-tsys .item-8 {width: 291px; height: 167px; bottom: 0; left: 909px;}

.section-6 {background-color: #fff; padding-top: 0 !important;}
.section-6 .m-footer {position: relative; height: 180px; margin: 0 auto;}
.section-6 .m-footer .footer-gov {position: absolute; top: 60px; left: 90px; width: 52px; height: 64px; background: url(imagesfooter-gov.png) 0 0 no-repeat;}
.section-6 .m-footer .footer-zhaocuo {position: absolute; top: 65px; right: 40px;width: 110px; height: 55px; background: url(imagesfooter-zhaocuo.png) 0 0 no-repeat;}
.section-6 .m-footer p {font-size: 13px; line-height: 28px; text-align: center; padding-top: 15px;}
.section-6 .m-footer p a:hover {color:#0087cb;}

#fp-nav ul li a span {
	background: #fff;
}







