@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "Swiss 721 BT";
  src: url("../fonts/Swiss 721 BT.woff2") format("woff2"),
       url("../fonts/Swiss 721 BT.woff") format("woff"),
       url("../fonts/Swiss 721 BT.ttf") format("truetype"),
       url("../fonts/Swiss 721 BT.eot") format("embedded-opentype"),
       url("../fonts/Swiss 721 BT.svg") format("svg");
}
@font-face {
  font-family: "Bell Centennial Name and Number BT_0";
  src: url("../fonts/Bell Centennial Name and Number BT_0.woff2") format("woff2"),
       url("../fonts/Bell Centennial Name and Number BT_0.woff") format("woff"),
       url("../fonts/Bell Centennial Name and Number BT_0.ttf") format("truetype"),
       url("../fonts/Bell Centennial Name and Number BT_0.eot") format("embedded-opentype"),
       url("../fonts/Bell Centennial Name and Number BT_0.svg") format("svg");
}
@font-face {
  font-family: "方正综艺_GBK";
  src: url("../fonts/方正综艺_GBK.woff2") format("woff2"),
       url("../fonts/方正综艺_GBK.woff") format("woff"),
       url("../fonts/方正综艺_GBK.ttf") format("truetype"),
       url("../fonts/方正综艺_GBK.eot") format("embedded-opentype"),
       url("../fonts/方正综艺_GBK.svg") format("svg");
}
@font-face {
  font-family: "BEBAS___";
  src: url("../fonts/BEBAS___.woff2") format("woff2"),
       url("../fonts/BEBAS___.woff") format("woff"),
       url("../fonts/BEBAS___.ttf") format("truetype"),
       url("../fonts/BEBAS___.eot") format("embedded-opentype"),
       url("../fonts/BEBAS___.svg") format("svg");
}
@font-face {
  font-family: "SourceHanSansCN-Light";
  src: url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Light.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Light.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Light.svg") format("svg");
}



html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/font-size:10px;font-family: "Arial","Microsoft Yahei"; list-style:none;}
body { line-height:1; }
a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; color:#333; cursor:pointer;outline:0;}
a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}

.warp{ max-width:1240px; margin:0 auto; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1240px; margin:0 auto; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}


h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.play{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}

/*all-img*/
.xxl,icu1{ display:block;}
.xl,.l,.m,.icu2{ display:none;}

