@charset "UTF-8";

*{margin: 0; padding: 0;}

img{border: 0;}

a,
input{outline: none;}

body,
input,
select,
textarea,
button{font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}


.transition{
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
            transition: all .25s ease;
}


body{background-color: #fff;}


.main{width: 1280px; margin: 0 auto;}

@media screen and (max-width: 1280px){
    .main{width: 1200px;}
}
@media screen and (max-width: 1200px){
    .main{width: 96%;}
}
@media screen and (max-width: 880px){
    .main{width: 100%;}
}

.clear{clear: both; display: block;}

.wrap{border-top: 3px solid #5689d2; border-bottom: 2px solid #5689d2;}

.page{background-size: 100% auto !important;}

.page,
.header{border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; box-sizing: border-box;}

@media screen and (max-width: 880px){
    .page,
    .header{border: 0;}
}

.header{height: 100px; width: 100%; display: table;}
.header .cell{display: table-cell;}
.header .logo{height: 100%; width: 20%; text-indent: -1000px; overflow: hidden; background: url(../images/logo.png) no-repeat left center; background-size: contain;}
.header .nav{height: 100%; width: 80%; font-size: 0; text-align: right;}
.header .nav .menu{font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; height: 100px; line-height: 100px; color: #333; box-sizing: border-box; padding: 0 25px; vertical-align: middle; border-bottom: 2px solid transparent; position: relative;}
.header .nav .menu:hover,
.header .nav .menu.active{border-color: #2d65ba; color: #2d65ba;}
.header .nav .menu .down-menu{position: absolute; height: 0; overflow: hidden; opacity: 0; width: 100%; left: 0; top: 100%; margin-top: 2px; z-index: 99; background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, .25);}
.header .nav .menu .down-menu a{display: block; font-size: 14px; height: 36px; line-height: 36px; text-align: center; font-weight: normal; color: #555; text-decoration: none;}
.header .nav .menu .down-menu a:hover{background-color: #f4f4f4;}
.header .nav .menu.click .height-1,
.header .nav .menu:hover .height-1{opacity: 1; height: 216px;}
.header .nav .menu.click .height-2,
.header .nav .menu:hover .height-2{opacity: 1; height: 72px;}
.header .nav .menu.click .height-3,
.header .nav .menu:hover .height-3{opacity: 1; height: 144px;}
.header .nav .point{display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #cecdcd; vertical-align: middle;}
.header .nav .search{display: inline-block; vertical-align: middle; height: 24px; box-sizing: border-box; border: 1px solid #999; border-radius: 12px; margin-left: 25px; padding: 0 8px 0 10px;}
.header .nav .search input{border: 0; font-size: 12px; background-color: transparent; height: 24px; line-height: 24px; width: 120px; float: left;}
/*.header .nav .search button{width: 12px; height: 12px; text-indent: -1000px; overflow: hidden; border: 0; background: url(../images/iconSearch.png) no-repeat; float: left; margin-top: 5px; cursor: pointer;}*/
.header .nav .search button{width: 42px; height: 22px; color:#2d65ba; font-size:12px; text-align:right; background: url(../images/iconSearch.png) no-repeat 0 center; overflow: hidden; border: 0;  float: left; margin-top: 0; cursor: pointer;}
.header .nav .dorp-down{display: inline-block; vertical-align: middle; font-size: 12px; color: #5d5d5d; margin: 0 10px; cursor: default; position: relative;}
.header .nav .dorp-down a{color: #5d5d5d; text-decoration: none;}
.header .nav .dorp-down a:hover{color: #2d65ba;}
.header .nav .dorp-down i{display: inline-block; width: 7px; height: 4px; background: url(../images/iconArrowDown.png) no-repeat; vertical-align: middle; margin: 0 0 1px 5px;}
.header .nav .dorp-down .popup{position: absolute; height: 0; overflow: hidden; opacity: 0; right: -5px; padding: 0 2px 2px 0; z-index: -1;}
.header .nav .dorp-down .popup .inner{background-color: #fff; border:1px solid #ddd; width: 200px; height: 0; overflow: hidden; text-align: left; box-shadow: 1px 1px 0 rgba(0, 0, 0, .05);}
.header .nav .dorp-down:hover i{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.header .nav .dorp-down:hover .popup{height: 120px; opacity: 1; z-index: 10;}
.header .nav .dorp-down:hover .popup .inner{height: 118px;}
.header .nav .language{display: inline-block; vertical-align: middle; font-size: 12px; color: #b1b1b1; margin: 0 10px;}
.header .nav .language a{color: #b1b1b1; text-decoration: none; margin: 0 5px; padding: 2px 5px 1px;}
.header .nav .language a:hover,
.header .nav .language a.active{background-color: #5387d5; color: #fff; border-radius: 2px;}
.header .nav .normal{display: inline-block; vertical-align: middle; font-size: 12px; color: #444; text-decoration: none; margin-right: 20px;}
.header .nav .normal:hover{color: #5387d5;}
.header .mobile-search{position: absolute; right: 50px; top: 11px; display: none; border: 1px solid #ddd; border-radius: 4px; width: 30px; height: 26px; background: url(../images/search.png) no-repeat center; background-size: auto 70%;}
.header .mobile-search-input{position: absolute; left: 0; top: 0; height: 50px; width: 100%; background-color: #fff; z-index: 999; display: none;}
.header .mobile-search-input input{display: block; width: 80%; height: 50px; font-size: 16px; line-height: 50px; text-indent: 1em; border: 0; background-color: transparent;}
.header .mobile-search-input i{display: block; width: 20px; height: 20px; position: absolute; right: 15px; top: 15px; background: url(../images/close.png) no-repeat center; background-size: contain; cursor: pointer;}
.header .mobile-nav{position: absolute; right: 10px; top: 11px; display: none; border: 1px solid #ddd; border-radius: 4px; width: 30px;}
.header .mobile-nav i{display: block; height: 2px; background-color: #ccc; margin: 5px; border-radius: 1px;}
.header .mobile-nav.active{box-shadow: inset 0 0 5px rgba(0, 0, 0, .15);}
.header .mobile-menu{background-color: #fff; left: 0; top: 50px; width: 100%; position: absolute; z-index: 999; box-shadow: 0 5px 5px rgba(0, 0, 0, .25); display: none;}
.header .mobile-menu a,
.header .mobile-menu span{display: block; text-align: center; text-decoration: none; padding: 15px 0; color: #444; border-top: 1px solid #eee;}
.header .mobile-menu span{padding: 0;}
.header .mobile-menu span a{display: inline-block; border-top: 0; margin: 0; width: 50%; box-sizing: border-box;}
.header .mobile-menu span a:first-child{border-right: 1px solid #eee;}

@media screen and (max-width: 1280px){
    .header .nav .search input{width: 80px;}
}
@media screen and (max-width: 1200px){
    .header .nav .normal,
    .header .nav .dorp-down{display: none;}
}
@media screen and (max-width: 1060px){
    .header{height: 80px;}
    .header .nav .menu{height: 80px; line-height: 80px; padding: 0 20px;}
	.header .nav .search{margin-right: 15px;}
    .header .nav .language{display: none;}
}
@media screen and (max-width: 880px){
    .header .nav .menu{font-size: 14px; padding: 0 20px;}
    .header .nav .point{width: 4px; height: 4px;}
}
@media screen and (max-width: 880px){
    .header .nav{display: none;}
    .header .logo{width: 50%;}
    .header{height: 50px; position: relative;}
	.header .mobile-search,
    .header .mobile-nav{display: block;}
}

.footer{padding: 20px 0; font-size: 12px; color: #444; position: relative;}
.footer .menu{padding-bottom: 10px;}
.footer .menu a{font-weight: bold; font-size: 14px; margin: 0;}
.footer .menu i{width: 1px; height: 12px; background-color: #999; vertical-align: middle; margin: 0 15px 1px;}
.footer a{color: #444; text-decoration: none;}
.footer a:hover{color: #5387d5;}
.footer a,
.footer span,
.footer i{display: inline-block; vertical-align: middle; margin-right: 10px;}
.footer .logo{display: block; width: 304px; height: 36px; position: absolute; top: 20px; right: 0; background: url(../images/logoFooter.png) no-repeat right center;}

@media screen and (max-width: 1000px){
    .footer{background-size: auto 30px;}
}
@media screen and (max-width: 950px){
    .footer{background-image: none; text-align: center;}
    .footer .logo{position: static; margin: 20px auto;}
}
@media screen and (max-width: 600px){
    .footer .menu a{font-size: 12px;}
}
@media screen and (max-width: 540px){
    .footer{width: 125%; -webkit-transform: scale(.8); -moz-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 0 0 0px; -moz-transform-origin: 0 0 0px; transform-origin: 0 0 0px;}
}
@media screen and (max-width: 390px){
    .footer{width: 167%; -webkit-transform: scale(.6); -moz-transform: scale(.6); transform: scale(.6); -webkit-transform-origin: 0 0 0px; -moz-transform-origin: 0 0 0px; transform-origin: 0 0 0px;}
}

.slider{width: 100%; height: 0; padding-bottom: 30.9%; position: relative;}
.slider .slide,
.slider .swiper{position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; background-image: -webkit-linear-gradient(to bottom, #090724, #6c6a7d);  background-image: -moz-linear-gradient(to bottom, #090724, #6c6a7d); background-image: linear-gradient(to bottom, #090724, #6c6a7d);}
.slider .swiper .swiper-container,
.slider .swiper .swiper-slide img{width: 100%; height: 100%;}
.slider .swiper .swiper-slide img{box-shadow: 0 0 10px rgba(0, 0, 0, .5);}
.slider .swiper .swiper-slide .text{position: absolute; width: 100%; text-align: center; line-height: 2; padding-top: 8%; text-shadow: 0 1px 2px rgba(0, 0, 0, .25); font-size: 16px;}
.slider .swiper .swiper-slide .text h3{font-size: 36px; font-weight: 400;}
.slider .swiper .swiper-slide .title-text{position: absolute; z-index: 1; bottom: 0; left: 0; color: #fff; background-color: rgba(0, 0, 0, .5); width: 50%; padding: 10px 50% 10px 0; text-indent: 2em; font-size: 14px; height: 20px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis;}
.slider .swiper .swiper-title{position: absolute; bottom: 0; left: 0; z-index: 5; font-size: 0; width: 100%;}
.slider .swiper .swiper-title div{display: inline-block; width: 50%; font-size: 14px; background-color: rgba(0, 0, 0, .6); color: #fff; padding: 12px 0; text-indent: 20px; cursor: pointer;}
.slider .swiper .swiper-title div.active{background-color: rgba(125, 215, 242, .75);}
.slider .swiper .swiper-button-prev,
.slider .swiper .swiper-button-next{width: 26px; height: 42px; margin-top: -42px;}
.slider .swiper .swiper-button-prev{background: url(../images/iconArrowLeft.png) no-repeat; background-size: contain; left: 0;}
.slider .swiper .swiper-button-next{background: url(../images/iconArrowRight.png) no-repeat; background-size: contain; right: 0;}

.slider .slide .banner,
.slider .slide .banner ul,
.slider .slide .banner ul li,
.slider .slide .banner ul li img{width: 100% !important; height: 100% !important;}
.slider .slide .banner ul li{list-style: none; position: relative;}
.slider .slide .banner ul li label{width: 100%; height: 50px; overflow: hidden; line-height: 50px; display: block; position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .25);}
.slider .slide .banner ul li label span{font-size: 16px; color: #fff; display: block; width: 45%; padding-right: 5%; text-indent: 1.5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.slider .slide .prev,
.slider .slide .next{width: 26px; height: 42px; margin-top: -40px; position: absolute; top: 50%; cursor: pointer;}
.slider .slide .prev{background: url(../images/iconArrowLeft.png) no-repeat; background-size: contain; left: 0;}
.slider .slide .next{background: url(../images/iconArrowRight.png) no-repeat; background-size: contain; right: 0;}

.notice{/*background-color: rgba(125, 215, 242, .75);*/ background: url(../images/Phone_31.gif) no-repeat left center; color: #fff; height: 50px; line-height: 50px; text-indent: 1.5em; width: 50%; position: relative; top: -50px; z-index: 99; left: 50%; overflow: hidden;}
.notice a{color: #fff; text-decoration: none; font-size: 16px;}

@media screen and (max-width: 880px){
    .slider .swiper .swiper-title{display: none;}
    .slider .swiper .swiper-button-prev,
    .slider .swiper .swiper-button-next{margin-top: -21px;}
    .slider .swiper .swiper-slide .text{line-height: 1.6;}
    .slider .swiper .swiper-slide .text h3{font-size: 26px;}
    
    .slider .slide .banner ul li label,
    .notice{height: 40px; line-height: 40px;}
    .slider .slide .banner ul li label span,
    .notice a{font-size: 14px;}
    .slider .slide .banner ul li label span{text-indent: 1.5em; width: 80%;}
    .notice{text-indent: 1.2em; background-color: rgba(125, 215, 242, .75);}
    .notice{width: 100%; top: 0; left: 0; margin-bottom: 50px;}
}
@media screen and (max-width: 800px){
    .slider .swiper .swiper-slide .title-text{font-size: 12px;}
}
@media screen and (max-width: 550px){
    .slider .swiper .swiper-slide .text{font-size: 14px;}
    .slider .swiper .swiper-slide .text h3{font-size: 20px;}
    .slider .swiper .swiper-slide .title-text,
    .slider .swiper .swiper-button-prev,
    .slider .swiper .swiper-button-next{display: none;}
}
@media screen and (max-width: 430px){
    .slider .swiper .swiper-slide .text{font-size: 12px;}
    .slider .swiper .swiper-slide .text h3{font-size: 18px;}
}
@media screen and (max-width: 390px){
    .slider .swiper .swiper-slide .text h3{font-size: 15px;}
}

.entrance{margin-top: -51px;}
.entrance:after{content: '\20'; display: block; clear: both;}
.entrance .door{width: 25%; height: 250px; float: left; box-sizing: border-box; text-align: center; border-left: 1px dotted #d5d5d5;}
.entrance .door:first-child{border-left: 0;}
.entrance .door a{display: block; height: 100%; background: #fff url(../images/bg00.png); text-decoration: none; color: #444;}
.entrance .door a:hover{background: #7bd5f1 url(../images/bg01.png) no-repeat center; background-size: cover; color: #fff;}
.entrance .door a h3{padding-top: 20px; font-size: 22px; font-weight: normal;}
.entrance .door a .en{font-size: 12px; -webkit-transform: scale(.8); -moz-transform: scale(.8); transform: scale(.8); transform-origin: 50% 50% 0px; opacity: .5; height: 20px;}
.entrance .door a .photo{width: 102px; height: 102px; overflow: hidden; border-radius: 50%; margin: 10px auto 20px;}
.entrance .door a .photo img{width: 100%; height: 100%;}
.entrance .door a i{display: inline-block; width: 20px; height: 20px; background: url(../images/iconArrowBlack.png) no-repeat; background-size: contain;}
.entrance .door a:hover i{background-image: url(../images/iconArrowLight.png);}

@media screen and (max-width: 800px){
    .entrance .door{height: 200px;}
    .entrance .door a h3{font-size: 18px;}
    .entrance .door a .photo{width: 80px; height: 80px; margin: 5px auto 10px;}
    .entrance .door a i{width: 14px; height: 14px;}
}
@media screen and (max-width: 700px){
    .entrance .door{height: 160px; width: 50%; border-top: 1px dotted #d5d5d5;}
    .entrance .door:nth-child(1),
    .entrance .door:nth-child(2){border-top: 0;}
    .entrance .door:nth-child(3){border-left: 0;}
    .entrance .door a h3{font-size: 16px; padding-top: 15px;}
    .entrance .door a .en{-webkit-transform: scale(.6); -moz-transform: scale(.6); transform: scale(.6);}
    .entrance .door a .photo{width: 60px; height: 60px;}
    .entrance .door a i{width: 14px; height: 14px;}
}

.background-1{background: url(../images/bg02.jpg) no-repeat center top; background-size: 100% auto;}

.background-2{background: url(../images/bg09.jpg) no-repeat center top; background-size: 100% auto;}

.background-3{background: url(../images/bg10.jpg) no-repeat center top; background-size: 100% auto;}

.inner-box{padding: 17% 5% 0;}

@media screen and (max-width: 880px){
    .inner-box{padding-left: 0; padding-right: 0;}
}

.inner-box-v2{padding-top: 21%; position: relative;}
.inner-box-v2 .top-news{height: 43px; background-color: rgba(0, 0, 0, .25); width: 100%; display: block; line-height: 43px; font-size: 16px; text-indent: 1em; text-decoration: none; color: #000; font-weight: bold;}

.inner-wrap{background-color: #fff; padding: 15px 15px 50px;}

.inner-body:after{content: '\20'; display: block; clear: both;}
.inner-body .inner-main{width: 100%; float: left;}
.inner-body .inner-side{float: left;}

.grid-1 .inner-content{margin-right: 315px;}
.grid-1 .inner-side{width: 300px; margin-left: -300px;}

@media screen and (max-width: 1140px){
    .grid-1 .inner-content{margin-right: 265px;}
    .grid-1 .inner-side{width: 250px; margin-left: -250px;}
}
@media screen and (max-width: 950px){
    .grid-1 .inner-content{margin-right: 0;}
    .grid-1 .inner-side{margin-left: 0; width: 100%; margin-top: 15px;}
}

.grid-2 .inner-content{margin-left: 230px;}
.grid-2 .inner-side{width: 205px; margin-left: -100%;}

@media screen and (max-width: 800px){
    .grid-2 .inner-content{margin-left: 0;}
    .grid-2 .inner-side{width: 100%; margin-left: 0;}
}

.grid-3 .inner-content{margin-left: 0; float: none;}

.box-a.margin{margin-top: 15px;}
.box-a .box-top{height: 43px; background: #5589d2 url(../images/bg03.png) no-repeat center; background-size: cover; color: #fff; position: relative;}
.box-a .box-top .text{font-size: 18px; line-height: 43px; padding-left: .8em;}
.box-a .box-top .more{position: absolute; right: 10px; top: 50%; margin-top: -12px; font-size: 20px; text-decoration: none; font-weight: bold; color: #fff;}
.box-a .box-body{background-color: #edf4fd;}

.box-b{background: url(../images/bg05.png) no-repeat center top; background-size: cover; color: #fff; padding: 35px 0 5px 25px;}
.box-b h3{font-size: 20px; font-weight: normal;}
.box-b h3 .more{background-color: #fff; color: #7cb6ef; text-decoration: none; display: inline-block; width: 18px; height: 18px; text-align: center; font-size: 20px; font-weight: bold; vertical-align: middle; line-height: 1; vertical-align: middle; margin-bottom: 3px; margin-left: 8px;}

.buttons{text-align: center; padding: 20px 15px;}
.buttons a{display: block; height: 40px; line-height: 40px; border-radius: 20px; background-color: #80a8e0; margin: 20px 0; color: #fff; text-decoration: none;}
.buttons a span{font-size: 14px; display: inline-block; vertical-align: middle; margin-bottom: 5px; margin-left: 5px;}
.buttons a:hover{background-color: #5589d2;}

.page-title{font-size: 22px; font-weight: bold; color: #2f68b7;}

.page-tabs{font-size: 0; margin-top: 15px; border-bottom: 1px solid #ebebeb; white-space: nowrap;}
.page-tabs a{font-size: 16px; font-weight: bold; color: #000; text-decoration: none; margin-right: 7%; padding-bottom: 5px; display: inline-block;}
.page-tabs a:hover{color: #5589d2;}
.page-tabs a.active{color: #5589d2; border-bottom: 2px solid #7cb6ef; margin-bottom: -1px;}

@media screen and (max-width: 1140px){
    .page-tabs a{font-size: 14px;}
}
@media screen and (max-width: 950px){
    .page-tabs{border-bottom: 0; text-align: center; padding-left: 10px; white-space: normal;}
	.page-tabs a{padding: 8px 20px; border-radius: 3px; background-color: #eee; margin-right: 10px; margin-bottom: 10px;}
	.page-tabs a.active{border: 0; background-color: #7cb6ef; color: #fff;}
}

.plate-a{margin: 30px 0 0;}
.plate-a:after{content: '\20'; display: block; clear: both;}
.plate-a .plate-main{width: 100%; float: left;}
.plate-a .plate-wrap{margin-left: 220px;}
.plate-a .plate-side{width: 205px; float: left; margin-left: -100%;}
.plate-a .plate-side .title{background: #578bcf url(../images/bg04.png) no-repeat right top; width: 100%; height: 90px; padding-top: 40px; border-top-right-radius: 50px; text-align: center; color: #fff;}
.plate-a .plate-side .title strong{display: block; font-size: 18px;}
.plate-a .plate-side .title a{color: #fff; font-size: 12px; text-decoration: none;}
.plate-a .plate-side .title a:hover{text-decoration: underline;}

@media screen and (max-width: 1140px){
    .plate-a .plate-side{width: 160px;}
    .plate-a .plate-wrap{margin-left: 175px;}
}
@media screen and (max-width: 950px){
    .plate-a .plate-main{float: none;}
    .plate-a .plate-wrap{margin-left: 0;}
    .plate-a .plate-side{float: none; width: 100%;  margin-left: 0;}
    .plate-a .plate-side .title{border-radius: 0;}
}

.plate-b{border: 1px solid #bbb; border-radius: 4px; background: #fff url(../images/bg06.png) no-repeat right bottom; padding: 20px 0 0 20px; margin-top: 19px;}
.plate-b h3{font-size: 18px; font-weight: normal; color: #555; border-left: 3px solid #2f68b7; line-height: 1; padding-left: .5em;}
.plate-b .content{padding: 20px 0; font-size: 0;}
.plate-b .content a{display: inline-block; margin-right: 40px; font-size: 18px; color: #fff; text-decoration: none; background: url(../images/button01.png) no-repeat center; background-size: 101% 101%; width: 267px; height: 56px; line-height: 56px; text-indent: 1em; box-shadow: 0 2px 0 #c53f08, inset 0 1px 0 rgba(255, 255, 255, .35); border-radius: 5px; border: 1px solid #d3511c; box-sizing: border-box;}
.plate-b .image img{width: 100%;}

.plate-b.color-1{background-color: #c9daf6;}

@media screen and (max-width: 1200px){
    .plate-b .content a{width: 200px; height: 42px; line-height: 42px; font-size: 16px; margin-right: 30px; margin-bottom: 14px;}
}
@media screen and (max-width: 650px){
    .plate-b .content a{width: 140px; height: 29px; line-height: 29px; font-size: 14px;}
}
@media screen and (max-width: 470px){
    .plate-b .content a{margin-right: 0; margin-top: 20px; width: 200px; height: 42px; line-height: 42px; font-size: 16px;}
    .plate-b .content a:first-child{margin-top: 0;}
}

.plate-b-v2{background-image: none;}
.plate-b-v2 h3 .more{background-color: #7cb6ef; color: #fff; text-decoration: none; display: inline-block; width: 18px; height: 18px; text-align: center; font-size: 20px; font-weight: bold; line-height: 18px; vertical-align: middle; margin-bottom: 2px; margin-left: 8px;}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2){
	.plate-b-v2 h3 .more{line-height: 14px;}
}

.plate-c{margin-top: 15px;}
.plate-c:after{content: '\20'; display: block; clear: both;}
.plate-c .plate-side{width: 355px; float: left;}
.plate-c .plate-main{width: 100%; float: left; margin-left: -355px;}
.plate-c .plate-wrap{margin-left: 370px;}

@media screen and (max-width: 1200px){
    .plate-c .plate-side{width: 300px;}
    .plate-c .plate-main{margin-left: -300px;}
    .plate-c .plate-wrap{margin-left: 315px;}
}
@media screen and (max-width: 1070px){
    .plate-c .plate-side{width: 240px;}
    .plate-c .plate-main{margin-left: -240px;}
    .plate-c .plate-wrap{margin-left: 255px;}
}
@media screen and (max-width: 1000px){
    .plate-c .plate-side{width: 190px;}
    .plate-c .plate-main{margin-left: -190px;}
    .plate-c .plate-wrap{margin-left: 205px;}
}
@media screen and (max-width: 950px){
    .plate-c .plate-side{width: 350px;}
    .plate-c .plate-main{margin-left: -350px;}
    .plate-c .plate-wrap{margin-left: 365px;}
}
@media screen and (max-width: 730px){
    .plate-c .plate-side{width: 240px;}
    .plate-c .plate-main{margin-left: -240px;}
    .plate-c .plate-wrap{margin-left: 255px;}
}
@media screen and (max-width: 600px){
    .plate-c .plate-side{width: 190px;}
    .plate-c .plate-main{margin-left: -190px;}
    .plate-c .plate-wrap{margin-left: 205px;}
}
@media screen and (max-width: 550px){
    .plate-c .plate-side{width: 100%; float: none; margin-bottom: 30px;}
    .plate-c .plate-main{margin-left: 0; float: none;}
    .plate-c .plate-wrap{margin-left: 0;}
}

.news-slider{position: relative; width: 100%; height: auto;}
.news-slider .swiper-container,
.news-slider .swiper-slide,
.news-slider .swiper-slide img{width: 100%; height: 100%; width: 355px\9; height: 266px\9; overflow: hidden\9;}
.news-slider .swiper-wrapper{width: 1065px\9;}
.news-slider .swiper-slide{float: left\9;}
.news-slider .swiper-slide a{display: block; position: relative; color: #fff; text-decoration: none; font-size: 0;}
.news-slider .swiper-slide a span{position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; line-height: 30px; text-indent: 1em; background-color: rgba(0, 0, 0, .35); font-size: 12px;}
.news-slider .swiper-pagination{position: absolute; right: 20px; left: auto; top: 0; bottom: auto; text-align: right;}
.news-slider .swiper-pagination .swiper-pagination-bullet{background-color: #fff; opacity: .9;}
.news-slider .swiper-pagination .swiper-pagination-bullet-active{background-color: #63d8f9; opacity: 1;}

@media screen and (max-width: 1200px){
	.news-slider .swiper-container,
	.news-slider .swiper-slide,
	.news-slider .swiper-slide img{width: 300px\9; height: 225px\9;}
	.news-slider .swiper-wrapper{width: 900px\9;}
}
@media screen and (max-width: 1070px){
	.news-slider .swiper-container,
	.news-slider .swiper-slide,
	.news-slider .swiper-slide img{width: 240px\9; height: 180px\9;}
	.news-slider .swiper-wrapper{width: 720px\9;}
}
@media screen and (max-width: 1000px){
	.news-slider .swiper-container,
	.news-slider .swiper-slide,
	.news-slider .swiper-slide img{width: 190px\9; height: 142px\9;}
	.news-slider .swiper-wrapper{width: 570px\9;}
}
@media screen and (max-width: 950px){
	.news-slider .swiper-container,
	.news-slider .swiper-slide,
	.news-slider .swiper-slide img{width: 355px\9; height: 266px\9;}
	.news-slider .swiper-wrapper{width: 1065px\9;}
}
@media screen and (max-width: 730px){
	.news-slider .swiper-container,
	.news-slider .swiper-slide,
	.news-slider .swiper-slide img{width: 240px\9; height: 180px\9;}
	.news-slider .swiper-wrapper{width: 720px\9;}
}
@media screen and (max-width: 600px){
	.news-slider .swiper-container,
	.news-slider .swiper-slide,
	.news-slider .swiper-slide img{width: 190px\9; height: 142px\9;}
	.news-slider .swiper-wrapper{width: 570px\9;}
}
@media screen and (max-width: 550px){
	.news-slider .swiper-container,
	.news-slider .swiper-slide,
	.news-slider .swiper-slide img{width: 300px\9; height: 225px\9;}
	.news-slider .swiper-wrapper{width: 900px\9;}
}

.list-super{margin-left: -20px; margin-top: 20px;}
.list-super ul{list-style: none;}
.list-super li{overflow: hidden; vertical-align: middle;}
.list-super li .num{font-size: 36px; float: left; width: 20%; color: #5c9de0; text-align: center; padding: 5px 0;}
.list-super li .intro{width: 80%; float: left; padding: 5px 0; box-sizing: border-box; border-left: 1px dotted #b3b3b3; min-height: 75px;}
.list-super li .intro p{padding: 5px 20px; font-size: 16px; color: #000;}
.list-super li:hover{background-color: #f2f7fe;}
.list-super li:hover .intro p{color: #2f68b7;}
.list-super li:hover .num{color: #2260b6;}

@media screen and (max-width: 1200px){
	.list-super li .intro{height: 75px; overflow:hidden;}
    .list-super li .intro p{font-size: 14px;}
}
@media screen and (max-width: 880px){
	.list-super li .intro{height: auto; overflow:hidden;}
}

/*.list-a{list-style-position: inside;}
.list-a li{overflow: hidden; color: #63d8f9; font-size: 14px; line-height: 1.8em; }
.list-a li span{float: right; color: #000;}
.list-a li a{color: #000; text-decoration: none;}
.list-a li a:hover{color: #5589d2}
.list-a.padding{padding: 20px 0;}
.list-a.text-overflow li{position: relative; }
.list-a.text-overflow li span{position: absolute; right: 0; top: 8px;}
.list-a.text-overflow li a{width: 80%; display: inline-block; position: relative; top: 8px;}*/

.list-a{list-style-position: inside; list-style:none;}
.list-a li{ color: #63d8f9; font-size: 14px; line-height: 2.0em; background:url(/img/dian.gif) no-repeat 0 0.8em;padding-left:15px;  }
.list-a li span{float: right; color: #000;}
.list-a li a{color: #000; text-decoration: none;}
.list-a li a:hover{color: #5589d2}
.list-a.padding{padding: 20px 0;}
.list-a.text-overflow li{position: relative; overflow:hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.list-a.text-overflow li span{position: absolute; right: 0; top: 0;}
.list-a.text-overflow li a{width: 78%; display:block; position:relative; top:0; }

@media screen and (max-width: 500px){
    .list-a li span{display: none;}
}

.list-a-v2{padding: 30px 20px;}
.list-a-v2 li{font-size: 12px;line-height:1.8em;}
.list-a-v2 li a{color: #326aba;}
.list-a-v2 li span{float: none; color: #93b7e7; padding-left: 18px; display: block;}
.list-a-v2.text-overflow li span{position: static; padding-left: 0;}
.list-a-v2.text-overflow li a{width: 80%;}
.list-a-v2.zoom li{font-size: 14px;}

.list-b{list-style-position: inside;}
.list-b li{color: #fff; font-size: 14px; line-height: 2.6;}
.list-b li a{color: #fff; text-decoration: none;}
.list-b li a:hover{text-decoration: underline;}

.entrance-banner.color-a{background: #6c9ad8 url(../images/bg07.png) no-repeat right center; background-size: auto 100%;}
.entrance-banner.color-b{background: #4b9dcc url(../images/bg08.png) no-repeat right center; background-size: auto 100%;}
.entrance-banner{padding: 20px; margin-top: 15px; color: #fff;}
.entrance-banner .cn{font-weight: normal; font-size: 24px;}
.entrance-banner .en{font-size: 12px;}
.entrance-banner .button{text-align: right; font-size: 0; margin-top: -35px; padding: 5px 60px 10px 0;}
.entrance-banner .button a{display: inline-block; width: 130px; height: 40px; line-height: 40px; background: rgba(0, 0, 0, .25) url(../images/iconArrowBg.png) no-repeat right center; color: #fff; text-decoration: none; font-size: 16px; padding-right: 50px; text-align: right; border-radius: 5px; margin-left: 10px;}

@media screen and (max-width: 1280px){
    .entrance-banner .button{padding-right: 10px;}
}
@media screen and (max-width: 1200px){
    .entrance-banner .button{margin-top: -40px; padding: 0;}
    .entrance-banner .button a{font-size: 14px; width: 100px; text-indent: 1em; white-space: nowrap;}
}
@media screen and (max-width: 1100px){
	.entrance-banner .cn{font-size: 20px;}
    .entrance-banner .button{margin-top: -38px;}
    .entrance-banner .button a{font-size: 12px; width: 80px; height: 38px;}
}
@media screen and (max-width: 880px){
	.entrance-banner .cn{font-size: 25px;}
    .entrance-banner .button{margin-top: 20px;}
}

.side-form{padding: 30px 20px;}
.side-form select{
    width: 100%; box-sizing: border-box; border: 1px solid #ebebeb; box-shadow: inset 0 2px 5px rgba(0, 0, 0, .15); height: 35px; border-radius: 18px; font-size: 14px; color: #999; text-indent: 1em; line-height: 35px; background: #fff url(../images/iconArrowSelect.png) no-repeat right center; margin: 5px 0; padding-left: 1em\0;
    -webkit-appearance: none; 
       -moz-appearance: none;
            appearance: none;
}
.side-form select::-ms-expand{display: none;}
.side-form button{height: 35px; line-height: 35px; background-color: #5ca6ee; color: #fff; font-size: 16px; border: 0; width: 100%; border-radius: 18px; margin-top: 10px; cursor: pointer;}

.tabs-a .tab{list-style: none; font-size: 0; margin: 15px 0;}
.tabs-a .tab li{display: inline-block; font-size: 14px; margin-right: 5px;}
.tabs-a .tab li a{color: #fff; text-decoration: none; padding: 3px 8px 2px; border-radius: 2px;}
.tabs-a .tab li.ui-tabs-active{position: relative;}
.tabs-a .tab li.ui-tabs-active a{background-color: #fff; color: #2f68b7;}
.tabs-a .tab li.ui-tabs-active i{display: block; width: 0; height: 0; border-width: 3px 3px 0; border-color: #fff transparent transparent; border-style: solid; position: absolute; top: 100%; margin-top: -1px; left: 50%; margin-left: -3px;}

@media screen and (max-width: 1140px){
    .tabs-a .tab li a{padding: 3px 3px 2px;}
}
@media screen and (max-width: 950px){
    .tabs-a .tab{padding-bottom: 5px;}
	.tabs-a .tab li{margin-bottom: 10px; margin-right: 10px;}
    .tabs-a .tab li a{padding: 3px 12px 2px; background-color: rgba(255, 255, 255, .25);}
}

.side-nav .top{background: #578bcf url(../images/bg04.png) no-repeat right top; padding: 50px 20px 20px; border-top-right-radius: 50px; color: #fff;}
.side-nav .top .cn{font-size: 24px; font-weight: bold;}
.side-nav .top .en{font-size: 14px;}
.side-nav .menus{background-color: #edf4fd; padding: 20px 0;}
.side-nav .menus a{display: block; height: 30px; line-height: 30px; border-right: 5px solid transparent; box-sizing: border-box; color: #555; font-size: 14px; text-decoration: none; margin: 5px 0;}
.side-nav .menus a i{display: inline-block; vertical-align: middle; margin: 0 10px 2px 15px; width: 5px; height: 9px; background: url(../images/iconArrowLeftBlue.png) no-repeat;}
.side-nav .menus a:hover,
.side-nav .menus a.active{background-color: #7cb6ef; color: #fff; border-color: #578bcf;}
.side-nav .menus a:hover i,
.side-nav .menus a.active i{background-image: url(../images/iconArrowLeftLight.png);}

@media screen and (max-width: 800px){
    .side-nav .top{border-radius: 0;}
}

.single-title{border-bottom: 1px solid #eaeaea; overflow: hidden; padding-bottom: 10px;}
.single-title h3{color: #2f68b7; border-left: 3px solid #2f68b7; line-height: 1; font-size: 20px; float: left; padding-left: 10px;}
.single-title h3 .more{background-color: #7cb6ef; color: #fff; text-decoration: none; display: inline-block; width: 18px; height: 18px; text-align: center; font-size: 20px; font-weight: bold; vertical-align: middle; line-height: .65; line-height: .95\0; vertical-align: middle; margin-bottom: 3px; margin-left: 8px;}
.single-title .location{float: right; font-size: 0;}
.single-title .location a,
.single-title .location span{display: inline-block; vertical-align: middle; font-size: 12px; color: #9f9f9f;}
.single-title .location a{text-decoration: none;}
.single-title .location a:hover{color: #2f68b7;}
.single-title .location a.current{color: #2f68b7;}
.single-title .location a.home{width: 20px; height: 17px; background: url(../images/iconHome.png) no-repeat; text-indent: -1000px; overflow: hidden;}
.single-title .location span{margin: 0 5px;}
.single-title.no-border{border-bottom: 0;}

@media screen and (max-width: 400px){
    .single-title .location{display: none;}
}

.single-tabs{clear: both; margin: 20px 0; border-bottom: 1px solid #ebebeb; font-size: 0; white-space: nowrap;}
.single-tabs a{font-size: 14px; color: #000; font-weight: bold; text-decoration: none; margin-right: 25px; display: inline-block; margin-bottom: -1px;}
.single-tabs a:hover{color: #2f68b7;}
.single-tabs a.active{border-bottom: 2px solid #7cb6ef;}

.background-earth{background: url(../images/bg12.png) no-repeat right bottom; background-size: auto 90%;}
.background-earth .list-d{margin-right: 40%;}
@media screen and (max-width: 640px){
    .background-earth .list-d{background: none;}
}

.content-a{color: #555; padding: 20px;}
.content-a h1{font-size: 24px; text-align: center; padding: 10px 0;}
.content-a p{font-size: 14px; padding: 1em 0; text-indent: 2em;}
.content-a img{width: 80%; border: 3px solid #e8e8e8; margin: 10px 0;}

.image-box{text-align: center; padding: 40px 0;}
.image-box img{width: 90%;}

.contact-tabs .tabs{list-style: none; font-size: 0; padding: 10px 0;}
.contact-tabs .tabs li{display: inline-block; width: 20%; font-size: 14px; text-align: center;}
.contact-tabs .tabs li a{color: #fff; background-color: #6ca7e1; display: block; margin: 5px; text-decoration: none; padding: 10px 0; border-radius: 5px;}
.contact-tabs .tabs li a:hover{background-color: #4982CD;}
.contact-tabs .tabs li.ui-tabs-active a{background-color: #326bb5;}
.contact-tabs .tabs li a.end{background-color: #fa945c;}
.contact-tabs .tabs li a.end:hover{background-color: #f48251;}
.contact-tabs .tabs li.ui-tabs-active a.end{background-color: #ee6a39;}

@media screen and (max-width: 600px){
    .contact-tabs .tabs li{width: 25%;}
}
@media screen and (max-width: 500px){
    .contact-tabs .tabs li{width: 50%;}
}

.contact-main{margin-top: 20px; padding: 0 5px;}
.contact-main h3{color: #326bb5; font-weight: normal; font-size: 20px; padding-bottom: 10px;}
.contact-main .item{overflow: hidden; border-bottom: 1px solid #f0f0f0; color: #555; font-size: 14px; padding: 20px 0; line-height: 2;}
.contact-main .item .cell{float: left;}
.contact-main .item .content{float: left; padding-left: 10px;}

.list-c{list-style: none;}
.list-c li{overflow: hidden; font-size: 0; margin: 26px 0;}
.list-c li .thumb{display: inline-block; border: 4px solid #f0f0f0; vertical-align: middle; width: 144px; height: 217px; color: #fff; background-color: #7cb6ef;}
.list-c li .thumb span{font-size: 12px; display: block; width: 100%; height: 100%; text-align: center; line-height: 217px;}
.list-c li .intro{display: inline-block; font-size: 14px; vertical-align: middle; color: #555; padding-left: 4%; width: 60%;}
.list-c li .intro h3{font-size: 18px;}
.list-c li .intro p{padding-top: .8em;}

@media screen and (max-width: 510px){
    .list-c li .thumb{width: 104px; height: 157px;}
    .list-c li .thumb span{line-height: 157px;}
    .list-c li .thumb img{width: 100%; height: 100%;}
}
@media screen and (max-width: 390px){
    .list-c li .thumb{width: 74px; height: 112px;}
    .list-c li .thumb span{line-height: 112px;}
    .list-c li .thumb img{width: 100%; height: 100%;}
}

.list-d{background: url(../images/bg11.png) repeat;}
.list-d ul{list-style-position: inside; overflow: hidden;}
.list-d li{width: 48%; float: left; height: 36px; line-height: 36px; font-size: 14px; margin-left: 2%; color: #89e1fb;}
.list-d li a{color: #000; text-decoration: none;}
.list-d li a:hover{color: #2f68b7;}
.list-d.padding{padding-right: 30%;}
@media screen and (max-width: 640px){
    .list-d li{width: 98%;}
}

.entrance-a{display: block; font-size: 0; margin-top: 15px;}
.entrance-a img{width: 100%;}

.paging{text-align: center; font-size: 0;}
.paging a{text-decoration: none; font-size: 12px; display: inline-block; margin: 0 5px; vertical-align: middle; border-radius: 2px; color: #555; height: 26px; line-height: 26px; padding: 0 10px;}
.paging a:hover,
.paging a.active{background-color: #5589d2; color: #fff;}
.paging a.end{background-color: #d0d0d0; font-size: 16px; font-weight: bold; color: #fff; line-height: 1.4; width: 26px; height: 26px; padding: 0;}
.paging a.zoom{font-size: 20px; line-height: 1.2;}

.sitemap{list-style: none; overflow: hidden;}
.sitemap li{float: left; width: 16%; margin: 20px 0 0;}
.sitemap li .name{display: block; padding: 10px 0; text-align: center; margin-right: 20px; background-color: #6ca7e1; font-size: 18px; text-decoration: none; color: #fff; border-radius: 5px;}
.sitemap li div{line-height: 2; padding: 20px 0; margin-right: 20px;}
.sitemap li div a{color: #555; font-size: 14px; display: block; text-align: center; text-decoration: none;}
.sitemap li div a:hover{color: #000;}

@media screen and (max-width: 1000px){
    .sitemap li .name{font-size: 14px;}
    .sitemap li div a{font-size: 12px;}
}
@media screen and (max-width: 800px){
    .sitemap li{width: 50%;}
    .sitemap li .name{font-size: 16px;}
    .sitemap li div a{font-size: 14px;}
}
@media screen and (max-width: 340px){
    .sitemap li{width: 100%;}
}

.content-page{padding: 20px 0;}
	.inner-content .content-page{padding: 20px;}
.content-page h1{font-size: 24px; color: #000; font-weight: normal; text-align: center;}
.content-page .attr{font-size: 12px; color: #555; border-bottom: 5px solid #ebebeb; text-align: center; padding: 10px 0 20px;}
.content-page .attr span{margin: 0 10px;}
.content-page .inner{padding: 0 30px;}
	.inner-content .content-page .inner{padding: 0;}
.content-page .inner p{font-size: 14px; padding: 2em 0 0; text-indent: 2em; line-height: 2;}
.content-page .inner .image{font-size: 0; width: 80%; margin: 20px auto; border: 5px solid #e0e0e0;}
.content-page .inner .image img{width: 100%;}

.content-footer .opar{overflow: hidden; color: #555; padding-top: 20px;}
.content-footer .opar .share{float: left; font-size: 0;}
.content-footer .opar .share span,
.content-footer .opar .share a{display: inline-block; font-size: 12px; vertical-align: middle;}
.content-footer .opar .share a{width: 30px; height: 30px; margin-right: 6px;}
.content-footer .opar .share a.weibo{background: url(../images/shareWeibo.png) no-repeat; background-size: contain;}
.content-footer .opar .share a.weibo:hover{background-image: url(../images/shareWeiboHover.png);}
.content-footer .opar .share a.quan{background: url(../images/shareQuan.png) no-repeat; background-size: contain;}
.content-footer .opar .share a.quan:hover{background-image: url(../images/shareQuanHover.png);}
.content-footer .opar .share a.douban{background: url(../images/shareDouban.png) no-repeat; background-size: contain;}
.content-footer .opar .share a.douban:hover{background-image: url(../images/shareDoubanHover.png);}
.content-footer .opar .share a.qzone{background: url(../images/shareQzone.png) no-repeat; background-size: contain;}
.content-footer .opar .share a.qzone:hover{background-image: url(../images/shareQzoneHover.png);}
.content-footer .opar .other{float: right; font-size: 0;}
.content-footer .opar .other a{font-size: 12px; color: #555; margin-left: 15px; text-decoration: none;}
.content-footer .opar .other a:hover{color: #3e78cf;}
.content-footer .opar .other a i{display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-right: 5px;}
.content-footer .opar .other a.fav i{background: url(../images/iconLike.png) no-repeat;}
.content-footer .opar .other a.prt i{background: url(../images/iconPrint.png) no-repeat;}
.content-footer .opar .other a.cls i{background: url(../images/iconClose.png) no-repeat;}
.content-footer .pn{padding: 20px 0; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; margin: 10px 0; font-size: 12px; line-height: 2; color: #555;}
.content-footer .pn a{color: #555; text-decoration: none;}
.content-footer .pn a:hover{color: #3e78cf;}
.content-footer .related{padding: 30px 0 0; overflow: hidden;}
.content-footer .related h3{font-size: 20px; color: #2f68b7; font-weight: normal; margin-bottom: 10px;}
.content-footer .related .item{width: 50%; box-sizing: border-box; padding: 0 20px 0 50px; float: left;}
.content-footer .related .item.first{padding: 0 50px 0 0; border-right: 1px solid #e8e7e7;}
.content-footer .related .list-a span{color: #888;}

@media screen and (max-width: 1180px){
    .content-footer .related .item,
    .content-footer .related .item.first{width: 100%; float: none; padding: 0; border: 0;}
}
@media screen and (max-width: 500px){
    .content-footer .opar{text-align: center;}
    .content-footer .opar .share,
    .content-footer .opar .other{float: none;}
    .content-footer .opar .other{padding: 30px 0 0;}
    .content-footer .opar .other a{margin: 0 10px;}
    .content-footer .related .list-a span{display: none;}
}
@media screen and (max-width: 340px){
    .content-page .inner{padding: 0 5px;}
}

.blue-button{display: block; width: 170px; height: 40px; margin: 10px auto; font-size: 18px; font-weight: bold; color: #fff; text-decoration: none; background-color: #316bbb; border-radius: 5px; line-height: 40px; text-align: center;}


.blue-title{background-color: #6ca7e1; color: #fff; font-size: 20px; padding: 15px; text-align: center;}

@media screen and (max-width: 500px){
    .blue-title{font-size: 16px;}
}

.search-page{padding: 20px;}

.select-wrap{display: table; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.select-wrap .row{display: table-row;}
.select-wrap .row .cell{width: 8%; display: table-cell; background-color: #f4f4f4; color: #000; font-weight: bold; font-size: 14px; padding: 1px 10px; text-align: right;}
.select-wrap .row .content{width: 92%; display: table-cell; font-size: 14px; color: #000; padding: 1px 10px; line-height: 2;}
.select-wrap .row .content label{margin: 0 10px; display: inline-block; vertical-align: middle;}
.select-wrap .row .content label input{vertical-align: middle; margin-bottom: 4px; margin-right: 5px;}
.select-wrap .row .labels{position: relative; padding-right: 100px;}
.select-wrap .row .labels .more{position: absolute; top: 2px; right: 0; background-color: #fff; font-size: 12px; border: 1px solid #ddd; padding: 0 10px 0 12px; color: #aaa; cursor: default;}
.select-wrap .row .labels .more i{display: inline-block; width: 8px; height: 5px; background: url(../images/ArrowUp.png) no-repeat; background-size: contain; vertical-align: middle; margin-left: 5px; margin-bottom: 2px;}
.select-wrap .row .labels .more.active{background-color: #fafafa;}
.select-wrap .row .labels .more.active i{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.select-wrap .row .labels label.hide{display: none;}
.select-wrap .row .content .items{display: table; width: 100%;}
.select-wrap .row .content .item{display: table-row;}
.select-wrap .row .content .item .area{display: table-cell; width: 8%;}
.select-wrap .row .content .item .list{display: table-cell; width: 92%;}

@media screen and (max-width: 880px){
    .select-wrap,
    .select-wrap .row,
    .select-wrap .row .cell,
    .select-wrap .row .content,
    .select-wrap .row .content .item,
    .select-wrap .row .content .item .area,
    .select-wrap .row .content .item .list{display: block; width: auto;}
    .select-wrap .row .content .item .area{border-bottom: 1px solid #eee; color: #bbb; font-size: 12px;}
    .select-wrap .row .cell{text-align: left;}
    .select-wrap .row .content{padding: 10px 5px;}
}

.search-result{padding-top: 20px;}
.search-result h3{font-size: 18px; font-weight: normal; color: #555; padding-bottom: 10px;}

.result-table table{width: 100%; background-color: #f4f4f4;}
.result-table table thead th{background-color: #6ca7e1; color: #fff; font-size: 14px; font-weight: normal; padding: 10px;}
.result-table table tbody td{background-color: #fff; font-size: 12px; color: #000; padding: 10px;}
.result-table table tbody tr.even td{background-color: #f8f8f8;}

@media screen and (max-width: 880px){
    .result-table table{background-color: transparent;}
    .result-table table thead{display: none;}
    .result-table table tbody tr{display: block; border: 1px solid #e0e0e0; margin: 5px 0; border-top-width: 3px;}
    .result-table table tbody tr td{display: block;}
    .result-table table tbody tr td:before{content: attr(data-cell)":"; font-weight: bold; margin-right: 10px;}
}

.new-search-result{margin-bottom: 20px;}
.new-search-result .top{background-color: #6ca7e1; color: #fff; font-size: 14px; padding: 10px; font-weight: bold; position: relative;}
.new-search-result .top i{display: block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; right: 10px; border-radius: 3px; background: #fff url(../images/ArrowBlue.png) no-repeat center; background-size: 10px auto;}
.new-search-result .box{display: none;}
.new-search-result .box .result-table table thead th{background-color: #8c8a8a;}
.new-search-result.current .top i{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.new-search-result.current .box{display: block; padding-top: 20px;}

.text-overflow a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.align-1{height: 218px; height: 232px\0;}
.align-2{height: 200px; height: 201px\0;}
.align-4{height: 577px; height: 571px\0;}
@media screen and (max-width: 1280px){
	.align-1{height: 224px; height: 220px\0;}
	.align-2{height: 201px; height: 201px\0;}
}
@media screen and (max-width: 1200px){
	.align-1{height: 217px; height: 215px\0;}
	.align-2{height: 200px; height: 201px\0;}
}
@media screen and (max-width: 1140px){
	.align-1{height: 223px; height: 221px\0;}
	.align-2{height: 200px; height: 201px\0;}
}
@media screen and (max-width: 1100px){
	.align-1{height: 218px; height: 217px\0;}
	.align-2{height: 200px;}
}
@media screen and (max-width: 880px){
	.align-4{height: auto;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2){
	.align-1{height: 226px;}
	.align-2{height: 205px;}
	.align-3{height: 255px;}
	.align-4{height: 568px;}
	@media screen and (max-width: 1280px){
		.align-1{height: 238px;}
		.align-2{height: 206px;}
	}
	@media screen and (max-width: 1200px){
		.align-1{height: 224px;}
		.align-2{height: 207px;}
	}
	@media screen and (max-width: 1140px){
		.align-1{height: 228px;}
		.align-2{height: 210px;}
		.align-3{height: 280px;}
		.align-4{height: 571px;}
	}
	@media screen and (max-width: 1100px){
		.align-1{height: 222px;}
		.align-2{height: 210px;}
	}
	@media screen and (max-width: 880px){
		.align-4{height: auto;}
	}
}
@media only screen and (min--moz-device-pixel-ratio: 2){
	.align-1{height: 230px;}
	.align-3{height: 245px;}
}

.form-page{text-align: center; padding: 20px 0;}
.form-page h3{font-size: 22px; color: #2f68b7; padding: 10px 0 30px;}
.form-page .row{background-color: #f9f9f9; background-position: left center; background-repeat: no-repeat; background-size: contain; border: 1px solid #eee; box-sizing: border-box; padding-left: 38px; width: 364px; margin: 0 auto; height:38px; text-align: left; margin-bottom: 10px; overflow: hidden; border-radius: 4px;}
.form-page .row .input-1{display: block; margin: 0; height:36px; line-height: 36px; font-size: 14px; width:100%; background-color: transparent; border: 0;}
.form-page .row .in-box{line-height: 36px; width: 100%; color: #a9a9a9; font-size: 14px; position:relative;}
.form-page .row .in-box .input-2{position: absolute; right: 0; top: 0;}
.form-page .row .in-box .input-2 input{vertical-align: middle; margin-right: 5px;}
.form-page .row .in-box .input-2 label{margin-right: 10px; color: #444;}
.form-page .row.icon-1{background-image: url(../images/formIcon1.png);}
.form-page .row.icon-2{background-image: url(../images/formIcon2.png);}
.form-page .row.icon-3{background-image: url(../images/formIcon3.png);}
.form-page .row.icon-4{background-image: url(../images/formIcon4.png);}
.form-page .row.icon-5{background-image: url(../images/formIcon5.png);}
.form-page .row.icon-6{background-image: url(../images/formIcon6.png);}
.form-page .row.icon-7{background-image: url(../images/formIcon7.png);}
.form-page .other{width: 364px; font-size: 14px; margin: 0 auto 20px; padding-top: 10px; overflow: hidden;}
.form-page .other .left{float: left;}
.form-page .other .right{float: right;}
.form-page .other label{color: #999;}
.form-page .other label input{vertical-align: middle; margin-right: 5px;}
.form-page .other a{color: #316bbb; text-decoration: none;}
.form-page .other a:hover{text-decoration: underline;}
.form-page .button{width: 364px; height: 40px; margin: 0 auto 30px;}
.form-page .button .blue{display: block; width: 100%; height: 100%; line-height: 40px; background-color: #316bbb; color: #fff; font-weight: bold; font-size: 18px; text-align: center; border: 0; border-radius: 4px; cursor: pointer;}
.form-page .button .gray{display: block; line-height: 40px; background-color: #f3f3f3; color: #444; font-weight: bold; font-size: 18px; text-align: center; border: 1px solid #eee;; border-radius: 4px; cursor: pointer; box-sizing: border-box; text-decoration: none;}
.form-page .row-a{overflow: hidden; width: 364px; margin:0 auto;}
.form-page .row-a .row{width: 50%; float: left;}
.form-page .row-a .code{float: left; margin-left: 10px;}
.form-page .row-a .code span{font-size: 0; border-radius: 4px; overflow: hidden; border: 1px solid #eee; display: inline-block; vertical-align: middle;}
.form-page .row-a .code span img{height: 36px;}
.form-page .row-a .code a{font-size: 14px; color: #316bbb; vertical-align: middle; display: inline-block; text-decoration: none; margin-left: 10px;}
.form-page .row-a .code a:hover{text-decoration: underline;}

@media screen and (max-width: 400px){
	.form-page .row,
	.form-page .row-a,
	.form-page .other,
	.form-page .button{width: auto;}
}


.list-e{list-style: none;}
.list-e li{*zoom: 1; padding: 20px 0;}
.list-e li:after,
.list-e li .m-w:after{content: '\20'; display: block; clear: both;}
.list-e li .m-w{width: 100%;}
.list-e li .m-w .w{margin-left: 176px; font-size: 12px; color: #444;}
.list-e li .m-w .w h3{font-size: 16px; margin-bottom: 10px;}
.list-e li .m-w .w a{color: #316bbb; text-decoration: none;}
.list-e li .m-w .w a:hover{text-decoration: underline;}
.list-e li .m-w .w p{line-height: 1.6; padding: .8em 0;}
.list-e li .m-w,
.list-e li .i{float: left;}
.list-e li .i{width: 156px; margin-left: -100%;}
.list-e li .i img{width: 100%;}
@media screen and (max-width: 480px){
	.list-e li .i{width: 100px;}
	.list-e li .m-w .w{margin-left: 120px;}
}
@media screen and (max-width: 370px){
	.list-e li .i{display: none;}
	.list-e li .m-w .w{margin-left: 0;}
}


.submit-form{background-color: #f8fbff; border-radius: 4px; border: 1px solid #e8eef7; text-align: center; padding: 30px; margin-top: 40px;}
.submit-form .form-title{border-bottom: 2px solid #e8eef7; padding: 0 0 10px; position: relative;}
.submit-form .form-title .plus{position: absolute; right: 0; top: 0; width: 28px; height: 28px; text-indent: -1000px; overflow: hidden; display: block; background: url(../images/plus.png) no-repeat; background-size: contain;}
.submit-form .form-title h3{font-size: 22px; color: #444;}
.submit-form .form-item{border-bottom: 2px solid #e8eef7; padding: 30px 0; text-align: left;}
.submit-form .form-item .row{font-size: 0; padding: 5px 0;}
.submit-form .form-item .row .cell{display: inline-block; font-size: 14px; color: #333; width: 30%; text-align: right; height: 40px; line-height: 40px;}
.submit-form .form-item .row .cell span{color: #f00;}
.submit-form .form-item .row .input{display: inline-block; width:50%; margin-left: 10px; text-align: left; font-size: 14px; height: 40px; line-height: 40px;}
.submit-form .form-item .row .input .text{width: 100%; box-sizing: border-box; height: 40px; line-height: 40px; border: 1px solid #dae3ef; border-radius: 4px; background-color: #fff; text-indent: 1em;}
.submit-form .form-item .row .input label{margin-right: 10px;}
.submit-form .form-item .row .input label input{vertical-align: middle; margin-right: 5px; margin-left: 5px;}
.submit-form .button{padding-top: 20px;}
@media screen and (max-width: 500px){
	.submit-form .form-title h3{font-size: 16px;}
	.submit-form .form-item .row .cell,
	.submit-form .form-item .row .input{display: block; width:auto; text-align: left; margin-left: 0;}
}