@charset "utf-8";
/* CSS Document */
@import url(font/siyuan.css);
*{ touch-action: pan-y; } 

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: "siyuan" !important; list-style:none;}
body { overflow-x: hidden; 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:1640px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1440px; padding:0 20px;  margin:0 auto; -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;}


/*parts*/
div.fy{ text-align:center; line-height:4rem; padding-top:40px;}
div.fy a { margin:2px 2px; padding:8px 12px;color:#727171;font-size:1.4em; display:inline; background:#fff; box-shadow: 2px 0 5px rgba(0,0,0,0.1);}
div.fy a:hover{ color:#fff; background:#37469c; box-shadow: 2px 0 5px rgba(0,0,0,0.1);}
div.fy a:active{ color:#fff; background:#37469c; box-shadow: 2px 0 5px rgba(0,0,0,0.1); }
div.fy span.current{ margin:2px 2px;padding:8px 12px; color:#fff;  font-size:1.4em; background:#37469c; box-shadow: 2px 0 5px rgba(0,0,0,0.1);}
div.fy span.disabled{ margin:2px 2px;padding:8px 12px; color:#727171; font-size:1.4em; background: #fff; box-shadow: 2px 0 5px rgba(0,0,0,0.1);}


/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger {width: 24px; height: 14px;	position:absolute;	top: 30px;	right: 25px;	z-index: 999;display: none;}
#hamburger:before, #hamburger:after, #hamburger span { background:#000; 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;} 


/*header*/
.header .mune a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.header{ overflow:hidden;  }
.header .logo{ padding: 25px 0; position: relative; float:left;  background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .mune{ float:right; }
.header .mune>*{ float:left;}
.header .mune .m-list a{ padding: 40px 20px; display: inline-block; font-size:1.6em; color:#000;  text-transform: uppercase; line-height: 1.5; }
.header .mune .m-list:hover a,#m1 .m1,#m2 .m2,#m3 .m3,#m4 .m4,#m5 .m5,#m6 .m6{ background: #16288b; color: #fff; font-weight: bold; }

/*footer*/
.footer a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.footer .fo1{ padding: 40px 0; background: #242529;  overflow:hidden;}
.footer .fo1 .link{ width: fit-content; margin: 0 auto;}
.footer .fo1 .link a{ font-size: 1.6em; color: #a7a7a7; display: inline-block; padding: 0 50px; border-right: 1px solid rgba(255,255,255,0.3);}
.footer .fo1 .link a:last-child{ border: none;}
.footer .fo1 .link a:hover{ color:#fff; font-weight: bold;}
.footer .fo1 .txt{  width: fit-content; margin: 0 auto; padding-top: 24px; display: flex;}
.footer .fo1 .txt .t{ padding: 0 15px;}
.footer .fo1 .txt p{ color: #818181; line-height:2; font-size: 1.4em; display: table;}
.footer .fo1 .txt p span{ display: table-cell; vertical-align: top; font-size: 1em;}
.footer .fo2{ text-align: center; padding:20px 0; background: #000;}
.footer .fo2 p{ font-size: 1.4em; color: rgba(255,255,255,0.5); line-height: 1.5; margin: 0 20px; display: inline;}
.footer .fo2 p a{ font-size: 1em; color: rgba(255,255,255,0.5);}
.footer .fo2 p span{ margin-left: 10px;}
.footer .fo2 p a:hover{ text-decoration: underline;}

.bottomlist{ background:#014099; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:200;}
.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; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.6em; color:#fff;}
.bottomlist ul li img{ width:40px; height:40px;}


/*banner*/
.banner{transition:ease-out 0.8s all;-moz-transition: ease-out 0.8s all; -webkit-transition:ease-out 0.8s all; -o-transition: ease-out 0.8s all;}
.banner .swiper-slide img{ width: 100%;}
.banner .swiper-pagination-bullet{ width: 40px; height: 4px; background: #fff; border-radius: 0; opacity: 0.6;}
.banner .swiper-pagination-bullet-active{ opacity: 1; background: #e3001a}
/*iab*/
.iab .txt .t a:after{transition:ease-out 0.8s all;-moz-transition: ease-out 0.8s all; -webkit-transition:ease-out 0.8s all; -o-transition: ease-out 0.8s all;}
.iab{ display: table;}
.iab>*{ display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iab .txt{ width: 35%; padding: 50px 60px 50px 6%; }
.iab .txt .tit{ margin-bottom: 40px;}
.iab .txt .tit h3{ font-size: 3em; color: #333;}
.iab .txt .tit h4{ font-size: 2.4em; color: #333; line-height: 1.5; font-weight: 800;}
.iab .txt .t p{ font-size: 1.6em; color: #333; line-height: 1.5;}
.iab .txt .t a{ position: relative; padding: 14px 36px; margin-top: 40px; display: inline-block;  font-size: 1.4em; color: #fff; border-radius: 15px; background:#003f98; overflow: hidden; z-index: 2;}
.iab .txt .t a:after{ position: absolute; width: 20px; left: 0; top:0; background: #e60012; height: 100%; content: ""; z-index: -1;}
.iab .txt .t a:hover:after{ width: 100%;}
.iab .dots .d1{ background: #003f98;}
.iab .dots .d2{ background: #2a599a;}
.iab .dots .d3{ background: #2f67ac;}
.iab .dots .d4{ background: #3475c4;}
.iab .dots{ overflow: hidden; width: 20%; color: #fff;}
.iab .dots .dot{ padding: 24px 24px 24px 20%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.iab .dots .dot h3,.iab .dots .dot p{ font-size: 1.4em; color: #fff; line-height: 1.5;}
.iab .dots .dot h3 span{ font-size: 40px; font-weight: bold; margin-right: 4px;}
.iab .img{ width: 45%; background:url(../picture/iab.jpg) center center no-repeat; background-size: cover !important;}
/*prs*/
.prs{ background: #eee;  padding: 30px 0;}
.prs .warp{ display: flex; justify-content: space-between;  flex-wrap: wrap; align-items: center;}
.prs .warp div{ margin: 10px;}
.prs .warp div h3{ font-size: 1.6em; color: #333;  font-weight: bold;}


/*banners*/
.banners{ position: relative; background-size:cover !important; }
.about{ background:url(../picture/about-banner.jpg) center center no-repeat;}
.announcement{ background:url(../picture/announcement-banner.jpg) center center no-repeat;}
.product{ background:url(../picture/product-banner.jpg) center center no-repeat;}
.news{ background:url(../picture/news-banner.jpg) center center no-repeat;}
.contact{ background:url(../picture/contact-banner.jpg) center center no-repeat;}
.banners .warp2{ height: 431px; display: flex; align-items: center;}
.banners .t h3{ font-size: 3em; color: #fff; line-height: 1.2;}
.banners .t p{ font-size: 2.4em; color: #fff; font-weight:800; line-height: 1.2; }
.banners .t img{ margin-top: 12px; max-width: 95%;}

/*lists*/
.lists a,.lists a:after,.lists a:before{transition:ease-out 0.8s all;-moz-transition: ease-out 0.8s all; -webkit-transition:ease-out 0.8s all; -o-transition: ease-out 0.8s all;}
.lists{ border-bottom: 1px solid #cfcfcf;}
.lists a{ padding: 25px 40px; display: inline-block; position: relative; font-size: 1.6em; color: #000; line-height: 1.5;}
.lists a:after{ transform: scale(0); position: absolute; bottom: -7px; content: ""; background: #fff; border: 2px solid #2a599a; border-radius: 50%; left: calc(50% - 8px); width: 8px; height: 8px;}
.lists a:before{ position: absolute; bottom:0;  left: 0; width: 100%; height: 0%; content: ""; background-image:linear-gradient(180deg,#fff 0%,#9bbae0 100%); z-index: -2;}
.lists a:hover,.lists a.lock,
.a1 .a1,.a2 .a2,.a3 .a3,.a4 .a4,.a5 .a5,.a6 .a6,.a7 .a7,.a8 .a8,.a9 .a9{ color: #3475c4; font-weight: bold;}
.lists a:hover:after,.lists a.lock:after,
.a1 .a1:after,.a2 .a2:after,.a3 .a3:after,.a4 .a4:after,.a5 .a5:after,.a6 .a6:after,.a7 .a7:after,.a8 .a8:after,.a9 .a9:after{ transform: scale(1);}
.lists a:hover:before,.lists a.lock:before,
.a1 .a1:before,.a2 .a2:before,.a3 .a3:before,.a4 .a4:before,.a5 .a5:before,.a6 .a6:before,.a7 .a7:before,.a8 .a8:before,.a9 .a9:before{ height: 100%;}
.ab-list .warp2{ display: flex; justify-content: space-between;}

/*tits*/
.tits{ padding: 60px 0; background: #efefef;}
.tits .warp2{display: flex; justify-content: space-between;}
.tits .tit{ width: 40%;}
.tits .tit h3{ font-size: 3em; color: #333; line-height: 1.2;}
.tits .tit h4{ font-size: 2.4em; color: #333; line-height: 1.2; font-weight: 800; text-transform: uppercase;}
.tits .t{ width: 60%;}
.tits .t p{ font-size: 1.6em; color: #333; line-height: 1.5;}
.tits .t p span{ font-size: 1em; color: #3475c4; font-weight: bold;}

/*about*/
.about-t{  display: flex; justify-content: flex-end; align-items: center;}
.about-t .txt{ padding: 70px; max-width: 1010px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-t .txt p{ font-size: 1.4em; color: #333; line-height: 2; text-indent: 2em; }
.about-t .txt p span{ font-size: 1em; color: #3475c4; font-weight: bold;}
.about-t .dots{ width: 37%; padding: 60px 0; background: #3475c4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.about-t .dots .dot{ border-bottom: 1px solid #5190dd; padding: 30px 100px; display: flex; align-items: center;}
.about-t .dots .dot:last-child{ border: none;}
.about-t .dots .dot .t{ width: 200px;}
.about-t .dots .dot .t h3,.about-t .dots .dot .t p{ font-size: 1.4em; color: #fff; line-height: 1.5;}
.about-t .dots .dot .t h3 span{ font-size: 40px; font-weight: bold; margin-right: 4px;}
.about-t .dots .dot .t .img img{ max-width: 100%;}
/*business*/
.business .dots .dot{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
/*.business:after{  position:absolute; top:0; right:0;  width:2%; background:#d80c18;  height:200%; content:""; border-top:40px solid #1a2a89;}*/
.business{ background: url(../images/ab2-bg.jpg) center center no-repeat; background-size: cover !important; position:relative;  overflow: hidden; padding: 30px 0;}
.business .dots{ position:relative; z-index:2; display: flex; flex-wrap: wrap;}
.business .dots .dot{ box-shadow: 0 0 0px rgba(52,117,196,0.32); cursor: pointer; border-radius: 10px; padding: 25px 0; margin:30px 0px 30px 70px; width: calc(33.33% - 60px); background: #f2f6f9; display: flex; align-items: center;}
.business .dots .dot:nth-child(3n-2){ margin-left: 30px;}
.business .dots .dot .img{ padding: 10px 15px; border-radius: 8px; background: #3475c4; margin-left: -30px;}
.business .dots .dot .t{ padding: 0 30px;}
.business .dots .dot .t h3{ font-size: 1.8em; color: #333; font-weight: bold; margin-bottom: 10px; }
.business .dots .dot .t p{ font-size: 1.6em; color: #333; line-height: 1.5;}
.business .dots .dot:hover{ background: #fff; box-shadow: 0 0 15px rgba(52,117,196,0.32);}
/*intellectual*/
.intellectual .dots .dot .img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.intellectual{ padding-bottom: 60px;}
.intellectual .dots{ overflow: hidden;  width: calc(100% + 60px); margin-left: -30px; padding: 60px 0 0 0 ;}
.intellectual .dots .dot{ width: calc(25% - 60px);  margin: 20px 30px; float:left; text-align: center;}
.intellectual .dots .dot .img img{ width: 100%;}
.intellectual .dots .dot .t{ text-align: center;}
.intellectual .dots .dot .t p{ font-size: 1.6em; color: #333;  margin-top: 20px; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.intellectual .dots .dot:hover .img{ transform: translateY(-12px);}
/*enterprise*/
.enterprise .dots .dot .img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.enterprise{ padding-bottom: 60px;}
.enterprise .dots{ overflow: hidden;  width: calc(100% + 60px); margin-left: -30px; padding: 60px 0 0 0 ;}
.enterprise .dots .dot{ width: calc(25% - 60px);  margin: 20px 30px; float:left; text-align: center;}
.enterprise .dots .dot .img img{ border: 1px solid #d3d1d0; box-shadow: 2px 2px 15px rgba(0,0,0,.3); width: 100%;}
.enterprise .dots .dot .t{ text-align: center;}
.enterprise .dots .dot .t p{font-size: 2em;color: #fff;margin-top: 20px;line-height: 42px;height: 42px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;background: #252d76;}
.enterprise .dots .dot:hover .img{ transform: translateY(-12px);}
/*honor*/
.honor{ padding: 60px 0;}
.honor .dots{ display: flex;  flex-wrap: wrap; justify-content: space-between;}
.honor .dots .dot{background: #efefef;width: calc(50% - 10px);border-radius: 10px;margin-bottom: 20px;display: flex;overflow:hidden;align-items: center;}
.honor .dots .dot span{ padding: 12px 20px; background: #f1bc04; display: inline-block;}
.honor .dots .dot p{padding: 12px 20px;font-size: 1.8em;color: #333;line-height: 1.5;}
.honor .imgs{ margin-top: 50px; display: flex; justify-content: space-between;}
.honor .imgs .di{ max-width: 340px; margin-right: 40px;}
.honor .imgs .di img{ width: 100%;}
.honor .imgs .di{ text-align: center;}
.honor .imgs .di .t p{ font-size: 1.8em; color: #333; line-height: 1.5; margin-top: 20px;}
/*environment*/
.environment .boxs .box .img img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.environment{ padding: 60px 0;}
.environment .boxs{ width: calc(100% + 40px); margin-left: -20px; overflow: hidden;}
.environment .boxs .box{ float:left; width: calc(33.33% - 40px); margin: 20px;}
.environment .boxs .box .img{ overflow: hidden; border-radius: 20px;}
.environment .boxs .box .img img{ width: 100%;}
.environment .boxs .box .t p{ font-size: 1.6em; color: #333; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1; text-align: center; margin:20px 0;}
.environment .boxs .box:hover .img img{ transform: scale(1.1);}

/*news*/
.news-t .ndots .nd .img img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
#m3 .tits .t{ text-align: right;}
.news-t{ padding: 60px 0; overflow: hidden;}
.news-t .ndots{overflow: hidden; width: calc(100% + 50px); margin-left: -25px;}
.news-t .ndots .nd{ float:left; width: calc(33.33% - 50px); margin: 40px 25px;}
.news-t .ndots .nd .img{ border-radius: 10px; overflow:hidden;}
.news-t .ndots .nd .img img{ width: 100%;}
.news-t .ndots .nd .t{ padding-top: 16px;}
.news-t .ndots .nd .t h3{ margin-bottom: 4px; font-size: 1.8em; color: #000; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.news-t .ndots .nd .t p{ font-size: 1.4em; color: #888; line-height: 24px; height: 48px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.news-t .ndots .nd .t .more{ display: flex; justify-content: space-between; margin-top: 30px;}
.news-t .ndots .nd .t .more span{ font-size: 1.4em; color: #555; line-height: 1.5;}
.news-t .ndots .nd .t .more span:first-child{ color: #000;}
.news-t .ndots .nd:hover .img img{ transform: scale(1.1);}
 
/*newsshow*/
.newsshow .btn a{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.newsshow{ padding:80px 0;}
.newsshow .boxs{ background:#f5f5f5; }
.newsshow .tit{ padding:40px; text-align:center;}
.newsshow .tit h3{ font-size:1.8em; color:#333333;  line-height:24px; margin-bottom:20px;}
.newsshow .tit .dot{ background:#727171; 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; }
.newsshow .txt img{ max-width:100%; margin:0 auto; padding:0px 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:#0555c6 !important; color:#fff !important;}

/*product*/
.product-t .pboxs .pb .txt p,.product-t .pboxs .pb .img img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.product-t{ padding: 60px 0;}
.product-t .pboxs{ width: calc(100% + 40px); margin-left: -20px; overflow: hidden;}
.product-t .pboxs .pb{ width: calc(25% - 40px); margin: 15px 20px; border: 1px solid #e0e0e0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.product-t .pboxs .pb .img{ overflow: hidden;}
.product-t .pboxs .pb .img img{ width: 100%;}
.product-t .pboxs .pb .txt{ background: #0555c6; padding: 12px 60px 12px 24px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
.product-t .pboxs .pb .txt:after{ position: absolute; top:8px; right: 10px; content: ""; background: url(../images/more.png) center center no-repeat; width: 34px; height: 33px;}
.product-t .pboxs .pb .txt p{ font-size: 1.6em; line-height: 24px; height: 24px; color: #fff; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.product-t .pboxs .pb:hover .img img{transform: translateY(-24px);}

/*productshow*/
#m4 .tits .tit a{ font-size: 1.6em; color: #333; line-height: 1.5; display: inline-block; margin-top: 20px;}
#m4 .tits .tit a:hover{ text-decoration: underline;}
.productshow{ padding: 80px 0; overflow: hidden; }
.productshow .imgs{ width: 50%; padding-right: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left;}
.productshow .imgs img{ width: 100%;}
.productshow .imgs .gallery-top{ margin-bottom: 30px; border: 1px solid #d2d2d2;}
.productshow .imgs .gallery-thumbs{ padding: 0 50px;}
.productshow .imgs .gallery-thumbs .swiper-slide{ border: 1px solid #d2d2d2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.productshow .imgs .gallery-thumbs .p-n,.productshow .imgs .gallery-thumbs .p-p{ width: 40px; height: 100%; top:23px;  background-color: #dfdfdf; background-size: 20px 30px;}
.productshow .imgs .gallery-thumbs .p-n{ right: 0;}
.productshow .imgs .gallery-thumbs .p-p{ left: 0;}
.productshow .txts{ width: 50%;  float:left; padding-left: 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.productshow .txts .tit{ margin: 30px 0;}
.productshow .txts .tit h3{ font-size: 2.4em; color: #333; font-weight: bold; line-height: 1.2;}
.productshow .txts .t p{ font-size: 1.4em; color: #333; line-height: 2.5; }
.productshow .txts .t img{ max-width: 100%; margin: 10px 0;}
.productshow .txts .t table tr td{  background:#efefef; font-size:1.4em; color:#333; line-height:1.5; padding:12px; text-align:center;border:1px solid #fff; vertical-align:middle; }
.productshow .txts .t table tr:first-child td{ background:#16288b; color:#fff; font-weight:bold;}
.pro-plate img{ width: 100%;}


/*announcement*/
.announcement-t .dots .dot>* a img,.announcement-t .dots .dot>* p,.announcement-t .dots .dot{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.announcement-t{ padding: 80px 0;}
.announcement-t .dots .dot{ padding: 20px 0; border-bottom: 1px solid #a3a7ad; overflow: hidden;}
.announcement-t .dots .dot>*{ width: 200px; text-align: center; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px;}
.announcement-t .dots .dot .d1{ text-align: left; width: calc(100% - 600px)}
.announcement-t .dots .dot:first-child{ border-bottom: 2px solid #2a599a;}
.announcement-t .dots .dot:first-child>*{ font-weight: bold; color: #555;}
.announcement-t .dots .dot>* p{ font-size: 1.6em; color: #333; line-height: 1.5;}
.announcement-t .dots .dot:hover>* p{ color: #2a599a; font-weight: bold;}
.announcement-t .dots .dot:hover{ border-bottom: 2px solid #2a599a;}
.announcement-t .dots .dot:hover>* a img{ transform: translateY(4px);}




/*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;}
#container{ height:520px;}

.contact-t .ctxts{  padding: 50px 0 40px 0;}
.contact-t .ctxts .warp2{display: flex;  justify-content: space-between; }
.contact-t .ctxts h3{ font-size: 1.6em; color: #333; line-height: 2; }
.contact-t .ctxts h3 span img{ margin: 0 6px  -6px 0;}
.contact-t .ctxts p{ font-size: 1.8em; color: #333; line-height: 1.5; font-weight: bold;}
.contact-t .ctxts p a{ font-size: 1em; }
.contact-t .ctxts p a:hover{ text-decoration: underline;}
.contact-t .cmf{background: #3475c4; overflow: hidden; padding-top:5px; position: relative;}
.contact-t .cmf:after{ content: ""; position: absolute; top:0px; width: 100%; left: 0; height: 5px; background-image:linear-gradient(90deg,#fff  0%,#3475c4 50%,#fff 100%);}
.contact-t .cmf .map{ float:left; width: 60%;}
.contact-t .feedback{  float:left; width: 40%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  padding: 50px 70px 20px 70px;}
.contact-t .feedback .tit h3{ font-size: 2.4em; color: #fff; line-height: 1.5; font-weight: bold; margin-bottom: 12px;}
.contact-t .feedback .tit p{ font-size: 1.4em; line-height: 1.5; color: #fff; max-width: 260px;}

.contact-t .feedback form{ margin-top: 10px;}
.contact-t  .btn .fc-btn{ transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.contact-t  input,.contact-t  textarea{ font-style: italic; font-size: 1.4em; outline:none;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#fff; border: none; border-bottom: 1px solid #91a8c0; padding: 0 8px; margin: 30px 0 0 0 ; background: transparent;}
.contact-t  .fc-input{ width: 100%;}
.contact-t  textarea{ width:100%;  font-family: "siyuan" !important;}
.contact-t  .fc-input::-webkit-input-placeholder,.contact-t  textarea::-webkit-input-placeholder { color:#e3e3e3;}
.contact-t  .fc-input:-moz-placeholder,.contact-t  textarea:-moz-placeholder { color:#e3e3e3;}
.contact-t  .fc-input::-moz-placeholder,.contact-t  textarea::-moz-placeholder { color:#e3e3e3;}
.contact-t  .fc-input:-ms-input-placeholder,.contact-t  textarea:-ms-input-placeholder { color:#e3e3e3;}
.contact-t  .btn .fc-btn{ font-style: normal;  border:none; padding:6px 50px; border-radius: 5px; font-size:1.4em; color:#fff; line-height:24px; cursor:pointer; background: #13509b;}
.contact-t  .btn .fc-btn:hover{ background: #e4001a;}