@charset "UTF-8";
@import "common.css";

body {font-size: 14px;line-height: 1.5;font-family: "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif;color: #333333;}
.red {color: #f6121c;}
a {color: #333333;text-decoration: none;}
a:hover {color: #26439c;}
:-moz-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #aaa;}

.ico {background: url(../images/ico.png) no-repeat;display: inline-block;vertical-align: middle;}
.btn-ico {background: url(../images/btn-ico.png) no-repeat;display: inline-block;vertical-align: middle;}


.container{width: 98%;max-width: 1200px;margin: auto;}

.top{width: 100%;position: fixed;top: 0;left: 0;z-index: 100;background: #fff;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);}
.header {width: 90%;margin: auto;position: relative}
.header .logo,.header .search{width:190px;position: absolute;top: 22px;}
.header .logo {left: 0;}
.header .search {background: #ebeff1;right: 0;}
.header .search input{outline: none;border: none;}
.header .search .stxt {width:calc(100% - 22px);text-indent: 5px;float: left;background: transparent;height: 30px;line-height: 30px;font-size: 12px;}
.header .search .sbtn {width: 20px;height: 20px;float: right;cursor: pointer;background-position: -87px 0;margin-top: 5px;}


.header .nav {width:751px;font-size: 18px;position: relative;margin: auto}
.header .nav li {width:calc((100% - 8px)/7);border-right: 1px solid #ebeff1;float: left;position: relative;z-index: 10;}
.header .nav li:first-child {border-left: 1px solid #ebeff1;}
.header .nav li:before {width: 0;height: 2px;background: #26439c;display: block;content: "\20";position: absolute;left: 0;bottom: 0;transition: all ease 300ms;}

.header .nav li a {width: 100%;display: block;position: relative;color: #333333;cursor: pointer;overflow: hidden;}
.header .nav li>a {line-height:90px;}
.header .nav li a span {font-family: arial;text-transform: uppercase;font-size: 12px;color: #999999;display: block;}
.header .nav li.hover .nav1, .header .nav li:hover .nav1 {background: #26439c;color: #fff;}
.header .nav li.hover .nav1 span, .header .nav li:hover .nav1 span {color: #fff;}
.header .nav li.hover:before, .header .nav li:hover:before {width: 100%;}
.header .nav li .subNav {position: absolute;width: 100%;text-align: center;z-index: 99;left: 0;top: 100%;background: #203679;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}

.header .nav li:hover .subNav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.header .nav li .subNav a {padding: 0;display: block;height: 38px;font-size: 14px;line-height: 38px;color: #fff;}
.header .nav li .subNav a:hover {background: #26439c;}



.menu-button {width:26px;top: 20px;right: 20px;cursor: pointer;-webkit-transition: .3s;transition: .3s;display: none;position: fixed;z-index: 99;background: rgba(0,0,0,0.2);padding: 5px;}
.menu-button .bar {position: relative;display: block;width:100%;height:2px;background: #fff;border-radius: 10px;-webkit-transition: .3s;transition: .3s;}
.menu-button .bar:nth-of-type(2) {margin:5px 0;}
.cross .bar:nth-of-type(1) {-webkit-transform:translateY(7px) rotate(-45deg);-ms-transform: translateY(7px) rotate(-45deg);transform:translateY(7px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {opacity: 0;}
.cross .bar:nth-of-type(3) {-webkit-transform:translateY(-7px) rotate(45deg);-ms-transform: translateY(-7px) rotate(45deg);transform:translateY(-7px) rotate(45deg);}
.header .nav.open {display: block}

.banner{margin-top: 90px;}


.links {background-color: #0d246a;padding: 15px 0;width: 100%;}
.links h3{color: #fff;font-size: 16px;font-weight: bold;}
.links a {font-size: 14px;color: #fff;padding-right: 10px;}
.links a:hover {color: #f1f1f1;}

.bmsg {width: 48%;padding: 0 3%;margin: 0 2%;border-right: 1px solid #354b91;border-left: 1px solid #354b91;float: left}

.bmsg .input {width:48%;border: 1px solid #354b91;margin-bottom: 12px;line-height: 40px;text-indent:10px;color: #fff;box-sizing: border-box;outline: none;background: none; }
.bmsg .input:first-child {margin-right:2%}
.bmsg .inputs {width: 100%;height: 51px;}
.bmsg .btn {width: 170px;display: block;line-height: 40px;text-align: center;background: #30a25d;border-radius: 3px;cursor: pointer;color: #fff;border: 0;margin: auto}



.footer {width: 100%;background: #1e3784;color: #fff;font-size: 14px;line-height:2.5;padding: 40px 0;}
.footer a {color: #fff;margin-right: 15px;}
.footer a:hover {opacity: 0.8;filter: alpha(opacity=80);}

.footer .ewm {width:15%;text-align: center;float: right}
.footer .ewm .img {padding: 6px;border: 1px solid #2e458d;}

.footer .txt{width: 24%;float: left;font-size: 12px;color: #fff;}
.footer .tit {font-size: 18px;border-bottom: 1px solid #354b91;margin-bottom: 15px;}
.footer .txt li {line-height: 50px;}
.footer .txt li s {width: 20px;height: 21px;display: inline-block;margin-right: 8px;vertical-align: middle;background: url(../images/add-f-ico.png) no-repeat center 0;}
.footer .txt li.a2 s {background-position: center -43px;}
.footer .txt li.a3 s {background-position: center -89px;}

.copyright {line-height: 46px;font-size: 12px;background: #0d246a;color: #9095af;text-align: center}
.copyright a {color: #9095af;}
.copyright a:hover {color: #fff;}

@media (max-width:1500px) {
    .header {width: 98%;}
    .header .nav {width:680px;font-size: 16px;}
}
@media (max-width:1200px) {

    .header .logo {width: 150px;top: 16px;}
    .header .nav {width: 624px;font-size: 16px;float: right}
    .header .nav li>a {line-height:70px;}
    .header .search{display: none}

    .banner{margin-top: 70px;}
}

@media (max-width:812px) {
    body {font-size: 12px;}
    .header .logo {width: 150px;position: initial;margin: 0 auto;padding: 20px 0;}
    .menu-button{display: block}

    .header .nav {width:100%;font-size: 14px;float: none;display: none}
    .header .nav li {width:100%;border:0!important;float:none}
    .header .nav li .subNav {display: none!important;}


    .bmsg {display: none}

    .footer {font-size: 14px;padding:20px 0;}

    .footer .ewm {width: 150px;float: none;margin: auto}
    .footer .ewm .img {padding: 3px;}

    .footer .txt{width:96%;float: none;margin: auto;}
    .footer .tit {font-size:16px;margin-bottom: 10px;}
    .footer .txt li {line-height:30px;}

}
.toolbar1 {width: 50px;position: fixed;right: 0;top: 50%;margin-top: -102px;z-index: 999;}
.toolbar1 dd {width: 50px;height: 50px;margin-bottom: 1px;position: relative;background:rgba(0,0,0,0.5);}
.toolbar1 dd i {width: 50px;height: 50px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;}
.toolbar1 dd i span {width: 35px;height: 35px;display: block;margin: 7px 0 0 7px;background: url(../images/rightFixIcon.png) no-repeat 0 0;}

.toolbar1 .slide-tel {display: block;width: 0;height: 50px;line-height: 50px;font-size: 24px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 50px;top: 0;right: 0;overflow: hidden;}
.toolbar1 .pop {position: absolute;right: 90px;top: -65px;background: #26439c;display: none;}
.toolbar1 .pop-code {width: 160px;}
.toolbar1 .pop-code img {width: 120px;height: 120px;display: block;padding: 20px 20px 0;}
.toolbar1 .pop-code h3 {height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar1 .pop-code h3 b {display: block;font-size: 14px;font-weight: normal;}
.toolbar1 .qq span {background-position: 0 -47px;}
.toolbar1 .qq a {width: 50px;height: 50px;cursor: pointer;display: block;}
.toolbar1 .qq:hover {background: #26439c;}
.toolbar1 .tel span {background-position: 0 0;}
.toolbar1 .tel:hover {background: #26439c;}
.toolbar1 .code span {background-position: 0 -95px;}
.toolbar1 .code:hover {background: #26439c;}
.toolbar1 .toTop span {background-position: 0 -142px;}
.toolbar1 .toTop:hover {background: #26439c;}






.indexTit {text-align: center;width: 100%;position: relative;margin:40px 0;}
.indexTit .en {font-size: 40px;display: block;text-transform: uppercase;color: #000;}
.indexTit .en strong {color: #3f9f4e;}
.indexTit h3 {font-size: 24px;line-height: 2;color: #fff;display: inline-block;background: #26439c;padding: 0 26px;position: relative;z-index: 3;}

/*index*/
.iabout {width: 100%;padding: 30px 0;background: url(../images/iaboutbg.jpg) no-repeat center top;}
.iabout .indexTit {background: url(../images/ititbg1.png) no-repeat center ;}
.iabout .contxt {padding:0 5% ;font-size: 18px;text-align: left;line-height:2;overflow: hidden;}
.iabout .more {width:70%;max-width: 250px;display: block;margin: 48px auto;border: 2px solid #e9edef;line-height: 40px;color: #666;transition: all ease 300ms;}
.iabout .more:hover {background: #26439c;color: #fff;}



.icase {width: 100%;overflow: hidden;}
.icase ul li{width:16.666%;float: left;text-align: center;}
.icase ul li a {width: 100%;color: #fff;overflow: hidden;display: block;position: relative;}
.icase ul li a:before {opacity: 0;width: 94%;height: 94%;position: absolute;border: 1px solid #fff;content: '';left: 3%;top: 3%;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0.5);transform: scale(0.5);z-index: 11;display: none;}
.icase ul li .img {overflow: hidden;}
.icase ul li img {width: 100%;display: block;transition: all ease 300ms;}
.icase ul li .t1 {width: 100%;position: absolute;left: 0;bottom: 0;line-height:3;font-size:18px;box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);background: url(../images/t1bg.png) repeat-x center bottom;}
.icase ul li .bg {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background:rgba(0,0,0,0.5);opacity: 0;}
.icase ul li .txtcon {opacity: 0;position: absolute;left: 50%;top: 80%;transform: translate(-50%, -50%);transition: all .4s;width: 260px \9;height: 150px \9;margin: -75px 0 0 -130px \9;}
.icase ul li .txtcon .t2 {width: 100%;font-size: 26px;}
.icase ul li .txtcon span {font-size: 12px;margin: 5px 0 15px;display: block;}
.icase ul li .txtcon s {width: 58px;height: 58px;display: block;margin: 0 auto;background-position: 0 -42px;}


.icase ul li:hover .bg, .icase ul li:hover .txtcon {opacity: 1;filter: alpha(opacity=100);}
.icase ul li:hover .txtcon {top: 50%;}
.icase ul li:hover .t1 {opacity: 0;}
.icase ul li:hover a:before {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}



.iadvan {padding: 50px 0;}
.iadvan .indexTit {margin-bottom: 65px;background: url(../images/ititbg2.png) no-repeat center;}

.iadvan .bigarea {width: 100%;background: #fff;color: #fff;overflow: hidden;position: relative;text-align: center}
.iadvan .bigarea img {max-width: 100%;}

.iadvan .smallarea {width: 100%;border-bottom: 1px solid #244096;margin-bottom: 32px;    display: flex;
    justify-content: space-between;}
.iadvan .smallarea .item {/*width: 20%;*/float: left;padding-bottom: 25px;color: #000;cursor: pointer;position: relative;}
.iadvan .smallarea .item img {width:70px;/*float: left;*/margin-right: 10px;}
.iadvan .smallarea .item h3 {font-size:20px;color: #333333;padding-top:8px;}
.iadvan .smallarea .item .en {font-size: 12px;text-transform: uppercase;color: #999999;}

.iadvan .smallarea .item .ico {width: 45px;height: 8px;display: block;background-position: -148px 0;position: absolute;left: 22px;bottom: -9px;display: none;}
.iadvan .smallarea .item:hover .ico, .iadvan .smallarea .item.hover .ico {display: block;}


.ihonor {width: 100%;padding:20px 0;background: #f3f5f6;}
.ihonor .indexTit {margin:15px 0;background: url(../images/ititbg2.png) no-repeat center;}
.ihonor ul{display: flex;
    justify-content: space-between;    flex-wrap: wrap;}
.ihonor ul li {width:31.33%;margin:30px 1%;font-size: 20px;line-height: 2;position: relative;border-radius: 7px;    padding: 40px 0 10px 0;}
.ihonor ul li:nth-child(1){background:#07affd}
.ihonor ul li:nth-child(2){background:#0bc8c8}
.ihonor ul li:nth-child(3){background:#2387ef}
.ihonor ul li img {    display: block;
    width: 60px;
    margin: 0 auto;transition: all ease 300ms;}
.ihonor ul li h3 {/*position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);width:70%;*/transition: all ease 300ms;color: #fff;text-align: center;/*background:rgba(38,67,156,0.75);*/font-size: 1.3vw;
    line-height: 50px;}
.ihonor ul li:hover img {opacity: 0.8;filter: alpha(opacity=80);}
.ihonor ul li:hover h3 {/*width:75%;*/}
.ihonor ul li p{padding:0 20px;font-size:13px;color:#fff}


.inews {padding:40px 0;}
.inews .indexTit {background: url(../images/ititbg2.png) no-repeat center 30px;}

.inews .inews_left {width:42%;float: left}
.inews .inews_left .img {overflow: hidden;position: relative;}
.inews .inews_left .img:hover .tip {width: 90px;}
.inews .inews_left .img:hover img {-webkit-filter: brightness(105%);filters: brightness(105%);}
.inews .inews_left .tip {line-height:2;background: #26439c;padding:15px;color: #fff;position: absolute;left: 0;top: 0;transition: all ease 300ms;}
.inews .inews_left h3 {font-size: 20px;line-height:2.5;overflow: hidden;transition: all ease 300ms;}
.inews .inews_left p {color: #999999;font-size: 16px;height: 56px;overflow: hidden;}
.inews .inews_left .more {width:70%;max-width: 250px;line-height: 35px;margin-top: 8px;display: block;color: #000000;border: 1px solid #000000;text-align: center;}

.inews .inews_right {width:55%;float: right}
.inews .inews_right ul li {border-top: 1px solid #eaeef0;color: #999999;padding: 30px 0;display: block}
.inews .inews_right ul li:first-child {border-top: 0;padding-top: 0}


.inews .inews_right ul li .text {width:calc(100% - 100px);float: right}
.inews .inews_right ul li .text h3 {font-size: 20px;color: #000;margin-bottom: 8px;transition: all .3s ease-in-out 0s;}
.inews .inews_right ul li .text p {height: 40px;line-height: 20px;overflow: hidden;}
.inews .inews_right ul li .time {width: 92px;font-size: 16px;float: left;color: #999999;text-align: center;}
.inews .inews_right ul li .time .day {font-size:50px;line-height:1;font-weight: bold;}
.inews .inews_right ul li:hover h3 {color: #26439c;}


.icooper {padding: 45px 0;border: 1px solid #e0e6e9;}
.icooper .indexTit {margin:20px 0;background: url(../images/ititbg1.png) no-repeat center;}
.icooper ul li img {transition: all ease 300ms;}
.icooper ul li:hover img {-webkit-filter: brightness(105%);filters: brightness(105%);}


@media (max-width:1200px) {

    /*index*/
    .iabout {padding: 30px 0;}
    .iabout .contxt {font-size: 16px;}
    .icase ul li{width:33.3%;}
    .icase ul li .txtcon .t2{font-size: 20px;}

    .iadvan {padding:20px 0;}

    .iadvan .smallarea {margin-bottom:15px;}
    .iadvan .smallarea .item {width: 20%;padding-bottom:10px;text-align: center}
    .iadvan .smallarea .item img {width:50px;float: none;margin-right:0;}
    .iadvan .smallarea .item h3 {font-size:18px;}
    .iadvan .smallarea .item .en {display: none}
    .iadvan .smallarea .item .ico{left: 50%;transform: translateX(-50%)}



}


@media (max-width:640px) {
    .indexTit {margin:30px 0;}
    .indexTit .en {font-size:30px;}
    .indexTit h3 {font-size:12px;}

    .iabout .indexTit,.ihonor .indexTit {background:none;}
    .iabout .contxt{font-size: 14px;}
    .iabout .more{margin: 15px auto}
    .icase ul li{width:50%;}
    .icase ul li .t1{font-size: 15px;}
    .icase ul li .txtcon .t2{font-size:16px;}

    .iadvan{display: none}
    .ihonor ul li {width:98%;margin:10px 1%;float: none;font-size: 14px;}

    .inews .inews_left,.inews .inews_right {width:100%;float: none}
    .inews .inews_left h3{font-size: 15px;text-align: center}
    .inews .inews_left p{display: none}
    .inews .inews_left .more{margin: 15px auto}


    .inews .inews_right ul li {padding:15px 0;}
    .inews .inews_right ul li:first-child {padding-top: 15px}

    .inews .inews_right ul li h3 {font-size:16px;cmargin-bottom: 8px;}

    .inews .inews_right ul li .text {width:100%;float:none}
    .inews .inews_right ul li .time {display:none}
}

/*page*/
.nybanner {width: 100%;height: 300px;position: relative;margin-top: 90px;overflow: hidden;background-position: center bottom;background-repeat: no-repeat;}
.sitepath {padding: 10px 0;line-height:30px;width: 100%;background: #fff;font-size: 12px;color: #999999;}
.sitepath a {color: #999999;}
.sitepath a:hover {color: #26439c;}

.page_bg {padding: 35px 0 50px;background: #f5f5f5}

.page_bg .content {width:calc(100% - 240px);border-color: #26439c;float: right;}
.page_bg .content img {max-width: 100%;}
.page_bg .left-menu {width: 220px;float: left}



.left-menu .topTitle{text-align: center;border-bottom: 1px solid #e0e0e0;background: #26439c;color: #FFFFFF;line-height: 3;font-size: 20px;}
.left-menu .item {position: relative;padding: 10px 0;border-radius: 4px;margin-bottom: 13px;text-align: center;border: 1px solid #d5d5d5;background: #f0f0f0;display: block}
.left-menu .item h3 {font-size: 18px;color: #333;padding:6px 0;}
.left-menu .item s {width: 45px;height: 45px;display: block;margin: 0 auto;background: url(../images/left-ico.png) no-repeat 0 0;transition: all ease 300ms;}
.left-menu .item:hover, .left-menu .item.hover {background: #26439c;border-color: #26439c;}
.left-menu .item:hover h3, .left-menu .item.hover h3 {color: #fff;}
.left-menu .item.a1 s, .left-menu .item.a7 s, .left-menu .item.a13 s {background-position: 0 0;}
.left-menu .item.a1:hover s, .left-menu .item.a1.hover s, .left-menu .item.a7:hover s, .left-menu .item.a7.hover s, .left-menu .item.a13:hover s, .left-menu .item.a13.hover s {background-position: -60px 0;}
.left-menu .item.a2 s, .left-menu .item.a8 s, .left-menu .item.a14 s {background-position: 0 -60px;}
.left-menu .item.a2:hover s, .left-menu .item.a2.hover s, .left-menu .item.a8:hover s, .left-menu .item.a8.hover s, .left-menu .item.a14:hover s, .left-menu .item.a14.hover s {background-position: -60px -60px;}
.left-menu .item.a3 s, .left-menu .item.a9 s, .left-menu .item.a15 s {background-position: 0 -120px;}
.left-menu .item.a3:hover s, .left-menu .item.a3.hover s, .left-menu .item.a9:hover s, .left-menu .item.a9.hover s, .left-menu .item.a15:hover s, .left-menu .item.a15.hover s {background-position: -60px -120px;}
.left-menu .item.a4 s, .left-menu .item.a10 s {background-position: 0 -180px;}
.left-menu .item.a4:hover s, .left-menu .item.a4.hover s, .left-menu .item.a10:hover s, .left-menu .item.a10.hover s {background-position: -60px -180px;}
.left-menu .item.a5 s, .left-menu .item.a11 s {background-position: 0 -240px;}
.left-menu .item.a5:hover s, .left-menu .item.a5.hover s, .left-menu .item.a11:hover s, .left-menu .item.a11.hover s {background-position: -60px -240px;}
.left-menu .item.a6 s, .left-menu .item.a12 s {background-position: 0 -424px;}
.left-menu .item.a6:hover s, .left-menu .item.a6.hover s, .left-menu .item.a12:hover s, .left-menu .item.a12.hover s {background-position: -60px -424px;}
.left-menu.left-menu2 s {background-image: url(../images/left-ico2.png);}


.newsPage{}
.newsPage ul li {border: 1px solid #e5e5e5;background: #fff;margin-bottom: 35px;transition: all ease 300ms;}
.newsPage ul li .img {width: 260px;float: left;;transition: all ease 300ms;}
.newsPage ul li .text {width: calc(100% - 280px);padding: 20px 50px;color: #999999;transition: all ease 300ms;}
.newsPage ul li .text h3 {font-size: 20px;margin:10px 0;color: #000000;overflow: hidden;transition: all ease 300ms;}
.newsPage ul li p {line-height: 24px;height: 72px;overflow: hidden;}
.newsPage ul li .time {font-size: 12px;color:#999;margin-top: 15px;}
.newsPage ul li:hover {background: #f9f9f9;}
.newsPage ul li:hover .img {-webkit-filter: brightness(108%);filters: brightness(108%);}
.newsPage ul li:hover .text h3 {color: #26439c;}

.pglist {padding: 30px 0;width: 100%;text-align: center;clear: both;}
.pglist a {color: #999;padding: 0 10px;margin: 0 3px;display: inline-block;line-height: 28px;background: #fff;border: 1px solid #c9c9c9;}
.pglist a:hover, .pglist a.active{color: #fff;background: #26439c;border-color: #26439c;}


.piclist li {width: 31.3%;margin:0 1% 20px;float: left;overflow: hidden;cursor: pointer;transition: all ease 300ms;background: #fff;}
.piclist li a, .piclist li img {transition: all ease 300ms;}
.piclist li h3 {width: 100%;text-align: center;line-height:3;color: #333;transition: all ease 300ms;}
.piclist li:hover {background: #26439c;}
.piclist li:hover h3 {color: #fff;}


@media (max-width:1200px) {
    .nybanner {margin-top: 70px;}

    .page_bg .content,.page_bg .left-menu {width:100%;float: none}
    .left-menu{text-align: center}
    .left-menu .item {padding: 10px 20px;margin:15px 5px;display: inline-block}

    .newsPage ul li {margin-bottom:20px}
    .newsPage ul li .img {width:180px;}

    .newsPage ul li .text {width: calc(100% - 200px);padding-top:0;}
    .newsPage ul li .text h3 {font-size:17px;margin:10px 0;}
    .newsPage ul li p {line-height: 24px;height:48px;}
    .newsPage ul li .time {margin-top:5px;}

}


@media (max-width:640px) {
    .left-menu .topTitle{font-size:16px;}
    .left-menu .item {padding: 5px 10px;margin:10px 0;display: inline-block}
    .left-menu .item h3{font-size: 16px;}

    .newsPage ul li {margin-bottom:20px}
    .newsPage ul li .img {width:100%;float: none;}

    .newsPage ul li .text {width:100%;padding-top:0;text-align: center}
    .newsPage ul li .text h3 {font-size:14px;margin:10px 0;}
    .newsPage ul li p {display: none}
    .newsPage ul li .time {display: none}

    .pglist{padding: 10px 0;}

    .piclist li {width:48%;margin:10px 1%;}

}
.contactPage {background: #fff;margin: 35px auto 68px;overflow: hidden;}
.contactPage .mapArea {width: 55%;overflow: hidden;float: right}
.contactPage .mapArea #allmap {width: 100%;height: 400px;}
.contactPage .txtcon {line-height:2;color: #666;width: 42%;padding-left: 3%;float: left}
.contactPage .txtcon .ico {width: 26px;height: 30px;display: block;background-position: -46px 0;}

.contactPage .txtcon h3 {font-size: 20px;color: #000;padding-top: 20px;}
.contactPage .txtcon .en {font-size: 37px;color: #000;padding-bottom: 20px;font-family: impact;display: block;line-height: 1}


.showNews {background: #fff;padding: 20px}
.showNews .title {font-size: 22px;color: #333333;text-align: center;margin: 10px 0 16px;}
.showNews .mark {color: #999999;font-size: 12px;line-height: 38px;text-align: center;margin-bottom: 20px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.showNews .showContxt {color: #666666;padding: 0 2px 20px;line-height:2;}
.reLink {margin: 20px 0 10px;line-height:2;border-top: 2px solid #dddddd;}
.reLink a{color: #333333;}
.reLink a:hover {color: #26439c;}


.catetxt {margin-bottom: 20px;border: 1px solid #eeeeee;padding: 20px 30px;background: #ffffff;}
.catetxt .title {font-size: 22px;color: #333333;text-align: center;margin: 10px 0 16px;}
.catetxt .showContxt {color: #666666;line-height:2;padding-bottom: 20px;}
.partners {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.partners li{
    width: 31.33%;
    margin: 1.2vw 0;
}
}
.partners li:hover{-moz-box-shadow:0px 0px 20px #333333; -webkit-box-shadow:0px 0px 20px #333333; box-shadow:0px 0px 20px #333333;}
.partners li a{}
.partners li span{
    font-size: 15px;
    display: block;
    padding: 25px;
    background: #f4f5f9;
}
@media (max-width:640px) {
    .contactPage {margin:25px auto;}
    .contactPage .mapArea,.contactPage .txtcon {width: 100%;float: none;}

    .contactPage .mapArea #allmap {width: 100%;height: 400px;}
    .contactPage .txtcon {line-height:2;color: #666;width: 42%;padding-left: 3%;float: left}
    .contactPage .txtcon .ico {width: 26px;height: 30px;display: block;background-position: -46px 0;}

    .contactPage .txtcon h3 {font-size: 20px;padding-top: 20px;}
    .contactPage .txtcon .en {font-size: 37px;padding-bottom: 20px;line-height: 1}


    .showNews {padding:10px}
    .showNews .title {font-size:16px;margin: 10px 0 16px;}
    .showNews .mark {font-size: 12px;line-height: 38px;margin-bottom: 10px;}


}




















.hvr-overline-from-left {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;}
.hvr-overline-from-left:before {content: "";position: absolute;z-index: -1;left: 0;right: 100%;top: -1px;background: #26439c;height: 2px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before, .hvr-overline-from-left.hover:before {right: 0;}
/*round-corners*/
.round-corners {display: inline-block;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: border-radius;transition-property: border-radius;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.round-corners:hover {border-radius: 1em;}
/* Underline From Left */
.hvr-underline-from-left {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;overflow: hidden;}
.hvr-underline-from-left:before {content: "";position: absolute;z-index: -1;left: 0;right: 100%;bottom: 0;background: #26439c;height: 2px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {right: 0;}
/* 亮光 */
.hvr-light {overflow: hidden;position: relative;}
.hvr-light:before {content: "";position: absolute;width: 50px;height: 275px;top: 0;left: -150px;overflow: hidden;background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);-webkit-transform: skewX(-32deg);-ms-transform: skewX(-32deg);-moz-transform: skewX(-32deg);transform: skewX(-32deg);}
.hvr-light:hover:before {-webkit-transition: left 1s;-moz-transition: left 1s;-ms-transition: left 1s;transition: left 1s;left: 480px;}
.hvr-light:hover {opacity: .9\0;filter: alpha(opacity=90);}
/* Float Shadow */
.hvr-float-shadow {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.hvr-float-shadow:before {pointer-events: none;position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 0;background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);/* W3C */
	-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform, opacity;transition-property: transform, opacity;}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {-webkit-transform: translateY(-5px);transform: translateY(-5px);/* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}


.HS10, .HS15 {overflow: hidden;clear: both;}
.HS10 {height: 10px;}
.HS15 {height: 15px;}
.Hidden {display: none;}
.Clearer {display: block;clear: both;font-size: 1px;line-height: 1px;margin: 0;padding: 0;}
.FlLeft {float: left;}
.FlRight {float: right;}
/*幻灯片区域背景*/
.MainBg {width: 100%;margin: 0 auto;}
/*大图展示区域*/
.OriginalPicBorder {padding: 0;}
#OriginalPic {width: 920px;overflow: hidden;position: relative;font-size: 12px;}
#OriginalPic img {display: block;min-width: 100px;margin: 0 auto;}
/*鼠标手势*/
.CursorL {position: absolute;z-index: 999;width: 50%;height: 100%;color: #FFF;left: 0;
}
.CursorR {position: absolute;z-index: 999;width: 50%;height: 100%;color: #FFF;right: 0;
}
/*小图预览和滑动*/
.SliderPicBorder {width: 100%;overflow: hidden;}
.ThumbPicBorder {width: 100%;margin: 0 auto;background: #eeeeee;overflow: hidden;position: relative;}
.ThumbPicBorder #btnPrev {width: 45px;height: 113px;cursor: pointer;position: absolute;left: 20px;top: 20px;}
.ThumbPicBorder #btnNext {width: 45px;height: 113px;cursor: pointer;position: absolute;right: 20px;top: 20px;}
.ThumbPicBorder .pic {width: 755px;overflow: hidden;position: relative;margin: 20px auto;}
#ThumbPic img {border: 3px solid #ddd;cursor: pointer;background-color: #ddd;margin: 0 5px;width: 135px;height: 108px;display: block;transition: all .3s ease-in-out 0s;}
#ThumbPic img.active {border: 3px solid #26439c;}