@charset "utf-8";

body,ul,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dt,dd { margin:0; padding:0; }
body { font-size:12px; }
img { border:none; }
li { list-style:none; }
input,select,textarea { outline:none; }
textarea { resize:none; }
a { text-decoration:none; color:#666; }
.fr { float:right; }
.fl { float:left; }
body { overflow-x:hidden; }
html { font-size:10px; /*10 鑴欒矾 16 鑴欓垾锟� 100% = 62.5%*/ }
@media (max-width:1200px) {
  html { font-size:9px; }
}
@media (max-width:992px) {
  html { font-size:7px; }
}
@media (max-width:768px) {
  html { font-size:10px; }
}
body > iframe { display:none; }
a { text-decoration:none!important; }
.container { width:1300px; margin:0 auto; }
.pImg { position:relative; padding-top:100%; display:block; overflow:hidden; }
.pImg img { position:absolute; top:0; left:0; width:100%; height:auto; transition:all 0.5s; }
.bgImg { background-position:center; background-size:cover; position:relative; transition:all 0.5s; display:block; width:100%; height:100%; }
/* 导航 start */
.header { height:105px;width: 100%; min-width: 1300px; }
.pc-con{min-width: 1300px;}
.header .header-top { height:40px; line-height:40px; overflow:hidden; background:#f7f7f7; }
.header .header-top .lf { float:left; }
.header .header-top .lf p { margin:0; font-size:1.4rem; color:#373737; }
.header .header-top .rt { float:right; }
.header .header-top .rt li { display:inline-block; *display:inline; *zoom:1; }
.header .header-top .rt li { margin:0; font-size:1.4rem; color:#373737; padding:0 3rem; border-left:1px solid #dcdcdc; }
.header .header-top .rt li a { color:#373737; }
.header .header-top .rt li a:hover { color:#1a63af; }
.header .header-box { background:#fff; height:100px; line-height:100px; width:100%; top:0; left:0; z-index:99; min-width: 1300px;}
.header .header-box .container { position:relative; }
.header .header-box .logo { float:left; padding-top:20px; overflow:hidden; }
.header .header-box .logo a { float:left; }
.header .header-box .logo dl { float:left; }
.header .header-box .logo dl dd { font-size:30px; font-weight:bold; line-height:40px; }
.header .header-box .logo dl dt { color:#666; font-size:14px; line-height:18px; }
.header .header-box .nav-con { width:70%; margin:0 auto; text-align:center; float:right; }
@media (max-width:1200px) {
  .header .header-box .nav-con { width:67%; }
}
.header .header-box .nav-con #nav { width:100%; float:right; margin-bottom:0; }
.header .header-box .nav-con #nav .sub-nav { text-align:center; position:relative; line-height:100px; transition:0.3s; margin:0 1px; text-transform:uppercase; display:inline-block; *display:inline; *zoom:1; }
@media (max-width:992px) {
  .header .header-box .nav-con #nav .sub-nav { line-height:80px; }
}
.header .header-box .nav-con #nav .sub-nav:hover a { color:#1a63af; }
.header .header-box .nav-con #nav .sub-nav a { color:#121212; font-size:18px; display:block; height:100%; padding:0 2rem; }
@media (max-width:1200px) {
  .header .header-box .nav-con #nav .sub-nav a { padding:0 1.5rem; }
}
.header .header-box .nav-con #nav .sub-nav .drop-down { z-index:999; position:absolute; top:99px; left:-20%; display:none; height:auto !important; }
.header .header-box .nav-con #nav .sub-nav .drop-down { width:270%; text-align:center; background:#1a63af; }
.header .header-box .nav-con #nav .sub-nav .drop-down li { line-height:40px; border-bottom:1px solid #fff; }
.header .header-box .nav-con #nav .sub-nav .drop-down li a { font-size:16px; display:block; color:#fff!important; padding:0; }
.header .header-box .nav-con #nav .sub-nav .drop-down li a:hover { background:#1a63af; color:rgb(216, 216, 216)!important; }
.header .header-box .nav-con #nav .sub-nav .drop-down2 { z-index:999; position:absolute; top:80px; left:-150px; display:none; }
.header .header-box .nav-con #nav .sub-nav .drop-down2 { width:1000px; padding:30px 40px; background:#f3f5f8; border-radius:3px; }
.header .header-box .nav-con #nav .sub-nav .drop-down2 .list { display:inline-block; *display:inline; *zoom:1; width:180px; text-align:left; vertical-align:top; }
.header .header-box .nav-con #nav .sub-nav .drop-down2 .list h6 { font-size:1.6rem; color:#121212; padding-left:20px; background:url("../images/nav-lit_03.png") no-repeat left center; }
.header .header-box .nav-con #nav .sub-nav .drop-down2 ul { margin-left:20px; }
.header .header-box .nav-con #nav .sub-nav .drop-down2 li { line-height:28px; }
.header .header-box .nav-con #nav .sub-nav .drop-down2 li a { font-size:1.4rem; display:block; padding:0; color:#545454!important; }
.header .header-box .nav-con #nav .sub-nav .drop-down2 li a:hover { color:#0187e8!important; }
.header .header-box .nav-con #nav .active a { color:#1a63af; }
.header .header-box .language { position:absolute; right:15px; top:0px; }
.header .header-box .language a { font-size:1.4rem; color:#c3c3c3; }
.header .header-box .language a:hover { color:#fff; }
/* banner */
.slideBox { height:600px; position:relative; overflow:hidden; width:100%; min-width:1300px; }
.slideBox .hd { position:absolute; bottom:40px; font-size:0; left:0; width:100%; text-align:center; z-index:2; }
.slideBox .hd li { display:inline-block; width:60px; height:5px; margin:0 5px; background-color:#dc423a; cursor:pointer; }
.slideBox .hd li.on { background-color:#dc423a; }
.slideBox .bd,.slideBox .bd ul,.slideBox .bd li { width:100% !important; height:100% !important; }
.slideBox .bd li { background:no-repeat center; }
.slideBox .bd li a { display:block; width:100%; height:100%; }
/* 首页关于我们 */
.about { width:100%; min-width:1300px; overflow:hidden; padding:70px 0; }
.aboutL { width:48%; font-size:40px; }
.hTitle { font-size:38px; margin-bottom:40px; color:#222; text-transform:uppercase; text-align:center; font-weight:700; }
.hTitle span { display:block; font-size:0.421em; font-weight:400; opacity:.5; }
.hTitle b { color:#1a63af; }
.hTitle3 { text-align:left; }
.hTitle3 span { background:url('../images/tie_bg2.jpg') no-repeat left top; padding-top:10px; margin-top:8px; }
.aboutL ul { display:flex; justify-content:space-between; text-align:center; margin-top:60px; }
.aboutL ul li a { font-size:16px; }
.aboutL li i { display:block; width:80px; height:80px; border:2px solid #bfbfbf; line-height:76px; border-radius:5px; font-family:"iconfont"; font-style:normal; margin:0 auto; margin-bottom:15px; transition:all 0.3s; }
.aboutL li i img{ padding-top:12px;}
.aboutL li a:hover i { border-color:#1a63af; color:#1a63af; }
.aboutR { width:42%; font-size:16px; line-height:28px; }
.aboutR .tie { font-size:26px; color:#1a63af; font-weight:700; margin-bottom:15px; }
.aboutR .more,.honorL .more { margin-top:25px; color:#1a63af; display:inline-block; font-size:16px; }
.aboutR .more i,.honorL .more i { font-style:normal; margin-left:10px; }
.aboutR .more:hover,.honorL .more:hover { text-decoration:underline; }
.setting { margin-top:40px; overflow:hidden; }
.setting li { float:left; width:25%; position:relative; overflow:hidden; }
.setting li .pImg { padding-top:70%; }
.setting li p { position:absolute; bottom:-45px; height:45px; line-height:45px; background:rgba(0,0,0,.7); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; text-align:center; color:#fff; padding:0 10px; transition:all .5s; }
.setting li:hover img { transform:scale(1.1); }
.setting li:hover p { bottom:0; }
/* 荣誉资质 */
.honor { background:#1a63af; padding:40px 0; min-width: 1300px;overflow:hidden; position:relative; z-index:2; }
.honor::after { content:""; position:absolute; left:24%; right:0; top:0; bottom:40px; background:#fff; border-radius:0 0 0 40px; z-index:-1; }
.honorInfo { padding-left:290px; }
.honorL { color:#fff; width:260px; margin-left:-290px; padding-top:25px; }
.honorL .hTitle { text-align:left; font-size:34px; margin-bottom:20px; color:#fff; }
.honorL p { font-size:17px; line-height:25px; }
.honorL .more { margin-top:20px; color:#fff; }
.honorR { width:95%; font-size:1.143em; padding-bottom:30px; z-index:2;overflow: hidden; }
.honorR li { float:left; width:20%; text-align:center; }
.honorR li .pImg { padding-top:100%; border:1px solid #ddd; padding-top:74%;}
.honorR li p { margin-top:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 18px; }
.honorR li:hover img { transform:scale(1.1); }

/* 产品中心 */
.product{ width: 100%; min-width: 1300px; background:#eaecee url('../images/pro_bg.jpg') no-repeat center;background-size:cover;background-attachment: fixed; padding:70px 0;}
.proTitle{overflow:hidden;margin-bottom:40px;text-align: center;}
.proTitle h3{font-size: 18px;color: #666;}
.proTitle h3 span{display:block;font-size:40px;color:#1a63af;font-weight:700;}
.product .con{background:#fff;overflow:hidden;}


.proL{width:258px;border:5px solid #1a63af;padding:0 25px 30px 25px;font-size:16px;}
.proL .tie{height:80px;line-height:80px;border-bottom: 1px solid #1a63af;font-size:2.111em;font-weight:700;color:#1a63af;margin-bottom:35px;}
.proL .m{margin-bottom:15px;}
.proL li>a{display:block;height:62px;line-height:62px;background:#f4f4f4;padding:0 5px;color:#333; font-size: 13px;}
.proL li i{font-family:"iconfont";color:#1a63af;margin-right:10px;font-style:normal;font-weight:700;}
.proL .on>a,.proL .more a:hover{background:#1a63af;color:#fff;}
.proL .on>a i,.proL .more a:hover i{color:#fff;}
.proL .sub{background:#f4f4f4;padding:15px 50px;max-height:140px;overflow-y:auto;border-top: 1px solid #ddd;}
.proL .sub li a{font-size:0.889em;height:35px;line-height:35px;position:relative;padding:0;padding-left:15px;font-size: 15px;}
.proL .sub li a::after{content:"";position: absolute;left:0;top:50%;width:4px;height:4px;background:#999;margin-top:-2px;transition:all .3s;}
.proL .sub li a:hover{color:#1a63af;}
.proL .sub li a:hover::after{background:#1a63af;}

.proMain{width:940px;padding:30px 0; overflow:hidden;}
.proTop{height:350px;overflow:hidden;margin-bottom:40px;border-bottom: 1px solid #f0f0f0;}
.proTop .pic{width:50%;height:350px;overflow:hidden;display:block;}
.proTop .bgImg{animation:scale 30s infinite;height:100%;} 
.proTop .txt{width:42%;line-height:1.8;padding-top:25px;}
.proTop .txt h4{font-size:1.5em;margin-bottom:20px;font-weight:700;}
.proTop .txt a{color:#222;}
.proTop .txt p{height:140px;margin-bottom:20px;overflow:hidden; font-size: 15px;}
.proTop .txt .more{display:inline-block;width:48%;height:48px;text-align:center;line-height:46px;font-size:.875em;border:1px solid #ddd;}
.proTop .txt .order{background:#1a63af;color:#fff;border-color:#1a63af;}
.proTop .txt .more:hover{background:#c75c10;color:#fff;border-color:#c75c10;}

.proMain ul{margin-right:-30px;}
.proMain li{float:left;width:30.3%;padding-right:20px; padding-bottom: 20px;}
.proMain li a{display:block;border:1px solid #e4e4e4;background:#f4f4f4;transition:all .5s;}
.proMain li .pImg{padding-top:74%;background:#fff;}
.proMain li p{text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:40px;line-height:40px;padding:0 10px; font-size: 16px;}
.proMain li:hover img{transform: scale(1.1);}
.proMain li:hover a{border-color:#1a63af;background:#1a63af;color:#fff;}
/* .proMain li:nth-child(4){display:none;} */


/* 优势 */
.adv{font-size:0.938em;background:url('../images/adv_bg.jpg') no-repeat center bottom;background-size:cover; padding:70px 0 0 0; overflow: hidden;}
.hTitle2 span{padding-top:10px;margin-top:8px;background: url('../images/tie_bg.jpg') no-repeat center top;}
.adv ul{max-height:720px;position: relative;z-index:2; padding:40px 0;}
.adv li{float:left;padding-right:165px;width:360px;text-align:right;height:240px;position:relative;padding-top:40px;}
.adv li::after{content:"";position: absolute;width:188px;height:76px;background: url('../images/adv_li.png') no-repeat;left:100%;top:48px;z-index:-1;transform: rotateY(180deg);}
.adv li i{float:right;width:95px;height:95px;margin-right:-130px;position:relative;transition:all .3s;font-style:normal;font-family:"iconfont";background:#1a63af;border-radius:100%;text-align:center;line-height:95px;color:#fff;font-size:2.6rem;border:10px solid #f2f2f3;margin-top:-10px;}
.adv li i img{max-width: 50%; margin-top: 23px;}
.adv li h4{font-size:22px;color:#1a63af;margin-bottom:10px;font-weight:700;}
.adv li p{font-size: 14px; color: #666;}
.adv li span{margin-right:10px;}
.adv li:nth-child(3),.adv li:nth-child(4){width:234px;}
.adv li:nth-child(2n){float:right;padding-right:0;padding-left:130px;margin-left:30px;text-align:left;}
.adv li:nth-child(2n) i{float:left;margin-left:-130px;margin-right:0;}
.adv li:nth-child(2n)::after{right:100%;left:auto;transform: rotate(0);}
.advPic{position: absolute;left:50%;transform: translateX(-50%);border-radius:100%;overflow:hidden;}
.adv li:nth-child(3)::after,.adv li:nth-child(4)::after{background: url('../images/adv_li2.png') no-repeat; width:175px;height:18px;}
.adv li:nth-child(5)::after,.adv li:nth-child(6)::after{transform: rotate(180deg);top:-30px;}
.adv li:nth-child(6)::after{transform: rotateX(180deg);}


/* 行业应用 */
.solution{background:#fff;font-size:0.938em;text-align:center;position:relative;z-index:2;padding-bottom:0;}
.solution::after{content:"";position: absolute;left:0;top:0;width:100%;height:390px;background: url('../images/solution_bg.jpg') no-repeat center;background-size:cover;background-attachment:fixed;z-index:-1;}
.container1{max-width: 1300px; overflow: hidden; margin: 0 auto;}
.hTitleW{color:#fff;}
.solution .hTitle span{font-size:0.579em;opacity:1;}
.solutionMain{padding:10px;padding-top:0;}
.solutionMain li{float:left;width:25%;}
.solutionMain li a{display:block;background:#fff;padding:20px;border-bottom:8px solid #1a63af;border-radius:8px;overflow:hidden;box-shadow:0 3px 6px #e1e1e1;}
.solutionMain li .pImg{padding-top:40%;border-radius:8px;}
.solutionMain li h4{font-size:22px;color:#333;font-weight:700;margin-top:25px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .5s;}
.solutionMain li p{line-height:1.1;padding:0 ;height:100px;margin-bottom:20px;color:#777; font-size: 14px;}
.solutionMain li .more{display:inline-block;width:130px;height:40px;line-height:38px;border:1px solid #1a63af;color:#1a63af;border-radius:5px;margin-bottom:10px;transition:all .5s;}
.solutionMain li:hover img{transform: scale(1.1);}
.solutionMain li:hover .more{background:#1a63af;color:#fff;}
.solutionMain li:hover h4{color:#1a63af;}
.solutionMain .btn,.honorR .btn{display:none;position: static;width:40px;height:26px;background:#555;margin-top:30px;color:#fff;font-family:"iconfont";line-height:26px;transform: rotate(180deg);transition:all .5s;text-align:center;}
.solutionMain .swiper-button-next,.honorR .swiper-button-next{transform: rotate(0);}
.solutionMain .btn:hover,.honorR .btn:hover{background:#1a63af;}

/* 合作客户 */
.partner{width: 100%; min-width: 1300px; overflow: hidden;padding:40px 0;}
.partner ul{padding-left:1px;padding-top:1px;}
.partner li{float:left;border:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px;width:16.5%;position:relative;animation-fill-mode:inherit;transition:all .5s;}
.partner li p{position: absolute;top:50%;text-align:center;width:100%;transform: translateY(-50%);padding:0 5px;opacity:0;margin-top:20px;transition:all .5s;color:#fff; font-size: 16px;}
.partner li .pImg{padding-top:50%;background:#1a63af;}
.partner li .pImg img{max-height: 100%;}
.partner li:hover img{opacity:.1;transform: scale(1.1);}
.partner li:hover p{opacity:1;margin-top:0;}

/*--*/
.partner .frame{margin-bottom: 50px;overflow: hidden;}
.partner .frame:last-child{margin-bottom:0px;}
.partner .titTop{display: flex;position: relative;color:#333;font-size: 22px;margin-bottom: 30px;align-items: center;}
.partner .titTop:before{content:"";width: 7px;height: 7px;display: block;margin-right: 10px;background:#1a63af}
.partner .titTop span{display: inline-block;margin-left:10px; color:#999;font-size:18px;}


/* 新闻资讯 */
.news{background:#f7f8fa;overflow:hidden;min-width: 1300px; padding:70px 0;}
.newsTop{overflow: hidden;margin-bottom:30px;}
.newsTop .hTitle{margin-bottom:0;}
.newsMenu{font-size:1.143em;text-align:center;padding-top:15px;}
.newsMenu a{position:relative;color:#333;margin-left:12px;display:inline-block;width:180px;height:48px;background:#ebecef;line-height:48px;z-index:2; font-size: 18px;}
.newsMenu a::after{content:"";position:absolute;left:0;bottom:0;background:#1a63af;height:100%;transition:all .5s;width:0;z-index:-1;}
.newsMenu .on{color:#fff;}
.newsMenu a.on::after{width:100%;}
.newsMain li{float:left;width:33.3%;overflow:hidden;margin-top:-1px;}
.newsMain li a{display:block;overflow:hidden;position:relative;z-index:2;color:#888;background:#fff;padding:40px;border-left: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;}
.newsMain li .bgImg{height:262px;transition:all .6s;}
.newsMain li h4{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;padding:25px 0 15px 0;transition:all .3s;font-weight:bold;}
.newsMain li p{margin-bottom:20px;line-height:28px; font-size: 16px;overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;}
.newsMain li .date{display:block;font-size:14px;}
.newsMain li .date i{font-style:normal;float:right; font-size: 16px;}
.newsMain li a:hover .bgImg{transform: scale(1.1);}
.newsMain li.pic a{border-left:none;}
.newsMain .pic h4{z-index:2;position:relative;}
.newsMain .pic .hide{display:block;}
.newsMain .txt a{padding:47px 40px;}
.newsMain .txt h4{padding-top:0;}
.newsMain .txt .bgImg{position: absolute;z-index:-1;opacity:0;top:0;left:0;}
.newsMain .txt a:hover .bgImg{opacity:.2;}
.newsMain .txt a:hover{color:#fff;background-color:#1a63af;}
.newsMain .txt a:hover h4{color:#fff;}
.pageBan{background:#1a63af;background-size:cover;text-align:center;color:#fff;font-size:1.375em;padding:60px 0;letter-spacing:4px;}
.pageBan span{display:block;font-size:2.182em;}
.pageBan i{position: absolute;text-align:center;opacity:.05;font-size:7.273em;text-transform: uppercase;top:50%;left:0;width:100%;transform: translateY(-50%);font-family:Arial;font-style:normal;}

/* 友情链接 */
.link_bg{height: 97px;background: #eee; min-width: 1300px;}
.link{padding-bottom:50px; color:#999;}
.link b{font-size: 28px;color:#999;}
.link p{font-size: 18px; color:#222; line-height:90px;}
.linkTagcs li a{font-size:16px;    line-height: 96px;}
.linkTagcs li {margin-left: 0px !important;float:left !important;margin-top: 0px !important; text-align:left; padding:0 10px;}

/* 底部版权 */
.index_footer { width:100%; margin:0 auto;background-color:#1a63af; min-width: 1300px;}
.index_footer .footer_menu { width:1300px; margin:0 auto; padding:3% 0 2% 0; display:block; overflow:hidden; }
.index_footer .footer_menu_eweima { width:20%; float:left; display:block; overflow:hidden; }
.index_footer .f_eweima { width:135px; text-align:center; color:#fff; }
.index_footer .f_eweima p { font-size:14px; }
.index_footer .f_eweima img { max-width:135px; margin-bottom:15px; }
.index_footer .footer_menu_item { width:80%; float:left; display:block; overflow:hidden; color:#fff; }
.index_footer .footer_menu_item ul { width:24.5%; float:left; display:block; overflow:hidden; text-align:center; border-right:1px solid #fff; }
.index_footer .footer_menu_en ul {   }
.index_footer .footer_menu_en ul:nth-child(1) { width:22%; }
.index_footer .footer_menu_en ul:nth-child(2) { width:28%; }
.index_footer .footer_menu_en ul:nth-child(3) { width:25%; }
.index_footer .footer_menu_en ul:nth-child(4) { width:25%; }
.index_footer .footer_menu_item ul h4 { font-size:18px; line-height:32px; color:#fff; margin:0 auto; margin-bottom:10px; font-weight:bold; }
.index_footer .footer_menu_item ul li { font-size:16px; color:#fff; line-height:28px; }
.index_footer .footer_menu_item ul li a { font-size:16px; color:#fff; }
.index_footer .footer_menu_item ul li a:hover { font-size:16px; color:#ddd; }
.m_footer_menu { display:none; }
.footer-copyright { display:block; overflow:hidden; min-height:50px; background:#333333; }
.copyright_content { max-width:1300px; margin:0 auto; }
.copyright_content p { font-size:14px; color:#fff; line-height:50px; }
.copyright_content a { color:#FFFFFF; }
.copyright_content p.foot_lt { float:left; }
.copyright_content p.foot_rt { float:right; }


.kl-header{position: fixed; left: 0; top: 0; z-index: 900; width: 100%; transition: all 0.9s ease; background-color: #fff;}
.kltop{width: 100%; overflow: hidden;background: #000;height: 40px;position:relative;}
.kltop-l{font-size: 14px; color: #fff; line-height: 40px;}
.kltop-r{overflow: hidden;}
.kltop-r span{float: left; color: #fff; font-size: 14px; line-height: 40px;}
.kltop-r ul{overflow: hidden; float: right;}
.kltop-r ul li{float: left; padding:0 20px;}
.kltop-r ul li a{color: #fff !important; font-size: 14px; line-height: 40px;}
.header_links { display:-webkit-flex; display:flex; display:-webkit-box; display:box; -webkit-align-items:center; align-items:center; -webkit-box-align:center; box-align:center; font-size:16px }
.header_links .iconfont{float: left;}
.header_link .language.first::after{content:'';display:block;position:absolute;border-right:1px dotted #000;right:0;top:0;bottom:0}
.header_links a { display:block; padding:0 12px; position:relative; transition:.6s }
.header_links a>* { display:inline-block; vertical-align:middle;font-style: normal; }

/* logo */
.kllogo{width: 100%;color:#333; transition:.6s; position: relative;  height: 100px; }
.head_wrap { width:88vw; max-width:1300px; margin-left:auto; margin-right:auto;transition:.6s; text-align:center; display:-webkit-flex; display:flex; display:-webkit-box; display:box; -webkit-align-items:center; align-items:center; -webkit-box-align:center; box-align:center; -webkit-box-pack:justify; box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;overflow: hidden; }
.pull-left{padding-top:20px;overflow: hidden; display: block;}

/* nav */
.pc-menus { height:100px; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:5; width:44%; font-size:16px; text-align:center; max-width:1000px; display:-webkit-flex; display:flex; display:-webkit-box; display:box; -webkit-align-items:center; align-items:center; -webkit-box-align:center; box-align:center; -webkit-box-pack:justify; box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between }
.pc-menus .iinner { position:relative; padding:0 8px; display:inline-block; line-height:100px }
.pc-menus .iinner::after { content:''; display:block; position:absolute; width:0; left:50%; bottom:0; height:4px; transform:translateX(-50%); transition:.6s }
.pc-menus .iinner:hover .tit { color:#1a63af }
.pc-menus .active .iinner .tit { color:#1a63af }
.pc-menus .active .iinner::after { background:#1a63af }

.pc-menus .mitem { transition:.6s; position:relative; height:80px; display:flex; align-items:center }
.pc-menus .mitem .tit { cursor:pointer; font-size:16px; display:inline-block; color:#666; font-family:robotoThin; height:40px; overflow:hidden; position:relative }
.pc-menus .mitem .tit::after { content:''; display:block; position:absolute; width:0; height:1px; background:#fff; background:#1a63af; opacity:.8; left:0; transition:.6s; bottom:0; z-index:555 }
.pc-menus .mitem .tit p { transition:.6s; line-height:40px; height:80px }
.pc-menus .mitem .tit em { color:#666; display:block;font-style: normal; }
.pc-menus .mitem .tit span { color:#1a63af; font-weight:bold }
.pc-menus .mitem.active .tit::after,.pc-menus .mitem:hover .tit::after { width:100% }
.pc-menus .mitem.active .tit p,.pc-menus .mitem:hover .tit p { transform:translateY(-40px) }
.pc-menus .pc-menu-drop { position:absolute; left:50%; width:360px; margin-left:-180px; top:80px; z-index:55; text-align:center; opacity:0 }
.pc-menus .pc-menu-drop .links { background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); box-shadow:0 0 10px rgba(0,0,0,0.1); transition:.6s; position:relative; font-size:16px; border-radius:2px }

.pc-menus .pc-menu-drop .links::before { content:''; width:0; height:0; border:6px solid transparent; transition:.6s; top:-12px; position:absolute; left:50%; transform:translateX(-50%); z-index:5 }
.pc-menus .pc-menu-drop li { height:0; overflow:hidden; transition:.6s }
.pc-menus .pc-menu-drop a { position:relative; display:inline-block; padding:0 20px; text-align:center; transition:.6s }
.pc-menus .pc-menu-drop a::after { content:''; display:block; position:absolute; width:0px; height:1px; left:0px; bottom:0; background:#1a63af; transition:.6s }
.pc-menus .pc-menu-drop a:hover { color:#1a63af }
.pc-menus .pc-menu-drop a:hover::after { width:100% }
.pc-menus .mitem:hover .pc-menu-drop { padding-top:10px; opacity:1 }
.pc-menus .mitem:hover .pc-menu-drop .links { padding:20px 0 }
.pc-menus .mitem:hover .pc-menu-drop .links::before { border-bottom-color:rgba(0,0,0,0.7); border-bottom-color:#fff }
.pc-menus .mitem:hover .pc-menu-drop li { height:40px }
.pc-menus .mitem:hover .pc-menu-drop a { line-height:40px }
@media (min-width:1200px) {
  .header.fixed { background:#0b4fa3; position:fixed; box-shadow:0 0 10px rgba(0,0,0,0.2); box-shadow:0 0 10px rgba(0,0,0,0.1); top:0; height:.8rem }
  .header.fixed .pc-menus .mitem em { color:#fff }
  .header.fixed .logo { width:1rem }
}