锘緻charset "utf-8";
body,html{width:100%; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#666666; min-width:320px; zoom:1; background:#f5f5f5; font-family:frutigernext,Arial,"Microsoft YaHei",Helvetica,sans-serif,Arial,"瀹嬩綋";}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"寰蒋闆呴粦";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*寮哄埗鍘婚櫎琛ㄥ崟鑷甫鐨勬牱寮?/ }
textarea{resize:none;/*-webkit-appearance:none;*//*寮哄埗鍘婚櫎textarea鑷甫鐨勬牱寮?/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5璁剧疆*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0; vertical-align:top;}
a{color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* transition:all 0.2s linear; -webkit-transition:all 0.2s linear;*/}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; /*transition:all 0.2s linear; -webkit-transition:all 0.2s linear;*/}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#b2b2b2;}
::-moz-placeholder{color:#b2b2b2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#b2b2b2;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;}
.w1440{max-width:1600px; min-width:320px; margin:0px auto;}
.w1240{max-width:1240px; min-width:320px; margin:0px auto;}
.auto{padding: 0px 50px;}
.relative{position: relative;}
input,textarea{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.f_red{color:#e60122;}
@media ( max-width:1660px){
.w1440{padding:0 3%;}
.auto{padding: 0px 44px;}
}
@media ( max-width:1240px){
.w1240{padding:0 3%;}
.auto{padding: 0px 15px;}
.w1440 .w1240{padding: 0;}
}
@media ( max-width:1200px){
.w1200{padding: 0px 15px;}
}
/*鍏敤鏍峰紡*/
.owl-carousel .owl-nav{height: 0px;}
.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img,li:hover .effect-img img,dd:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.wow{visibility: hidden;}
.boxbg{background-repeat: no-repeat; background-position: center top; background-size: cover;}
.effect-img span{display: block; width: 100%; height: 100%;}
.boxbg,.effect-img span{background-size: cover; background-position: center center;}
@keyframes warn {
0% {
transform: scale(0);
opacity: 0;
}
25% {
transform: scale(0.5);
opacity: 0.3;
}
50% {
transform: scale(0.9);
opacity: 0.5;
}
75% {
transform: scale(0.5);
opacity: 0.5;
}
100% {
transform: scale(0);
opacity: 0;
}
}
@-webkit-keyframes warn {
0% {
transform: scale(0);
opacity: 0;
}
25% {
transform: scale(0.5);
opacity: 0.3;
}
50% {
transform: scale(0.9);
opacity: 0.5;
}
75% {
transform: scale(0.5);
opacity: 0.5;
}
100% {
transform: scale(0);
opacity: 0;
}
}
@-webkit-keyframes bounce-down {
25% {-webkit-transform: translateY(-5px); opacity: 1;}
50%, 100% {-webkit-transform: translateY(0); opacity: 0.6;}
75% {-webkit-transform: translateY(10px); opacity: 0.2}
}
@keyframes bounce-down {
25% {-webkit-transform: translateY(-5px); opacity: 1;}
50%, 100% {-webkit-transform: translateY(0); opacity: 0.6;}
75% {-webkit-transform: translateY(10px); opacity: 0.2;}
}
@keyframes move
{
0%, 65%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
70% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg);
}
75% {
-webkit-transform:rotate(-15deg);
transform:rotate(-15deg);
}
80% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg);
}
85% {
-webkit-transform:rotate(-15deg);
transform:rotate(-15deg);
}
90% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg);
}
95% {
-webkit-transform:rotate(-15deg);
transform:rotate(-15deg);
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
}
@-webkit-keyframes move
{
0%, 65%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
70% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg);
}
75% {
-webkit-transform:rotate(-15deg);
transform:rotate(-15deg);
}
80% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg);
}
85% {
-webkit-transform:rotate(-15deg);
transform:rotate(-15deg);
}
90% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg);
}
95% {
-webkit-transform:rotate(-15deg);
transform:rotate(-15deg);
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
}
/*Top*/
.Header{background: #fff; position: relative; box-shadow: 0px 8px 20px rgba(0,0,0,.1); transition: 300ms;}
.Header.fixednav{position: fixed; width: 100%; left: 0; top: 0; z-index: 99;}
.Header.fixednav .Logo{padding: 12px 0px;}
.Header.fixednav .Nav li .am{line-height: 65px;}
.Top{padding-right:220px; position: relative;}
.Logo{width: 245px; float:left; padding: 25px 0px;}
.Logo img{display:block; width:100%;}
.Tright{position: absolute; right: 50px; top: 50%; margin-top: -20px; width: 210px; line-height: 40px; z-index: 9;}
.Tright img{display: inline-block; vertical-align: middle; margin-right: 10px;}
.website{float: left; position: relative; border-bottom: 1px solid #e6e6e6;}
.website a.am{display: block; position: relative; font-size: 16px; color: #004f99; font-weight: bold; padding-right: 32px; background: url(../images/arr1.png) no-repeat right center;}
.website:hover a.am i{display: block;}
.webhide{display: none; position: absolute; z-index: 3; width: 330px; right: 0px; top: 100%; box-shadow: 0px 0px 20px rgba(4,0,0,0.15);}
.webhide .con{padding: 20px; background: #fff;}
.webhide .con .col dl dt{font-size: 16px; font-weight: bold; color: #222; line-height: 40px;}
.webhide .con .col dl a{display: block; padding-left: 16px; height: 26px; line-height: 26px; overflow: hidden; color: #333; background: url(../images/rect.png) no-repeat left center;}
.Tright .sbtn{position: absolute; top: 0%; right: 0px; width: 18px; height: 100%; background: url(../images/btn.png) no-repeat center center;}
.Search{position:absolute; top:100%; right:15px; background:#fff; border:2px solid #004f99; width:190px; padding: 0px 60px 0px 10px; display:none; z-index:999;}
.Search .input{display: block; width: 100%; height:32px; font-size:14px;}
.Search .input::placeholder{color:#999;}
.Search .btn{height:100%; width:50px; text-align:center; font-size:14px; color:#fff; background:#004f99; position:absolute; top:0px; right:0px;}
.Showbox{width: 76%; float: right;}
.Nav li{float:left; padding: 0 2.5%; position: relative;}
.Nav li .am{display:block; text-align: center; font-size:19px; line-height:92px; color:#666; border-bottom: 2px solid #fff;}
.Nav li:hover .am,.Nav li.active .am{color:#004f99; border-bottom: 2px solid #004f99; transition: 0ms;}
.Nav li .SubNav{position:absolute; left:0; top:100%; z-index:999; width:300px; display:none; background:rgba(255,255,255,1);}
.Nav li .SubNav dd{border-bottom: 1px solid #ddd; position: relative;}
.Nav li .SubNav dd i{position: absolute; right: 10px; top: 50%; margin-top: -12px; font-family: "瀹嬩綋"; font-size: 14px; color: #004f99;}
.Nav li .SubNav a{display:block; line-height:40px; font-size:14px; color:#666; padding: 0px 20px;}
.Nav li .SubNav a:last-child{border-bottom: none;}
.Nav li .SubNav a:hover,.Nav li .SubNav a.on{background: #004f99;color:#fff;}
.Nav li .SubNav .three{position: absolute; left: 299px; top:0; background: #fff; width:280px; display: none;}
.Nav li .SubNav .three a:hover{background: #004f99; color: #fff;}
.Nav li .SubNav dd:hover .three{display: block;}
.Nav li .SubNav dd:hover i{color: #fff;}
.Banner{overflow: hidden;}
.Banner .item{position: relative;}
.Banner .item .Video{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #000;}
.Banner .item .Video video{width: 100%;}
.Banner .item img{display: block; width: 100%;}
.Banner .item .txtbox{position: absolute; width: 100%; left: 0px; top: 20%;}
.Banner .item .txtbox img{width: auto;}
.Banner .item .mobile{display: none;}
.Banner .active .item .txtbox{animation: bounceInUp 2s linear;}
.Banner .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: 5%; height: 24px; line-height: 24px;}
.Banner .owl-dots .owl-dot{width: 12px; height: 12px; margin: 0px 26px; background-image: url(../images/dotpic.png); background-position: center top;}
.Banner .owl-dots .owl-dot.active{background-position: center bottom;}
@media ( max-width:1360px){
.Top{padding-right: 0;}
.Tright{right: 110px;}
.Logo{width: 180px; padding: 15px 0px;}
.header_menu{display:block; background-image:url(../images/navicon.png); position:absolute; top:50%; right:0px; margin-top:-12px; width:20px; height:24px;background-size:100%;background-position:center; background-repeat:no-repeat; z-index:10;}
.header_menu:hover{animation:move 2s 0s infinite;-webkit-animation:move 2s 0s infinite;}
.Showbox{width:33%; height:100%; background:#004f99; overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0; right:-100%;}
.Showbox .close_bar{height:70px;line-height:70px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:#004f99; border-bottom:1px solid #e8e8e8;text-align:right;}
.Showbox .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
.Showbox .close_bar a:hover{transform:rotate(180deg);}
.Nav{background:none; margin-top:80px; width:100%;}
.Nav li{float:none; width:100%; text-align:left; position: relative;}
.Nav li .am,.Header.fixednav .Nav li .am{color:#fff; line-height:50px; font-size:18px; padding-left:20px; text-align:left; border-bottom: none;}
.Nav li:hover .am, .Nav li.active .am{border-bottom: none; color:#fff;}
.Nav li .SubNav{display: none !important;}
.Banner .item .txtbox img{width: 50%;}
}
@media ( max-width:640px){
.Tright{width: 60px; right: 80px;}
.Tright img{margin-right: 0;}
.website{border-bottom: none;}
.website a.am{padding-right: 0; background: none;}
.website a.am span{display: none;}
.Showbox{width:70%;}
.Banner .owl-dots .owl-dot{margin: 0px 5px;}
.header_menu{animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;}
}
@media ( max-width:480px){
.Logo{width: 148px;}
.webhide{right: -100px;}
}
/*bottom*/
.Footer{background: #333;}
.Sitepath{width: 80%; float: left;}
.Sitepath dl{float: left; margin-right: 5%;}
.Sitepath dl dt{font-size: 18px; line-height: 30px; color: #fff; font-weight: bold; margin-bottom: 14px;}
.Sitepath dl dd{font-size: 14px; line-height: 28px; color: #808080;}
.Sitepath dl dd a{display: block; color: #808080;}
.Sitepath dl dd a:hover{color: #fff; text-decoration: underline;}
.Sitepath dl dd .data{line-height: 40px; border-top: 1px solid #484848; border-bottom: 1px solid #484848; margin: 10px 0px 50px; font-size: 14px; color: #ecf4f6;}
.Sitepath dl dd .data i{padding: 0px 11px;}
.Sitepath dl dd .link li{width: 118px; line-height: 32px; float: left; margin-right: 10px; font-size: 14px; position: relative;}
.Sitepath dl dd .link li:nth-child(2n){margin-right: 0;}
.Sitepath dl dd .link li .am{display: block; border: 1px solid #404040; color: #fff; font-weight: bold; position: relative;}
.Sitepath dl dd .link li .am i{position: absolute; width: 10px; height: 7px; right: 14px; top: 50%; margin-top: -3px; background: url(../images/arr2.png);}
.Sitepath dl dd .link li img{display: inline-block;}
.Sitepath dl dd .link li .hide{border: 1px solid #404040; border-top: none; position: absolute; left: 0px; top: 100%; width: 116px; display: none;}
.Sitepath dl dd .link li .hide a{display: block; padding: 0px 5px;}
.Sitepath dl dd .link li:hover .hide{display: block;}
.Sitepath dl dd .share a{display: inline-block; margin-right: 28px;}
.Sitepath dl dd .share a:last-child{margin-right: 0;}
.Bottom{width: 19%; float: right; text-align: right;}
.Bottom img{display: inline-block; width: 80px; margin-bottom: 55px;}
.Bottom .txt{font-size: 10px; line-height: 24px; color: #7d8081;}
.Bottom .txt a{color: #7d8081;}
.RightFix{position: fixed; width: 64px; right: 0px; top: 30%; z-index: 99;}
.RightFix a{display: block; background: #fff; box-shadow: 0px 0px 20px rgba(20,58,131,0.2); margin-bottom: 1px;}
.RightFix img{display: block; width: 100%;}
.FixBox{position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 100; background: rgba(0,0,0,.5); display: none;}
.FixBox2{position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 100; background: rgba(0,0,0,.5); display: none;}
.Message{background: #fff; width: 1240px; height: 485px; position: absolute; left: 50%; top: 50%; margin: -242px 0px 0px -620px;}
.Message .close{width: 56px; position: absolute; top: -76px; left: 50%; margin-left: -28px;}
.Message .title{text-align: center; padding: 30px 0px 33px; background: url(../images/line3.png) no-repeat center bottom; display: none;}
.Message .title span{display: block; font-size: 24px; line-height: 54px; color: #333;}
.Message .con{padding: 30px 70px;}
.Message .con h2{font-size: 24px; line-height: 45px; color: #333; margin-bottom: 30px;}
.Message .con dl dd{width: 32.6666%; float: left; margin: 0 1% 10px 0;}
.Message .con dl dd:nth-child(3n){margin-right: 0;}
.Message .con dl dd.nof{width: auto; float: none; margin-right: 0;}
.Message .con dl dd .input,.Message .con dl dd textarea{padding: 0px 20px; width: 100%; font-size: 16px; line-height: 60px;height: 60px; color: #333; background: #ebf0f5;}
.Message .con dl dd .input::placeholder,.Message .con dl dd textarea::placeholder{color: #666;}
.Message .con dl dd textarea{height: 200px;}
.Message .con .btn{width: 360px; height: 60px; background: #00a0e9; font-size: 18px; font-weight: bold; color: #fff; float: right; text-align: center;}
@media ( max-width:1366px){
.Sitepath dl{margin-right: 3.5%;}
}
@media ( max-width:1360px){
.Sitepath{display: none;}
.Bottom{width: auto; float: none; text-align: center;}
.Bottom img{margin-bottom: 15px;}
}
@media ( max-width:1300px){
.RightFix{width: 45px;}
.Message{width: 90%; left: 5%; right: 5%; top: 10%; bottom: 5%; height: auto; margin: 0; overflow: auto;}
.Message .close{width: 36px; margin-left: 0px; left: auto; right: 10px; top: 10px;}
.Message .con{padding: 20px;}
.Message .con h2{font-size: 20px; line-height: 30px; margin-bottom: 18px;}
.Message .con .btn{width: 150px; height: 46px;}
.Message .con dl dd .input, .Message .con dl dd textarea{line-height: 50px;}
}
@media ( max-width:480px){
.Message .title{padding: 15px 0px 20px;}
.Message .title img{display: inline-block; width: 30px;}
.Message .title span{font-size: 20px; line-height: 26px;}
.Message .con dl dd{width: auto; float: none; margin-right: 0;}
}
/* index */
.ptb3{padding: 3% 0;}
.HomeTit{margin-bottom: 3%;}
.HomeTit.tc{text-align: center;}
.HomeTit span{display: block; font-size: 28px; line-height: 50px; color: #333; font-weight: bold;}
.HomeTit .info{font-size: 24px; line-height: 34px; color: #808080; margin: 42px 0px 75px;}
.HomeTit .more{display: block; width: 178px; line-height: 58px; background: #fff; text-align: center; border: 1px solid #e6e6e6; font-size: 14px; color: #004f99; font-weight: bold;}
.HomeTit .more img{display: inline-block; margin: 25px 0px 0px 20px;}
.HomeProduct{background-image: url(../images/boxbg1.jpg);}
.HomeProduct li{width: 21.25%; float: left; margin: 1.5% 5% 1.5% 0;}
.HomeProduct li:nth-child(4n){margin-right: 0;}
.HomeProduct li .box{border: 1px solid #dbdbdb; padding: 7px; border-radius: 50%;}
.HomeProduct li .box .effect-img{position: relative; border-radius: 50%;overflow: hidden !important;}
.HomeProduct li .box .effect-img .img{display: block; width: 100%;border-radius: 50%;overflow: hidden;transform: scale(0.96);-webkit-transform:scale(0.96);transition: all .5s;-webkit-transition:all .5s;}
.HomeProduct li .box .mask{border-radius: 50%;/*background-color: rgba(0,0,0,.2); */position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.HomeProduct li .box .mask .i1{width: 80px;}
.HomeProduct li .box .mask .i2{display: none;}
.HomeProduct li .title{display: block; text-align: center; margin-top: 14px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; color: #333;}
.HomeProduct li:hover .box .mask{background-image: url(../images/mask1.png); background-size: 100% 100%;}
.HomeProduct li:hover .box .mask .i1{display: none;}
.HomeProduct li:hover .box .mask .i2{display: block;}
.HomeProduct li:hover .title{color: #004f99;}
.HomeProduct li:hover .box .effect-img .img{transform: scale(1);-webkit-transform:scale(1);}
.HomePlans{background-image: url(../images/boxbg1.jpg); padding: 5% 0 2%;}
.Bigimg{padding-bottom: 5%;}
.Bigimg .con{width: 43%; float: left; margin-left: 6.9%; padding-top: 4%;}
.Bigimg .con .info{font-size: 14px; line-height: 32px; color: #666; max-height: 94px; overflow: hidden; margin: 8% 0; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-align:justify;}
.Bigimg .con .more{display: block; width: 160px; background: #00a0e9; box-shadow: 0px 5px 20px rgba(0,160,233,0.4); line-height: 56px; font-size: 16px; color: #fff; border-radius: 30px; text-align: center;}
.Bigimg .con .more i{font-family: "瀹嬩綋"; padding-left: 18px;}
.Bigimg .pic{width: 46.7%; float: right; position: relative;}
.Bigimg .pic img{display: block; width: 100%;}
.Bigimg .pic .jia{position: absolute; left: 50%; top: 50%; margin: -80px 0px 0px -15px; z-index: 3; width: 64px; line-height: 64px; font-size: 26px; color: #fff; text-align: center; border-radius: 50%;}
.Bigimg .pic .jia i{position: absolute; z-index: 0; background: rgba(255,255,255,0.5); z-index: 1; width: 100px; height: 100px; left: 50%; top: 50%; border-radius: 50%; margin: -50px 0px 0px -50px;-webkit-animation: warn 4s ease-out; -moz-animation: warn 4s ease-out; animation: warn 4s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.Bigimg .pic .jia span{position: relative; z-index: 2; display: block; background: #00a0e9; border-radius: 50%;}
.Bigimg .flex-direction-nav a{line-height: 10000px; overflow: hidden; background-size: cover; top: auto; margin-top: 0; bottom: 5%; width: 54px; height: 54px;}
.Bigimg .flex-direction-nav .flex-prev{left: -55px; background-image: url(../images/left1.png);}
.Bigimg .flex-direction-nav .flex-next{right: -55px; background-image: url(../images/right1.png);}
.Bigimg .flex-direction-nav .flex-prev:hover{background-image: url(../images/lefton1.png);}
.Bigimg .flex-direction-nav .flex-next:hover{background-image: url(../images/righton1.png);}
.Smallimg{position: absolute; width: 660px; left: 50%; margin-left: -330px; bottom: 0px;}
.Smallimg .slides li{text-align: center; padding: 20px 0;}
.Smallimg .slides li img{display: block; width: 100%;}
.Smallimg .slides li a{display: inline-block; vertical-align: middle; margin-top: 5%; border: 2px solid #fff; background: #f5f8fa; border-radius: 50%; width: 60%;}
.Smallimg .slides li.flex-active-slide a{width: 80%; background: #fff; box-shadow: 0px 4px 20px rgba(0,46,89,0.3); margin-top: 0;}
.HomeShow{background: #ebf0f5;}
.ShowTop{width: 41.666%; float: left; background: #fff;}
.ShowTop .box{position: relative;}
.ShowTop .pic img{display: block; width: 100%; height: 400px;}
.ShowTop .box .mask{position: absolute; width: 100%; left: 0px; bottom: 0px; background-image: url(../images/mask2.png); background-size: 100% 100%;}
.ShowTop .box .mask dl{padding: 10px 25px;}
.ShowTop .box .mask dl dd {font-size: 14px; color: #fff; height: 40px; line-height: 40px; overflow: hidden; width: 50%; float: left;}
.ShowTop .box .mask dl dd.m3{float: none; width: 100%; border-top: 1px solid rgba(255,255,255,0.15);}
.ShowTop .box .mask dl dd b{display: inline-block; padding-left: 30px; background-repeat: no-repeat; background-position: left center;}
.ShowTop .box .mask dl dd.m1 b{background-image: url(../images/m1.png);}
.ShowTop .box .mask dl dd.m2 b{background-image: url(../images/m2.png);}
.ShowTop .box .mask dl dd.m3 b{background-image: url(../images/m3.png);}
.ShowTop .con{padding: 33px 30px 36px;}
.ShowTop .con .name{font-size: 28px; line-height: 34px; height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; font-weight: bold;}
.ShowTop .con .info{font-size: 16px; line-height: 26px; color: #808080; height: 52px; overflow: hidden; margin: 10px 0px 35px;}
.ShowTop .con .more{display: block; width: 178px; line-height: 58px; background: #f5f5f5; text-align: center; border: 1px solid #e6e6e6; font-size: 14px; color: #004f99; font-weight: bold;}
.ShowTop .con .more img{display: inline-block; margin: 25px 0px 0px 20px;}
.ShowSlider{width: 56.25%; float: right;}
.ShowSlider .title{line-height: 28px; margin-bottom: 20px;}
.ShowSlider .title .more{float: right; font-size: 14px; color: #004f99; font-weight: bold;}
.ShowSlider .title .more img{display: inline-block; vertical-align: middle; margin: 0px 0px 0px 20px;}
.ShowSlider .title .name{font-size: 28px; font-weight: bold; color: #333;}
.ShowSlider .box{position: relative;}
.ShowSlider .ShowCon dd{margin-bottom: 10px; padding: 23px 30px 20px; background: #fff;}
.ShowSlider .ShowCon dd .tit{line-height: 38px; height: 38px; overflow: hidden; margin-bottom: 15px;}
.ShowSlider .ShowCon dd .tit .name{font-size: 22px; color: #333; font-weight: bold;}
.ShowSlider .ShowCon dd .tit .more{float: right; width: 108px; line-height: 36px; background: #f5f5f5; text-align: center; border: 1px solid #e6e6e6; font-size: 14px; color: #004f99; font-weight: bold;}
.ShowSlider .ShowCon dd:hover .tit .more{background-image: url(../images/mask3.png); background-size: 100% 100%; color: #fff; border: none;}
.ShowSlider .ShowCon dd .con{border: 1px solid #e6e6e6; border-right: none; border-bottom: none;}
.ShowSlider .ShowCon dd .con li{width: 50%; float: left; line-height: 48px; font-size: 14px; color: #333; border-bottom: 1px solid #e6e6e6;}
.ShowSlider .ShowCon dd .con li.i3{width: auto; float: none;}
.ShowSlider .ShowCon dd .con li p{padding: 0px 10px; border-right: 1px solid #e6e6e6; background: #ebf0f5;}
.ShowSlider .ShowCon dd .con li b{color: #004f99; display: inline-block; padding-left: 30px; background-repeat: no-repeat; background-position: left center;}
.ShowSlider .ShowCon dd .con li.i1 b{background-image: url(../images/a1.png);}
.ShowSlider .ShowCon dd .con li.i2 b{background-image: url(../images/a2.png);}
.ShowSlider .ShowCon dd .con li.i3 b{background-image: url(../images/a3.png);}
.ShowSlider .hd{position: absolute; width: 24px; right: -74px; top: 50%; margin-top: -60px;}
.ShowSlider .hd li{line-height: 40px; position: relative; font-size: 14px; color: #004f99;}
.ShowSlider .hd li span{opacity: 0;}
.ShowSlider .hd li i{position: absolute; top: 0px; right: 0px; width: 1px; height: 100%; background: #d9d9d9;}
.ShowSlider .hd li.on span{opacity: 1;}
/*.ShowSlider .hd li.on{background-image: url(../images/dot4.png);}*/
.ShowSlider .hd li.on i{width: 2px; background: #004f99;}
.ShowSlider .prev,.ShowSlider .next{width: 15px; height: 8px; position: absolute; right: -74px;}
.ShowSlider .prev{background-image: url(../images/upbtn.png); top: 158px;}
.ShowSlider .next{background-image: url(../images/downbtn.png); bottom: 158px;}
.HomeService{background: #f5f5f5;}
.HomeService .mobile{display: none;}
.HomeService .box .pic img{display: block; width: 100%;}
.HomeService .box ul{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.HomeService .box ul li{position: absolute;}
.HomeService .box li.i1{top: 29%; left: 19%;}
.HomeService .box li.i2{top: 22%; left: 47%;}
.HomeService .box li.i3{top: 45%; left: 66%;}
.HomeService .box li.i4{top: 37.333%; left: 75%;}
.HomeService .box li.i5{top: 35.33%; left: 77.5%;}
.HomeService .box li.i6{top: 28%; left: 78.5%;}
.HomeService .box li.i7{top: 27.33%; left: 50%;}
.HomeService .box ul li .dot{border-radius: 50%; position: relative; border: 3px solid rgba(255,255,255,0); width: 16px; height: 16px;}
.HomeService .box ul li .dot span{display: block; position: relative; z-index: 2; background: #ff9200; border: 3px solid #fff; width: 10px; height: 10px; border-radius: 50%;}
.HomeService .box ul li .dot i{position: absolute; z-index: 0; background: rgba(255,255,255,0.5); z-index: 1; width: 38px; height: 38px; left: 50%; top: 50%; border-radius: 50%; margin: -19px 0px 0px -19px;-webkit-animation: warn 4s ease-out; -moz-animation: warn 4s ease-out; animation: warn 4s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.HomeService .box ul li .hidebox{position: absolute; width: 500px; left: -35px; display: none; transition: 500ms;}
.HomeService .box ul li .hidebox .more{display: block; width: 90px; height: 42px; background-color: #00a1ea; background-image: url(../images/arr13.png); background-repeat: no-repeat; background-position: center center;}
.HomeService .box ul li .hidebox .con{border-top: 2px solid #00a0e9; background: #fff; padding: 15px 170px 0px 15px; /*height: 113px;*/ position: relative; z-index: 5;}
.HomeService .box ul li .hidebox .con .effect-img{position: absolute; right: 15px; top: 15px; bottom: 15px; width: 145px;}
.HomeService .box ul li .hidebox .con .title span{display: block; font-size: 16px; color: #2d373c; line-height: 39px;}
.HomeService .box ul li .hidebox .con .title i{display: block; width: 20px; height: 1px; background: #d9d9d9;}
.HomeService .box ul li .hidebox .con .info{margin-top: 5px; font-size: 14px; line-height: 24px; color: #2d373c;}
.HomeService .box ul li .hidebox .arrow{width: 18px; height: 11px; position: absolute; bottom: -11px; left: 37px; background: url(../images/arr15.png);}
.HomeService .box ul li:hover .dot span{border: 3px solid #003e86; background: #fff;}
.HomeNews{background: #fafcff;}
.HomeNews .box{min-height: 322px; padding-left: 360px;}
.HomeNews .HomeTit{position: absolute; width: 320px; left: 0px; top: 50%; margin-top: -161px;}
.NewsSlider{padding-bottom: 80px; position: relative;}
.NewsSlider .item a{display: block; margin-left: 30px; background: #fff;}
.NewsSlider .item .effect-img{position: relative;}
.NewsSlider .item .effect-img img{display: block; width: 100%;}
.NewsSlider .item .date{background: url(../images/mon1.png) no-repeat left center; font-size: 14px; color: #666; padding-left: 30px; margin-top: 15px;}
.NewsSlider .item .con{padding: 8%;}
.NewsSlider .item .con .title{color: #333; font-size: 20px; font-weight: bold; padding-bottom: 24px; background: url(../images/line2.png) no-repeat left bottom; margin-bottom: 23px;}
.NewsSlider .item .con .title span{display: block; line-height: 30px; height: 60px; overflow: hidden;}
.NewsSlider .item .con .info{font-size: 14px; line-height: 24px; height: 72px; overflow: hidden;}
.NewsSlider .owl-nav .owl-prev span,.NewsSlider .owl-nav .owl-next span{width: 9px; height: 15px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; bottom: -80px; z-index: 5;}
.NewsSlider .owl-nav .owl-prev span{left: 30px; background-image: url(../images/left.png);}
.NewsSlider .owl-nav .owl-next span{left: 346px; background-image: url(../images/right.png);}
.NewsSlider .item:hover .con .title span{color: #003e86;}
.NewsSlider .owl-dots{width: 280px; text-align: center; position: absolute; left: 54px; bottom: -70px; height: 2px; line-height: 2px;}
.NewsSlider .owl-dots .owl-dot{width: 40px; height: 1px; background: #d9d9d9; transition: 300ms;}
.NewsSlider .owl-dots .owl-dot.active{height: 2px; background: #004f99;}
@media ( max-width:1600px){
.Bigimg .flex-direction-nav .flex-prev{left: 0;}
.Bigimg .flex-direction-nav .flex-next{right: 0;}
.HomeService .box li.i3 .hidebox,.HomeService .box li.i4 .hidebox,.HomeService .box li.i5 .hidebox,.HomeService .box li.i5 .hidebox,.HomeService .box li.i6 .hidebox{left: auto; right: -35px;}
.HomeService .box ul li.i3 .hidebox .arrow,.HomeService .box ul li.i4 .hidebox .arrow,.HomeService .box ul li.i5 .hidebox .arrow,.HomeService .box ul li.i5 .hidebox .arrow,.HomeService .box ul li.i6 .hidebox .arrow{left: auto; right: 36px;}
}
@media ( max-width:1200px){
.HomeTit span{font-size: 30px;}
.HomeProduct li .title{font-size: 16px;}
}
@media ( max-width:1024px){
.HomeTit .info{margin: 15px 0px;}
.HomeTit .more{margin: 0 auto;}
.ShowTop,.ShowSlider{width: auto; float: none;}
.ShowTop{margin-bottom: 3%;}
.ShowTop .pic img{height: auto;}
.HomeNews .box{padding-left: 0;}
.HomeNews .HomeTit{position: static; text-align: center; width: auto; margin-top: 0;}
.NewsSlider .item a{margin: 0px 10px;}
/* .HomeService .mobile{display: block;}
.HomeService .box{display: none;} */
.HomeService .box ul li .hidebox{width: 200px; top: -238px !important;}
.HomeService .box ul li .hidebox .con{padding: 15px; height: 152px;}
.HomeService .box ul li .hidebox .con .title span{line-height: 20px; font-size: 14px;}
.HomeService .box ul li .hidebox .con .info{display: none;}
.HomeService .box ul li .hidebox .con .effect-img{position: static; height: 100px; width: 100%; margin-top: 15px;}
}
@media ( max-width:768px){
.HomeTit span{line-height: 25px;}
.HomeTit i{margin-top: 0px;}
.HomeTit .info{font-size: 16px; line-height: 24px;}
.HomeTit span,.ShowSlider .title .name,.ShowTop .con .name{font-size: 20px;}
.HomeProduct li .box .mask .i1{width: 60px;}
.ShowTop .con .info{margin: 15px 0px;}
.ShowSlider .box{padding-right: 50px;}
.ShowSlider .ShowCon dd,.ShowTop .con{padding: 10px;}
.ShowSlider .prev, .ShowSlider .next,.ShowSlider .hd{right: 0px;}
.NewsSlider{padding-bottom: 50px;}
.NewsSlider .item .con .title{font-size: 16px;}
.NewsSlider .owl-nav .owl-prev span, .NewsSlider .owl-nav .owl-next span{bottom: -50px;}
.NewsSlider .owl-dots{bottom: -40px;}
.HomeTit .more,.ShowTop .con .more{width: 120px; line-height: 40px;}
.HomeTit .more img,.ShowTop .con .more img{margin-top: 16px;}
.Bigimg{padding-bottom: 130px;}
.Bigimg .con{margin-left: 0;}
.Bigimg .flex-direction-nav a,.LinkSlider .owl-nav .owl-prev span, .LinkSlider .owl-nav .owl-next span{width: 30px; height: 30px; margin-top: -15px;}
.Bigimg .flex-direction-nav a{top: 50%; bottom: auto;}
.Bigimg .pic .jia{width: 40px; line-height: 40px; margin: -50px 0px 0px -20px;}
.HomeService .box li.i1{left: 18%; top: 26%;}
.HomeService .box li.i2{left: 46%; top: 20%;}
.HomeService .box li.i3{left: 65.5%; top: 43%}
.HomeService .box li.i4{left: 74.5%; top: 35.333%;}
.HomeService .box li.i5{left: 76.3%; top: 33.33%;}
.HomeService .box li.i6{left: 77.5%; top: 26%;}
.HomeService .box li.i7{left: 49.3%; top: 26.33%;}
}
@media ( max-width:640px){
.Bigimg{padding-bottom: 5%;}
.Bigimg .pic,.Bigimg .con{width: auto; float: none;}
.Smallimg{display: none;}
.HomeService .box ul li .dot{width: 9px; height: 9px;}
.HomeService .box ul li .dot span{width: 3px; height: 3px;}
.HomeService .box ul li .dot i{width: 20px; height: 20px; margin: -10px 0 0 -10px;}
}
@media ( max-width:480px){
.ptb3{padding: 5% 0;}
.HomeProduct li{width: 46%; margin-right: 0;}
.HomeProduct li:nth-child(2n){float: right;}
.HomeProduct li .box{width: 65%; margin: 0 auto;}
.ShowSlider .title{margin-bottom: 10px;}
.ShowSlider .ShowCon dd .con li{width: auto; float: none;}
.NewsSlider .owl-nav .owl-next span{left: auto; right: 30px;}
.Bigimg .con .more{width: 120px; line-height: 38px;}
}
/*鏍忕洰鍏敤鏍峰紡*/
.Ban{height: 360px; display: none;}
.Position{background: rgba(255,255,255,0.9); line-height: 6; font-size: 14px; color: #808080;}
.Position a{color: #808080;}
.Position span{color: #333;}
.Menu{background: #ebf0f5;}
.Menu .title{display: none; line-height: 45px; background: #004f99; padding: 0px 20px;}
.Menu .title span{display: block; font-size: 18px; color: #fff; background: url(../images/down.png) no-repeat right center;}
.Menu .box{text-align: center;}
.Menu .box li{display: inline-block; width: 22%; margin-left: -4px;}
.Menu .box li:first-child a{border-left: 2px solid #fff;}
.Menu .box li a{display: block; font-size: 15px; color: #4c4c4c; line-height: 54px; border-right: 2px solid #fff;}
.Menu .box li:hover a,.Menu .box li.on a{color: #004f99; background: #fff; font-weight: bold;}
/*pages*/
.Pages{width:100%; text-align:center;}
.Pages a{display:inline-block; font-size: 18px; width: 43px; line-height: 43px; border: 1px solid #e6e6e6; background: #fff; color:#666; margin:0px 5px;}
.Pages .a_prev,.Pages .a_next{display:inline-block; width: 88px; font-size: 20px; font-family: "瀹嬩綋";}
.Pages .num a:hover,.Pages .num a.a_cur{border: 1px solid #004f99; background: #004f99; color: #fff;}
/*pages end*/
@media ( max-width:1024px){
}
@media ( max-width:768px){
.Ban{padding: 0; height: 300px;}
.Menu{width: auto; float: none; padding: 10px 0px;}
.Menu .title{display: block;}
.Menu .box{display: none; border: 1px solid #004f99; padding: 10px 20px; text-align: left;}
.Menu .box li{float: none; display: block; width: auto; margin: 0;}
.Menu .box li a{line-height: 40px; border-bottom: none; border: none; padding: 0px 20px;}
.Menu .box li:first-child a{border: none;}
.Menu .box li:hover a,.Menu .box li.on a{border-bottom: none;}
.Pages a{width: 30px; line-height: 30px; font-size: 16px; margin: 0 2px;}
.Pages .a_prev,.Pages .a_next{width: 50px;}
}
@media ( max-width:480px){
.Ban{height: 240px;}
}
/* 妤氬ぉ绉戞妧 */
.whitebg{background: #fff;}
.Title01{margin-bottom: 4%;}
.Title01 span{display: block; font-size: 28px; color: #333; line-height: 54px; font-weight: bold;}
.Title01 p{font-size: 16px; color: #666; line-height: 30px; margin-top: 10px;}
.Title01.tc{text-align: center;}
.Title01 i{margin: 14px auto 0;}
.AboutBox .pic{width: 58.3333%; float: right;}
.AboutBox .pic img{display: block; width: 100%;}
.AboutBox .con{width: 37.5%; float: left;}
.AboutBox .con .info{font-size: 14px; line-height: 26px; color: #666666; height: 400px; overflow: auto;}
.AboutBox .con .info p{margin-bottom: 10px;}
/* .DataBox{position: absolute; width: 100%; left: 0px; bottom: 0px;} */
.DataBox dd{width: 20%; float: left; text-align: center; background: rgba(255, 255, 255); padding: 33px 0px 27px;}
.DataBox dd .box{background: url(../images/line4.png) no-repeat right center;}
.DataBox dd:last-child .box{background: none;}
.DataBox dd .icon{display: block; width: 34px; margin: 0 auto 14px;}
.DataBox dd .num{font-size: 45px; line-height: 46px; color: #004f99;}
.DataBox dd .num span{font-size: 50px;}
.DataBox dd p{font-size: 12px; line-height: 26px; rgba(0,0,0,0.9); font-weight: bold; text-transform: uppercase;}
.CompanyPic{padding-bottom: 60px;}
.CompanyPic li{width: 25%; float: left; position: relative;}
.CompanyPic li.i1,.CompanyPic li.i6{width: 50%;}
.CompanyPic li .effect-img img{display: block; width: 100%;}
.CompanyPic li .title{position: absolute; width: 100%; left: 0px; bottom: 0px; height: 119px; font-size: 22px; color: #fff; line-height: 34px; background: url(../images/titbg2.png) repeat-x left bottom; z-index: 3;}
.CompanyPic li .title span{display: block;padding: 60px 35px 0;}
.CompanyPic li.i2 .title{line-height: 52px; height: 52px; font-size: 26px; font-weight: bold; text-align: right; bottom: 0; bottom: 15%; left: 15px; right: 15px; width: auto;}
.CompanyPic li.i2 .title span{padding: 0;}
.CompanyPic .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: -35px; height: 17px; line-height: 17px;}
.CompanyPic .owl-dots .owl-dot{width: 17px; height: 17px; margin: 0px 5px; background-image: url(../images/dot4.png); background-size: cover;}
.CompanyPic .owl-dots .owl-dot.active{background-image: url(../images/dot5.png);}
.Historybg{background-image: url(../images/boxbg5.jpg); background-repeat: repeat-y; background-size: auto; background-position: center top; padding: 4% 0;}
.HistoryBox{background: url(../images/arr11.png) no-repeat center top; padding: 17px 0px 50px; position: relative;}
.HistoryBox ul{background: url(../images/line7.png) repeat-y center top; padding: 4% 0;}
.HistoryBox li{width: 50.72%; float: left; padding-bottom: 3%;}
.HistoryBox li:nth-child(2n){float: right;}
.HistoryBox li .box{background-image: url(../images/arr12.png); background-repeat: no-repeat; background-position: right 7px; padding-right: 68px;}
.HistoryBox li:nth-child(2n) .box{padding: 0px 0px 0px 68px; background-position: left 7px;}
.HistoryBox li .pic{width: 30%; float: left;}
.HistoryBox li .pic img{display: block; width: 100%; border-radius: 50%;}
.HistoryBox li .con{width: 62%; float: right;}
.HistoryBox li .con .date{display: block; font-size: 42px; line-height: 30px; color: #004f99;}
.HistoryBox li .con .info{font-size: 14px; line-height: 24px; margin-top: 25px; color: #4c4c4c;}
.HistoryBox li:nth-child(2n) .pic{float: right;}
.HistoryBox li:nth-child(2n) .con{float: left;}
.HistoryBox .btnbox a{position: absolute; width: 120px; left: 50%; margin-left: -60px; bottom: 0px; text-align: center; text-transform: uppercase;}
.HistoryBox .btnbox a span{display: block; position: relative; line-height: 40px; margin-bottom: 20px; font-size: 14px; font-weight: bold; color: #004f99;background:#f8f9fb;}
.HistoryBox .btnbox a span i{position: absolute; z-index: -1; width: 2px; height: 100%; margin-left: -1px; left: 50%; top: 0px; background: #f7f9fb;}
.HistoryBox .btnbox a img{display: block; width: 50px; margin: 0 auto;}
.boxbg2{background: #fff url(../images/boxbg3.png) repeat-x center bottom;}
.boxbg3{background: #fff url(../images/boxbg6.jpg) repeat-x center top;}
.boxbg4{background: #f4f5f7;}
.boxbg5{background: #ebf0f5;}
.VideoBox .Video{position: relative; overflow: hidden;}
.VideoBox .img{position: relative; z-index: 1;}
.VideoBox .img img{width: 100%; display: block;}
.VideoBox .play{position: absolute; left: 50%; top: 50%; margin: -55px 0px 0px -55px; width: 110px; height: 110px; background-image: url(../images/play2.png); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 50%;}
.VideoBox video{position: absolute; z-index: 2; left: 0px; top: 0px; width: 100%; height: 100%; background: #000;}
@media ( max-width:1440px){
.DataBox dd{padding: 15px 0px;}
}
@media ( max-width:1200px){
.Title01 span{font-size: 30px; line-height: 36px;}
.DataBox{position: static; margin: 3% 0 0; width: auto;}
.CompanyPic li.i2 .title{line-height: 30px; height: 30px;}
}
@media ( max-width:1024px){
.CompanyPic li.i2 .title,.LayoutBox li .title{font-size: 20px;}
.AboutBox .con .info{height: 254px;}
.DataBox dd .num{font-size: 35px; line-height: 50px;}
.DataBox dd .num span{font-size: 40px;}
.DataBox dd p{font-size: 14px;}
.CompanyPic li .title{font-size: 16px; height: 98px;}
.HistoryBox li{width: 50.8%;}
.HistoryBox li .con .date{font-size: 30px;}
.HistoryBox li .con .info{margin-top: 10px;}
.VideoBox .play{width: 60px; height: 60px; margin: -30px 0px 0px -30px;}
}
@media ( max-width:768px){
.Title01 span{font-size: 24px; line-height: 30px;}
.AboutBox .con .info{height: 188px !important;}
.DataBox dd .num{font-size: 25px; line-height: 40px;}
.DataBox dd .num span{font-size: 30px;}
.DataBox dd p{font-size: 12px;}
.HistoryBox li{width: 51.2%;}
.HistoryBox li .box{padding-right: 35px;}
.HistoryBox li:nth-child(2n) .box{padding: 0px 0px 0px 35px;}
}
@media ( max-width:640px){
.AboutBox .pic,.AboutBox .con{width: auto !important; float: none !important;}
.AboutBox .con{padding-bottom: 4%;}
.AboutBox .con .info{height: auto !important;}
.DataBox dd{width: 50%;}
.HistoryBox li{width: 51.5%;}
.HistoryBox li .con .date{font-size: 20px;}
.HistoryBox li .con .info{margin-top: 0;}
.CompanyPic li.i2 .title{font-size: 16px;}
}
@media ( max-width:480px){
.Title01 span{font-size: 20px;}
.CompanyPic li{width: 50%;}
.CompanyPic li.i1, .CompanyPic li.i6{width: 100%;}
.HistoryBox li{width: 52.5%;}
.HistoryBox li .pic,.HistoryBox li .con{width: auto; float: none;}
}
/* 浼佷笟鏂囧寲 */
.VisionBox .pic img{display: block; width: 100%;}
.VisionBox .mask{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; left: 0; top: 0; background: rgba(0,0,0,.3); text-align: center; color: #fff;}
.VisionBox .con{margin-top: 15%;}
.culture h2{font-size: 42px; line-height: 42px; margin-bottom: 2%;}
.culture .info{font-size: 24px; line-height: 34px;}
.BrandBox{background-image: url(../images/boxbg4.jpg);}
.BrandBox .list li{position: relative; width: 49%; margin: 1% 0; float: left;}
.BrandBox .list li:nth-child(2n){float: right;}
.BrandBox .list li .effect-img img{display: block; width: 100%;}
.BrandBox .list li .con{position: absolute; width: 90%; bottom: 0px; left: 0px; padding: 0 5%; height: 100px; display: flex; justify-content: center; flex-direction: column; background: url(../images/mask5.png) repeat-x center bottom; color: #fff;}
.BrandBox .list li .con h3{font-size: 24px; line-height: 38px;}
.BrandBox .list li .con p{font-size: 16px; line-height: 26px;}
.Spokesman .list li{background: #ebf0f5; padding: 38px; margin-bottom: 3%; position: relative;}
.Spokesman .list li:last-child{margin-bottom: 0;}
.Spokesman .list li .sign{position: absolute; width: 180px; line-height: 50px; right: 0px; top: -10px; font-size: 32px; font-weight: bold; text-align: center; color: #fff; background-image: url(../images/titbg.png); background-size: 100% 100%;}
.Spokesman .list li .sign span{display: block; padding-left: 10px;}
.Spokesman .list li .title{font-size: 26px; color: #004f99; line-height: 30px; margin-bottom: 3%;}
.Spokesman .list li .pic{width: 44.33%; float: left; box-shadow: 0px 5px 20px rgba(0,79,153,.2); position: relative;}
.Spokesman .list li .pic img{display: block; width: 100%;}
.Spokesman .list li .pic .name{position: absolute; width: 100%; left: 0px; bottom: 0; line-height: 70px; background: url(../images/mask5.png) repeat-x left top; text-align: center; font-size: 20px; color: #fff; font-weight: bold;}
.Spokesman .list li .con{width: 49.45%; float: right; padding-top: 3%;}
.Spokesman .list li .con .name{font-size: 28px; color: #333; margin-bottom: 5%; font-weight: bold;}
.Spokesman .list li .con .name i{display: block; vertical-align: middle; width: 30px; height: 2px; background: #004f99; margin-top: 28px;}
.Spokesman .list li .con .txt{position: relative;}
.Spokesman .list li .con .txt .dh{position: absolute; width: 102px; height: 83px; right: 0px; top: 0px; background: url(../images/dh.png); z-index: 1;}
.Spokesman .list li .con .txt .info{font-size: 16px; line-height: 26px; color: #666; position: relative; z-index: 2;}
@media ( max-width:1240px){
.culture h2{font-size: 30px; line-height: 30px;}
.culture .info{font-size: 18px; line-height: 26px;}
.BrandBox .list li .con h3{font-size: 20px;}
.BrandBox .list li .con p{font-size: 14px; line-height: 20px;}
.Spokesman .list li .con .name{font-size: 20px;}
.Spokesman .list li .con .name i{margin-top: 15px;}
}
@media ( max-width:768px){
.VisionBox .mask{position: static; width: auto; padding: 4%;}
.VisionBox .con{margin-top: 0;}
.culture h2{font-size: 20px;}
.BrandBox .list li,.BrandBox .list li:nth-child(2n){float: none; width: auto; margin: 2% 0;}
.Spokesman .list li{padding: 0; width: auto;}
.Spokesman .list li .sign{position: static; background: #004f99; width: 100%; line-height: 45px; height: auto; writing-mode: horizontal-tb; font-size: 20px;}
.Spokesman .list li .title{font-size: 18px; line-height: 24px;}
.Spokesman .list li .box{padding: 15px;}
.Spokesman .list li .pic,.Spokesman .list li .con{width: auto; float: none;}
.Spokesman .list li .con .txt .dh{display: none;}
}
@media ( max-width:480px){
.Spokesman .list li .pic .name{display: none;}
}
/* 浜у搧涓績 */
.mb3{margin-bottom: 3%;}
.mb4{margin-bottom: 4%;}
.ProMenu .item a{display: block; padding: 34px 0px 21px; background-size: 100% 100%; background-position: center center;}
.ProMenu .item .icon{width: 40px; height: 40px; position: relative; margin: 0 auto;}
.ProMenu .item .icon img{position: absolute; left: 0px; top: 0; width: 100%;}
.ProMenu .item .icon .i1{transition: 400ms;}
.ProMenu .item .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.ProMenu .item .icon.on .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.ProMenu .item .icon.on .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.ProMenu .item .name{display: block; text-align: center; color: #666; font-size: 16px;}
.ProMenu .on .item a{background-image: url(../images/pbg.png);}
.ProMenu .on .item .name{color: #fff;}
.ProMenu .owl-nav .owl-prev span,.ProMenu .owl-nav .owl-next span{width: 9px; height: 17px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -8px; z-index: 5;}
.ProMenu .owl-nav .owl-prev span{left: -7%; background-image: url(../images/left6.png);}
.ProMenu .owl-nav .owl-next span{right: -7%; background-image: url(../images/right6.png);}
.ProMenu .item.on span{color: #004f99;}
.Three_menu{text-align: center; display: flex; flex-direction: row;}
.Three_menu a{display: inline-block; flex: 1; margin: 1px 2px; background: #fff; padding: 15px 0px; line-height: 26px; width: 8%; font-size: 16px; color: #666666;}
.Three_menu a.on,.Three_menu a:hover{background: #004f99; color: #fff;}
.Left{border: 1px solid #ebebeb; width:213px; float: left; background: #fff;}
.Left.fixslider{position: fixed; top: 70px; z-index: 9;}
.Protit{padding: 16px 0; margin: 0px 18px; background: url(../images/line2.png) no-repeat left bottom; font-size: 16px; line-height: 22px; color: #004f99; font-weight: bold;}
.Four_menu{padding: 10px 0px 20px;}
.Four_menu li{padding: 0px 20px;}
.Four_menu li a{display: block; font-size: 14px; line-height: 20px; color: #4c4c4c; padding: 10px 15px 10px 0px; border-bottom: 1px dotted #d9d9d9;}
.Four_menu li.on{background: url(../images/bar2.png) no-repeat left center;}
.Four_menu li.on a{color: #004f99; background: url(../images/bar1.png) no-repeat right center;}
.Right{width: 74%; border: 1px solid #ebebeb; padding: 3%; float: right; background-image: url(../images/probg.jpg); background-size: cover;height:auto !important;height:300px;min-height:300px;}
.RightCon .Title01 span{font-size: 30px; color: #004f99;}
.mlr4{margin: 0 4%;}
.ProDetail .pic img{display: block; width: 100%;}
.ProDetail .con dl dt{font-size: 18px; line-height: 48px; color: #000;}
.ProDetail .con dl dd{position: relative; padding-left: 42px; line-height: 22px; margin: 3% 0; font-size: 16px; color: #747474;}
.ProDetail .con dl dd .num{position: absolute; left: 0px; top: 0px; width: 20px; line-height: 20px; border: 2px solid #004f99; border-radius: 50%; font-size: 14px; text-align: center; color: #004f99;}
@media ( max-width:1600px){
.ProMenu{padding: 0px 15px;}
.ProMenu .owl-nav .owl-prev span{left: -15px;}
.ProMenu .owl-nav .owl-next span{right: -15px;}
}
@media ( max-width:1366px){
.Three_menu a{font-size: 15px;}
}
@media ( max-width:1024px){
.Left.fixslider{position: static;}
.Left,.Right{width: auto; float: none;}
.Left{margin-bottom: 10px;}
.Protit{padding: 0px 15px; line-height: 40px;}
.Protit span{display: block; background: url(../images/arr7.png) no-repeat right center;}
.Three_menu a{line-height: 26px; width: auto; padding: 10px 15px; font-size: 14px;}
.Four_menu{display: none;}
}
@media ( max-width:768px){
.RightCon .Title01 span{font-size: 24px;}
.ProMenu .item .name{font-size: 16px;}
.Three_menu{display: block;}
.Three_menu a{line-height: 40px; padding: 0px 10px;}
}
@media ( max-width:480px){
.ProMenu .item a{padding: 20px 0px 15px;}
.Right{padding: 5% 3%;}
.RightCon .Title01 span{font-size: 20px;}
.ProDetail{margin: 0 2%;}
.ProDetail .con dl dt{font-size: 16px; line-height: 30px;}
.ProDetail .con dl dd{font-size: 14px; margin: 5% 0; padding-left: 32px;}
}
/* 浜у搧涓績2 */
.BigPro{width: 678px; border: 1px solid #ebf0f5; margin: 0 auto;}
.BigPro .flex-direction-nav a{line-height: 10000px; overflow: hidden; background-size: cover; top: 50%; margin-top: -27px; width: 54px; height: 54px;}
.BigPro .flex-direction-nav .flex-prev{left: 0; background-image: url(../images/left3.png);}
.BigPro .flex-direction-nav .flex-next{right: 0; background-image: url(../images/right3.png);}
.SmallPro{width: 400px; margin: 10px auto 0px;}
.SmallPro li a{display: block; border: 1px solid #ebebeb; margin: 0 5px;}
.SmallPro li.flex-active-slide a{border: 1px solid #004f99;}
.ProdataBox .hd{border-bottom: 2px solid #ebf0f5; box-shadow: 0px -5px 20px rgba(0,79,153,.1); margin-bottom: 3%;}
.ProdataBox .hd li{width: 33.3333%; float: left; text-align: center; position: relative;}
.ProdataBox .hd li i{position: absolute; width: 14px; height: 6px; left: 50%; margin-left: -7px; bottom: -6px; background: url(../images/arr13.png); display: none;}
.ProdataBox .hd li a{display: block; line-height: 62px; font-size: 18px; color: #004f99;}
.ProdataBox .hd li.on a{background: #004f99; color: #fff;}
.ProdataBox .hd li.on i{display: block;}
.ProdataBox .bd{background: #f4f5f7; padding: 3%;}
.xjPic{padding: 0px 60px; position: relative;}
.xjPic .item img{display: block; width: 100%;}
.xjPic .owl-nav .owl-prev span,.xjPic .owl-nav .owl-next span{width: 46px; height: 46px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -23px; z-index: 5;}
.xjPic .owl-nav .owl-prev span{left: -60px; background-image: url(../images/left3.png);}
.xjPic .owl-nav .owl-next span{right: -60px; background-image: url(../images/right3.png);}
@media ( max-width:768px){
.BigPro{width: auto;}
.BigPro .flex-direction-nav a{width: 30px; height: 30px; margin-top: -15px;}
.BigPro .flex-direction-nav .flex-prev{left: -15px;}
.BigPro .flex-direction-nav .flex-next{right: -15px;}
.ProdataBox .hd li a{line-height: 45px; font-size: 16px;}
.xjPic{padding: 0px 45px;}
.xjPic .owl-nav .owl-prev span,.xjPic .owl-nav .owl-next span{width: 35px; height: 35px; margin-top: -17px;}
.xjPic .owl-nav .owl-prev span{left: -45px;}
.xjPic .owl-nav .owl-next span{right: -45px;}
}
@media ( max-width:480px){
.SmallPro{width: auto;}
}
/* 鏈嶅姟浣撶郴 */
.WhatBox .con{font-size: 16px; line-height: 30px; color: #666666; padding-bottom: 124px;}
.WhatBox .pic img{display: block; width: 100%;}
.dots{position: absolute; left: 50%; margin-left: -6px; width: 13px; height: 133px;}
.dot1{top: -73px; background-image: url(../images/dot1.png);}
.dot2{top: -20px; background-image: url(../images/dot2.png);}
.dot3{height: 93px; top: -30px; background-image: url(../images/dot3.png);}
.ActionBox .box{background: #ebf0f5; padding: 2% 0;}
.ActionBox .box li{width: 33.333%; float: left; background: url(../images/line4.png) no-repeat right center; position: relative;}
.ActionBox .box li:nth-child(3){background: none;}
.ActionBox .box li .con{padding: 0 58px;}
.ActionBox .box li .con .icon{display: block; width: 110px; margin: 0 auto;}
.ActionBox .box li .con .title{font-size: 20px; line-height: 34px; color: #004f99; text-align: center;}
.ActionBox .box li.on .con .title{font-weight: bold; color: #0093dd;}
.ActionBox .box li .dot2{top: 150px; display: none;}
.ActionBox .box li.on .dots{display: block;}
.SupportBox{padding: 152px 0px 118px; display: none;}
.SupportBox .pic{width: 48.38%; float: left;}
.SupportBox .pic img{display: block; width: 100%;}
.SupportBox .con{width: 45.32%; float: right; padding-top: 5%;}
.SupportBox .con h3{font-size: 28px; line-height: 34px; color: #333; margin-bottom: 3%;}
.SupportBox .con .info{font-size: 16px; color: #666666; line-height: 30px;}
@media ( max-width:1240px){
.ActionBox .box li .con .icon{width: 60px;}
.ActionBox .box li.on .dots{display: none;}
.ActionBox .box li .con .title{font-size: 16px; line-height: 24px;}
.SupportBox{padding: 50px 0;}
}
@media ( max-width:768px){
.WhatBox .con{padding-bottom: 80px;}
.ActionBox .box li .con{padding: 0px 20px;}
.SupportBox .pic,.SupportBox .con{width: auto; float: none;}
.SupportBox .con h3{font-size: 20px; line-height: 20px;}
}
@media ( max-width:480px){
.ActionBox .box li{width: auto; float: none; margin: 0px 15px; padding: 15px 0px; border-bottom: 1px solid #fff; background: none; text-align: center;}
.ActionBox .box li:last-child{border-bottom: none;}
}
/* 鍞悗鏈嶅姟 */
.Service_idea{background: #ebf0f5;}
.Service_idea .pic{width: 50%; float: left;}
.Service_idea .pic img{display: block; width: 100%;}
.Service_idea .con{padding: 5%; width: 40%; float: right;}
.Service_idea .con .info{font-size: 16px; color: #666; line-height: 30px; margin-top: 5%;}
.ServiceList li{width: 31.333%; float: left; margin: 0 3% 2% 0; background: #ebf0f5;}
.ServiceList li:nth-child(3n){margin-right: 0;}
.ServiceList li a{display: block; padding: 45px 30px;}
.ServiceList li .con{position: relative;}
.ServiceList li .con .icon{position: absolute; left: 0px; top: 50%; margin-top: -45px; width: 90px; height: 90px;}
.ServiceList li .con .icon img{position: absolute; width: 100%; left: 0px; top: 0px;}
.ServiceList li .con .icon .i1{transition: 400ms;}
.ServiceList li .con .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.ServiceList li .con .title{font-size: 18px; line-height: 28px; height: 90px; display: flex; align-items: center; color: #4c4c4c; margin-left: 115px;}
.ServiceList li:hover .con .title{color: #004f99;}
.ServiceList li:hover .con .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.ServiceList li:hover .con .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
@media ( max-width:1240px){
.ServiceList li a{padding: 20px;}
.ServiceList li .con .icon{margin: 0 auto 10px; position: relative; margin-top: 0;}
.ServiceList li .con .title{display: block; margin: 0; height: 56px; font-size: 16px; text-align: center;}
}
@media ( max-width:998px){
.ServiceList li{width: 48%; margin-right: 0;}
.ServiceList li:nth-child(2n){float: right;}
}
@media ( max-width:768px){
.Service_idea .pic,.Service_idea .con{width: auto; float: none;}
}
@media ( max-width:480px){
.ServiceList li,.ServiceList li:nth-child(2n){width: auto; float: none;}
.ServiceList li .con .icon{width: 70px; height: 70px;}
.ServiceList li .con .title{height: auto;}
}
/* 璇鸿剦绉 */
.ThreeMenu{text-align: center; border-bottom: 1px solid #ebf0f5;}
.ThreeMenu a{display: inline-block; padding: 0px 30px; font-size: 18px; line-height: 54px; color: #004f99; font-weight: bold;}
.ThreeMenu a.on{background: url(../images/bluebg.png) repeat-x; color: #fff;}
.NmkCon .info{font-size: 16px; line-height: 30px; color: #666;}
.PicsLider .swiper-pagination{position: static; margin-top: 25px;}
.PicsLider .swiper-pagination-bullet{width: 40px; height: 42px; line-height: 42px; background: none; font-size: 16px; color: #333; border-bottom: 2px solid #fff; opacity: 1;}
.PicsLider .swiper-pagination-bullet-active{border-bottom: 2px solid #004f99; color: #004f99; font-weight: bold; border-radius: 0;}
.PicsLider .swiper-button-next,.PicsLider .swiper-button-prev{z-index: 9; width: 60px; height: 60px; top: 50%; margin-top: -30px; background-repeat: no-repeat; background-size: cover;}
.PicsLider .swiper-button-next,.PicsLider .swiper-container-rtl .swiper-button-prev{right: 0px; background-image: url(../images/right2.jpg);}
.PicsLider .swiper-button-prev,.PicsLider .swiper-container-rtl .swiper-button-next{left: 0px; background-image: url(../images/left2.jpg);}
.PicsLider .swiper-button-next:hover,.PicsLider .swiper-container-rtl .swiper-button-prev:hover{background-image: url(../images/righton2.jpg);}
.PicsLider .swiper-button-prev:hover,.PicsLider .swiper-container-rtl .swiper-button-next:hover{background-image: url(../images/lefton2.jpg);}
.TabList{background: #fff; display:table; width: 100%;}
.TabList ul{display:table-row;}
.TabList .thead{line-height: 30px; font-size: 16px; color: #fff; background: #697882; font-weight: bold;}
.TabList .con{font-size: 14px; line-height: 28px; color: #394853; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
.TabList ul li{display:table-cell; vertical-align: middle; padding: 15px 0px; background: url(../images/line5.jpg) repeat-y right top; border-bottom: 1px solid #e6e6e6;}
.TabList ul li.w1{width: 22.5%;}
.TabList ul li.w2{width: 52.5%;}
.TabList ul li.w3{width: 25%;}
.TabList ul li span{display: block; padding: 0px 20px;}
.TabList li:last-child{background: none;}
@media ( max-width:1024px){
.ThreeMenu a{font-size: 16px; padding: 0px 15px; line-height: 40px;}
.PicsLider .swiper-pagination{margin-top: 0;}
.TabList .con{line-height: 24px;}
.TabList ul li{padding: 10px 0px;}
.PicsLider .swiper-button-next,.PicsLider .swiper-button-prev{width: 40px; height: 40px; margin-top: -20px;}
}
@media ( max-width:480px){
.TabList .thead{display: none;}
.TabList,.TabList ul,.TabList ul li{display: block;}
.TabList .con{border: none; border-bottom: 1px solid #e6e6e6; padding: 15px 0px;}
.TabList ul li{width: auto !important; background: none; border-bottom: none; padding: 0;}
}
/* 鍐诲共瀹為獙瀹 */
.Title02 span{font-size: 28px; color: #333; line-height: 40px; font-weight: bold;}
.Title02 i{display: block; width: 30px; height: 1px; background: #004f99; margin-top: 13px;}
.FreezeBox .box .boxlist{padding-bottom: 1.5%; margin-bottom: 3%; border-bottom: 1px dotted #d9d9d9;}
.FreezeBox .box .boxlist:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.FreezeBox .box .title{font-size: 24px; color: #333; line-height: 120px; text-align: center; background: #ebf0f5; font-weight: bold; position: relative;}
.FreezeBox .box .title i{position: absolute; width: 26px; height: 13px; bottom: -13px; left: 50%; margin-left: -13px; background: url(../images/arr4.png);}
.FreezeBox .box .con{margin-top: 4%; font-size: 16px; line-height: 30px; color: #666;}
.FreezeBox .box .con .info{margin: 3% 0 2%;}
.FreezeBox .box .con h3{color: #004f99; font-size: 20px;}
.FreezeBox .box .con .list li{padding: 15px 0px; font-weight: bold;}
.FreezeBox .box .con .list li .licon{font-size: 18px; line-height: 31px; color: #333; background-repeat: no-repeat; background-position: left 14px; padding-left: 27px; background-image: url(../images/arr5.png);}
.FreezeBox .box .con dl{margin-top: 3%;}
.FreezeBox .box .con dl dd{width: 31.333%; float: left; margin: 0 3% 2% 0;}
.FreezeBox .box .con dl dd:nth-child(3n){margin-right: 0;}
.FreezeBox .box .con dl dd .effect-img{border: 1px solid #e6e6e6;}
.FreezeBox .box .con dl dd .effect-img img{display: block; width: 100%;}
@media ( max-width:1366px){
.FreezeBox .box .title{line-height: 80px;}
}
@media ( max-width:1240px){
.Title02 span{font-size: 24px;}
}
@media ( max-width:480px){
.Title02 span{font-size: 20px; line-height: 26px;}
.FreezeBox .box .title{font-size: 20px; line-height: 60px;}
.FreezeBox .box .con .list li{padding: 15px 0px;}
.FreezeBox .box .con .list li .licon{font-size: 16px; line-height: 26px; padding-left: 18px; background-position: left 10px;}
.FreezeBox .box .con dl dd{width: 48%; margin-right: 0;}
.FreezeBox .box .con dl dd:nth-child(2n){float: right;}
}
/* 闆嗗洟鏂伴椈 */
.NewsList li{padding: 3% 0;}
.NewsList li:nth-child(2n){background: #f5f5f5;}
.NewsList li .effect-img{width: 34.7222%; float: left; position: relative;}
.NewsList li .effect-img img{display: block; width: 100%;}
.NewsList li .con{width: 59.93%; float: right; padding-top: 2%;}
.NewsList li .con .title{margin-bottom: 15px;}
.NewsList li .con .title span{display: block; height: 32px; line-height: 32px; font-size: 22px; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.NewsList li .con .title i{display: block; width: 30px; height: 1px; margin-top: 5px; background: #004f99;}
.NewsList li .con .info{font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #666; margin: 2.5% 0;}
.NewsList li .con .date{background: url(../images/mon1.png) no-repeat left center; font-size: 14px; color: #666; padding-left: 30px; margin-bottom: 15px;}
.NewsList li .con .more{display: block; width: 178px; line-height: 58px; background: #fff; text-align: center; border: 1px solid #e6e6e6; font-size: 14px; color: #004f99; font-weight: bold;}
.NewsList li .con .more i{display: inline-block; width: 7px; height: 8px; margin-left: 20px; vertical-align: middle; background: url(../images/more2.png);}
.NewsList li:hover{background: #f5f7f9;}
.NewsList li:hover .con .title span{color: #004f99;}
.NewsList li:hover .con .more{background: #004f99; color: #fff;}
.NewsList li:hover .con .more i{background: url(../images/more5.png);}
.LoadMore{display: block; text-align: center; padding: 4% 0; font-size: 14px; color: #666; font-weight: bold;}
.LoadMore i{margin-left: 20px;}
@media ( max-width:1024px){
.NewsList li .con .title span{font-size: 16px; height: 26px; line-height: 26px;}
.NewsList li .con .more{width: 140px; line-height: 45px;}
}
@media ( max-width:640px){
.NewsList li .effect-img,.NewsList li .con{width: auto; float: none;}
}
/* 璇︽儏椤 */
.NewsDetail{max-width: 960px; min-width: 320px; margin: 0 auto;}
.NewsDetail .title{color: #333; font-weight: bold; margin-bottom: 5%;}
.NewsDetail .title .date{display: block; font-size: 18px; line-height: 37px;}
.NewsDetail .title h2{font-size: 28px; line-height: 52px;}
.NewsDetail .title i{display: block; width: 40px; height: 2px; background: #004f99; margin: 20px 0;}
.Single{font-size: 14px; color: #333; line-height: 24px;}
.Single p{margin-bottom: 20px;}
.PrevNext{border-top: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; padding: 24px 0px; position: relative;}
.PrevNext dl{font-size: 10px; line-height: 36px; color: #4b4b4b;}
.PrevNext dl a{color: #4b4b4b;}
.PrevNext dl b{font-weight: normal;}
.PrevNext dl:hover a{color: #004f99;}
@media ( max-width:1024px){
.NewsDetail{padding: 0px 15px;}
.NewsDetail .title h2{font-size: 30px; line-height: 34px;}
}
@media ( max-width:768px){
.NewsDetail .title h2{font-size: 20px; line-height: 24px;}
.NewsDetail .title i{margin-top: 10px;}
}
/* 鍒嗗瓙鍏徃 */
.comhd{box-shadow: 0px 5px 20px rgba(0,59,115,0.25); position: relative; z-index: 3;}
.comhd ul{text-align: center; font-size: 0;}
.comhd li{width: 25%; display: inline-block; background: url(../images/line6.jpg) repeat-y left top; text-align: center; position: relative; border-bottom: 1px solid #ebf0f6; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.comhd li:nth-child(4) a,.comhd li:nth-last-child(2) a{background: url(../images/line6.jpg) repeat-y right top;}
.comhd li a{display: block; padding: 30px;}
.comhd li .icon{display: inline-block;}
.comhd li .name{display: none; font-size: 16px; line-height: 22px; color: #808080; font-weight: bold; margin-top: 15px; height: 44px; overflow: hidden;}
.comhd li .mask{position: absolute; left: 0; right: 0; top: 0px; bottom: 0; background-size: 100% 100%; background-image: url(../images/shadow.png); opacity: 0; transition: 300ms; display: none;}
.comhd li.on,.comhd li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.comhd li.on .name,.comhd li:hover .name{color: #666;}
.FzAbout .con{width: 44%;}
.FzAbout .con .info{height: 410px; font-size: 14px; line-height: 30px;}
.FzAbout .pic{width: 50%;}
.fzboxbg{background-image: url(../images/boxbg1.jpg);}
.CommonMore{display: inline-block; width: 178px; line-height: 58px; background: #fff; text-align: center; border: 1px solid #e6e6e6; font-size: 14px; color: #004f99; font-weight: bold;}
.CommonMore img{display: inline-block; margin: 25px 0px 0px 20px;}
.ProductBox{background-image: url(../images/boxbg7.jpg); padding: 5% 0;}
.ProductBox .con{width: 63%; float: left;}
.ProductBox .con .info{font-size: 16px; line-height: 24px; max-height: 150px; overflow: hidden; color: #666; margin-bottom: 4%;}
.PicSlider{width: 30%; float: right;}
.PicSlider .item img{display: block; width: 100%;}
.PicSlider .owl-nav .owl-prev span,.PicSlider .owl-nav .owl-next span{width: 54px; height: 54px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -27px; z-index: 5;}
.PicSlider .owl-nav .owl-prev span{left: -69px; background-image: url(../images/left4.png);}
.PicSlider .owl-nav .owl-next span{right: -69px; background-image: url(../images/right4.png);}
@media ( max-width:1366px){
.comhd li .mask{left: -24px; right: -24px;}
.PicSlider .owl-nav .owl-prev span, .PicSlider .owl-nav .owl-next span{width: 35px; height: 35px; margin-top: -17px;}
.PicSlider .owl-nav .owl-prev span{left: -45px;}
.PicSlider .owl-nav .owl-next span{right: -45px;}
}
@media ( max-width:1024px){
.comhd li .mask{left: -18px; right: -18px;}
.comhd li .name{margin-top: 5px;}
.FzAbout .con .info{height: 270px;}
.CommonMore{width: 140px; line-height: 45px;}
.CommonMore img{margin-top: 18px;}
.PicSlider .owl-nav .owl-prev span{left: 0px;}
.PicSlider .owl-nav .owl-next span{right: 0px;}
}
@media ( max-width:768px){
.comhd li a{padding: 15px;}
.comhd li .mask{left: -13px; right: -13px;}
.comhd li .name{display: none;}
}
@media ( max-width:640px){
.comhd li .mask{left: -10px; right: -10px;}
.ProductBox .con,.PicSlider{width: auto; float: none;}
.ProductBox .con{margin-bottom: 4%;}
.comhd li{width: 33.3333%;}
.comhd li:nth-child(3n) a{background: url(../images/line6.jpg) repeat-y right top;}
.comhd li:nth-child(4) a{background: none;}
.comhd li:nth-last-child(2) a{background: url(../images/line6.jpg) repeat-y right top;}
}
@media ( max-width:480px){
.comhd li a{padding: 15px 5px;}
.comhd li .mask{left: -5px; right: -5px;}
}
/* 鍏ㄧ悆鏈嶅姟 */
.NetworkBox h2{font-size: 42px; line-height: 180px; background-image: url(../images/mask6.jpg); text-align: center; color: #fff;}
.NetworkBox .title{text-align: center; margin-bottom: 5%;}
.NetworkBox .title img{display: inline-block; width: 240px; margin-bottom: 20px;}
.NetworkBox .title h3{font-size: 28px; color: #333; line-height: 40px;}
.NetAbout{padding-top: 3%;}
.NetAbout .pic img{display: block; width: 100%;}
.NetAbout .con{font-size: 16px; line-height: 36px; color: #4c4c4c; text-align: center;}
.OtherBox{border-top: 1px solid #004f99;}
.OtherBox .list{margin-bottom: 2%;}
.OtherBox .list li{width: 31.333%; float: left; margin: 0 3% 3% 0; background: #fff; position: relative;}
.OtherBox .list li:nth-child(3n){margin-right: 0;}
.OtherBox .list li .dian{position: absolute; width: 8px; height: 8px; background: #00a0e9; top: -4px; left: 50%; margin-left: -4px;}
.OtherBox .list li .con{padding: 48px 26px 0px; height: 413px;}
.OtherBox .list li .con dl{margin-bottom: 5%; font-size: 14px; color: #333; line-height: 24px; text-align: center;}
.OtherBox .list li .con dl h3{font-size: 16px;}
.OtherBox .btns{text-align: center;}
.OtherBox .btns a{display: inline-block; padding: 0px 24px; line-height: 46px; font-size: 16px; color: #00a0e9; border: 1px solid #00a0e9; margin: 0px 15px;}
.OtherBox .btns a img{display: inline-block; vertical-align: middle; margin-right: 10px;}
@media ( max-width:1240px){
.dot3{display: none;}
.NetworkBox .title h3{font-size: 24px; line-height: 30px;}
}
@media ( max-width:768px){
.NetworkBox h2{font-size: 30px; line-height: 120px;}
.NetworkBox .title img{width: 150px; margin-bottom: 10px;}
.NetworkBox .title h3{font-size: 20px; line-height: 24px;}
.OtherBox .list li{width: auto; float: none; margin-right: 0;}
.OtherBox .list li .con{height: auto; padding: 30px 15px;}
.OtherBox .list li .con dl{margin-bottom: 15px;}
.OtherBox .list li .con dl:last-child{margin-bottom: 0;}
.OtherBox .btns a{padding: 0px 15px; margin: 5px; line-height: 36px;}
}
/* 鏂囦欢涓嬭浇 */
.DownBox{padding: 5% 3%;}
.DownBox .title{text-align: center; font-size: 32px; line-height: 34px; color: #004f99; margin-bottom: 3%; font-weight: bold;}
.DownBox .tit{font-size: 18px; line-height: 30px; text-align: center; margin-bottom: 1.5%;}
.datacon dd{width: 55%; float: left; line-height: 40px; font-weight: bold;}
.datacon dd:nth-child(2n){float: right; width: auto;}
.datacon dd .name{float: left; font-size: 18px; color: #004f99;}
.datacon dd img{display: inline-block; vertical-align: middle; margin-right: 8px;}
.datacon dd h3{font-size: 20px;}
.datacon dd span{float: right; font-size: 16px; color: #004f99;}
.datacon dd .link{font-size: 18px; display: none;}
.DownCon .Dtit{font-size: 22px; margin-bottom: 20px; line-height: 30px; color: #000;}
.DownCon .con{padding: 3%; font-size: 16px; color: #333; line-height: 30px; background: #f5f5f5; box-shadow: 0px 0px 20px rgba(231,231,231,0.35) inset;}
.DownCon .list{margin-top: 20px;}
.DownCon .list li{width: 49.5%; float: left; margin-bottom: 4px; background: #e5e5e5; line-height: 56px; font-size: 16px; color: #333;}
.DownCon .list li:nth-child(2n){float: right;}
.DownCon .list li.on{background: #7e8385;}
.DownCon .list li .box{padding: 0px 10px;}
.DownCon .list li .box .kb{float: right;}
.DownCon .list li .box .icon{margin-right: 10px; display: inline-block; vertical-align: middle;}
.DownCon .down{display: block; width: 150px; line-height: 50px; margin: 5% auto 0; font-size: 16px; color: #fff; background: #004f99; text-align: center;}
@media ( max-width:1240px){
.DownBox .title{font-size: 24px; line-height: 30px;}
}
@media ( max-width:1024px){
.datacon dd,.datacon dd:nth-child(2n){width: auto; float: none;}
}
@media ( max-width:768px){
.DownBox .title{font-size: 20px;}
.DownCon .con,.DownCon .list{height: auto;}
.DownCon .list li,.DownCon .list li:nth-child(2n){width: auto; float: none; line-height: 45px;}
}
@media ( max-width:480px){
.datacon dd .name{font-size: 16px;}
.datacon dd span{font-size: 14px !important;}
.DownCon .list li .box .kb{font-size: 14px;}
}
/* 灞曚細鍒楄〃 */
.ShowFirst{padding: 3% 0 4%;}
.ShowFirst .pic{width: 55.555%; float: left;}
.ShowFirst .pic img{display: block; width: 100%;}
.ShowFirst .box{width: 40.27777%; float: right; padding-top: 4%;}
.ShowFirst .box .con{border: 1px solid #e6e6e6; border-right: none; border-bottom: none;}
.ShowFirst .box .con li{width: 50%; float: left; line-height: 48px; font-size: 14px; color: #004f99; border-bottom: 1px solid #e6e6e6;}
.ShowFirst .box .con li.i3{width: auto; float: none;}
.ShowFirst .box .con li p{padding: 0px 10px; border-right: 1px solid #e6e6e6;}
.ShowFirst .box .con li b{color: #b3b3b3; display: inline-block; padding-left: 30px; background-repeat: no-repeat; background-position: left center;}
.ShowFirst .box .con li.i1 b{background-image: url(../images/mon1.png);}
.ShowFirst .box .con li.i2 b{background-image: url(../images/mon2.png);}
.ShowFirst .box .con li.i3 b{background-image: url(../images/mon3.png);}
.ShowFirst .box .info{font-size: 16px; line-height: 26px; max-height: 52px; overflow: hidden; margin: 4% 0 6%;}
.ShowFirst .box .CommonMore{background: #f5f5f5;}
.ShowList dl{margin-top: 2%;}
.ShowList dl dd{background: #f5f5f5; padding: 2% 0;}
.ShowList dl dd:nth-child(2n){background: #fff;}
.ShowList dl dd:last-child{margin-bottom: 0;}
.ShowList dl dd .tit{font-size: 22px; color: #333; line-height: 22px; font-weight: bold;}
.ShowList dl dd .con{border: 1px solid #ccc; margin: 2% 0;}
.ShowList dl dd .con li{width: 23.5%; float: left; line-height: 48px; font-size: 14px; color: #000;}
.ShowList dl dd .con li.i3{width: 53%;}
.ShowList dl dd .con li.i3 p{border-right: none;}
.ShowList dl dd .con li p{padding: 0px 10px; border-right: 1px solid #ccc;}
.ShowList dl dd .con li b{color: #b3b3b3; display: inline-block; padding-left: 30px; background-repeat: no-repeat; background-position: left center;}
.ShowList dl dd .con li.i1 b{background-image: url(../images/mon1.png);}
.ShowList dl dd .con li.i2 b{background-image: url(../images/mon2.png);}
.ShowList dl dd .con li.i3 b{background-image: url(../images/mon3.png);}
.ShowList dl dd .more{display: block; width: 128px; line-height: 46px; color: #004f99; font-size: 14px; text-align: center; background: #fff; border: 1px solid #d9d9d9; font-weight: bold;}
.ShowList dl dd:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1); background: #e1e9f1;}
@media ( max-width:1200px){
.ShowFirst .pic,.ShowFirst .box{width: auto; float: none; padding-top: 3%;}
.ShowFirst .box .info{margin: 3% 0;}
.ShowList dl dd .tit{font-size: 18px; line-height: 28px;}
.ShowList dl dd .con li{width: 50%; border-bottom: 1px solid #ccc;}
.ShowList dl dd .con li.i3{width: auto; float: none; clear: both; border-bottom: none;}
.ShowList dl dd .con li.i2 p{border-right: none;}
.ShowList dl dd .con li p{height: auto !important;}
}
@media ( max-width:480px){
.ShowFirst .box .con{border-right: 1px solid #e6e6e6;}
.ShowFirst .box .con li,.ShowList dl dd .con li{width: auto; float: none; line-height: 24px; padding: 10px 0px;}
.ShowFirst .box .con li p,.ShowList dl dd .con li p{border-right: none;}
}
/* 瑙ｅ喅鏂规 */
.SoluteMain{background-image: url(../images/boxbg14.jpg);}
.BigSolute .Title01{max-width: 1000px; margin: 0 auto;}
.BigSolute .img img{display: block; width: 100%;}
.BigSolute dl dd{position: absolute;}
.solute1 .box{width: 693px; margin: 0 auto;}
.solute1 dl dd.i1{left: 180px; top: 122px;}
.solute1 dl dd.i2{left: 110px; top: 234px;}
.solute1 dl dd.i3{left: 243px; top: 157px;}
.solute1 dl dd.i4{left: 218px; top: 237px;}
.solute1 dl dd.i5{left: 277px; top: 210px;}
.solute1 dl dd.i6{left: 348px; top: 72px;}
.solute1 dl dd.i7{left: 348px; top: 182px;}
.solute1 dl dd.i8{left: 460px; top: 162px;}
.solute1 dl dd.i9{left: 480px; top: 246px;}
.solute1 dl dd.i10{left: 602px; top: 146px;}
.BigSolute dl dd .hidebox{display: none; padding: 23px 0px 35px 130px; background-image: url(../images/linebg.png); background-size: 100% 100%; width: 260px; height: 360px; z-index: 5; position: absolute; left: 27px; top: 50%; margin-top: -160px;}
.BigSolute dl dd .hidebox .hidecon{background-image: url(../images/maskbg.png); background-size: 100% 100%; padding: 15px 18px 20px; box-shadow: 10px 0px 25px rgba(0,37,71,0.25);}
.BigSolute dl dd .hidebox .simg img{display: block; width: 100%; }
.BigSolute dl dd .hidebox .con{text-align: center; margin: 10px 0 0px; opacity: 0;}
.BigSolute dl dd .hidebox .title{margin: 0px 0px 5px; height: 100px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.BigSolute dl dd .hidebox .title span{display: block; font-size: 16px; line-height: 20px; color: #000; width: 100%; word-break: keep-all;}
.BigSolute dl dd .hidebox .title i{display: block; width: 20px; height: 1px; background: #ccc; margin: 10px auto 0;}
.BigSolute dl dd .hidebox .info{font-size: 14px; height: 24px; height: 48px; overflow: hidden; color: #666; display: none;}
.BigSolute dl dd .hidebox .more{float: right; width: 92px; line-height: 26px; background: #00a0e9; border-radius: 20px; font-size: 14px; text-align: center; color: #fff; margin-top: 18px;}
.BigSolute dl dd .hidebox .more i{margin-left: 10px; font-family: "瀹嬩綋";}
.BigSolute dl dd .jia{display: block; position: relative; z-index: 3;}
.BigSolute dl dd .jia span{position: relative; z-index: 2; display: block; width: 12px; height: 12px; background: rgba(0,160,233,0.8); border-radius: 50%;}
.BigSolute dl dd .jia:before{content:'';display:inline-block;position:absolute; top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); background:#fff;border-radius:50%;opacity:1;-webkit-transform:scale(0);transform:scale(0);height:100%;width:100%; -webkit-animation:pulsehover 3s ease infinite;animation:pulsehover 3s ease infinite;}
.BigSolute dl dd .jia:after{content:"";position:absolute;width:28px;height:28px;border:2px solid #fff;border-radius:50%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;box-shadow:0 0 10px rgba(0,0,0,0.3); transform:translate(-50%,-50%) scale(0.3)}
.BigSolute dl dd:hover .jia span{background: #004f99; color: #004f99;}
.BigSolute dl dd .jia:hover:before{-webkit-animation:pulsehover 1s ease infinite;animation:pulsehover 1s ease infinite;}
.BigSolute dl dd .jia:hover:after{transform:translate(-50%,-50%) scale(0.5)}
.BigSolute dl dd:hover .hidebox{display: block;}
.BigSolute dl dd:hover .hidebox .simg,.BigSolute dl dd:hover .hidebox .con{-webkit-animation-name: move_left; animation-name: move_left; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.BigSolute dl dd:hover .hidebox .con{animation-delay:0.5s;}
@-webkit-keyframes pulse{
0%{opacity:1;
-webkit-transform:scale(0);transform:scale(0)}
20%,100%{opacity:0;
-webkit-transform:scale(4);transform:scale(4)}
}
@keyframes pulse{
0%{opacity:1;
-webkit-transform:scale(0);transform:scale(0)}
20%,100%{opacity:0;
-webkit-transform:scale(4);transform:scale(4)}
}
@-webkit-keyframes pulsehover{
0%{opacity:1;
-webkit-transform: translate(-50%,-50%) scale(0); transform:translate(-50%,-50%) scale(0);
}
100%{opacity:0;
-webkit-transform: translate(-50%,-50%) scale(5); transform:translate(-50%,-50%) scale(5);
}
}
@keyframes pulsehover{
0%{opacity:1;
-webkit-transform: translate(-50%,-50%) scale(0);transform: translate(-50%,-50%) scale(0)
}
100%{opacity:0;
-webkit-transform: translate(-50%,-50%) scale(5);transform: translate(-50%,-50%) scale(5)
}
}
@-webkit-keyframes move_left {
from {
opacity: 0;
-webkit-transform: translateX(-120px);
transform: translateX(-120px);
}
to {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes move_left {
from {
opacity: 0;
-webkit-transform: translateX(-120px);
transform: translateX(-120px);
}
to {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
.BigSolute .flex-direction-nav a{line-height: 10000px; overflow: hidden; background-size: cover; top: auto; margin-top: 0; bottom: 10%; width: 54px; height: 54px;}
.BigSolute .flex-direction-nav .flex-prev{left: 5%; background-image: url(../images/left2.png);}
.BigSolute .flex-direction-nav .flex-next{right: 5%; background-image: url(../images/right2.png);}
.SmallSolute{width: 750px; margin: 0 auto;}
.SmallSolute .slides li{text-align: center; padding: 20px 0;}
.SmallSolute .slides li .img{display: inline-block; vertical-align: middle; margin-top: 5%; border: 2px solid #fff; background: #f5f8fa; border-radius: 50%; width: 50%;}
.SmallSolute .slides li .img img{display: block; width: 100%;}
.SmallSolute .slides li span{display: none; font-size: 16px; line-height: 28px; margin-top: 15px; color: #333;}
.SmallSolute .slides li.flex-active-slide .img{width: 65%; background: #fff; box-shadow: 0px 4px 20px rgba(0,46,89,0.3); margin-top: 0;}
.SmallSolute .slides li.flex-active-slide span{display: block;}
@media ( max-width:1440px){
.BigSolute dl dd .hidebox{background-image: url(../images/linebg2.png); padding: 13px 0px 26px 70px; width: 220px; height: 325px; margin-top: -75px;}
}
@media ( max-width:1100px){
.BigSolute,.Title01{max-width: none;}
}
@media ( max-width:768px){
.BigSolute dl dd:hover .hidebox{display: none;}
.BigSolute .flex-direction-nav a{bottom: auto; width: 30px; height: 30px; top: 50%; margin-top: -15px;}
.BigSolute .flex-direction-nav .flex-prev{left: 0;}
.BigSolute .flex-direction-nav .flex-next{right: 0;}
.SmallSolute{display: none;}
}
@media ( max-width:640px){
.solute1 .box{width: auto;}
.solute1 dl dd.i1{left: 150px; top: 100px;}
.solute1 dl dd.i2{left: 88px; top: 216px;}
.solute1 dl dd.i3{left: 193px; top: 157px;}
.solute1 dl dd.i4{left: 176px; top: 204px;}
.solute1 dl dd.i5{left: 238px; top: 168px;}
.solute1 dl dd.i6{left: 317px; top: 60px;}
.solute1 dl dd.i7{left: 310px; top: 165px;}
.solute1 dl dd.i8{left: 388px; top: 162px;}
.solute1 dl dd.i9{left: 407px; top: 213px;}
.solute1 dl dd.i10{left: 511px; top: 137px;}
}
@media ( max-width:480px){
.BigSolute .box{-webkit-transform: scale3d(0.8,0.8,1);transform: scale3d(0.8,0.8,1);}
.solute1 dl dd.i1{left: 82px; top: 56px;}
.solute1 dl dd.i2{left: 47px; top: 112px;}
.solute1 dl dd.i3{left: 105px; top: 88px;}
.solute1 dl dd.i4{left: 107px; top: 118px;}
.solute1 dl dd.i5{left: 136px; top: 105px;}
.solute1 dl dd.i6{left: 176px; top: 24px;}
.solute1 dl dd.i7{left: 174px; top: 93px;}
.solute1 dl dd.i8{left: 222px; top: 80px;}
.solute1 dl dd.i9{left: 238px; top: 116px;}
.solute1 dl dd.i10{left: 292px; top: 68px;}
}
/* 19-11-12 */
.xjPic{padding: 0px 60px; position: relative;}
.xjPic .item img{display: block; width: 100%;}
.xjPic .owl-nav .owl-prev span,.xjPic .owl-nav .owl-next span{width: 46px; height: 46px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -23px; z-index: 5;}
.xjPic .owl-nav .owl-prev span{left: -60px; background-image: url(../images/left.png);}
.xjPic .owl-nav .owl-next span{right: -60px; background-image: url(../images/right.png);}
@media ( max-width:768px){
.xjPic{padding: 0px 45px;}
.xjPic .owl-nav .owl-prev span,.xjPic .owl-nav .owl-next span{width: 35px; height: 35px; margin-top: -17px;}
.xjPic .owl-nav .owl-prev span{left: -45px;}
.xjPic .owl-nav .owl-next span{right: -45px;}
}
/* 19-11-25 */
#particles-js{position: absolute; width: 100%; height: 100%; left: 0px; top: 0;}
.NoticeBox{padding: 0px 70px 0px 50px; background: #fff url(../images/news.png) no-repeat 10px center; position: relative; font-size: 16px; margin-top: 20px;}
.NoticeBox .more{position: absolute; right: 10px; top: 0px; line-height: 50px; color: #333;}
.NoticeBox .more i{display: inline-block; margin-left: 10px; color: #999; font-family: "瀹嬩綋";}
.NoticeBox .box li{height: 50px; line-height: 50px; overflow: hidden;}
.NoticeBox .box li a{color: #333;}
.NoticeBox .box li .date{color: #999; font-size: 14px; margin-right: 10px;}
@media ( max-width:768px){
.NoticeBox .box li .date{display: none;}
}
.NewsDetail .detail{display: inline-block; font-size: 14px; padding: 0px 15px; background: #faa50a; color: #333; text-indent: 0; text-align: center; margin-left: 15px;}
.NewsDetail .detail:hover{background: #eb780a; color: #fff;}
/* 20-04-01 */
.FixBox{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; background: rgba(0,0,0,.6); display: none;}
.DucuBox{position: absolute; width: 380px; height: 380px; left: 50%; top: 50%; margin: -190px 0 0 -190px;}
.DucuBox .close{width: 18px; height: 18px; background-image: url(../images/close.png); background-size: cover; position: absolute; right: 10px; top: 10px;}
.DucuBox .Fillinfo{padding: 50px 20px;}
.DucuBox .Fillinfo h3{text-align: center; color: #333; margin-bottom: 20px; font-size: 20px; line-height: 30px;}
.DucuBox .Fillinfo li{border: 1px solid #e5e5e5; padding: 0 10px; margin-bottom: 15px;}
.DucuBox .Fillinfo li .input{width: 100%; height: 40px; font-size: 14px; color: #333;}
.DucuBox .Fillinfo .btn{width: 100%; height: 40px; font-size: 16px; background: #004f99; color: #fff;}
.DucuBox .Sucessbox{padding: 100px 30px; text-align: center;}
.DucuBox .Sucessbox .icon{display: block; width: 60px; margin: 0 auto;}
.DucuBox .Sucessbox .over{display: block; font-size: 20px; color: #004f99; line-height: 30px; margin: 10px 0 25px;}
.DucuBox .Sucessbox .info{font-size: 14px; line-height: 24px; color: #999;}
/* 20-04-14 */
.solute2 .box{width: 885px; margin: 0 auto;}
.solute2 dl dd.i1{left: 180px; top: 130px;}
.solute2 dl dd.i2{left: 163px; top: 199px;}
.solute2 dl dd.i3{left: 198px; top: 274px;}
.solute2 dl dd.i4{left: 262px; top: 323px;}
.solute2 dl dd.i5{left: 372px; top: 307px;}
.solute2 dl dd.i6{left: 458px; top: 260px;}
.solute2 dl dd.i7{left: 456px; top: 140px;}
.solute2 dl dd.i8{left: 340px; top: 144px;}
.solute2 dl dd.i9{left: 718px; top: 262px;}
.solute3 .box{width: 693px; margin: 0 auto;}
.solute3 dl dd.i1{left: 270px; top: 55px;}
.solute3 dl dd.i2{left: 205px; top: 235px;}
.solute3 dl dd.i3{left: 386px; top: 186px;}
.solute3 dl dd.i4{left: 370px; top: 347px;}
.solute3 dl dd.i5{left: 515px; top: 248px;}
.solute4 .box{width: 814px; margin: 0 auto;}
.solute4 dl dd.i1{left: 245px; top: 190px;}
.solute4 dl dd.i2{left: 192px; top: 239px;}
.solute4 dl dd.i3{left: 347px; top: 266px;}
.solute4 dl dd.i4{left: 457px; top: 348px;}
.solute4 dl dd.i5{left: 504px; top: 372px;}
.solute4 dl dd.i6{left: 606px; top: 275px;}
.solute5 .box{width: 750px; margin: 0 auto;}
.solute5 dl dd.i1 {left: 670px;top: 263px;}
.solute5 dl dd.i2 {left: 258px;top: 135px;}
.solute5 dl dd.i3 {left: 160px;top: 185px;}
.solute5 dl dd.i4 {left: 441px;top: 143px;}
.solute5 dl dd.i5 {left: 510px;top: 250px;}
.solute5 dl dd.i6 {left: 568px;top: 272px;}
.solute5 dl dd.i7 {left: 365px;top: 185px;}
.solute5 dl dd.i8 {left: 485px;top: 315px;}
.solute6 .box{width: 717px; margin: 0 auto;}
.solute6 dl dd.i1{left: 235px; top: 145px;}
.solute6 dl dd.i2{left: 525px; top: 100px;}
.solute6 dl dd.i3{left: 564px; top: 173px;}
.solute6 dl dd.i4{left: 426px; top: 262px;}
.solute6 dl dd.i5{left: 372px; top: 396px;}
.solute7 .box{width: 822px; margin: 0 auto;}
.solute7 dl dd.i1{left: 189px; top: 128px;}
.solute7 dl dd.i2{left: 166px; top: 218px;}
.solute7 dl dd.i3{left: 245px; top: 194px;}
.solute7 dl dd.i4{left: 310px; top: 115px;}
.solute7 dl dd.i5{left: 341px; top: 246px;}
.solute7 dl dd.i6{left: 413px; top: 197px;}
.solute7 dl dd.i7{left: 519px; top: 250px;}
.solute7 dl dd.i8{left: 614px; top: 274px;}
.solute7 dl dd.i9{left: 601px; top: 413px;}
.solute7 dl dd.i10{left: 329px; top: 171px;}
@media ( max-width:900px){
.solute2 .box,.solute4 .box,.solute5 .box,.solute7 .box{width: auto;}
.solute2 dl dd.i1{left: 20%; top: 19%;}
.solute2 dl dd.i2{left: 18.5%; top: 29.5%;}
.solute2 dl dd.i3{left: 22%; top: 41%;}
.solute2 dl dd.i4{left: 29.5%; top: 49%;}
.solute2 dl dd.i5{left: 41.5%; top: 47%;}
.solute2 dl dd.i6{left: 51.5%; top: 39%;}
.solute2 dl dd.i7{left: 51.5%; top: 21%;}
.solute2 dl dd.i8{left: 38.5%; top: 21.5%;}
.solute2 dl dd.i9{left: 81%; top: 40%;}
.solute4 dl dd.i1{left: 30%; top: 31.5%;}
.solute4 dl dd.i2{left: 23%; top: 39.5%;}
.solute4 dl dd.i3{left: 42.5%; top: 44%;}
.solute4 dl dd.i4{left: 56%; top: 57.5%;}
.solute4 dl dd.i5{left: 62%; top: 61%;}
.solute4 dl dd.i6{left: 74.5%; top: 45.5%;}
.solute5 dl dd.i1 {left: 90%;top: 53%;}
.solute5 dl dd.i2 {left: 34.5%;top: 27%;}
.solute5 dl dd.i3 {left: 21%;top: 37%;}
.solute5 dl dd.i4 {left: 59%;top: 28%;}
.solute5 dl dd.i5 {left: 68%;top: 50%;}
.solute5 dl dd.i6 {left: 75.5%;top: 54.5%;}
.solute5 dl dd.i7 {left: 48.5%;top: 37.5%;}
.solute5 dl dd.i8 {left: 64.5%;top: 63.5%;}
.solute7 dl dd.i1{left: 23%; top: 19%;}
.solute7 dl dd.i2{left: 20%; top: 32.5%;}
.solute7 dl dd.i3{left: 30%; top: 29%;}
.solute7 dl dd.i4{left: 38%; top: 17.5%;}
.solute7 dl dd.i5{left: 41.5%; top: 37%;}
.solute7 dl dd.i6{left: 50.5%; top: 29.5%;}
.solute7 dl dd.i7{left: 63%; top: 37.5%;}
.solute7 dl dd.i8{left: 74.5%; top: 40.5%;}
.solute7 dl dd.i9{left: 73%; top: 62%;}
.solute7 dl dd.i10{left: 40%; top: 25.5%;}
}
@media ( max-width:740px){
.solute6 .box{width: auto;}
.solute6 dl dd.i1{left: 33%; top: 25%;}
.solute6 dl dd.i2{left: 73%; top: 17.5%;}
.solute6 dl dd.i3{left: 78%; top: 30%;}
.solute6 dl dd.i4{left: 59.5%; top: 45%;}
.solute6 dl dd.i5{left: 51.5%; top: 68%;}
}
@media ( max-width:700px){
.solute3 .box{width: auto;}
.solute3 dl dd.i1{left: 39%; top: 8%;}
.solute3 dl dd.i2{left: 30%; top: 37%;}
.solute3 dl dd.i3{left: 55%; top: 29.5%;}
.solute3 dl dd.i4{left: 53%; top: 55%;}
.solute3 dl dd.i5{left: 74.5%; top: 38%;}
}
/* 鍥剧墖鍒楄〃 */
.PicsList .list li .effect-img{height: 240px;}
.PicsList .list li .title{text-align: center; line-height: 50px; height: 50px; font-size: 18px;}
@media ( max-width:1024px){
.PicsList .list li .effect-img{height: 200px;}
}
@media ( max-width:780px){
.PicsList .list li .effect-img{height: 160px;}
}
@media ( max-width:640px){
.PicsList .hd li{width: auto;}
.PicsList .hd li a{padding: 0 15px;}
.PicsList .list li .effect-img{height: 200px;}
}
/* 20-04-15 */
.Hrinfo{ line-height:40px; font-size:16px; color:#222222; font-weight:bold; position:relative; margin-bottom:10px; background:url(../images/hrbg.jpg) center top no-repeat; background-size:cover; padding:54px 48px 0 48px; height:96px;}
.Hrinfo span{ display:inline-block;}
.Hrinfo i{ color:#df0009; margin-right:28px; font-size:20px; vertical-align:middle; display:inline-block;}
@media ( max-width:1024px){
.Hrinfo { padding:20px; line-height:25px; font-size:14px; height:auto;}
.Hrinfo i{font-size:16px;}
}
@media ( max-width:768px){
.Hrinfo span{ display:block;}
.Hrinfo i{margin-right:0;}
}
.ProSorts{display: none;}
@media ( max-width:1360px){
.ProSorts{display: block;}
}
/*20-05-11*/
.VideoList .list li{width: 32%; float: left; margin: 0 2% 2.5% 0; background: #fff;}
.VideoList .list li:nth-child(3n){margin-right: 0;}
.VideoList .list li .effect-img{position: relative;}
.VideoList .list li .effect-img img{display: block; width: 100%; height: 224px;}
.VideoList .list li .effect-img .mask{background-color: rgba(0,0,0,.6); opacity: 0;}
.VideoList .list li .con{padding: 18px 6%;}
.VideoList .list li .title{display: block; font-size: 20px; color: #000; line-height: 50px; height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.VideoList .list li .date{display: block; font-family: "DIN Medium"; line-height: 26px; font-size: 14px; color: #ccc; padding-left: 24px; background-image: url(../images/date1.png); background-repeat: no-repeat; background-position: left center;}
.VideoList .list li:hover{background: #004f99;}
.VideoList .list li:hover .title{color: #fff;}
.VideoList .list li:hover .date{color: rgba(255,255,255,0.3); background-image: url(../images/date.png);}
.VideoList .list li:hover .effect-img .mask{opacity: 1;}
.Loadmore{background: #fff; padding: 2% 0; text-align: center;}
.Loadmore span{display: block; line-height: 24px; margin-bottom: 15px; font-size: 18px; color: #000;}
.Loadmore .icon{display: block; width: 18px; margin: 0 auto; -webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;}
@media ( max-width:1024px){
.VideoList .list li .title{font-size: 16px;}
.VideoList .list li .effect-img img{height: 174px;}
}
@media ( max-width:768px){
.VideoList .list li .effect-img .mask{background-size: 50px 50px;}
.VideoList .list li .effect-img img{height: 130px;}
}
@media ( max-width:640px){
.VideoList .list li{width: 48.5%; margin-right: 0;}
.VideoList .list li:nth-child(2n){float: right;}
.VideoList .list li .effect-img img{height: 165px;}
}
@media ( max-width:480px){
.VideoList .list li,.VideoList .list li:nth-child(2n){float: none;}
.VideoList .list li{width: auto; margin-bottom: 4%;}
.VideoList .list li .effect-img img{height: 199px;}
.Loadmore span{font-size: 16px;}
}
.VideoList .hd{position: absolute; top: 0px; right: 0px; font-size: 18px; line-height: 54px; text-align: right;}
.VideoList .hd li{display: inline-block; width: 150px;}
.VideoList .hd li a{display: block; color: #333; background: #fff; text-align: center;}
.VideoList .hd li.on a{background: #004f99; color: #fff;}
.imgSLider{width: auto; float: none;}
.HomeService {
background-image: url(../images/boxbg3.jpg);
}
.HomeService .mobile {
display: none;
}
.HomeService .box {
max-width: 1006px;
min-width: 320x;
margin: 0 auto;
position: relative;
}
.HomeService .box .pic img {
display: block;
width: 100%;
}
.HomeService .box ul {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.HomeService .box ul li {
position: absolute;
width: 15px;
height: 15px;
}
.HomeService .box li.i1 {
top: 25%;
left: 79%;
}
.HomeService .box li.i2 {
top: 20%;
left: 15%;
}
.HomeService .box li.i3 {
top: 44.5%;
left: 27%;
}
.HomeService .box li.i4 {
top: 38.5%;
left: 36%;
}
.HomeService .box li.i5 {
top: 17.5%;
left: 35%;
}
.HomeService .box li.i6 {
top: 27%;
left: 13%;
}
.HomeService .box li.i7 {
top: 32.5%;
left: 25.5%;
}
.HomeService .box li.i8 {
top: 48%;
left: 35.5%;
}
.HomeService .box li.i9 {
top: 28.1%;
left: 18%;
}
.HomeService .box li.i10 {
top: 45%;
left: 35.3%;
}
.HomeService .box li.i11 {
top: 37%;
left: 14.8%;
}
.HomeService .box li.i12 {
top: 41.5%;
left: 31%;
}
.HomeService .box li.i13 {
top: 35%;
left: 32.8%;
}
.HomeService .box li.i14 {
top: 34%;
left: 42%;
}
.HomeService .box ul li .dot {
border-radius: 50%;
position: relative;
}
.HomeService .box ul li .dot span {
display: block;
position: relative;
z-index: 2;
background: #fff;
width: 12px;
height: 12px;
border-radius: 50%;
}
.HomeService .box ul li .dot i {
position: absolute;
z-index: 0;
background: rgba(255, 255, 255, 0.5);
z-index: 1;
width: 38px;
height: 38px;
left: 50%;
top: 50%;
border-radius: 50%;
margin: -19px 0px 0px -19px;
-webkit-animation: warn 3s ease-out;
-moz-animation: warn 3s ease-out;
animation: warn 3s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.HomeService .box ul li .hidebox {
position: absolute;
width: 343px;
left: -30px;
display: none;
transition: 500ms;
z-index:99;
}
.HomeService .box ul li .hidebox .more {
display: block;
width: 90px;
height: 42px;
background-color: #00a1ea;
background-image: url(../images/arr3.png);
background-repeat: no-repeat;
background-position: center center;
}
/*.HomeService .box ul li.i6 .hidebox{
width:174px;
}
.HomeService .box ul li.i7 .hidebox{
width:234px;
}
.HomeService .box ul li.i8 .hidebox{
width:174px;
}
.HomeService .box ul li.i9 .hidebox{
width:174px;
}
.HomeService .box ul li.i10 .hidebox{
width:154px;
}
.HomeService .box ul li.i11 .hidebox{
width:154px;
}
.HomeService .box ul li.i12 .hidebox{
width:174px;
}
.HomeService .box ul li.i13 .hidebox{
width:254px;
}*/
.HomeService .box ul li .hidebox .con {
border-top: 2px solid #00a0e9;
background: #fff;
padding: 15px;
position: relative;
overflow:hidden;
}
.HomeService .box ul li .hidebox .con .txtbox{
width:48%;
float:left;
}
.HomeService .box ul li .hidebox .con .effect-img {
/*width:52%;
float:right;*/
}
.HomeService .box ul li .hidebox .con .effect-img span{
height:98px;
}
@media ( max-width:1024px) {
.HomeService .box ul li .hidebox .con .txtbox {
width: 100%;
float: none;
margin-bottom: 5%;
}
.HomeService .box ul li .hidebox .con .effect-img {
width:100%;
float: none;
}
.HomePlans{ background-image:none;}
}
.HomeService .box ul li .hidebox .con .title span {
display: block;
font-size: 20px;
color: #2d373c;
line-height: 39px;
}
.HomeService .box ul li .hidebox .con .title i {
display: block;
width: 20px;
height: 1px;
background: #d9d9d9;
}
.HomeService .box ul li .hidebox .con .info {
margin-top: 5px;
font-size: 14px;
line-height: 24px;
color: #2d373c;
}
.HomeService .box ul li .hidebox .arrow {
width: 18px;
height: 11px;
position: absolute;
bottom: -11px;
left: 30px;
background: url(../images/arr5-.png);
}
.HomeService .box ul li:hover .dot {
border: 3px solid #003e86;
}
.HomeTit.whitetxt .name {
color: #fff;
}