@charset "utf-8";

html {
    font-size: 16px;
    overflow-x: hidden;
}

body {
    background-color: #f0efed;
    color: #404040;
    overflow-x: hidden;
}
a {
    background: transparent;
    text-decoration: none;
    color: #08c;
}.el {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.Header-logo-hidden,
.Header-logo-hidden-animated {
    display: none;
}

.Header {
    background-color: #f0efed;
    height: 50px;
    position: relative;
    z-index: 55;
}





@-webkit-keyframes searchLights {
    0% { left: -100px; top: 0; }
    to { left: 220px; top: 100px; }
}
@-o-keyframes searchLights {
    0% { left: -100px; top: 0; }
    to { left: 220px; top: 100px; }
}
@-moz-keyframes searchLights {
    0% { left: -100px; top: 0; }
    to { left: 200px; top: 100px; }
}
@keyframes searchLights {
    0% { left: -100px; top: 0; }
    to { left: 200px; top: 100px; }
}



.Header-logo,
.Header-logo-animated {
    background-color: #0056a1;
    height: 50px;
}

.Image {overflow: hidden;
    display: inherit;
    position: relative;
    width: 100%;
}

.Image img {
    max-width: 100%;
}



.Header-body {
    height: 50px;
}

.Header-buttons {

    height: 50px;
}

.Header-like-button,
.Header-menu-button,
.Header-search-button {
    height: 50px;
    width: 50px;
}

.Header-menu-button {
    background-color: transparent;
    background-image: url(../images/menu-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    border: 0;
    border-left: 1px #e8e7e4 solid;
    display: block;
    height: 50px;
    width: 50px;
    outline: 0;
    text-indent: -10000px;
    background-size: 18px 18px;
}

.Header-search-button {
    background-color: transparent;
    background-image: url(../images/search-icon.png);
    background-repeat: no-repeat;
    background-size: 24px 13px;
    background-position: center center;
    border: 0;
    border-left: 1px #e8e7e4 solid;
    display: block;
    height: 50px;
    width: 50px;
    outline: 0;
    text-indent: -10000px;
    background-size: 18px;
}

.Header-menu {
    float: right;
    box-sizing: content-box;
    background-color: #faf9f7;
    box-shadow: 0 10px 10px 0 rgb(0 0 0 / 10%);
    border-top: solid 1px #f0efed;
    /*position: absolute;
    top: 50px;
    left: 0;*/
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 75px);
    width: calc(100vw - 43px);
    padding: 27px 18px 0 25px;
}

.GenericPage,
.MediaAssetsPage,
.MediaCenterPage,
.PressReleaseSearchPage,
.SearchPages {
    background: #fff;
}

.CardRowItem-category-title,
.CardRowItem-title,
.LedeLinkList-title,
.ListPromo-title,
.MediaPromo-category-title,
.MediaPromo-title,
.Promo-title {
    font-family: FreightTextPro, times, serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
}

.Header .ListPromo-title {
    font-size: 12px;
    color: #807d79;
    font-family: AkzidenzGroteskStd, sans-serif;
    font-weight: 500;
    margin-bottom: 11px;
    text-transform: uppercase;
    line-height: 1.2;
}

.Header .ListPromo-items-item .ListPromo-title {
    border-bottom: solid 1px #f0efed;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 20px;
    margin: 0;
    padding: 5px 0;
    position: relative;
    text-transform: none;
}

.Header .ListPromo-items-item a {
    font-weight: 500;
    font-size: 16px;
    line-height: 2;
    color: #3d3a36;
}

.Header .ListPromo-items-item .ListPromo-title-subMenuLink {
    cursor: pointer;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 20px;
    max-width: 20px;
    min-width: 20px;
    width: 20px;
}

.Header .ListPromo-items-item .ListPromo-title-subMenuLink:before {
    color: #bfbebd;
    content: '\e603';
    display: block;
    font-family: iconfont;
    font-size: 20px;
    position: relative;
    right: 0;
    text-align: center;
    top: 10px;
    /*transform: rotate(270deg);
    transform-origin: 4px center;
    transition: all .3s ease;*/
}
.Header .ListPromo-items-item.subMenuVisible .LedeLinkList-items, .Header .ListPromo-items-item.subMenuVisible .ListPromo-items {
    max-height: 500px;
    border-bottom: solid 1px #f0efed;
}
.Header .ListPromo-items-item .ListPromo-items-item a {
    color: #807d79;
    font-size: 14px;
    line-height: 2;
}

.Header .ListPromo-items-item .LedeLinkList-items,
.Header .ListPromo-items-item .ListPromo-items {
    padding: 0;
    line-height: 2;
    border-bottom: solid 1px transparent;
    max-height: 0;
    width: 100%;
    overflow: hidden;
    transition: all 1s ease;
}
.SocialBar-wechat .WeChatFooterQrCode img {
    width: 100px;
    height: 100%;

}

.ListPromo-items-item-ul .Link{padding-left:10px;}

.swiper-slide img {
    width: 100%;
}
.banSwpBut{
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
}
.indban_down{
	width: 280px;
	height: 80px;
	float: left;
	text-align: center;
	line-height: 80px;
	background-color: rgba(0,56,148,.9);
}
.indban_down img{
	margin-top: -15px;
	animation: moveNext .4s infinite alternate-reverse;
}
@keyframes moveNext{
	0% {
	    transform: translateY(0);
	}
	100% {
	    transform: translateY(15px);
	}
}
.indban_but{
	float: left;
	width: 395px;
	height: 80px;
	line-height: 80px;
	background-color: rgba(255,255,255,.9);
	text-align: center;
}
.indban_next,.indban_prev,.indban_pagination{
	display: inline-block;
	vertical-align: middle;
}
.indban_next,.indban_prev{
	cursor: pointer;
	position: relative;
	width: 50px;
}
.indban_next:before,.indban_prev:after{
	content: "";
	width: 15px;
	height: 2px;
	background-color: #303030;
	display: inline-block;
	vertical-align: middle;
	width: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.indban_next{
	text-align: left;
}
.indban_prev{
	text-align: right;
}
.indban_pagination{
	position: relative;
	bottom: 0;
	left: 0;
	width: auto;
	font-size: 18px;
	margin: 0 35px;
	font-style: italic;
}
.indban_pagination .swiper-pagination-current{
	font-size: 22px;
	color: #003894;
}
.indban_pagination {
    position: relative;
    bottom: 0;
    left: 0;
    width: auto;
    font-size: 18px;
    margin: 0 35px;
    font-style: italic;
}

.indban_next, .indban_prev, .indban_pagination {    width: auto !important;bottom: 0 !important;
    display: inline-block;
    vertical-align: middle;
}

.com_til{text-align: center;position: relative;z-index: 9999;}
.com_til h2{font-size: 36px;line-height:1;color: #3c3c3c;}
.com_til span{font-size: 16px;color: #666666;line-height: 1.5;}

.main1{width: 100%;padding-top: 30px;background: #fff;position: relative;overflow: hidden;}
.m1_box{width: 100%;padding-top: 40px;min-height: 400px;/*background: url(../images/m1_box_bg.jpg) top center no-repeat;position: relative;*/overflow: hidden;}
.m1_box img{position: absolute;width: 500px;left: 50%;top: 40px;margin-left: -250px;}
.m1_box .nr{padding-left: 5%;padding-right: 5%;text-align: center;font-size: 16px;color: #333;line-height: 2;min-height: 120px;position: relative;}
.wel-more1 {display: block; width: 160px; height: 40px; line-height: 40px; border: 1px solid #000; box-sizing: border-box; font-size: 16px; color: #000; text-align: center; text-transform: uppercase; margin: 0 auto; margin-top: 20px; transition: 0.5s;position: relative; }
.wel-more1:hover{color:#fff; background:#0056a1; border-color:#cecece; }
.m1_div{max-width: 350px;margin: 0 auto;min-height: 150px;background: url(../images/m1_div_bg.png) top center no-repeat;padding-top: 60px;position: relative;padding-left: 8%;padding-right: 8%;}
.m1_div .swiper-slide{text-align: center;color: #fff;}

.main1 .swiper-button-next:after,.main1 .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 30px;
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.main2{width: 100%;padding-top: 30px;background:url(../images/m2_bg.jpg) top repeat-x;padding-bottom: 60px;}
.m2_box{width: 100%;margin-top: 40px;}
.swiper-container3 .swiper-pagination{position: relative;bottom: 0;margin-top: 30px;}
.swiper-container3 .swiper-pagination-bullet {position: relative;width: 12px; height: 12px; }
.swiper-container3 .swiper-pagination-bullet-active:after {content: ''; width: 18px; height: 18px; border: 1px solid #0056a1; border-radius: 50%; position: absolute; left: 50%; margin-left: -9px; display: block; top: -3px; }
*[class*="rect-"] {position: relative; display: block; width: 100%; height: 0; overflow: hidden; }
*[class*="rect-"] ._full {position: absolute; left: 0; top: 0; width: 100%; height: 100%; *height: auto; }
.item .rect-6075 {padding-bottom: 60.75%; }


.m2_box a {display: block; }
.item .text {background: #fff; }
.item .text .box {padding: 25px 30px; }
.item .t {font-size: 24px; line-height: 1.5; color: #262626; }
.item .c {font-size: 14px; line-height: 1.5; color: #666; }
.item .cover {opacity: 0; transform: scale(0.6); visibility: hidden; transition: all .5s ease; position: absolute; top: 0; width: 92%; height: 87%; top: 0%; left: 4%; background: url(../images/ipart02_3.jpg) no-repeat center bottom; }



.item .cover .box {padding: 70px 40px; }
.item:hover .cover{opacity:1; visibility:visible;  transform:scale(1)}
.item .cover .box .t {color: #fff; font-size: 25px; margin-bottom: 10px; }
.item .cover .box .c {height: 104px; overflow: hidden;color: #fff; line-height: 26px; }



.main3{width: 100%;padding-top: 30px;background: #f8f8f8;padding-bottom: 60px;}
.m3_ul{text-align: center;margin-top: 30px;}
.m3_ul a{    display: inline-block; margin-right: 17px; line-height: 35px; height: 35px; border: 1px solid #bebebe; padding: 0 35px; font-size: 16px; color: #262626; transition: .5s ease;}
.m3_ul a:hover{background:#265ba8; border-color:#265ba8; color:#fff;}
.m3_box{width: 100%;margin-top: 30px;}
.m3_box .til{margin-bottom: 15px;}

.date {
    width: 15%;
    margin-right: 4%;
    color: #fff;
    text-align: center;
    border:3px solid #e9e9e9;
    padding: 8px 0px;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
}.date .year {
    color: #666666;
    font-size: 24px;
    line-height: 1.5;
} .date .day {
    color: #666666;
    font-size: 14px;
    line-height: 1.5;
}.new_desc {
    width: 78%;
}.new_desc .n_tit {
    font-size: 17px;
    color: #000;
    margin: 10px 0;
    font-weight: bold;
}.new_desc .n_info {
    font-size: 15px;
    color: #6a6a6a;
    overflow: hidden;
}
.m3_box a:hover .date{border-color: #0056a1;color:  #fff;background: #0056a1;}
.m3_box a:hover .year{color:  #fff}
.m3_box a:hover .day{color:  #fff}
.m3_box a:hover .n_tit{color:  #0056a1}
.m3_box a:hover .n_info{color:  #0056a1}

.imghover_big { overflow: hidden; display: block; position: relative; }
.imghover_big img { -webkit-transition: all 1.2s ease 0s; transition: all 1.2s ease 0s; }
.imghover_big:hover img { -webkit-transform: scale(1.1); transform: scale(1.1);  }
.imghover_big em { position: absolute; left: -200px; top: 0px; width: 150px; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) ; overflow: hidden; -webkit-transform: skewx(-25deg); -webkit-transition: 0s; }
.imghover_big:hover em { width: 150px; left: 600px; -webkit-transition: 0.8s;transition: 0.8s }



.main4{width: 100%;padding-top: 50px;padding-bottom: 50px;background: #fff;}
.swiper-container2 .swiper-pagination{position: relative;bottom: 0;margin-top: 30px;}
.main4 .swiper-slide{padding-top: 5px;}
.main4 .swiper-slide a{display: block;box-shadow: 0px 0px 5px #ccc;}
.main4 .swiper-slide img{}


.main5{background: #0056a1 url(../images/m5_bg.jpg) bottom center no-repeat;width: 100%;min-height: 200px;padding-top: 30px;padding-bottom: 30px;text-align: center;}
.main5 span{color: #fff;font-size: 22px;line-height: 2;}
.main5 p{color: #fff;font-size: 22px;line-height: 2;}
.wel-more2 {display: block; width: 160px; height: 40px; line-height: 40px; border: 1px solid #fff; box-sizing: border-box; font-size: 16px; color: #ffffff; text-align: center; text-transform: uppercase; margin: 0 auto; margin-top: 20px; transition: 0.5s; }
.wel-more2:hover{color:#0056a1; background:#fff; border-color:#fff; }

.footer{width:100%;background: #f8f8f8;}
.ft_top{padding-top: 50px;padding-bottom: 50px;}
.ft_top img{max-width: 100%;}
.ft_top .info{margin-top: 30px;}
.ft_top ul li{font-size: 14px;clear: #717171;line-height: 2;}
.ft_top .ewm{text-align: center;margin-top: 40px;}
.ft_top .ewm img{margin-bottom: 10px;box-shadow: 0 5px 15px #dcdcdc;}
.ft_top .ewm p{font-size: 14px;line-height: 2;color: #717171;margin: 0;}
.ft_bot{width: 100%;height: 55px;line-height: 55px;text-align: center;font-size: 14px;border-top: 1px solid #ededed;color: #666666}

.ModuleTitle2 {
    padding-top: 98px;
}
.ModuleTitle2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: transparent;
    height: 100%;
    display: block;
    text-align: center;
}
.ModuleTitle2-wrapper::before {
    box-sizing: border-box;
    content: '';
    width: 100%;
    height: 20px;
    display: block;
    position: absolute;
    top: 8px;
    bottom: 0;
    right: 0;
    left: 0;
    border-top: solid 2px #e8e7e4;
    border-left: solid 2px #e8e7e4;
    border-right: solid 2px #e8e7e4;
}
.ModuleTitle2-wrapper {
    text-align: center;
    margin: 25px auto 0;
    padding-bottom: 15px;
    max-width: 100%;
    position: relative;
}.ModuleTitle2-moduleTitle [class$="-title-text"], .ModuleTitle2-pageModuleTitle [class$="-title-text"] {
    display: inline-block;
    padding: 0 20px;
    background: #fff;
    position: relative;
    z-index: 99999；
}


.prodList .right .u1{ width: 102%; margin: -15px -1%; overflow: hidden;}
.prodList .right .l1{ width: 31.3%; margin: 15px 1%; padding: 6px; box-shadow: 0 4px 5px #d8d7d7; background: #f0f0f0; float: left;}
.prodList .right .l1 .img{ line-height: 0; position: relative;}
.prodList .right .l1 .ico{ position: absolute; bottom: -17px; left: 50%; margin-left: -17px; width: 34px; height: 34px; border-radius: 50%; background: url(../images/3118_prod9.png) no-repeat center; background-color: #b6b6b6;}
.prodList .right .l1 .tit{ font-size: 18px; line-height: 20px; margin: 40px 0 15px 0; text-align: center; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
.prodList .right .l1:hover{ background: #818086;}
.prodList .right .l1:hover .ico{ background-color: #104492;}
.prodList .right .l1:hover .tit{ color: #fff;}



.newDeBox{width:76.68%; margin: auto; padding:47px 0 80px 0;}
.newDeL{width:74.4%; float:left;}
.newText .H1{font-size:24px; color:#333333;}
.newTextDiv{border-top:1px solid #d7d8d8; border-bottom:1px solid #d7d8d8; padding:9px 0; margin: 30px 0 40px 0;}
.newTextDiv .H2{font-size:14px; color:#777777; margin-right:0.83%; float:left;line-height: 34px; letter-spacing: 0.5px;}
.newTextCon{font-size:14px; line-height: 30px; color:#333333; }
.newTextCon .divImg{}
.newTextCon .divImg .img{width:48.49%; margin:30px 3% 30px 0; float:left;}
.newTextCon .divImg .img:nth-child(2n){margin-right:0;}
.share{text-align:center; padding:35px 0 30px 0; line-height: 0; }
.share .bdsharebuttonbox{display:inline-block;}
.share .bdsharebuttonbox .bdshare-button-style0-16{margin:0; padding:0;}
.share .bdsharebuttonbox .bds_weixin{width:35px; height:35px; background:url(../images/wx1.png) center no-repeat; margin: 0; background-size: 100%}
.share .bdsharebuttonbox .bds_tsina{width:35px; height:35px; background:url(../images/sina1.png) center no-repeat; margin:0 15px;background-size: 100%}
.share .bdsharebuttonbox .bds_qzone{width:35px; height:35px; background:url(../images/qzone1.png) center no-repeat; margin: 0;background-size: 100%}
.elli{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pageA{ position: relative; margin-top:35px; border-top:1px solid #dcdcdc; padding:28px 0;}
.pageA a{font-size:14px; color:#333333; line-height: 20px;}
.pageA2 a{color:#666666;}
.pageA a:hover{color:#215ba1;}
.pageUp{float:left;width: 40%}
.pageDown{float:right; width: 40%; text-align: right;}
.pageA .backUp{position:absolute; bottom:auto; left: 50%;font-size:14px; color:#666;  white-space: nowrap;
-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%,0);
        transform: translate(-50%, 0);}
.backUp .span{width:20px; height: 20px; float:right; margin-right:5px; background:url(../images/p31.png) center no-repeat; background-size:100%;}
.pageA2{padding-bottom:0; margin-top:0;}


.newDeR{width:22.96%; float:right;}
.newDeR .H4{font-size:18px; color:#fff; font-weight:bold; line-height: 60px; text-align: center; background-color:#215ba1;}
.aboutNews .list{margin-top:10px;background-color:#f5f5f5; display: block; width:100%; padding:20px 30px ; position: relative;}
.aboutNews .list::after{width:6px; height: 6px; content: ""; background-color:#215ba1; position: absolute; top:26px; left: 21px; border-radius: 50%;}
.aboutNews .list:first-child{margin-top:20px; }
.aboutNews .list .box{font-size:14px; line-height: 21px; color:#333333; height: 42px; 
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.aboutNews .list:hover{background-color:#215ba1;}
.aboutNews .list:hover::after{background-color:#fff;}
.aboutNews .list:hover .box{color:#fff;}


.slider-search{ background: url(../images/black_75.png) repeat; background: none rgba(0,0,0,0.8); position: fixed; left: 0px; top: -100%; width: 100%; height: 100%; z-index:999999999; display: none;}
.w920{ width: 920px; margin: 0px auto;}
.slider-search .w920{ padding-top: 10%;}
.btnclosess{ width: 80px;}
.slider-search .ssbox{ position: relative; padding-right: 84px; width: 836px; background-color: #e7e7e7; margin-bottom: 35px;}
.slider-search .ssbox .ss-txt{width: 98%;display: block;padding: 20px 0px 20px 2%;height: 24px;background-color: #e7e7e7;line-height: 24px;border: 1px solid #e7e7e8;font-size: 16px;color: #4c4c4c;box-sizing: content-box;}
.slider-search .ssbox .ss-btn{ position: absolute; right: 0px; top: 0px; height: 66px; width: 84px;}
.slider-search .ssbox .ss-btn i{ display: block; height: 100%; background: url(../images/ss-btn.png) no-repeat scroll center center;}
.slider-search .ssbox .ss-btn:hover{ background-color: #313131;}

.slider-search .box-sbtn { padding-top: 10%;}

.box-sbtn{ text-align: center;}
.box-sbtn .btn{ border: 1px solid #ffffff; color: #FFFFFF; padding: 1% 5%; display: inline-block; border-radius: 5px; margin: 0px 10px; box-sizing:content-box;}
.box-sbtn .btn:hover{ color: #666; background-color: #fff;}


.newBox{padding:10px 0 80px 0;}
.new{padding-bottom:60px; width:76.68%; margin: auto;}
.new .list{padding:30px 0; border-bottom:1px solid #e3e4e4;}
.new .time{width:9.76%; float:left; position: relative; padding-top:10px;}
.new .time::after{width:30px; height: 2px; content: ""; background-color:#d9d9d9; position: absolute; top:22px; right:0;}
.new .time .H4{font-size:44px; font-family: Arial; font-weight: bold; color:#215ba1; line-height: 40px; }
.new .time .H5{font-size:16px; color:#999999;font-family: Arial; margin: 12px 0;}
.new .time .ico{width:24px; height: 12px; line-height: 0; display: block;}
.new .text{width:50%; float:left; margin-left:2.4%;}
.new .text .H4{font-size:18px; color:#333333; padding:14px 0 23px 0;}
.new .text .p{font-size:14px; color:#999999; line-height: 26px; height:78px;
    overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.new .img{width:220px; float:right; overflow: hidden;}
.new .img img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.new .list:hover .img img{transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);}
.new .list:hover .H4{color:#215ba1;}


.contact {
    /*background: url(../images/contact-bg2.jpg) no-repeat center;*/
}



.table-cell {
    display: table-cell;
    vertical-align: middle;
}.table {
    display: table;
    height: 100%;
    width: 100%;
}
.contact .desc {
    width: 40%;
    display: inline-block;
}
.table .form {
    width: 56%;
    font-size: 0;
    background: #f9f9f9;
    border: 1px solid #e3e3e3;
}.ib-middle {
    display: inline-block;
    vertical-align: middle;
}
.form form {
    display: inline-block;
    width: 100%;
    padding: 30px
}

.form form>div {
    background: #fff
}

.form form h3 {
    text-align: center;
    font-size: 24px;
    margin: 30px 0;
    color: #333
}

.form form .input-box {
    position: relative;
    margin-bottom: 25px;
    width: 49%
}

.form form .input-box.name {
    margin-right: 13px
}

.form form .input-box.width-100 {
    width: 100%
}

.form form input {    outline: none;
    width: 100%;
    height: 40px;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    position: relative;
    z-index: 1;
    background: 0 0
}

.form form input:active+span {
    display: none
}

.form form input:focus+span {
    display: none
}

.form form input:hover {
    border-color: #337ab7
}

.form form textarea {
    width: 100%;
    height: 83px;
    padding: 5px 0 0 5px;
    border: 1px solid #dbdbdb;
    resize: none;
    position: relative;
    z-index: 1;
    background: 0 0
}

.form form textarea:active+span {
    display: none
}

.form form textarea:focus+span {
    display: none
}

.form form textarea:hover {
    border-color: #337ab7
}

.form form .searchfont {
    position: absolute;
    font-size: 14px;
    top: 10px;
    left: 10px;
    letter-spacing: 1px;
    z-index: 0;
    color: #666
}

.form form .more {
    background: 0 0;
    margin-bottom: 50px
}

.form form .more a {
    width: 100%
}

.form .message button {
    margin-top: 28px
}
.contact .desc a {
    display: inline-block;
    margin-top: 45px;
    width: 20px;
    height: 28px;
    background: url(../images/icon32.png) no-repeat center;
    animation: jump 1s cubic-bezier(.61,.07,.35,.88) alternate infinite;
    -webkit-animation: jump 1s cubic-bezier(.61,.07,.35,.88) alternate infinite;
    -moz-animation: jump 1s cubic-bezier(.61,.07,.35,.88) alternate infinite;
    -o-animation: jump 1s cubic-bezier(.61,.07,.35,.88) alternate infinite
}
@keyframes jump {
    0% {
        transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0)
    }

    100% {
        transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px)
    }
}.contact .map-point {
    position: relative;
    display: inline-block
}

.contact .map-point i {
    position: absolute;
    pointer-events: none;
    z-index: 0;
    content: '';
    left: 50%;
    top: 106%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    height: 11px;
    width: 160%;
    background: -webkit-radial-gradient(center,ellipse,#b8c7d4 0,transparent 75%);
    background: radial-gradient(ellipse at center,#b8c7d4 0,transparent 75%);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: width;
    transition-property: width;
    animation: sf 1s cubic-bezier(.61,.07,.35,.88) alternate infinite;
    -webkit-animation: sf 1s cubic-bezier(.61,.07,.35,.88) alternate infinite;
    -moz-animation: sf 1s cubic-bezier(.61,.07,.35,.88) alternate infinite;
    -o-animation: sf 1s cubic-bezier(.61,.07,.35,.88) alternate infinite
}

.form form  input.msgbtn {
    outline: none;
    display: block;
    width: 100%;
    line-height: 38px;
    background-color: #0056a1;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border: none;
}
.lan{margin-top: 5rem;}









@media screen and (max-width:1659px){
    .new{width:100%;}
}
@media screen and (max-width:1199px){
    .new .text{width:59%;}
    .swiper-container5{
        height: 50px !important;
    }
    .swiper-container2{
        height: 50px!important;
    }
    .swiper-container1{
        height: 320px!important;
    }
    .swiper-container3{
        height: 200px!important;
    }
    .swiper-container4{

        height: 187px!important;
    }
}
@media screen and (max-width:991px){
    .new .text{width:50%;}
    .new .time::after{display:none;}
    .new .text{width:59%;}
    .swiper-container5{
        height: 50px !important;
    }
    .swiper-container2{
        height: 50px!important;
    }
    .swiper-container1{
        height: 320px!important;
    }
    .swiper-container3{
        height: 200px!important;
    }
    .swiper-container4{

        height: 187px!important;
    }
}
@media screen and (max-width:767px){
    .newBox{padding:20px 0 30px 0;}
    .new .list{padding:10px 0;}
    .new .time{width:20%;}
    .new .text{width:70%; margin-left:10px;}
    .new .img{width:100%; margin-top:10px;}
    .new .text .H4{font-size:16px; padding:10px 0;}
    .new .text .p{line-height:22px; height: 66px;}
    .new{padding-bottom:30px;}
    .new .text{width:59%;}
    .swiper-container5{
        height: 50px !important;
    }
    .swiper-container2{
        height: 50px!important;
    }
    .swiper-container1{
        height: 320px!important;
    }
    .swiper-container3{
        height: 200px!important;
    }
    .swiper-container4{

        height: 187px!important;
    }

}

@media screen and (min-width: 768px) {

    .swiper-container5{
        height: 100px !important;
    }
    .swiper-container2{
        height: 100px!important;
    }
    .swiper-container1{
        height: 640px!important;
    }
    .swiper-container3{
        height: 400px!important;
    }
    .swiper-container4{

        height: 395px!important;
    }
}

/*电脑*/
@media only screen and (min-width: 768px) {
    .swiper-container5{
        height: 100px !important;
    }
    .swiper-container2{
        height: 100px!important;
    }
    .swiper-container1{
        height: 640px!important;
    }
    .swiper-container3{
        height: 400px!important;
    }
    .swiper-container4{

        height: 395px!important;
    }

.ModuleTitle2-wrapper.isPageModuleTitle::before {
    top: 20px;
}
    .Header-logo img,
    .Header-logo-animated img,
    .Header-logo-hidden img,
    .Header-logo-hidden-animated img {
        /*height: 50px;*/
        width: auto;
    }
}



/*小屏幕和电脑*/
@media only screen and (min-width: 1024px) {
	.LayoutMain-contentMain,
.LayoutMain-mainContent {
    position: absolute;
    left: 256px;
    right: 0;
    width: auto;
}
	.logo a .Image:before {
    content: "";
    position: absolute;
    left: -665px;
    top: -460px;
    width: 300px;
    height: 50px;
    z-index: 2;
    background-color: rgb(0 86 161 / 30%);

    -webkit-transform: rotate(
-45deg
);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(
-45deg
);
    -webkit-animation: searchLights 1.2s ease-in 1s infinite;
    -o-animation: searchLights 1.2s ease-in 1s infinite;
    animation: searchLights 1.2s ease-in 1s infinite;
}
	.Header-logo,
.Header-logo-animated {overflow: hidden;position: relative;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    z-index: 31;
    box-sizing: content-box;
    border-bottom: 1px #f0efed solid;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    height: 100px;
    width: 256px;
    /*position: fixed;
    left: 0;*/
}
    .LayoutMain-mainContent.navHidden {
        left: 50px;
    }
.Header .SocialBar {
    margin-bottom: 38px;
}.Header .SocialBar-wechat {
    margin-top: 88px;
    -ms-flex-order: 1;
    order: 1;
}.SocialBar-wechat .WeChatFooterQrCode-title {
    font-weight: 500;
    font-size: 14px;
    color: #807d79;
    margin-bottom: 17px;
    text-transform: uppercase;
}
    .Header-menu-close-button {
        display: none;
    }

    /*.LayoutMain-contentBefore[data-animatable],
    .LayoutMain-contentMain[data-animatable],*/
    .LayoutMain-mainContent[data-animatable] {
        transition: width .4s ease;
    }

    .LayoutMain-contentBefore.navHidden {
        width: 50px;
    }

    .navHidden .Header-logo-hidden,
    .navHidden .Header-logo-hidden-animated {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100px;
    }

    .Header-logo-hidden,
    .Header-logo-hidden-animated {

        z-index: 31;
        box-sizing: border-box;
        background-color: #0056a1;
        position: fixed;
        width: 50px;
    }

    .LayoutMain-contentBefore {
        z-index: 999999;
        transition: all .2s;
        top: 0;
        position: fixed;
        left: 0;
        bottom: 0;
        top: 0;
        width: 256px;
        background-color: #f0efed;
        overflow: hidden;
    }

    .LayoutMain {

        width: 100%;
    }

    .Header {
        background-color: transparent;
        z-index: 30;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }

    .Header-body {}

    .Header-buttons {
        float: left;
        background-color: #f0efed;
        height: auto !important;
        width: 50px;
    }

    .Header-menu-button {
        position: fixed;
        top: 100px;
        left: 0;
        border-left: 0;
    }

    .Header-search-button {
        position: fixed;
        top: 135px;
        left: 0;
        border-left: 0;
    }

    .Header.clean .Header-menu {
        display: block;
    }

    .Header-menu {
        box-shadow: none;
        display: block;
        height: calc(100vh - 155px);
        /*position: fixed;
        top: 100px;
        left: 55px;*/
        padding: 27px 0 25px 20px;
        z-index: 4;
        overflow-y: auto;
        width: calc(256px - 76px);
    }

    .Header .LedeLinkList,
    .Header .ListPromo {
        width: 162px;
    }
}


@media only screen and (min-width: 1340px){
.ModuleTitle2-wrapper {
    width: 836px;
}

}


#pages{
    text-align: center;
}
#pages li{
    display: inline-block;
    padding: 6px 14px;
    border: 1px solid #ccc;
    margin-right: 10px;
}