.infoban{ position:relative; overflow:hidden;}
@media screen and (min-width:1200px) {
.infoban img{ display:block; width:100%;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.infoban img{ display:block; width:130%;}
}
@media screen and (max-width:960px) {
.infoban img{ display:block; width:180%;}
}
.infobantxt{ position:absolute; left:0; top:50%; width:100%; z-index:5; transform: translateY(-50%); color:#fff;}
.infobantxt em{ font-family:"GOTHICB"; line-height:2;}
.infobantxt p{ line-height:1.5; max-width:800px;}

.infobody{ padding:4% 0; color:#00324b; line-height:2; font-weight:700;}

.fuwutitle span{ display:block;}
.fuwutitle em{font-weight:700; font-family:"GOTHICB"; color:#00324b; line-height:1.6;}

.fuwulist{ background:url(../images/bg1.jpg) #f8f8f8 top repeat-x; padding:3% 0; overflow:hidden;}
.fuwulist .fuwutitle{ margin-top:4%;}
.fuwulist li{ background:#fff; margin:3% 0; box-shadow:0px 0px 12px #dedede; position:relative;}
@media screen and (min-width:760px) {
.fuwulist li{ min-height:380px;}
.fuwulist li .fuwulist_img{width:50%; position:absolute; left:0; top:0; height:100%;}
.fuwulist li .fuwulist_con{ width:50%; float:right;}
.fuwulist li .fuwulist_con h3{ line-height:2.5;}
}
@media screen and (min-width:760px) {
.fuwulist li .fuwulist_con h3{ line-height:2;}
}
.fuwulist li .fuwulist_img{ overflow:hidden;}
.fuwulist li .fuwulist_img img{ width:100%; height:100%; position:relative; object-fit: cover; }
.fuwulist li .fuwulist_con{ padding:6% 4%; box-sizing: border-box;}
.fuwulist li .fuwulist_con h3{ color:#034080;}
.fuwulist li .fuwulist_con p{ line-height:1.8;}

.weixiu_tit{ margin-top:2%; text-align:center;}
.weixiu_tit span { float:left; width:33%; background:#fff; cursor: pointer;}
.weixiu_tit span.hover { color:#2e69b3; border-bottom:3px #2e69b3 solid;}
.weixiu_con { line-height:1.8; margin-top:2%;}
.weixiu_con img{ max-width:700px;}
@media screen and (min-width:1200px) {
.weixiu_tit span { line-height:80px; font-size:24px;}
.weixiu_tit span.hover {  height:80px; font-size:34px;}
.weixiu_con img{float:right; margin-left:3%; width:50%;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.weixiu_tit span { line-height:60px; font-size:20px;}
.weixiu_tit span.hover { height:60px; font-size:21px;}
.weixiu_con img{float:right; margin-left:3%; width:50%;}
}
@media screen and (max-width:960px) {
.weixiu_tit span { line-height:22px; font-size:16px; padding:5px 0;}
.weixiu_tit span.hover { font-size:16px;}
.weixiu_con img{ margin-bottom:15px; max-width:100%;}
}

.fuwubot{ padding:3% 0; overflow:hidden;}
.fuwubot_tit{ color:#00324b; font-weight:700; font-family:"GOTHICB"; line-height:2;}
.fuwubot li{ position:relative; overflow:hidden; transition: all 0.3s;}
@media screen and (min-width:760px) {
.fuwubot li{ width: calc(33.33% - 20px); margin-right:30px; float:left;}
.fuwubot li:last-child{ margin-right:0;}
}
@media screen and (max-width:760px) {
.fuwubot li{ margin-bottom:20px;}
}
.fuwubot li img{ object-fit: cover; width:100%; height:100%; position:relative;}
.fuwubot li p{ position:absolute; z-index:5; left:0; bottom:0; box-sizing: border-box; padding:0 8% 10%; color:#fff;}
.fuwubot li p img{ width:auto; height:auto;}
.fuwubot li p em{ display:block; line-height:2; font-family:"GOTHICB";}
.fuwubot li p span{ display:none;}
.fuwubot li:hover{ border-top-left-radius:28px; border-top-right-radius:28px; border-bottom-left-radius:28px;}
.fuwubot li:hover p span{ display:block; line-height:1.5;}

.aboutbody{ padding:5% 0; line-height:1.5;}
.aboutbody .symain{ padding:0 30px; box-sizing: border-box;}
.aboutbody h3{ line-height:2; color:#00324b; font-weight:700;}

.aboutpic{ background:url(../images/bg1.jpg) #f8f8f8 top repeat-x; padding:4% 0;}
.aboutpic .fuwutitle{ padding:0 30px;}
.aboutpic ul{ margin-top:2%;}
.aboutpic li{ position:relative; overflow:hidden;}
@media screen and (min-width:1200px) {
.aboutpic li{ width: calc(25% - 15px); float:left; margin-right:20px; margin-bottom:20px; height:230px;}
.aboutpic li:nth-child(4n){ margin-right:0;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.aboutpic li{ width: calc(33.33% - 20px); float:left; margin-right:30px; margin-bottom:30px; height:230px;}
.aboutpic li:nth-child(3n){ margin-right:0;}
}
@media screen and (max-width:960px) {
.aboutpic li{ width: calc(50% - 10px); float:left; margin-right:20px; margin-bottom:20px; height:230px;}
.aboutpic li:nth-child(2n){ margin-right:0;}
}
.aboutpic li span{ z-index:5; position:absolute; width:90%; left:5%; bottom:8%; color:#fff;}
.aboutpic li img{ position:relative; width:100%; height:100%; object-fit: cover; transition: all 0.3s;}
.aboutpic li:hover{ border-top-left-radius:20px;  border-bottom-right-radius:20px; box-shadow:0px 0px 12px #9bd1ec;}
.aboutpic li:hover img{ transform: scale(1.1); }

.aboutglobal{ background:url(../images/bg3.jpg) center no-repeat; background-size:cover; padding:10% 0; height:60%;}
.aboutglobal_body{ max-width:600px; margin-top:2%;}
.aboutglobal_body h3{ line-height:2; color:#00324b;}
.aboutglobal_body p{ line-height:1.5;}

.aboutlist{ background:url(../images/bg1.jpg) #f8f8f8 top repeat-x; padding:4% 0; overflow:hidden;}
.aboutlist li{ background:#fff; margin:4% 0; border-top-left-radius:40px; width:100%; border-bottom-right-radius:40px; overflow:hidden; position:relative;}
@media screen and (min-width:960px) {
.aboutlist_img{ width:50%; position:absolute; top:0; right:0; height:100%;}
.aboutlist_con{ width:50%; float:left;}
}
@media screen and (max-width:960px) {
}
.aboutlist_img img{ object-fit: cover; width:100%; height:100%; position:relative;}
.aboutlist_con{ padding:4%;}
.aboutlist_con em{ color:#00324b; font-family:"GOTHICB"; font-weight:700; line-height:2;}
.aboutlist_con div{ line-height:1.5;}
.aboutlist_con div strong{ color:#034080;}

.aboutbot{ background:url(../images/img06.jpg) center no-repeat; background-size:cover; padding:5% 0; color:#fff; text-align:center;}
.aboutbot p{ max-width:860px; font-family:"GOTHICB"; margin:3% auto; line-height:1.5;}
.aboutbot a{ color:#fff; background:url(../images/jiantous.png) left no-repeat; padding-left:38px; border-bottom:1px #fff solid;}

@media screen and (min-width:960px) {
.newsview{ margin-top:-24%;}
}
@media screen and (max-width:960px) {
.newsview{ margin-top:-50%;}
}
.newsview_url{ line-height:2; text-align:right; margin-bottom:15px;}
.newsview_url span{ background:url(../images/ico11.png) left no-repeat; padding-left:45px; color:#fff;}
.newsview_url span a{ color:#fff;}
.newsview_body{ background:#fff; padding:3% 4%; border-top-left-radius:20px; border-top-right-radius:20px;}

.view_title{ line-height:35px; padding:10px 0; text-align:center; font-weight:700; color:#034080; font-family:"GOTHICB";}
.view_ps{ text-align:center; line-height:45px; border-bottom:1px #eaeaea solid; color:#666;}
.view_body{ padding:30px 0; line-height:30px; min-height:300px;}
.view_body img{ max-width:100% !important; height:auto !important; display:inline-block;}

@media(min-width: 1024px){
.view_shxia{ border-top:1px #eaeaea solid; padding:25px 0;}
.view_shxia a{ line-height:40px;}
.view_shxia a.nspre{ float:left; background:url(../images/lt.png) left 20px center no-repeat; padding:0 20px 0 45px; border-radius:20px;}
.view_shxia a.nspre:hover{ background:url(../images/lts.png) left 20px center no-repeat; color:#034080;}
.view_shxia a.nsxia{ float:right; background:url(../images/rig.png) right 20px center no-repeat; padding:0 45px 0 20px; border-radius:20px;}
.view_shxia a.nsxia:hover{ background:url(../images/rigs.png) right 20px center no-repeat; color:#034080;}
}
@media(max-width: 1024px){
.view_shxia{ border-top:1px #eaeaea solid; padding:25px 0;}
.view_shxia a.nspre{ display:block; line-height:40px; background:url(../images/lt.png) left 20px center no-repeat; padding:0 20px 0 45px; border-radius:20px;}
.view_shxia a.nsxia{ display:block; line-height:40px; background:url(../images/rig.png) right 20px center no-repeat; padding:0 45px 0 20px; border-radius:20px;}
}

.lixilist{ padding:4% 0; position:relative;}
@media screen and (min-width:960px) {
.lixilist_con{ width:48%; overflow:hidden;}
.lixilist_img{ width:50%; position:absolute; right:0; top:0; height:100%; overflow:hidden;}
.lixilist_img img{ object-fit: cover; position:relative; width:100%; height:100%;}
}
@media screen and (max-width:960px) {
.lixilist_img{ display:none;}
}

.lixilist_con h3{ color:#00324b; font-family:"GOTHIC"; text-decoration:underline; padding-bottom:5px; margin:3% 0;}
.lixilist_con div{ margin:10px 0;}
.lixilist_con div span{ display:block; float:left; width:140px; padding-left:35px; color:#00324b; box-sizing: border-box;}
.lixilist_con div span.add{ background:url(../images/add.png) left no-repeat;}
.lixilist_con div span.fax{ background:url(../images/fax.png) left no-repeat;}
.lixilist_con div span.tel{ background:url(../images/tel.png) left no-repeat;}
.lixilist_con div span.email{ background:url(../images/email.png) left no-repeat;}
.lixilist_con div p{ float:right; width: calc(100% - 140px); color:#686868;}
.lixilist_con em{ color:#00324b; line-height:2.5;}


.lixily{ background:#f8f8f8; padding:3% 0;}
@media screen and (min-width:960px) {
.lixily_form p{ width: calc(50% - 25px); float:left; margin:15px 50px 15px 0;}
.lixily_form p:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:960px) {
.lixily_form p{ margin:15px 0;}
}

.lixily_form p .mytxt{ box-sizing: border-box; border:1px #e1e1e1 solid; padding:0 15px; height:65px; line-height:65px; width:100%; color:#333; outline:none;}
.lixily_form .mytxts{ box-sizing: border-box; border:1px #e1e1e1 solid; padding:15px; height:125px; line-height:25px; width:100%; color:#333; outline:none; margin:15px 0;}
.lixily_form .mysub{ display:block; margin:15px auto; color:#034080; border:1px #034080 solid; border-radius:45px; padding:10px 55px; background:#f8f8f8; cursor: pointer;}

.piclist{ padding:2% 0 3%;}
.piclist_con{ margin-top:2%;}
@media screen and (min-width:1200px) {
.piclist_con li{ width: calc(33.33% - 20px); float:left; margin-right:30px; margin-bottom:20px;}
.piclist_con li:nth-child(3n+0){ margin-right:0;}
.piclist_con li .ppimg{ height:330px;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.piclist_con li{ width: calc(50% - 15px); float:left; margin-right:30px; margin-bottom:20px;}
.piclist_con li:nth-child(2n+0){ margin-right:0;}
.piclist_con li .ppimg{ height:330px;}
}
@media screen and (max-width:960px) {
.piclist_con li{ margin-bottom:20px;}
}
.piclist_con li .ppimg{ position:relative; overflow:hidden; border-radius:20px; transition: all 0.3s; margin-bottom:10px;}
.piclist_con li .ppimg img{ width:100%; height:100%; position:relative; object-fit: cover; transition: all 0.3s;}
.piclist_con li:hover .ppimg{ box-shadow:0px 0px 22px #9bd1ec;}
.piclist_con li:hover .ppimg img{transform: scale(1.1);}
.piclist_con li a{ display:block;}
.piclist_con li a span{ display:block; height:55px; line-height:55px; color:#999; overflow:hidden; text-align:center;}
.piclist_con li:hover a span{ color:#034080;}

.listfan{ background:url(../images/bg1.jpg) #f8f8f8 top repeat-x; padding:3% 0 1%; overflow:hidden;}
.listfantit p{ float:left; margin-right:50px;}
.listfantit p i{ display:block; color:#00324b; font-style:italic; line-height:2;}
.listfantit p span{ color:#2f5f8d; text-decoration:underline; font-weight:700;}

.listfan_con{ position:relative; padding:3% 0}
.listfan_conlt{ float:left; width:15%; height:500px;}
.listfan_conlt p{ position:relative; left:0; top:50%; transform: translateY(-50%); display:block; text-align:center;}
.listfan_conlt p img{ width:80%; max-width:180px; display:block; margin:15px auto;}
.listfan_conlt p span{ color:#034080; font-weight:700;}
.listfan_concen{ float:left; height:500px; width:70%; display: flex; border-left:1px #ccc solid;}
.listfan_concen li{ flex: 1; position:relative; border-right:1px #ccc solid; width:16.66%; overflow:hidden;}
.listfan_concen li img{ position:absolute; left:0; top:0; z-index:0; opacity:0; transition: all 0.3s; width:100%; height:100%; object-fit: cover; }
.listfan_concen li:hover img{ opacity:1; border-top-left-radius:20px; border-top-right-radius:20px; border-bottom-left-radius:20px;}
.listfan_concen li span{ display:block; writing-mode:vertical-lr; transform: rotate(180deg); text-align:left; height:70%; position:relative; left:50%;}
.listfan_concen li span{ line-height:40px; margin-left:-20px; z-index:7;}
.listfan_concen li:hover span{ color:#fff;}
.listfan_concen li:before{ content:""; position:absolute; left:0; bottom:20%; width:100%; height:1px; background:#ccc; z-index:0;}
.listfan_concen li i{ width:48px; height:48px; border-radius:50%; position:absolute; left:50%; bottom:20%; border:1px #ccc solid; background:#fff; display:block; text-align:center; line-height:48px;}
.listfan_concen li i{ margin-left:-24px; margin-bottom:-24px; color:#034080; z-index:6;}

.picfan{ padding:5% 0;}
.picfan ul{ margin-top:2%;}
@media screen and (min-width:1200px) {
.picfan li{ width: calc(20% - 20px); float:left; margin-right:25px;}
.picfan li:nth-child(5n){ margin-right:0;}
.picfan li .picimg{ height:195px;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.picfan li{ width: calc(33.33% - 20px); float:left; margin-right:30px; margin-bottom:30px;}
.picfan li:nth-child(3n){ margin-right:0;}
.picfan li .picimg{ height:195px;}
}
@media screen and (max-width:960px) {
.picfan li{ width: calc(50% - 10px); float:left; margin-right:20px; margin-bottom:20px;}
.picfan li:nth-child(2n){ margin-right:0;}
.picfan li .picimg{ height:115px;}
}
.picfan li .picimg{ position:relative; overflow:hidden; margin-bottom:10px;}
.picfan li .picimg img{ object-fit: cover; width:100%; height:100%; position:relative;}
.picfan li span{ display:block; line-height:2.5; text-align:center;}

.fanbot{ background:#f8f8f8; padding:4% 0;}
.fanbot ul{ margin-top:2%;}
.fanbot li{ position:relative; overflow:hidden; transition: all 0.3s;}
@media screen and (min-width:1060px) {
.fanbot li{ width: calc(25% - 18px); margin-right:24px; float:left;/* height:480px;*/}
.fanbot li:last-child{ margin-right:0;}
.fanbot li p span{ display:none;}
}
@media screen and (max-width:1060px) and (min-width:760px) {
.fanbot li{ width: calc(50% - 12px); margin-right:24px; margin-bottom:24px; float:left; height:480px;}
.fanbot li:nth-child(2n+0){ margin-right:0;}
}
@media screen and (max-width:760px) {
.fanbot li{ margin-bottom:20px; height:280px;}
}
.fanbot li img{ object-fit: cover; width:100%; height:100%;}
.fanbot li p{ position:absolute; z-index:5; left:0; bottom:0; box-sizing: border-box; padding:0 8% 10%; color:#fff;}
.fanbot li p img{ width:auto; height:auto;}
.fanbot li p em{ display:block; line-height:2; font-family:"GOTHICB";}

.fanbot li:hover{ border-top-left-radius:28px; border-top-right-radius:28px; border-bottom-left-radius:28px;}
.fanbot li:hover p span{ display:block; line-height:1.5;}

.gyilist{ padding:2% 0 3%; background:#f8f8f8;}
.gyilist_con{ margin-top:2%;}
@media screen and (min-width:1200px) {
.gyilist_con li{ width: calc(33.33% - 20px); float:left; margin-right:30px; margin-bottom:30px;}
.gyilist_con li:nth-child(3n+0){ margin-right:0;}
.gyilist_con li .gyimg{ height:330px;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.gyilist_con li{ width: calc(50% - 15px); float:left; margin-right:30px; margin-bottom:30px;}
.gyilist_con li:nth-child(2n+0){ margin-right:0;}
.gyilist_con li .gyimg{ height:330px;}
}
@media screen and (max-width:960px) {
.gyilist_con li{ margin-bottom:30px;}
.gyilist_con li:nth-child(2n+0){ margin-right:0;}
.gyilist_con li .gyimg{ height:280px;}
}
.gyilist_con li{ overflow:hidden; box-shadow:0px 0px 10px #ddd; background:#fff; transition: all 0.3s;}
.gyilist_con li .gyimg{ position:relative; overflow:hidden; transition: all 0.3s; margin-bottom:10px; background:#d9d9d9;}
.gyilist_con li .gyimg img{ max-width:85%; max-height:85%; position:relative; object-fit: cover; transition: all 0.3s; margin:0 auto; top:50%; transform: translateY(-50%);}
.gyilist_con li:hover{ border-radius:20px;  box-shadow:0px 0px 20px #ddd;}
.gyilist_con li a{ display:block;}
.gyilist_con li a span{ display:block; height:2; line-height:2; color:#999; overflow:hidden; color:#034080; margin:10px 25px; font-family:"GOTHICB";}
.gyilist_con li a span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;}
.gyilist_con li a p{ display:block; margin:10px 25px 25px; line-height:1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}

.gyview{ margin:5% 0; position:relative;}
@media screen and (min-width:960px) {
.gyview_img{ width:40%; position:absolute; right:0; top:0; height:100%;}
.gyview_con{ width:60%; float:left; min-height:420px;}
.gyview_img img{ position:absolute; left:50%; top:45%; transform: translate(-50%,-50%);}
}
@media screen and (max-width:960px) {
}

.gyview_img img{ display:block; max-width:100%; margin:0 auto;}
.gyview_con{ box-sizing: border-box; padding:2% 4%;}
.gyview_con h3{ color:#034080; line-height:3;}
.gyview_cons{ line-height:1.6;}
.gyview_con a{ background:url(../images/jiantouy.png) left no-repeat; padding-left:35px; color:#2e69b3; border-bottom:1px #2e69b3 solid; display:inline-block; margin-top:10%;}