@charset "utf-8";
/* CSS Document */
body,input,img,p,div,ol,ul,li,dl,dd,dt,a,h1,h2,h3,h4,h5,h6,span,textarea,form{margin:0; padding:0; border:none; list-style:none;}
img{display: block;}
body{ font-family:"Arial","方正兰亭黑"; font-size: 14px; color: #666; background: #fff; min-width:1240px;}
.con_box{width: 1200px; margin: 0 auto;}
.left{ float:left;}
.right{ float:right;}
.no_borderb{border-bottom: none!important;}
.noborder{border: none!important;}
/*清除浮动*/
.clear{clear:both;}
.of{overflow: hidden;}

/*字体设置*/
h3 { font-size:20px; color: #333; font-weight: normal;}
h4 { font-size:20px;}
h5 { font-size:18px;}
h6 { font-size:16px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}



/*背景白*/
.con_view{ background:#fff;}

.no_marginR{margin-right: 0 !important;}
.no_marginL{margin-left: 0 !important;}
.border_b{border-bottom: 1px solid #e0e0e0;}
.nopaddingR{padding-right: 0 !important;}

.welcome{
    width: 100%;
    background-color: #e9f1f9;
}
.welcomebox{
    width: 1200px;
    background-color: #e9f1f9;
    margin: 0 auto;
    overflow: hidden;
}
.welcomebox p{
    line-height: 36px;
    color: #888;
}
.logo{
    width: 1200px;
    margin: 10px auto;
    overflow: hidden;
}
.logo p{
    line-height: 58px;
    color: #888;
    margin-top: 20px;
}
.logo p span{
    font-size: 36px;
    color:#e0623b;
    font-style: oblique;
}

/* 导航 */
.nav{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.nav a{
    width: 133.33px;
    float: left;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 60px;
}
.nav .cur{
    background: url(../images/navBg.png) repeat-x;
    color: #fff;
}
.nav a:hover{
    background: url(../images/navBg.png) repeat-x;
    color: #fff;
}

/*banner_wrap*/
.banner_wrap{
    height:540px;
    margin:0 auto;
    position:relative; 
    overflow:hidden; 
    width:100%;
}
.banner, .prd_banner{
    position:absolute; 
    left:50%; 
    margin-left:-960px; 
    width:1920px; 
}
.banner li{
    display:none; 
    width:100%; 
    height:370px;
}
.myol{ 
    position:absolute; 
    left:50%; 
    bottom:15px; 
    margin-left:-51px;
}
.myol li{
    width:24px; 
    height:3px; 
    background:#BCBCBC; 
    float:left; 
    border-radius:2px; 
    margin:0 5px; 
    cursor:pointer;}
.myol .current{
    background:#fff;
}

/* 公司简介 */
.pro_bg{
    width: 100%;
    background: url(../images/bg_company.png) no-repeat top center;
}
.pro_box{
    width: 1200px; 
    background: url(../images/bg_companys.png) no-repeat;
    margin: 20px auto 0 auto;
}
.pro_top img{
    margin-top: 50px;
    width: 478px;
    height: 321px;
}
.pro_title{
    width: 660px;
    margin-top: 80px;
}
.pro_title h1{
    font-size: 36px;
    color: #333;
}
.pro_title p{
    margin-top: 10px;
    color: #666;
    line-height: 28px;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:7;
    display:-webkit-box;
    overflow: hidden;
}
.pro_title img{
    background-color: #2976c6;
    padding: 10px 30px;
    width: 51px;
    height: 13px;
    margin-top: 20px;
    margin-right: 20px;
}
.pro_title img:hover{
    background-color: #3e83cb;
}
.pro_bot li{
    float: left;
    margin: 20px 10px 10px 10px; 
    width: 280px;
}
.pro_bot li .img_box{
    overflow: hidden;
}
.img_box img{
    width: 280px;
    cursor: pointer;
    transition: all 0.6s;
}
.img_box img:hover{
    transform: scale(1.2);
}
.pro_bot a{
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #333;
}

.cpzx{
    background-color: #dbeafa;
    width: 100%;
}
.cpzx_box, .xczs_box{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.cpzx_box div.left{
    margin-top: 30px;
}
.cpzx_pic{
    width: 980px;
    padding-bottom: 20px;
}
.cpzx_pic p{
    text-align: right;
    margin-top: 30px;
    margin-right: 10px;
    font-size: 14px;
    text-decoration: underline;
}
.cpzx_pic p a{
    color: #2976c6;
}
.cpzx_pic li{
    position: relative;
    width: 225px;
    height: 180px;
    margin: 10px;
    overflow: hidden;
}
.cpzx_pic li img{
    width: 225px;
    height: 180px;
}
.cpzx_pic li .zhezhao{
    position: absolute;
    width: 225px;
    height: 180px;
    background-color: rgba(0, 0, 0, 0.6);
    top: 180px;
    left: 0;
}
.cpzx_pic li .zhezhao p{
    text-align: center;
    line-height: 180px;
    color: #fff;
    font-size: 18px;
    margin: 0;
    text-decoration: none;
}

.xczs_t{
    margin-top: 30px;
}
.xczs_t a{
    margin-top: 70px;
    margin-right: 10px;
    font-size: 14px;
    text-decoration: underline;
    color: #2976c6;
}
.xczs_pic li{
    width: 228px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    margin: 10px 6px;
    float: left;
}
.xczs_pic li:hover{
    border: 1px solid #429fe2;
}
.xczs_pic li img{
    width: 214px;
    height: 170px;
    margin: 6px;
}
.xczs_pic li a{
    display: block;
    text-align: center;
    font-size: 14px;
    color: #333;
    margin: 10px 0;
}
.xczs_pic{
    margin: 10px 0;
}

.pinzhibz{
    background: url(../images/pzbz.png) no-repeat center top;
    height: 140px;
}
.pinzhibz img{
    width: 1200px;
    height: 140px;
    margin: 0 auto;
}

.news{
    width: 1200px;
    margin: 20px auto;
}
.slideTxtBox{
    background: url(../images/t_cpzx.png) no-repeat left top;
    padding-top: 80px;
    border: 1px solid #a4b9cf;
    box-sizing: border-box;
    width: 725px;
    height: 410px;
}
.slideTxtBox .hd{
    margin-left: 20px;
}
.slideTxtBox .bd{
    background-color: #e5eef8;
    padding: 8px 0;
}
.slideTxtBox .bd li{
    margin: 16px 0;
}
.slideTxtBox .bd a{
    font-size: 14px;
    color: #454545;
    margin-left: 20px;
    width: 370px;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    display:-webkit-box;
    overflow: hidden;
    float: left;
}
.slideTxtBox .bd a:hover{
    color: #2976c6;
}
.slideTxtBox .bd p{
    width: 500px;
    overflow: hidden;
}
.slideTxtBox .bd span{
    font-size: 14px;
    color: #777;
    float: right;
    margin-right: 14px;
}
.slideTxtBox .hd li{
    width: 185px;
    margin: 10px 0;
}
.slideTxtBox .hd li a{
    font-size: 16px;
    color: #333;
    display: block;
    text-align: center;
    width: 170px;
    line-height: 40px;
}
.news .hd li.on{
    /* background-color: #2976c6; */
    background: url(../images/hd_bg.png) no-repeat ;
}
.news .hd li.on a{
    color: #fff;
}

.qyxw{
    width: 460px;
    background: url(../images/t_qixw.png) no-repeat left top;
    padding-top: 76px;
    border: 1px solid #a4b9cf;
    box-sizing: border-box;
    height: 410px;
}
.qyxw .left p{
    font-size: 14px;
    color:#666;
    text-align: center;
    line-height: 22px;
    background-color: #e5eef8;
    margin: 2px 10px;
    padding: 8px 18px;
}
.qyxw .left p span{
    font-size: 20px;
}
.qyxw .right{
    width: 337px;
    margin-right: 10px;
}
.qyxw .right a{
    font-size: 15px;
    color: #333;
    line-height: 24px;
    font-weight: bold;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    display:-webkit-box;
    overflow: hidden;
    float: left;
}
.qyxw .right a:hover{
    color: #2976c6;
}
.qyxw .right p{
    font-size: 13px;
    color: #666;
    line-height: 20px;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    display:-webkit-box;
    overflow: hidden;
    float: left;
}
.qyxw li{
    margin: 10px 0;
}
.qyxw .more{
    font-size: 13px;
    float: right;
    color: #2976c6;
    margin-right: 10px;
    line-height: 13px;
}

.bottom{
    width: 100%;
    background-color: #232f3b;
    padding: 20px 0;
}
.FriendLink{
    width: 1200px;
    background-color: #232f3b;
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.FriendLink h3{
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    padding-left: 20px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}
.FriendLink h3 span{
    font-size: 12px;
    color: #a5adb4;
}
.FriendLink a{
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    margin-left: 20px;
    margin-right: 10px;
}
.copyright{
    padding: 10px 0;
 }
 .copyright p{
     background: url(../images/pic1.gif) no-repeat right;
     font-size: 12px;
     color: #232f3b;
     /* text-align: center; */
     line-height: 20px;
     width: 800px;
     margin: 0 auto;
 }



 .column, .content{
    width: 1200px;
    margin: 0 auto;
}
.position{
    border-bottom: solid 1px #ddd;
    font-size: 14px;
    color: #666;
    line-height: 48px;
    padding-left: 10px;
    margin-top: 10px;
}
.position a.dangqian{
    color: #2976c6;
}
.column_product ul, .column_news ul{
    overflow: hidden;
    margin-top: 20px;
}
.column_product li{
    float: left;
    margin: 10px;
}
.column_product img{
    width: 220px;
    height: 175px;
    display: block;
    cursor: pointer;
    transition:all 0.6s;
}
.column_product img:hover{
    transform: scale(1.2);
}
.imgbox{
    width: 220px;
    height: 175px;
    overflow: hidden;
}
.column_product a{
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 36px;
}
.column_product a:hover{
    color: #2976c6;
}
.column_news p{
    font-size: 16px;
    color: #333;
    line-height: 56px;
    border-bottom: 1px solid #ddd;
    margin: 0 10px;
    padding-right: 10px;
}
.column_news p a{
    color: #333;
}
.column_news p span{
    color: #999;
    float: right;
}
.column_news p a:hover{
    color: #2976c6;
}
.yemabox{ 
    width:100%; 
    overflow:hidden; 
    text-indent: 0;
}
.yemabox .yema{
    margin:20px 0; 
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.yema li{
    float: left; 
    height: 30px; 
    line-height: 30px; 
    text-align: center; 
    margin-right: 10px; 
    border-radius: 5px;
}
.yema li.yema_current a{
    border: 1px solid #2976c6; 
}
.yema li.yema_current a{
    color: #2976c6;
}
.yema li a:hover{
    border: 1px solid #2976c6;
    color: #2976c6;   
}
.yema li a{
    display: block; 
    width: 48px; 
    height: 30px; 
    border-radius: 5px;
    border: 1px solid #d4d4d4; 
    box-sizing: border-box;
}
.content{
    width: 1200px;
    margin: 30px auto;
}
.content h1 span{
    font-size: 24px;
}
.content_aticle{
    margin: 0 100px;
}
.content_aticle h3{
    font-size: 32px;
    color: #333;
    text-align: center;
    line-height: 120px;
}
.content_aticle p{
    font-size: 16px;
    color: #333;
    line-height: 40px;
    text-align: left;
    /* text-indent: 2rem; */
}
.content_aticle img{
    display: block;
    margin: 20px auto;
    max-width: 1000px;
}