@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:none; border-radius:0; outline:none; }
a{ text-decoration:none; color:#333;}
dl,dd,dt,ol,ul,li{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
body,html{ width:100%; height:100%; color:#333; font-size:14px; font-family:"微软雅黑";}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#333;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#333;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#333;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#333;} 

/*header*/
@media screen and (min-width:1280px){
.header{ width:100%; background-color:#fff; height:80px;}
.header .box{ width:1150px; height:46px; margin:auto; padding:17px 0;}
.header .box .logo{ height:46px; float:left;}
.header .box .logo img{ display:block; height:40px;}
.header .box .ma{ display:none; margin:10px; width:26px; height:26px; position:relative; float:left;}
.header .box .ma strong{ width:26px; height:26px; overflow:hidden;}
.header .box .ma strong img{ width:100%; display:block;}
.header .box .ma p{ width:100px; height:100px; padding:10px; padding-top:20px; display:none; overflow:hidden; position:absolute; left:50%; margin-left:-60px; top:30px; background-image:url(../images/bg.png); background-position:center; background-repeat:no-repeat;}
.header .box .ma p img{ width:100%; display:block;}
.header .box .ma:hover p{ display:block;}
.header .box .nav{ float:left; height:63px; line-height:46px; margin-left:16px;}
.header .box .nav ul{ display:block; overflow:hidden;}
.header .box .nav li{ display:block; height:63px; float:left; margin-left:25px; font-size:16px; font-weight:bold;}
.header .box .nav li.now a{ color:#00509b;}
.navbox{ width:100%; position:absolute; left:0; top:80px; z-index:991;}
.navbox .cont{ width:100%; overflow:hidden; background-color:rgba(255,255,255,.7);}
.navbox .cont dl{ margin:auto; display:block; overflow:hidden; height:40px; line-height:40px;}
.navbox .cont dl dt{ display:inline-block; font-size:14px;}
.navbox .cont dl dd{ display:inline-block; font-size:14px; color:#999; margin:0 15px;}
.navbox .cont dl dt a:hover{ color:#00509b;}
.navbox .n01 dl{ padding-left:380px; width:770px;}
.navbox .n02 dl{ padding-left:470px; width:680px;}
.navbox .n03 dl{ padding-left:605px; width:545px;}
.navbox .n04 dl{ padding-left:765px; width:385px;}
.navbox .n05 dl{ padding-right:130px; width:1020px; text-align:right;}
.navbox .n04 dd:first-child{ display:none;}

.header .box .yan{ float:right; height:46px; line-height:46px; font-size:16px; font-weight:bold;}
.header .box .ser{ width:32px; height:63px; position:relative; float:right;}
.header .box .ser span{ width:16px; height:16px; cursor:pointer; display:block; padding:15px 8px; overflow:hidden;}
.header .box .ser span img{ display:block; height:100%;} 
.header .box .ser p{ width:262px; padding:0 10px; height:0; background-color:rgba(0,0,0,0.7); position:absolute; right:-55px; top:63px; z-index:11; overflow:hidden; display:block; transition:height .5s; -moz-transition:height .5s; -webkit-transition:height .5s; -o-transition:height .5s;}
.header .box .ser p .sub{ width:32px; height:32px; display:block; float:left; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; background-color:#eee; cursor:pointer; margin:10px 0;}
.header .box .ser p .text{ width:220px; padding-left:10px; height:32px; line-height:32px; font-size:14px; float:left; display:block; margin:10px 0;}
.header .box .ser p.width{ height:52px;}
.header .box .an{ display:none;}
.header .box .line{ width:2px; height:20px; background-color:#666; float:right; margin:13px 5px;}
.sav{ display:none;} 
}

@media screen and (min-width:1024px) and (max-width:1279px){
.header{ width:100%; background-color:#fff; height:70px;}
.header .box{ width:98%; max-width:1150px; height:40px; margin:auto; padding:15px 0;}
.header .box .logo{ height:40px; float:left; margin-right:30px;}
.header .box .logo img{ display:block; height:40px;}
.header .box .ma{ display:none; margin:6px 5px; width:26px; height:26px; position:relative; float:left;}
.header .box .ma strong{ width:26px; height:26px; overflow:hidden;}
.header .box .ma strong img{ width:100%; display:block;}
.header .box .ma p{ width:100px; height:100px; padding:10px; padding-top:20px; display:none; overflow:hidden; position:absolute; left:50%; margin-left:-60px; top:30px; background-image:url(../images/bg.png); background-position:center; background-repeat:no-repeat; z-index:9999;}
.header .box .ma p img{ width:100%; display:block;}
.header .box .ma:hover p{ display:block;}
.header .box .nav{ float:left; height:55px; line-height:40px;}
.header .box .nav ul{ display:block; overflow:hidden;}
.header .box .nav li{ display:block; height:55px; float:left; margin-right:20px; font-size:14px; font-weight:bold;}
.header .box .nav li.now a{ color:#00509b;}
.navbox{ width:100%; position:absolute; left:0; top:70px; z-index:991;}
.navbox .cont{ width:98%; padding:0 1%; overflow:hidden; background-color:rgba(255,255,255,.7);}
.navbox .cont dl{ width:100%; display:block; overflow:hidden; height:40px; line-height:40px; box-sizing:border-box;}
.navbox .cont dl dt{ display:inline-block; font-size:14px;}
.navbox .cont dl dd{ display:inline-block; font-size:14px; color:#999; margin:0 15px;}
.navbox .cont dl dt a:hover{ color:#00509b;}
.navbox .n01 dl{ padding-left:325px;}
.navbox .n02 dl{ padding-left:400px;}
.navbox .n03 dl{ padding-left:515px;}
.navbox .n04 dl{ padding-left:650px;}
.navbox .n05 dl{ padding-left:510px;}
.navbox .n04 dd:first-child{ display:none;}

.header .box .yan{ float:right; height:40px; line-height:40px; font-size:14px; font-weight:bold;}
.header .box .ser{ width:32px; height:45px; position:relative; margin:0 5px; float:right;}
.header .box .ser span{ width:16px; height:16px; cursor:pointer; display:block; padding:12px 8px; overflow:hidden;}
.header .box .ser span img{ display:block; height:100%;} 
.header .box .ser p{ width:262px; padding:0 10px; height:0; background-color:rgba(0,0,0,0.7); position:absolute; right:-45px; top:56px; z-index:11; overflow:hidden; display:block; transition:height .5s; -moz-transition:height .5s; -webkit-transition:height .5s; -o-transition:height .5s;}
.header .box .ser p .sub{ width:32px; height:32px; display:block; float:left; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; background-color:#eee; cursor:pointer; margin:10px 0;}
.header .box .ser p .text{ width:220px; padding-left:10px; height:32px; line-height:32px; font-size:14px; float:left; display:block; margin:10px 0;}
.header .box .ser p.width{ height:52px;}
.header .box .an{ display:none;}
.header .box .line{ width:2px; height:20px; background-color:#666; float:right; margin:10px 0;}
.sav{ display:none;} 
}

@media only screen and (max-width:1023px){
.header{ width:100%; background-color:#fff; height:70px;}
.header .box{ width:94%; height:40px; margin:auto; padding:15px 0;}
.header .box .logo{ height:30px; float:left; margin-top:5px;}
.header .box .logo img{ display:block; height:30px;}
.header .box .ma{ display:none; margin:6px 10px; width:26px; height:26px; position:relative; float:left;}
.header .box .ma strong{ width:26px; height:26px; overflow:hidden;}
.header .box .ma strong img{ width:100%; display:block;}
.header .box .ma p{ width:100px; height:100px; padding:10px; padding-top:20px; display:none; overflow:hidden; position:absolute; left:50%; margin-left:-60px; top:30px; background-image:url(../images/bg.png); background-position:center; background-repeat:no-repeat;}
.header .box .ma p img{ width:100%; display:block;}
.header .box .ma:hover p{ display:block;}
.header .box .nav{ display:none;}

.header .box .yan{ float:right; height:40px; line-height:40px; font-size:14px; margin-right:14px;}
.header .box .ser{ width:32px; height:55px; position:relative; float:right;}
.header .box .ser span{ width:16px; height:16px; cursor:pointer; display:block; padding:12px 8px; overflow:hidden;}
.header .box .ser span img{ display:block; height:100%;} 
.header .box .ser p{ width:262px; padding:0 10px; height:0; background-color:rgba(0,0,0,0.7); position:absolute; right:-70px; top:55px; z-index:11; overflow:hidden; display:block; transition:height .5s; -moz-transition:height .5s; -webkit-transition:height .5s; -o-transition:height .5s;}
.header .box .ser p .sub{ width:32px; height:32px; display:block; float:left; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; background-color:#eee; cursor:pointer; margin:10px 0;}
.header .box .ser p .text{ width:220px; padding-left:10px; height:32px; line-height:32px; font-size:14px; float:left; display:block; margin:10px 0;}
.header .box .ser p.width{ height:52px;}
.header .box .an{ width:20px; height:16px; display:block; float:right; margin:12px 0;}
.header .box .line{ display:none;}

.sav{ width:0; height:100%; position:fixed; z-index:998; right:0; top:0; background-color:rgba(0,0,0,0.9); transition:width .5s; -moz-transition:width .5s; -webkit-transition:width .5s; -o-transition:width .5s; overflow:auto;}
.sav.on{ width:70%;}
.sav .close{ margin-top:20px; margin-left:10%; padding-left:22px; background-image:url(../images/close.png); background-position:left center; background-repeat:no-repeat; font-size:14px; color:#fff; cursor:pointer; text-transform:uppercase;}
.sav .subNavBox{ width:80%; margin:auto; margin-top:10%;}
.sav .subNav01{ padding:3% 0; border-top:1px solid #8c8c8c; font-size:15px; height:26px; line-height:26px;}
.sav .subNav01 a{ display:block; color:#fff; width:100%; background-image:url(../images/x01.png); background-position:right center; background-repeat:no-repeat;}
.sav .subNav01 a:hover{ color:#ff7654;}
.sav .subNav{ padding:3% 0; font-size:16px; height:26px; line-height:26px; border-top:1px solid #8c8c8c;}
.sav .subNav a{ display:block; color:#fff; width:100%; background-image:url(../images/x01.png); background-position:right center; background-repeat:no-repeat; cursor:pointer;}
.sav .subNav a:hover{ color:#ff7654;}
.sav .subNav.current a{ background-image:url(../images/x02.png); color:#ff7654;}
.sav .navContent{ width:90%; padding-bottom:3%; display:none; overflow:hidden; margin-top:-2%; margin-left:10%;}
.sav .navContent li{ font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.sav .navContent li a{ display:block; height:30px; color:#fff;}
.sav .navContent li a:hover{ color:#ff7654;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; height:560px; position:relative;}
.banner .img{ display:none;}
.banner .swiper-container{ width:100%; height:560px; position:absolute; left:0; top:0; overflow:hidden;}
.banner .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.banner .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.banner .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.banner .swiper-slide a{ display:block; width:100%; height:560px; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat;}
.banner .swiper-slide a img{ display:none;}
.banner .swiper-pagination{ width:100%; position:absolute; left:0; bottom:20px; text-align:center; z-index:99;}
.banner .swiper-pagination span{ width:20px; height:4px; margin:0 5px; display:inline-block; background-color:#fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#00509b;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.banner{ width:100%; height:40vw; position:relative;}
.banner .img{ display:none;}
.banner .swiper-container{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.banner .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.banner .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.banner .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.banner .swiper-slide a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; background-image:none !important;}
.banner .swiper-slide a img{ display:none;}
.banner .swiper-pagination{ width:100%; position:absolute; left:0; bottom:15px; text-align:center; z-index:99;}
.banner .swiper-pagination span{ width:20px; height:4px; margin:0 5px; display:inline-block; background-color:#fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#00509b;}
}

@media only screen and (max-width:767px){
.banner{ width:100%; position:relative;}
.banner .img{ width:100%; display:block; visibility:hidden;} 
.banner .swiper-container{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.banner .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.banner .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.banner .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.banner .swiper-slide a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; background-image:none !important;}
.banner .swiper-slide a img{ width:100%; display:block;}
.banner .swiper-pagination{ width:100%; position:absolute; left:0; bottom:10px; text-align:center; z-index:99;}
.banner .swiper-pagination span{ width:20px; height:4px; margin:0 3px; display:inline-block; background-color:#fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#00509b;}
}

/*核心业务*/
@media screen and (min-width:1280px){
.pbox{ width:1150px; margin:30px auto;}
.pbox ul{ width:100%; display:block; overflow:hidden;}
.pbox ul li{ width:180px; height:240px; text-align:center; float:left; overflow:hidden; position:relative;}
.pbox ul li.p01{ background-color:#01b0f1;}
.pbox ul li.p02{ background-color:#e0c737;}
.pbox ul li.p03{ background-color:#2c5c9e;}
.pbox ul li.p04{ background-color:#00af50;}
.pbox ul li.p05{ background-color:#ed6942;}
.pbox ul li span{ display:block; padding-top:47px; font-size:14px; height:36px; line-height:36px; text-transform:uppercase; color:#eee; overflow:hidden; position:relative; z-index:11;}
.pbox ul li p{ display:block; font-size:18px; height:34px; line-height:34px; color:#fff; overflow:hidden; position:relative; z-index:11;}
.pbox ul li a{ display:none; width:98px; height:28px; border:1px solid rgba(255,255,255,.3); margin-top:13px; font-size:14px; line-height:28px; color:#fff; position:relative; z-index:11;}
.pbox ul li strong{ display:block; width:100%; position:absolute; left:0; bottom:35px; overflow:hidden; z-index:0;}
.pbox ul li strong img{ display:block; margin:auto;}
.pbox ul li.on{ width:390px; padding-left:40px; text-align:left;}
.pbox ul li.on a{ text-align:center; display:block;}
.pbox ul li.on strong img{ float:right; margin-right:30px;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.pbox{ width:94%; margin:30px auto;}
.pbox ul{ width:100%; display:block; overflow:hidden;}
.pbox ul li{ width:18%; height:220px; text-align:center; float:left; overflow:hidden; position:relative;}
.pbox ul li.p01{ background-color:#01b0f1;}
.pbox ul li.p02{ background-color:#e0c737;}
.pbox ul li.p03{ background-color:#2c5c9e;}
.pbox ul li.p04{ background-color:#00af50;}
.pbox ul li.p05{ background-color:#ed6942;}
.pbox ul li span{ display:block; padding-top:37px; font-size:14px; height:36px; line-height:36px; text-transform:uppercase; color:#eee; overflow:hidden; position:relative; z-index:11;}
.pbox ul li p{ display:block; font-size:18px; height:34px; line-height:34px; color:#fff; overflow:hidden; position:relative; z-index:11;}
.pbox ul li a{ display:none; width:98px; height:28px; border:1px solid rgba(255,255,255,.3); margin-top:13px; font-size:14px; line-height:28px; color:#fff; position:relative; z-index:11;}
.pbox ul li strong{ display:block; width:100%; position:absolute; left:0; bottom:25px; overflow:hidden; z-index:0;}
.pbox ul li strong img{ display:block; margin:auto;}
.pbox ul li.on{ width:26%; padding-left:2%; text-align:left;}
.pbox ul li.on a{ text-align:center; display:block;}
.pbox ul li.on strong img{ float:right;}
}

@media only screen and (max-width:767px){
.pbox{ width:94%; margin:20px auto;}
.pbox ul{ width:100%; display:block; overflow:hidden; margin-top:-10px;}
.pbox ul li{ width:96%; padding-left:4%; height:120px; float:left; overflow:hidden; position:relative; margin-top:10px;}
.pbox ul li.p01{ background-color:#01b0f1;}
.pbox ul li.p02{ background-color:#e0c737;}
.pbox ul li.p03{ background-color:#2c5c9e;}
.pbox ul li.p04{ background-color:#00af50;}
.pbox ul li.p05{ background-color:#ed6942;}
.pbox ul li span{ display:block; padding-top:13px; font-size:14px; height:24px; line-height:24px; text-transform:uppercase; color:#eee; overflow:hidden; position:relative; z-index:11;}
.pbox ul li p{ display:block; font-size:18px; height:30px; line-height:30px; color:#fff; overflow:hidden; position:relative; z-index:11;}
.pbox ul li a{ display:block; text-align:center; width:98px; height:28px; border:1px solid rgba(255,255,255,.3); margin-top:5px; font-size:14px; line-height:28px; color:#fff; position:relative; z-index:11;}
.pbox ul li strong{ display:block; width:100%; position:absolute; left:0; bottom:20px; overflow:hidden; z-index:0;}
.pbox ul li strong img{ display:block; float:right;}
.pbox ul li.on a{ text-align:center; display:block;}
}

/*核心业务*/
@media screen and (min-width:1280px){
.nbox{ width:1150px; margin:auto; margin-bottom:30px;}
.nbox .n01{ width:480px; height:260px; float:left;}
.nbox .n01 .title{ width:100%; height:65px; position:relative;}
.nbox .n01 .title span{ display:block; font-size:18px; text-transform:uppercase; color:#00509b; overflow:hidden; font-weight:bold;}
.nbox .n01 .title p{ width:120px; height:36px; line-height:36px; font-size:18px; color:#00509b; font-weight:bold; background-color:#fff; position:absolute; left:0; bottom:0;}
.nbox .n01 .title a{ font-size:14px; position:absolute; right:0; bottom:3px; height:30px; line-height:30px; padding:0 10px; color:#fff; background-color:#00509b;}
.nbox .n01 .swiper-container{ width:100%; height:181px; position:relative; margin-top:14px; overflow:hidden;}
.nbox .n01 .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.nbox .n01 .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.nbox .n01 .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.nbox .n01 .swiper-slide div{ width:100%; height:181px; display:block; overflow:hidden;}
.nbox .n01 .swiper-slide h2{ display:block; overflow:hidden; font-size:18px; height:30px; line-height:30px;}
.nbox .n01 .swiper-slide h2 a{ display:block; font-weight:normal;}
.nbox .n01 .swiper-slide h2 a:hover{ color:#00509b;}
.nbox .n01 .swiper-slide span{ display:block; height:32px; line-height:32px; font-size:14px; color:#999; overflow:hidden;}
.nbox .n01 .swiper-slide p{ display:block; height:96px; font-size:14px; line-height:24px; overflow:hidden;}
.nbox .n01 .swiper-pagination{ width:100%; position:absolute; left:0; bottom:0; text-align:center; z-index:0;}
.nbox .n01 .swiper-pagination span{ width:30px; height:4px; margin-right:10px; display:block; float:left; background-color:#ddd;}
.nbox .n01 .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#00509b;}

.nbox .n02{ width:400px; height:260px; float:left; margin-left:20px;}
.nbox .n02 .swiper-container{ width:100%; height:260px; position:relative; overflow:hidden;}
.nbox .n02 .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.nbox .n02 .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.nbox .n02 .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.nbox .n02 .swiper-slide .box{ width:100%; height:260px; position:relative;}
.nbox .n02 .swiper-slide .box img{ width:100%; display:block;}
.nbox .n02 .swiper-slide .box .nei{ width:260px; padding:14px 20px; height:82px; background-color:#00509b; position:absolute; left:0; bottom:0;}
.nbox .n02 .swiper-slide .box .nei a{ display:block; font-size:16px; height:28px; line-height:28px; color:#fff; overflow:hidden;}
.nbox .n02 .swiper-slide .box .nei span{ display:block; font-size:14px; height:28px; line-height:28px; color:#ccc; overflow:hidden;}
.nbox .n02 .swiper-slide .box .nei p{ display:block; font-size:14px; height:24px; line-height:24px; color:#c6c6c6; overflow:hidden;}
.nbox .n02 .swiper-pagination{ display:none;}

.nbox .n03{ width:230px; height:260px; float:right;}
.nbox .n03 .c01{ width:100%; display:block; height:120px; overflow:hidden; float:left;}
.nbox .n03 .c01 img{ display:block; width:100%;}
.nbox .n03 .c02{ width:110px; display:block; height:130px; overflow:hidden; float:left; margin-top:10px;}
.nbox .n03 .c02 img{ display:block; width:100%;}
.nbox .n03 .c03{ width:110px; display:block; height:130px; overflow:hidden; float:left; margin-top:10px; margin-left:10px;}
.nbox .n03 .c03 img{ display:block; width:100%;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.nbox{ width:94%; margin:auto; margin-bottom:30px;}
.nbox .n01{ width:42%; float:left;}
.nbox .n01 .title{ width:100%; height:65px; position:relative;}
.nbox .n01 .title span{ display:block; font-size:18px; text-transform:uppercase; color:#00509b; overflow:hidden; font-weight:bold;}
.nbox .n01 .title p{ width:120px; height:36px; line-height:36px; font-weight:bold; font-size:18px; color:#00509b; background-color:#fff; position:absolute; left:0; bottom:0;}
.nbox .n01 .title a{ font-size:14px; position:absolute; right:0; bottom:3px; height:30px; line-height:30px; padding:0 10px; color:#fff; background-color:#00509b;}
.nbox .n01 .swiper-container{ width:100%; height:131px; position:relative; margin-top:14px; overflow:hidden;}
.nbox .n01 .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.nbox .n01 .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.nbox .n01 .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.nbox .n01 .swiper-slide div{ width:100%; height:131px; display:block; overflow:hidden;}
.nbox .n01 .swiper-slide h2{ display:block; overflow:hidden; font-size:18px; height:30px; line-height:30px;}
.nbox .n01 .swiper-slide h2 a{ display:block; font-weight:normal;}
.nbox .n01 .swiper-slide h2 a:hover{ color:#00509b;}
.nbox .n01 .swiper-slide span{ display:block; height:32px; line-height:32px; font-size:14px; color:#999; overflow:hidden;}
.nbox .n01 .swiper-slide p{ display:block; height:48px; font-size:14px; line-height:24px; overflow:hidden;}
.nbox .n01 .swiper-pagination{ width:100%; position:absolute; left:0; bottom:0; text-align:center; z-index:0;}
.nbox .n01 .swiper-pagination span{ width:30px; height:4px; margin-right:10px; display:block; float:left; background-color:#ddd;}
.nbox .n01 .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#00509b;}

.nbox .n02{ width:35%; height:210px; float:left; margin-left:2%;}
.nbox .n02 .swiper-container{ width:100%; height:210px; position:relative; overflow:hidden;}
.nbox .n02 .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.nbox .n02 .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.nbox .n02 .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.nbox .n02 .swiper-slide .box{ width:100%; height:210px; position:relative;}
.nbox .n02 .swiper-slide .box img{ width:100%; display:block;}
.nbox .n02 .swiper-slide .box .nei{ width:80%; padding:14px 3%; height:82px; background-color:#00509b; position:absolute; left:0; bottom:0;}
.nbox .n02 .swiper-slide .box .nei a{ display:block; font-size:16px; height:28px; line-height:28px; color:#fff; overflow:hidden;}
.nbox .n02 .swiper-slide .box .nei span{ display:block; font-size:14px; height:28px; line-height:28px; color:#ccc; overflow:hidden;}
.nbox .n02 .swiper-slide .box .nei p{ display:block; font-size:14px; height:24px; line-height:24px; color:#c6c6c6; overflow:hidden;}
.nbox .n02 .swiper-pagination{ display:none;}

.nbox .n03{ width:19%; height:210px; float:right; margin-left:2%;}
.nbox .n03 .c01{ width:100%; display:block; height:100px; overflow:hidden; float:left;}
.nbox .n03 .c01 img{ display:block; height:100px;}
.nbox .n03 .c02{ width:49%; display:block; height:100px; overflow:hidden; float:left; margin-top:10px;}
.nbox .n03 .c02 img{ display:block; height:100px;}
.nbox .n03 .c03{ width:49%; display:block; height:100px; overflow:hidden; float:right; margin-top:10px;}
.nbox .n03 .c03 img{ display:block; height:100px; float:right;}
}

@media only screen and (max-width:767px){
.nbox{ width:94%; margin:auto; margin-bottom:20px;}
.nbox .n01{ width:100%; float:left;}
.nbox .n01 .title{ width:100%; height:65px; position:relative;}
.nbox .n01 .title span{ display:block; font-size:18px; text-transform:uppercase; color:#00509b; overflow:hidden; font-weight:bold;}
.nbox .n01 .title p{ width:120px; height:36px; line-height:36px; font-size:18px; color:#00509b; background-color:#fff; font-weight:bold; position:absolute; left:0; bottom:0;}
.nbox .n01 .title a{ font-size:14px; position:absolute; right:0; bottom:3px; height:30px; line-height:30px; padding:0 10px; color:#fff; background-color:#00509b;}
.nbox .n01 .swiper-container{ width:100%; height:131px; position:relative; margin-top:14px; overflow:hidden;}
.nbox .n01 .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.nbox .n01 .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.nbox .n01 .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.nbox .n01 .swiper-slide div{ width:100%; height:131px; display:block; overflow:hidden;}
.nbox .n01 .swiper-slide h2{ display:block; overflow:hidden; font-size:18px; height:30px; line-height:30px;}
.nbox .n01 .swiper-slide h2 a{ display:block; font-weight:normal;}
.nbox .n01 .swiper-slide h2 a:hover{ color:#00509b;}
.nbox .n01 .swiper-slide span{ display:block; height:32px; line-height:32px; font-size:14px; color:#999; overflow:hidden;}
.nbox .n01 .swiper-slide p{ display:block; height:48px; font-size:14px; line-height:24px; overflow:hidden;}
.nbox .n01 .swiper-pagination{ width:100%; position:absolute; left:0; bottom:0; text-align:center; z-index:0;}
.nbox .n01 .swiper-pagination span{ width:30px; height:4px; margin-right:10px; display:block; float:left; background-color:#ddd;}
.nbox .n01 .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#00509b;}

.nbox .n02{ width:100%; height:210px; margin-top:20px;}
.nbox .n02 .swiper-container{ width:100%; height:210px; position:relative; overflow:hidden;}
.nbox .n02 .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.nbox .n02 .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.nbox .n02 .swiper-slide{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.nbox .n02 .swiper-slide .box{ width:100%; height:210px; position:relative;}
.nbox .n02 .swiper-slide .box img{ width:100%; display:block;}
.nbox .n02 .swiper-slide .box .nei{ width:80%; padding:14px 3%; height:82px; background-color:#00509b; position:absolute; left:0; bottom:0;}
.nbox .n02 .swiper-slide .box .nei a{ display:block; font-size:16px; height:28px; line-height:28px; color:#fff; overflow:hidden;}
.nbox .n02 .swiper-slide .box .nei span{ display:block; font-size:14px; height:28px; line-height:28px; color:#ccc; overflow:hidden;}
.nbox .n02 .swiper-slide .box .nei p{ display:block; font-size:14px; height:24px; line-height:24px; color:#c6c6c6; overflow:hidden;}
.nbox .n02 .swiper-pagination{ display:none;}

.nbox .n03{ width:100%; margin-top:20px;}
.nbox .n03 .c01{ width:100%; display:block; overflow:hidden; float:left;}
.nbox .n03 .c01 img{ display:block; width:100%;}
.nbox .n03 .c02{ width:49%; display:block; overflow:hidden; float:left; margin-top:10px;}
.nbox .n03 .c02 img{ display:block; width:100%;}
.nbox .n03 .c03{ width:49%; display:block; overflow:hidden; float:right; margin-top:10px;}
.nbox .n03 .c03 img{ display:block; width:100%; float:right;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; background-color:#16328a;}
.footer .foot{ width:1150px; margin:auto; height:120px; padding:20px 0;}
.footer .bot{ width:100%; line-height:20px; font-size:14px; text-align:center; color:#939393; padding:20px 0; vertical-align:middle;}
.footer .bot a{ display:inline-block; vertical-align:middle; color:#939393;}
.footer .bot span{ margin:0 20px; display:inline-block; vertical-align:middle; color:#939393;}
.footer .bot img{ display:inline-block; vertical-align:middle; margin-right:5px;}
.footer .foot .f01{ width:330px; float:left;}
/*.footer .foot .f01 strong{ display:block; height:40px; overflow:hidden;}
.footer .foot .f01 strong img{ display:block; height:40px;}
.footer .foot .f01 p{ display:block; height:40px; overflow:hidden; margin-top:10px;}
.footer .foot .f01 p b{ display:table; text-align:center; vertical-align:middle; width:38px; height:38px; border:1px solid #969696; border-radius:40px; margin-right:10px; float:left;}
.footer .foot .f01 p b a{ display:table-cell; width:38px; height:38px; text-align:center; vertical-align:middle; overflow:hidden;}
.footer .foot .f01 p b a img{ max-height:22px; text-align:center; vertical-align:middle;}*/
.footer .bot01{ width:170px; height:72px; font-size:14px; line-height:24px; color:#999; margin-top:20px; float:left;}
.footer .bot01 a{ color:#999;}
.attent{ width:135px; display:block; position:relative; height:35px; margin-top:24.5px; float:left;}
.attent a {
    display: block;
    width: 35px;
    height: 35px;
    float: left;
    margin-right: 10px;
    background: #343a40 url(../images/icon.png) no-repeat;
    text-align: center;
    border-radius: 20px;
}
a.wx {
    background: #fff url(../images/All-Icon.png) no-repeat -266px -216px;
    position: relative;
    -webkit-transition: .5s cubic-bezier(.3,0,0,1);
    -moz-transition: .5s cubic-bezier(.3,0,0,1);
    transition: .5s cubic-bezier(.3,0,0,1);
}
.attent a.wx:hover {
    background: #1ec354 url(../images/All-Icon.png) no-repeat -266px -256px
}

.indexewm {
    position: absolute;
    bottom: 40px;
    right: -42.5px;
    width: 120px;
    height: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    z-index: 10
}

.attent a.wx:hover .indexewm {
    height: 120px
}

a.wb {
    background: #fff url(../images/All-Icon.png) no-repeat -206px -214px;
    -webkit-transition: .5s cubic-bezier(.3,0,0,1);
    -moz-transition: .5s cubic-bezier(.3,0,0,1);
    transition: .5s cubic-bezier(.3,0,0,1);
}
.attent a.wb:hover {
    background: #f74864 url(../images/All-Icon.png) no-repeat -206px -254px
}

.attent a.Title {
    background: #fff url(../images/title.png) no-repeat center 0;
    transition: .5s cubic-bezier(.3,0,0,1);
}
.attent a.Title:hover {
    background: #fff url(../images/title.png) no-repeat center -35px;
    transition: .5s cubic-bezier(.3,0,0,1);
}

.footer .foot .f02{ width:110px; float:left;}
.footer .foot .f02 span{ display:block; color:#fff; font-size:16px; margin-bottom:10px;}
.footer .foot .f02 a{ display:block; color:#999; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.footer .foot .f02 a:hover{ color:#fff;}
.footer .foot .f03{ width:240px; float:left;}
.footer .foot .f03 span{ display:block; color:#fff; font-size:16px; margin-bottom:10px; width:100%; float:left;}
.footer .foot .f03 a{ display:block; color:#999; font-size:14px; height:24px; line-height:24px; overflow:hidden; width:120px; float:left;}
.footer .foot .f03 a:hover{ color:#fff;}
.footer .foot .f04{ width:330px; float:left;}
.footer .foot .f04 span{ display:block; color:#fff; font-size:16px; margin-bottom:10px;}
.footer .foot .f04 p{ display:block; color:#999; font-size:14px; height:72px; line-height:24px; overflow:hidden;}
.footer .foot .f05{ width:140px; float:right; padding-top:14px;}
.footer .foot .f05 select{ width:100%; display:block; background-color:#fff; overflow:hidden; margin-bottom:10px; text-indent:10px; font-size:14px; color:#333; height:30px; line-height:30px; overflow:hidden;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.footer{ width:100%; background-color:#16328a;}
.footer .foot{ width:94%; margin:auto; height:94px; padding:20px 0;}
.footer .bot{ width:94%; line-height:20px; font-size:14px; text-align:center; color:#939393; padding:10px 3%; vertical-align:middle;}
.footer .bot a{ display:inline-block; vertical-align:middle; color:#939393;}
.footer .bot span{ margin:0 20px; display:inline-block; vertical-align:middle; color:#939393;}
.footer .bot img{ display:inline-block; vertical-align:middle; margin-right:5px;}
.footer .bot01{ width:100%;line-height:20px; font-size:14px; color:#999;}
.footer .bot01 a{ color:#999;}
.footer .foot .f01{ width:31%; float:left;}
.footer .foot .f01 strong{ display:block; height:40px; overflow:hidden;}
.footer .foot .f01 strong img{ display:block; height:40px;}
/*.footer .foot .f01 p{ display:block; height:40px; overflow:hidden; margin-top:10px;}
.footer .foot .f01 p b{ display:table; text-align:center; vertical-align:middle; width:38px; height:38px; border:1px solid #969696; border-radius:40px; margin-right:10px; float:left;}
.footer .foot .f01 p b a{ display:table-cell; width:38px; height:38px; text-align:center; vertical-align:middle; overflow:hidden;}
.footer .foot .f01 p b a img{ max-height:22px; text-align:center; vertical-align:middle;}*/
.attent{ width:100%; display:block; position:relative; height:35px; margin-top:10px;}
.attent a {
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 12px;
    background: #343a40 url(../images/icon.png) no-repeat;
    text-align: center;
    border-radius: 20px;
}
a.wx {
    background: #fff url(../images/All-Icon.png) no-repeat -268px -218px;
    position: relative;
    -webkit-transition: .5s cubic-bezier(.3,0,0,1);
    -moz-transition: .5s cubic-bezier(.3,0,0,1);
    transition: .5s cubic-bezier(.3,0,0,1);
}
.attent a.wx:hover {
    background: #1ec354 url(../images/All-Icon.png) no-repeat -268px -258px
}

.indexewm {
    position: absolute;
    bottom:35px;
    left:0;
    width: 120px;
    height: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    z-index: 10
}

.attent a.wx:hover .indexewm {
    height: 120px
}

a.wb {
    background: #fff url(../images/All-Icon.png) no-repeat -209px -217px;
    -webkit-transition: .5s cubic-bezier(.3,0,0,1);
    -moz-transition: .5s cubic-bezier(.3,0,0,1);
    transition: .5s cubic-bezier(.3,0,0,1);
}
.attent a.wb:hover {
    background: #f74864 url(../images/All-Icon.png) no-repeat -209px -257px
}

.attent a.Title {
    background: #fff url(../images/title.png) no-repeat center -2px;
    transition: .5s cubic-bezier(.3,0,0,1);
}
.attent a.Title:hover {
    background: #fff url(../images/title.png) no-repeat center -37px;
    transition: .5s cubic-bezier(.3,0,0,1);
}

.footer .foot .f02{ display:none;}
.footer .foot .f03{ display:none;}
.footer .foot .f04{ width:43%; float:left; margin:0 3%;}
.footer .foot .f04 span{ display:block; color:#fff; font-size:16px; margin-bottom:10px;}
.footer .foot .f04 p{ display:block; color:#999; font-size:14px; height:72px; line-height:24px; overflow:hidden;}
.footer .foot .f05{ width:20%; float:right; padding-top:14px;}
.footer .foot .f05 select{ width:100%; display:block; background-color:#fff; overflow:hidden; margin-bottom:10px; text-indent:10px; font-size:14px; color:#333; height:30px; line-height:30px; overflow:hidden;}
}

@media only screen and (max-width:767px){
.footer{ width:100%; background-color:#16328a;}
.footer .foot{ width:94%; margin:auto; padding:15px 0;}
.footer .bot{ width:94%; line-height:20px; font-size:14px; text-align:center; color:#939393; padding:10px 3%; vertical-align:middle;}
.footer .bot a{ display:inline-block; vertical-align:middle; color:#939393;}
.footer .bot span{ margin:0 20px; display:inline-block; vertical-align:middle; color:#939393;}
.footer .bot img{ display:inline-block; vertical-align:middle; margin-right:5px;}
.footer .bot a{ color:#ccc;}
.footer .foot .f01{ width:100%;}
.footer .bot01{ display:none}
.footer .foot .f01 strong{ display:block; height:40px; overflow:hidden;}
.footer .foot .f01 strong img{ display:block; height:40px; margin:auto;}
/*.footer .foot .f01 p{ display:block; overflow:hidden; margin-top:10px; text-align:center;}
.footer .foot .f01 p b{ display:inline-block; text-align:center; vertical-align:middle; width:38px; height:38px; border:1px solid #969696; border-radius:40px; margin-right:10px;}
.footer .foot .f01 p b a{ display:table-cell; width:38px; height:38px; text-align:center; vertical-align:middle; overflow:hidden;}
.footer .foot .f01 p b a img{ max-height:22px; text-align:center; vertical-align:middle;}*/
.attent{ width:100%; display:block; position:relative; height:35px; margin-top:10px; text-align:center;}
.attent a {
	display:inline-block;
    width: 35px;
    height: 35px;
    margin: 0 5px;
    background: #343a40 url(../images/icon.png) no-repeat;
    text-align: center;
    border-radius: 20px;
}
a.wx {
    background: #fff url(../images/All-Icon.png) no-repeat -266px -216px;
    position: relative;
    -webkit-transition: .5s cubic-bezier(.3,0,0,1);
    -moz-transition: .5s cubic-bezier(.3,0,0,1);
    transition: .5s cubic-bezier(.3,0,0,1);
}
.attent a.wx:hover {
    background: #1ec354 url(../images/All-Icon.png) no-repeat -266px -256px
}

.indexewm {
    position: absolute;
    bottom: 40px;
    right: -42.5px;
    width: 120px;
    height: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    z-index: 10
}

.attent a.wx:hover .indexewm {
    height:120px
}

a.wb {
    background: #fff url(../images/All-Icon.png) no-repeat -206px -214px;
    -webkit-transition: .5s cubic-bezier(.3,0,0,1);
    -moz-transition: .5s cubic-bezier(.3,0,0,1);
    transition: .5s cubic-bezier(.3,0,0,1);
}
.attent a.wb:hover {
    background: #f74864 url(../images/All-Icon.png) no-repeat -206px -254px
}

.attent a.Title {
    background: #fff url(../images/title.png) no-repeat center 0;
    transition: .5s cubic-bezier(.3,0,0,1);
}
.attent a.Title:hover {
    background: #fff url(../images/title.png) no-repeat center -35px;
    transition: .5s cubic-bezier(.3,0,0,1);
}

.footer .foot .f02{ display:none;}
.footer .foot .f03{ display:none;}
.footer .foot .f04{ width:94%; margin:auto;}
.footer .foot .f04 span{ display:block; color:#fff; font-size:16px; margin-top:15px; margin-bottom:10px;}
.footer .foot .f04 p{ display:block; color:#999; font-size:14px; line-height:24px; overflow:hidden;}
.footer .foot .f05{ width:100%; padding-top:15px;}
.footer .foot .f05 select{ width:44%; margin:0 3%; display:block; background-color:#fff; overflow:hidden; float:left; text-indent:10px; font-size:14px; color:#333; height:30px; line-height:30px; overflow:hidden;}
}

/*内页*/
@media screen and (min-width:1280px){
.ban{ width:100%; height:400px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban div{ width:1150px; margin:auto; display:table; vertical-align:middle; display:none;}
.ban p{ display:table-cell; height:400px; vertical-align:middle; display:none;}
.ban p span{ display:block; color:#fff; font-size:36px; margin-bottom:25px;}
.ban p a{ display:block; color:#fff; font-size:24px;}
.ban img{ display:none;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.ban{ width:100%; height:200px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban div{ width:94%; margin:auto; display:table; vertical-align:middle; display:none;}
.ban p{ display:table-cell; height:200px; vertical-align:middle;}
.ban p span{ display:block; color:#fff; font-size:24px; margin-bottom:20px;}
.ban p a{ display:block; color:#fff; font-size:18px;}
.ban img{ display:none;}
}

@media only screen and (max-width:767px){
.ban{ width:100%; background-image:none;}
.ban div{ width:94%; margin:auto; display:table; vertical-align:middle; display:none;}
.ban p{ display:table-cell; height:120px; vertical-align:middle;}
.ban p span{ display:block; color:#fff; font-size:20px; margin-bottom:15px;}
.ban p a{ display:block; color:#fff; font-size:14px;}
.ban img{ width:100%; display:block;}
}

/*位置*/
@media screen and (min-width:1280px){
.w01{ width:100%; border-bottom:1px solid #ddd; height:60px;}
.w01 .box{ width:1150px; margin:auto;}
.w01 .box p{ display:block; float:left; height:60px; line-height:60px; font-size:16px; padding-left:25px; background-image:url(../images/home.jpg); background-position:left center; background-repeat:no-repeat; overflow:hidden; font-weight:bold;}
.w01 .box p span{ color:#00509b;}
.w01 .box ul{ display:block; float:right; overflow:hidden;}
.w01 .box ul li{ display:block; float:left; padding:0 10px; height:60px; line-height:60px; font-size:16px;}
.w01 .box ul li.on{ background-color:#00509b;}
.w01 .box ul li:hover a{ color:#00509b;}
.w01 .box ul li.on a{ color:#fff;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.w01{ width:100%; border-bottom:1px solid #ddd; height:40px;}
.w01 .box{ width:94%; margin:auto;}
.w01 .box p{ display:block; float:left; height:40px; line-height:40px; font-size:14px; padding-left:20px; background-image:url(../images/home.jpg); background-position:left center; background-repeat:no-repeat; overflow:hidden; font-weight:bold;}
.w01 .box p span{ color:#00509b;}
.w01 .box ul{ display:block; float:right; overflow:hidden;}
.w01 .box ul li{ display:block; float:left; padding:0 3px; height:40px; line-height:40px; font-size:14px;}
.w01 .box ul li.on{ background-color:#00509b;}
.w01 .box ul li:hover a{ color:#00509b;}
.w01 .box ul li.on a{ color:#fff;}
}

@media only screen and (max-width:767px){
.w01{ width:100%; border-bottom:1px solid #ddd;}
.w01 .box{ width:94%; margin:auto;}
.w01 .box p{ display:block; float:left; height:30px; line-height:30px; font-size:14px; padding-left:25px; background-image:url(../images/home.jpg); background-position:left center; background-repeat:no-repeat; overflow:hidden; font-weight:bold;}
.w01 .box p span{ color:#00509b;}
.w01 .box ul{ display:block; width:100%; overflow:hidden; text-align:center;}
.w01 .box ul li{ display:inline-block; height:28px; line-height:30px; font-size:16px; margin:0 3px;}
.w01 .box ul li.on{ border-bottom:2px solid #00509b;}
.w01 .box ul li.on a,.w01 .box ul li:hover a{ color:#00509b;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.main{ width:1150px; margin:auto; margin-bottom:50px;}
.main .left{ width:260px; float:left;}
.main .left .list{ margin:20px 0; display:block;}
.main .left .list li{ width:100%; display:block; margin-top:10px; height:50px; overflow:hidden;}
.main .left .list li a{ display:block; padding:0 20px; height:50px; line-height:50px; font-size:16px; position:relative; overflow:hidden; background-color:#f2f2f2;}
.main .left .list li a b{ position:absolute; right:20px; bottom:15px; width:20px; height:20px; display:block; background-image:url(../images/s01.jpg);}
.main .left .list li a:hover{ color:#00509b; }
.main .left .list li.on a{ background-color:#00509b; color:#fff;}
.main .left .list li.on a b{ background-image:url(../images/s02.jpg);}
.main .left .tu{ width:100%; display:block; margin-top:10px;} 
.main .left .tu img{ width:100%; display:block;}

.main .right{ width:850px; float:right;}
.main .right .wen{ width:100%; font-size:14px; line-height:24px; margin-top:30px;}
.main .right .wen img{ max-width:100%; height:auto;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.main{ width:94%; margin:auto; margin-bottom:30px;}
.main .left{ width:30%; float:left;}
.main .left .list{ margin:10px 0; display:block;}
.main .left .list li{ width:100%; display:block; margin-top:10px; height:50px; overflow:hidden;}
.main .left .list li a{ display:block; padding:0 20px; height:50px; line-height:50px; font-size:16px; position:relative; overflow:hidden; background-color:#f2f2f2;}
.main .left .list li a b{ position:absolute; right:20px; bottom:15px; width:20px; height:20px; display:block; background-image:url(../images/s01.jpg);}
.main .left .list li a:hover{ color:#00509b; }
.main .left .list li.on a{ background-color:#00509b; color:#fff;}
.main .left .list li.on a b{ background-image:url(../images/s02.jpg);}
.main .left .tu{ width:100%; display:block; margin-top:10px;} 
.main .left .tu img{ width:100%; display:block;}

.main .right{ width:67%; float:right;}
.main .right .wen{ width:100%; font-size:14px; line-height:24px; margin-top:20px;}
.main .right .wen img{ max-width:100%; height:auto;}
}

@media only screen and (max-width:767px){
.main{ width:100%; margin:auto; margin-bottom:20px;}
.main .left{ width:100%;}
.main .left .list{ width:100%; display:block; margin-top:10px;}
.main .left .list li{ width:45.5%; margin-left:3%; float:left; display:block; margin-top:10px; height:40px; overflow:hidden;}
.main .left .list li a{ display:block; padding:0 20px; height:40px; line-height:40px; font-size:14px; position:relative; overflow:hidden; background-color:#f2f2f2;}
.main .left .list li a b{ position:absolute; right:20px; bottom:10px; width:20px; height:20px; display:block; background-image:url(../images/s01.jpg);}
.main .left .list li a:hover{ color:#00509b; }
.main .left .list li.on a{ background-color:#00509b; color:#fff;}
.main .left .list li.on a b{ background-image:url(../images/s02.jpg);}
.main .left .tu{ display:none;} 

.main .right{ width:94%; margin:auto;}
.main .right .wen{ width:100%; font-size:14px; line-height:24px; margin-top:20px;}
.main .right .wen img{ max-width:100%; height:auto;}
}

/*发展历程*/
@media screen and (min-width:1280px){
.main .right .fz{ width:100%; margin-top:30px; background-image:url(../images/xian.jpg); background-position:top center; background-repeat:repeat-y;}
.main .right .fz .box{ width:100%; margin-bottom:25px;}
.main .right .fz .box .zuo{ width:400px; float:left; text-align:right; min-height:30px;}
.main .right .fz .box .zuo .ww01{ display:block; color:#00509b; overflow:hidden; font-size:24px; height:30px; line-height:30px;}
.main .right .fz .box .zuo .ww02{ display:block; overflow:hidden; font-size:14px; line-height:24px; padding-top:10px;}
.main .right .fz .box .you{ width:400px; float:left; min-height:30px;}
.main .right .fz .box .you .ww01{ display:block; color:#00509b; overflow:hidden; font-size:24px; height:30px; line-height:30px;}
.main .right .fz .box .you .ww02{ display:block; overflow:hidden; font-size:14px; line-height:24px; padding-top:10px;}
.main .right .fz .box .zh{ width:50px; float:left;}
.main .right .fz .box .zh img{ width:30px; display:block; margin:auto;}
.main .right .fz .more{ width:50px; margin:auto;}
.main .right .fz .more img{ width:100%; display:block;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.main .right .fz{ width:100%; margin-top:20px; background-image:url(../images/xian.jpg); background-position:top center; background-repeat:repeat-y;}
.main .right .fz .box{ width:100%; margin-bottom:20px;}
.main .right .fz .box .zuo{ width:46%; float:left; text-align:right; min-height:30px;}
.main .right .fz .box .zuo .ww01{ display:block; color:#00509b; overflow:hidden; font-size:20px; height:24px; line-height:24px;}
.main .right .fz .box .zuo .ww02{ display:block; overflow:hidden; font-size:14px; line-height:24px; padding-top:5px;}
.main .right .fz .box .you{ width:46%; float:left; min-height:30px;}
.main .right .fz .box .you .ww01{ display:block; color:#00509b; overflow:hidden; font-size:20px; height:24px; line-height:24px;}
.main .right .fz .box .you .ww02{ display:block; overflow:hidden; font-size:14px; line-height:24px; padding-top:5px;}
.main .right .fz .box .zh{ width:8%; float:left;}
.main .right .fz .box .zh img{ width:70%; display:block; margin:auto;}
.main .right .fz .more{ width:40px; margin:auto;}
.main .right .fz .more img{ width:100%; display:block;}
}

@media only screen and (max-width:767px){
.main .right .fz{ width:100%; margin-top:20px; background-image:url(../images/xian.jpg); background-position:top center; background-repeat:repeat-y;}
.main .right .fz .box{ width:100%; margin-bottom:15px;}
.main .right .fz .box .zuo{ width:46%; float:left; text-align:right; min-height:30px;}
.main .right .fz .box .zuo .ww01{ display:block; color:#00509b; overflow:hidden; font-size:18px; height:24px; line-height:24px;}
.main .right .fz .box .zuo .ww02{ display:block; overflow:hidden; font-size:14px; line-height:24px;}
.main .right .fz .box .you{ width:46%; float:left; min-height:30px;}
.main .right .fz .box .you .ww01{ display:block; color:#00509b; overflow:hidden; font-size:18px; height:24px; line-height:24px;}
.main .right .fz .box .you .ww02{ display:block; overflow:hidden; font-size:14px; line-height:24px;}
.main .right .fz .box .zh{ width:8%; float:left;}
.main .right .fz .box .zh img{ width:70%; display:block; margin:auto;}
.main .right .fz .more{ width:30px; margin:auto;}
.main .right .fz .more img{ width:100%; display:block;}
}

/*荣誉*/
@media screen and (min-width:1280px){
.main .right .list{ display:block; margin-top:10px; width:870px;}
.main .right .list li{ width:270px; display:block; float:left; margin-top:20px; margin-right:20px; overflow:hidden;}
.main .right .list li strong{ display:block; width:268px; height:178px; border:1px solid #cacaca; overflow:hidden;}
.main .right .list li strong img{ display:block; width:100%;}
.main .right .list li span{ display:block; width:100%; font-size:14px; text-align:center; margin-top:10px; overflow:hidden;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.main .right .list{ display:block; width:100%;}
.main .right .list li{ width:31.33%; display:block; float:left; margin-top:20px; margin-right:3%; overflow:hidden;}
.main .right .list li:nth-child(3n){ margin-right:0;}
.main .right .list li strong{ display:block; width:100%; height:148px; border:1px solid #cacaca; box-sizing:border-box; overflow:hidden;}
.main .right .list li strong img{ display:block; width:100%;}
.main .right .list li span{ display:block; width:100%; font-size:14px; text-align:center; margin-top:10px; overflow:hidden;}
}

@media only screen and (max-width:767px){
.main .right .list{ display:block; width:100%;}
.main .right .list li{ width:48.5%; display:block; float:left; margin-top:20px; margin-right:3%; overflow:hidden;}
.main .right .list li:nth-child(2n){ margin-right:0;}
.main .right .list li strong{ display:block; width:100%; height:118px; border:1px solid #cacaca; box-sizing:border-box; overflow:hidden;}
.main .right .list li strong img{ display:block; width:100%;}
.main .right .list li span{ display:block; width:100%; font-size:14px; text-align:center; margin-top:10px; overflow:hidden;}
}


@media screen and (min-width:1280px){
.main .right .listss{ display:block; margin-top:10px; width:870px;}
.main .right .listss li{ width:197.5px; display:block; float:left; margin-top:20px; margin-right:20px; overflow:hidden;}
.main .right .listss li strong{ display:block; width:195.5px; height:278px; border:1px solid #cacaca; overflow:hidden;}
.main .right .listss li strong img{ display:block; width:100%;}
.main .right .listss li span{ display:block; width:100%; font-size:14px; line-height:20px; max-height:40px; text-align:center; margin-top:10px; overflow:hidden;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.main .right .listss{ display:block; width:100%;}
.main .right .listss li{ width:31.33%; display:block; float:left; margin-top:20px; margin-right:3%; overflow:hidden;}
.main .right .listss li:nth-child(3n){ margin-right:0;}
.main .right .listss li strong{ display:block; width:100%; height:248px; border:1px solid #cacaca; box-sizing:border-box; overflow:hidden;}
.main .right .listss li strong img{ display:block; width:100%;}
.main .right .listss li span{ display:block; width:100%; font-size:14px; line-height:20px; max-height:40px; text-align:center; margin-top:10px; overflow:hidden;}
}

@media only screen and (max-width:767px){
.main .right .listss{ display:block; width:100%;}
.main .right .listss li{ width:48.5%; display:block; float:left; margin-top:20px; margin-right:3%; overflow:hidden;}
.main .right .listss li:nth-child(2n){ margin-right:0;}
.main .right .listss li strong{ display:block; width:100%; height:198px; border:1px solid #cacaca; box-sizing:border-box; overflow:hidden;}
.main .right .listss li strong img{ display:block; width:100%;}
.main .right .listss li span{ display:block; width:100%; font-size:14px; line-height:20px; max-height:40px; text-align:center; margin-top:10px; overflow:hidden;}
}

@media screen and (min-width:1280px){
.fanye{ text-align:center; font-size:12px; line-height:24px; height:24px; margin-top:30px;}
.fanye a{ margin:0 3px; display:inline-block; background-color:#eee; min-width:14px; padding:0 5px;}
.fanye a:hover{ color:#00509b;}
.fanye span{ margin:0 3px; color:#fff; display:inline-block; background-color:#00509b; min-width:14px; padding:0 5px;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.fanye{ text-align:center; font-size:12px; line-height:24px; height:24px; margin-top:20px;}
.fanye a{ margin:0 3px; display:inline-block; background-color:#eee; min-width:14px; padding:0 5px;}
.fanye a:hover{ color:#00509b;}
.fanye span{ margin:0 3px; color:#fff; display:inline-block; background-color:#00509b; min-width:14px; padding:0 5px;}
}

@media only screen and (max-width:767px){
.fanye{ text-align:center; font-size:12px; line-height:24px; height:24px; margin-top:20px;}
.fanye a{ margin:0 3px; display:inline-block; background-color:#eee; min-width:14px; padding:0 5px;}
.fanye a:hover{ color:#00509b;}
.fanye span{ margin:0 3px; color:#fff; display:inline-block; background-color:#00509b; min-width:14px; padding:0 5px;}
}

/*解决方案*/
@media screen and (min-width:1280px){
.main01{ width:1150px; margin:auto; margin-bottom:50px;}
.main01 .box{ padding:30px 0; width:100%; border-bottom:1px solid #ddd;}
.main01 .box .left{ float:left; margin-top:20px; width:720px; line-height:30px;}
.main01 .box .left img{ max-width:100%; height:auto;}
/*.main01 .box .left span{ display:block; margin-bottom:15px; font-size:18px; color:#00509b;}
.main01 .box .left p{ display:block; margin-bottom:35px; font-size:14px; line-height:24px;}*/
.main01 .box .left a{ width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#00509b; display:block;}
.main01 .box .right{ float:right; width:390px;}
.main01 .box .right img{ width:100%; display:block;}

.main01 .list{ width:1170px; display:block; margin-top:5px;}
.main01 .list li{ width:272.5px; display:block; float:left; margin-right:20px; margin-top:25px; overflow:hidden;}
.main01 .list li strong{ width:100%; display:block; overflow:hidden; height:190px;}
.main01 .list li strong img{ width:100%; display:block;}
.main01 .list li span{ width:100%; display:block; overflow:hidden; height:26px; line-height:26px; font-size:18px; color:#00509b; margin-top:15px;}
.main01 .list li p{ width:100%; display:block; overflow:hidden; height:24px; line-height:24px; font-size:14px; color:#999;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.main01{ width:100%; margin:auto; margin-bottom:30px;}
.main01 .box{ padding:20px 3%; width:94%; border-bottom:1px solid #ddd;}
.main01 .box .left{ float:left; width:60%;}
.main01 .box .left img{ max-width:100%; height:auto; line-height:30px;}
/*.main01 .box .left span{ display:block; margin-bottom:15px; font-size:18px; color:#00509b;}
.main01 .box .left p{ display:block; margin-bottom:25px; font-size:14px; line-height:24px;}*/
.main01 .box .left a{ width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#00509b; display:block;}
.main01 .box .right{ float:right; width:37%;}
.main01 .box .right img{ width:100%; display:block;}

.main01 .list{ width:100%; display:block; margin-top:5px;}
.main01 .list li{ width:45.5%; display:block; float:left; margin-left:3%; margin-top:20px; overflow:hidden;}
.main01 .list li strong{ width:100%; display:block; overflow:hidden; height:190px;}
.main01 .list li strong img{ width:100%; display:block;}
.main01 .list li span{ width:100%; display:block; overflow:hidden; height:26px; line-height:26px; font-size:18px; color:#00509b; margin-top:10px;}
.main01 .list li p{ width:100%; display:block; overflow:hidden; height:24px; line-height:24px; font-size:14px; color:#999;}
}

@media only screen and (max-width:767px){
.main01{ width:100%; margin:auto; margin-bottom:20px;}
.main01 .box{ padding:20px 3%; width:94%; border-bottom:1px solid #ddd;}
.main01 .box .left{ width:100%;}
.main01 .box .left img{ max-width:100%; height:auto; line-height:30px;}
/*.main01 .box .left span{ display:block; margin-top:15px; font-size:18px; color:#00509b;}
.main01 .box .left p{ display:block; margin:10px auto; font-size:14px; line-height:24px;}*/
.main01 .box .left a{ width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#00509b; display:block;}
.main01 .box .right{ width:100%;}
.main01 .box .right img{ width:100%; display:block;}

.main01 .list{ width:100%; display:block; margin-top:5px;}
.main01 .list li{ width:45.5%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.main01 .list li strong{ width:100%; display:block; overflow:hidden; height:120px;}
.main01 .list li strong img{ height:120px; display:block;}
.main01 .list li span{ width:100%; display:block; overflow:hidden; height:26px; line-height:26px; font-size:16px; color:#00509b; margin-top:5px;}
.main01 .list li p{ width:100%; display:block; overflow:hidden; height:24px; line-height:24px; font-size:14px; color:#999;}
}

/*方案内页*/
@media screen and (min-width:1280px){
.main02{ width:1150px; margin:auto;}
.main02 .left,.main02 .lefts{ width:850px; float:left; padding-top:30px; padding-bottom:50px;}
.main02 .left .toub{ font-size:24px; text-align:center;}
.main02 .left .time{ padding:20px 0; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main02 .left .wen{ width:100%; margin:20px auto; font-size:14px; line-height:24px;}
.main02 .left .wen img{ max-width:100%; height:auto;}
.main02 .left .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:20px;}
.main02 .left .back p{ display:block; float:left; width:80%; overflow:hidden;}
.main02 .left .back p span{ display:block; height:24px; overflow:hidden;}
.main02 .left .back p span a:hover{ color:#00509b;}
.main02 .left .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.main02 .left .back strong a:hover{ color:#00509b;}
.bshare-custom{ margin-bottom:20px; text-align:right;}

.main02 .right{ border-left:1px solid #ddd; padding-left:19px; width:260px; float:right; padding-bottom:50px;}
.main02 .right .bt{ width:100%; margin-top:20px;}
.main02 .right .bt span{ display:block; font-size:18px; text-transform:uppercase; color:#00509b; overflow:hidden;}
.main02 .right .bt a{ display:block; width:120px; height:36px; line-height:36px; text-align:center; font-size:18px; color:#fff; background-color:#00509b; margin-top:15px;}
.main02 .list{ width:100%; display:block; margin-top:5px;}
.main02 .list li{ width:100%; display:block; margin-top:15px; overflow:hidden;}
.main02 .list li strong{ width:100%; display:block; overflow:hidden; height:180px;}
.main02 .list li strong img{ height:180px; display:block;}
.main02 .list li span{ width:100%; display:block; overflow:hidden; height:26px; line-height:26px; font-size:18px; color:#333; margin-top:5px;}
.main02 .list li p{ width:100%; display:block; overflow:hidden; height:24px; line-height:24px; font-size:14px; color:#999;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.main02{ width:94%; margin:auto;}
.main02 .left,.main02 .lefts{ width:74%; float:left; padding-top:20px; padding-bottom:30px;}
.main02 .left .toub{ font-size:18px; text-align:center;}
.main02 .left .time{ padding:10px 0; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main02 .left .wen{ width:100%; margin:15px auto; font-size:14px; line-height:24px;}
.main02 .left .wen img{ max-width:100%; height:auto;}
.main02 .left .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:15px;}
.main02 .left .back p{ display:block; float:left; width:80%; overflow:hidden;}
.main02 .left .back p span{ display:block; height:24px; overflow:hidden;}
.main02 .left .back p span a:hover{ color:#00509b;}
.main02 .left .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.main02 .left .back strong a:hover{ color:#00509b;}
.bshare-custom{ margin-bottom:20px; text-align:right;}

.main02 .right{ border-left:1px solid #ddd; padding-left:14px; width:23%; float:right; padding-bottom:30px; box-sizing:border-box;}
.main02 .right .bt{ width:100%; margin-top:20px;}
.main02 .right .bt span{ display:block; font-size:18px; text-transform:uppercase; color:#00509b; overflow:hidden;}
.main02 .right .bt a{ display:block; width:120px; height:36px; line-height:36px; text-align:center; font-size:18px; color:#fff; background-color:#00509b; margin-top:15px;}
.main02 .list{ width:100%; display:block; margin-top:5px;}
.main02 .list li{ width:100%; display:block; margin-top:15px; overflow:hidden;}
.main02 .list li strong{ width:100%; display:block; overflow:hidden; height:160px;}
.main02 .list li strong img{ height:160px; display:block;}
.main02 .list li span{ width:100%; display:block; overflow:hidden; height:26px; line-height:26px; font-size:18px; color:#333; margin-top:5px;}
.main02 .list li p{ width:100%; display:block; overflow:hidden; height:24px; line-height:24px; font-size:14px; color:#999;}
}

@media only screen and (max-width:767px){
.main02{ width:100%; margin:auto;}
.main02 .left,.main02 .lefts{ width:94%; margin:20px auto;}
.main02 .left .toub{ font-size:16px; text-align:center;}
.main02 .left .time{ padding:5px 0; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main02 .left .wen{ width:100%; margin:10px auto; font-size:14px; line-height:24px;}
.main02 .left .wen img{ max-width:100%; height:auto;}
.main02 .left .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:10px;}
.main02 .left .back p{ display:block; width:100%; overflow:hidden;}
.main02 .left .back p span{ display:block; height:24px; overflow:hidden;}
.main02 .left .back p span a:hover{ color:#ffbd4c;}
.main02 .left .back strong{ display:block; text-align:center; overflow:hidden; font-weight:normal;}
.main02 .left .back strong a:hover{ color:#ffbd4c;}
.bshare-custom{ margin-bottom:15px; width:100%;}

.main02 .right{ width:100%; padding-bottom:15px; background-color:#f2f2f2;}
.main02 .right .bt{ width:94%; margin:auto; margin-top:20px;}
.main02 .right .bt span{ display:block; font-size:18px; text-transform:uppercase; color:#00509b; overflow:hidden;}
.main02 .right .bt a{ display:block; width:120px; height:36px; line-height:36px; text-align:center; font-size:18px; color:#fff; background-color:#00509b; margin-top:10px;}
.main02 .list{ width:100%; display:block; margin-top:5px;}
.main02 .list li{ width:45.5%; display:block; float:left; margin-left:3%; margin-top:10px; overflow:hidden;}
.main02 .list li strong{ width:100%; display:block; overflow:hidden; height:140px;}
.main02 .list li strong img{ height:140px; display:block;}
.main02 .list li span{ width:100%; display:block; overflow:hidden; height:26px; line-height:26px; font-size:18px; color:#333; margin-top:5px;}
.main02 .list li p{ width:100%; display:block; overflow:hidden; height:24px; line-height:24px; font-size:14px; color:#999;}
}

/*技术支持*/
@media screen and (min-width:1280px){
.w02{ width:100%; text-align:center; padding:20px 0; border-bottom:1px solid #ddd;}
.w02 .box{ width:1150px; margin:auto;}
.w02 p{ display:block; float:left; height:74px; line-height:74px; font-size:16px; padding-left:25px; background-image:url(../images/home.jpg); background-position:left center; background-repeat:no-repeat; overflow:hidden; font-weight:bold; width:300px; text-align:left;}
.w02 p span{ color:#00509b;}
.w02 ul{ width:700px; display:block; overflow:hidden; float:right;}
.w02 li{ width:25%; display:block; float:left; text-align:center; overflow:hidden;}
.w02 li strong{ height:50px; display:block; overflow:hidden;}
.w02 li b{ height:50px; display:none; overflow:hidden;}
.w02 li img{ display:block; height:50px; margin:auto;}
.w02 li span{ display:block; font-size:14px; margin-top:10px;}
.w02 li.on strong{ display:none;}
.w02 li.on b{ display:block;}
.w02 li.on span{ color:#00509b;}

.main .wz{ width:100%; margin:25px auto; font-size:14px; line-height:24px;}
.main .wz img{ max-width:100%; height:auto;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.w02{ width:100%; text-align:center; padding:20px 0; border-bottom:1px solid #ddd;}
.w02 .box{ width:100%; margin:auto;}
.w02 .box p{ display:block; float:left; height:54px; line-height:54px; font-size:14px; padding-left:20px; background-image:url(../images/home.jpg); background-position:left center; background-repeat:no-repeat; overflow:hidden; font-weight:bold; margin-left:3%; width:40%; box-sizing:border-box; text-align:left;}
.w02 p span{ color:#00509b;}
.w02 ul{ width:50%; margin:auto; display:block; overflow:hidden; float:right;}
.w02 li{ width:25%; display:block; float:left; text-align:center; overflow:hidden;}
.w02 li strong{ height:30px; display:block; overflow:hidden;}
.w02 li b{ height:30px; display:none; overflow:hidden;}
.w02 li img{ display:block; height:30px; margin:auto;}
.w02 li span{ display:block; font-size:14px; margin-top:10px;}
.w02 li.on strong{ display:none;}
.w02 li.on b{ display:block;}
.w02 li.on span{ color:#00509b;}

.main .wz{ width:100%; margin:20px auto; font-size:14px; line-height:24px;}
.main .wz img{ max-width:100%; height:auto;}
}

@media only screen and (max-width:767px){
.w02{ width:100%; text-align:center; padding:20px 0; border-bottom:1px solid #ddd;}
.w02 .box{ width:100%; margin:auto;}
.w02 .box p{ display:none;}
.w02 ul{ width:94%; margin:auto; display:block; overflow:hidden;}
.w02 li{ width:25%; display:block; float:left; text-align:center; overflow:hidden;}
.w02 li strong{ height:30px; display:block; overflow:hidden;}
.w02 li b{ height:30px; display:none; overflow:hidden;}
.w02 li img{ display:block; height:30px; margin:auto;}
.w02 li span{ display:block; font-size:14px; margin-top:10px;}
.w02 li.on strong{ display:none;}
.w02 li.on b{ display:block;}
.w02 li.on span{ color:#00509b;}

.main .wz{ width:94%; margin:15px auto; font-size:14px; line-height:24px;}
.main .wz img{ max-width:100%; height:auto;}
}

/*解决方案*/
@media screen and (min-width:1280px){
.main01 .box01{ padding:30px 0; width:100%; border-bottom:1px solid #ddd;}
.main01 .box01 .right{ float:right; margin-top:15px; width:720px;}
.main01 .box01 .right span{ display:block; height:28px; line-height:28px; font-size:18px; color:#00509b; overflow:hidden;}
.main01 .box01 .right strong{ display:block; height:32px; line-height:32px; font-size:14px; color:#999; overflow:hidden;}
.main01 .box01 .right p{ display:block; margin-bottom:15px; font-size:14px; line-height:24px; height:96px; overflow:hidden;}
.main01 .box01 .right a.more{ width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#00509b; display:block;}
.main01 .box01 .left{ float:left; width:390px;}
.main01 .box01 .left img{ width:100%; display:block;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.main01 .box01{ padding:20px 3%; width:94%; border-bottom:1px solid #ddd;}
.main01 .box01 .right{ float:right; margin-top:10px; width:60%;}
.main01 .box01 .right span{ display:block; height:28px; line-height:28px; font-size:18px; color:#00509b; overflow:hidden;}
.main01 .box01 .right strong{ display:block; height:32px; line-height:32px; font-size:14px; color:#999; overflow:hidden;}
.main01 .box01 .right p{ display:block; margin-bottom:15px; font-size:14px; line-height:24px; height:96px; overflow:hidden;}
.main01 .box01 .right a.more{ width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#00509b; display:block;}
.main01 .box01 .left{ float:left; width:37%;}
.main01 .box01 .left img{ width:100%; display:block;}
}

@media only screen and (max-width:767px){
.main01 .box01{ padding:20px 3%; width:94%; border-bottom:1px solid #ddd;}
.main01 .box01 .right{ margin-top:10px; width:100%;}
.main01 .box01 .right span{ display:block; height:28px; line-height:28px; font-size:18px; color:#00509b; overflow:hidden;}
.main01 .box01 .right strong{ display:block; height:32px; line-height:32px; font-size:14px; color:#999; overflow:hidden;}
.main01 .box01 .right p{ display:block; margin-bottom:15px; font-size:14px; line-height:24px; height:96px; overflow:hidden;}
.main01 .box01 .right a.more{ width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#00509b; display:block;}
.main01 .box01 .left{ width:100%;}
.main01 .box01 .left img{ width:100%; display:block;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.box02{ width:1150px; margin:50px auto;}
#map{ width:600px; height:400px; overflow:hidden; float:left;}
.box02 .right01{ width:480px; margin-top:50px; float:right;}
.box02 .right01 h2{ display:block; font-size:24px; color:#00509b; margin-bottom:20px;}
.box02 .right01 p{ display:block; font-size:14px; line-height:36px;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.box02{ padding:30px 3%; width:94%;}
#map{ width:50%; height:300px; overflow:hidden; float:left;}
.box02 .right01{ width:47%; margin-top:30px; float:right;}
.box02 .right01 h2{ display:block; font-size:22px; color:#00509b; margin-bottom:15px;}
.box02 .right01 p{ display:block; font-size:14px; line-height:30px;}
}

@media only screen and (max-width:767px){
.box02{ padding:20px 3%; width:94%;}
#map{ width:100%; height:260px; overflow:hidden;}
.box02 .right01{ width:100%; margin-top:20px;}
.box02 .right01 h2{ display:block; font-size:18px; color:#00509b; margin-bottom:10px;}
.box02 .right01 p{ display:block; font-size:14px; line-height:24px;}
}

/*招聘*/
@media screen and (min-width:1280px){
.mains{ width:1150px; margin:auto; margin-bottom:50px;}
.mains .box{ width:100%; padding:30px 0; border-bottom:1px solid #ddd;}
.mains .box .biao{ background-image:url(../images/line.jpg); background-position:center; background-repeat:repeat-x;}
.mains .box .biao span{ display:inline-block; height:20px; line-height:20px; font-size:18px; background-color:#fff; padding-right:20px;}
.mains .box .wen{ width:100%; font-size:14px; margin-top:15px; line-height:24px;}
.mains .list{ width:100%; display:block;}
.mains .list li{ display:block; overflow:hidden; position:relative; padding:30px 0; border-bottom:1px solid #ddd;}
.mains .list li .bt{ font-size:18px; color:#00509b; font-weight:bold;}
.mains .list li dl{ width:100%; display:block; overflow:hidden; margin-top:15px;}
.mains .list li dl dt{ width:270px; display:block; float:left; font-size:14px; height:30px; line-height:30px; color:#999;}
.mains .list li .wen{ margin-right:140px; display:block; overflow:hidden; margin-top:15px; font-size:14px; line-height:24px;}
.mains .list li .more{ width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#00509b; display:block; position:absolute; right:0; bottom:30px;}
} 

@media screen and (min-width:768px) and (max-width:1279px){
.mains{ width:94%; margin:auto; margin-bottom:30px;}
.mains .box{ width:100%; padding:20px 0; border-bottom:1px solid #ddd;}
.mains .box .biao{ background-image:url(../images/line.jpg); background-position:center; background-repeat:repeat-x;}
.mains .box .biao span{ display:inline-block; height:20px; line-height:20px; font-size:18px; background-color:#fff; padding-right:20px;}
.mains .box .wen{ width:100%; font-size:14px; margin-top:15px; line-height:24px;}
.mains .list{ width:100%; display:block;}
.mains .list li{ display:block; overflow:hidden; position:relative; padding:20px 0; border-bottom:1px solid #ddd;}
.mains .list li .bt{ font-size:18px; color:#00509b; font-weight:bold;}
.mains .list li dl{ width:100%; display:block; overflow:hidden; margin-top:15px;}
.mains .list li dl dt{ width:25%; display:block; float:left; font-size:14px; height:30px; line-height:30px; color:#999;}
.mains .list li .wen{ margin-right:140px; display:block; overflow:hidden; margin-top:15px; font-size:14px; line-height:24px;}
.mains .list li .more{ width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#00509b; display:block; position:absolute; right:0; bottom:20px;}
}

@media only screen and (max-width:767px){
.mains{ width:94%; margin:auto; margin-bottom:20px;}
.mains .box{ width:100%; padding:20px 0; border-bottom:1px solid #ddd;}
.mains .box .biao{ background-image:url(../images/line.jpg); background-position:center; background-repeat:repeat-x;}
.mains .box .biao span{ display:inline-block; height:20px; line-height:20px; font-size:18px; background-color:#fff; padding-right:20px;}
.mains .box .wen{ width:100%; font-size:14px; margin-top:10px; line-height:24px;}
.mains .list{ width:100%; display:block;}
.mains .list li{ display:block; overflow:hidden; position:relative; padding:20px 0; border-bottom:1px solid #ddd;}
.mains .list li .bt{ font-size:18px; color:#00509b; font-weight:bold;}
.mains .list li dl{ width:100%; display:block; overflow:hidden; margin-top:10px;}
.mains .list li dl dt{ width:50%; display:block; float:left; font-size:14px; height:24px; line-height:24px; color:#999;}
.mains .list li .wen{ width:100%; display:block; overflow:hidden; margin-top:10px; font-size:14px; line-height:24px;}
.mains .list li .more{ width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#00509b; display:block; margin-top:10px;}
}

/*招聘内页*/
@media screen and (min-width:1280px){
.main02 .lefts .tou{ width:100%; position:relative;}
.main02 .lefts .tou .bts{ font-size:18px; font-size:18px; height:44px; line-height:44px;}
.main02 .lefts .tou .xx{ font-size:14px; line-height:26px;}
.main02 .lefts .tou .xx span{ display:block; color:#999;}
.main02 .lefts .tou .xx p{ display:block;}
.main02 .lefts .ny{ width:100%; margin-top:25px;}
.main02 .lefts .ny .biao{ width:100%; height:34px; background-image:url(../images/line.jpg); background-position:center; background-repeat:repeat-x;}
.main02 .lefts .ny .biao span{ display:inline-block; height:34px; line-height:34px; font-size:16px; padding-right:15px; background-color:#fff;}
.main02 .lefts .ny .xx01{ width:100%; margin-top:30px;}
.main02 .lefts .ny .xx01 span{ display:block; float:left; height:42px; line-height:42px; font-size:14px; width:90px;}
.main02 .lefts .ny .xx01 span strong{ color:#da0000;}
.main02 .lefts .ny .xx01 p{ display:block; float:left; height:42px; line-height:42px; font-size:14px; width:340px; position:relative;}
.main02 .lefts .ny .xx01 p input{ width:100%; height:42px; display:block; opacity:0; position:absolute; left:0; top:0; cursor:pointer;}
.main02 .lefts .ny .xx01 p a{ display:block; height:42px; width:100%; text-align:center; font-size:14px; background-color:#f2f2f2;}
.main02 .lefts .ny .xx01 b{ display:block; float:left; height:42px; line-height:42px; font-size:14px; color:#999; margin-left:20px; font-weight:normal;}
.main02 .lefts .ny .xx02{ width:100%; margin-top:30px;}
.main02 .lefts .ny .xx02 span{ display:block; float:left; height:42px; line-height:42px; font-size:14px; width:90px;}
.main02 .lefts .ny .xx02 span strong{ color:#da0000;}
.main02 .lefts .ny .xx02 p{ display:block; float:left; height:40px; border:1px solid #cacaca; width:338px;}
.main02 .lefts .ny .xx02 p input{ width:100%; display:block; text-indent:10px; height:40px; line-height:40px; font-size:14px;}
.main02 .lefts .more{ width:100px; height:34px; line-height:34px; font-size:14px; text-align:center; margin-left:90px; margin-top:30px;}
.main02 .lefts .more a{ width:100%; display:block; background-color:#00509b; color:#fff;}

.main02 .right .list01{ width:100%; display:block; overflow:hidden;}
.main02 .right .list01 li{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #ddd; overflow:hidden; display:block; position:relative;}
.main02 .right .list01 li:last-child{ border-bottom:none;}
.main02 .right .list01 li a{ display:block; max-width:210px; overflow:hidden;}
.main02 .right .list01 li img{ display:block; position:absolute; right:0; top:15px; width:15px;}

} 

@media screen and (min-width:768px) and (max-width:1279px){
.main02 .lefts .tou{ width:100%; position:relative;}
.main02 .lefts .tou .bts{ font-size:18px; font-size:18px; height:44px; line-height:44px;}
.main02 .lefts .tou .xx{ font-size:14px; line-height:26px;}
.main02 .lefts .tou .xx span{ display:block; color:#999;}
.main02 .lefts .tou .xx p{ display:block;}
.main02 .lefts .ny{ width:100%; margin-top:15px;}
.main02 .lefts .ny .biao{ width:100%; height:34px; background-image:url(../images/line.jpg); background-position:center; background-repeat:repeat-x;}
.main02 .lefts .ny .biao span{ display:inline-block; height:34px; line-height:34px; font-size:16px; padding-right:15px; background-color:#fff;}
.main02 .lefts .ny .xx01{ width:100%; margin-top:20px;}
.main02 .lefts .ny .xx01 span{ display:block; float:left; height:42px; line-height:42px; font-size:14px; width:90px;}
.main02 .lefts .ny .xx01 span strong{ color:#da0000;}
.main02 .lefts .ny .xx01 p{ display:block; float:left; height:42px; line-height:42px; font-size:14px; width:340px; position:relative;}
.main02 .lefts .ny .xx01 p input{ width:100%; height:42px; display:block; opacity:0; position:absolute; left:0; top:0; cursor:pointer;}
.main02 .lefts .ny .xx01 p a{ display:block; height:42px; width:100%; text-align:center; font-size:14px; background-color:#f2f2f2;}
.main02 .lefts .ny .xx01 b{ display:block; float:left; height:42px; line-height:42px; font-size:14px; color:#999; margin-left:20px; font-weight:normal;}
.main02 .lefts .ny .xx02{ width:100%; margin-top:20px;}
.main02 .lefts .ny .xx02 span{ display:block; float:left; height:42px; line-height:42px; font-size:14px; width:90px;}
.main02 .lefts .ny .xx02 span strong{ color:#da0000;}
.main02 .lefts .ny .xx02 p{ display:block; float:left; height:40px; border:1px solid #cacaca; width:338px;}
.main02 .lefts .ny .xx02 p input{ width:100%; display:block; text-indent:10px; height:40px; line-height:40px; font-size:14px;}
.main02 .lefts .more{ width:100px; height:34px; line-height:34px; font-size:14px; text-align:center; margin-left:90px; margin-top:30px;}
.main02 .lefts .more a{ width:100%; display:block; background-color:#00509b; color:#fff;}
	
.main02 .right .list01{ width:100%; display:block; overflow:hidden;}
.main02 .right .list01 li{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #ddd; overflow:hidden; display:block; position:relative;}
.main02 .right .list01 li:last-child{ border-bottom:none;}
.main02 .right .list01 li a{ display:block; max-width:210px; overflow:hidden;}
.main02 .right .list01 li img{ display:block; position:absolute; right:0; top:15px; width:15px;}
}

@media only screen and (max-width:767px){
.main02 .lefts .tou{ width:100%; position:relative;}
.main02 .lefts .tou .bts{ font-size:18px; font-size:18px; height:44px; line-height:44px;}
.main02 .lefts .tou .xx{ font-size:14px; line-height:26px;}
.main02 .lefts .tou .xx span{ display:block; color:#999;}
.main02 .lefts .tou .xx p{ display:block;}
.main02 .lefts .ny{ width:100%; margin-top:10px;}
.main02 .lefts .ny .biao{ width:100%; height:34px; background-image:url(../images/line.jpg); background-position:center; background-repeat:repeat-x;}
.main02 .lefts .ny .biao span{ display:inline-block; height:34px; line-height:34px; font-size:16px; padding-right:15px; background-color:#fff;}	
.main02 .lefts .ny .xx01{ width:100%; margin-top:15px;}
.main02 .lefts .ny .xx01 span{ display:block; float:left; font-size:14px; width:100%; margin-bottom:5px;}
.main02 .lefts .ny .xx01 span strong{ color:#da0000;}
.main02 .lefts .ny .xx01 p{ display:block; float:left; height:36px; line-height:36px; font-size:14px; width:340px; position:relative;}
.main02 .lefts .ny .xx01 p input{ width:100%; height:36px; display:block; opacity:0; position:absolute; left:0; top:0; cursor:pointer;}
.main02 .lefts .ny .xx01 p a{ display:block; width:100%; text-align:center; font-size:14px; background-color:#f2f2f2;}
.main02 .lefts .ny .xx01 b{ display:block; float:left; font-size:14px; color:#999; margin-top:5px; font-weight:normal;}
.main02 .lefts .ny .xx02{ width:100%; margin-top:15px;}
.main02 .lefts .ny .xx02 span{ display:block; float:left; font-size:14px; width:100%; margin-bottom:5px;}
.main02 .lefts .ny .xx02 span strong{ color:#da0000;}
.main02 .lefts .ny .xx02 p{ display:block; float:left; height:36px; box-sizing:border-box; border:1px solid #cacaca; width:100%;}
.main02 .lefts .ny .xx02 p input{ width:100%; display:block; text-indent:10px; height:34px; line-height:34px; font-size:14px;}
.main02 .lefts .more{ width:100px; height:34px; line-height:34px; font-size:14px; text-align:center; margin-top:20px;}
.main02 .lefts .more a{ width:100%; display:block; background-color:#00509b; color:#fff;}


.main02 .right .list01{ width:94%; margin:auto; display:block; overflow:hidden;}
.main02 .right .list01 li{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #ddd; overflow:hidden; display:block; position:relative;}
.main02 .right .list01 li:last-child{ border-bottom:none;}
.main02 .right .list01 li a{ display:block; max-width:210px; overflow:hidden;}
.main02 .right .list01 li img{ display:block; position:absolute; right:0; top:15px; width:15px;}
}

/*弹框*/
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{margin: 40px auto; overflow: hidden; text-align:center;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #0095d9; color: #FFFFFF;}

@media only screen and (max-width:767px){
.xcConfirm .popBox{ left:3%; top:15%; width: 94%; margin-left:0; margin-top:0;}
}

@media screen and (min-width:1280px){
.main01 .list001{ width:1170px; display:block; margin-top:5px;}
.main01 .list001 li{ width:250.5px; border:1px solid #cacaca; display:block; float:left; margin-right:20px; margin-top:25px; overflow:hidden; padding:10px;}
.main01 .list001 li a{ display:block; overflow:hidden;}
.main01 .list001 li strong{ width:100%; display:block; overflow:hidden; height:160px;}
.main01 .list001 li strong img{ width:100%; display:block;}
.main01 .list001 li span{ width:100%; display:block; overflow:hidden; height:52px; line-height:26px; font-size:16px; color:#00509b; margin-top:15px;}
.main01 .list001 li p{ width:100%; display:block; overflow:hidden; height:72px; line-height:24px; font-size:14px; color:#999;}
}

@media screen and (min-width:768px) and (max-width:1279px){
.main01 .list001{ width:100%; display:block; margin-top:5px;}
.main01 .list001 li{ width:45.5%; border:1px solid #cacaca; padding:7px; box-sizing:border-box; display:block; float:left; margin-left:3%; margin-top:20px; overflow:hidden;}
.main01 .list001 li a{ display:block; overflow:hidden;}
.main01 .list001 li strong{ width:100%; display:block; overflow:hidden; height:120px;}
.main01 .list001 li strong img{ width:100%; display:block;}
.main01 .list001 li span{ width:100%; display:block; overflow:hidden; height:52px; line-height:26px; font-size:16px; color:#00509b; margin-top:10px;}
.main01 .list001 li p{ width:100%; display:block; overflow:hidden; height:72px; line-height:24px; font-size:14px; color:#999;}
}

@media only screen and (max-width:767px){
.main01 .list001{ width:100%; display:block; margin-top:5px;}
.main01 .list001 li{ width:45.5%; border:1px solid #cacaca; padding:5px; box-sizing:border-box; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden;}
.main01 .list001 li a{ display:block; overflow:hidden;}
.main01 .list001 li strong{ width:100%; display:block; overflow:hidden; height:100px;}
.main01 .list001 li strong img{ height:120px; display:block;}
.main01 .list001 li span{ width:100%; display:block; overflow:hidden; height:26px; line-height:26px; font-size:16px; color:#00509b; margin-top:5px;}
.main01 .list001 li p{ width:100%; display:block; overflow:hidden; height:72px; line-height:24px; font-size:14px; color:#999;}
}
.bd_weixin_bg{ display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:1000;}
.bd_weixin_popup {
    position:fixed;
    left:50%;
	margin-top:-156px;
    top:50%;
	margin-left:-131px;
    padding: 10px;
    width: 240px;
    height: 300px;
    background: #fff;
    border: solid 1px #d8d8d8;
    z-index: 11001;
    font-size: 12px;
	display:none;
}
.bd_weixin_popup .bd_weixin_popup_head {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    height: 16px;
    position: relative;
    color: #000;
}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    text-decoration: none;
    font-size: 16px;
	cursor:pointer;
	text-align:right;
}
.bd_weixin_popup .bd_weixin_popup_main {
    padding:10px;
	padding-bottom:5px;
}
.bd_weixin_popup .bd_weixin_popup_main img{ display:block; width:200px; margin:auto;}
.bd_weixin_popup .bd_weixin_popup_foot {
    font-size: 12px;
    text-align: left;
    line-height: 22px;
    color: #666;
}