@charset "utf-8";


.btn.active, .btn:active{box-shadow:none;}


#header{

    height:145px;

    width: 100%;

    z-index: 99999;

    transition:all .3s;

}

.header_wrap{

    height:100px;

}

.header_top{

    background: #222;

    height: 45px;

}

#header.header_on .header_wrap{

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 99999;

    background: #fff;

    box-shadow: 0 0 10px rgba(0,0,0,.05);

}

.header_top ul{

    justify-content: flex-end;

    align-items: center;

    height: 45px;

}

.header_top ul li{

    font-size:14px;

    color:#fff;

    position: relative;

    padding: 0 30px;

}

.header_top ul li i{

    margin-right: 10px;

    font-size:18px;

    vertical-align: middle;

}

.header_top ul li:after{

    width: 1px;

    height: 18px;

    content: '';

    display: block;

    position: absolute;

    right: 0;

    top: 5px;

    background: #fff;

}

.header_top ul li.li1 i{

    font-size:12px;

    margin:0 0 0 15px;

}

.header_top ul li.li3:after{

    display: none;

}

.header_wrap .coninfo i{

    font-size:36px;

    color:#fff;

    vertical-align: middle;

    line-height: 1.2;

    margin-right: 15px;

}

.header_wrap .coninfo p{

    color:#707279;

    font-size:14px;

    line-height: 1.4;

}

.header_wrap .coninfo p span{

    font-size:16px;

    font-family: Arial;

    color:#fff;

    display: block;

}

.header_wrap .coninfo>div{

    padding: 0 50px;

}

.header_wrap .coninfo .tel{

    position: relative;

}

.header_wrap .coninfo .tel p span{

    font-size:18px;

}

.header_wrap .coninfo .tel:after{

    width: 1px;

    height: 44px;

    background: rgba(255,255,255,.2);

    content:'';

    display: block;

    position: absolute;

    right:0;

    top: 0;

}

.header_wrap .search{

    width:270px;

    height:50px;

    background: rgba(255,255,255,.2);

}

.header_wrap .search .key{

    width:220px;

    height:50px;

    background: none;

    border:none;

    outline: none;

    padding: 0 20px;

    color:#fff;

    font-size:14px;

}

.header_wrap .search .key::placeholder{

    color:rgba(255,255,255,.3);

}

.header_wrap .search button{

    background: none;

    color:rgba(255,255,255,.6);

    outline: none;

    border: none;

    text-align: center;

    width:46px;

    height:50px;

}



.logo{

    margin-top:17px;

    flex: 1;

    height:67px;

}

.logo img{

    height: 100%;

    width: auto;

}

.top_right_btn{

    flex: 1;

    justify-content:flex-end;

}

.top_right_btn>div{

    color:#898989;

}

.weixin_code{

    line-height: 80px;

    font-size: 14px;

}

.nav_pc{

    height:100px;

}

.nav_pc_on{

    position: fixed;

    width:100%;

    top: 0;

    left: 0;

    background: #2a343d;

    z-index: 999;

}

.nav_pc li{

    display: inline-block;

    position: relative;

    padding:0 27px;

}

.nav_pc li>a{

    display: block;

    font-size: 18px;

    text-transform: uppercase;

    position: relative;

    line-height:100px;

    color:#000;

    font-weight: 500;

}

.nav_pc li>a:after{

    height: 2px;

    background: #005ead;

    width:0;

    content:'';

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    transition:all .3s;

}

.nav_pc li.cur>a,.nav_pc li a:hover{

    color:#005ead;

}

.nav_pc li.cur>a:after,.nav_pc li a:hover:after{

    width: 100%;

}

.nav_pc li .sub_nav{

    position: absolute;

    left: 0;

    width: 100%;

    background-color: #005ead;

    transition: all 300ms;

    top: 86px;

    opacity: 0;

    visibility: hidden;

    z-index: 999;

}

.nav_pc li:hover .sub_nav{

    top:100px;

    opacity: 1;

    visibility: visible;

}

.nav_pc li .sub_nav a{

    display: block;

    text-align: center;

    color: #fff;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding: 12px 20px;

    border-bottom:1px solid rgba(255,255,255,.1);

}

.nav_pc li .sub_nav a:hover{

    background: rgba(0,0,0,.2);

}

.topsearch{

    line-height:100px;

}

.topsearch i{

    font-size:18px;

    margin:0 7px;

    color:#005ead;

    cursor: pointer;

}



.mobile_banner{

    display: none;

}



.phone_top_nav{

    display: none;

}

.phone_top_nav .sub_nav_phone{

    padding: 10px 0;

    border-bottom: 1px solid #eee;

}

.phone_top_nav .sub_nav_phone a{

    display: inline-block;

    font-size: 14px;

    margin-right: 20px;

    color: #333;

}

.header_icon{

    justify-content: flex-end;

}

.header_icon .ico{

    font-size: 14px;

    color:#000;

    line-height: 85px;

    margin-right: 15px;

}

.header_icon .ico a{

    color: #000;

}

.header_icon .ico i{

    background: #114c97;

    color: #fff;

    font-size: 12px;

    text-align: center;

    line-height: 22px;

    width: 22px;

    height: 22px;

    border-radius: 50%;

    margin-right: 7px;

}

.phone_menu_btn{

    font-size: 16px;

    color: #000;

    padding-top:18px;

    display: none;

}

.phone_menu_btn .line{

    position: relative;

    display: block;

    width:19px;

    height: 2px;

    margin: 4px 0;

    background: #0063ae;

    -webkit-transition: .3s;

    transition: .3s;

}

.phone_menu_btn span{

    position: absolute;

    left: 32px;

    top: 2px;

}

.phone_top_nav{

    position: fixed;

    width: 100%;

    z-index: 9999;

    background: #fff;

    height: 100%;

    border-top:1px solid #ccc;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    overflow-y: scroll;

    padding: 60px 30px 30px;

    transition: .5s;

    transform: translateY(-100%);

}



.phone_top_nav li>a{

    display: block;

    line-height: 50px;

    font-size: 16px;

    color: #5a5657;

    border-bottom: 1px solid #eee;

    font-weight: bold;

}

.phone_top_nav .sub_nav{

    padding: 10px 0;

    border-bottom: 1px solid #eee;

}

.phone_top_nav .sub_nav a{

    display: inline-block;

    font-size: 14px;

    margin-right: 10px;

    color: #333;

}

.header_active .line:nth-of-type(1){

    -webkit-transform: translateY(5.5px) rotate(-45deg);

    -ms-transform: translateY(5.5px) rotate(-45deg);

    transform: translateY(5.5px) rotate(-45deg);

}

.header_active .line:nth-of-type(2){

    opacity:0;

}

