body { margin: 0; font-family: Arial,'Microsoft YaHei'; font-size: 14px; color: #333; }
ul { list-style:none;margin:0;padding:0}
dl,dd,p { margin:0;padding:0}
a { color:inherit;text-decoration:none}
* { box-sizing:border-box}
.container { width:1300px;margin:0 auto}
.clear:after {content:'';display:block;clear:both }
h1,h2,h3,h4 {font-weight:normal;margin:0 }
/*head*/
.header { height: 86px; line-height: 76px; position: relative; text-align: center; padding-top: 5px;font-size: 18px }
.header .logo { position:absolute;top:15px;left:36px}
.header>ul {display:inline-block;}
.header > ul li{float:left;padding:0 20px }
.header > ul li a { color: #4f585f; padding: 0 10px;display:block}
.header > ul li.select a,.header > ul li a:hover { border-bottom: 3px solid #f39600; }
.header .head-right { position: absolute; top: 5px; right: 36px; color: #7d8994;  }
.head-right i { border-left: 1px solid #7d8994; height: 28px; display: inline-block; vertical-align: middle; margin: 0 26px; margin-top: -4px }
.head-right img {vertical-align:middle;margin-top:-4px;cursor: pointer; }
.search-mask {position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(0,0,0,0.9);z-index: 9;transition: all .3s;display: none;opacity: 0;}
.search-mask dl{position: absolute;left: calc(50% - 275px);width: 550px;top: 35%;}
.search-mask dl dt{border-bottom: 2px solid #fff;display: flex;padding-bottom: 10px;}
.search-mask dl dt img{width: 25px;margin-right: 10px;cursor: pointer;}
.search-mask dl dt input{flex: 1;background: transparent;border: 0;outline: none;color: #fff;text-indent: 3px;}
.search-mask dl dd{padding-top: 10px;}
.search-mask dl dd img{cursor: pointer;}
.header .head-right > label { display: inline-block; position: relative }
.header .head-right > label ul { position: absolute; background: #fff; color: #555; text-align: left; width: 100px; right: -8px; line-height: 44px; padding: 6px 0; top: 52px; padding-left: 12px; display: none; z-index: 9; box-shadow: 0 3px 8px rgba(0,0,0,.5); }
.header .head-right > label:hover ul { display: block }
.header .head-right > label ul li a:hover { color: #004ea2;cursor:pointer }
/*bottom*/
.bottom { padding: 30px 0 15px 0; background: #003d7b }
.bottom dl { float: left; border-left: 1px solid #0095dd; width: 280px; padding-left: 18px; height:265px }
.bottom dt {font-size:18px;color:#fff;line-height:36px;padding-bottom:5px }
.bottom dd { font-size: 16px; color: #9acfea;line-height:29px }
.bottom .container {padding-left:110px }
/*foot*/
.foot { background: #004ea2;text-align:center;padding-top:22px;padding-bottom:10px }
.foot p { color: #9acfea }
.foot p span { margin:0 20px}
/*首页*/
.banner img { width: 100% }
.banner { position:relative}
.banner .title { position:absolute;left:76px;top:150px}
.banner .title2{left: 13%;top:20%}
.con-box { position: relative; overflow: hidden}
.news { height: 720px;  }
.img-bg{ width: 100%; }
.h-content { position: absolute; left: 0; top: 0; right: 0 }
.index-title { line-height: 140px; text-align: center; padding-top: 50px; color: #004ea2 ;font-weight:normal;font-size:28px}
.index-title:before, .index-title:after { content: ''; display: inline-block; border-bottom: 1px solid #cbced2;width:85px;vertical-align:middle;margin:0 12px }
.index-icon { display:inline-block;background:url(../img/index/icon.png)}
.news-list li{width:360px;float:left;margin-left:109px }
.news-list li:first-child {margin-left:0 }
.news-list li label{display: block;border-radius: 20px;overflow: hidden;}
.news-list li label img { width: 100%; height: 240px; transition: all .3s; }
.news-list li label:hover img{transform: scale(1.1);}
.news-list li h2 { font-size: 16px; color: #004ea2; padding-top: 15px; padding-bottom: 3px; }
.news-list li p { color: #7d7d7d ;line-height:22px}
.news-list li h3 { text-align:right}
.news-list li .con{padding:0 20px }
.news-list li .index-icon { width: 24px; height: 18px; background-position: -33px -4px;  }
.our-product .index-title {color:#fff; }
.our-product .index-title:before, .our-product .index-title:after { border-color: #cbced2 }
.our-product ul { position: absolute; top: 50%; margin-top: -119px; }
.our-product li { float: left; margin-left: 57px;width:168px }
.our-product li:first-child {margin-left: 0 }
.our-product li .ico { background: url(../img/index/pro_ico.png); display: block; width: 168px; height: 168px; text-align: center; padding-top: 46px;position: relative; }
.our-product li .ico:after{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #000;border-radius: 50%;transform: scale(.2);opacity: 0;transition: all .25s ease-out;}
.our-product li .ico:hover:after{opacity: .2;transform: scale(1);}
.our-product li .ico-yellow {background-position:-168px 0 }
.our-product .ico i { background: url(../img/index/pro_ico.png); display: inline-block; width: 116px; height: 86px; }
.our-product .ico .i1{ background-position:-356px 2px}
.our-product .ico .i2 { background-position: -491px 3px }
.our-product .ico .i3 { background-position: -626px 1px }
.our-product .ico .i4 { background-position: -359px -92px }
.our-product .ico .i5 { background-position: -499px -89px }
.our-product .ico .i6 { background-position: -632px -88px }
.our-product li h3 { font-size: 16px; color: #fff; text-align: center; line-height: 26px; margin-top: 10px; }
.our-product .li3 h3 { line-height:22px}
.our-product .h-content { bottom:0}
.our-product .h-content .container { height:100%;position:relative}
.our-product .index-title { position:absolute;top:0;left:0;right:0}
.global-layout { position: relative; padding-bottom: 50px; }
.global-layout .map { text-align: center; position: relative }
.global-layout .index-title {padding:0;line-height:36px;padding-bottom:52px }
.global-layout .jszx { position:absolute;left:0;top:-118px;right:0;height:890px;background:url(../img/index/jszx.png) center top}
.map label { position: absolute;color: #004ea1 }
.map label i { display: inline-block; background: url(../img/index/icon.png); width: 14px; height: 14px; background-position: -72px -8px }
.map .l1 { left: 319px; top: 238px; }
.map .l2 { left: 307px; top: 252px; }
.map .l3 { left: 599px; top: 180px; }
.map .l4 { left: 548px; top: 177px; }
.map .l5 { left: 607px; top: 191px; }
.map .l6 { left: 533px; top: 194px; }
.map .l7 { left: 638px; top: 189px; }
.map .l8 { left: 628px; top: 204px; }
.map .l9 { left: 988px; top: 259px; }
.map .l10 { left: 956px; top: 256px; }
.bottomcurve1{position: absolute;left: 0;bottom: -1px;right: 0;transform: rotate(180deg);}
.bottomcurve1 img{width: 100%;}
.topcurve{top: -1px;bottom: auto;transform: rotate(0);}
.sear-ico{background: url(../img/search.png);width: 26px;height: 26px;display: inline-block;vertical-align: middle;
    margin-top: -6px;cursor: pointer;}
@media screen and (max-width: 1500px) 
{
    .container { width:1200px}
    .news-list li { width: 350px;margin-left: 74px; }
    .index-title { line-height: 130px; padding-top: 30px; font-size: 24px; }
    .news { height: 680px; }
    .our-product li {margin-left: 37px; }
    .our-product li .ico { transform:scale(.9)}
    .header { height: 78px; line-height: 68px;font-size:16px }
    .head-right img,.head-right .sear-ico { transform: scale(.9); }
    .header .logo {top: 12px; }
    .bottom { padding: 20px 0 12px 0;}
    .bottom dl { width: 270px; height: 245px; }
    .bottom .container { padding-left: 100px; }
    .bottom dt { font-size:16px}
    .bottom dd { font-size: 14px; line-height: 27px; }
    .foot { padding-top: 18px; padding-bottom: 4px; font-size: 13px; }
}
.global-layout .map2 { display: none }
.global-layout .map2 img{width:100% }
.our-product .m-pro { display:none}
@media screen and (max-width: 1025px) { 
    .container {width:100%!important }
    .global-layout .map { display: none }
    .global-layout .map2 { display: block }
    .bottom .container { padding-left: 10px; }
    .bottom dl { width: 50%; height: 245px; }
    .our-product li { margin-left: 0; width:20%}
    .index-title {padding-top: 1vw; font-size: 3vw;line-height:4em }
    .our-product li h3 { font-size: 2vw; line-height: 1.6em; margin-top: -35px; }
    .our-product ul {display:none }
    .our-product .m-pro { display:flex;padding-top:5em}
    .our-product .m-pro li{ flex: 1;text-align:center }
    .our-product .m-pro li img { width:88%}
    .our-product .m-pro li h4 { color:#fff;font-size:2vw}
    .news-list li { width: 33.33%; margin-left: 0; }
    .news-list li label img {  height: 22vw;}
    .news-list li label {border-radius: 12px; margin: 0 1vw; }
    .news-list li .con { padding: 0 1vw; }
    .news { height: 320px; }
    .news-list li p { font-size: 12px; height: 78px; overflow: hidden; line-height: 19px; }
    .header > ul { display: block; padding-top: 70px; }
    .header > ul li { padding: 0 4px; line-height: 36px; font-size: 13px; }
    .global-layout .jszx {top: -10px; right: 0; height: 100%; background-size: 100% 100%; }
    .banner .title {left: 30px; top: 30px; width: 260px; }
    .header { height: 114px}
    .search-mask dl { left: 10vw; width: 80vw; }
    .header .logo { height: 60px; }
}
/*公司概况*/
.profile{height: 925px;background: url(../img/profile/pf_bg.jpg) no-repeat center; }
.pf-title{text-align: center;color: #004ea2;font-size: 28px;font-weight: 700;line-height: 100px;padding-bottom: 10px;}
.pf-title:before,.pf-title:after{content: '';display: inline-block;width: 85px;border-bottom: 1px solid #cbced2;    vertical-align: middle;margin: 0 10px;}
.pf-con{width: 972px;margin: 0 auto;}
.pf-con dl dt{padding-left: 32px;font-size: 30px;}
.pf-con dl dd{padding-left: 220px;font-size: 36px;font-weight: 700;padding-top: 12px;padding-bottom: 45px;}
.pf-con ul{padding-top: 32px;display: flex;justify-content: space-between;}
.pf-con ul li{width: 306px;height: 306px;background: #f2f2f2;text-align: center;padding-top: 50px;transition: all .3s;position: relative;top:0;}
.pf-con ul li:hover{top: -8px;box-shadow: 0 2px 6px rgba(0,0,0,0.3);}
.pf-con ul li i{width: 66px;height: 55px;display: inline-block;background: url(../img/profile/pf_ico.png);}
.pf-con ul li h3{font-size: 36px;color: #000;line-height: 92px;}
.pf-con ul li p{font-size: 22px;color: #666;}
.pf-con ul li .i2{background-position: -96px 0;}
.pf-con ul li .i3{background-position: -191px 0;}
.pf-con ul li .i4{background-position: 0 -101px;}
.pf-con ul li .i5{background-position: -101px -102px;}
.pf-con ul li .i6{background-position: -192px -101px;}
.global-dis{height: 980px;background: url(../img/profile/pf_bg2.jpg) no-repeat center;overflow: hidden;}
.gd-con{width: 1160px;margin: 0 auto;border: 1px solid red}
.gdcon-right{float: right;color: #fff;}
.gdcon-right>h2{font-size: 42px;color: #f39600;padding-top: 90px;}
.gdcon-right>p{font-size: 32px;padding-top: 3px;}
.gdcon-right table {width: 510px;}
.gdcon-right table td h3{font-size: 48px;padding-top: 65px;}
.gdcon-right table td p{font-size: 24px;padding-bottom: 25px;}
.gdcon-right table td label{display: block;width: 65px;height: 3px;background: #f39600;}
.ani{transition: all .3s;opacity: 0;left: 180px;position: relative;}
.ani.show{opacity: 1;left: 0;}
@media screen and (max-width: 1025px) {
    .pf-con, .gd-con { width: 100% }
    .gdcon-right { margin-right: 20px; }
    .pf-con ul li { width: 31vw; height: 31vw; padding-top: 1vw; }
    .pf-con ul { justify-content: space-around; padding-top: 10px; }
    .pf-con ul li h3 { font-size: 4vw; line-height: 7vw; }
    .pf-con ul li p { font-size: 2.5vw; }
    .pf-con ul li i { transform: scale(.7) }
    .gdcon-right table td h3 { font-size: 5.6vw }
    .gdcon-right table td p { font-size: 3.6vw; padding-bottom: 16px; }
    .gdcon-right table { width:auto}
    .gdcon-right > h2 { font-size: 8vw;}
    .gdcon-right > p { font-size: 6vw; }
    .pf-con dl dt { font-size: 4.5vw; padding-left: 15px }
    .pf-con dl dd { padding-left: 70px; font-size: 5vw;}
    .profile, .global-dis { height: auto; padding-bottom: 60px }
    .ani {opacity: 1; left: 0;}
}
/*产品*/
.pro-introduce{height: 1163px;background: url(../img/product/pro_bg.jpg) no-repeat center;}
.pi-con{width: 1340px;margin: 0 auto;background: #fff;padding-bottom: 120px;}
.pi-con>dl{text-align: center;padding-top: 40px;}
.pi-con>dl dt{font-size: 28px;font-weight: 700;padding-bottom: 26px;}
.pi-con>dl dd{font-size: 18px;}
.pi-con ul{display: flex;padding-top: 65px;padding-bottom: 45px;border-bottom: 1px solid #d0d0d0;margin-bottom: 30px;}
.pi-con ul li{text-align: center;flex: 1;cursor: pointer;}
.pi-con ul li i{position: relative;width: 82px;overflow: hidden;height: 60px;display: inline-block;}
.pi-con ul li i:before{position: absolute;height: 120px;width: 82px;background: url(../img/product/pro_ico.png);content: '';left: 0;top: 0;transition: top .3s;}
.pi-con ul li .i1::before{background-position: -5px 0;}
.pi-con ul li .i2::before{background-position: -123px 0;}
.pi-con ul li .i3::before{background-position: -239px 0;}
.pi-con ul li .i4::before{background-position: -345px 0;}
.pi-con ul li .i5::before{background-position: -449px 0;}
.pi-con ul li .i6::before{background-position: -528px 0;}
.pi-con ul li p{font-size: 17px;padding-top: 2px;}
.pi-con ul li:hover i:before,.pi-con ul .select i:before{top:-60px}
.pi-con ul li:hover p,.pi-con ul .select p{color: #004ea2;}
.pro-slide{display: flex;padding: 50px 100px;cursor: pointer;}
.pro-slide label img{width: 580px;height: 388px;}
.pro-slide dl{padding-left: 45px;}
.pro-slide dl dt{font-size: 30px;font-weight: 700;padding-bottom: 50px;line-height: 38px;}
.pro-slide dl dd{font-size: 18px;line-height: 26px;}
.pro-slide dl .d1{font-size: 16px;font-weight: 700;line-height: 42px;}
.pi-con .swiper-button-prev{left: 30px;}
.pi-con .swiper-button-next{right: 30px;}
.pi-con .swiper-button-next.swiper-button-disabled,.pi-con  .swiper-button-prev.swiper-button-disabled {color: #d6d6d6;opacity: 1;}
.pi-con .swiper-container-horizontal>.swiper-pagination-bullets{width: 60%;}
.pi-con .swiper-pagination-bullet{background: #fff;border: 3px solid #d6d6d6;width: 14px;height: 14px;opacity: 1;}
.pi-con .swiper-pagination-bullet-active{border-color: #004ea2;}
.button-next,.button-prev{position: absolute;border-left: 5px solid #004ea2;border-bottom: 5px solid #004ea2;width: 32px;height: 32px;top: 275px;z-index: 2;cursor: pointer;}
.button-next{transform: rotate(225deg);right: 30px;}
.button-prev{transform: rotate(45deg);left: 30px;}
.button-prev.swiper-button-disabled,.button-next.swiper-button-disabled{border-color: #d6d6d6;}
@media screen and (max-width: 1500px) 
{
    .pi-con{width: 1250px;}
    .pro-slide label img{width: 550px;height: 392px;}
}
@media screen and (max-width: 1025px) {
    .pi-con { width: 100%;padding-bottom:50px }
    .pi-con ul li p { font-size: 12px;}
    .pi-con ul {flex-wrap: wrap; }
    .pi-con ul li { flex: auto; width: 33.33vw; padding-bottom: 15px; }
    .pi-con > dl dd { font-size: 14px; }
    .pro-slide label img { width: 43vw; height: 30vw; }
    .pro-slide { padding: 30px 15px; }
    .pro-slide dl { padding-left: 12px; }
    .button-next, .button-prev { display:none}
    .pro-slide dl dt { font-size: 16px; padding-bottom: 0px; line-height: 24px; padding: 6px 0; }
    .pro-slide dl .d1 { font-size: 16px;line-height: 26px; }
    .pro-slide dl dd { font-size: 12px; line-height: 19px; }
    .pro-introduce { height: auto;padding-bottom: 160px; }
}
/*新闻*/
.news-mian{width: 1210px;margin: 0 auto;}
.news-name{color: #004ea2;font-size: 28px;font-weight: 700;text-align: center;border-bottom: 1px solid #cbced2;padding-bottom: 45px;}
.news-data{}
.news-data li{display: flex;padding: 30px 0;}
.news-data li>label img{width: 260px;height: 174px;}
.news-data li dl{padding-left: 60px;font-size: 16px;}
.news-data li dl dt{font-size: 20px;font-weight: 700;padding-top: 20px;padding-bottom: 8px;}
.news-data li .d1{color: #888;}
.news-data li .d2{line-height: 32px;padding-top: 20px;}
.news-data li:first-child>label img{width: 513px;height: 343px;}
.news-data li:first-child dl dt{padding-top: 12px;padding-bottom: 10px;}
.news-data li:first-child .d2{padding-top: 46px;line-height: 30px;}
.news-data li:first-child dl{padding-left: 75px;}
.news-detail{width: 1050px;margin: 0 auto;}
.retuen-news{color: #004ea2;font-size: 16px;}
.retuen-news a:before{content: '';border-bottom: 2px solid #004ea2;border-left: 2px solid #004ea2;width: 8px;height: 8px;display: inline-block;transform: rotate(45deg);
margin-right: 5px;}
.news-con{display: flex;justify-content: space-between;padding-top: 20px;padding-bottom: 100px;}
.news-con .ndc-left {width: 650px;}
.news-con .ndc-right {width: 345px;background: #eff3f9;text-align: center;height: 360px;padding: 0 22px;}
.ndc-left h2{font-size: 24px;font-weight: 700;line-height: 38px;}
.ndc-left h3{color: #888;line-height: 54px;border-bottom: 1px solid #cbced2;}
.ndc-img{padding: 20px 2px;}
.ndc-img img{width: 100%;}
.ndc-right dt{border-bottom: 1px solid #333;font-size: 20px;font-weight: 700;padding-top: 45px;padding-bottom: 20px;}
.ndc-right dd{padding-top: 50px;}
.ndc-left h4{font-size: 20px;font-weight: 700;padding-top: 10px;padding-bottom: 18px;}
.ndc-left p{font-size: 18px;line-height: 36px;padding-bottom: 30px;}
@media screen and (max-width: 1500px) 
{
    .ndc-left h4{font-size: 18px;padding-top: 10px;padding-bottom: 18px;}
    .ndc-left p{font-size: 16px;line-height: 32px;padding-bottom: 30px;}
}
@media screen and (max-width: 1025px) {
    .banner .title { width: 120px; }
    .news-mian { width: 100%; }
    .news-data li:first-child > label img, .news-data li > label img { width: 40vw; height: 28vw; margin-left: 8px; }
    .news-data li dl, .news-data li:first-child dl { padding-left: 15px; font-size: 12px; }
    .news-data li dl dt, .news-data li:first-child dl dt { font-size: 14px; padding-top: 0px; padding-bottom: 3px; }
    .news-data li .d2, .news-data li:first-child .d2 { line-height: 20px; padding-top: 8px;}
    .news-detail { width: 97%}
    .news-con { display:block}
    .news-con .ndc-left { width: 100%; }
    .news-con .ndc-right { width: 85%;margin: 0 auto; }
}
/*企业文化*/
.culture{height: 950px;background: url(../img/culture/bg.jpg) no-repeat center bottom;}
.culture-box{width: 1250px;margin: 0 auto;}
.culture-box ul{display: flex;justify-content: space-between;}
.culture-box ul li{width: 151px;padding: 0 8px;transition: all .3s;}
.culture-box ul li h1{color: #004ea2;font-size: 150px;text-align: center;}
.culture-box ul li h2{font-size: 24px;font-weight: 700;text-align: center;padding-bottom: 29px;padding-top: 20px;}
.culture-box ul li p{line-height: 27px;}
.culture-box ul li:first-child label{padding-left: 16px;}
.culture-box ul li:first-child h1{padding-left: 10px;}
.culture-box ul li:hover{box-shadow: 0 2px 8px rgba(0,0,0,0.3);transform: scale(1.2);}
@media screen and (max-width: 1500px) 
{
    .culture{height: 920px;}
    .culture-box ul li h1 {font-size: 110px;}
    .culture-box ul li h2{font-size: 20px;}
    .culture-box ul li p{line-height: 24px;font-size: 13px;}
    .culture-box ul li:first-child h1 { padding-left: 22px; }
    .culture-box ul li:first-child label {padding-left: 32px; }
}
@media screen and (max-width: 1025px) {
    .culture-box { width: 100%;}
    .culture-box ul {flex-wrap: wrap; }
    .culture-box ul li { width: 50%; }
}
/*联系我们*/
.contact-bd{width: 1090px;margin: 0 auto;}
.contactus{display: flex;}
.contactus .left{width: 690px;background: #eff3f9;padding: 50px;}
.form-item{padding-top: 16px;}
.form-item input,.form-item textarea{width: 100%;height: 32px;border: 0;padding-left: 5px;}
.form-item textarea{height: 300px}
.form-btn{text-align: center;padding-top: 70px;padding-bottom: 15px;}
.form-btn input{width: 210px;height: 43px;border: 0;background: #004ea2;color: #fff;font-size: 18px;cursor: pointer;}
.contactus .right{background: #fff;flex: 1;padding: 20px 12px 0 58px;}
.contactus .right dl{border-top:1px solid  #d1d1d1;padding-bottom: 19px;}
.contactus .right dl dt{padding-top: 28px;padding-bottom: 14px;color: #004ea2;font-size: 18px;font-weight: 700;}
.contactus .right dl:first-child{border: 0;}
.qyewm{padding-top: 25px;}
.qyewm p{padding-left: 23px;}
@media screen and (max-width: 1025px) {
    .contact-bd { width: 100%; }
    .contactus { display: block; }
    .contactus .left { width: 100%; padding: 20px; }
    .pf-title { padding-top: 8px !important; padding-bottom: 8px !important; }
    .form-item textarea { height: 120px; }
    .culture { height: auto;padding-bottom:30px }
    .form-btn {padding-top: 35px; }
}