@charset "utf-8";
* {	margin: 0;padding: 0;-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:initial;}
body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #5d5d5d;  }
a:hover {color: #005baa;text-decoration: none;	}
img {	border: 0px; vertical-align:middle;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {
	color: #474747;
	background: #fff;
	margin: 0 auto;
	font-size: 16px !important;
}
.clear {	clear: both;}
.pic100 img{width:100%;}
h1{ font-size:24px;color:#464646;}
.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.pad70{padding:70px 0;}
.pad100{padding:100px 0;}
.top40 {margin-top:40px;}
.overflow{ overflow:hidden;}
.white a,.white{ color:#fff;}
.rela{ position:relative;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-center{ text-align:center;}
.text-right{text-align:right;}
.row:after{content:''; display:block; clear:both;}
.flex-wrap {
    display: -webkit-flex;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.container-fluid {
  width: 100%;
}
.clearfix:after{
content:"";
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
}
.clearfix{zoom:1;}	
.container{width:1245px;margin: auto;}
@media (max-width:1250px) {
.container{width:1199px;}
}
@media (max-width:1199px) {
.container{width:991px}
}
@media (max-width:991px) {
.container{width:750px}
}
@media (max-width:767px) {
.container{width:100%}
}
.row:after{content:''; display:block;clear:both;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float:left}
.col-xs-12 {width:100%}
.col-xs-11 {width:91.66666667%}
.col-xs-10 {width:83.33333333%}
.col-xs-9 {	width:75%}
.col-xs-8 {	width:66.66666667%}
.col-xs-7 {	width:58.33333333%}
.col-xs-6 {	width:50%}
.col-xs-5 {	width:41.66666667%}
.col-xs-4 {	width:33.33333333%}
.col-xs-3 {	width:25%}
.col-xs-2 {	width:16.66666667%}
.col-xs-1 {	width:8.33333333%}
@media (min-width:768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left}
.col-sm-12 {width:100%}
.col-sm-11 {width:91.66666667%}
.col-sm-10 {width:83.33333333%}
.col-sm-9 {width:75%}
.col-sm-8 {width:66.66666667%}
.col-sm-7 {width:58.33333333%}
.col-sm-6 {width:50%}
.col-sm-5 {width:41.66666667%}
.col-sm-4 {width:33.33333333%}
.col-sm-3 {width:25%}
.col-sm-2 {width:16.66666667%}
.col-sm-1 {width:8.33333333%}
}
@media (min-width:992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left}
.col-md-12 {width:100%}
.col-md-11 {width:91.66666667%}
.col-md-10 {width:83.33333333%}
.col-md-9 {width:75%}
.col-md-8 {width:66.66666667%}
.col-md-7 {width:58.33333333%}
.col-md-6 {width:50%}
.col-md-5 {width:41.66666667%}
.col-md-4 {width:33.33333333%}
.col-md-3 {width:25%}
.col-md-2 {width:16.66666667%}
.col-md-1 {width:8.33333333%}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left}
.col-lg-12 {width:100%}
.col-lg-11 {width:91.66666667%}
.col-lg-10 {width:83.33333333%}
.col-lg-9 {width:75%}
.col-lg-8 {width:66.66666667%}
.col-lg-7 {width:58.33333333%}
.col-lg-6 {width:50%}
.col-lg-5 {width:41.66666667%}
.col-lg-4 {width:33.33333333%}
.col-lg-3 {width:25%}
.col-lg-2 {width:16.66666667%}
.col-lg-1 {width:8.33333333%}
}



header{ background-color:#fff;box-shadow: 0 0 10px #eee;position: relative;}
.logo{margin-top: 8px;}
.logo img{height:50px;}
nav{text-align:center;margin-left:66px;}
nav li{position:relative;float:left;margin:0 60px;}
nav li>a{display:block;position:relative;padding:20px 0;color:#7b8da0;}
nav li>a span{height:26px; display:block;}
nav li>a:before,nav li>a:after {content: '';position: absolute;width: 0;height: 2px; background-color:#003f82;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
nav li>a:before {left: 50%;bottom: 2px;margin-left: -10px;}
nav li>a:after {right: 50%;bottom: 0;margin-right: -10px;}
nav li:hover>a:before,nav li:hover>a:after,nav li.cur>a:before,nav li.cur>a:after{width: 20px;}
nav li.cur>a,nav li:hover>a{color:#003f82;font-weight:bold;}
.h_title h2{font-size:46px;color:#454545;font-weight:bold; position:relative;}
.h_title h5{color:#868686;font-size:16px; text-transform:uppercase; font-weight:bold;margin-top:-18px; opacity:0.3;}
.h_titleC{ display:inline-block;}
.h_title p{color:#797979;margin-top:10px;}
.h_title .line img{max-width:100%;}
.casetitle{margin-bottom:80px;}
.searchpart {margin-top:40px;}
.searchpart h5{font-size:30px;float:left;}
.searchpart .con{float:left;width:calc(100% - 220px);margin-left:30px;}
.searchpart .con span{ display:inline-block; background-color:#f6faff;border:1px solid #7fb1e6;border-radius:30px;margin:0 20px 10px 0;line-height:47px;height:47px;padding:0 10px;min-width:108px; text-align:center;cursor:pointer;}
.search {padding: 10px 0;background: rgba(255,255,255,0.8);position: sticky;top: 0;backdrop-filter: saturate(180%) blur(4px);    z-index: 1;}
.search form{ display:flex;align-items:center;width: 640px;margin: auto;}
.search input{line-height:47px;height:47px;flex: 1;padding:0 24px;font-size:15px;border-radius:70px 0 0 70px;border:1px solid #dcdcdc;}
.search button{line-height:47px;height:47px; background-color:#7fb1e6;border-radius:0 70px 70px 0; cursor:pointer;width: 65px;}
.search button:hover{background-color:#004ea2;}
.search button img{ vertical-align:top;}
.searchpart .con span.cur{background-color: #7fb1e6;color: #fff;}
.case{padding-bottom:130px;}
.caseC {margin:70px -1% 0; overflow:hidden;flex-wrap: wrap;display:flex;}
.caseC dl{float:left;width:31.333%;margin:0 1% 50px;box-shadow: 0 0 10px #eee;}
.caseC dl>a{ display:block;box-shadow: 0 0 10px #eee;}
.caseC dl dd{padding:28px; text-align:center;}
.caseC dl dd h5{font-size:20px;font-weight:bold;}
.caseC dl dd h5 span{ display:inline-block;}
.caseC dl dd h5 span:after{content:''; display:block;height:8px; background-color:#ffd99d;margin-top: -7px;}
.caseC dl dd .summary{margin-top:20px;color:#6d6d6d;font-size:14px;font-weight:bold;}
.caseC dl dd .point{margin-top:20px;font-size:14px;}
.caseC dl dd .point span{border:1px dashed #dcdcdc;display:inline-block;margin:0 10px 5px 0;padding:3px 10px;color:#6d6d6d;}
.caseC dl dd .btns{margin-top:12px; position:relative;}
.caseC dl dd .btns a.more{ background-color:#568aff;border-radius:10px;color:#fff;font-weight:bold;width:88px; text-align:center;line-height:30px;font-size:14px; display:inline-block;}
.caseC dl dd .btns .btn{ position:absolute;left:50%;bottom: 4px;margin-left: 63px;}
.caseC dl dd .btns .btn p{ display:inline-block;margin-right:10px; cursor:pointer; position:relative;}
.caseC dl dd .btns .btn p img{width:20px;}
.caseC dl dd .btns .btn p span{margin-right:-45px;position:absolute;width:120px; background-color:#fff;box-shadow: 0 0 10px #eee;bottom:105%;right:0; display:none;}
.caseC dl dd .btns .btn p span img{width:100%;}
.caseC dl dd .btns .btn p:hover span{ display:block;}
.pagelist{margin-top:40px;}
.pagelist li{display:inline-block;margin-left:3px;}
.pagelist li a,.pagelist li span{display:block;padding:0 2px;min-width:30px; text-align:center;color:#c6c6c6;border-radius:50%;line-height:30px;}
.pagelist li a.cur,.pagelist li.active span,.pagelist li a:hover{color:#fff; background-color:#ffad2a;}
footer{padding:70px 0 20px; background:#1b1b1b url(../images/bg1.jpg) no-repeat center top; background-size:100%;}
.footlogo img{height:85px;filter: grayscale(100%) brightness(700%);}
.footbottom {margin-top:70px;}
.footleft{margin-top:70px;border-top:1px solid #fff;padding-top:40px;color:rgba(255,255,255,0.6);}
.footleft a{color:rgba(255,255,255,0.6);}
.footright{width:110px; text-align:center;color:#fff;}
.footright img{ display:block;margin-bottom:15px;}
.footright p{margin-bottom:15px;}
.bq{text-align:center;color:#fff;margin-top:50px;font-size:16px;}
.bq span{display:inline-block;margin:0 10px;}
.bq span a{color:#fff;}
.footleft{width:calc(100% - 150px);}
.footleft p{margin-bottom:30px;font-size:17px;}
.footleftright p span{color:#fff;font-size:24px;}
.footleftleft p span{ display:inline-block;margin-right:30px;}
.footleftleft p a{display:inline-block;padding:0 4px;}
.detail1{ background:#fff url(../images/bg1.png) no-repeat right 40px center; background-size:auto 50%;}
.detail1C {margin-top:124px;}
.detail1left {width:455px;}
.detail1left h2{font-size:28px; font-weight:bold;}
.detail1left h2 span{ display:inline-block;}
.detail1left h2 span:after{content:''; display:block;height:7px;width:100%; background-color:#ced8f7;margin-top:-6px;}
.detail1left .con{margin-top:40px;line-height:30px;color:#535353;}
.detail1left .biao{margin-top:40px; display:flex;}
.detail1left .biao dt{font-weight:bold;margin-top:2px;}
.detail1left .biao dd{flex:1;}
.detail1left .biao dd span{border: 1px dashed #dcdcdc;display: inline-block;margin: 0 10px 10px 0;padding: 3px 10px;   color: #6d6d6d;font-size:15px;}
.detail1left .btns{margin-top:40px; display:flex;justify-content: space-between;}
.detail1left .btns li{min-width:185px; text-align:center; font-size:20px;font-weight:bold; position:relative;}
.detail1left .btns li div{position:absolute;width:180px; background-color:#fff;border:1px solid #dcdcdc;top:100%;left:0;display:none;z-index: 1;}
.detail1left .btns li .btn{line-height:70px; display:block;border-radius:60px; cursor:pointer;}
.detail1left .btns li:hover div{display:block;}
.detail1left .btns li:first-child .btn{background-color:#f2f5ff;color:#2c5cfb;}
.detail1left .btns li:nth-child(2) .btn{background-color:#e9fae7;color:#6dd356;}
.detail1left .btns li .btn img{display:inline-block;margin-right:10px;}
.detail1right,.detail2left {width:693px;height: 406px;background: #f8f8f8;}
.detail1right a,.detail2left a{padding: 5px;display: flex;justify-content: center;height: 100%;width: 100%;}
.detail1C,.detail2C{ display:flex; align-items:center;justify-content: space-between;}
.detail2{ background-color:#f8f8f8;}
.detail2left{width:825px;background: #f8f8f8;}
.detail2left1{background: #fff;}
.detail2left img,.detail1right img{max-height: 100%;max-width: 100%;width:auto;margin: auto;display: block;}
.detail2right{width:346px;line-height: 30px;color: #535353;}
.h_title .banben{ position:absolute;right:0; top:30px;}
.h_title .banben select{border: 1px dashed #dcdcdc; appearance:none;-webkit-appearance:none;padding:8px 32px 8px 17px;color: #6d6d6d;font-size: 15px; background-color:transparent; cursor:pointer; background:url(../images/icon8.png) no-repeat right 10px center;border-radius:5px;}
.mask{width:100%;top:0;left:0;height:100%;position:fixed; z-index:1; background-color:rgba(0,0,0,0.2);}
.popxuke{ background-color:#fff;border-radius:10px; position:fixed;top:50%;left:50%; overflow:hidden; transform:translate(-50%,-50%);padding:90px 70px 50px; z-index:2;}
.popxuke h2{ text-align:center;font-size:24px;font-weight:bold;color:#004ea2;}
.popxuke input{font-size:16px;margin-top:50px;width:500px;line-height:58px;border:1px solid #dcdcdc;border-radius:10px; text-indent:70px;background:#fcfcfc url(../images/icon9.png) no-repeat left 20px center; display:block;}
.popxuke button{margin:50px auto 0;width:360px;line-height:58px; background-color:#dbdbdb;color:#9f9f9f;font-weight:bold;border-radius:10px;font-size:20px; display:block; cursor:pointer;}
.popxuke .close{ position:absolute;right: -44px;top:-59px;background-color:#ff9e04; cursor:pointer;width: 98px;height: 136px;transform: rotate(-45deg);}
.popxuke .close img{ position:absolute;right: 65px;top: 57px;transform: rotate(-45deg);}
.h_about .con{margin:40px auto 0;width:80%;line-height:30px;color:#666666;height:90px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:3;
  line-clamp:3;
  -webkit-box-orient: vertical;}
.detailtitle{padding:100px 0 0;}




.mobile-inner{ display:none; z-index:101;background-color:#fafafa;position:relative}
.mobile-inner-header{background-color:rgba(0,0,0,.7);width:100%;height:50px;position:absolute;top:0;left:0}.mobile-inner-header-icon{ z-index:2;height:60px;line-height: 42px;font-size:16px;text-align:center;right: 50%;margin-right: -375px;top:8px;width:50px;position:absolute;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}.mobile-inner-header-icon-click{background-color:rgba(255,255,255,.2);cursor:pointer}.mobile-inner-header-icon span{margin-top: 10px;position:absolute;left:calc((100% - 25px)/2);top:calc((100% - 1px)/2);width:25px;height:1px;background-color:#454545;}.mobile-inner-header-icon-click span{ background-color:#fff;}.mobile-inner-header-icon span:nth-child(1),.topnavR span i:nth-child(1){transform:translateY(4px) rotate(0deg)}.mobile-inner-header-icon span:nth-child(2),.topnavR span i:nth-child(2){transform:translateY(-4px) rotate(0deg)}.mobile-inner-header-icon-click span:nth-child(1),.topnavR.click span i:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}.mobile-inner-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}@keyframes clickfirst{0%{transform:translateY(4px) rotate(0deg)}100%{transform:translateY(0) rotate(45deg)}}@keyframes clicksecond{0%{transform:translateY(-4px) rotate(0deg)}100%{transform:translateY(0) rotate(-45deg)}}.mobile-inner-header-icon-out span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}.mobile-inner-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-4px) rotate(0deg)}}@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(4px) rotate(0deg)}}.mobile-inner-nav{overflow-y: scroll !important;background-color:rgba(0,0,0,1);width:100%;height:100%;position:fixed;top:0;left:0;padding-top:80px;padding-bottom:80px;display:none}.mobile-inner-nav a{display:inline-block;line-height:50px;text-decoration:none;width:80%;margin-left:10%;color:#fff;border-bottom:solid 1px rgba(255,255,255,.3);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300}.mobile-inner-nav a:hover{color:rgba(255,255,255,.4);border-bottom:solid 1px rgba(255,255,255,.2)}
.mobile-inner-header-icon-click{ position:fixed;font-size: 0;}
.mobile-inner-header-icon-click span{margin-top:0;}
.mobile-inner-nav li div{ display:none;background-color: #3a3a3a;}
.mobile-inner-nav li div p{ display:none;background-color: #4a4a4a;}
.mobile-inner-nav li article a{padding-left: 7%;font-size: 14px;}
.mobile-inner-nav li a.on:after{content:'+';float:right;color:#fff;}



@media(max-width:1199px){
	.searchpart .con span { margin: 0 10px 10px 0;}
	.searchpart h5 {font-size: 24px;margin-top: 5px;}
	.h_title h2 {font-size: 40px;}
	.caseC dl dd .point span {margin: 0 3px 5px 0;}
	.footleft{margin-top: 0;}
	.footleft,.footleftleft {width:100%;}
	.footleftright {width:100%;}
	.footright{width:100%;}
	.footright p {width: 120px;display: inline-block;margin: 0 20px;}
	.detail2left {width: 560px;}
	.detail1right {width: 484px;}
}
@media(max-width:991px){
	.logo {margin-top: 0;}
	header {padding: 10px 0;}
	.caseC dl{width: 48%;margin: 0 1% 30px;}
	.case {padding-bottom: 80px;}
	.detail1right {width: 370px;}
	.detail1left {width: 340px;}
	.detail1left h2 {font-size: 24px;}
	.detail1left .con {margin-top:20px;}
	.detail1left .biao dd span {margin: 0 2px 10px 0;}
	.detail1left .btns li .btn {line-height: 56px;}
	.detail1left .btns { margin-top: 20px;}
	.detail1left .btns li { min-width: 156px; font-size: 17px;}
	.detail1left .btns li .btn img {margin-right: 4px;width: 20px;}
	.detail1left .biao {margin-top: 30px;}
	.detail2left { width: 380px;}
	nav li {margin: 0 48px;}
}
@media(max-width:767px){
	.search span{ display:none;}
	.mobile-inner-header-icon {font-size: 14px;top: 0;right:10px;margin-right:0;}
	.case,.detail1,.detail2,.detail3 {padding: 40px 15px;}
	.h_title h2 {font-size: 22px;}
	.h_title h5 {font-size: 12px; margin-top: -11px;}
	.h_titleC .line img{width:100%;}
	.h_title p {font-size: 14px;}
	.searchpart {margin-top: 30px;}
	.searchpart h5 {font-size: 17px;margin-top: 0;}
	.search {width: 100%;}
	.searchpart .con {width:100%;margin:20px 0 0 0;}
	.searchpart .con span {margin: 0 2% 10px 0;line-height: 36px;font-size:14px;height:36px;min-width:31.333%;float:left;}
	.search form {position: initial;opacity: 1;margin-top:20px;}
	.search:hover input,.search input {width:calc(100% - 47px);}
	.caseC { margin: 20px -1% 0;}
	.caseC dl {width: 100%;margin: 0 0 20px;}
	.footlogo img {height: 44px;}
	footer {padding: 30px 0 20px;}
	.footbottom {margin-top: 26px;}
	.bq {margin-top: 40px;font-size: 13px;}
	.footbottom {padding: 0 15px;font-size:14px;}
	.footleft p {margin-bottom: 30px;font-size: 15px;margin-bottom: 20px;line-height: 25px;}
	.footright p {margin: 0 4px;}
	.caseC dl dd {padding: 28px 10px;}
	.caseC dl dd .btns .btn {margin-left: 58px;}
	.detail1C {margin-top: 48px; display:block; overflow:hidden;}
	.detail1left h2 {font-size: 19px;}
	.detail1left {width: 100%;}
	.detail1left .con {font-size: 15px;line-height: 27px;}
	.detail1right {width: 100%;margin-top: 20px;}
	.detail1left .btns li {min-width: 48%;}
	.h_title .banben {position: initial;margin-top:20px;}
	.detail2C {margin-top:0px; overflow:hidden; display:block;}
	.detail2left {margin: 20px 0;width: 100%;}
	.detail2right {line-height: 27px; font-size: 15px;width: 100%;}
	.detail1left .btns li div {left: auto;right: 0;}
}