@charset "utf-8";
/* CSS Document */
* {padding:0;margin:0; }
@font-face {font-family:'pingfang';src:url('../fonts/pingfang.ttf') format('truetype')}
body {margin:0 auto;padding:0;color:#333;min-width: 1200px; overflow-x:hidden; font-family:"微软雅黑",Arial,Helvetica,sans-serif;font-size:14px;background:#fff;text-align:left;position:relative;line-height:1.001;}
img {border:0;position:relative;}
.clear {height:0;line-height:0;font-size:0;clear:both;visibility:hidden;overflow:hidden;padding:0;margin:0;}
div,ul,dl,dd,dt,li,p,span,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;list-style:none;word-wrap:break-word;position:relative;border:none;font-weight:400;}
a {color:#666;text-decoration:none;position:relative;cursor:pointer;list-style:none}
header,footer,nav,section,article,menu,aside {display:block;position:relative;}
textarea {resize:none;font-family:"微软雅黑";font-size:14px;}
table {border-collapse:collapse;border-spacing:0;}
th,td {text-align:left;}
input {font-family:"微软雅黑";font-size:14px;}
input:focus {outline:none;}
input.sub {cursor:pointer;background:none;border:none;}
input.text {background:none;border:none;}
.white,a.white {color:#fff;}
.c0,a.c0 {color:#000;}
.c1,a.c1 {color:#111;}
.c2,a.c2 {color:#222;}
.c3,a.c3 {color:#333;}
.c4,a.c4 {color:#444;}
.c5,a.c5 {color:#555;}
.c6,a.c6 {color:#666;}
.c7,a.c7 {color:#777;}
.c8,a.c8 {color:#888;}
.c9,a.c9 {color:#999;}
/* a:hover {color:#4fb0a5;}
*/.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
.fw-b {font-weight:bold;}
.fw400 {font-weight:400;}
.ti2 {text-indent:2em;}
.lh18 {line-height:18px;}
.lh20 {line-height:20px;}
.lh25 {line-height:25px;}
.lh30 {line-height:30px;}
.lh35 {line-height:35px;}
.lh40 {line-height:40px;}
.unl {text-decoration:underline;}
.unl-no {text-decoration:none;}
.unl-th {text-decoration:line-through;}
.text-left {text-align:left!important;}
.text-center {text-align:center!important;}
.text-right {text-align:right!important;}
.fl {float:left;}
.fr {float:right;}
.va-m {vertical-align:middle;}
.va-t {vertical-align:top;}
.pr {position:relative;}
.pa {position:absolute;}
.oh {overflow:hidden;}
.none {display:none;}
.block {display:block;}
.in_block {display:inline-block;}
.pointer {cursor:pointer;}
.w100 {width:100%;}
.w1000 {width:1000px;}
.w1200 {width:1200px;margin:0 auto;}
.w1400 {width:1400px;margin:0 auto;}
.w1456 {width:1300px;margin:0 auto;}



.whitebg,input.whitebg {background:#fff;}
.eeebg,input.eeebg {background:#eee;}
.cccbg,input.cccbg {background:#ccc;}
/*nothing*/.nothing {width:100%;height:2rem;line-height:2rem;text-align:center;font-size:0.22rem;color:#666666;}
/*图片悬浮放大*/.imgBig {transform:scale(1);transition:transform 1s;}
.imgBig:hover {transform:scale(1.08)}
.oneLine {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.twoLine {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.threeLine {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
/*swiper 前进后退按钮不可用时样式*/
.my-button-disabled {opacity:0.2;cursor:none;}
.my-button-normal {opacity:1;cursor:none;}
/*悬浮旋转*/
.rotate {transition:transform 1s ease-out;}
.rotate:hover {cursor:pointer;transform:rotateZ(360deg);}
/*头部 菜单*/
.topbg {width:100%;height:70px; /*background: rgb(60, 77, 206,0.2);*/ border-bottom:rgba(255,255,255,0.2) 2px solid;z-index:2}
.topbg:after {content:'';width:100%;height:424px;position:absolute;top:0;left:0;background:-webkit-linear-gradient(top,rgba(0,0,0,0.08) 40%,rgba(1,1,1,0.005) 60%);background:-o-linear-gradient(top,rgba(0,0,0,0.08) 40%,rgba(255,255,255,0.005) 60%);background:-moz-linear-gradient(top,rgba(0,0,0,0.08) 40%,rgba(255,255,255,0.005) 60%);background:linear-gradient(top,rgba(0,0,0,0.08) 40%,rgba(255,255,255,0.005) 60%);}

.header {height:70px;position:relative;left:0;top:0;z-index:99;margin:auto;}
.h90 {height:90px;}
.logo {width:auto;height:100%;display:block;position:absolute;visibility:visible !important;text-align:center;}
.logo img {max-width:100%;max-height:100%;width:auto;height:auto;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);}
.hea_right {height:100%;position:absolute;right:260px;visibility:visible !important;}
/*.menu{width:100%;}
*/.menu ul {height:90px; }
.menu li {float:left;width:100px;text-align:center;height:100%;}
.menu li .nav_a1 {line-height:70px;display:block;font-size:16px;color:#ffffff;height:100%;z-index:2;}
.menu li menu {display:none;position:absolute;top:70px;min-width:100%;width:auto;background:rgba(255,255,255,0.9);z-index:20;box-shadow:0 3px 12px rgba(0,0,0,0.2);/*padding:10px 0;*/}
.menu li menu a {min-width:calc(100% - 20px);width:auto;height:40px;display:inline-flex;flex-flow:row nowrap;justify-content:center;padding:0 10px;font-size:14px;color:#333;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;line-height:40px;white-space:nowrap;}
.menu li menu a:hover {background-color:#164d72;color:#ffffff}
.hea_p{ width: 70px;height: 4px;background: #ffffff;position: absolute;top: 68px;z-index: 1;
transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; }
.tel {position:absolute;right:10px;top:15px;font-size: 25px;line-height: 40px; color: #fff;}
.tel img{ width:33px; height:33px;padding:0 12px;margin-bottom: -6px; }

/*底部 菜单、版权、备案*/
.foot{ background: #181818; height:395px;color: #fff;}
.foot .f_logo{ float: left;width:300px;height: 190px; margin-top:70px;margin-left:60px;border-right: 1px solid #454545;}
.foot .f_logo img{ width: 200px;height: 92px; margin-top: 40px;}
.foot dl{ float: left;height:245px; margin-left: 100px;margin-top:70px;}
.foot dl dt{font-size: 20px;font-weight: bold;line-height: 30px;height: 30px;margin:8px 0 10px;color: #fff;  }
.foot dl dd{ line-height:34px;height:34px; font-size: 15px;color: #b6b6b6; }
.foot dl dd a{ color: #b6b6b6;margin-right: 70px; }
.foot dl dd a:nth-child(2n){ margin-right: 0px; }
.foot .f_wx{ border-left: 1px solid #454545;float: left;width: 200px;height:190px; margin-left: 100px;margin-top:70px; }
.foot .f_wx img{ padding-left:50px; width: 150px; height: 150px; }
.foot .f_wx p{ font-size: 16px; color: #fff;text-align: center; line-height:50px;width: 150px;padding-left:50px; }
.foot .f_bottom{ border-top: 1px solid #454545;height:66px; line-height:66px; }
.foot .f_bottom p{ font-size: 15px;color: #b6b6b6; }
.foot .f_bottom a{ color: #b6b6b6;}
/*菜单栏目图*/
.menu-ban-box {width:100%;height:535px;/*background-size:100% 535px;*/background-repeat:no-repeat;background-position:center;margin-top:-72px;color:#f4f4f4;display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}
.menu-ban-box:before {content:'';width:100%;height:535px;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.2)}
.menu-ban-box div p:first-child {font-size:26px;}
.menu-ban-box div span {width:32px;height:2px;background-color:#fff;display:block;margin:22px auto 15px 0;}
.menu-ban-box div p:last-child {font-size:28px;}
/*二级菜单*/.menu-box {height:89px;margin-top:-45px;background-color:#fff;z-index:102;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-shadow:0 7px 7px rgba(0,0,0,0.02)}
.menu-child {min-width:108px;height:100%;padding:0 25px;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;}
.menu-child p {font-size:16px;color:#222222;display:inline-block;margin-top:37px}
.menu-child span {display:none;font-size:12px;color:#ffffff;text-transform:uppercase;margin-top:7px;}
.menu-child-on {background-color:#164d72;}
.menu-child-on p {color:#ffffff;margin-top:29px}
.menu-child-on span {display:block!important;}
.menu-child-bg {animation:bgChange 1s forwards}


/*首页公司介绍*/
.main1-bg{width:100%; height:810px; overflow:hidden; background:#f0f0f0}
.main1-box{width:1300px; margin:0 auto; margin-top:75px}
.main1-header{width:100%; text-align:center; margin-bottom:49px}
.main1-header h1{font-size:30px; color:#028ed6; font-weight:normal}
.main1-header h2{ font-size:16px; color:#666666;font-weight:normal; height:42px; line-height:42px}
.main1-header h3{width:38px; height:3px; background:#bfbfbf; display:block; margin:0 auto; margin-top:5px}

.main1-l{width:910px; float:left; height:520px; background:url(../images/main-about-bg.jpg) no-repeat right; line-height:30px}
.main1-l-1{width:270px; float:left; padding:45px 38px; margin-top:70px; background:#FFFFFF}
.main1-l-1 .about-h1{width:100%; height:54px; border-bottom:#dedede solid 1px; color:#000000; font-size:20px; line-height:22px; margin-bottom:10px}
.main1-l-1 .about-h1 span{ color:#999999; display:block;font-size: 16px;}
.main1-l-1 .more a{width:100%; text-align:right; color:#000000; display:block}
.main1-l-1 .more span{font-family:"ËÎÌå"}
.main1-l-2 a{width:38px; height:90px; line-height:90px; text-align:center; font-family:"ºÚÌå"; font-size:24px; background:#028ed6; color:#FFFFFF; display:block; float:left; margin-top:247px}

.main-r{width:360px; float:right;}
.main-r li{width:360px; height:160px;  background:#FFFFFF; margin-bottom:20px }
.main-r li img{float:left; margin:45px 28px 0 50px}
.main-r li .main-r-txt{float:left; margin-top:60px; color:#333333; font-size:20px; line-height:20px}
.main-r li .main-r-txt span{ font-size:14px; display:block;text-transform:uppercase}




@-webkit-keyframes bgChange {0% {background-color:#fff;}
/*50% {background-color:#0080b1;}
*/    100% {background-color:#004eb1;}
}
@-webkit-keyframes bgChangeBack {/*0% {background-color:#004eb1;}
*/    /*50% {background-color:#0080b1;}
*/    100% {background-color:#fff;}
}
.menu-icon {width:28px;height:42px;position:absolute;right:25px;animation:upDown 0.8s infinite alternate}
/*上下移动 start*/@keyframes upDown {from {transform:translateY(-3px);}
to {transform:translateY(3px);}
}
/*@media screen and (max-width:1456px) {body {width:1456px;}
.back-top {right:0!important;}
}*/

/*首页动画*/
.circle_box1{ width: 100%;height: 400px;background: url(../images/round.jpg) center no-repeat;  }
.circle_box {width: 978px;margin: 50px auto;height: 300px;position: relative; }
.round:nth-child(1) {position: absolute;padding: 13px;left: 0px;top: 79px;}
.round:nth-child(1) div {background: #5bc9e0;}
.round:nth-child(1) div:first-child {width: 100px;height: 100px;}
.round:nth-child(1) div:first-child a {line-height: 99px;}
.round:nth-child(1) div:nth-child(2) {width: 100px;height: 100px;}
.round:nth-child(1) div:last-child {width: 110px;height: 110px;}
.round:nth-child(2) {position: absolute;left: 176px;top: 0;padding: 13px;}
.round:nth-child(2) div {background: #e7a422;}
.round:nth-child(3) {position: absolute;left: 199px;top: 199px;padding: 13px;}
.round:nth-child(3) div {background: #fe6e04;}
.round:nth-child(3) div:first-child {width: 80px;height: 80px;}
.round:nth-child(3) div:first-child a {line-height: 80px;}
.round:nth-child(3) div:nth-child(2) {width: 80px;height: 80px;}
.round:nth-child(3) div:last-child {width: 90px;height: 90px;}
.round:nth-child(4) {position: absolute;left: 348px;top: 128px;padding: 13px;}
.round:nth-child(4) div {background: #94c4ef;}
.round:nth-child(4) div:first-child {width: 90px;height: 90px;}
.round:nth-child(4) div:first-child a {line-height: 24px;display: block;margin-top: 25px;}
.round:nth-child(4) div:nth-child(2) {width: 90px;height: 90px;}
.round:nth-child(4) div:last-child {width: 100px;height: 100px;}
.round:nth-child(5) {position: absolute;left: 519px;top: 94px;padding: 13px;}
.round:nth-child(5) div:first-child {width: 70px;height: 70px;}
.round:nth-child(5) div:first-child a {line-height: 70px;}
.round:nth-child(5) div:nth-child(2) {width: 70px;height: 70px;}
.round:nth-child(5) div:last-child {width: 80px;height: 80px;}
.round:nth-child(6) {position: absolute;left: 705px;top: 10px;padding: 13px;}
.round:nth-child(6) div {background: #fe6e04;}
.round:nth-child(7) {position: absolute;left: 638px;top: 171px;padding: 13px;}
.round:nth-child(7) div {background: #fefd00;}
.round:nth-child(8) {position: absolute;left: 860px;top: 113px;padding: 13px;}
.round:nth-child(8) div:first-child {width: 75px;height: 75px;}
.round:nth-child(8) div:first-child a {line-height: 70px;font-size: 16px;}
.round:nth-child(8) div:nth-child(2) {width: 75px;height: 75px;}
.round:nth-child(8) div:last-child {width: 85px;height: 85px;}
.round:nth-child(9) {position: absolute;left: 509px;top: 253px;padding: 13px;}
.round:nth-child(9) div {background: #a36157;}
.round:nth-child(9) div:first-child {width: 30px;height: 30px;}
.round:nth-child(9) div:nth-child(2) {width: 30px;height: 30px;}
.round:nth-child(9) div:last-child {width: 40px;height: 40px;}
.round:nth-child(10) {position: absolute;left: 630px;top: 5px;padding: 13px;}
.round:nth-child(10) div {background: #2663a4;}
.round:nth-child(10) div:first-child {width: 40px;height: 40px;}
.round:nth-child(10) div:nth-child(2) {width: 40px;height: 40px;}
.round:nth-child(10) div:last-child {width: 50px;height: 50px;}
.round:nth-child(11) {position: absolute;left: 149px;top: 145px;padding: 26px;}
.round:nth-child(11) div {background: #1c4a86;}
.round:nth-child(11) div:first-child {width: 20px;height: 20px;}
.round:nth-child(12) {position: absolute;left: 366px;top: 69px;padding: 26px;}
.round:nth-child(12) div {background: #7e4c4f;}
.round:nth-child(12) div:first-child {width: 10px;height: 10px;}
.round:nth-child(13) {position: absolute;left: 467px;top: 40px;padding: 30px;}
.round:nth-child(13) div {background: #0e295d;}
.round:nth-child(13) div:first-child {width: 30px;height: 30px;}
.round:nth-child(12) {position: absolute;left: 846px;top: 243px;padding: 30px;}
.round:nth-child(12) div {background: #1e539e;}
.round:nth-child(12) div:first-child {width: 20px;height: 20px;}
.circle a {font-size: 18px;line-height: 100px;color: #000735;font-weight: bold;}
.circle {background: #3a96e1;border-radius: 100%;width: 100px;height: 100px;z-index: 999;text-align: center;top: 18px;left: 18px;position: absolute;}
.circle_bottom {background: rgba(58,150,225,0.4);border-radius: 100%;width: 100px;height: 100px;filter: alpha(opacity=40);z-index: -100;position: absolute;top: 18px;left: 18px;}
.circle_bottom2 {background: rgba(58,150,225,0.2);border-radius: 100%;width: 110px;height: 110px;filter: alpha(opacity=20);z-index: -110;position: relative;}
.animation {;-webkit-animation: twinkling 2.1s infinite ease-in-out;animation: twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animation2 {;-webkit-animation: twinkling 2.1s infinite ease-in-out;animation: twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

@-webkit-keyframes twinkling {0% {opacity: 0.2;filter: alpha(opacity=20);-webkit-transform: scale(1);}

	50% {opacity: 0.5;filter: alpha(opacity=50);-webkit-transform: scale(1.2);}

	100% {opacity: 0.2;filter: alpha(opacity=20);-webkit-transform: scale(1);}
}