*{
    margin: 0;
    padding: 0;
    font-family:Arial, Helvetica, sans-serif ;
}
a{
    text-decoration: none;
}
ul{
    list-style: none;
    overflow: hidden;
}
img{
    border: none;
}
i,em{
    font-style: normal;
    display: block;
}
.clear::after{
    content: '';
    display: block;
    clear: both;
}
.wid{
    width: 1350px;
    margin: 0 auto;
}
/*header*/
.header{
    width: 100%;
    height: 140px;
    background: url(../images/h_bg.png) center center no-repeat;
    position: relative;
    z-index: 111;
}
.h_con{
    height: 140px;
    position: relative;
}
.h_phone{
    color: #e30b01;
    font-size: 32px;
    letter-spacing: -1px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 8px;
}
.h_phone::before{
    content: '';
    display: inline-block;
    width: 45px;
    height: 41px;
    background: url(../images/icon.png) -404px -22px no-repeat;
    margin-right: 8px;
    vertical-align: middle;
    margin-bottom: 10px;
}
.logo{
    margin-top: 20px;
}
.nav{
    margin-top: 60px;
    margin-left: 100px;
}
.logo,.nav{
    float: left;
}
.nav li{
    float: left;
    width: 110px;
    line-height: 80px;
    text-align: center;
    margin: 0 12px;
    height: 80px;
}
.nav li a{
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}
.nav li:hover{
    font-weight: bold;
}
/*banner*/
.banner{
    height: 940px;
    position: relative;
    margin-top: -140px;
}
.banner .swiper-container {
    height: 940px;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.banner .swiper-slide {
    height: 940px;
}

.banner:hover .pagination {
    opacity: 1;
}

.banner:hover .arrow-left {
    opacity: 1;
}

.banner:hover .arrow-right {
    opacity: 1;
}

.banner .pagination {
    position: absolute;
    z-index: 20;
    bottom: 20px;
    text-align: center;
    width: 100%;
    opacity: 0;
    transition: all 0.5s;
}

.banner .swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #0162ef;
    margin: 0 3px;
    cursor: pointer;
}