.header_active .line:nth-of-type(3){

    -webkit-transform: translateY(-6.5px) rotate(45deg);

    -ms-transform: translateY(-6.5px) rotate(45deg);

    transform: translateY(-6.5px) rotate(45deg);

}

.header_active .phone_top_nav{

    transform: translateY(0);

}



.fixed_search{

    background: #ececec;

    left: 0;

    position: fixed;

    right: 0;

    top:-50%;

    z-index: 9999;

    height: 50%;

    transition:all .3s;

}

.fixed_search_on{

    top: 0;

}

.fixed_search form{

    left: 10%;

    position: absolute;

    right: 10%;

    top: 42%;

    z-index: 99999999;

}

.fixed_search .key{

    width: 100%;

    height: 100px;

    background: transparent;

    padding: 20px;

    font-size: 35px;

    line-height: 60px;

    border-bottom: 2px solid #333;

    border-top: none;

    border-left: none;

    border-right: none;

    outline: none;

}

.fixed_search .btn{

    position: absolute;

    right: 0;

    top: 20px;

    border:none;

    background: none;

    outline: none;

}

.fixed_search .btn i{

    font-size:30px;

    

}

.fixed_search .close{

    position: absolute;

    right: 70px;

    top:70px;

    opacity: 1;

    border:2px solid #666;

    padding: 12px;

    border-radius: 50%;

}

.fixed_search .close i{

    font-size:18px;

    color:#666;

}



/* phone_fixed_menu */



.phone_fixed_menu{

    border-top: 1px solid #E5E9F2;

    width: 100%;

    height: 55px;

    background: #fff;

    position: fixed;

    z-index: 10000;

    bottom: 0;

    left: 0;

    display: none;

}

.phone_fixed_menu ul li{

    flex:1;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    height: 55px;

    line-height: 1.2;

}

.phone_fixed_menu ul li a{

    display: block;

}

.phone_fixed_menu ul li i{

    font-size:20px;

    color:#333;

}

.phone_fixed_menu ul li p{

    color:#333;

    font-size:14px;

}





/* banner */

.banner{

    position: relative;

}

.banner .item{

    position: relative;

}

.banner .item .con{

    position: absolute;

    left:0;

    width: 100%;

    top:50%;

    transform: translate(0,-50%);

}

.banner .item .con .con_box{

    text-align: right;

}

.banner .item .con h4{

    font-size:48px;

    color:#fff;

    font-weight: bold;

    letter-spacing: 1px;

    margin:15px 0 20px;

}

.banner .item .con p{

    font-size:16px;

    color:#fff;

    font-family:'Segoe UI light';

    letter-spacing: 1px;

    margin-bottom: 50px;

}

.banner .owl-item:nth-child(2) .con .con_box{

    text-align: left;

}

.banner .item .img img{

    width:100%;

}



.banner .owl-pagination{

    position: absolute;

    bottom: 0;

    width:100%;

    text-align: center;

    left:0;

    height:40px;

}

.banner .owl-pagination>div{

    display: inline-block;

    width:7px;

    height:7px;

    background:rgba(0,0,0,.4);

    border-radius: 50%;

    text-indent: -9999px;

    margin:0 7px;

    border: 1px solid rgba(0,0,0,.2);

    position: relative;

}

.banner .owl-pagination>div.active:after{

    width:19px;

    height:19px;

    border-radius: 50%;

    content:'';

    display: block;

    position: absolute;

    border:1px solid rgba(0,0,0,.4);

    left:-7px;

    top: -7px;

}





/*首页css__start*/



.inner .row .col-md-9{padding: 0;}

/*公用头部*/



.tit_box1 {

    padding:70px 0 50px;

}

.tit_box1 h4{

    color:#333;

    font-size:36px;

    font-weight: bold;

    text-transform: uppercase;

    text-align: center;

}

.tit_box1 .line{

    width: 400px;

    height: 1px;

    background: #ddd;

    margin:30px auto 0;

    position: relative;

}

.tit_box1 .line:before,.tit_box1 .line:after{

    background: #0063ae;

    content:'';

    width: 36px;

    height: 10px;

    display: inline-block;

    position: absolute;

    top: -5px;

}

.tit_box1 .line:before{

    border-radius: 5px 0 0 5px;

    left:calc(50% - 36px);

}

.tit_box1 .line:after{

    border-radius:0 5px 5px 0;

    background: #f7c200;

     right:calc(50% - 36px);

}

.tit_menu {

    text-align: center;

}

.tit_menu li{

    display: inline-block;

    height: 36px;

    margin: 0 8px 10px;

}

.tit_menu li a{

    display: block;

    line-height: 36px;

    background: #eee;

    padding: 0 22px;

    font-size:16px;

    text-transform: capitalize;

    border-radius: 20px;

}

.tit_menu li a:hover,.tit_menu li:first-child a{

    background: #0063ae;

    color:#fff;

}

.tit_box2 h4{

    color:#fff;

}



/* product_con */



.product_con{

    padding-bottom: 40px;

}

.product_con .row{

    margin-left: -20px;

    margin-right: -20px;

}

.product_con li{

    margin-bottom: 45px;

    padding-left:20px;

    padding-right: 20px;

}

.product_con li a{

    position: relative;

    display: block;

    transition:all .3s;

    border: 1px solid #ddd;

}

.product_con li a .img{height: 235px;text-align: center;overflow: hidden;}
.product_con li a .img img{height: 100%;width: 100%;}


@media screen and ( max-width: 1440px){
    .product_con li a .img{height: 200px;}
}

@media screen and ( max-width: 1200px){
    .product_con li a .img{height: 160px;}
}
@media screen and ( max-width: 1000px){
    .product_con li a .img{height: 265px;}
}
@media screen and ( max-width: 760px){
    .product_con li a .img{height: 35vw;}
}

.product_con li .con{

    position:absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 36px;

}

.product_con li .con h4{

    flex:1;

    padding: 0 20px;

    font-size:16px;

    color:#fff;

    font-weight: normal;

    text-transform: capitalize;

    background: #0063ae;

    line-height: 36px;

    overflow: hidden;

}

.product_con li .con span{

    color:#000;

    font-size:14px;

    background: #f7c200;

    padding: 0 8px;

    height: 36px;

    line-height: 36px;

}

.product_con li a:hover{

    box-shadow: 0 -6px 20px rgba(0,99,174,.44);

}



/* equipment_wrap */

.equipment_wrap{
    min-height: 500px;

}

.img_scroll .item{

    margin:0 20px;

    border:20px solid #fff;

    background: #fff;

    transition:all .3s;

}

.img_scroll .item h4{

    font-size:16px;

    font-weight: normal;

    color:#333;

    padding:20px 0 5px;

    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

}

.img_scroll .item .img{

    position: relative;

    height: 260px;

}