/*parts*/
div.fy {text-align:center;line-height:4rem; padding:35px 0 50px 0; background:#fff;}
div.fy a { margin:2px 2px;padding:12px 16px;color:#fff;font-size:1.4em; display:inline; background-color:#e1e1e1;}
div.fy a:hover { background-color:#354ba0;color:#fff;}
div.fy a:active {  background-color:#354ba0;color:#fff;}
div.fy span.current {margin:2px 4px;padding:12px 16px;background-color:#354ba0;color:#fff; font-size:1.4em; }
div.fy span.disabled {background-color:#e1e1e1; margin:2px 2px;padding:12px 16px; color:#fff; font-size:1.4em; }

/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger {width: 24px; height: 14px;	position:absolute;	top: 25px;	right: 20px;	z-index: 999;display: none;}
#hamburger:before, #hamburger:after, #hamburger span { background:#fff; content: ''; display: block;    width: 20px;  height: 2px;}
#hamburger span {	margin: 4px 0 0 0;}
#hamburger:after {	margin: 4px 0 0 0;}
#hamburger.hb-fixed {	position: fixed;}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span {	-webkit-transition: none 0.3s ease 0.3s;	transition: none 0.3s ease 0.3s;	-webkit-transition-property: transform, top, bottom, left, opacity, margin;	transition-property: transform, top, bottom, left, opacity, margin;}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {top: 20px;}
html.mm-opening #hamburger span {	left: -50px;	opacity: 0;}
html.mm-opening #hamburger:before {	transform: rotate( 45deg );	margin: 7.5px 0 0 0;}
html.mm-opening #hamburger:after {	transform: rotate( -45deg );margin: -7.5px 0 0 0;}
/*弹出input*/
.overCurtain {position: fixed; top:20px; right:40px; height:40px; width:40px;display:none; opacity:1; z-index:1000; cursor:pointer;}
.hide-center {background-color:#444;  position:fixed; z-index:999; display:none; width:100%; height:100%; top:0;}
.hide-center .boxs{ display:table; width:100%; height:100%;}
.hide-center .box{ display:table-cell; vertical-align:middle; padding:0 20px;}
.field__input{ float:left; width:100%; border:none; outline:none; height:60px; padding:20px 160px; font-size:3.2em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; border-bottom:1px solid #ccc; background-color: transparent;}
.m-btn{ float:left;border:none; outline:none; background-color: transparent; padding:19.5px; height:60px; font-size:1.6em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:140px; position:absolute; right:40px; text-transform:uppercase;}
.close {transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all; font-size:0px; margin-top:20px;	display:block;}
.close::before,.close::after {	content:'';	width:40px;	height:2px;	background:#FFF;	display:block;}
.close::before {	-webkit-transform:rotate(45deg);	transform:rotate(45deg);}
.close::after {	-webkit-transform:translateY(-2px) rotate(-45deg);	transform:translateY(-2px) rotate(-45deg);}
.close:hover{ transform:rotate(90deg);}

.overCurtain2 {position: fixed; top: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.7; z-index:999;}
.hide-center2 {position:fixed;right:0;left:0;	bottom:0;	top:20%;margin:auto;	display:none;	z-index:1000;	width: 100%;   max-width: 800px;	height:600px;}

/*header*/
.header{ overflow:hidden; position:relative;}
.header:after,.header:before{ position:absolute; top:0; height:100%; content:""; transform:skewX(-30deg); content:"";z-index:-1;}
.header:after{ width:40%; background:#fff; left:-10%; }
.header:before{ width:75%; background:#334ba5; right:-10%;}
.header .logo{ float:left; padding:15px 0;}
.header .munes{ float:right;}
.header .munes>div{   float:left; margin:0 20px;}
.header .munes>div a{ position:relative;}
.header .munes>div a:after{ position:absolute; bottom:0; left:0; width:100%; height:2px; content:""; background:#fff; opacity:0;}
.header .munes>div a,.header .munes>div span{ margin:30px 0; padding:10px 0; font-size:1.6em; color:#fff;display:inline-block;}
.header .munes>div a img{ margin-bottom:-2px;}
.header .munes>div a:hover:after,#m1 .m1:after,#m2 .m2:after,#m3 .m3:after,#m4 .m4:after,#m5 .m5:after,#m6 .m6:after{ opacity:1 !important;}

/*footer*/
.footer{ overflow:hidden; background:#111; padding:70px 0 40px 0;}
.footer .fm-list{ float:left;}
.footer .fm-list .dot{ float:left; width:160px;}
.footer .fm-list .dot h3{ font-size:1.8em; color:#fff; padding-left:10px; border-left:2px solid #334ba5; margin-bottom:30px;}
.footer .fm-list .dot p{ padding-left:10px; margin-bottom:15px;}
.footer .fm-list .dot p a{ font-size:1.4em; color:#949598; line-height:24px;}
.footer .fm-list .dot:nth-child(2){ width:200px;}
.footer .fm-list .dot:nth-child(2) p{ margin-bottom:2px;}
.footer .fm-list .dot p:hover a{ color:#fff;}
.footer .shares{ float:right; width:calc(100% - 680px); border-left:1px solid #a8a8a8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer .shares .two{ margin:0 45px 0 80px;  padding:9px; background:#6a6868; text-align:center;}
.footer .shares .two p{ font-size:1.4em; color:#fff; line-height:24px; padding:12px 0 3px 0;}
.footer .shares>*{ float:left;}
.footer .share h3{ font-size:1.8em; color:#fff; line-height:24px; margin-bottom:12px;}
.footer .share h4{ font-size:1.4em; color:#949598; margin-bottom:10px;}
.footer .share input{ border:none; outline:none; height:40px;}
.footer .share form{  position:relative;}
.footer .share .fc-input{ padding:12px 60px 12px 12px; font-size:1.4em; color:#fff; width:245px; border:1px solid #8c8c8c; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer .share .fc-btn{ position:absolute; right:0; top:0; width:55px; background:url(../images/send.png) center center no-repeat #334ba5; height:38px; margin:1px 1px 0 0; cursor:pointer;} 
.footer .share .f-shares{ margin-top:35px;}
.footer .share .f-shares span{ margin:0 5px; display:inline-block; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.footer .share .f-shares span:hover{ transform:rotateY(360deg);}

.footer-tit{ overflow:hidden; background:#1f1f1f; padding:12px 0;}
.footer-tit p{ font-size:1.4em; color:#fff;}
.footer-tit p:nth-child(1){ float:left;}
.footer-tit p:nth-child(2){ float:right;}
.footer-tit p a{ color:#fff; font-size:1em;}
.footer-tit p a:hover{ text-decoration:underline;}

.bottomlist{ background:#000; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:110;}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:33.33%; float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top:1px solid #bcbbba; border-left:1px solid #bcbbba; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.6em; color:#fff;}
.bottomlist ul li img{ width:40px; height:40px;}

/*banner*/
.banner{ height:552px;}
.banner .swiper-slide{background-size:cover !important; height:552px;}
.banner .swiper-slide .img{ float:left; margin:83px 0 0 -9px;max-width:calc(100% - 440px);}
.banner .swiper-slide .img img{max-width:calc(100%);}
.banner .swiper-slide:nth-child(3) .img{margin:48px 0 0 -9px;}
.banner .swiper-slide .txt{ padding-top:180px; float:right; width:440px; color:#fff; text-align:right;}
.banner .swiper-slide .txt h3{ position:relative; font-size:2.4em; color:#fff; font-weight:bold; margin-bottom:35px; text-transform:uppercase; line-height:32px;}
.banner .swiper-slide .txt h3:after{ position:absolute; top:-20px; right:0; width:48px; height:3px; content:""; background:#4a5da4;}
.banner .swiper-slide .txt p{ font-size:1.2em; line-height:16px; color:#e8e8e8;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:50px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:1px 12px; width: 5px;  height: 5px;  background: #fff;  opacity:1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{border:2px solid #305dc3; background:transparent; margin:0px 12px;}


/*ip*/
.ip .swiper-slide,.ip .swiper-slide span{transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.ip{ z-index:9; position:relative; text-align:center; margin-top:-30px;}
.ip-bg{background:url(../images/ip-bg.jpg) center center no-repeat; background-size:cover; margin:30px 0; position:absolute;}
.ip-bg{ height:340px; width:100%;}
.ip .ip-slider{ height:400px;  margin:0 40px; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ip .swiper-slide{ position:relative; padding:110px 25px 0 25px; margin:30px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ip a{color:#fff;}
.ip .swiper-slide:hover{ height:400px; margin:0;  padding:80px 25px 80px 25px; background:#305dc3;}
.ip .swiper-slide h3{ font-size:2em; line-height:24px; padding:30px 0 6px 0;}
.ip .swiper-slide p{ text-transform:uppercase; font-size:1.6em; color:#e4e4e4; line-height:20px;}
.ip .swiper-slide span{ display:block; opacity:0;}
.ip .swiper-slide:hover span{margin-top:60px; opacity:1;}
.ip .ip-slider .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:0;}
.ip .ip-slider .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:0;}
.ip .ip-slider .swiper-button-next,.ip .ip-slider  .swiper-button-prev{ width:20px; height:25px; background-size:20px 25px;}
/*ip-min*/
.ip-min{ display:none; background:url(../images/ip-bg.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.ip-min .box{ text-align:center; width:25%; padding:15px 10px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ip-min .box img{ height:30px;}
.ip-min .box h3{ color:#fff; font-size:1.4em; line-height:20px;}

/*ie*/
.i-tit>*{ display:inline-block;}
.i-tit h3{ font-size:2.4em; color:#535353; line-height:24px; position:relative; padding-bottom:16px;}
.i-tit h3:after{ position:absolute; bottom:0; left:0; background:#555; content:""; width:30px; height:1px;}
.i-tit p{ font-size:1.4em; color:#898888;  margin-left:5px;}
.ie{ padding:80px 0 50px 0;}
.ie .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:1px 12px; width: 5px;  height: 5px;  background: #adadad;  opacity:1;}
.ie .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{border:2px solid #305dc3; background:transparent; margin:0px 12px;}
.ie .ie-slider{ padding:50px 0 70px 0; text-align:center;}
.ie .ie-slider .swiper-slide{ position:relative;}
.ie .ie-slider .swiper-slide h3{ font-size:1.6em; color:#414141; line-height:24px;}
.ie .ie-slider .swiper-slide img{ max-width:100%;}
.ie .ie-slider .swiper-slide .txt p{ color:#fff; display:none;}
.ie .ie-slider .swiper-slide .txt,.ie .ie-slider .swiper-slide .txt h3,.ie .ie-slider .swiper-slide .txt h3:after,.ie .ie-slider .swiper-slide .txt p{transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.ie .ie-slider .swiper-slide .txt{ left:0; position:absolute; top:100%; width:100%;}
.ie .ie-slider .swiper-slide:hover .txt{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:30% 10% 0 10%; background:rgba(54,93,181,0.85); height:100%; top:0;}
.ie .ie-slider .swiper-slide:hover .txt h3{ color:#fff; font-size:1.8em; line-height:24px; padding-bottom:12px; margin-bottom:20px; position:relative;}
.ie .ie-slider .swiper-slide:hover .txt h3:after{ position:absolute; bottom:0; left:50%; content:""; background:#fff; width:26px; height:2px ; margin-left:-13px;}
.ie .ie-slider .swiper-slide:hover .txt p{ display:block; font-size:1.4em; line-height:28px;}
/*ia*/
.ia{ background:url(../images/ia-bg.jpg) center center no-repeat; background-size:cover; padding:75px 0 80px 0;}
.ia .txts{ overflow:hidden;}
.ia .txts>*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width:50%;}
.ia .txts .left{ float:left; padding-right:0%;}
.ia .txts .right{ float:right; text-align:right;}
.ia .txts .right img{ max-width:95%;}
.ia .txts .left .i-tit{ padding:35px 0 55px 0;}
.ia .txts .left .txt h3{ font-size:2em; color:#5d5c5c; line-height:24px; margin-bottom:40px;}
.ia .txts .left .txt p{ font-size:1.2em; color:#525252; line-height:26px; margin-bottom:40px;}
.ia .txts .left .txt a{ display:inline-block; border:1px solid #334ba5; border-radius:5px; width:120px; height:30px; font-size:1.4em; color:#334ba5; line-height:30px; text-align:center;}
.ia .txts .left .txt a:hover{ background:#334ba5; color:#fff;}
.ia .boxs{ margin-top:75px; overflow:hidden; display:table; width:100%;}
.ia .boxs .box{  display:table-cell; width:33.33%;}
.ia .boxs .box:nth-child(1){ background:#305dc3; }
.ia .boxs .box:nth-child(2){ background:#2d57b6;}
.ia .boxs .box:nth-child(3){ background:#294da0;}
.ia .boxs .box{ padding:35px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ia .boxs .box>*,.ia .boxs .box .num>*{ float:left;}
.ia .boxs .box .num{ width:110px;}
.ia .boxs .box .num h3{ font-size:8em; color:#fff; font-family: "Swiss 721 BT";}
.ia .boxs .box .num span{ font-size:1.4em; color:#fff; }
.ia .boxs .box .t{ width:calc(100% - 110px);}
.ia .boxs .box .t h3{ font-size:1.8em; color:#fff; padding-top:5px;}
.ia .boxs .box .t p{ font-size:1.4em; color:#7694d8; line-height:24px; padding:8px 0 15px 0; border-bottom:1px solid #7694d8;}
.ia .boxs .box .t img{ padding-top:20px;}
/*inews*/
.inews .box *,.inews .box{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all; }
.inews .tit{ overflow:hidden; padding:60px 0 30px 0;}
.inews .tit .left{ float:left;}
.inews .tit .left h3{ font-size:2.4em; color:#505050; line-height:32px; padding-bottom:20px; margin-bottom:18px; position:relative;}
.inews .tit .left h3:after{ position:absolute; bottom:0; left:0; content:""; background:#999; width:60px; height:1px;}
.inews .tit .left p{ font-size:1.8em; color:#dcdcdc; font-family: "Swiss 721 BT";}
.inews .tit .right{ float:right;}
.inews .tit .right a{ font-size:1.4em; color:#303030; padding:12px 28px; border-radius:50px; background:#e5e5e5; margin-left:5px; display:inline-block;}
.inews .tit .right a:hover{ color:#fff; background:#334ba5;}
.inews .boxs{ padding-bottom:30px;}
.inews .box{ padding:30px 0; overflow:hidden;}
.inews .box a>*{ float:left;}
.inews .box a .date{ width:110px; position:relative;}
.inews .box a .date:after{ position:absolute; top:0; right:0; content:""; background:#c9c9c9; width:1px; height:72px;}
.inews .box a .date h3{ font-size:6em; color:#dcdcdc; font-family: "Bell Centennial Name and Number BT_0"; margin-bottom:10px; line-height:45px;}
.inews .box a .date h4{ font-size:1.8em; color:#979797;}
.inews .box a .txt{ width:calc(100% - 395px); padding:0 90px 0 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inews .box a .txt h3{ font-size:2em; color:#5d5c5c; line-height:32px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:32px; margin-bottom:12px;}
.inews .box a .txt p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2; font-size:1.2em; color:#868585; line-height:24px;}
.inews .box a .txt span{ margin-top:25px; display:inline-block; font-size:1.4em; color:#fff; background:#e5e5e5; padding:8px 25px;}
.inews .box a .img{ width:285px;}
.inews .box a .img img{ max-width:100%;}
.inews .box:hover{background:#f9f9f9;}
.inews .box:hover .date{ transform:scale(1.2);}
/*.inews .box:hover .date h3{ font-size:8.6em; line-height:80px;}
.inews .box:hover .date h4{ font-size:2.6em;}
.inews .box:hover .date{ width:135px;}
.inews .box:hover .txt{ width:calc(100% - 420px); padding:0 90px 0 25px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inews .box:hover .txt{ width:calc(100% - 420px); padding:0 90px 0 25px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*/
.inews .box:hover .txt span{ background:#334ba5; margin-left:20px;}

/*banners*/
.banners{ height:400px; background-size:cover; padding-top:140px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.banners .txt{ width:290px; height:110px;  color:#fff; margin:0 auto; text-align:center; position:relative; display:table;}
.banners .txt:after,.banners .txt:before,.banners .txt span:after,.banners .txt span:before{ position:absolute; content:""; background:#fff;}
.banners .txt:after,.banners .txt:before{ width:72px; height:1px;}
.banners .txt span:after,.banners .txt span:before{ width:1px; height:72px;}
.banners .txt:after,.banners .txt span:after{ top:0; left:0;}
.banners .txt:before,.banners .txt span:before{ bottom:0; right:0;}
.banners .txt h3{ font-size:3.5em; font-family: "方正综艺_GBK"; padding-top:22px; margin-bottom:10px;}
.banners .txt h4{ font-size:2.8em; display:table-cell; vertical-align:middle; font-weight:bolder;}
.about{ background:url(../images/banners/about-banner.jpg) center center no-repeat;}
.product{ background:url(../images/banners/product-banner.jpg) center center no-repeat;}
.news{ background:url(../images/banners/news-banner.jpg) center center no-repeat;}
.contact{ background:url(../images/banners/contact-banner.jpg) center center no-repeat;}
/*lines*/
.lines{ border-bottom:1px solid #dbdbdb; padding:20px 0; overflow:hidden;}
.lines .left{ float:left;}
.lines .right{ float:right;}
.lines .left>*{ display:inline-block;}
.lines .left .t h4{ font-size:5em; color:#344cb0; font-weight:bold; }
.lines .left .txt h3{ font-size:1.8em; color:#303030; margin-bottom:6px;}
.lines .left .txt p{ font-size:1.4em; color:#344cb0; }
.lines .right{ margin-top:26px; }
.lines .right>*{ font-size:1.4em; color:#999999; line-height:24px;}
.lines .right a:hover{ text-decoration:underline;}
.lines .right span img{ margin:0 2px -2px 0;}

/*about*/
.a1{ overflow:hidden; padding:75px 0 110px 0;}
.a1 .left { float:left; width:48%; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.a1 .left img{ max-width:100%;}
.a1 .right{ float:right; width:52%;}
.a1 .right .txt h3{font-family: "BEBAS___"; font-size:4em; color:#dbdbdb; margin-bottom:30px;}
.a1 .right .txt h4{ font-size:3.2em; color:#333; line-height:32px; margin-bottom:75px;}
.a1 .right .txt .t{ position:relative;}
.a1 .right .txt .t:after,.a1 .right .txt .t:before{ position:absolute; bottom:0; right:-16px; width:4px; content:"";}
.a1 .right .txt .t:after{ height:100%; background:#ececec;}
.a1 .right .txt .t:before{ height:60%; background:#344cb0; z-index:1;}
.a1 .right .txt .t p{ font-size:1.4em; color:#4f4f4f; line-height:28px;}
.a1 .right .txt .t p:first-child{ margin-bottom:28px;}
.a1 .right .dots{ margin-top:85px;}
.a1 .right .dot{ float:left; width:33.33%; text-align:right; padding:15px 45px 30px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.a1 .right .dot .num>*{ display:inline-block;}
.a1 .right .dot .num h3{font-family: "BEBAS___"; font-size:4.8em; color:#344cb0; margin-bottom:20px;}
.a1 .right .dot .num h4{ font-size:1.4em; color:#5969ae; }
.a1 .right .dot p{ font-size:1.2em; color:#7d7d7d; line-height:20px; padding-right:20px;}
.a1 .right .dot:nth-child(1),.a1 .right .dot:nth-child(2){ position:relative; border-right:2px solid #e5ebf0;}
.a1 .right .dot:nth-child(1):after,.a1 .right .dot:nth-child(2):after{ position:absolute; content:""; background:#fff; border:2px solid #ddd; padding:4px; right:-7px; border-radius:50%; bottom:0;}
.a1 .right .dot:nth-child(2):after{ top:0; bottom:auto;}
.a2{ background:url(../images/about/honor-bg.jpg) bottom center no-repeat #f6f6f6; background-size:cover; padding:95px 0 80px 0; text-align:center;}
.a2 .tit h3{ font-size:4.8em; color:#dddddd; margin-bottom:28px; font-family: "BEBAS___";}
.a2 .tit h4{ font-size:3.2em; color:#333333; margin-bottom:40px;}
.a2 .honor-slider .swiper-button-prev{ left:0; background-image:url(../images/about/honor-p.png);}
.a2 .honor-slider .swiper-button-next{ right:0; background-image:url(../images/about/honor-n.png);}
.a2 .honor-slider .swiper-button-prev,.a2 .honor-slider .swiper-button-next{ width:67px; height:67px; background-size:67px 67px; top:40%;}
.a2 .honor-slider .swiper-slide img{ max-width:100%; transform:scale(0.8); transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.a2 .honor-slider .swiper-slide-active img{ transform:scale(1);}
.a2 .honor-slider .swiper-slide p{ opacity:0; font-size:2em; margin-top:45px; line-height:24px; color:#666; transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.a2 .honor-slider .swiper-slide-active p{ opacity:1;}
.a3{ margin-bottom:90px;}
.a3 .tit{ text-align:center;}
.a3 .tit h3{ font-size:4.8em; color:#dddddd; margin-bottom:28px; font-family: "BEBAS___";}
.a3 .tit h4{ font-size:3.2em; color:#333333; margin-bottom:40px;}
.a3 .txts{ position:relative;}
.a3 .img{ padding-left:85px;}
.a3 .img img{ max-width:100%;}
.a3 .txt{ position:absolute; top:385px; right:0; box-shadow:-2px 2px 10px rgba(236,236,236,0.75); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px 25px; width:310px;  border:1px solid #eee;}
.a3 .txt p{ position:relative; padding-top:22px; margin-top:18px; font-size:1.4em; color:#847f7a; line-height:24px;}
.a3 .txt p:after{ position:absolute;  top:0; left:0; content:""; background:#2e46a4; height:3px; width:60px;}

/*news*/
#m4 .img img{ box-shadow:5px 5px 10px rgba(0,0,0,0.4);}
#m4 .inews .box:hover a .txt h3{ color:#334ba5 !important;}
.news-t{ text-align:center; padding:48px 0 55px 0;}
.news-t a{ display:inline-block; border:1px solid #b5b5b5; font-size:1.4em; color:#8b8b8b; padding:10px 45px; border-radius:40px; margin:0 18px;}
.news-t a:hover,.n-lock{ color:#fff !important; background:#354ba0; border:1px solid #354ba0 !important; }
/*newsshow*/
.newsshow{ padding:80px 0;}
.newsshow .boxs{ background:#f5f5f5; }

.newsshow .tit{ padding:40px; text-align:center;}
.newsshow .tit h3{ font-size:2em; color:#333333; margin-bottom:10px; line-height:24px; margin-bottom:20px;}
.newsshow .tit .dot{ background:#354ba0; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.newsshow .tit .dot h4{ color:#fff; font-size:1.4em; display:inline-block; padding:14px 15px;}
.newsshow .txt{ padding:20px 40px; line-height:24px; color:#666666; }
.newsshow .txt *{ font-size:14px; line-height:24px;}
.newsshow .txt p{ font-size:14px; text-indent:2em;}
.newsshow .txt img{ max-width:95%; margin:0 auto; padding:5px 0;}
.newsshow .btn{ padding:40px;}
.newsshow .btn a{ display:block; background:#fff; font-size:1.4em; color:#333333; line-height:24px; padding:12px 20px; margin-top:10px;}
.newsshow .btn a:hover{ background:#354ba0 !important; color:#fff !important;}

/*contact*/
/*map*/
.content-window-card { position: relative; box-shadow: none; bottom: 0; left: 0; width: auto; padding: 0;}
.content-window-card p { height: 2rem;}
.custom-info {border: solid 1px silver;}
div.info-top { position: relative; background: none repeat scroll 0 0 #F9F9F9; border-bottom: 1px solid #CCC; border-radius: 5px 5px 0 0;}
div.info-top div { display: inline-block; color: #333333; font-size: 14px; font-weight: bold; line-height: 31px; padding: 0 10px;}
div.info-top img { position: absolute; top: 10px; right: 10px; transition-duration: 0.25s;}
div.info-top img:hover { box-shadow: 0px 0px 5px #000;}
div.info-middle { font-size: 12px; padding: 10px 6px; line-height: 20px;}
div.info-bottom {height: 0px; width: 100%; clear: both; text-align: center;}
div.info-bottom img { position: relative;  z-index: 104;}
#map span { margin-left: 5px; font-size: 11px;}
.info-middle img { float: left; margin-right: 6px;}

.contact-t .warp>*{ float:left; position:relative; z-index:1; width:calc(50% + 5px);}
.contact-t .left{ background:#fff; margin-left:calc(50% - 480px); max-width:480px; box-shadow:5px 5px 20px rgba(0,0,0,0.2); margin-right:-5px; height:615px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:60px;}
.contact-t .right{ background:#334ba5; margin-left:-5px; margin-top:80px; max-width:480px; height:585px;}
.contact-t .c1{ overflow:hidden; padding-top:75px;}
.contact-t #container{ margin-top:-50px;}
.contact-t .left img{  margin-bottom:10px;}
.contact-t .left .dot{ margin-top:20px;}
.contact-t .left .dot h3 span{ font-size:1em; font-weight:bold; padding-right:10px; margin-right:10px; border-right:2px solid #333;}
.contact-t .left .dot h3{ color:#333; font-size:1.8em; line-height:24px; margin-bottom:12px;}
.contact-t .left .dot p{  font-size:1.6em; color:#4c4c4c; line-height:24px;}
.contact-t .right{ padding:50px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact-t .right .tit{ text-align:right;}
.contact-t .right .tit h3{ font-family: "SourceHanSansCN-Light"; font-size:4em; color:#fff; }
.contact-t .right .tit p{ font-family: "SourceHanSansCN-Light"; font-size:1.2em; color:#fff; padding:12px 0 30px 0;}
.contact-t .right input,.contact-t .right textarea{ outline:none; border:none; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact-t .right .fc-input,.contact-t .right .fc-txt{ font-size:1.4em; color:#666666; line-height:24px; border-radius:4px; padding:15px 18px; margin-bottom:8px; font-family: "Arial","Microsoft Yahei";}
.contact-t .right .fc-btn{ margin-top:40px; width:160px; height:40px; display:block; margin:35px auto 0 auto; font-size:1.4em; color:#666;}
.contact-t .right .fc-btn:hover{ color:#334ba5; background:#fff; cursor:pointer;}

/*product*/
.product-t .box *,.product-t .box,.proudt-list a{ transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.lead-lock{ color:#344cb0 !important;}
.proudt-list{ overflow:hidden; text-align:center; padding:40px 0;}
.proudt-list a{ padding:0 10px; border:1px solid #afafaf; color:#afafaf; font-weight:bold; font-size:1.4em; border-radius:40px; display:inline-block; margin:8px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:35px; height:35px; text-align:center;}
.proudt-list a:hover,.p-lock{ color:#fff !important; background:#334ba5; border:1px solid #334ba5 !important; }
.product-t .box{ display:table; width:100%; padding:55px 0 40px 0; border-bottom:2px solid #eee; overflow:hidden;  border-top:2px solid transparent;}
.product-t .box:first-child{ border-top:2px solid #888;}
.product-t .box a>*{ display:table-cell; vertical-align:middle;}
.product-t .box a .img{ width:45%;}
.product-t .box a .txt{ width:55%;}
.product-t .box a .img img{ max-width:95%;}
.product-t .box a .txt h3{ font-size:4em; color:#525252; font-weight:bold; margin-bottom:20px;}
.product-t .box a .txt h4{ font-size:2em; color:#454444; line-height:24px; padding:20px 0 35px 0;}
.product-t .box a .txt p{ font-size:1.6em; color:#9a9999; line-height:24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2; height:48px;}
.product-t .box a .txt span{ font-size:2em; color:#d0101b; line-height:24px; border-bottom:2px solid #d0101b; margin-top:35px; display:inline-block;}
.product-t .box:hover{ background:#f9f9f9; border-top:2px solid transparent; border-bottom:2px solid transparent; }
.product-t .box:hover a .txt h3{ color:#4157a7;}
.product-t .box:hover a .txt span{ color:#d0101b; border-bottom:2px solid #d0101b;}

/*productshow*/
.productshow .tit h3{ font-size:2em; color:#363636; line-height:30px; font-weight:bold; padding:40px 0 15px 0;}
.productshow .gallery-thumbs .swiper-slide{ border:1px solid #cbcbcb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.productshow .gallery-thumbs .swiper-slide img{ max-width:100%; max-height: 100px;}
.productshow .gallery-top .swiper-slide{ border:1px solid #cbcbcb; text-align:center; margin-bottom:20px; background-image:linear-gradient(170deg,#e8e8e8 0%,#e8e8e8 25%,#fff 75%,#fff 100%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.productshow .gallery-top img{ padding:0px 40px; max-width:100%; }
.ips-p{ background-image:url(../images/product/p-p.jpg); right:0;}
.ips-n{ background-image:url(../images/product/p-n.jpg); left:0;}
.ips-p,.ips-n{ background-color:#fff; width:50px; height:100%; background-size:100% 100%; top:0%; margin-top:0px;}
.productshow .gallery-thumbs{ padding:0px 70px;}
.productshow .txts>h3{ font-size:1.8em; font-weight:bold; padding:12px 0;}
.productshow .txts .vt{ font-size:2em; color:#d0101b;}
.productshow .txts .tit h3{ border-bottom:1px dashed #c6c6c6;}
.productshow .txts .video{ overflow:hidden; padding:40px 0; width:calc(100% + 40px); margin-left:-20px;}
.productshow .txts .video .box{ overflow:hidden; padding:2px; background:#fff; float:left; width:calc(50% - 40px); margin:0 20px 5px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #e5e5e5; border-radius:8px; position:relative;}
.productshow .txts .video .box img{ border-radius:4px; max-width:calc(100%);}
.productshow .txts .video .box .txt{ margin:2px; position:absolute; top:0; left:0; width:calc(100% - 4px); height:calc(100% - 4px); border-radius:4px; background:rgba(23,23,23,0.3); text-align:center; color:#fff;}
.productshow .txts .video .box .txt img{ padding-top:15%;}
.productshow .txts .video .box .txt p{ font-size:1.6em; line-height:24px; padding-top:15px;}
.productshow .txts>.txt table{ width:100%; border-bottom:2px solid #c9c9c9;}
.productshow .txts>.txt table tr td:first-child{ background:#334ba5; color:#fff; text-align:center;}
.productshow .txts>.txt table tr td{ text-align:center; background:#e8e8e8; border:1px solid #fff; font-size:1.4em; color:#303030; line-height:24px; padding:10px;vertical-align: middle;}
.productshow .txts>.txt p{ font-size:14px; line-height:30px; color:#3a3a3b; text-indent:2em;}
.productshow .txts .btn{ overflow:hidden; padding:30px 0 50px 0;}
.productshow .txts .btn .left{ float:left;}
.productshow .txts .btn .right{ float:right;}
.productshow .txts .btn a{ color:#fff; background:#334ba5; width:100px; height:40px; text-align:center; line-height:40px; display:inline-block; font-size:1.6em; }
.productshow .txts .btn a:hover{ background:#334ba5;}
.productshow .gallery-thumbs .swiper-slide-thumb-active{ border:1px solid #344cb0;}
.productshow .gallery-top{ margin-bottom:20px;}

.product-min{ display:none;}
.product-min img{ max-width:100%;}