.banner .swiper-active-switch {
    width: 15px;
    height: 15px;
    border-radius: 20px;
    background: #fff;
}
.banner .arrow-left {
    background: url(../images/b_arrow.png) no-repeat left bottom;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    z-index: 222;
    opacity: 0;
    transition: all 0.5s;
}
.banner .arrow-right {
    background: url(../images/b_arrow.png) no-repeat right bottom;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    z-index: 222;
    opacity: 0;
    transition: all 0.5s;
}
/*h_b*/
.h_b{
    width: 100%;
    height: 140px;
    background: #0f4b94;
}
.h_b_con ul li{
    width: 25%;
    height: 140px;
    box-sizing: border-box;
    overflow: hidden;
    float: left;
    padding: 25px 30px;
    cursor: pointer;
}
.h_b_con ul li em,.h_b_con ul li div{
    float: left;
    color: #fff;
}
.h_b_con ul li em{
    width: 85px;
    height: 85px;
    background-image: url(../images/icon.png);
    margin-right: 18px;
    transition: all 0.6s;
}
.h_b_con ul li:hover em{
    transform: rotateY(360deg);
}
.h_b_con ul li:nth-child(1) em{
    background-position: -15px -218px;
}
.h_b_con ul li:nth-child(2) em{
    background-position: -109px -218px;
}
.h_b_con ul li:nth-child(3) em{
    background-position: -205px -218px;
}
.h_b_con ul li:nth-child(4) em{
    background-position: -300px -218px;
}
.h_b_con ul li div h3{
    font-size: 26px;
    font-weight: normal;
    margin-top: 10px;
}
.h_b_con ul li div p{
    margin-top: 5px;
    font-size: 15px;
}
/*pro*/
.tit{
    text-align: center;
}
.tit h3{
    font-size: 42px;
    color: #0f4b94;
    position: relative;
}
.tit h3::before{
    content: '';
    display: block;
    width: 35px;
    height: 40px;
    background: url(../images/icon.png) -9px -5px no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.tit h3 em,.tit h3 i{
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
}
.tit p{
    font-size: 15px;
    color: #333;
}
.pro{
    padding: 40px 0;
}
.pro_list{
    margin: 20px auto;
    width: 1300px;
}
.pro_list a{
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 45px;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
}
.pro_list li{
    float: left;
    margin: 0 5px;
    border-radius: 23px;
    background: #0f4b94;
    width: 200px;
    text-align: center;
    height: 45px;
	margin-bottom:10px;
}
.pro_litpic {
    width: 86%;
    margin: 30px auto 0 auto ;
    height: 640px;
    overflow: hidden;
}
.pro_go>ul>li {
    width: 24.6%;
    margin: 5px 0.2%;
    float: left;
    overflow: hidden;
    position: relative;
}
.pro_go>ul>li>a {
    display: block;
    height: 310px;
    overflow: hidden;
    position: relative;
}   
.pro_go>ul>li a img {
    width: 100%;
    height: auto;
    min-height: 310px;
    transition: all 0.5s;
}
.pro_go>ul>li a em{
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    background: #0f4b94;
    position: absolute;
    left: 0;
    bottom: 0;
}
.cover{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(22,98,200,.7);
    display: none;
}
.cover i{
    width: 70px;
    height: 75px;
    background: url(../images/icon.png) -63px -6px no-repeat;
    margin: 50px auto 15px auto;
}
.cover span{
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 15px;
    border-radius: 20px;
    background: #0f4b94;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    display: block;
    width: 55%;
    margin: 0 auto;
}
.cover strong{
    font-weight: normal;
    font-size: 32px;
    color: #fff;
    display: block;
    margin: 9px 0;
    text-align: center;
}
.pro_go>ul>li:hover .cover{
    display: block;
}
.pro_go>ul>li:hover em{
    display: none;
}
/*com*/
.com_con{
    padding: 0 20px;
    box-sizing: border-box;
}
.com{
    width: 100%;
    height: 725px;
    box-sizing: border-box;
    background: url(../images/com_bg.jpg) center center no-repeat;
}
.com_l{
    float: left;
    width: 700px;
    padding: 65px 0px;
}
.com_l img{
    margin-bottom: 15px;
}
.com_l p{
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    margin-top: 20px;
}
.com_r{
    float: right;
    margin-top: 40px;
}
/*case*/
.case{
    width: 100%;
    background: url(../images/case_bg.jpg) center bottom no-repeat;
    padding-bottom: 40px;
    margin-top: -20px;
}
.pro_list.lb{
    width: 400px;
}
.case_con{
    margin: 30px auto;
    position: relative;
}
.case_go{
    width: 1250px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.case_go ul{
    position: relative;
}
.case_go ul li{
    float: left;
    width: 410px;
    position: relative;
    overflow: hidden;
    margin: 0 3px;
    height: 300px;
}
.case_go ul li a{
    display: block;
    width: 100%;
    height: 260px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.case_go ul li img{
    width: 100%;
    height: auto;
    min-height: 260px;
    transition: all 0.6s;
}
.case_go ul li em{
    position: absolute;
    bottom: 0;
    left: 0;
    background: #0f4b94cf;
    color: #ffff;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    width: 100%;
    opacity: 0;
}
.case_go ul li.active em,.case_go ul li:hover em{
    opacity: 1;
}
.case_go ul li:hover img{
    transform: scale(1.1);
}
.case_go ul li.active a{
    height: 300px;
}
.case_go ul li.active img{
    min-height: 300px;
}
.case_r,.case_l{
    width: 65px;
    height: 65px;
    background: url(../images/icon.png);
    position: absolute;
    top: 55%;
    margin-top: -32.5px ;
    cursor: pointer;
}
.case_r{
    background-position: -257px -10px;
    right: 0px;
}
.case_l{
    background-position: -187px -10px;
    left: 0px;
}
/*dinggou*/
.dg{
    width: 100%;
    height: 230px;
    box-sizing: border-box;
    background: url(../images/heng.jpg) center center no-repeat;
    padding: 30px 0;
}
.dg h3{
    font-size: 40px;
    color: #fff;
    text-align: center;
}
.dg h3 em{
    color: #ffba00;
    display: inline;
}
.dg_con ul{
    margin-top: 20px;
}
.dg_con ul li{
    float: left;
    width: 320px;
    height: 95px;
    border: 1px solid #a8c3e4;
    overflow: hidden;
    box-sizing: border-box;
    color: #fff;
    padding: 20px 50px;
    margin: 0 8px;
}
.dg_con ul li em{
    float: left;
    width: 50px;
    height: 50px;
    background-image: url(../images/icon.png) ;
    margin-right: 20px;
}
.dg_con ul li:nth-child(1) em{
    background-position: -12px -123px;
}
.dg_con ul li:nth-child(2) em{
    background-position: -73px -123px;
}
.dg_con ul li:nth-child(4) em{
    background-position: -153px -124px;
}
.dg_con ul li:nth-child(3) em{
    background: none;
    width: 75px;
    height: 75px;
    overflow: hidden;
}
.dg_con ul li:nth-child(3){
    padding: 8px 40px;
}
.dg_con ul li:nth-child(3) div{
    margin-top: 12px;
}
.dg_con ul li:nth-child(4) i{
    font-size: 20px;
}
.dg_con ul li i{
    font-size: 16px;
}
.dg_con ul li h4{
    font-size: 24px;
    font-family: 'Impact';
    font-weight: normal;
}
/*news*/
.news{
    width: 1290px;
    margin:40px auto;
}
.news_l{
    float: left;
    width: 625px;
    height: 450px;
    box-sizing: border-box;
    background: #f7f7f7;
    padding: 12px;
}
.news_l span{
    display: block;
    width: 600px;
    height: 300px;
    overflow: hidden;
    margin-bottom: 25px;
}
.news_l>.n_des{
    padding: 0 30px 0 10px;
}
.news_l img{
    width: 100%;
    height: auto;
    min-height: 300px;
}
.n_des h3{
    font-weight: normal;
    font-size: 17px;
    color: #333;
    transition: all 0.6s;
}
.n_des h3::before{
    content: '·';
    width:8px;
    height: 8px;
    border-radius: 50%;
    background: #333;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.n_des p{
    font-size: 15px;
    color: #666;
    margin-top: 8px;
    line-height: 25px;
}
.news_r{
    float: right;
    width: 645px;
}
.news_r ul li{
    width: 100%;
    height: 105px;
    margin-bottom: 10px;
    background: #f7f7f7;
    box-sizing: border-box;
    padding: 11px 30px;
}
.news_r ul li.active{
    background: #0f4b94;
}
.news_r ul li.active h3,.news_r ul li.active p{
    color: #fff;
}
.news_r ul li.active h3{
    padding-left: 15px;
}
.news_r ul li.active h3::before{
    background: #fff;
}
/*f_heng*/
.f_heng{
    background: url(../images/h_t.png) center center no-repeat;
    height: 166px;
    box-sizing: border-box;
    padding: 53px 0;
}
.f_heng_con{
    width: 1250px;
    margin: 0 auto;
    overflow: hidden;
}
.f_heng_con>span{
    float: left;
    color: #fff;
    margin-top: 12px;
}
.f_heng_con>span i{
    font-size: 28px;
    font-weight: bold;
}
.f_heng_con>span ul{
    margin-top:12px ;
}
.f_heng_con>span ul li{
    float: left;
    position: relative;
    
}
.f_heng_con>span ul li a{
    color: #fff;
    margin-right: 30px;
}
.f_heng_con>span ul li::after{
    content: '';
    display: block;
    height: 14px;
    width: 1px;
    background: #3381e8;
    position: absolute;
    top: 6px;
    right: 12px;
}
.f_heng_con>span ul li a::after{
    content: '';
}
.f_heng_con em{
    float: left;
    color: #fff;
    position: relative;
    padding-left: 60px;
    margin-left: 265px;
    margin-top: 20px;
}
.f_heng_con em::before{
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 50px;
    height: 50px;
    background: url(../images/icon.png) -256px -121px no-repeat;
}
.f_heng_con em i{
    font-size: 15px;
}
.f_heng_con em span{
    display: block;
    font-size: 36px;
}
/*footer*/
.footer{
    background: #1d1d1d;
    padding-top: 60px;
}
.f_con{
    width: 1250px;
    margin: 0 auto;
    overflow: hidden;
}
.f_t{
    overflow: hidden;
}
.qiye,.f_nav{
    float: left;
}
.ewm{
    float: right;
}
.qiye{
    width: 445px;
}
.qiye h3{
    color: #fff;
    font-size: 26px;
    font-weight: normal;
}
.qiye em{
    margin: 20px 0;
    width: 60px;
    height: 1px;
    background: #fff;
}
.qiye p{
    font-size: 15px;
    line-height: 25px;
    color: #9e9e9e;
}
.qiye a span{
    display: block;
    width: 230px;
    height: 50px;
    background: url(../images/icon.png) -95px -146px no-repeat;
    margin-top: 30px;
}
.f_nav{
    overflow: hidden;
    margin-left: 110px;
}
.f_nav ul{
    float: left;
}
.kuaijie li{
    line-height: 30px;
    font-size: 15px;
}
.kuaijie li::before{
    content: '>';
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: #9e9e9e;
}
.kuaijie li a{
    color: #9e9e9e;
}
.f_nav ul strong{
    font-size: 17px;
    color: #fff;
    font-weight: normal;
    display: block;
    margin-bottom: 20px;
}
.f_contact{
    margin-left: 70px;
    color: #9e9e9e;
    font-size: 15px;
}
.f_contact li{
    line-height: 40px;
}
.f_contact li span{
    content: '';
    display: inline-block;
    width: 24px;
    height: 26px;
    background-image:url(../images/icon.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}
.f_contact li:nth-child(2) span{
    background-position: -351px -19px;
}
.f_contact li:nth-child(3) span{
    background-position: -352px -59px;
}
.f_contact li:nth-child(4) span{
    background-position: -351px -98px;
}
.ewm img{
    width: 140px;
    height: 140px;
}
.ewm em{
    text-align: center;
    margin-top: 8px;
    font-size: 14px;
    color: #9e9e9e;
}
.f_b{
    border-top: 1px solid #2b2b2b;
    overflow: hidden;
    line-height: 60px;
    font-size: 15px;
    color: #9e9e9e;
    margin-top: 40px;
}
.f_b p{
    float: left;
}
.f_b span{
    float: right;
}
.f_b a img{
    vertical-align: middle;
    display: inline-block;
    margin-top: 17px;
}
.f_b a{
    color:#9e9e9e ;
}
.guest {
    color: #FFF;
}

.guest h1 {
    font-size: 48px;
    margin-bottom: 0;
}

.guest h3 {
    font-size: 15px;
    font-weight: normal;
    margin: 16px 0;
    color: #666;
}

#form_do input {
    height: 45px;
    width: 49%;
    padding: 0 2%;
    line-height: 45px;
    border: 0;
    outline: none;
    margin-bottom: 12px;
    font-size: 15px;
    float: left;
    margin-right: 3px;
    box-sizing: border-box;
    background: #1d1d1d;
    border: 1px solid #545454;
    border-radius: 3px;
    color: #fff;
    margin-top: 5px;
}

#form_do textarea {
    height: 100px;
    width: 99%;
    padding: 2%;
    border: 0;
    outline: none;
    resize: none;
    border-radius: 3px;
    font-size: 15px;
    font-family: "Microsoft YaHei";
    background: #1d1d1d;
    border: 1px solid #545454;
    box-sizing: border-box;
    color: #fff;
}

#form_do button {
    height: 35px;
    line-height: 35px;
    width: 30%;
    float: none;
    background: #2d2d2d;
    border: 0;
    color: #FFF;
    border-radius: 3px;
}

#form_do button:hover {
    background: #0f4b94;
    color: #FFF;
    cursor: pointer
}