/*头部*/
.head-top{height: 40px;border-bottom: 1px solid #ddd;}
.head-top .l{float: left;font-size: 14px;color: #666;line-height: 40px;}
.head-top .r{float: right;line-height: 40px;text-align: right;}
.head-top .r a{display: inline-block;padding: 0 10px;font-size: 14px;color: #666;}
.head-top .r a:nth-child(1){position: relative}
.head-top .r a:nth-child(1)::after{content: '|';position: absolute;right: -5px;top: 0;}
.head-top .r a:hover{color: #02396c}

/*header*/
.header{height: 110px;background: #fff;}
.header-l{width: 800px;float: left;}
.header-l a{display: block;width: 100%;box-sizing: border-box;background: url("../img/logo.jpg") left center no-repeat;
    padding:15px 0 15px 58px;background-size: 45px 67px;margin-top: 4px;}
.header-l a .p1{font-size: 26px;color: #333;font-weight: bold;margin-top: 0px;}
.header-l a .p2{}
.header-l a .p2 span{display: inline-block;padding: 1px 7px 2px 7px;background: #eee;border-radius: 4px;box-sizing: border-box;
    border: 1px solid #eee;font-size: 14px;color: #02396c;margin-top: 4px;margin-right: 14px;}
/**/
.header-r{padding-left: 56px;float: right;background: url("../img/h-t.png") left center no-repeat;margin-top: 27px;background-size: 44px;}
.header-r .p1{color: #666;text-indent: 2px;}
.header-r .p2{color: #02396c;}
.header-r .p2 span{}
.header-rr{float: right}
.header-rr img{display: block;width: 90px;margin-top: 11px;margin-left: 24px;}
/*menu*/
.menu{background: #02396c;height: 50px;}
.menu li{width: 150px;float: left;border-right: 1px solid #2b669c;box-sizing: border-box}
.menu .container{border-left: 1px solid #2b669c}
.menu li a{display: block;width: 100%;height: 50px;text-align: center;line-height: 50px;font-size: 14px;color: #fff;
    text-transform: uppercase;}
.menu li a:hover{background: #0a2c4c;}
.menu li a.xz{background: #0a2c4c;font-weight: bold}
/*banner*/
.banner{width: 100%;}
.banner img{display: block;width: 100%;min-height: 500px;object-fit: cover}
/*大标题*/
.big-title .bt2 span{display: inline-block;width: 50px;height: 4px;background: #02396c;}
/**/
/*分类侧边*/
/***********************************/
.side-bg{padding: 15px 0;width: 100%;text-align: center;color: #fff;background: #02396c;margin-bottom: 10px;font-weight: bolder;
    font-size: 16px;text-transform: uppercase;}
.sidebar{width: 270px;float: left;}
.sidebar .bt{padding:15px 0;background: #02396c;margin-bottom: 11px;font-weight: bold}
.sidebar .two{margin-bottom: 0}
.sidebar li{margin-bottom: 8px;width: 100%;}
.sidebar li a.a{display: block;width:100%;background: #fff;padding: 15px 20px;box-sizing: border-box;
    font-size: 14px;font-weight: normal;color: #353535;}
.sidebar li.xz a.a{color: #02396c;border-left: 3px solid #02396c;}
.sidebar li a.a:hover{background: #02396c;color: #fff}
/*产品列表*/
.i-p-list{width: 905px;float: right;}
.prolist li{width: 32%;float: left;margin-right: 2%;}
.prolist li:nth-child(3n){margin-right: 0}
.prolist li:nth-child(n+4){margin-top: 20px;}
.prolist .a{display: block;width: 100%}
.prolist .a .i{width: 100%;height: 280px;box-sizing: border-box;border: 1px solid #eeeeee;border-bottom: 0px;}
.prolist .a .t{background: #eee;color: #333;}
.prolist .a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.prolist .a .t .p1{color: #666;border-bottom: 1px solid #ddd;padding: 15px 0;font-weight: bolder;}
.prolist .a .t .p2{text-align: center;padding: 15px 0;}
.prolist .a .t .p2 a{display: inline-block;padding: 8px 26px;background: #fff;font-size: 14px;text-align: center;
    border-radius: 4px;color: #333;border: 1px solid #ddd;}
/*.prolist .a:hover .t{background: #02396c;}*/
.prolist .a .t .p2 a:hover{background: #02396c;color: #fff;}
.prolist .a .t .p2 a:nth-child(1){background: #02396c;color: #fff;}
.abfour{margin-top: 30px;}
.abfour li{width: 25%;float: left;}
.abfour li:nth-child(n+2){border-left: 1px solid #ddd;box-sizing: border-box;}
.abfour li .p3{text-align: center;}
.abfour li .p3 span{font-size: 26px;font-weight: bolder;color: #02396c}
.abfour li .p3 small{font-size: 14px;color: #666}
.abfour li .p4{font-size: 14px;color: #666;text-align: center;margin-top: 15px;}
/*565net必赢客户端*/
/*.iab .big-title p{color: #fff!important;}*/
.iab-l{width: 540px;float: left;height: 370px;box-sizing: border-box;border: 1px solid #ddd;}
.iab{padding: 0px 0;background: #fff;}
.iab-l video{outline: none;}
.iab-r{width: 630px;float: right;}
.iab-r .p1{border-bottom: 2px solid rgba(255,255,255,0.3);color: #02396c;padding-bottom: 0px;}
.iab-r li{font-size: 16px;color: #666;line-height: 1.6;margin-top: 18px;font-weight: lighter;word-break: break-all;}
.iab-l ul li{width: 49%;float: left;}
.iab-l ul li:nth-child(2){float: right;}
.jiqi{margin-top: 40px;}
.jiqi li{width: 31%;float: left;height: 300px;overflow: hidden;}
.jiqi li:nth-child(n+2){margin-left: 2.6%;}

/*两个a*/
.ipro-more{}
.ipro-more a{display: block;width:140px;height: 40px;position: relative;overflow: hidden;float: left;}
.ipro-more .a1{margin-right: 20px;}
.ipro-more a .one{position: absolute;width: 140px;height: 40px;z-index: 2;}
.ipro-more a .one .son{width: 40px;height: 40px;background: rgba(0,0,0,0.3);border-radius: 50%;opacity: 0}
.ipro-more a .two{position: absolute;width: 160px;height: 40px;z-index: 3;
    color: #fff;line-height: 40px;font-size: 14px;text-align: center;
    background: url("../img/j.png") left 21px center no-repeat}
.ipro-more .a1 .one{background: #313131;color: #fff}
.ipro-more .a2 .one{background: #02396c;color: #fff}
/*.ica .more1 a:hover{border: 1px solid #1f499d}*/
.ipro-more a:hover .one .son{transform: scale(5);-webkit-transform: scale(5);opacity: 1;}
/*优势*/
.in-youshi{
    padding:60px 0;
}
.in-youshi-list{
    margin-bottom: 47px;
}
.in-youshi-list:last-child{
    margin-bottom:0;
}
.in-youshi-list .youshi-text{
    width: 555px;
    padding-left: 105px;
    position: relative;
    box-sizing: border-box;
}
.in-youshi-list .youshi-text .shuzi{
    position: absolute;
    width: 78px;
    height: 77px;
    background: url("../img/youshi-shuzi.png") no-repeat center;
    text-align:center;
    line-height: 77px;
    font-size:28px;
    font-weight: 700;
    color:#fff;
    left:0;
    top:0;
}
.in-youshi-list:nth-child(odd) .youshi-text{
    float: left;
}
.in-youshi-list:nth-child(odd) .youshi-img{
    float: right;
}
.in-youshi-list:nth-child(even) .youshi-text{
    float: right;
}
.in-youshi-list:nth-child(even) .youshi-img{
    float: left;
}
.in-youshi-list .youshi-text .fir{
    font-size:26px;
    color:#4c4c4c;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 32px;
}
.in-youshi-list .youshi-text .sec{
    font-size:14px;
    color:#4c4c4c;
    letter-spacing: 1px;
}
.in-youshi-list .youshi-text .line{
    width: 40px;
    height: 1px;
    background: #f6c413;
    margin:12px 0;
}
.in-youshi-list .youshi-text .thr{
    font-size:14px;
    color:#7b7b7b;
    line-height: 25px;
    text-align: justify;
    margin-top: 8px;
}
.in-youshi-list .youshi-img{
    width:569px;
    height: 246px;
    overflow: hidden;
}
.in-youshi-list .youshi-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.in-youshi-list:hover .youshi-img img{
    -webkit-transform: scale(1.03) translateZ(0);
    -moz-transform: scale(1.03) translateZ(0);
    -ms-transform: scale(1.03) translateZ(0);
    -o-transform: scale(1.03) translateZ(0);
    transform: scale(1.03) translateZ(0);
}
/*广告*/
.in-guang{
    margin-bottom: 60px;
    height: 208px;
    background: url("../img/guangbg.jpg") no-repeat center;
}
.in-guang .guang-left{
    float: left;
    margin-top: 64px;
}
.in-guang .guang-left .fir{
    font-weight: 700;
    font-size:30px;
    color:#fff;
    letter-spacing: 1px;
    line-height: 30px;
}
.in-guang .guang-left .sec{
    font-size:14px;
    color:#fff;
    text-transform: uppercase;
}
.in-guang .guang-left .spanbox span{
    line-height: 30px;
    display: inline-block;
    padding-left: 23px;
    background: url(../img/gou.png) no-repeat left center;
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
    margin-top: 6px;
}
.in-guang .guang-right{
    float: right;
    padding-left: 49px;
    background: url(../img/guang-tel.png) no-repeat left center;
    margin-top: 72px;
}
.in-guang .guang-right .fir{
    font-size:16px;
    color:#fff;
}
.in-guang .guang-right .sec{
    font-size:30px;
    color:#fff;
    font-weight: 700;
    line-height: 30px;
}
/*新闻*/
.n-left{
    background: #f5f5f5;
    width: 423px;
    height: 517px;
    border: 1px solid #eee;
    float: left;
    padding: 22px;
}
.n1-img{
    width: 100%;
    height: 313px;
    overflow: hidden;
}
.n1-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.n1-tit h3{
    color: #333333;
    font-size: 18px;
    padding: 30px 0 20px 0;
    font-weight: bold;
}
.n1-tit p{
    color: #999999;
    font-size: 14px;
    line-height: 24px;
}
.n1-tit small{
    color: #999999;
    font-size: 12px;
    display: block;
    padding-top: 24px;
}
.n-left:hover .n1-tit h3{
    color: #02396c;
}
.n-right{
    width: 712px;
    float: right;
}
.n-right ul li{
    width: 100%;
    height: 170px;
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
}
.n-right ul li .n2-img{
    width:196px;
    height: 147px;
    float: left;
    overflow: hidden;
}
.n-right ul li .n2-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-transform: scale(1.04);
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.n-right ul li:hover .n2-img img{
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.n-right ul li .n2-tit{
    width: 480px;
    float: right;
}
.n-right ul li .n2-tit h3{
    color: #333333;
    font-size: 18px;
    padding-bottom: 17px;
    font-weight: bold;
}
.n-right ul li .n2-tit p{
    color: #999999;
    font-size: 14px;
    line-height: 24px;
}
.n-right ul li .n2-tit small{
    color: #999999;
    font-size: 12px;
    display: block;
    padding-top: 18px;
}
.n-right ul li:hover .n2-tit h3{
    color: #02396c;
}
/*案例*/
.swiper-container-case a{display: block;width: 100%;}
.swiper-container-case a .i{width: 100%;height: 370px;position: relative;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;}
.swiper-container-case a .t{width: 75%;padding: 0 20% 0 5%;height: 50px;background: rgba(0,0,0,0.4) url("../img/cjt.png") right 5% center no-repeat;
    position: absolute;line-height: 50px;color: #fff;font-size: 16px;
    left: 0;bottom: 0}
.swiper-container-case a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.swiper-container-case a:hover .t{background: rgba(0,0,0,0.7) url("../img/cjt.png") right 5% center no-repeat;}
.all-more{text-align: center;}
.all-more{width: 140px;height: 40px;border: 1px solid #ddd;margin: 0 auto}
.all-more a .one{position: absolute;width: 140px;height: 40px;z-index: 2;}
.all-more a .one .son{width: 40px;height: 40px;background: #eee;border-radius: 50%;opacity: 0}
.all-more a .two{position: absolute;width: 140px;height: 40px;z-index: 3;
    color: #4c4c4c;line-height: 40px;font-size: 14px;text-align: center}
.all-more a:hover .one .son{transform: scale(4);-webkit-transform: scale(4);opacity: 1}
/*.all-more a:hover .two{color: }*/
/*底部*/
.footer {
    width: 100%;
    position: relative;
    background: #1d1d1d;
    padding: 50px 0 40px 0;
    border-top: 10px solid #02396c;
}
.foot1{
    width: 525px;
    height: 255px;
    float: left;
    border-right: 1px solid rgba(255,255,255,0.2);
}
.foot1 h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.foot1 h3:after{
    display: block;
    content: '';
    width: 32px;
    height: 2px;
    background: #02396c;
    margin: 16px 0;
}
.foot1 ul li{
    color: #fff;opacity: 0.7;
    font-size: 14px;
    line-height:30px;
}
.foot1 p{
    padding-top: 40px;
    color: #666666;
    font-size: 14px;
}
.foot1 p a{
    color: #666666;
    font-size: 14px;
}
.foot2{
    width: 263px;
    float: left;
    height: 255px;
    border-right: 1px solid rgba(255,255,255,0.2);
    margin-left: 75px;
}
.foot2 h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.foot2 h3:after{
    display: block;
    content: '';
    width: 32px;
    height: 2px;
    background: #02396c;
    margin: 16px 0;
}
.foot2 ul{
    width: 84%;
}
.foot2 ul li{
    width: 50%;
    float: left;
    line-height: 30px;
}
.foot2 ul li a{
    color: #fff;opacity: 0.7;
    font-size: 14px;
}
.foot2 ul li:hover a{
    color: #fff;
}
.foot3{
    width: 273px;
    float: right;
}
.foot3 h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.foot3 h3:after{
    display: block;
    content: '';
    width: 32px;
    height: 2px;
    background: #02396c;
    margin: 16px 0;
}
.foot3 .wei{
    width: 49%;
    float: left;
}
.foot3 .wei:nth-child(2){
    float: right;
}
.foot3 .wei p{
    color: #666666;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
}
.foot3 a{display: inline-block;padding: 10px 20px;background: #02396c;border-radius: 3px;color: #fff;
    font-size: 14px;margin-top: 30px;text-decoration: underline;}
/*.foot3 a:hover{font-weight: bolder;}*/
/*******************首页结束*****/
.sb-banner{height: 400px;background-size: cover;background-repeat: no-repeat;background-position: center;display: none;
    background-image: url("../img/sbbg/sb.jpg");overflow: hidden}
.mainbox-content{padding: 50px 0;background: #f5f5f5;}
.main-right{width: 880px;float: right;background: #fff;padding: 15px 15px 40px 15px}
.sb-banner .p1{font-weight: bolder;font-size: 36px;color: #fff;text-align: center;margin-top: 100px;}
.sb-banner .p2{font-weight: lighter;font-size: 20px;color: #fff;text-align: center;margin-top: 30px;opacity: 0.8}
/*面包屑*/
.bread{padding: 10px 15px;background: #eee;border-radius: 1px;}
.bread-a,.bread-a a{font-size: 14px;color: #666;box-sizing: border-box}
.bread-a span{font-weight: bold;display:inline-block;position: relative;padding-left: 10px}
.bread-a span::before{content: '';position: absolute;width: 3px;height: 14px;background:#02396c;top: 3px;left: 0;}
.bread-a a:hover{color: #02396c}
/*产品详情*/
/*详情*/
.p-guige li{padding: 10px 0;border-bottom: 1px dashed #eee;}
.p-guige li span.tel{font-size: 22px;font-weight: bold;color: #02396c}
.pro-info .z{width: 450px;;position: relative;float: left;}
.pro-info .top{width:450px;height: 350px;overflow: hidden;box-sizing: border-box;border: 1px solid #eeeeee;}
.pro-info .bot{width: 100%;height: 80px;margin: 0 auto;position: relative;background: #f5f5f5;}
.pro-info .bot .swiper-slide{width: 80px;height: 80px;}
.pro-info .swiper-button-prev1{width: 30px;height: 80px!important;background:#02396c url("../img/pr1.png") center no-repeat!important;
    top: 0!important;left: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.pro-info .swiper-button-next1{width: 30px;height: 80px!important;background:#02396c url("../img/ne1.png") center no-repeat!important;
    top:0%!important;right: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.pro-info .swiper-button-disabled{opacity: 0.3}
.pro-info .bot .swiper-slide img{box-sizing: border-box;border: 2px solid #ddd;opacity: 0.6;cursor: pointer;}
.pro-info .bot .swiper-slide-active img{box-sizing: border-box;border:2px solid #02396c;opacity: 1}
/**/
.pro-info-r{width: 410px;float: right}
.pro-info-r h1{font-size: 20px;color: #333;}
.pro-info-r .ipro-more{padding-top: 30px;}
.pro-info-r .ipro-more a:nth-child(1) .two{background: url("../img/order.png") left 21px center no-repeat;
    background-size: 20px;}
.pro-info-r .ipro-more a:nth-child(2) .two{background: url("../img/zx.png") left 21px center no-repeat;
    background-size: 25px;}
/**/
.floors{border-bottom: 0px solid #02396c;border-left:3px solid #02396c}
.floors-l{height: 40px;width: 100%;text-align: center;line-height: 40px;background: #eee;color: #02396c;float: left;
    text-align: left;text-indent: 15px;font-weight: bolder;}
/********新闻中心*/
.newslist li{width: 100%;padding: 25px 0;border-bottom: 1px solid #eee}
.newslist li a{display: block;width: 100%;}
.newslist li a .i{width: 240px;height: 150px;background: #ddd;float: left;box-sizing: border-box;border: 1px solid #eee;}
.newslist li a .t{width: 620px;float: right}
.newslist li a .t .p1{color: #333;margin-top: 15px;}
.newslist li a .t .p2{line-height: 1.6;color: #888;margin-top: 15px;}
.newslist li a .t .p3{color: #999;margin-top: 15px;font-size: 14px}
.newslist li:nth-child(1){padding-top: 0px}
.newslist li a:hover .t .p1{color:#02396c}
.newslist li a:hover .i img{transform: scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);}
.news-info-title{border-bottom: 1px solid #ddd;padding-bottom: 20px;}
/*资质荣誉*/
.honorlist li{width: 23%;float: left;margin-right: 2.66%;}
.honorlist li:nth-child(4n){margin-right: 0}
.honorlist li:nth-child(n+5){margin-top: 20px;}
.caseslist a{display: block;width: 100%;}
.honorlist a .i{width: 100%;height: 370px;position: relative;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;}
.honorlist a .t{height: 45px;width: 96%;padding: 0 2%;font-size: 16px;text-align: center;background: #f1f1f1;
    line-height: 45px;color: #434343;}
.honorlist a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.honorlist a:hover .t{color: #02396c;}
/*******案例***********/
.caseslist li{width: 32%;float: left;margin-right: 2%;}
.caseslist li:nth-child(3n){margin-right: 0}
.caseslist li:nth-child(n+4){margin-top: 40px}
.caseslist a{display: block;width: 100%;}
.caseslist a .i{width: 100%;height: 300px;position: relative;overflow: hidden;}
.caseslist a .t{width: 75%;padding: 0 20% 0 5%;height: 50px;background: rgba(0,0,0,0.4) url("../img/cjt.png") right 5% center no-repeat;
    position: absolute;line-height: 50px;color: #fff;font-size: 16px;
    left: 0;bottom: 0}
.caseslist a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.caseslist a:hover .t{background: rgba(0,0,0,0.7) url("../img/cjt.png") right 5% center no-repeat;}
/**在线留言*/
#lianform input{width: 49%;float: left;display: block;margin:15px 2% 15px 0;padding: 13px 0;outline: none;border: 1px solid #ddd;
    text-indent: 10px;font-size: 14px;box-sizing: border-box;color: #666;}
#lianform input:nth-child(2n){margin-right: 0;}
#lianform textarea{width: 100%;outline: none;box-sizing: border-box;border: 1px solid #ddd;font-family: 'Microsoft YaHei', SimHei, SimYou, SimSun, Arial;
    font-size: 14px;padding: 10px 0;text-indent: 10px;height: 120px;margin-top: 15px;margin-bottom: 15px;color: #666;}
#lianform textarea:focus{border-color: #02396c}
#lianform img{height: 46px;margin-top: 15px}
#lianform input:focus{border-color: #02396c}
#lianform input.submit{background: #02396c;font-size: 16px;color: #fff;letter-spacing: 15px}
#lianform input.reset{font-size: 16px;letter-spacing: 15px;float: right;margin-left: 0;margin-right: 0}
/***联系我们******/
.lianxi-lian li{font-size: 14px;color: #666;padding: 10px 0;}
.lianxi-lian li:nth-child(n+2){border-bottom: 1px solid #eee;}
#allmap{width: 100%;height: 500px;box-sizing: border-box;border: 1px solid #ddd;}
.BMap_noprint{background: none!important;}
.lian-con{background: #fff;padding: 10px 10px;box-sizing: border-box;}
.lian-con li{padding: 5px 0;font-size: 14px;color: #666;border-bottom: 0px solid #eee}
.lian-con a{display: inline-block;text-align: center;color: #fff;background: #02396c;height: 36px;line-height: 36px;
    padding: 0 50px;border-radius:40px;margin-top: 20px;text-decoration: underline;}
.i-p-list-i{width: 1200px;}
.yslist{background: url("../img/mesbg.jpg") center no-repeat;background-size: cover;padding: 50px 0;margin-top: 50px;}
.yslists{margin-top: 30px;}
.yslists li{float: left;width: 23.5%;margin-right: 2%;padding: 10px;box-sizing: border-box;background: rgba(255,255,255,1);box-sizing: border-box;}
.yslists li:nth-child(4){margin-right: 0}
.yslists li a{display: block;width: 100%;}
.yslists li a .i{width:100%;height: 200px;}
.yslists li a .i img{display: inline-block;margin-top: 5px;}
.yslists li a .p1{font-size: 20px;color: #333;text-align: center;margin-top: 20px;font-weight: bold;position: relative;margin-bottom: 10px;}
.yslists li a .pl{width: 30px;height: 2px;background: #02396c;margin: 0 auto;}
.yslists li a .p2{font-size: 14px;color: #666;text-align: center;margin-top: 20px;line-height: 1.8;
    height: 90px;padding-bottom: 15px;}
.yslists li a:hover .pl{background: #fff}
.yslists li a:hover .p1{color: #fff}
.yslists li a:hover .p2{color: #fff;opacity: 0.7}
.yslists li:hover{background: #02396c}
.yslists li a:hover .i img{transform: rotateY(180deg);
    -ms-transform:rotateY(180deg); 	/* IE 9 */
    -moz-transform:rotateY(180deg); 	/* Firefox */
    -webkit-transform:rotateY(180deg); /* Safari 和 Chrome */
    -o-transform:rotateY(180deg);}
.lian-t{font-size: 24px;color: #02396c;font-weight: bold;border-bottom: 2px solid #ddd;padding-bottom: 10px;}
.lian-t-l{width: 48%;float: left;padding: 20px;border: 1px solid #f5f5f5;margin-top: 20px;box-sizing: border-box;height: 225px;background: #f5f5f5}
.lian-t-l:hover,.ztlist ul:hover{background: #eee}
.lian-t-l li{padding: 5px 0;font-size: 14px;color: #333;}
.ztlist ul{width: 48%;float: left;padding: 20px;border: 1px solid #f5f5f5;margin-top: 25px;box-sizing: border-box;background: #f5f5f5}
.ztlist ul:nth-child(2n){float: right}
.ztlist ul li{font-size: 14px;color: #333;padding: 5px 0;white-space: nowrap}
.ztlist ul li:nth-child(1){font-weight: bold;color: #333;font-size: 20px;margin-bottom: 5px;}
.inews{margin-top: 50px;}
.inews .l{width: 575px;float: left;}
.inews .l .one .t1{font-size: 22px;color: #000000;}
.inews .l .one .t1 a{font-size: 22px;color: #000000;}
.inews .l .one .t1 a:hover{color: #1352b0}
.inews .l .one .des{color: #848484;margin-top: 25px;}
.inews .l .one .i{width: 100%;height: 197px;}
.inews .l .one .time{height: 30px;width: 100%;background: url("../Image/newsl.png") right center no-repeat;line-height: 30px;margin-top: 15px;}
.inews .l .one .time .s{width: 100px;height: 30px;float: left;transform:scale(0.90,1.50);line-height: 30px;}
.inews .l .two .con .z{width:265px;height: 180px;float: left;overflow: hidden;
    border: 1px solid #ddd;}
.inews .l .two .con .y{width:280px;float: right;}
.inews .l .two .con .y li a{display: block;width: 100%;height: 40px;line-height: 21px;color: #545454;font-size: 14px;}
.inews .l .two .con .y li a:hover{color: #1352b0}
/**/
/**/
.ysb{height: 144px;background: url("../img/ysb.jpg") center no-repeat;}
.ysb-l{width:512px;height: 144px;float: left;}
.ysb-l .p1{font-size: 29px;margin-top: 38px;}
.ysb-l .p2{margin-top: 4px;}
.ysb-m{width: 176px;float: left;}
.ysb-m a{display: block;
    width: 160px;
    height: 50px;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    background: #eb8f02;
    text-align: center;
    margin-top: 45px}
.ysb-r{float: right;}
.no-article{margin-top: 40px;}
.ysb-r-header-r{float: left;margin-top: 41px;}
.ysb-r-header-r .p1{color: #fff;}
.ysb-r-header-r .p2{color: #fff;}
.ysb-r-header-r1{float: right;width: 124px;height: 96px;margin-left: 30px;margin-top: 25px;}
.ysb-r-header-r1-l{width: 96px;height: 96px;float: left;background: #fff;}
.ysb-r-header-r1-r{width: 28px;height: 96px;float: left;background: #333;color: #fff;font-size: 14px;text-align: center;
}
.footer{background: #222;}
.beian{background: #333;text-align: center;padding:20px 0}
.beian p,.beian a{font-size: 14px;color: #fff;opacity: 0.7}

/**/
.i-pro li{width: 24%;float: left;margin-right: 1.33%;}
.i-pro li:nth-child(4n){margin-right: 0}
.i-pro li:nth-child(n+5){margin-top: 20px}
.i-pro li a{display: block;width: 100%;}
.i-pro li a .i{width: 100%;height: 225px;box-sizing: border-box;border: 1px solid #eee;position: relative;background: #fff;}
.i-pro li a .t{padding: 10px 2%;background: #eee;font-size: 14px;color: #666;}
.i-pro li a .i img{transform: scale(0.96);
    -ms-transform: scale(0.96);
    -moz-transform: scale(0.96);
    -webkit-transform: scale(0.96);
    -o-transform: scale(0.96);}
.i-pro li a:hover .i img{transform: scale(1);-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);}
.i-pro li a:hover .i{border-color: #02396c}
.i-pro li a:hover .t{color: #fff;background: #02396c}
.i-pro li a:hover .t p{color: #fff;}

.i-pro-li li{width: 32%;float: left;margin-right: 2%;}
.i-pro-li li:nth-child(4n){margin-right: 2%}
.i-pro-li li:nth-child(3n){margin-right: 0%}
.i-pro-li li:nth-child(n+4){margin-top: 20px}
/*树*/

/*首页优点*/
.iadvc{padding:40px 0 60px 0;background: #f5f5f5;}
.iadv li{width: 31%;float: left;margin-right: 3.5%;background: #fff}
.iadv li:nth-child(3n){margin-right: 0}
.iadv li:nth-child(n+4){margin-top: 30px;}
.iadv li .son{padding: 30px 20px;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.04);
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);}

.iadv li .son .p1{font-size: 20px;font-weight: bold;text-align: center;margin-top: 30px;color: #333;}
.iadv li .son .i{width: 100px;height:100px;margin-left: auto;margin-right: auto;
    margin-top: 0px;background-color: #f5f5f5;border-radius: 50%;
    background-size: auto;background-position: center;background-repeat: no-repeat;}

.iadv li:nth-child(1) .son .i{background-image: url("../images/ad1.png");}
.iadv li:nth-child(2) .son .i{background-image: url("../images/ad2.png");}
.iadv li:nth-child(3) .son .i{background-image: url("../images/ad3.png");}
.iadv li:nth-child(4) .son .i{background-image: url("../images/ad4.png");}
.iadv li:nth-child(5) .son .i{background-image: url("../images/ad5.png");}
.iadv li:nth-child(6) .son .i{background-image: url("../images/ad6.png");}

.iadv li:hover .son .i{transform: rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);}
.iadv li:hover .son{box-shadow: 0 3px 18px rgba(0,0,0,0.2);}
.iadv li:hover .son .p1{color: #02396c;}

.trees{border-bottom: 1px solid #eee;margin-top: 20px;}
.trees .teee-l{float: left;line-height:40px;}
.trees .teee-l span{display: inline-block;font-size: 26px;font-weight: bold;color: #333;border-bottom: 0px solid #02396c}
.trees .teee-r{float: right;}
.trees .teee-r a{display: inline-block;height: 30px;padding: 0 25px;border: 1px solid #02396c;border-radius: 5px;
    line-height: 30px;font-size: 14px;color: #02396c;margin-top: 4px;}
.trees .teee-r a:hover{background: #02396c;color: #fff;}
.ysfont span{font-size: 20px;font-weight: bold;color: #02396c;display: block;line-height: 1.6}
.ysfont span.s1{font-size: 24px;}
/*新闻*/
.inews-l{width: 540px;float: left;}
.inews-l a{display: block;width: 100%;}
.inews-l a .i{width: 100%;height: 320px;}
.inews-l a .t{padding: 28px;background: #eee;}
.inews-l a .t .p1{font-size: 18px;font-weight: bold;}
.inews-l a .t .p2{font-size: 14px;font-weight: normal;text-align: left;margin-top: 8px;color: #999}
.inews-l a:hover .t .p1{color: #02396c}
.inews-r{width: 620px;float: right;}
.inews-r li{width: 100%;background: #fff;border-bottom: 1px dashed #ddd;padding: 20px 0;}
.inews-r li:nth-child(1){padding-top: 6px;}
.inews-r li:nth-child(1){margin-top: 0;}
.inews-r li a{display: block;width: 100%;}
.inews-r li a .l{width: 120px;height: 100px;float: left;display: none}
.inews-r li a .r{width: 600px;}
.inews-r li a .r .p1{font-size: 16px;color: #333;font-weight: bold;}
.inews-r li a .r .p2{font-size: 14px;color: #999;margin-top: 15px;}
.inews-r li a:hover .r .p1{color: #02396c}
.ysfont span{font-size: 20px;font-weight: bold;color: #02396c;display: block;line-height: 1.6}
.ysfont span.s1{font-size: 24px;}

/*footer*/
.footer{padding: 50px 0 50px 0;border-top: none;
    background:#02396c;background-size: cover;}
.foot-menu{background: rgba(0,0,0,0.2);padding: 15px 0;border-radius: 4px;}
.foot-menu .navbar-nav{display: flex;justify-content: space-around;}
.foot-menu a{font-size: 16px;color: #fff;}
.foot-menu a:hover{text-decoration: underline;}
.foot-l{float: left;width: 580px;position: relative}
.ewm{position: absolute;right: 0;top: 0;width: 114px;height: 150px;}
.ewm img{display: block;width: 100%;}
.foot-l a.flo{font-size: 24px;color: #fff;font-weight: bold;}
.foot-l a{color: #fff;}
.foot-l .p2{opacity: 0.99}
/*.foot-l a:hover{text-decoration: underline;}*/
.foot-m{float: right;width: 570px;position: relative}
.foot-m li{font-size: 16px;padding: 6px 0;color: #fff;line-height: 1.6}
.foot-m li span{display: block;float: left}
.foot-m li span:nth-child(1){width: 90px;text-align: right;opacity: 0.99;font-weight: lighter;}
.foot-m li span:nth-child(2){width: 465px;float: right;font-weight: lighter}

.fotype li{width: 50%;float: left;padding: 6px 0;}
.fotype li a{font-size: 16px;color: #fff;font-weight: lighter;}
.fotype li a:hover{text-decoration: underline;}