@charset "utf-8";


*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family:"微软雅黑";}
HTML {OVERFLOW-X: hidden;}
body{  line-height:30px;font-size:16px;-webkit-font-smoothing: antialiased; overflow-x:hidden;color:#333; }
a{color:#333; text-decoration:none;outline:none;}
a:hover{color:#15274d;text-decoration:none;}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button{ outline:none;-webkit-appearance: none ;font-size:14px;}

#a01{ position: absolute;  margin-top:-160px;}
#a02{ position:absolute; margin-top:-160px;}
#a03{ position:absolute; margin-top:-160px;}
#a04{ position:absolute; margin-top:-160px;}
#a05{ position:absolute; margin-top:-160px;}

.wrap{ width:96%; max-width:1360px; margin:0 auto;}
.probg{ background:#e5ebf4}
.blue{ color:#053f90}
.green{ color:#65b52c}


.section{ padding:75px 0 }
.sectionabout{ padding:60px 0 75px 0 }
.sectioncontact{ padding:40px 0 75px 0 }
.sectionnext{ padding:0 0 75px 0}
.sectionnext02{ padding:0 0 45px 0}
.space{ height:160px;}

.fr{ float:right !important}
.fl{ float:left !important}

.jvzhong{ text-align:center}
.title{ margin-bottom:35px}
.title h3{ font-size:40px; line-height:60px; font-weight:bold; margin-bottom:12px;}
.title h3 span { display: inline-block; background:#053f90; border-radius:30px;  color:#fff; padding:0 30px; margin:0 10px;}
.title h3 a{ color:#333}
.title h3 a:hover{ color:#053f90}
.title h3 span a, .title h3 span a:hover{ color:#fff;}
.title p { font-size:20px}


.titleabout{ margin-bottom:35px}
.titleabout h3{ font-size:36px; line-height:70px; font-weight:bold;background:url(../images/line.png) no-repeat left bottom; margin:10px 0}
.titleabout.jvzhong h3{background:url(../images/line.png) no-repeat center bottom;}
.titleabout p{color:#aaa; font-size:24px; text-transform: uppercase; }

.title02{ margin:20px 0 10px 0}
.title02 h3{ font-size:30px; line-height:60px; font-weight:bold; margin-bottom:12px;}

.title03{ margin-bottom:35px}
.title03 h3{ font-size:40px; line-height:60px; font-weight:bold;}
.title03 h3 span { color:#053f90;}
.title03 p { font-size:20px; font-weight:normal}

.protile{ background:url(../images/line.png) no-repeat left bottom; padding-bottom:20px; margin-bottom:25px; position:relative}
.protile h3{ font-size:36px; font-weight:bold; line-height:36px; color:#053f90}
.protile h3 span{ display:inline-block}
.protile h3 .en { color:#aaa; font-size:24px; text-transform: uppercase; margin-left:10px; font-weight:normal}
.protile a{ position:absolute; right:0; top:50%; margin-top:-15px; padding-left:40px; background:url(../images/newsa.png) no-repeat left center; font-weight:normal; font-size:18px;}
.protile a:hover{background:url(../images/newsahover.png) no-repeat left center}

.protile02{ background:url(../images/line.png) no-repeat left bottom; padding-bottom:20px; margin-bottom:25px; position:relative}
.protile02 h3{ font-size:30px; font-weight:bold; line-height:36px; color:#053f90}
.protile02 h3 span{ display:inline-block}
.protile02 h3 .en { color:#aaa; font-size:24px; text-transform: uppercase; margin-left:10px; font-weight:normal}
.protile02 a{ position:absolute; right:0; top:50%; margin-top:-15px; padding-left:40px; background:url(../images/newsa.png) no-repeat left center; font-weight:normal; font-size:18px;}
.protile02 a:hover{background:url(../images/newsahover.png) no-repeat left center}

.casetitle{padding:20px 0;text-align:center; border-bottom:solid 1px #ddd;  }
.casetitle h3{color:#0c479b;font-size:30px; line-height:45px; font-weight:bold;}
.casetitle p{ color:#999}

.newstitle{padding:5px 0 8px 0;text-align:center; border-bottom:solid 1px #ddd;  }
.newstitle h3{color:#0c479b;font-size:30px; line-height:45px; font-weight:bold;}
.newstitle p{ color:#999}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}
.pic:hover img, .kuai:hover .pic img{transform:scale(1.1);}

.apic{ height:auto; display:block;}
.apic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}
.apic:hover img{transform:scale(1.1);}

.header{width: 100%;top:0;left:0; position:fixed; z-index: 999;transition:1s;-webkit-transition:1s;-moz-transition:1s;background:#fff;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2)}
.header .top{ background:#fff; color:#000}
.header .top .wrap{ position:relative; height:115px;}
.header .top .logo{ position:absolute; left:0; top:50%; margin-top:-30.5px; font-size:24px; }
.header .top .logo img{ float:left;height:65px; width:auto; position:relative}
.header .top .logo span{ float:left;line-height:45px;padding-left:18px; margin-left:18px; border-left:solid 1px #ddd;}
.header .top .tel{ position:absolute; right:0; top:50%; margin-top:-24px; line-height:36px; font-size:22px;  background:url(../images/tel.png) no-repeat left center; padding-left:50px; font-weight:bold }

.header .menu { background:#f0f0f0;}
.header .menu li{ float:left; width:11.11%; text-align:center}
.header .menu li{ position:relative}
.header .menu li .menu_a{ line-height:60px; display:block; position:relative; font-size:18px;}
.header .menu li .menu_a.cur{ color:#053f90;}
.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;background-color:#fff; width:130%; margin-left:-15%;  border-radius: 0 0 8px 8px; overflow:hidden}
.header .menu .subduan{ text-align:center; line-height:16px; box-shadow: 0 0 3px #ccc;}
.header .menu .subduan a{ display:block; padding-top:15px; padding-bottom:15px;}
.header .menu .subduan a:hover{background-color: #3e63a2; color:#fff;}
.header .menu .subduan p:last-child a:hover{border-radius: 0 0 8px 8px;}

/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.header .menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(7){animation: 1.0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(8){animation: 1.1s ease-in-out 0s 1 normal both running rightOpacityShow;}
/*按钮*/
.header .mmbtn{ position:absolute; right:0; top:50%; margin-top:-10px; cursor:pointer}
.header .mmbtn .inbox{padding-top: 0px; width:45px; height:20px; position: relative;text-transform:uppercase;cursor: pointer;}
.header .mmbtn .inbox .line{width: 100%;height: 2px;background-color: #15274d;position: absolute;right: 0;top: 0;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.header .mmbtn .inbox .line.l2{top: 8px;left: 0;right: auto;}
.header .mmbtn .inbox .line.l3{top: 16px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.header .mmbtn:hover .inbox .line{ width:60%}
.mask{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.35);left: 0;top: 0;z-index: 99999;display: none;}
.head-menu{position: fixed;right: 0;top: 0;width: 100%;height: 100%;max-width: 360px;background-color: #fff;z-index: 99999;overflow: hidden;background: -webkit-linear-gradient(top, #fff , #eef2f5); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(bottom, #fff, #eef2f5); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(bottom, #fff, #eef2f5); /* Firefox 3.6 - 15 */background: -webkit-gradient(linear, left top, left bottom, from(#fff) , to(#eef2f5));background: -moz-linear-gradient(top, #fff , #eef2f5);background: -o-linear-gradient(top, #fff , #eef2f5);background: linear-gradient(to bottom, #fff , #eef2f5); /* 标准的语法 */-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);opacity: 0;visibility: hidden;}
.head-menu[data-on="on"]{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);opacity: 1;visibility: visible;}
.head-menu .toolbox .tool{width: 94%;max-width: 260px;padding-right: 40px;height: 80px;position: relative;}
.head-menu .toolbox .mmclose{width: 25px;height: 25px;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;}
.head-menu .toolbox .mmclose:before{content: "";width: 100%;height: 2px;background-color: #15274d;position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%) rotate(45deg);-moz-transform: translate(-50%,-50%) rotate(45deg);-ms-transform: translate(-50%,-50%) rotate(45deg);-o-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);}
.head-menu .toolbox .mmclose:after{content: "";width: 100%;height: 2px;background-color: #15274d;position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%) rotate(-45deg);-moz-transform: translate(-50%,-50%) rotate(-45deg);-ms-transform: translate(-50%,-50%) rotate(-45deg);-o-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg);}
.head-menu .menu-box{height: -webkit-calc(100% - 80px);height: -moz-calc(100% - 80px);height: calc(100% - 80px);position: relative;}
.head-menu .menu-box .wrap{max-width: 260px;}
.head-menu .menu-box .mlist .lim{display: block;cursor: pointer;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .mlist .lim .word{height: 50px;line-height: 50px;font-size: 20px;color: #1a1a1a;margin: 0 auto;width: 94%;max-width: 260px;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .mlist .lim .menu{display: none;padding: 0 5%;}
.head-menu .menu-box .mlist .lim[data-on="on"] .menu{display: block;}
.head-menu .menu-box .mlist .lim .menu .mm{height: 30px;line-height: 30px;display: block;}
.head-menu .menu-box .inbox{height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: -moz-box;display: flex;-ms-flex-direction: column;-webkit-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;flex-direction: column;-webkit-box-pack: space-between;-ms-flex-pack: space-between;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;-o-transform-origin: top left;transform-origin: top left;opacity: 1;visibility: visible;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .inbox[data-on="on"]{-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);opacity: 0;visibility: hidden;}
.head-menu .menu-box .inbox .contact{margin-bottom: 50PX;}
.head-menu .menu-box .outbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 115;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;-o-transform-origin: top right;transform-origin: top right;opacity: 0;visibility: hidden;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .outbox[data-on="on"]{-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);opacity: 1;visibility: visible;}
.head-menu .menu-box .outbox .inbtn{height: 50px;line-height: 50px;background-color: #15274d;margin-bottom: 20px;cursor: pointer;}
.head-menu .menu-box .outbox .inbtn .ww{max-width: 260px;width: 94%;margin: 0 auto;font-size: 14px;color: #fff;font-weight: bold;padding-left: 30px;position: relative;}
.head-menu .menu-box .outbox .inbtn .ww span{width: 20px;height: 5px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.head-menu .menu-box .outbox .inbtn .ww span:before{content: "";border-style: solid;border-width:2px 3px; border-color: transparent #fff transparent transparent;position: absolute;left: 0;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.head-menu .menu-box .outbox .inbtn .ww span:after{content: "";width: 20px;height: 1px;background-color: #fff;position: absolute;left: 1px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}


.banner{ position:relative; z-index:1}
.banner a{ display:block; width:100%}
.banner img{ display:block; width:100%; height:auto;}
.banner .swiper-pagination{bottom:20px !important;}
.banner .swiper-pagination-bullet{ width:14px; height:14px; background:#053f90; opacity:1; margin:0 5px; border-radius:50%}
.banner .swiper-pagination-bullet-active{ background:#65b52c}
.banner .swiper-slide a{ min-height:550px !important;}

.search{  border-bottom:solid 1px #ddd;}
.search .wrap{ position:relative;height:88px; }
.search .keyword{ position:absolute; left:0; top:50%; margin-top:-30px; color:#999; width:70%}
.search .keyword a{ color:#999; position:relative; padding-right:42px }
.search .keyword a:last-child{ padding-right:0}
.search .keyword a:after{ position:absolute; content:""; right:21px; top:3px; height:18px; width:1px; background-color:#999;}
.search .keyword a:last-child:after{ display:none}
.search .keyword a:hover{ color:#053f90;}
.search .keyword h3{ font-size:18px; font-weight:bold; color:#333}

.search .sform{ width:30%;max-width:350px; position:absolute; right:0; top:50%; height:40px; margin-top:-20px; }
.search .sform form .input01{ width:100%; line-height:38px; border:1px solid #ddd; padding-left:8%; color:#999; border-radius:25px;}
.search .sform form .sytijiao{  background:url(../images/saerch.png) no-repeat right center; border:none; width:16px; height:16px; position:absolute; right:20px; top:50%; margin-top:-8px; padding-left:30px; border-left:solid 1px #ddd;}



.iproducts .protabmenu{ text-align:center; position:relative;float:left; width:24%;box-shadow:0 5px 25px rgba(0,0,0,.2); background:#fff; padding-bottom:20px;}
.iproducts .protabmenu .dabiao{text-align:left; line-height:50px; font-size:20px; color:#fff; padding:0 18px; background:url(../images/jian.png) #053f90 no-repeat 94% center; display:block; margin:20px 0 10px 0; clear:both }
.iproducts .protabmenu .dabiao:first-child{ margin-top:0}
.iproducts .protabmenu .dabiao a{ color:#fff;}
.iproducts .protabmenu li{
	font-size:15px;
	display:inline-block;
	text-align:left;
	width:calc(50% - 20px);
	line-height:15px;
	cursor:pointer;
	padding-left:10px;
	background-image: url(../images/jiantou.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: top;
	margin-top:5px;
	margin-bottom:6px;
	float: left;
	margin-left: 10px;

}
.iproducts .protabmenu li:hover, .iproducts .protabmenu li.cli{
	background:url(../images/jiantou02.png) no-repeat left center;
	color:#053f90;
	background-position: left top;
	vertical-align: top;
}
.iproducts #protabcontent{ float:right; width:74%;background:url(../images/pbg.jpg) no-repeat center center / cover; }
.iproducts #protabcontent .hidden {display:none;}
.iproducts #protabcontent a{ display:table;min-height:560px; width:100%;}
.iproducts #protabcontent a .ppic{display: table-cell;vertical-align: middle;width:58%; padding-right:5%}
.iproducts #protabcontent a .wenzi{display: table-cell;vertical-align: middle;width:40%; padding-left:2%}
.iproducts #protabcontent .wenzi h3{ font-size:30px; font-weight:bold; color:#053f90; margin-bottom:30px;}
.iproducts #protabcontent .wenzi .biao{ display:inline-block; background:#65b52c; padding:0px 15px; color:#fff; font-weight:bold; line-height:30px;margin-bottom:12px;}
.iproducts #protabcontent .wenzi .more{ display:inline-block; line-height:46px; font-size:18px; color:#fff; background:url(../images/more.png) #053f90 no-repeat 85% center;margin-top:45px; padding:0 60px 0 30px; border-radius:25px;}
.iproducts #protabcontent .wenzi .more:hover{background:url(../images/more02.png) #65b52c no-repeat 85% center;}
.iproducts #protabcontent .hidden{ display:none}
.iproducts #protabcontent img{ display:block; width:100%; height:auto}
@media screen and (max-width: 1300px){
.biaoge { width:100%;overflow-x: scroll;}
}


.iapplication{ background:url(../images/appbg.jpg) no-repeat center center / cover;}
.iapplication .apptabmenu{text-align:center; position:relative;}
.iapplication .apptabmenu li{ width:50%;line-height:50px; cursor:pointer; font-size:24px; color:#fff; background:#053f90; position:relative; float:left}
.iapplication .apptabmenu li:hover, .iapplication .apptabmenu li.cli{ background:#65b52c;}
.iapplication .apptabmenu li:hover:after, .iapplication .apptabmenu li.cli:after{position: absolute;content: '';left: 50%;width: 0;margin-left: -5px;bottom: -10px;height: 0;border-style: solid; border-width: 10px 10px 0 10px;border-color: #65b52c transparent transparent transparent;}
.iapplication #apptabcontent .hidden {display:none;}
.iapplication #apptabcontent .top{ margin:20px 0;}
.iapplication #apptabcontent .top a{ float:left; width:15.83333%; margin-right:1%; display:block; line-height:40px; color:#666; text-align:center; background:#fff}
.iapplication #apptabcontent .top a:last-child{ margin-right:0}
.iapplication #apptabcontent .top a:hover{ color:#fff; background:#053f90}
.iapplication #apptabcontent .bottom .kuai{ float:left; width:32%; margin-right:2%;box-shadow:0 5px 25px rgba(0,0,0,.2); margin-top:2% }
.iapplication #apptabcontent .bottom .kuai:nth-child(1), .iapplication #apptabcontent .bottom .kuai:nth-child(2), .iapplication #apptabcontent .bottom .kuai:nth-child(3){ margin-top:0}
.iapplication #apptabcontent .bottom .kuai:nth-child(3n){ margin-right:0}
.iapplication #apptabcontent .bottom .kuai:nth-child(3n+1){ clear:both;}
.iapplication #apptabcontent .bottom .kuai .wenzi{ line-height:28px; padding:22px 0; text-align:center; font-size:18px; background:#fff;}
.iapplication #apptabcontent .bottom .kuai:hover .wenzi{ color:#fff; background:#053f90; }


.icase .casetabmenu{text-align:center; position:relative; float:left; width:15.5%; border-bottom:solid 1px #ddd; border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
.icase .casetabmenu li{line-height:50px; cursor:pointer; font-size:18px; background:#fff; position:relative; border-top:solid 1px #ddd; clear:both; padding:12px 7%}
.icase .casetabmenu li .icon, .icase .casetabmenu li .text{ float:left}
.icase .casetabmenu li .icon .img001{ display:block}
.icase .casetabmenu li .icon .img002{ display:none}
.icase .casetabmenu li:hover, .icase .casetabmenu li.cli{ background:#053f90; color:#fff}
.icase .casetabmenu li:hover .icon .img001, .icase .casetabmenu li.cli .icon .img001{ display:none}
.icase .casetabmenu li:hover .icon .img002, .icase .casetabmenu li.cli .icon .img002{ display:block}
.icase .casetabmenu li .icon img{ display:block; margin:0 auto; width:auto;}
.icase .casetabmenu li:hover:after, .icase .casetabmenu li.cli:after{position: absolute;content: '';top: 50%;width: 0;margin-top: -10px;right: -10px;height: 0;border-style: solid; border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #053f90; z-index:9}
.icase #casetabcontent{ float:right; width:84.5%}
.icase #casetabcontent .hidden {display:none;}
.icase #casetabcontent ul{ position:relative;}
.icase #casetabcontent .wenzi{ background:#fff; font-size:18px; line-height:35px; box-shadow:0 5px 25px rgba(0,0,0,.2); padding:30px 30px 30px 70px; width:80%; position: absolute; right:0; bottom:-50px}
.icase #casetabcontent .wenzi h3{ font-size:24px; color:#053f90; font-weight:bold}
.icase #casetabcontent .wenzi .more a{ background: url(../images/jt.png) #65b52c no-repeat center center; width:70px; height:68px; position:absolute; left:-35px; top:50%; margin-top:-34px; }
.icase #casetabcontent .wenzi .more a:hover{background: url(../images/jt.png) #053f90 no-repeat center center; }
.casepic .qimo8{ overflow:hidden; width:100%;}
.casepic .qimo8 .qimo {width:8000%;}
.casepic .qimo8 .qimo div{ float:left;}
.casepic .qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; }
.casepic .qimo8 .qimo ul li{ float:left;margin-right:12px; border:solid 1px #ddd}
.casepic .qimo8 .qimo ul li img {height:108px; }



.iabout{ background:url(../images/aboutbg.jpg) no-repeat center center / cover;}
.iabout .conn{ background:#fff; box-shadow:0 5px 25px rgba(0,0,0,.2);}
.iabout .conn .abouttop{ border-bottom:solid 1px #ddd}
.iabout .conn .abouttop .pic{ float:left; width:50%;}
.iabout .conn .abouttop{ position:relative}
.iabout .conn .abouttop .more{background: url(../images/jt.png) #65b52c no-repeat center center; width:70px; height:68px; position:absolute; left:50%; margin-left:-35px;bottom:0%; }
.iabout .conn .abouttop .wenzi{ float:right; width:50%; padding:20px 5%}
.iabout .conn .aboutbottom li{ float:left; width:25%; font-size:18px; text-align:center; padding:22px 0;}
.iabout .conn .aboutbottom li .icon{ width:40%; max-width:80px; height:auto; border-radius:50%; overflow:hidden; background:#053f90; margin:0 auto 10px auto;}
.iabout .conn .aboutbottom li:hover .icon{background:#65b52c;}
.iabout .conn .aboutbottom li .icon img{ display:block; width:100%; height:auto}
.iabout .conn .aboutbottom li .text h3{ color:#053f90}



.inews .news{ float:left; width:74%}
.inews .newstabmenu{text-align:center; position:relative; margin-bottom:30px;}
.inews .newstabmenu li{ line-height:45px; cursor:pointer; font-size:20px; color:#fff; background:#053f90; position:relative; float:left; width:162px; margin-right:10px}
.inews .newstabmenu li:last-child{ margin-right:0}
.inews .newstabmenu li:hover, .inews .newstabmenu li.cli{ background:#65b52c;}
.inews #newstabcontent .hidden {display:none;}
.inews #newstabcontent .topnews { margin-bottom:20px;}
.inews #newstabcontent .topnews .pic{ float:left; width:36%}
.inews #newstabcontent .topnews .wenzi{ float:right; width:61%; position:relative}
.inews #newstabcontent .topnews .wenzi h3{ font-size:24px; line-height:60px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inews #newstabcontent .topnews .wenzi p{ color:#888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.inews #newstabcontent .topnews .wenzi .more{ margin-top:30px;display:inline-block; line-height:46px; font-size:18px; color:#fff; background:url(../images/more.png) #053f90 no-repeat 85% center;margin-top:45px; padding:0 60px 0 30px; border-radius:25px;}
.inews #newstabcontent .topnews .wenzi .more:hover{background:url(../images/more02.png) #65b52c no-repeat 85% center;}
.inews #newstabcontent .othernews .kuai{ float:left; width:49%; border:solid 1px #ddd; padding:15px 20px 16px 20px; margin-top:20px; line-height:25px;}
.inews #newstabcontent .othernews .kuai:nth-child(2n){ float:right}
.inews #newstabcontent .othernews .kuai:nth-child(2n+1){ clear:both;}
.inews #newstabcontent .othernews .kuai p{ color:#888;}
.inews #newstabcontent .othernews .kuai h3{ font-size:18px;}
.inews #newstabcontent .othernews .kuai a{ background:url(../images/newsa.png) no-repeat right center; display:block}
.inews #newstabcontent .othernews .kuai a:hover{ background:url(../images/newsahover.png) no-repeat right center}
.inews .faq{ float:right; width:24%}
.inews .faq .conn{ padding:10px 20px 15px 20px; border:solid 1px #ddd; line-height:38px;}
.inews .faq .conn a { display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left:13px; background:url(../images/jiantou.png) no-repeat left center; }
.inews .faq .conn a:hover{ background:url(../images/jiantou02.png) no-repeat left center;}


.footer{ background:#053f90}
.footer .qlink{ padding:55px 0; border-bottom:solid 1px #5079b2; line-height:38px;}
.footer .qlink .flogo{ float:left;}
.footer .qlink .qnav{ float:right; font-size:18px; color:#fff}
.footer .qlink .qnav span{ padding:0 15px;}
.footer .qlink .qnav a{ color:#fff;}

.footer .flx li{ float:left; padding:60px 0; color:#fff; margin-right:50px;}
.footer .flx li h3{ font-size:20px; font-weight:bold;}
.footer .flx li:last-child{ padding:24px 0; text-align:center; float:right; margin-right:0}
.footer .flx li .icon, .footer .flx li .wenzi{ float:left;}
.footer .flx li .icon{ border-radius:50%; background:#053f90; border:solid 2px #fff; margin-right:10px;}
.footer .flx li:hover .icon{background:#65b52c; border:solid 2px #65b52c}
.footer .flx li .wenzi{ margin-top:10px;}
.footer .flx li .wenzi a{ color:#fff;}
.footer a:hover{ text-decoration:underline}

.copyright{ background:#043273; padding:20px 0; color:#fff;}
.copyright .link{ float:left;}
.copyright .bah{ float:right;}
.copyright a{ color:#fff}
.copyright a:hover{ text-decoration:underline}
.copyright span{ padding:0 10px}

.float_kf{ position:fixed;right:10px; bottom:2%; z-index:99}
.float_kf img{ display:block; }
.float_kf li{ width:46px; text-align:center; position:relative; margin-top:2px;}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li .hd{ display:none}
.float_kf .qq .hd{ position:absolute; right:50px;top:0px;background:#fff;padding:0 20px ;color:#fff; background:#0c479b; line-height:45px; color:#fff;width:180px;}
.float_kf .qq .hd a{ color:#fff}
.float_kf .fwh .hd{ position:absolute; right:70px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:25px;color:#535353}
.float_kf .fwh .hd img{ width:120px; display:block;}
.float_kf .tel .hd{ position:absolute; right:50px;top:0px;background:#fff;padding:0 20px ;color:#fff; background:#0c479b; line-height:45px; color:#fff; width:180px;}
.float_kf .tel .hd a{ color:#fff}


.nbanner img{ display:block; width:100%; height:auto;}
.location{ line-height:26px; padding:18px 0;}
.location .wrap p{ padding-left:14px; position:relative}
.location .wrap p:after{ content:""; position:absolute; left:0; top:50%; margin-top:-9px; width:4px; height:18px; background:#053f90;}

.nmain .pleft{ float:left; width:24%}
.nmain .pright{ float:right; width:74%}
.nmain .pleft .pnav{background:#fff;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2)}
.nmain .pleft .pnav .biaoti{color:#fff; background:#0c479b; padding:20px ; font-size:30px; line-height:45px; font-weight:bold; border-bottom:solid 1px #fff}
.nmain .pleft .pnav .kuai h3{text-align:left; line-height:50px; font-size:20px; color:#fff; padding:0 18px; background:url(../images/jian.png) #053f90 no-repeat 94% center; display:block; padding:0 20px;}
.nmain .pleft .pnav .kuai h3 a{ color:#fff}
.nmain .pleft .pnav .kuai .conn{ padding:10px 20px 20px 20px}
.nmain .pleft .pnav .kuai .conn p{ float:left; width:100%;line-height:40px; cursor:pointer; padding-left:13px; background:url(../images/jiantou.png) no-repeat left center; }
.nmain .pleft .pnav02 .kuai .conn p{ float:none !important; width:100% !important}
.nmain .pleft .pnav .kuai .conn p:hover, .nmain .pleft .pnav .kuai .conn p.cur{background:url(../images/jiantou02.png) no-repeat left center; color:#0c479b; }
.nmain .pleft .pnav .kuai .conn p.cur a{ color:#0c479b}
.nmain .pleft .pnav .kuai .conn p:nth-child(2n+1) { clear:both}

.nmain .pleft .nllx{ margin-top:25px; color:#fff;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2)}
.nmain .pleft .nllx .conn{ padding:25px; background:#053f90}
.nmain .pleft .nllx .conn .biaoti h3{font-size:26px; line-height:45px; font-weight:bold;}
.nmain .pleft .nllx .conn .biaoti h3 .en{ font-size:18px; font-weight:normal; margin-left:10px; text-transform: uppercase;}
.nmain .pleft .nllx .conn .ewm { display:table; margin:20px 0}
.nmain .pleft .nllx .conn .ewm .ppic, .nmain .pleft .nllx .conn .ewm .text{display: table-cell;vertical-align: middle;}
.nmain .pleft .nllx .conn .ewm .ppic img{ display:block; width:180px; height:auto}
.nmain .pleft .nllx .conn .ewm .text{ width:60px; background:#65b52c; text-align:center; font-size:18px;}


.iproducts .prolist li{ float:left; width:calc(32% - 2px); border:solid 1px #ddd; margin-right:2%; margin-bottom:2%;}
.iproducts .prolist li:nth-child(3n){ margin-right:0}
.iproducts .prolist li:nth-child(3n+1){ clear:both}
.iproducts .prolist li .text{ padding:15px 20px 25px 20px; text-align:center}
.iproducts .prolist li .text h3{ font-size:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:6px}
.iproducts .prolist li .text p{ font-size:14px; color:#888; line-height:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}


.nmain .pright2 .prolist li{ float:left; width:calc(32% - 2px); border:solid 1px #ddd; margin-right:2%; margin-bottom:2%;}
.nmain .pright2 .prolist li:nth-child(3n){ margin-right:0}
.nmain .pright2 .prolist li:nth-child(3n+1){ clear:both}
.nmain .pright2 .prolist li .text{ padding:15px 20px 25px 20px; text-align:center}
.nmain .pright2 .prolist li .text h3{ font-size:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:6px}
.nmain .pright2 .prolist li .text p{ font-size:14px; color:#888; line-height:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.nmain .pright .prolist li{ float:left; width:calc(32% - 2px); border:solid 1px #ddd; margin-right:2%; margin-bottom:2%;}
.nmain .pright .prolist li:nth-child(3n){ margin-right:0}
.nmain .pright .prolist li:nth-child(3n+1){ clear:both}
.nmain .pright .prolist li .text{ padding:15px 20px 25px 20px; text-align:center}
.nmain .pright .prolist li .text h3{ font-size:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:6px}
.nmain .pright .prolist li .text p{ font-size:14px; color:#888; line-height:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.nmain .wrap{ position:relative}
.nmain .pics { float:left; width:48.5%; padding:15px; border:solid 1px #ddd}
.nmain .wenzi{ float:right; width:48.5%;}
.nmain .pics .swiper-slide{ width:100%; position:relative}
.nmain .pics .swiper-slide img{ width:100%; height:auto; display:block}
.nmain .pics .swiper-button-prev{ width:34px !important; height:34px !important;  left:5%; margin-top:-17px; outline:none;border-radius:50%}
.nmain .pics .swiper-button-next{ width:34px !important; height:34px !important;  right:5%; margin-top:-17px; outline:none;border-radius:50%}
.nmain .pics .swiper-slide a{ display:block; width:100%; margin:0 auto;}
.nmain .pics .swiper-button-next{ background:url(../images/next.png) no-repeat center;left:auto; background-size:cover }
.nmain .pics .swiper-button-next:hover{background:url(../images/next02.png) no-repeat center;background-size:cover;}
.nmain .pics .swiper-button-prev{ background:url(../images/pre.png) no-repeat center;background-size:cover; }
.nmain .pics .swiper-button-prev:hover{ background:url(../images/pre02.png) no-repeat center;background-size:cover;}
.nmain .pics .swiper-pagination{ display:none}

.nmain .wenzi .intro{ color:#666;}
.nmain .wenzi .use{ margin-top:60px; position:relative}
.nmain .wenzi .use .dianhua{ width:50%; background:url(../images/ptel.png) no-repeat left center; line-height:24px; padding:6px 0 6px 70px}
.nmain .wenzi .use .dianhua h3{ font-size:24px; font-weight:bold}
.nmain .wenzi .use .zixun{ background:url(../images/zixun.png) no-repeat #043e90 30px center; border-radius:25px; padding-left:40px; line-height:50px; position:absolute; right:0; top:50%; margin-top:-25px; width:180px; text-align:center; color:#fff}
.nmain .wenzi .use .zixun a{ color:#fff;}
.nmain .wenzi .use .zixun:hover{background:url(../images/zixun.png) no-repeat #65b52c 30px center; }


.nmain .silie{ margin-top:10px}
.nmain .silie li{ float:left; width:23.5%; background:#fff; margin-right:1.5%;  margin-top:1.5%; text-align:center}
.nmain .silie li:last-child{ margin-right:0}
.nmain .silie li .text{ line-height:60px;}
.nmain img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto}

.biaozhun .wenzi{ float:left; width:48.5%;}
.biaozhun .wenzi h3{ font-size:18px; font-weight:bold;}
.biaozhun .wenzi .kuai p{ float:left; width:50%}
.biaozhun .pic{ float:right; width:47%;}

.nmain .sanli li{ float:left; width:32%; margin-right:2%;background:#fff;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2)}
.nmain .sanli li:nth-child(3n){ margin-right:0}
.nmain .sanli li .text{ font-size:18px; text-align:center; line-height:78px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.nmain.proguide .kuai{ float:left; max-width:450px;}
.nmain.proguide .kuai h3{ font-size:20px; font-weight:bold; margin-bottom:15px;}
.nmain.proguide .kuai h3 a{ color:#043e90}
.nmain.proguide .kuai .conn p{ float:left; min-width:210px; line-height:40px; cursor:pointer; padding-left:13px; background:url(../images/jiantou.png) no-repeat left center; }
.nmain.proguide .kuai .conn p:hover{background:url(../images/jiantou02.png) no-repeat left center; color:#0c479b; }


.nmain .pright .apptop .apics{ float:left; width:48.5%}
.nmain .pright .apptop .apics img{ display:block; width:100%; height:auto;}
.nmain .pright .apptop .apics .swiper-pagination{bottom:20px !important;}
.nmain .pright .apptop .apics .swiper-pagination-bullet{ width:14px; height:14px; background:#fff; opacity:1; margin:0 5px; border-radius:50%}
.nmain .pright .apptop .apics .swiper-pagination-bullet-active{ background:#65b52c}
.nmain .pright .apptop .text{ float:right; width:48.5%;}
.nmain .pright .apptop .text .intro{ color:#666}

.casemenu ul{ text-align:center;margin-bottom:20px;}
.casemenu li{text-align:center; position:relative;display:inline-block; margin:0 5px; }
.casemenu ul .menu_a{ text-align:center; position:relative;line-height:52px; font-size:18px; border:solid 1px #ddd; width:195px; display:block}
.casemenu ul .menu_a:hover, .casemenu ul .menu_a.cur{ color:#fff; background:#053f90; border:solid 1px #053f90;}
.casemenu ul .menu_a:hover:after, .casemenu ul .menu_a.cur:after{position: absolute;content: '';left: 50%;width: 0;margin-left: -5px;bottom: -10px;height: 0;border-style: solid; border-width: 10px 10px 0 10px;border-color: #053f90 transparent transparent transparent;}

.casemenu .sub{ position:absolute; display:none; top:70px;clear:both; width:160%; margin-left:-30%; padding:12px 16px; z-index:999;background-color:#fff; border:solid 1px #ddd; overflow:hidden}
.casemenu .sub p{ float:left; text-align:left; width:50%;line-height:40px; cursor:pointer; padding-left:13px; background:url(../images/jiantou.png) no-repeat left center; border-bottom:solid 1px #ddd }
.casemenu .sub p:hover, .casemenu .sub p.cur{background:url(../images/jiantou02.png) no-repeat left center; color:#0c479b; }
.casemenu .sub ul p.cur a{ color:#0c479b}
.casemenu .sub ul p:nth-child(2n+1) { clear:both}

.case-con{ margin-top:30px;}
.case-con-left{width:55%; float:left; background: #EEEEEE;height:620px;}
.case-con-right{width:44%; float:right}
.case-con-left dl{width:90%;margin:40px auto;display:none; background:#fff}
.case-con-left dl:nth-child(1){display: block;}
.case-con-left dl dt{ position:relative}
.case-con-left dl dt .jiantou{ background: url(../images/jt.png) #65b52c no-repeat center center; width:70px; height:68px; position:absolute; right:0; bottom:-34px; }
.case-con-left dl dt .jiantou:hover{background: url(../images/jt.png) #053f90 no-repeat center center; }
.case-con-left dl dt img{width:100%}
.case-con-left dl dd { padding:0 3% 3% 3%;}
.case-con-left dl dd h2{font-size:20px;color:#323232;font-weight:normal;margin:10px 0; font-weight:bold}
.case-con-left dl dd p{text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden; height:60px}

.case-con-right .case-right-ul{height:620px;overflow-y: auto;}
.case-con-right .case-right-ul li{cursor: pointer; position:relative; }
.case-con-right .case-right-ul li .inconn{padding:20px 15px; margin-left:10px; position: relative}
.case-con-right .case-right-ul li .line{ height:1px; background:#ddd; width:calc(100% - 25px); margin-left:25px;}
.case-con-right .case-right-ul li.on .inconn{ background: #053f90;}
.case-con-right .case-right-ul li.on .jiantou{position: absolute;content: '';top: 50%;width: 0;margin-top: -5px;left: 0px;height: 0;border-style: solid; border-width: 10px 10px 10px 0 ;border-color: transparent #053f90 transparent transparent ; }
.case-con-right .case-right-ul li.on .info span{color:#fff}
.case-con-right .case-right-ul li.on .info b{color:#fff}
.case-con-right .case-right-ul li .pic{width:25%;float:left}
.case-con-right .case-right-ul li .pic img{width:100%;transition: all .3s}
.case-con-right .case-right-ul li .info{width:68%;float:left;margin-left:5%;}
.case-con-right .case-right-ul li .info b{display: block;font-size:18px;color:#333; font-weight:normal}
.case-con-right .case-right-ul li .info span{display: block;line-height:25px;color:#999;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;}
div::-webkit-scrollbar{
  width:4px;
  height:10px;
  /**/
}
div::-webkit-scrollbar-track{
  background:#CCCCCC;

}
div::-webkit-scrollbar-thumb{
  background: #053f90;
  border-radius:10px;
}
div::-webkit-scrollbar-thumb:hover{
  background: #053f90;
}
div::-webkit-scrollbar-corner{
  background: #179a16;
}

.nmain .xiang{ padding:15px 0 30px 0}
.nmain .casepics{ margin-top:25px;}
.nmain .casepics .swiper-slide{ width:100%; position:relative}
.nmain .casepics .swiper-slide img{ width:100%; height:auto; display:block}
.nmain .casepics .swiper-button-prev{ width:50px !important; height:100px !important;  left:0%; margin-top:-50px; outline:none;}
.nmain .casepics .swiper-button-next{ width:50px !important; height:100px !important;  right:0%; margin-top:-50px; outline:none;}
.nmain .casepics .swiper-slide a{ display:block; width:100%; margin:0 auto;}
.nmain .casepics .swiper-button-next{ background:url(../images/jiannext.png) no-repeat rgba(0,0,0,0.4) center;left:auto; }
.nmain .casepics .swiper-button-next:hover{background:url(../images/jiannext.png) no-repeat rgba(0,0,0,0.7) center;}
.nmain .casepics .swiper-button-prev{ background:url(../images/jianpre.png) no-repeat rgba(0,0,0,0.4) center;}
.nmain .casepics .swiper-button-prev:hover{ background:url(../images/jianpre.png) no-repeat rgba(0,0,0,0.7) center;}
.nmain .casepics .swiper-pagination{ display:none}

.shangxia { margin:25px 0 50px 0;}
.shangxia .kuai{ line-height:34px; border-bottom:solid 1px #ddd;margin-bottom:5px}
.shangxia .kuai span{ float:left; }
.shangxia .kuai span:nth-child(2){ width:calc(100% - 220px); overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-left:10px; }
.shangxia .kuai span:nth-child(1){ float:left; width:116px; background:#e6ebf4; text-align:center}
.shangxia .kuai span:nth-child(3){ float:right;}
.shangxia .kuai span:nth-child(2) a{ color:#666}
.shangxia .kuai span:nth-child(3) a{ color:#999}

.nmain .tjpics{ padding:8px;}
.nmain .tjpics .swiper-slide{ width:100%; position:relative}
.nmain .tjpics .swiper-slide img{ width:100%; height:auto; display:block}
.nmain .tjpics .swiper-button-prev{ width:34px !important; height:34px !important;  left:5%; top:40% !important; margin-top:-17px; outline:none;border-radius:50%}
.nmain .tjpics .swiper-button-next{ width:34px !important; height:34px !important;  right:5%; top:40% !important;margin-top:-17px; outline:none;border-radius:50%}
.nmain .tjpics .swiper-slide a{ display:block; width:100%; margin:0 auto;}
.nmain .tjpics .swiper-button-next{ background:url(../images/next.png) no-repeat center;left:auto; background-size:cover }
.nmain .tjpics .swiper-button-next:hover{background:url(../images/next02.png) no-repeat center;background-size:cover;}
.nmain .tjpics .swiper-button-prev{ background:url(../images/pre.png) no-repeat center;background-size:cover; }
.nmain .tjpics .swiper-button-prev:hover{ background:url(../images/pre02.png) no-repeat center;background-size:cover;}
.nmain .tjpics .swiper-pagination{ display:none}

.nmain .tjpics .text{ padding:15px 20px 25px 20px; text-align:center}
.nmain .tjpics .text h3{ font-size:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:6px}
.nmain .tjpics .text p{ font-size:14px; color:#888; line-height:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.newslist{ padding-top:10px}
.newslist .kuai{background:#fff;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2); padding:18px; margin:0 0 20px 0;}
.newslist .kuai .pic{ float:left; width:33%;}
.newslist .kuai .text{ /*float:right; width:63%;*/}
.newslist .kuai .text h3{ font-size:20px; margin-bottom:10px;}
.newslist .kuai .text .intro{ color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newslist .kuai .text .time{ color:#999}
.newslist .kuai .text  .more{ margin-top:30px; line-height:42px; border-radius:25px; padding:0 50px 0 30px; background:url(../images/newsa.png) #e6ebf4 no-repeat 90% center; color:#666; float:right}
.newslist .kuai:hover .text  .more{background:url(../images/newsahover.png) #053f90 no-repeat 90% center; color:#fff}


.newsxiang{ padding:20px 0; line-height:35px;}
.nmain .newsxiang img{ margin:20px auto}


.aboutnav .wrap{ line-height:62px; background:#f0f0f0; text-align:center}
.aboutnav li{ display:inline-block; padding:0 50px; font-size:18px; position:relative}
.aboutnav li:hover, .aboutnav .cur{ color:#fff; background:#053f90;}
.aboutnav li:hover a, .aboutnav .cur a { color:#fff }
.aboutnav li:hover:after, .aboutnav .cur:after{position: absolute;content: '';left: 50%;width: 0;margin-left: -5px;bottom: -10px;height: 0;border-style: solid; border-width: 10px 10px 0 10px;border-color: #053f90 transparent transparent transparent;}



.nabout01 .pic{ float:left; width:50%}
.nabout01 .text{ float:right; width:48%}

.nabout02 li{ float:left; width:32%; margin-right:2%}
.nabout02 li:nth-child(3n){ margin-right:0}
.nabout02 li .text{ margin-top:10px; font-size:20px; text-align:center}
.nabout02 li .text h3{ font-size:24px; color:#053f90; line-height:40px;}

.nabout03 .wrap{ width:68%;}
.nabout03 .picScroll{ position:relative;width:100%;bbox-sizing:border-box;-webkit-box-sizing:border-box;}
.nabout03 .picScroll ul{ overflow:hidden; zoom:1;}
.nabout03 .picScroll ul li{ float:left; width:25%;overflow:hidden;display:block; position:relative;}
.nabout03 .picScroll ul li .pic img{ width:calc(100% - 32px); padding:0 16px 16px 16px;}
.nabout03 .picScroll ul li:after{ position:absolute; content:""; width:calc(100% - 20px);left:10px; height:45%; bottom:0; background:#053f90; z-index:-1}
.nabout03 .picScroll .prev,
.nabout03 .picScroll .next{ position:absolute; z-index:99;  left:-62px; top:50%; margin-top:-23px; display:block; width:46px; height:46px; overflow:hidden; border-radius:50%; background:url(../images/jianpre.png) #053f90 no-repeat center center; cursor:pointer;}
.nabout03 .picScroll .next{ left:auto; right:-62px; background:url(../images/jiannext.png) #053f90 no-repeat  center center;z-index:99; }
.nabout03 .picScroll .prevStop{background:url(../images/jianpre.png) #65b52c no-repeat center center;z-index:99; }
.nabout03 .picScroll .nextStop{background:url(../images/jiannext.png) #65b52c no-repeat center center;z-index:99; }


.nabout04 li{ float:left; width:23.5%; margin-right:2%}
.nabout04 li:nth-child(4n){ margin-right:0}
.nabout04 li .icon{ width:40%; max-width:136px; margin:0 auto; background:#053f90; border-radius:50%; position:relative; z-index:2;-webkit-transition:transform .5s;-o-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s;}
.nabout04 li .icon img{ display:block; width:100%; height:auto}
.nabout04 li:hover .icon{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.nabout04 li .text{  margin-top:-68px; padding:90px 20px 30px 20px; background:#fff;box-shadow: 0 0 10px rgba(0%,0%,0%,0.2); min-height:320px;}
.nabout04 li .text h3{ font-size:24px; color:#053f90; font-weight:bold; margin-bottom:15px; text-align:center}


.ncontact .conn{ padding:20px; margin:20px 0 40px 0}
.ncontact li{ float:left; width:25%; font-size:18px; text-align:center; padding:22px 0;}
.ncontact li .icon{ width:40%; max-width:80px; height:auto; border-radius:50%; overflow:hidden; background:#053f90; margin:0 auto 10px auto;}
.ncontact li:hover .icon{background:#65b52c;}
.ncontact .icon img{ display:block; width:100%; height:auto}
.ncontact li .text h3{ color:#053f90;font-size:16px;}

.message .conn{ width:100%; max-width:808px; margin:0 auto}
.message .red{ color:#e72c35}
.message .conn p { color:#999; margin-bottom:10px;}
.message .item{ margin-bottom:20px; float:left; width:47%; position:relative}
.message .item:nth-child(even){ float:right}
.message label{ display:block;line-height:53px; color:#999;position:absolute; left:15px;top:0;bottom:0; font-size:14px;}
.message label span{ margin-right:5px;}
.message input[type=text], .message textarea {display: block;width: 100%;border:solid 1px #ddd;background:#fff; padding: 0 10px; padding-left:120px; line-height:50px;color: #333;font-size:14px;}

.message textarea{ height:120px;}
.message .item2{ width:100%}
.message .item2 label{ bottom:auto;top:0}
.message .item3{ float:left !important; width:100%}
.message .yzm[type=text]{ padding-left:85px; width:30%; float:left}
.message .submit{ width:120px; height:40px; display:block; font-size:16px; line-height:40px; border:0; color:#fff; background:#053f90; border-radius:25px; cursor:pointer; margin:20px auto; float:none; clear:both}
.message .submit:hover{ background:#65b52c;}
.message02 .item:nth-child(8) input[type=text]{ padding-left:100px}



.nmain  #page{height:40px;padding-top: 20px;padding-right: 0px;	padding-bottom: 20px;padding-left: 0px;margin-left: 38%;}
.nmain #page a{display:block;float:left;margin-right:10px;height:24px;border:1px #cccccc solid;background:#fff;text-decoration:none;color:#808080;font-size:12px;line-height:24px;padding-right: 12px;padding-left: 12px;}
.nmain #page a:hover{color:#000000;border:1px solid #0040a8;}
.nmain #page a.cur{border:none;color:#fff;background-color: #0040a8;}
.nmain #page p{float:left;font-size:12px;height:24px;line-height:24px;color:#bbb;border:1px #ccc solid;background:#fcfcfc;margin-right:8px;padding-right: 12px;padding-left: 12px;}
.nmain #page p.pageRemark{border-style:none;background:none;margin-right:0px;	color:#666;padding-right: 0px;	padding-left: 0px;}
.nmain #page p.pageRemark b{color:#0040a8;}
.nmain #page p.pageEllipsis{border-style:none;background:none;padding:4px 0px;color:#808080;}
.nmain .dates li {font-size: 14px;margin:20px 0}
.nmain .dates li span{float:right}


/* 1. 限制在你的模块父类 .icase 下，确保样式隔离 */
.icase .conn .icase-item {
    float: left;
    width: 33.333%;
    padding: 15px; /* 控制案例之间的间距 */
    box-sizing: border-box;
}

/* 2. 案例内层容器：控制边框、背景和阴影特效 */
.icase .icase-inner {
    background: #fff;
    border: 1px solid #e0e0e0;
    position: relative;
    overflow: hidden; /* 防止内部元素（特别是放大的图片）溢出 */
    transition: all 0.4s ease-in-out; /* 所有属性变化都平滑过渡 */
}

/* 核心：图片容器，必须使用 overflow: hidden */
.icase .icase-img {
    width: 100%;
    position: relative;
    overflow: hidden; /* **这是解决放大问题的关键点！** 让图片在框内放大 */
    display: block;
}

/* 核心：解决放大问题的图片样式 */
.icase .icase-img img {
    width: 100%;
    display: block;
    transition: transform 0.6s ease; /* 增加图片的平滑放大效果 */
    will-change: transform; /* 提升渲染性能 */
}

/* 文字信息区域 */
.icase .icase-info {
    padding: 20px;
    text-align: center;
}

/* --- 特效部分：鼠标悬停（:hover）时的变化 --- */

/* 特效 A：放大效果 - 修正放大方向，并在框内进行 */
.icase .icase-item:hover .icase-img img {
    transform: scale(1.1); /* 图片仅在它的容器 (.icase-img) 内放大 10% */
}

/* 特效 B：边框线条变色 - 使用伪元素实现更自然的边框光效 */
.icase .icase-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #2196f3; /* 目标变色（例如蓝色） */
    box-sizing: border-box;
    opacity: 0; /* 默认隐藏 */
    transition: all 0.4s ease;
    pointer-events: none; /* 确保不影响点击 */
}

/* 悬停时，边框颜色出现 */
.icase .icase-item:hover .icase-inner {
    border-color: transparent; /* 隐藏原始边框，让伪元素边框更明显 */
    box-shadow: 0 10px 25px rgba(0,0,0,0.15); /* 增加浮动阴影特效 */
}

.icase .icase-item:hover .icase-inner::before {
    opacity: 1; /* 显示新的变色边框线 */
}

/* 3. 响应式适配：确保仅影响当前模块 */
@media screen and (max-width: 992px) {
    .icase .conn .icase-item {
        width: 50%; /* 平板一排2个 */
        padding: 10px;
    }
}

@media screen and (max-width: 640px) {
    .icase .conn .icase-item {
        width: 100%; /* 手机一排1个 */
        padding: 10px 0;
    }
}


/* 分页组件外层容器 */
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 4px;
    gap: 6px; /* 页码之间的间距 */
    justify-content: center; /* 默认居中显示，可根据需要调整 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* 所有的基础页码单元 */
.pagination li {
    display: inline-block;
}

/* 页码的默认状态（包括链接和文本） */
.pagination li a,
.pagination li span {
    position: relative;
    display: block;
    padding: 8px 14px;
    font-size: 14px;
    color: #0c479b; /* 主色调文字 */
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

/* 悬停状态 (Hover) - 仅针对可点击的链接 */
.pagination li a:hover {
    color: #ffffff;
    background-color: #0c479b; /* 悬停时变为全主色调 */
    border-color: #0c479b;
}

/* 激活状态 (Active) - 当前所在页码 */
.pagination li.active span {
    color: #ffffff;
    background-color: #0c479b; /* 主色调背景 */
    border-color: #0c479b;
    font-weight: bold;
    cursor: default; /* 无法再次点击 */
}

/* 禁用状态 (Disabled) - 如第一页的“«”或最后一页的“»” */
.pagination li.disabled span {
    color: #cbd5e1; /* 灰色文字 */
    background-color: #f8fafc; /* 浅灰背景 */
    border-color: #e2e8f0;
    cursor: not-allowed; /* 禁用鼠标手势 */
}