*{
    padding:0px;
    margin:0px;
    box-sizing:border-box;
}
body{
    min-width:1200px;
    max-width:1920px;
    overflow-x:hidden;
    font:12px/1.5em "microsoft yahei";color:#656565;background:#fff;
}
ul,li{
    list-style:none;
}
img{
    border:none;
    outline:none;
}
h1,h2,h3,h4,h5,h6{
    margin:0px;
}
a{
    color: #333333;
    text-decoration: none;
}
.line_1{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line_2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.hbtn{
    transition: ease-out .4s;
}
.hbtn:hover{
    transition: ease-out .4s;
}


.page{text-align:left;margin:10px auto; padding-bottom:20px;display:inline; color:#303030;}
.page_turner {padding:20px 0px 0px 1px;clear:both;}
.page_turner a, .page_turner span {float:left;display:block;border:1px solid #303030;padding:5px;margin-left:4px; line-height:14px;}
.page_turner a:link, .page_turner a:visited { text-decoration:none; }
.page_turner a:hover, .page_turner a.c {background:#303030; color:#fff;}

.page1{float:right;text-align:left;margin:10px 30px;display:inline;}
.page1_turner {padding:4px 0px 0px 1px;float:left;clear:both;}
.page1_turner a, .page_turner span {float:left;display:block;border:1px solid #303030;padding:5px;margin-left:4px; line-height:14px;}
.page1_turner a:link, .page_turner a:visited { text-decoration:none; }
.page1_turner a:hover, .page_turner a.c {background:#303030; color:#fff;}
.page::after{content:"";display: block;clear: both;}

/*header*/
header{
    width:1320px;
    height: 105px;
    margin:0 auto;
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.navwrap{
    height:100%;
    display:flex;
    align-items: flex-start;
    margin-right:-24px;
}
.navwrap li{
    padding:0 24px;
    height:100%;
    position:relative;
}
.navwrap li.on::after{
    content:"";
    display:block;
    height:3px;
    position:absolute;
    left:24px;
    right:24px;
    bottom:22px;
    background-color:#0a408a;
}
.navlink{
    line-height:105px;
    font-size:15px;
    color:#333333;
}
.downlistwrap{
    display:none;
    position:absolute;
    width:200px;
    top:104px;
    left:50%;
    transform: translateX(-50%);
    background-color:#fff;
    z-index:9;
}
.downlistwrap a{
    display: block;
    width:100%;
    padding:0 5px;
    line-height:40px;
    border-bottom:1px solid #eeeeee;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size:14px;
    color:#666;
}
.downlistwrap a:hover{
    color:#0a408a;
}
.downlistwrap a:last-child{
    border:none;
}
.bannerwrap{
    /*width:100%;*/
    width:1920px;
    max-width: 1920px;
    margin:0 auto;
    position:relative;
    left:50%;
    transform: translateX(-50%);
}
.bannerword{
    width:1320px;
    padding-top:222px;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    top:0;
    z-index:1;
    text-align:center;
}
.bannerword h2{
    font-size:48px;
    color:#ffffff;
    line-height:60px;
}
.bannerword p{
    text-transform: uppercase;
    font-size:14.4px;
    color:#ffffff;
    line-height:24.4px;
    letter-spacing: 3px;
}
.bannerword p::after{
    content:"";
    display: block;
    width:32px;
    height:4px;
    margin:30px auto 0;
    background: #fff;
}
.bannermore{
    display: flex;
    align-items: center;
    justify-content: center;
    width:180px;
    height:60px;
    margin:35px auto 0;
    border:1px solid #fff;
    font-size:16px;
    color:#ffffff;
}
.bannermore:hover{
    background-color:#fff;
    color:#0a408a;
}
.childbanner{
    width:1320px;
    height: 400px;
    margin:0 auto;
    position: relative;
}
.childbanner img{
    width:1920px;
    height:100%;
    position: absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
}
/*footer*/
footer{
    width:100%;
    max-width: 1920px;
    background-color:#0a408a;
    margin:0 auto;
}
.footwrap{
    width:1320px;
    margin:0 auto;
}
.foot_t{
    width:100%;
    min-height:500px;
    padding-top: 55px;
    border-bottom:#0b53b5;
    display: flex;
    align-items: flex-start;
}
.ft_1{
    width:182px;
}
.ft_2{
    width:183px;
}
.ft_3{
    width:253px;
}
.ft_4{
    width:288px;
}
.ft_5{
    width:210px;
}
.ft_6{
    width:204px;
    padding-top:188px;
}
.footitem{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom:27px;
}
.footitem h5{
    font-size:18px;
    color:#ffffff;
    line-height:46px;
    font-weight: normal;
    margin-bottom:12px;
}
.footitem h5::after{
    content:"";
    display: block;
    width:30px;
    height:2px;
    background-color: #fff;
    margin-top:6px;
}
.footitem a{
    font-size:14px;
    color:#96b0d6;
    line-height:32px;
}
.codeitem{
    display:inline-flex;
    flex-direction: column;
    align-items: center;
}
.codeitem p{
    font-size:14px;
    color:#96b0d6;
    line-height: 1;
    margin-top: 15px;
}
.codeitem:first-child{
    margin-bottom:19px;
}
.sweep{
    display: inline-block;
    height:139px;
    padding-top:96px;
    padding-left: 7px;
    background:url(../image/icon_phone.png) left 18px top 28px no-repeat;
}
.sweep p{
    font-size:12px;
    color:#96b0d6;
}
.cpwrap{
    width:1320px;
    height:62px;
    border-top:1px solid #0b53b5;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cpwrap p{
    display: flex;
    align-items: center;
}
.cpwrap p{
    color:#cccccc;
    font-size:12px;
}
.cpwrap span,.cpwrap a{
    color:inherit;
    margin:0 3px;
}

/*index*/
#container{
    width:100%;
    max-width:1920px;
    margin:0 auto;

}
.indexsearch{
    display: flex;
    align-items: center;
    justify-content: center;
    height:100px;
}
.indexsearch input[type="text"]{
    height: 40px;
    width:500px;
    padding-left:32px;
    border:1px solid #eceae8;
    border-right:0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    outline:none;
    font-size:14px;
    color:#b2b2b2;
    background: url(../image/icon_search.png) left 9px center no-repeat;
}
.indexsearch input::-webkit-input-placeholder{
    font-size:14px;
    color:#b2b2b2;
}
.indexsearch input[type="submit"]{
    width:70px;
    height:40px;
    background-color:#0a408a;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    font-size:14px;
    color:#ffffff;
    border:none;
    outline:none;
    cursor: pointer;
}
.index1wrap{
    width:100%;
    height: 497px;
    background: url(../image/bg_indexabout.jpg) center top;
}
.index1{
    width:1320px;
    height:100%;
    padding-top: 67px;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.indextitle{
    margin-bottom:48.5px;
}
.index1title h4{
    font-size:36px;
    color:#fff;
    line-height:1;
    margin-bottom:10px;
    font-weight: normal;
}
.index1title p{
    font-size:13px;
    color:#ffffff;
    line-height: 1;
}
.index1title{
    text-align: center;
}
.index1content{
    text-align:center;
    margin-top:35px;
}
.index1content p{
    font-size:16px;
    color:#ffffff;
    line-height: 41px;
}
.index1more{
    width:180px;
    height:50px;
    margin-top: 43.5px;
    border-radius:25px;
    background-color:#fff;
    font-size:16px;
    color:#0a408a;
    text-align: center;
    line-height:48px;
    border:1px solid #fff;
}
.index1more:hover{
    background-color: transparent;
    color:#fff;
}
.index2{
    width:1320px;
    height:633px;
    margin:0 auto;
    padding-top:80px;
}
.index2title{
    font-size: 34px;
    color:#333333;
    font-weight: normal;
    line-height:1;
}
.index2title::after{
    content:"";
    display: block;
    width:80px;
    height:4px;
    background-color:#0a408a;
    margin-top: 29px;
}
.index2content{
    margin-top:28px;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
.index2content a{
    width:650px;
    height:180px;
    padding-left:18px;
    margin-bottom:19px;
    background-color:#f5f5f5;
    display: flex;
    align-items: center;
}
.indexnews{
    width:355px;
    margin-left:23px;
}
.indexnews_title{
    font-size:18px;
    color:#333333;
    line-height:1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.indexnews_context{
    font-size:14px;
    color:#808080;
    line-height:26px;
    margin:13px 0 17px;
}
.indexnews_date{
    font-size:12px;
    color:#808080;
    line-height:1;
}
.index3wrap{
    width:100%;
    height:740px;
    background-color:#f5f5f5;
}
.index3{
    width:1320px;
    margin:0 auto;
    padding-top:80px;
}
.index3title{
    text-align:center;
}
.index3title h4{
    font-size:36px;
    color:#333333;
    line-height: 1;
    margin-bottom:19px;
    font-weight: normal;
}
.index3title p{
    font-size:13px;
    color:#666666;
    line-height:1;
}
.index3sorts{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin:46px 0 75px;
}
.index3sorts a{
    width:150px;
    height:50px;
    padding:0 15px;
    border-radius:3px;
    border:1px solid #cccbca;
    text-align:center;
    line-height:48px;
    font-size:14px;
    color:#666666;
    margin: 0 8.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index3sorts a:hover{
    background-color:#0a408a;
    color:#fff;
    border-color:#0a408a;
}
.proslide{
    text-align:center;
}
.proslide img{
    max-width:100%;
}
.proslide p{
    font-size:16px;
    color:#333333;
    line-height:20px;
    margin-top:38px;
}
.index4{
    width:1320px;
    height:750px;
    padding-top:80px;
    margin:0 auto;
}
.index4 h4{
    font-size:34px;
    color:#333333;
    line-height:1;
    margin-bottom:54px;
    font-weight: normal;
    text-align:center;
}
.index4content{
    width:100%;
    height: 500px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.i4_l{
    width:300px;
    height:100%;
}
.i4_m{
    width:450px;
    height:100%;
}
.i4_r{
    width:510px;
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}
.i4_l_t{
    height:327px;
    background-color:#0a408a;
    text-align: center;
    padding:86px 20px 0;
}
.indexsqu{
    height: 70px;
    position:relative;
}
.indexsqu h5{
    font-size:20px;
    color:#ffffff;
    line-height: 41px;
    background-color:#0a408a;
    position:absolute;
    left:20px;
    top:50%;
    transform: translateY(-50%);
    display: inline-block;
    z-index:9;
}
.indexsqu::before{
    content:"";
    display: block;
    width:110px;
    height:70px;
    border:1px solid #3b66a1;
    position:absolute;
    left:0px;
    top:50%;
    transform: translateY(-50%);
}
.i4_l_t p{
    font-size:14px;
    color: #ffffff;
    line-height: 24px;
    text-align: justify;
    margin-top:28px;
}
.i4_l_b{
    height:173px;
    background-color:#f5f5f5;
    text-align: center;
    padding-top:34px;
}
.i4_l_b p:first-child{
    font-size:14px;
    color:#333333;
    line-height:26px;
}
.i4_l_b p:nth-child(2){
    font-size:24px;
    color:#333333;
    line-height:36px;
    font-weight: bold;
    margin-bottom:24px;
}
.indexcontact{
    display: block;
    width:140px;
    height:40px;
    border-radius:20px;
    background: #0a408a;
    margin:0 auto;
    font-size:14px;
    color:#ffffff;
    padding-left:29px;
    line-height:40px;
    position:relative;
    text-align: left;
}
.indexcontact::after{
    content:"";
    display: block;
    width:30px;
    height:30px;
    background:url(../image/icon_jt.png) center center no-repeat;
    background-color:#c61116;
    border-radius:50%;
    position: absolute;
    right:5px;
    top:50%;
    transform: translateY(-50%);
}
.i4_r_item{
    width:458px;
    height:108px;
    border:1px solid #e0e0e0;
    position: relative;
}
.i4_r_title{
    position:absolute;
    width:99px;
    height:100px;
    border:5px solid #fff;
    left:-56px;
    top:50%;
    transform: translateY(-50%);
    background-color:#f5f5f5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#333333;
}
.i4_r_title span{
    font-size:20px;
    font-weight: bold;
    line-height:35px;
}
.i4_r_item p{
    display: flex;
    align-items: center;
    padding:0 18px 0 52px;
    position: absolute;
    left:1px;
    right: 1px;
    bottom:1px;
    top:1px;
    font-size:16px;
    color:#666666;
    line-height:29px;
}
.i4_r_item:hover > .i4_r_title{
    background-color:#c61116;
    color:#fff;
}
.indexpic{
    position: relative;
}
.indexpic span{
    display: inline-block;
    padding:0 36px;
    height:40px;
    background-color:#0a408a;
    font-size:16px;
    color:#0a408a;
    position: absolute;
    left:30px;
    top:30px;
    color:#fff;
    line-height:40px;
}
.indexpic img{
    width:450px;
    height:500px;
}
.swiper-pagination-bullet-active{
    background:#0a408a !important;
}
.swiper-pagination-bullet{
    background:#fff;
    opacity:1;
}
.index5wrap{
    width:100%;
    height: 648px;
    background:url(../image/bg_index5.jpg) center top;
}
.index5{
    width:1320px;
    height: 100%;
    margin:0 auto;
    padding-top:72px;
    padding-left:820px;
}
.index5 h5{
    font-size:34px;
    color:#333333;
    line-height:1;
    font-weight: normal;
    text-align: right;
    position: relative;
    margin-bottom:70px;
}
.index5 h5::after{
    content:"";
    display: block;
    width:80px;
    height:4px;
    background-color:#0a408a;
    position:absolute;
    right:0;
    bottom:-32px;
}
.index5content{
    width:100%;
    height: 435px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap:wrap;
    align-content: space-between;
}
.i5item{
    height: 104px;
    padding-left:69px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background-repeat: no-repeat;
    background-position: left center;
}
.i5item p:first-child{
    font-size:16px;
    color:#333333;
    font-weight: bold;
    line-height:28px;
}
.i5item p:last-child{
    font-size:12px;
    color:#999999;
    line-height:24px;
    text-transform: uppercase;
}
.i5item:nth-child(1){
    background-image:url(../image/i5_1.png);
}
.i5item:nth-child(1):hover{
    background-image:url(../image/i5_1h.png);
}
.i5item:nth-child(2){
    background-image:url(../image/i5_2.png);
}
.i5item:nth-child(2):hover{
    background-image:url(../image/i5_2h.png);
}
.i5item:nth-child(3){
    background-image:url(../image/i5_3.png);
}
.i5item:nth-child(3):hover{
    background-image:url(../image/i5_3h.png);
}
.i5item:nth-child(4){
    background-image:url(../image/i5_4.png);
}
.i5item:nth-child(4):hover{
    background-image:url(../image/i5_4h.png);
}
.i5item:nth-child(5){
    background-image:url(../image/i5_5.png);
}
.i5item:nth-child(5):hover{
    background-image:url(../image/i5_5h.png);
}
.i5item:nth-child(6){
    background-image:url(../image/i5_6.png);
}
.i5item:nth-child(6):hover{
    background-image:url(../image/i5_6h.png);
}
.i5item:nth-child(7){
    background-image:url(../image/i5_7.png);
}
.i5item:nth-child(7):hover{
    background-image:url(../image/i5_7h.png);
}
.i5item:nth-child(8){
    background-image:url(../image/i5_8.png);
}
.i5item:nth-child(8):hover{
    background-image:url(../image/i5_8h.png);
}
.i5item:hover > p{
    color:#0a408a;
}
.index6{
    width:1320px;
    height:720px;
    margin:0 auto;
    padding-top:80px;
}
.index6 h5{
    font-size:34px;
    color:#333333;
    line-height:1;
    font-weight: normal;
    margin-bottom:40px;
}
.index6 h5::after{
    content:"";
    display: block;
    width:80px;
    height:4px;
    background-color:#0a408a;
    margin-top:29px;
}
.ygslide{
    width:400px;
    height: 455px;
    border-bottom:1px solid #ededed;
}
.ygimg{
    height:289px;
}
.ygimg img{
    width:400px;
    height: 260px;
    display: block;
}
.yg_title{
    font-size:18px;
    color:#333333;
    font-weight: bold;
    line-height:22px;
    margin-bottom:22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.yg_content{
    font-size:14px;
    color:#808080;
    line-height:26px;
    margin-bottom:32px;
}
.yg_date{
    font-size:14px;
    color:#808080;
    line-height:26px;
    background:url(../image/icon_yg.png) right center no-repeat;
}
.ygslide:hover > .yg_date{
    background:url(../image/icon_ygon.png) right center no-repeat;
}
.index7wrap{
    width:100%;
    height:443px;
    background:url(../image/bg_map.jpg) center top no-repeat;
}
.index7{
    width:1320px;
    height: 100%;
    margin:0 auto;
    padding-top:55px;
}
.index7 h5{
    font-size:20px;
    color:#333333;
    line-height:1;
    margin-bottom: 27px;
}
.index7content p{
    padding-left:65px;
    font-size:16px;
    color:#545454;
    line-height:44px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom:12px;
}
.index7content p:nth-child(1){
    background-image: url(../image/icon_tel.png);
}
.index7content p:nth-child(2){
    background-image: url(../image/icon_tax.png);
}
.index7content p:nth-child(3){
    background-image: url(../image/icon_mailbox.png);
}
.index7content p:nth-child(4){
    background-image: url(../image/icon_yb.png);
}
.index7content p:nth-child(5){
    background-image: url(../image/icon_address.png);
}
@keyframes transup1{
    0%{
        transform: translateY(600px);
        opacity:0;
    }
    100%{
        transform:none;
        opacity:1;
    }
}
.transup1{
    animation-name: transup1;
    animation-fill-mode: both;
    animation-timing-function:ease-out;
    animation-duration: 1s;
}
@keyframes transup2{
    0%{
        transform: translateY(500px);
        opacity:0;
    }
    100%{
        transform:none;
        opacity:1;
    }
}
.transup2{
    animation-name: transup2;
    animation-fill-mode: both;
    animation-timing-function:ease-out;
    animation-duration: 1s;
}
@keyframes transup3{
    0%{
        transform: translateY(400px);
        opacity:0;
    }
    100%{
        transform:none;
        opacity:1;
    }
}
.transup3{
    animation-name: transup3;
    animation-fill-mode: both;
    animation-timing-function:ease-out;
    animation-duration: 1s;    
}
/*child*/
.childsortswrap{
    width:100%;
    max-width:1920px;
    height:70px;
    margin:0 auto;
    background-color:#0060bc;
}
.childsorts{
    width:1320px;
    height:100%;
    margin:0 auto;
    display: flex;
    align-content: flex-start;
}
.childsorts a{
    color:#fff;
    font-size:14px;
    line-height:70px;
    min-width:200px;
    text-align: center;
}
.childsorts[_pro] a{
    min-width: auto;
    padding:0 20px;
}
.childsorts a.on{
    background-color:#fff;
    color:#0a408a;
    font-weight: bold;
}
.childcontainer{
    width:1320px;
    margin: 0 auto;
    padding:30px 0;
}
.c_newsitem{
    width:100%;
    height:220px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e6e6e6;
}
.c_newsitem img{
    height:160px;
}
.c_newsitem_r{
    width:1025px;
}
.childnews_title{
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.childnews_title a{
    font-size: 18px;
    color: #545454;
    line-height: 38px;
    font-weight: bold;
}
.childnews_title span{
    font-size: 14px;
    color: #666666;
}
.childnews_content{
    font-size: 14px;
    color: #666666;
    line-height: 28px;
}
.childnews_more{
    display: block;
    width: 100px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    color: #545454;
    background-color: #f2f2f2;
    margin-top:40px;
}
.article_title{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.article_info{
    display: flex;
    justify-content: center;
    align-items: center;
    height:28px;
    background-color:#999;
    margin:15px 0;
}
.article_info span{
    font-size:13px;
    margin:0 13px;
    color:#fff;
}
.article_others{
    margin-top:20px;
    padding:20px 0;
    border-top: 1px dashed #333;
}
.article_others a{
    line-height:25px;
}
.article_others a:hover{
    color:#0a408a;
}
.backlist{
    background-color:#999;
    color:#fff;
    padding:5px 10px;
}
.backlist:hover{
    background-color:#0a408a;
}
.childpro,.childpic{
    display: flex;
    flex-wrap: wrap;
}
.proitem{
    width:420px;
    padding:20px 20px 0;
    border:1px solid #eeeeee;
    margin-bottom:20px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-between;
}
.proitem:nth-child(3n+2){
    margin: 0 30px 20px;
}
.proitem:hover{
    border-color:#0a408a;
}
.proitem img{
    width:100%;
}
.proitem p{
    font-size:14px;
    color:#333333;
    line-height:45px;
    text-align: center;
}
.picitem{
    width:420px;
    padding:20px 20px 0;
    border:1px solid #eeeeee;
    margin-bottom:20px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-between;
}
.picitem:nth-child(3n+2){
    margin: 0 30px 20px;
}
.picitem:hover{
    border-color:#0a408a;
}
.picitem img{
    width:100%;
}
.picitem p{
    font-size:14px;
    color:#333333;
    line-height:45px;
    text-align: center;
}
.childmessage{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.msgform{
    width:850px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.msgitem p{
    line-height:1.5;
    color:#5a5a5a;
    margin-bottom:10px;
}
.msgcode p{
    line-height:1.5;
    color:#5a5a5a;
}
.msgitem input{
    width:100%;
    height:38px;
    padding-left:15px;
    border:1px solid #c1c1c1;
    outline:none;
}
.msgitem textarea{
    width:100%;
    height: 150px;
    border:1px solid #c1c1c1;
    outline:none;
    resize: none;
    line-height:38px;
}
.msgcode{
    display: flex;
    height:38px;
    align-items: center;
}
.msgcode input{
    width:120px;
    height:100%;
    border:1px solid #c1c1c1;
    outline:none;
    margin:0 20px;
    padding-left:15px;
}
.msgform input[type="submit"]{
    width:100%;
    height:48px;
    border:none;
    outline:none;
    color:#fff;
    background-color: #0a408a;
    cursor: pointer;
}





/*products*/

/*product*/
.pro2_titlewrap{
    width:100%;
    max-width:1920px;
    margin:.0 auto;
    height:70px;
    background-color:#1f75bc;
}
.pro2_title{
    width:1200px;
    height:70px;
    margin:0 auto;
}
.pro2_title li{
    float:left;
}
.pro2_title li a{
    display:block;
    padding:0 73px;
    line-height:70px;
    font-size:14px;
    color:#ffffff;
}
.pro2_title li a:hover{
    color:#1f75bc !important;
    background-color:#ffffff;
    font-weight:bold;
}
.pro2_titleon a{
    color:#1f75bc !important;
    background-color:#ffffff;
    font-weight:bold;
}
.pro2_1wrap{
    width:100%;
    max-width:1920px;
    margin:0 auto;
    padding-top:80px;
    padding-bottom:40px;
    background-color:#f2f2f2;
}
#imghidden{
    display:none;
}
.pro2_1{
    width:1200px;
    margin:0 auto;
    text-align:center;
}
.pro2_1 h2{
    font-size:28px;
    color:#333333;
    line-height:1;
    margin-bottom:40px;
}
#pro2imgshow{
    width:100%;
    height:400px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
#pro2imgs{
    width:100%;
    height:100px;
    padding:10px;
    text-align:left;
    background-color:#333333;
}
#pro2imgs img{
    height:80px;
    margin-right:10px;
    opacity:.5;
}
.proimgon{
    opacity:1 !important;
    height:85px !important;
    border-bottom:5px solid #f18c24;
    margin-bottom:-5px;
}


/*end*/
.endwrap{
    width:100%;
    max-width:1920px;
    margin:0 auto;
    height:394px;
    background-color:#1f75bc;
}
.end1{
    width:1200px;
    height:289px;
    margin:0 auto;
    padding-top:60px;
    border-bottom:1px solid #0082e6;
}
.end1 ul{
    float:left;
    padding:0 44px;
    height:187px;
    border-right:1px solid #0082e6;
}
.end1 ul:first-child{
    padding-left:0px;
    padding-right:44px;
}
.end1 ul li{
    margin-bottom:16px;
    text-align:left;
}
.end1 ul li a{
    font-size:12px;
    color:#ffffff;
}
.end1 ul li:nth-child(2) > div{
    width:10px;
    height:1px;
    margin-bottom:18px;
    background-color:#0082e6;
}
.endtitle{
    margin-bottom:16px !important;
    font-size:14px;
    color:#fff;
}
.endright{
    float:right;
    height:180px;
    width:405px;
    color:#ffffff;
    padding-top:13px;
    background:url(https://www.zjwangu.com/en/static/images/code.jpg) right top 13px no-repeat;
}
.endright p:nth-child(1){
    font-size:12px;
    margin-bottom:6px;
}
.endright p:nth-child(2){
    font-size:20px;
    margin-bottom:18px;
}
.endright > a:nth-child(3){
    display:block;
    width:174px;
    height:34px;
    padding-right:10px;
    text-align: right;
    font-size:12px;
    color:#ffffff;
    line-height:34px;
    background:url(https://www.zjwangu.com/en/static/images/botqq.png) left 13px center no-repeat;
    background-color:#0082e6;
    margin-bottom:15px;
}
.endright div:nth-child(4){
    width:30px;
    height:2px;
    background-color:#f18c24;
    margin-bottom:15px;
}
.endright span:nth-child(5){
    line-height:25px;
    font-size:12px;
    vertical-align: top;
}
.bdsharebuttonbox{
    display:inline-block;
}
.bdsharebuttonbox a{
    display:inline-block;
    width:25px;
    height:25px;
    margin-left:10px;
    background-image:url(https://www.zjwangu.com/en/static/images/botlabel.png);
    background-repeat:no-repeat;
}
.bdsharebuttonbox a:nth-child(1){
    background-position:0px 0px;
}
.bdsharebuttonbox a:nth-child(2){
    background-position:-35px 0px;
}
.bdsharebuttonbox a:nth-child(3){
    background-position:-70px 0px;
}

.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{
    float: none;
    font-size: 18px;
    padding-left: 0px;
    line-height: 25px;
    height: 25px;
    background-image: url(https://www.zjwangu.com/en/static/images/botlabel.png) !important;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0px 6px 0 0 !important;
}
.end2{
    width:1200px;
    margin:0 auto;
    height:105px;
}
.end2 > p{
    float:left;
    line-height:105px;
    color:#ffffff;
    font-size:12px;
}
.end2 > div{
    float:right;
    line-height:105px;
    color:#ffffff;
    font-size:12px;
}
.end2 > div a{
    color:#fff;
}
.container{
    width:1200px;
    margin:0 auto;
}
.picContainer{
    padding-top:50px;
    text-align:left;
}
.picContainer h3{
    font-size:24px;
    line-height:1;
    color:#333333;
    margin-bottom:30px;
}
.picContainer > p{
    font-size:14px;
    margin-bottom:15px;
    color:#666666;
}
.picwrap{
    text-align:justify;
}
.picwrap div{
    display:inline-block;
    width:180px;
    text-align:center;
}
.picwrap a img{
    width:180px;
}
.picwrap div p{
    font-size:14px;
    color:#666666;
    line-height:56px;
}
.serviceimgwrap{
    text-align:justify;
}
.serviceimgwrap > div{
    width:280px;
    height:260px;
    overflow:hidden;
    float:left;
    margin-right:26.6px;
    position:relative;
}
/*.serviceimgwrap > div:hover > div{
    bottom:0px;
    -ms-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -webkit-transition:all 1s ease;
    transition:all 1s ease;
}*/
.serviceimgwrap > div:last-child{
    margin:0px;
}
.serviceimgwrap > div > div{
    width:100%;
    height:80px;
    text-align:center;
    position:absolute;
    /*bottom:-80px;*/
    bottom:0px;
    padding-top:15px;
    background-color:#4c91c9;
    -ms-opacity:.9;
    -webkit-opacity:.9;
    -moz-opacity:.9;
    opacity:.9;
    /*-ms-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -webkit-transition:all 1s ease;
    transition:all 1s ease;*/
}
.serviceimgwrap > div > div p:nth-child(1){
    font-size:24px;
    font-weight:bold;
    color:#ffffff;
    margin-bottom:10px;
}
.serviceimgwrap > div > div p:nth-child(2){
    font-size:14px;
    color:#ffffff;
}
.service_1{
    width:1200px;
    margin:0 auto;
    padding:50px 0;
    text-align:center;
}
.service_1 h3{
    font-size:28px;
    color:#333333;
    line-height:1;
    margin-bottom:28px;
}
.service_1 > p{
    font-size:14px;
    color:#666666;
    margin-bottom:40px;
}
.service_2_wrap{
    width:100%;
    max-width:1920px;
    margin:0 auto;
    background-color:#f5f5f5;
}
.service_2{
    width:1200px;
    margin:0 auto;
    padding:52px 0;
}
.service_2_left{
    float:left;
    width:770px;
    height:395px;
    padding-left:390px;
    padding-top:80px;
    text-align:center;
    background:url(https://www.zjwangu.com/en/static/images/Aservice_5.jpg) left top no-repeat;
    background-color:#ffffff;
}
.service_2_left p:nth-child(1){
    display:inline-block;
    font-size:24px;
    font-weight:bold;
    color:#333333;
    padding:0 18px 9px;
    border-bottom:1px solid #dbdbdb;
}
.service_2_left p:nth-child(3){
    display:inline-block;
    font-size:16px;
    color:#999999;
    padding:10px 7px;
    margin-bottom:49px;
    border-bottom:1px solid #dbdbdb;
}
.service_2_left p:nth-child(n+4){
    margin-bottom:18px;
    font-size:14px;
    color:#666666;
}
.service_2_right{
    width:400px;
    height:395px;
    float:right;
    background:url(https://www.zjwangu.com/en/static/images/Aservice_6.jpg) center top no-repeat;
    background-color:#ffffff;
    padding-top:280px;
    text-align:center;
}
.service_2_right p:nth-child(1){
    font-size:24px;
    font-weight:bold;
    color:#333333;
    margin-bottom:20px;
}
.service_2_right p:nth-child(n+2){
    font-size:14px;
    color:#666666;
    margin-bottom:18px;
}
.service_3{
    width:1200px;
    margin:0 auto;
    height:530px;
    padding-top:80px;
    text-align:center;
}
.service_3 h2{
    font-size:28px;
    color:#333333;
    line-height:1;
    margin-bottom:29px;
}
.service_3 > p{
    font-size:14px;
    color:#666666;
    margin-bottom:16px;
}
.service_3 > p:nth-child(3){
    margin-bottom:50px;
}
.formleft{
    width:525px;
    float:left;
}
.formleft span{
    font-size:14px;
    color:#666666;
    line-height:40px;
}
.formleft input{
    width:475px;
    height:40px;
    margin-bottom:20px;
}
.formleft input:last-child{
    margin:0px;
}
.service_3 > form > textarea{
    width:630px;
    height:161.5px;
    float:right;
    resize:none;
    outline:none;
    padding:20px;
}
.service_3 > form > input[type="submit"]{
    display:block;
    width:200px;
    height:40px;
    background-color:#1f75bc;
    margin:40px auto 0;
    outline:none;
    border:none;
    font-size:14px;
    color:#ffffff;
}
/*news*/
.newswrap{
    padding:30px 0;
    border-bottom:1px solid #e6e6e6;
}
.newswrap > div:nth-child(1){
    float:left;
    width:240px;
    height:160px;
    overflow:hidden;
}
.newswrap > div:nth-child(1) img{
    width:100%;
}
.newswrap > div:nth-child(2){
    float:right;
    width:935px;
    height:160px;
}
.newstitle{
    /*margin-bottom:20px;*/
}
.newstitle h4{
    font-size:18px;
    color:#545454;
    line-height:38px;
    float:left;
}
.newstitle span{
    line-height:38px;
    font-size:14px;
    color:#666666;
    float:right;
}
.newscontent{
    height:96px;
    padding-top:14px;
}
.newscontent p{
    font-size:14px;
    color:#666666;
    line-height:28px;
    text-align:justify;
}
.newsmore{
    display: block;
    width:100px;
    height:26px;
    line-height:26px;
    text-align: center;
    font-size:12px;
    color:#545454;
    background-color:#f2f2f2;
}
/*new*/
.content{
    line-height:1.8;
    text-align:justify;
    padding:15px 0;
}
.content p{
    line-height:1.8;
    text-align:justify;
}
.content p.artical_title{
    font-size:16px;
    font-weight:bold;
    text-align:center;
}
.artical_info{
    width:100%;
    background-color:#999;
    text-align:center;
    color:#fff;
    line-height:28px;
    height:28px;
    margin-top:15px;
    margin-bottom:15px;
}
.artical_content{
    padding-bottom:15px;
    margin-bottom:10px;
    border-bottom:1px dashed #393939;
}
.artical_others{
    margin-bottom:15px;
}
.backlist{
    background-color:#999;
    color:#fff !important;
    padding:5px 10px;
}
.about_1{
    padding-top:50px;
    margin-bottom:30px;
    text-align:center;
}
.about_1 > h2{
    font-size:28px;
    color:#333333;
    line-height:1;
    margin-bottom:24px;
}
.about_1 > p{
    font-size:14px;
    color:#666666;
}
.about1_1{
    float:left;
    position:relative;
    width:390px;
    height:380px;
    padding:57px 30px 0 40px;
    background-color:#f5f5f5;
    text-align:left;
}
.about_context h4{
    font-size:28px;
    color:#333333;
    font-weight:normal;
    line-height:1;
    margin-bottom:22px;
}
.about_context p{
    font-size:14px;
    color:#666666;
    line-height:27px;
    text-align:justify;
}
.about_context a{
    display:block;
    position:absolute;
    width:46px;
    height:46px;
    left:40px;
    bottom:50px;
    cursor:pointer;
    background:url(https://www.zjwangu.com/en/static/images/label1_gray.png) center center no-repeat;
}
.about_context i{
    display:block;
    width:20px;
    height:20px;
    position:absolute;
    right:-10px;
    top:177px;
    z-index:9;
    background-color:#f5f5f5;
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform: rotate(45deg);
}
.about1_2{
    display:block;
    float:left;
    width:390px;
    height:380px;
    cursor:pointer;
    overflow:hidden;
}
.about1_2 a img{
    width:100%;
    transition: all .8s ease 0s;
    -ms-transition:all .8s ease 0s;
    -o-transition:all .8s ease 0s;
    -moz-transition:all .8s ease 0s;
    -webkit-transition:all .8s ease 0s;
    
}
.about1_2 a img:hover{
    transform: scale(1.3);
    -o-transform:scale(1.3);
    -ms-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -webkit-transform:scale(1.3);
    
}
.about1_3{
    float:right;
    width:390px;
    height:380px;
}
.about_img a{
    display:block;
    width:100%;
    height:100%;
    cursor:pointer;
    position:relative;
    overflow:hidden;
}
.about_img a img{
    width:100%;
    -ms-transition:all .8s;
    -moz-transition:all .8s;
    -webkit-transition:all .8s;
    transition: all .8s;
}
.about_img a img:hover{
    -ms-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -webkit-transform:scale(1.3);
    transform: scale(1.3);
}
.about_img a p{
    position:absolute;
    bottom:0px;
    width:100%;
    height:105px;
    padding-left:29px;
    text-align:left;
    font-size:28px;
    color:#ffffff;
    line-height:105px;
    background:url(https://www.zjwangu.com/en/static/images/label2.png) right 30px center no-repeat;
    background-color:#1f75bc;
    opacity:.9;
}
.about_2{
    width:100%;
    height:380px;
    margin-bottom:30px;
}
.about2_1{
    float:left;
    width:810px;
    height:380px;
}
.about2_1 a{
    width:100%;
    height:100%;
    display:block;
    overflow:hidden;
}
.about2_1 a img{
    width:100%;
    -ms-transition:all .8s;
    -moz-transition:all .8s;
    -webkit-transition:all .8s;
    transition: all .8s;
}
.about2_1 a img:hover{
    -ms-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -webkit-transform:scale(1.3);
    transform: scale(1.3);
}
.about2_2{
    float:left;
    position:relative;
    width:390px;
    height:380px;
    padding:57px 30px 0 40px;
    background-color:#1f75bc;
    text-align:left;
}
.about_3{
    margin-bottom:50px;
}
.about3_1{
    width:390px;
    height:380px;
    float:left;
    overflow:hidden;
}
.about3_2{
    float:left;
    position:relative;
    width:390px;
    height:380px;
    padding:57px 30px 0 40px;
    background-color:#f5f5f5;
    text-align:left;
    margin-left:30px;
}
.about3_3{
    width:390px;
    height:380px;
    float:left;
    overflow:hidden;
}
.pro2_2wrap{
    width:100%;
    max-width:1920px;
    margin:0 auto;
    height:81px;
    background-color:#fff;
    border-bottom:1px solid #dbdbdb;
}
.pro2_2wrapon{
    position:fixed;
    top:0px;
    z-index:9;
}
.pro2_2_title{
    width:1200px;
    height:80px;
    margin:0 auto;
    text-align:center;
}

.pro2_2_title li{
    display:inline-block;
    padding:0 10px;
    margin:0 25px;
    height:80px;
    line-height:80px;
    position:relative;
    font-size:16px;
    color:#545454;
    cursor:pointer;
}
.pro2_2_title li div{
    position:absolute;
    width:100%;
    height:3px;
    background-color:#f18c24;
    bottom:-3px;
    left:0px;
    display:none;
}
.pro2_2_titleon > div{
    display:block !important;
}
.pro2_3{
    width:1200px;
    /*height:297px;*/
    padding-bottom:32px;
    margin:0 auto;
    padding-top:49px;
    border-bottom:1px solid #dbdbdb;
}
.pro2_3 h4{
    font-size:16px;
    color:#333333;
    line-height:1;
    margin-bottom:24px;
}
.pro2_3 p:nth-child(2){
    line-height:24px;
    font-size:14px;
    color:#666666;
    margin-bottom:23px;
}
.pro2_3 p:nth-child(n+3){
    font-size:14px;
    color:#666666;
    margin-bottom:12px;
}
.pro2_4{
    width:1200px;
    /*height:435px;*/
    margin:0 auto;
    padding-top:60px;
    padding-bottom:20px;
    border-bottom:1px solid #dbdbdb;
    text-align:center;
}
.pro2_4 h2{
    font-size:22px;
    color:#333333;
    line-height:1;
    margin-bottom:60px;
}
.xnwrap{
    width:100%;
    text-align:left;
}
.xnwrap div{
    display:inline-block;
    vertical-align: top;
    margin-bottom:20px;
    width:570px;
    min-height:135px;
    text-align:left;
    padding:11px 0 0 123px;
    background-position:left top;
    background-repeat:no-repeat;
}
.xnwrap div:nth-child(odd){
    margin-right:60px;
    /*float:left;*/
}
.xnwrap div:nth-child(even){
    /*float:right;*/
}
.xnwrap div h4{
    font-size:16px;
    color:#333333;
    line-height:1;
    margin-bottom:13px;
}
.xnwrap div p{
    font-size:14px;
    line-height:20px;
    color:#666666;
}
/*.xnwrap div:nth-child(1){
    background-image:url(../images/xn1.jpg);
}
.xnwrap div:nth-child(2){
    background-image:url(../images/xn2.jpg);
}
.xnwrap div:nth-child(3){
    background-image:url(../images/xn3.jpg);
}
.xnwrap div:nth-child(4){
    background-image:url(../images/xn4.jpg);
}*/
.pro2_5{
    width:1200px;
    /*height:655px;*/
    margin:0 auto;
    padding-top:60px;
    padding-bottom:33px;
    text-align:center;
}
.pro2_5 h2{
    font-size:22px;
    line-height:1;
    color:#333333;
}
.pro2_5 img{
    width:100%;
    margin-top:40px;
}
.pro2_6{
    width:1200px;
    height:665px;
    margin:0 auto;
    padding-top:60px;
    text-align:center;
}
.pro2_6 h2{
    font-size:16px;
    color:#333333;
    line-height:1;
    margin-bottom:73px;
}
.fordata{
    text-align:justify;
}
.fordata input[type="text"]{
    width:380px;
    height:45px;
    border:0px;
    outline:none;
    background-color:#f4f7f9;
    padding-left:18px;
    margin-bottom:20px;
}
.fordata textarea{
    width:1200px;
    height:262px;
    background-color:#f4f7f9;
    border:none;
    outline:none;
    line-height:45px;
    padding-left:18px;
    margin-bottom:20px;
    resize:none;
}
.fordata input[type="submit"]{
    width:1200px;
    height:40px;
    text-align:center;
    background-color:#f18c24;
    color:#fff;
    line-height:40px;
    border:none;
    outline:none;
    border-radius:5px;
    font-size:16px;
    cursor:pointer;

}