@charset "gb2312";/* CSS Document*/
body{margin: 0px;padding: 0px;font-family: "ËÎÌå";font-size: 12px;}
body a{color: #666;text-decoration: none;}
div, h3, ul, li, a, p, h1, h2, h3, h4{margin: 0px;padding: 0px;list-style-type: none;}
.contain{font-family: "ËÎÌå";}
.xwfoot{font-size: 12px;padding-top: 50px;padding-bottom: 35px;overflow: hidden;height: 184px;margin-right: auto;margin-left: auto;clear: both;color: #6988c1;background-color: #15346c;}
.xwfoot .footer{width: 1015px;margin-right: auto;margin-left: auto;line-height: 30px;}
.xwfoot .footer p{text-align: right;float: left;width: 610px;padding-right: 27px;border-right-width: 1px;border-right-style: dashed;border-right-color: #6988c1;}
.xwfoot .footer span{float: left;width: 385px;padding-left: 27px;}
.cates{margin: 0 0 4rem 1rem;overflow: visible;}
.cates li{float: left;text-align: center;}
.cates a{display: inline-block;height: 1.8rem;line-height: 1.8rem;}
.cates .active a{background: #ECECEC;padding: 0 1.2rem;border-radius: 1rem;}
figure{position: relative;float: left;overflow: hidden;width: 100%;height: 100%;background: #3085a3;text-align: center;cursor: pointer;margin: 0;}
figure img{position: relative;display: block;}
figure figcaption{padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
figure figcaption::before, figure figcaption::after{pointer-events: none;}
figure figcaption, figure figcaption > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
figure figcaption > a{z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
figure h2{word-spacing: -0.15em;font-size: 1.2rem;font-weight: 300;}
figure h2 span{font-weight: normal;}
figure h2, figure p{margin: 0;}
figure p{letter-spacing: 1px;font-size: 68.5%;}
/***** Winston *****/
figure.effect-winston{background: #3C3C3C;text-align: left;}
figure.effect-winston img{-webkit-transition: opacity 0.45s;transition: opacity 0.45s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
figure.effect-winston figcaption::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(triangle.svg) no-repeat center center;background-size: 100% 100%;content: '';-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;transition: opacity 0.45s, transform 0.45s;-webkit-transform: rotate(45deg);-ms-transform: rotate(0deg);transform: rotate(45deg);-webkit-transform-origin: 0 100%;-ms-transform-origin: 0 100%;transform-origin: 0 100%;}
figure.effect-winston h2{letter-spacing: 2px;opacity: 0;transition: opacity 0.45s;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
figure.effect-winston h2 span{font-weight: normal;font-size: 1rem;}
figure.effect-winston h2 div{font-size: 0.9rem;margin-top: .2rem;margin-left: 1.4rem;}
figure.effect-winston p{position: absolute;right: 0;bottom: 0;padding: 0 8% 8% 0;}
figure.effect-winston figcaption > a{-webkit-transform: rotate3d(0, 0, 1, 73deg);transform: rotate3d(0, 0, 1, 73deg);margin: -3rem 0 0 -1rem;}
figure.effect-winston p>a{margin: 0 10px;color: #626262;font-size: 170%;}
figure.effect-winston p>a:hover, figure.effect-winston p>a:focus{color: #009966;}
figure.effect-winston p>a>i{opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);}
figure.effect-winston:hover img{opacity: 0.6;}
figure.effect-winston:hover h2{opacity: 1;-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;transition: opacity 0.45s, transform 0.45s;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
figure.effect-winston:hover figcaption::before{opacity: 0.7;-webkit-transform: rotate(25deg);-ms-transform: rotate(25deg);transform: rotate(25deg);}
figure.effect-winston:hover p i{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
figure.effect-winston:hover p a:nth-child(2) i{-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
figure.effect-winston:hover p a:first-child i{-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
/***** Jazz *****/
figure.effect-jazz{background-color: #2C61AF;}
figure.effect-jazz figcaption::after, figure.effect-jazz img, figure.effect-jazz p{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-jazz figcaption{padding: 2em 1em;}
figure.effect-jazz figcaption::after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-top: 1px solid #fff;border-bottom: 1px solid #fff;content: '';opacity: 0;-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}
figure.effect-jazz p, figure.effect-jazz h2{padding: 0.5em 2em;text-transform: none;opacity: 0;-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}
figure.effect-jazz h2{letter-spacing: 2px;padding-top: 28%;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
figure.effect-jazz h2 span{letter-spacing: 0;font-size: 1rem;}
figure.effect-jazz:hover img{opacity: 0.2;-webkit-transform: scale3d(1.05, 1.05, 1);transform: scale3d(1.05, 1.05, 1);}
figure.effect-jazz:hover figcaption::after{opacity: 1;-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);}
figure.effect-jazz:hover h2, figure.effect-jazz:hover p{opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
.items{margin: 0 auto;overflow: hidden;}
.items li{position: relative;width: 227px;height: 227px;float: left;margin-top: 20px;margin-bottom: 20px;margin-right: 18px;margin-left: 18px;overflow: hidden;}
.items li:first-child figure.effect-winston{background: transparent;}
.items li:first-child figure.effect-winston figcaption{background: rgba(0, 0, 0, 0.6);}
.items li:first-child figure.effect-winston:hover figcaption{background: rgba(0, 0, 0, 0);}
.items li:first-child figure.effect-winston h2{opacity: 1;}
.items li:first-child figure.effect-winston:hover h2{opacity: 0;}
.items li:first-child figure.effect-winston figcaption::before{display: none;}
.items li:first-child figure.effect-winston:hover img{opacity: 1;}

.top{width: 100%;height: 600px;background: url(imagestop.jpg) no-repeat center;margin-bottom: 70px;}

.toutiao{width: 1000px;height: 150px;margin: 0 auto;overflow: hidden;font-family: "΢ÈíÑźÚ";margin-bottom: 60px;}
.toutiao .ttxw{ height: 100px;background: url(imagestt.jpg) no-repeat;overflow: hidden; padding-left:200px; padding-top:30px; font-size: 36px;line-height: 36px; font-weight: bold;}
.toutiao .ttxw a{color: #000;}
.toutiao .ttxw a:hover{color: #2259a8;}

.ttqt{ height:50px; font-size:14px; overflow: hidden; border-bottom:#d5e9ff dashed 1px;}
.ttqt ul{
	float: left; width:930px;
}
.ttqt ul li{ width: 300px; line-height:50px; float:left; text-align:center; overflow:hidden;}
.ttqt ul li a:hover{ color: #000;}
.ttqt span{ float:right; width:70px;}
.ttqt span a{ line-height:50px; padding:3px 5px;background-color: #d5e9ff;} /*ÎÄ×ÖÁ´½Ópadding×ö±ß¿ò£¬Ò»¶¨Òª¶¨Òåµ½ÎÄ×ÖÁ´½ÓÉÏ*/

/* css ÖØÖÃ */
*{margin:0;padding:0;list-style:none;}
body{background:#fff;font:normal 12px/22px ΢ÈíÑźÚ;}
img{border:0;}
a{text-decoration:none;color:#333;}
a:hover{color:#1974A1;}
.js{width:90%;margin:10px auto 0 auto;}
.js p{padding:5px 0;font-weight:bold;overflow:hidden;}
.js p span{float:right;}
.js p span a{color:#f00;text-decoration:underline;}
.js textarea{height:50px;width:98%;padding:5px;border:1px solid #ccc;border-top:2px solid #aaa;border-left:2px solid #aaa;}

/* ±¾Àý×Ócss*/
.ladyScroll{width: 1000px;height: 500px; margin:70px auto; position:relative;}
.ladyScroll .prev,.ladyScroll .next{width: 51px;height: 45px;position: absolute;top: 210px;left: 0;z-index: 100;cursor: pointer;background: url(imagesbtns1.png) no-repeat;}
.ladyScroll .next{left: auto;right: 0;background-position: 0 -90px;}
.ladyScroll .prev:hover{background-position: 0 -45px;}
.ladyScroll .next:hover{background-position: 0 -135px;}
.ladyScroll .scrollWrap{width: 1000px;overflow: hidden;position: absolute;}
.ladyScroll dl{float: left;width: 1000px;text-align: center;position: relative;}
.ladyScroll span{display: block;width: 1000px;height: 40px;position: absolute;bottom: 0;background: #333;filter: alpha(opacity=60);opacity: 0.60;}
.ladyScroll dt{margin: 0 auto;width: 1000px;overflow: hidden;}
.ladyScroll img{display: block;width: 1000px;height: 500px;}
.ladyScroll dd{width: 1000px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;text-align: center;overflow: hidden;position: absolute;bottom: 0;}
.ladyScroll dd a{color: #fff;}
.ladyScroll dd a:hover{color: #d5e9ff;text-decoration: none;}

.nr{ margin-top:60px; width:1020px; margin-left:auto; margin-right:auto;}
.nr dl{ width:235px; float:left; overflow:hidden; margin-right:20px;}
.nr dl dt{ height:150px; }
.nr dl dt img{ width:235px; height:150px; overflow:hidden;}
.nr dl dd{ margin:15px 0;}
.nr dl dd h4{ height:45px; line-height:24px; overflow:hidden;}
.nr dl dd h4 a{ font-size:16px; color:#000;}
.nr dl dd h4 a:hover{ color:#2259a8; font-weight:bold;}
.nr dl dd p{ height:35px; font-size:12px; line-height:18px; margin-top:10px; color:#666; overflow:hidden;}


.jgg { background-color:#d5e9ff; padding:60px 0; overflow:hidden; font-family:"΢ÈíÑźÚ"; }
.jgg h3{ background-image:url(imagesjgg.png); background-repeat:no-repeat; background-position:center; width:490px; height:90px; margin-left:auto; margin-right:auto;}
.jgg h3 a{ float:right; font-size:14px; }
.jgg h3 a:hover{ color:#2259a8;}

.part1{ background-color:#FFF; padding:60px 0; overflow:hidden; font-family:"΢ÈíÑźÚ"; }
.part1 h3{ background-image:url(imagesxxcy.png); background-repeat:no-repeat; background-position:center; width:490px; height:90px; margin-left:auto; margin-right:auto;}
.part1 h3 a{ float:right; font-size:14px; }
.part1 h3 a:hover{ color:#2259a8;}

.part2{ background-color:#d5e9ff; padding:60px 0; overflow:hidden; font-family:"΢ÈíÑźÚ";}
.part2 h3{ background-image:url(imagesjflj.png); background-repeat:no-repeat; background-position:center; width:490px; height:90px; margin-left:auto; margin-right:auto;}
.part2 h3 a{ float:right; font-size:14px; }
.part2 h3 a:hover{ color:#2259a8;}

.part3{ background-color:#FFF; padding:60px 0; overflow:hidden; font-family:"΢ÈíÑźÚ";}
.part3 h3{ background-image:url(imagesfygg.png); background-repeat:no-repeat; background-position:center; width:490px; height:90px; margin-left:auto; margin-right:auto;}
.part3 h3 a{ float:right; font-size:14px; }
.part3 h3 a:hover{ color:#2259a8;}

.part4{ background-color:#d5e9ff; padding:60px 0; overflow:hidden; font-family:"΢ÈíÑźÚ";}
.part4 h3{ background-image:url(imagesxmzd.png); background-repeat:no-repeat; background-position:center; width:490px; height:90px; margin-left:auto; margin-right:auto;}
.part4 h3 a{ float:right; font-size:14px; }
.part4 h3 a:hover{ color:#2259a8;}

.part5{ background-color:#FFF; padding:60px 0; overflow:hidden; font-family:"΢ÈíÑźÚ";}
.part5 h3{ background-image:url(imagesyljk.png); background-repeat:no-repeat; background-position:center; width:490px; height:90px; margin-left:auto; margin-right:auto;}
.part5 h3 a{ float:right; font-size:14px; }
.part5 h3 a:hover{ color:#2259a8;}