@media screen and (max-width: 1400px){

    .img_scroll .item .img{height: 210px;}

}
@media screen and (max-width: 1200px){

    .img_scroll .item .img{height: 160px;}

}


@media screen and (max-width: 1000px){

    .img_scroll .item .img{height: 200px;}

}

@media screen and (max-width: 770px){

    .img_scroll .item .img{height: 50vw;}

}

.img_scroll .item .img img{width: 100%;height:100%}

.img_scroll .item .img .more{

    position: absolute;

    display: flex;

    left: 0;

    top: -100%;

    width: 100%;

    height: 100%;

    justify-content: center;

    align-items: center;

    transition:all .3s;

}

.img_scroll .item .img .more span{

    display: block;

    border:1px solid #f7c200;

    color:#f7c200;

    padding: 8px 12px;

    font-size:14px;

    transition:all .3s;

}

.img_scroll .item:hover{

    background: #f7c200;

    border-color: #f7c200;

}

.img_scroll .item:hover h4{

    color:#000;

}

.img_scroll .item:hover .img .more{

    top: 0;

}

.img_scroll .item .img .more span:hover{

    background: #f7c200;

    color:#000;

}

.img_scroll .owl-buttons>div{

    position: absolute;

    top:calc( 50% - 20px);

    width: 40px;

    height: 40px;

    background: #000;

    color:#fff;

    text-align: center;

    line-height: 40px;

    transition:all .3s;

}

.img_scroll .owl-buttons .owl-prev{

    left: -50px;

}

.img_scroll .owl-buttons .owl-next{

    right:-50px;

}

.img_scroll .owl-buttons>div:hover{

    background: #f7c200;

    color:#000;

}



/* about_wrap */



.about{

    

}

.about_img{

    position: relative;

}

.about_img:before{

    display: block;

    width: 100px;

    height: 100px;

    background: #f7c200;

    position: absolute;

    left: -10px;

    top: -10px;

    content:'';

    z-index: -1;

}

.about_con{

    padding-left: 40px;

}

.about_con .con{

    font-size:16px;

    color:#333;

    line-height: 1.8;

}

.about_con a{

    display:block;

    width: 140px;

    height: 40px;

    border-radius: 20px;

    color:#000;

    background: #f7c200;

    text-align: center;

    line-height: 40px;

    font-size:14px;

    float: right;

    margin-top: 30px;

    transition:all .3s;

}

.about_con a:hover{

    background: #0070c4;

    color:#fff;

}



/* about_advan */



.about_advan{

   

    height: 180px;

    position: relative;

    margin-top: -80px;

    z-index:-1;

}

.about_advancon{

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 180px;

    padding-left: 40px;

}

.about_advancon>div{

    text-align: center;

}

.about_advancon img{

    margin:auto;

}

.about_advancon p{

    font-size:14px;

    color:#fff;

    text-transform: uppercase;

    font-weight: 500;

    padding-top: 15px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}



/* news */



.news_con .row{

    margin:0 -35px;

}

.news_con .row li{

    padding: 0 35px;

}

.news_con li .item{

    background: #f3f6f9;

    margin-bottom: 50px;

    transition:all .3s;

}

.news_con li .item .img{

    flex:1;

}

.news_con li .item .con{

    width: 65%;

    padding: 0 24px;

    border-top: 5px solid #f7c200;

}

.news_con li .item .con h4{

    font-size: 16px;

    color:#333;

    padding: 15px 0 10px;

    line-height: 1.6;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}

.news_con li .item .con span{

    color:#0063ae;

}

.news_con li .item .con p{

    margin-top: 15px;

    font-size:14px;

    color:#777;

}

.news_con li .item:hover{

    box-shadow: 0 0 15px rgba(0,99,174,.44);

}

.news_more{

    text-align: center;

}

.news_more a{

    display: inline-block;

    background: #f7c200;

    border-radius: 20px;

    padding:8px 33px;

    font-size:14px;

    color:#000;

}

.news_more a:hover{

    background: #0063ae;

    color:#fff;

}





/*页底css*/

.footer{

    background:#333;

    overflow: hidden;

    padding: 45px 0;

}

.footer .tit{

    font-size:18px;

    color:#fff;

    text-transform: uppercase;

}

.footer .tit:after{

    content:'';

    display: block;

    width: 20px;

    height: 2px;

    background: #f7c200;

    margin:15px 0 20px;

}

.footer .con{

    color:#999;

    font-size:13px;

    line-height: 2;

}

.footer .con p a{

    color:#999;

}

.footer .con p a:hover{

    color:#fff;

}

.footer .con p i{

    font-size:14px;

    color:#fff;

    margin-right: 8px;

    line-height: 1.5;

}

.footer .con p.p3 i{

    font-size:16px;

}

.footer_search{

    padding: 0 0 0 60px;

}

.footer_search .tit:after{

    display: none;

}

.footer_search .tit1{

    margin:20px 0 10px;

}

.footer_search p{

    font-size:13px;

    color:#999;

    margin:15px 0;

}

.footer_search form .key{

    background: #fff;

    border-radius: 30px 0 0 30px;

    height: 48px;

    border:none;

    outline: none;

    flex:1;

}

.footer_search form button{

    width: 80px;

    border-radius: 0 30px 30px 0;

    border:none;

    outline: none;

    background-image: linear-gradient(to right, #f7c200 , #0063ae);

    color:#fff;

    font-size:14px;

}

.footer_search ul li{

    flex:1;

}



.copyright{

    height:70px;

    line-height: 70px;

    background: #222;

}

.copyright .flex{

    justify-content: center;

    color:#999;

    font-size:13px;

}

.copyright p{

    margin-right: 44px;

}

.copyright a{

    color:#999;

}



/* fixed_rightbtn */



.fixed_rightbtn{

    position: fixed;

    z-index: 999;

    right: 10px;

    top: 30%;

}

.fixed_rightbtn li{

    background: #464646;

    width: 65px;

    height: 65px;

    border-radius: 20px;

    margin-bottom: 5px;

    color:#fff;

    position: relative;

}

.fixed_rightbtn li a{

    color:#fff;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    height: 65px;

    line-height: 1.2;

    position: relative;

    

}

.fixed_rightbtn li i{

    display: block;

    font-size:30px;

}

.fixed_rightbtn li p{

    position:absolute;

    height: 75px;

    right:-320px;

    top: 0;

    background: #fff;

    box-shadow: -5px 0 10px rgba(70,70,70,.4);

    color:#333;

    font-size:24px;

    width: 290px;

    text-align: center;

    line-height: 75px;

    transition:all .3s;

    border-radius: 10px;

}

.fixed_rightbtn li:hover p{

    right: 0;

}

#layer_message{

    padding:20px 25px;

}

#code_img{

    height:34px;

}

