*{
    padding:0px;
    margin:0px;
    font-family:"Microsoft YaHei";
    box-sizing:border-box;
}

ul,li{
    list-style: none;
}

/* top */
header{
    width:100%;
    max-width:1920px;
    margin:0 auto;
}
.topwrap{
    width:100%;
    height:36px;
    background-color:#f5f5f5;
}
.top{
    width:1200px;
    height:100%;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top p:first-child{
    font-size:12px;
    color:#666666;
}
.top p:last-child{
    font-size:14px;
    color:#bc0303;
    font-weight:bold;
}
.logowrap{
    width:1200px;
    height:120px;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navwrap{
    width:782px;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navwrap a{
    font-size:16px;
    color:#666666;
    text-decoration: none;
}
.navwrap a.on{
    color:#bc0303;
    font-weight: bold;
}
.navwrap a:hover{
    color:#bc0303;
    font-weight: bold;
}
.mybullet{
    display: inline-block;
    width:20px;
    height:8px;
    margin:0 4px;
    opacity:.7;
    background-color:#fff;
}
.mybulletactive{
    opacity:.9;
    background-color:#bc0303;
}
.innerbanner{
    width:100%;
    height:403px;
    position:relative;
}
.innerbanner img{
    position: absolute;
    top:0px;
    left:50%;
    transform: translateX(-50%);
}

/* main */
.container{
    width:100%;
    max-width:1920px;
    margin:0 auto;
}
.advwrap{
    width:1200px;
    height:300px;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.adv{
    display: flex;
    align-items: center;
}
.adv[_adv1] i{
    width:69px;
    height:69px;
    margin-right:15px;
    background:url(/static/images/icons.png) 0 -286px;
}
.adv[_adv2] i{
    width:67px;
    height:64px;
    margin-right:15px;
    background:url(/static/images/icons.png) 0 -222px;
}
.adv[_adv3] i{
    width:70px;
    height:56px;
    margin-right:15px;
    background:url(/static/images/icons.png) 0 -355px;
}
.advcontext h5{
    font-size:20px;
    color:#bc0303;
    font-weight: normal;
    line-height:1;
    margin-bottom:12px;
}
.advcontext p{
    font-size:14px;
    color:#666666;
}
.adv[_adv2]::before{
    content:"";
    width:1px;
    height:120px;
    margin-right:50px;
    background-color:#e6e6e6;
}
.adv[_adv2]::after{
    content:"";
    width:1px;
    height:120px;
    margin-left:50px;
    background-color:#e6e6e6;
}
.mainaboutwrap{
    width:100%;
    height:600px;
    background:url(/static/images/indexabout.jpg) center top no-repeat;
}
.mainabout{
    width:1200px;
    height:100%;
    margin:0 auto;
    padding-left:680px;
    padding-top:110px;
}
.mainabout h4{
    font-size:30px;
    color:#bc0303;
    line-height:1;
    font-weight:normal;
}
.mtitle{
    font-size:18px;
    color:#333333;
    line-height: 1;
    margin:50px 0 15px;
}
.aboutshort p{
    font-size:14px;
    color:#666666;
    text-indent: 2em;
    line-height:26px;
}
.aboutlink{
    width:100%;
    margin-top:60px;
    display: flex;
    justify-content: space-between;
}
.aboutlink > div{
    display: flex;
    align-items: center;
    width:250px;
    height:70px;
    border:1px solid #e6e6e6;
    background-color:#fff;
}
.year i{
    width:48px;
    height:42px;
    margin:0px 14px 0px 65px;
    background:url(/static/images/icons.png) 0 -180px;
}
.area i{
    width:40px;
    height:42px;
    margin:0px 14px 0px 65px;
    background:url(/static/images/icons.png) 0 -138px;
}
.linkcontext p:first-child{
    font-size:24px;
    color:#bc0303;
    font-weight: bold;
}
.linkcontext p:last-child{
    font-size:15px;
    color:#333333;
}
.indexpro{
    width:1200px;
    height:680px;
    margin:0 auto;
    padding-top:70px;
}
#swiper-pro{
    margin-top:59px;
}
.commtitle{
    text-align:center;
}
.commtitle h3{
    font-size:28px;
    color:#bc0303;
    line-height:1;
    margin-bottom:6px;
}
.commtitle p{
    font-size:12px;
    color:#999999;
}
.scroll-pro{
    text-align: center;
    text-decoration: none;
}
.scroll-pro p{
    font-size:16px;
    color:#333333;
    margin-top:25px;
}
.scroll-pro img{
    max-width:100%;
}
.indexhonor{
    width:100%;
    height:650px;
    background-color:#f5f5f5;
    padding-top:69px;
}
#swiper-honor{
    width:1200px;
    margin:48px auto 0;
}
.indexnews{
    width:1200px;
    height:650px;
    padding-top:80px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.ixleft h3{
    font-size:36px;
    color:#bc0303;
    line-height:1;
    margin-bottom:44px;
}
.ixright{
    width:610px;
    height:390px;
    margin-top:80px;
    padding:10px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.ixnews{
    width:100%;
    height:100px;
    display: flex;
    justify-content: space-between;
}
.ixnewsleft{
    width:100px;
    height:100px;
    background-color:#bc0303;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.ixnewsleft span:first-child{
    font-size:36px;
    color:#ffffff;
    font-weight: bold;
}
.ixnewsleft span:last-child{
    font-size:14px;
    color:#ffffff;
}
.ixnewsright{
    width:490px;
    padding-top:19px;
    display: flex;
    flex-direction: column;
}
.ixnewsright a{
    font-size:16px;
    color:#1c1c1c;
    font-weight:bold;
    text-decoration: none;
    line-height:1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ixnewsright p{
    font-size:14px;
    color:#545454;
    line-height:1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top:15px;
}
/* footer */
footer{
    width:100%;
    max-width:1920px;
    /*height:520px;*/
    margin:0 auto;
}
.botmsgwrap{
    width:100%;
    height:450px;
    background:url(/static/images/indexbot.jpg) center top;
}
.botmsg{
    width:1200px;
    height:100%;
    padding-top:96px;
    margin:0 auto;
    display: flex;
}
.onlinemsg{
    width:510px;
    margin-right:185px;
}
div[_formname],div[_formtel]{
    width:510px;
    height:38px;
    margin-bottom:20px;
    position:relative;
    background-color:#fff;
}
div[_formname]::after{
    content:"";
    display: block;
    width:24px;
    height:23px;
    position:absolute;
    left:466px;
    top:50%;
    transform: translateY(-50%);
    background:url(/static/images/icons.png) 0 -115px;
}
div[_formtel]::after{
    content:"";
    display: block;
    width:21px;
    height:22px;
    position:absolute;
    left:466px;
    top:50%;
    transform: translateY(-50%);
    background:url(/static/images/icons.png) 0 -54px;
}
.msgform input[type="text"]{
    width:100%;
    height:100%;
    padding-left:19px;
    padding-right:45px;
    border:none;
    outline:none;
}
.msgform input::placeholder,div[_formcontext] textarea::placeholder{
    font-size:14px;
    color:#999999;
    font-weight: bold;
}
div[_formcontext]{
    width:100%;
    height:72px;
    padding:8px 45px 0 19px;
    margin-bottom:20px;
    background-color:#fff;
    position:relative;
}
div[_formcontext] textarea{
    width:100%;
    height:100%;
    border:none;
    outline:none;
    resize:none;
}
div[_formcontext]::after{
    content:"";
    width:20px;
    height:20px;
    position: absolute;
    left:466px;
    top:8px;
    background: url(/static/images/icons.png) 0 -34px;
}
.subbtn{
    width:200px;
    height:40px;
    border-radius: 3px;
    background-color:#bc0303;
    text-align:center;
    line-height:40px;
    font-size:16px;
    color:#ffffff;
    font-weight: bold;
    border:none;
    outline: none;
    cursor:pointer;
}
.contactmsg{
    display: flex;
    flex-direction: column;
}
.formtitle{
    font-size:24px;
    color:#ffffff;
    line-height:1;
    font-weight: bold;
    margin-bottom:26px;
}
.contactmsg p:nth-child(2){
    font-size:24px;
    color:#ffffff;
    line-height:1;
    margin-bottom:14px;
}
.contactmsg p:nth-child(n+3){
    font-size:14px;
    color:#cccccc;
    line-height: 41px;
    padding-left:36px;
    position:relative;
}
p[_address]::before{
    content:"";
    display: block;
    width:12px;
    height:20px;
    position:absolute;
    left:0px;
    top:50%;
    transform: translateY(-50%);
    background:url(/static/images/icons.png) 0 0 no-repeat;
}
p[_tel]::before{
    content:"";
    display: block;
    width:23px;
    height:17px;
    position:absolute;
    left:0px;
    top:50%;
    transform: translateY(-50%);
    background:url(/static/images/icons.png) 0 -98px no-repeat;
}
p[_netads]::before{
    content:"";
    display: block;
    width:22px;
    height:22px;
    position:absolute;
    left:0px;
    top:50%;
    transform: translateY(-50%);
    background:url(/static/images/icons.png) 0 -76px no-repeat;
}
p[_mailbox]::before{
    content:"";
    display: block;
    width:18px;
    height:14px;
    position:absolute;
    left:0px;
    top:50%;
    transform: translateY(-50%);
    background:url(/static/images/icons.png) 0 -20px no-repeat;
}
.copyrightwrap{
    width:100%;
    height: 70px;
    background-color:#bc0303;
}
.copyright{
    width:1200px;
    height:70px;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.copyright > p{
    font-size:12px;
    color:#ffffff;
}
.tech{
    height:70px;
    display: flex;
    align-items: center;
}
.tech span,.tech a{
    font-size:12px;
    color:#ffffff;
    text-decoration: none;
}
.tech a:last-child::before{
    content:"";
    display: inline-block;
    width:1px;
    height:13px;
    margin:0 10px;
    background-color: #fff;
    vertical-align: bottom;
}
.picimgwrap{
    display: flex;
    width:260px;
    height:400px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.picimgwrap2{
    display: flex;
    width:260px;
    height:200px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.picimgwrap img,.picimgwrap2 img{
    width:100%;
}

.picimgdesc{
    display: flex;
    align-items: center;
    justify-content: center;
    height:36px;
    line-height: 17px;
    font-size:15px;
    background-color:#f2f2f2;
}

.d li{
    float:left;
}
#main{width:100%; max-width:1920px; margin:auto;padding-bottom:20px;background:#fff;z-index:9}
.main{width:1200px;margin:auto;height:auto;}
.main::after{
    content:"";
    display: block;
    clear:both;
}

/*left*/
#left{ float:left;width:280px;overflow:hidden;z-index:999;position:relative;top:-55px;}
.left{ width:280px;margin:auto;}
.left h2{display:block;width:280px;height:110px;background:#b01010;line-height:110px;text-indent:39px;}
.left h2 span{font-size:22px;color:#fff;font-weight:bold;}

.left ul{width:280px;position:relative; z-index:999;overflow:hidden;border-bottom:4px solid #e6e6e6;}
.left li{width:280px;height:64px;line-height:64px;overflow:hidden;position:relative;margin:auto;border-bottom:1px solid #e6e6e6;background:#f5f5f5;}
.left li a:link{display:block;width:280px;color:#4c4c4c;font-size:16px;text-decoration:none;margin:auto;}
.left li a:hover{color:#4c4c4c;}
.left li span{height:64px;text-align:left;cursor:pointer;display:block;font-size:16px;width:280px;text-indent:39px;margin:auto;line-height:64px;}
.left li span:hover{background-color: #fff;}
#left .left li .span_on{border:none;background-color: #fff; !important}


/*right*/
.right{ width:870px;float:right;overflow:hidden;float:right;background:#fff;padding-bottom:20px; }
.right .rightTit{width:870px;height:70px;margin:auto;line-height:70px;border-bottom:1px solid #e6e6e6}
.right .rightTit .right_name{float:left;width:auto;padding-right:9px;height:69px;line-height:69px;border-bottom:2px solid #b01010;font-size:18px;color:#b01010;}
.right .rightTit .right_location{font-size:14px;color:#999;float:right;width:auto;padding-left:38px;}
.right .rightTit .right_location a{font-size:14px;color:#999;padding:0px 3px;line-height:70px;}
.right .rightTit .right_location span{font-size:14px;color:#999;line-height:70px;}
.right .rightTit .right_location .name_on{color:#b01010;!important;}
.right ul{width:870px; float:left; overflow:hidden;height:auto;margin-top:20px;}
.right li{line-height:30px;}
.right .news_li{width:870px;height:170px;border-bottom:#e6e6e6 1px solid;}
.right .news_li .news_con{float:left;width:100%;height:112px;margin-top:35px;}
.right .news_li .news_img{width:180px;height:110px;margin-top:35px;float:right;}
.right .news_li .news_img img{width:180px;height:110px;}
.right .news_li .news_con .news_bt{display:block;width:100%;height:50px;line-height:50px;}
.right .news_li .news_con .news_bt .news_title{display:block;float:left;font-size:18px;color:#323232;font-weight:bold;}
.right .news_li .news_con .news_bt .news_time{display:block;float:right;font-size:14px;color:#999;}
.right .news_li .news_con .newsCon{line-height:24px;font-size:14px;color:#545454;width:603px;}

/*��ҳ*/
.page{text-align:left;margin:10px auto; padding-bottom:20px;display:inline; color:#303030;}
.page_turner {padding:20px 0px 0px 1px;float:left;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;}


.products_txt p{color:#545454;font-size:16px;}