#layer_message p{

    margin-top: 20px;

    font-size:14px;

}



/*首页css__end*/





/*内页*/



.page_tit{

    border-bottom: 1px solid #ccc;

    height:40px;

    line-height: 40px;

    overflow: hidden;

}

.page_tit h4{

    flex:1;

    display: flex;

    line-height: 40px;

    font-weight: bold;

}

.page_tit h4 p{

    font-weight: normal;

}

.page_tit h4 p span{

    padding: 0 4px;

}

/*关于*/
.endit-content{padding-top: 40px;}



/*案例列表*/
.case-list{
    padding: 50px 0 20px;
}

.case-list .case-rows{
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 30px;
}

.case-list .case-items{
    width: 30.667%;
    margin-right: 4%;
    margin-bottom: 20px;
}

.case-list .case-items:nth-of-type(3n){
    margin-right: 0;
}
.case-list .case-items dt{overflow: hidden;}
.case-list .case-items dt a,
.case-list .case-items dt img{width: 100%;display: block;transition: all 0.5s;}
.case-list .case-items:hover dt img{transform: scale(1.1);}
.case-list .case-items dd{
    padding: 25px 20px 20px;
    background: rgb(247, 246, 246);
}

.case-list .case-items dd span{display: block;height: 20px;line-height: 20px;font-size: 15px;margin-bottom: 15px;}
.case-list .case-items dd h4{margin-bottom: 0;}
.case-list .case-items dd h4 a{display: block;padding-right: 50px;position: relative;height: 56px;line-height: 28px;font-size: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;}
.case-list .case-items dd h4 i{position: absolute;width:24px;height: 24px;border-radius: 50%;background: url(../images/btn-more.png) no-repeat center rgb(119, 119, 119);background-size: 16px 16px;right: 0;top: 2px;transition: all 0.5s;}
.case-list .case-items:hover dd h4 i{background: url(../images/btn-more.png) no-repeat center #fb5806;background-size: 16px 16px;}

@media screen and (max-width:767px){
    .endit-content{padding: 30px 3% 0!important;}
    .case-list{
        padding: 3rem 2.667% 1.5rem;
    }
    .case-list .case-rows{padding-top: 0;}
    .case-list .case-items{
        width: 100%;
        margin-right: 0;
        margin-bottom: 3rem;
    }
    .case-list .case-items:nth-of-type(2n){
        margin-right: 0;
    }
    .case-list .case-items dd{
        padding: 1.5rem 1rem 2rem;
        background: rgb(247, 246, 246);
    }
    .case-list .case-items dd span{display: block;height: 1.5rem;line-height: 1.5rem;font-size: 1.3rem;margin-bottom: 1rem;}
    .case-list .case-items dd h4{margin-bottom: 0;}
    .case-list .case-items dd h4 a{display: block;padding-right: 50px;position: relative;height: 4rem;line-height: 2rem;font-size: 1.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; 
        -webkit-box-orient: vertical;
    }
    .case-list .case-items dd h4 i{position: absolute;width:24px;height: 24px;border-radius: 50%;background: url(../images/btn-more.png) no-repeat center rgb(119, 119, 119);background-size: 16px 16px;right: 0;top: 2px;}
}

/* 内页分类 */



.inner{

    padding:50px 0 70px;

    overflow: hidden;

}



/* 左侧 */

.inner_menu{

    background: #f2f2f2;

    margin-right: 30px;

}

.inner_menu .tit{

    height: 55px;

    font-size:22px;

    background:#0063ae;

    font-weight: bold;

    line-height: 55px;

    text-align: center;

    text-transform: uppercase;

    color:#fff;

    overflow: hidden;

    padding: 0 20px;

}
.col-33{height:80px;background:#FFF;box-shadow:0 0px 10px 5px #dbdbdb; position:relative;}
.col-33 .menu>li{float:left;border-bottom:0; margin-right:30px;height: 85px;}
.inner_menu .tit.titi{float:left;background:0; color:#333; line-height:80px!important;height:80px;text-transform: unset; margin-right:50px;padding-left:30px; letter-spacing:0; margin-bottom:0!important;}
.inner_menu .menu{float:left;}
.col-99 ul li{width:32.3%;margin-right:1.5%;}
.col-99 ul li:nth-child(3n){margin-right:0;}
.page_picList li p{margin-bottom:0;}
.inner_sublist{
    position: absolute;
    left:0;
    top:85px;
    background:#FFF!important;
    width:100%;
    z-index:200;
    display: none;
    box-shadow: 0 0px 10px 5px #ccc;
}
.menu>li:hover .inner_sublist{display:block;}


.col-con-desc{width:100%; height:231px;background:#FFF;margin-bottom:40px;border-radius:20px;padding:30px 60px 0; box-sizing:border-box;}
.col-con-desc h4{line-height:50px;font-size:30px;color:#333; font-weight: normal;margin-bottom:10px;}
.col-con-desc p{line-height:26px;font-size:16px;color:#666;margin-bottom:0;}

@media (max-width: 767px){
    .col-con-desc h4{line-height: 4rem;font-size: 2rem;color:#333; font-weight: normal;margin-bottom:10px;} 
}

.inner_menu>ul>li{

    border-bottom: 1px solid #ddd;

    height: 80px;

}

.inner_menu>ul>li>a{

    display: block;

    height:80px;

    line-height:80px;

    padding-right:20px;

    color:#333;

    font-size: 16px;
    
    background:url(../images/hea-jt.png) no-repeat right;

}

.inner_menu>ul>li>a i{

    font-size:10px;

    margin-right: 15px;

    color:#333;

}




.inner_leftimg{

    margin: 30px 30px 0 0;

    border:1px solid #ddd;
    

}

.inner_leftimg .tit{

    font-size:22px;

    color:#0063ae;

    height: 55px;

    line-height: 55px;

    padding: 0 20px;

}

.inner_leftimg li{

    margin:5px 0 0;

}

.inner_leftimg li:last-child{

    margin:0;

}

.inner_leftimg li h4{

    font-size:12px;

    color:#666;

    text-align: center;

    font-weight:normal;

    line-height: 1;

    padding: 20px 0;

    border-bottom: 1px dashed #ddd;

}



.publeftcon{

    margin:15px 0 0;

}

.publeftcon .tit{

    font-size:18px;

    height:44px;

    line-height: 44px;

    padding: 0 20px;

    color:#151515;

    font-weight: bold;

    border-bottom: 1px solid #eee;

    position: relative;

    margin-bottom: 10px;

}

.publeftcon .tit:before{

    width:4px;

    height:18px;

    background: #e7b20e;

    content:'';

    display: block;

    position: absolute;

    left: 6px;

    top: 12px;

}



/* pos */



.inner_pos{

    height: 55px;

    line-height: 55px;

    background: #f2f2f2;

    padding:0 10px;

    overflow: hidden;

}

.inner_pos .tit{

    flex:1;

    font-size:24px;

    color:#0063ae;

    font-weight: bold;

    position: relative;

    padding: 0 0 0 24px;

    text-transform: capitalize;

}

.inner_pos .tit:before{

    content:'';

    display: block;

    background: #0063ae;

    position: absolute;

    left: 0;

    top: 17px;

    width: 5px;

    height: 20px;

}

.inner_pos .pos{

    font-size:12px;

    color:#999;

}

.inner_pos .pos a{

    color:#999;

}





.publeftcon ul li{

    margin-bottom: 10px;

    position:relative;

}

.publeftcon .con{

    font-size:14px;

    padding:10px 16px;

    color:#151515;

    background: #fff;

}

.publeftcon .con p{

    border-bottom: 1px solid #f7f7f7;

    line-height: 2.2;

}

.publeftcon ul li p{

    background:rgba(0,0,0,.3);

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height:40px;

    line-height: 40px;

    font-size:14px;

    color:#fff;

    text-align: center;

}







/* 内页二级分类显示 */



.inner_sublist{

    transition: all .3s;

    padding: 20px 50px;

    background:rgba(0,0,0,.02);

}

/*产品副导航*/
.inner_sublist li{
    float: left;min-width: 20%;border-bottom: 1px solid rgba(255,255,255,.05);
}
.inner_sublist li:nth-of-type(5n){margin-right: 0;}
.inner_sublist li.allWidth{width: 100%;}

.inner_sublist li > a{

    color:#151515;

    font-size: 16px;

    display: block;

    line-height: 2;

}

.inner_sublist li > a i{

    font-size:12px;

    margin-right: 5px;

}

.inner_sublist li dl{margin-bottom: 15px;}
.inner_sublist li dt{float: left;min-width: 20%;}
.inner_sublist li dt:nth-of-type(5n){margin-right: 0;}
.inner_sublist li dt a{display: block;height: 30px;line-height: 30px;font-size: 14px;font-weight: normal;color: #666;}


.inneer_nav li:hover>a{color:#fb5806;}
.inneer_nav dt:hover a{color:#fb5806;}
/* 单页内容 */



.page_index{

    padding:30px 0;

    color:#333;

    line-height: 1.8;

    font-size:14px;

    min-height: 350px;

}

.page_aboutimg{

    margin-top: 40px;

}





.xg_news{

    margin:40px 0 0;

}

.xg_news h3{

    font-size:16px;

    border-bottom: 1px solid #eee;

    line-height:2;

    color:#3c3b5c;

}

.xg_news ul{

    margin-bottom: 20px;

}

.xg_news ul li {

    padding:15px 0 0;

}

.xg_news ul li .img{

    width:80px;

}

.xg_news ul li .con{

    flex:1;

    margin-left: 20px;

}

.xg_news ul li .con a{

    font-size:14px;

    display: block;

    line-height: 1.2;

    color:#555;

    margin-bottom: 3px;

}

.xg_news ul li .con span{

    color:#999;

}

.xg_news .tags{

    padding: 10px 0 20px;

}

.xg_news .tags a{

    display: inline-block;

    padding: 3px 10px;

    background: #e7b20e;

    margin:0 5px 5px 0;

    color:#fff;

    font-size:14px;

    border-radius:3px;

}

.xg_news dl{

    margin:15px 0 0;

    border:1px solid #eee;

}

.xg_news dl dt{

    width: 100%;

}

.xg_news dl dd{

    font-size:16px;

    text-align: center;

    font-weight: bold;

    color:#151515;

    line-height: 2;

}



/* 产品列表 */



.page_picList {

    margin-top: 30px;

}

.page_picList li{

    margin-bottom:30px;

}



.page_picList li .img{
    overflow: hidden;
    transition:all .3s;
}

.col-99 .col-xs-6{width:23.8%;margin-right:1.5%;}

.page_picList .row li:nth-child(3n){margin-right:1.5%;}
.page_picList .row li:nth-child(4n){margin-right:0;}

@media (max-width: 1440px){

    .page_picList li .img{height: 100%;}

}

@media (max-width: 1200px){

    .page_picList li .img{height: 100%;}

}

@media (max-width: 1000px){

    .page_picList li .img{height: 100%;}

    .page_picList li p{height:40px;line-height:40px}

}

@media (max-width: 800px){

    .page_picList li .img{height:100%;}

}

.page_picList li img{

    transition: all 0.6s;

    margin:0;

    width:100%;

}

.page_picList li p{

    height: 50px;

    line-height: 50px;

    overflow: hidden;

    background: #f2f2f2;

    padding: 0 20px;

    text-align: center;

    color:#333;

    font-size:14px;

    transition:all .3s;

}


.page_picList li:hover img{

    transform: scale(1.1);

}

.page_picList li:hover p{

    color:#000;

}



/* page_imgList */



.page_imgList{

    margin-top: 35px;

}

.page_imgList li{

    margin-bottom: 20px;

}

.page_imgList li .img{
    border:1px solid #ddd;
    height: 325px;
}

.page_imgList li .img img{width: 100%;height: 100%;}


@media (max-width: 780px){

}

.case_picList{margin-top: 15px;}
.case_picList li{width: 23.5%;margin-bottom:20px;text-align:center;padding: 0;margin-right: 2%;}
.case_picList li:nth-of-type(4n){margin-right: 0;}
.case_picList li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:10px;font-size: 14px;color: #666;}

.case_picList li .img{
    border:1px solid #ddd;
    overflow: hidden;
}

.case_picList li .img img{width: 100%;height: 100%;transition: all 0.5s;}
.case_picList li:hover .img img{transform: scale(1.1);}

@media (max-width: 780px){
    .case_picList li{width: 48%;margin-right: 4%;margin-bottom: 1rem;}
    .case_picList li:nth-of-type(4n){margin-right: 4%;}
    .case_picList li:nth-of-type(2n){margin-right: 0;}
}
.page_imgList li p{

    height: 40px;

    line-height: 40px;

    overflow: hidden;

    color:#333;

    text-align: center;

}



/* inner_news */



.inner_newspos{

    height: 52px;

    line-height: 52px;

    overflow: hidden;

    font-size:12px;

    color:#999;

}

.inner_newspos a{

    color:#999;

}



.inner_newstit .tit{

    flex:1;

    font-size:30px;

    color:#000;

    text-transform: uppercase;

    font-weight: bold;

}

.inner_newstit ul{

    margin-top: 3px;

}

.inner_newstit li{

    margin-left: 25px;

}

.inner_newstit.tit li{float:left;}

.inner_newstit li a{

    padding:10px 45px;

    background: #f2f2f2;

    border-radius: 30px;

    font-size:14px;

    color:#333;

    display: block;

}

.inner_newstit li:hover a,.inner_newstit li.cur a{
    color: #fff;
    background: #fb5806;

}

.about-nav .tit{float: left;}
.about-nav ul{float: right;}
.about-nav ul li{margin-left: 10px;}
.about-nav ul li a{padding: 10px 20px;}

/*新闻列表*/

.nsw-con{padding: 50px 0;}

.page_newsList{

    margin:15px 0 50px;

    border-bottom: 1px solid #ddd;

}

.page_newsList li{

    border-top: 1px solid #ddd;

    padding:30px 50px;

    transition: all .3s ease-out 0s;
    
    background:#FFF;
    
    margin-bottom:20px;

}

.page_newsList li a{

    display: block;

    background: #fff;

}

.page_newsList li .img img{

    margin-bottom: 0;

}

.page_newsList li .time{

    padding: 10px 0 0;

}

.page_newsList li .time h5{

    font-size:40px;

    color:#bbb;

    transition: all .3s ease-out 0s;

}

.page_newsList li .time h5 span{

    font-size: 16px;

}

.page_newsList li .time p{

    color:#333;

    font-size:14px;

    margin:10px 0 0;

    transition: all .3s ease-out 0s;

}

.page_newsList li .time h6{

    color:#999;

    display: inline-block;

    border-bottom:1px solid #d0d0d0;

    margin-top: 20px;

    transition: all .3s ease-out 0s;

}

.page_newsList li .con{

    transition: all .3s ease-out 0s;

    padding:10px 0;

}

.page_newsList li .con h4{

    color: #333;

    transition: all .3s ease-out 0s;

    font-size: 18px;

    font-weight: 500;

}

.page_newsList li .con p{

    color: #777;

    font-size: 16px;

    line-height: 24px;

    margin:20px 0 0;

}

.page_newsList li:hover{

    box-shadow: 0 10px 10px 5px #eee;

}

.page_newsList li:hover .con{transform: translateX(10px);}
.page_newsList li:hover .con h4{font-weight: bold;}

.page_newsList li:hover .time h5,.page_newsList li:hover .time p,.page_newsList li:hover .time h6{

    color:#0063ae;

}

.col-md-2{float:right;width:27%;}

@media screen and (max-width: 767px){
    .nsw-con{padding: 30px 0;}
    .col-md-2{float: none;width: 100%;}
    .page_newsList li{padding: 1rem 0 !important;}
}






/* 单页联系我们 */

.page_contactindex {

    padding:50px 0;

}

.page_contactindex li{

    display: flex;

    margin-bottom: 40px;

}

.page_contactindex li i{

    width: 52px;

    height: 52px;

    background: #0063ae;

    border-radius: 50%;

    color:#f7c200;

    font-size:24px;

    display: block;

    text-align: center;

    line-height: 52px;

    margin-right: 20px;

}

.page_contactindex .txt{

    font-size:14px;

    color:#333;

    flex:1;

}

.page_contactindex .txt p{

    font-size:18px;

    color:#0063ae;

    font-weight: 500;

    line-height: 1.5;

}

.page_contactindex .map{

    margin-top: -20px;

}







/* 新闻详情 */



.page_newshow{

    padding: 40px 0 50px;

}

.page_newshow h3{

    font-size:30px;

    color:#333;

    text-align: center;

}

.page_newshow .desc{

    background: #f7f7f7;

    padding: 14px 20px;

    margin:20px 0 0;

    font-size:14px;

    text-align: center;

}

.page_newshow .info{

    font-size:14px;

    color:#999;

    text-align: center;

    padding: 15px 0 20px;

    border-bottom: 1px dashed #ddd;

}

.page_newshow .info span{

    margin:0 15px;

}

.page_newshow .con{

    font-size:14px;

    color:#333;

    padding: 30px 0 10px;

    line-height: 1.8;

}

.page_newshow .tag{

    font-size:16px;

    margin-bottom:60px;

}

.page_newshow .tag span{

    color:#0063ae;

    font-weight: bold;

}

.page_newshow .tag a{

    margin:0 5px;

}





/* page_blogsShow */



.page_blogsShow{

    background: #fff;

}

.page_blogsShow .block1{

    padding: 30px 55px 80px;

    border-bottom: 1px solid #ddd;

}

.page_blogsShow h3{

    font-size:20px;

    color:#333;

}

.page_blogsShow .info{

    font-size:14px;

    color:#999;

    padding:15px 0;

}

.page_blogsShow .con{

    font-size:14px;

    color:#333;

}

.page_blogsShow .share{

    margin:10px 0 30px ;

}

.page_blogsShow .share li{

    margin-right: 10px;

}

.blogs_message{

    padding: 30px 55px 80px;

}

.blogs_message h3{

    position: relative;

}

.blogs_message h3:before{

    content:'';

    width: 4px;

    height: 18px;

    display: block;

    position: absolute;

    top: 0;

    left:-15px;

    background: #0063ae;

}

.blogs_message label{

    font-size:14px;

    font-weight: normal;

}

.blogs_message form{

    margin-top:20px;

}

.blogs_message .form-group{

    margin-bottom: 25px;

}





/* 相关新闻 */



.related_tit{

    font-size:22px;

    color: #333;

    font-weight: 500;

    height: 35px;

    line-height: 35px;

    margin: 0 0 10px;

}



.related_news li a{

    display: block;

    height: 42px;

    line-height: 42px;

    border-bottom: 1px dashed #ddd;

    color:#333;

    font-size:14px;

    position: relative;

    padding: 0 0 0 14px;

    overflow: hidden;

}

.related_news li a:before{

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: #333;

    content:'';

    display: block;

    position: absolute;

    left: 0;

    top: 18px;

}



/* 相关案例 */



.latest_cases li{

    margin-bottom: 10px;

}

.latest_cases li img{width:100%;height:170px;}



@media (max-width: 1440px){

    .latest_cases li img{height:140px;}

}

@media (max-width: 1200px){

    .latest_cases li img{height:110px;}

}

@media (max-width: 1000px){

   .latest_cases li img{height:200px;}

}

@media (max-width: 780px){

    .latest_cases li img{height:28vw;}

}

.latest_cases li p{

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    text-align: center;

}


@media screen and (max-width: 767px){
    .col-con-desc{height:auto!important;padding:3% 5%;}
    .row{margin:0 0!important;}
    .col-99 .row li{float:left;width: 48.5%;margin-right: 3%;}
    .page_picList .row li:nth-child(3n){margin-right: 3%;}
    .page_picList .row li:nth-child(2n){margin-right: 0;}
    .picShow_tit p{padding:0!important;}
    .page_index{padding:15px 0!important;}
    .inner_sublist{top:159px;}
    .center_ny{width:100%!important;}
    .related_tit{color:#464646;}
    .btn,.btn a{width:100%!important;}
}


/* 产品详情页 */



.picShow_box{
    padding: 15px 20px 30px;

}

.picShow_box .swiper-slide {

   background-size: cover;
   background-position: center;
   position: relative;
   margin:0;

}

.picShow_thumbs{

   box-sizing: border-box;

   margin-top:12px!important;

}

.picShow_thumbs .swiper-slide-thumb-active:after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10;
}

.picShow_thumbs .swiper-button-black:after{

    font-size:20px;

    background: #fff;

}


.col-cc{padding:50px 15px;background: #f2f2f2;}
.col-cc .left{width:530px;}
.col-cc .left h4{line-height:50px;font-size:35px;color:#333;font-weight: bold;}
.col-cc .left .btn{padding:0;text-align:left;margin-bottom:20px;}
.col-cc .left .btn a{

    display: flex;

    width: 440px;
    
    height:51px;

    color:#999;

    align-items: center;

    margin-bottom: 4px;
    
    

}

.col-cc .left .btn a span{

    flex:1;

    justify-content: flex-start;

    font-size:14px;

    text-transform: uppercase;
    
    font-size:16px;
    
    font-weight:bold;

}

.col-cc .left .btn a i{

    width: 36px;
    line-height: 0;

}

.col-cc .left .btn a i img{
    width:100%;
}
.col-cc .left strong{display:block;}
.col-cc .left strong a{display:block;width:55px;line-height:0;float:left;padding:15px;border-radius:50%;}
.col-cc .left strong a img{width:100%;}

.col-cc .rig{width:575px;float:right;}
.col-cc .rig p{line-height: 25px;font-size:14px; color:#070500; margin-bottom:18px;}
.col-cc .rig span{display:block;width:108px;height:27px; line-height:27px; text-align:center;background:#ee1c1f;}
.col-cc .rig span a{display:block;font-size:15px; color:#FFF;}
.picShow_tit{

    margin:20px 0 0;

}

.picShow_tit h3{

    font-size: 28px;

    color: #333;

    padding: 15px 0;

    border-bottom: 1px dashed #bcbcbc

}

.picShow_tit p{

    font-size:14px;

    color:#666;

    margin-bottom:20px;
    
    padding:0;
    
    line-height:26px;

}
.picShow_tit p strong{font-size: 16px;}
.picShow_tit em{
    display: block;
}

.picShow_tit .btn a{

    display: block;

    width: 410px;
    
    height:50px;

    color:#fff;

    align-items: center;

    padding:0 20px;
    
    border: 1px solid #464646;
    background: #464646;

}

.picShow_tit .btn a span{

   display: block;
   height: 100%;
   line-height: 48px;
   text-align: center;
    font-size:14px;

    text-transform: uppercase;
    
    font-size:18px;

}

.picShow_tit .btn a i{

    width: 50px;
    line-height: 0;

}

.picShow_tit .btn a i img{
    width:100%;
}


.picShow_tit .share span{

    font-size:16px;

    font-weight: 500;

    color:#333;

    margin-right: 10px;

}

.picShow_tit .share a{

    display: inline-block;

    width: 35px;

    height: 35px;

    border:2px solid #bbb;

    color:#bbb;

    border-radius: 50%;

    text-align: center;

    line-height: 31px;

    margin:0 2px 0 0;

}

.page_picShow .page_index{

    padding-top:0;

}

.page_picShow .cs{overflow-x: auto;}

.picShow_message{
    margin: 40px 0;
    background: #fff;
    padding: 50px 0 0;
}

.picShow_message .btn-warning{background: #fb5806;width: 100px;
    height: 40px;}

.picShow_message .related_tit{

    padding: 0 10px;
    
    text-align: center;

}

.picShow_message form{

    background:#FFF;

    padding: 30px 40px;

}

.picShow_message label{

    font-size:14px;

    font-weight: normal;

    text-transform: capitalize;
    text-align: right;

}

.picShow_message label span{

    color:red;

}

@media (max-width: 768px){
    .picShow_tit h3{font-size: 20px;}
}

.page_picShow .Tan{padding:10px;border:1px solid #7e7e7e;margin-top:50px;}
.page_picShow .Tan dl dt{width:50%;float:left; line-height:0; overflow:hidden;}
.page_picShow .Tan dl dt img{width:100%;}
.page_picShow .Tan dl dd{width:50%;float:left;padding:25px 0 0 78px; box-sizing:border-box;}
.page_picShow .Tan dl dd h4{line-height:51px;font-size:20px;color:#7f7e79; font-family:"Arial";border-bottom:1px solid #e2e2e2; position:relative;margin-bottom:64px;font-weight: bold;width:75%;}
.page_picShow .Tan dl dd h4:before{width:81px;height:3px;background:#ad2527;content:"";position:absolute;left:0;bottom:0;}
.page_picShow .Tan dl dd p{line-height:26px;font-size:15px;color:#827c80;font-family:"Arial"; font-style:italic;margin-bottom:33px;font-weight:bold;}
.page_picShow .Tan dl dd em{display:block; float:left; line-height:32px;padding-left:57px; font-size:20px;color:#827c80;font-style:italic;font-family:"Arial";position:relative; font-weight: bold;width:400px; box-sizing:border-box; margin-bottom:81px;}
.page_picShow .Tan dl dd em:before{width:53px; height:2px;background:#827c80;content:""; position:absolute;left:0;top:17px;}
.page_picShow .Tan dl dd span{display:block; width:302px;height:75px; line-height:75px;text-align:center;background:#ed1b24;float:right;}
.page_picShow .Tan dl dd span a{display:block;font-size:18px;color:#ffd4cb;}
/* related_products */



.related_products{
    margin-top:30px;
    padding: 50px 0;
    background:#FFF;

}

.related_products .titi{letter-spacing:0;font-size:26px;}

.related_products li{width: 25%;}

.related_products li img{

    border:1px solid #ddd;
    height: auto;
    width: 100%;

}

@media (max-width: 780px){
.related_products li{width: 50%;}
    .picShow_message{padding: 3rem 0 0;}
    .related_products{padding: 3rem 0 1.5rem;}

}


.related_products li p{

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    color:#333;

    font-size:14px;

    margin:10px 0 0;

    padding: 0 10px;

    text-align: center;

}

@media (max-width: 768px){
    .related_products li h4{margin-bottom: 10px;}
}


.ym116trait .dt img{transition:1s;}
.ym116trait .dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}





/* 案例列表 */



.page_caseList{

    padding: 20px 0 0;

}

.page_caseList li{

    margin-bottom:20px;

}

.page_caseList li a{

    display: block;

    background: #fff;

    overflow: hidden;

}

.page_caseList li .con{

    padding: 50px 15px 0 0;

}

.page_caseList li .con h4{

    font-size:20px;

    color:#151515;

    font-weight: bold;

}

.page_caseList li .con p{

    font-size:14px;

    margin:10px 0 20px;

    color:#777;

}

.page_caseList li .con span{

    display: block;

    background: #e7b20e;

    color:#fff;

    display: inline-block;

    padding: 5px 20px;

    font-size:14px;

    transition:all .3s;

}

.page_caseList li .con span:hover{

    background: #3f4959;

    color:#fff;

}



/* blogs */

.inner_blogs{

    background: #f6f6f6;

    padding: 50px 0 60px;

}

.page_blogsList li{

    background: #fff;

    padding:30px 50px;

    border-bottom: 3px solid #ddd;

    margin-bottom: 27px;

}

.page_blogsList li h4{

    color:#333;

    font-size:20px;

    line-height: 1;

    position: relative;

}

.page_blogsList li h4:before{

    content:'';

    display: block;

    width: 4px;

    height: 16px;

    position: absolute;

    top: 0;

    left: -15px;

    background: #0063ae;

}

.page_blogsList li .info{

    color:#999;

    font-size:14px;

    margin:15px 0;

}

.page_blogsList li .con{

    color:#333;

    font-size:14px;

    line-height: 1.8;

}

.page_blogsList li .more{

    display: block;

    margin-top:30px;

    display: inline-block;

    color:#0063ae;

    border-bottom: 1px solid #0063ae;

}

.page_blogs_right .blog_item{

    background: #fff;

    margin-bottom: 30px;

    padding: 30px;

    border-top: 3px solid #0063ae;

}

.page_blogs_right .blog_item .key{

    height: 45px;

    flex:1;

    border:1px solid #ddd;

    border-right:none;

    padding: 0 10px;

    font-size:14px;

}

.page_blogs_right .blog_item .btn{

    background: #f7c200;

    border-radius: 0;

    font-size:14px;

    text-transform: capitalize;

    color:#000;

}

.page_blogs_right .blog_item h4{

    font-size:18px;

    color:#333;

    padding: 0 0 15px;

    border-bottom: 1px solid #ddd;

    position: relative;

}

.page_blogs_right .blog_item h4:after{

    content:'';

    width: 80px;

    height: 3px;

    background: #0063ae;

    border-radius: 1px;

    display: block;

    position: absolute;

    left: 0;

    bottom: -2px;

}

.page_blogs_right .blog_item li{

    line-height: 1.5;

    padding: 14px 0;

    border-bottom: 1px solid #ddd;

}

.page_blogs_right .blog_item li a{

    display: flex;

    vertical-align: middle;

}

.page_blogs_right .blog_item li i{

    font-size:18px;

    color:#333;

    line-height: 1.2;

    margin-right: 8px;

}

.page_blogs_right .blog_item li span{

    font-size:14px;

    color:#333;

}



.page_hotpic .tit{

    font-size:18px;

    text-align: center;

    position: relative;

    margin-bottom: 7px;

}

.page_hotpic .tit::before,.page_hotpic .tit::after{

    width:50px;

    height:1px;

    background: #eee;

    content:'';

    display:block;

    position: absolute;

    top:15px;

    left:0;

}

.page_hotpic .tit::after{

    left:auto;

    right:0;

}

.page_hotpic li{

    margin-bottom: 10px;

}

.page_hotpic li h4{

    font-weight: normal;

    text-align: center;

    font-size:14px;

    padding: 10px 0 5px;

}



/*翻页*/



.return_page p{

    flex:1;

    display: flex;

}

.return_page p span{

    font-size:14px;

    color:#333;

    line-height: 30px;

    overflow: hidden;

    height: 30px;

    display: block;

    flex:1;

    margin:0 10px;

}

.return_page p i{

    background: #222;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    font-size:18px;

    text-align: center;

    line-height: 30px;

    display: inline-block;

    color:#fff;

}

.return_page p.p1 i{

    transform: rotate(180deg);

}

.return_page p a{

    color: #333;

}

.return_page .go_history a{

    background: #3c4147;

    width:70px;

    height:30px;

    line-height:30px;

    text-align: center;

    color:#fff;

    position: absolute;

    right:0;

    top:50%;

    display:block;

    transform: translateY(-50%);

}



/* 页码 */



.pagination{

    text-align: center;

    display: block;

}

.pagination li{

    display: inline-block;

    margin:0 1px;

}

.pagination li span,.pagination li a{

    display: block;

    padding:0 10px;

    line-height: 32px;

    background: #464646;

    color:#fff;

}

.pagination li.active a{

    background: #fb5806;

    color:#fff;

    border-color: #fb5806;

}







/*在线留言*/

#my_form{

    padding: 30px 0 0;

}

#my_form table{

    width: 100%;

}

#my_form tr{

    display: inline-flex;

    width: 48%;

    margin-bottom: 15px;

}

#my_form tr:nth-child(2n){

    margin-left:4%;

}

#my_form tr.content{

    width: 100%!important;

    display: flex;

    margin-left:0;

}

#my_form tr td:first-child{

    line-height: 34px;

    color: #333;

}

#my_form tr td:last-child{

    flex: 1;

}

#my_form tr input,#my_form tr textarea{

    height:34px;

    width: 100%!important;

    border: 1px solid #ccc;

    padding: 0 10px;

    color: #333;

    outline: none;

    border-radius: 4px;

    font-size: 14px;

    font-family: 微软雅黑;

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}

#my_form tr input:focus,#my_form tr textarea:focus{

    border-color: #66afe9;

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);

}

#my_form tr ::placeholder{

    color: #999;

    font-family: 微软雅黑;

    font-size: 14px;

}

#my_form tr textarea{

    height:100px;

    padding-top: 6px;

}

#my_form .btn{

    margin-left:30px;

}

#my_form .btn input{

    display: inline-block;

    padding: 6px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-top-color: transparent;

    border-right-color: transparent;

    border-bottom-color: transparent;

    border-left-color: transparent;

    border-radius: 4px;

}

#my_form .btn input:first-child{

    color: #fff;

    background-color: #337ab7;

    border-color: #2e6da4;

}

#my_form .btn input:first-child:focus{

    color: #fff;

    background-color: #286090;

    border-color: #122b40;

}



.bdsharebuttonbox span{

    line-height:30px;

}

.contain_bg{position: fixed;position: fixed;width: 100%;height: 100%;display: none;;top: 0;left: 0;z-index: 999;background: rgba(1,1,1,0.7);-webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}
.contain_bg video {position: absolute;top: 50%;left: 50%;width: auto;max-width: 900px;min-width: 320px;height: auto;z-index: 9999999;transform: translate(-50%,-50%);}
.contain_bg.show{visibility: visible;}