/*1.Í·²¿Ñùʽ¿ªÊ¼*/
#header{
    width:100%;
    height:100px;
    line-height:100px;
}
.wrap{
    width:70%;
    height:100%;
    margin:0 auto;
}
.wrap:after{
    content:'';
    display:block;
    clear:both;
}
.left{
    display:blcok;
    width:26%;
    height:100%;
}
.left>img{
    width:100%;
}
.right{
    width:74%;
    height:100%;
    padding-top:20px;
}

.top{
    width:60%;
    height:25px;
    line-height:22px;
    float:right;
}
.top>div{
    width:24%;
    height:100%;
    text-align:center;
    float:left;
}
div.english{
    margin-right:8%;
}
div.english,div.weixin{
    width:21%;
    border:1px solid #E7E7E7;
    border-radius:20px;
    background:#E7E7E7;
    color:#68656B;
}
div.weixin{
    background:url(/templets/sn201807/images/weixin.png) no-repeat 5px -1px;
    background-size:25px;
    padding-left:25px;
}
div.english a{
    color:#68656B;
    display:block;
    width:100%;
    height:100%;
}
.form{
    width:100%;
    height:25px;
    position:relative;
}
#keyword{
    width:100%;
    height:100%;
    border:1px solid #E7E7E7;
    border-radius:20px;
    outline:none;
    color:#999;
    padding:0 5px;
}
#submit{
    width:35px;
    height:25px;
    position:absolute;
    top:0px;
    left:85%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background:#E7E7E7 url(/templets/sn201807/images/search.png) no-repeat 5px 1px;
}
.search_img{
    position:absolute;
    top:3px;
    left:87%;
}
div.search{
    width:43%;
    float:right;
}
/*.weixin img{
    width:25px;
}*/
.weixin span{
    font-size:12px;
}
.bottom{
    width:80%;
    height:25px;
    line-height:25px;
    float:right;
    margin-top:18px;
}
.bottom>li{
    float:right;
    width:16%;
    text-align:center;
    position: relative;
}
.bottom>li>a{
    display: block;
    width: 100%;
    height: 100%;
    font-size:16px;
}
.bottom>li>a:hover{
    background:#BA0202;
    color:#fff;
    border-radius:20px;
}
.bottom a{
    font-weight:bold;
}
.menu{
    width:100%;
    position: absolute;;
    left:0;
    opacity:0.9;
    z-index:999;
    display:none;
}
.menu2{
    width:100%;
    position:relative;
    left:21%;
    opacity:0.7;
    z-index:999;
    display:none;
}
.menu2{
    width:200%;
    left:-65%;
    opacity:1;
}
.menu li,.menu3 li{
    width:100%;
    text-align:center;
    line-height:35px;
}
.menu3 li{
    line-height:25px;
}
.menu li a,.list_left li a,.menu3 li a{
    display:block;
    width:100%;
    height:100%;
    background:#D01309;
    color:#fff;
}
.menu li a:hover,.list_left li a:hover,.menu3 li a:hover{
    background:#fff !important;
    color:#BA0202 !important;
}
.list_left li a.hover{
    background:#fff !important;
    color:#BA0202 !important;
}
.menu2 img{
    width:100%;
}
/*1.Í·²¿Ñùʽ½áÊø*/

/*2.bannerÑùʽ¿ªÊ¼*/
#banner{
    width:100%;
    overflow:hidden;
    position:relative;
}
#banner img{
    width:100%;
}
#banner li{
    display:none;
    position:relative;
}
.banTxt{position:absolute;width:100;height:100%;top:0;left:0;}
.banTxt *{box-sizing:border-box;}
.banTxt .wrap{height:auto;padding-right:20%;color:#BA0202;position:relative;margin-top:-120px;top:50%;}
.banTxt h3{font-size:40px;line-height:40px;}
.banTxt p{font-size:18px;line-height:30px;margin:30px 0 60px 0;display:block;height:90px;overflow:hidden;font-weight:bold;}
.banTxt p:hover{height:auto;}
.banTxt a{font-size:16px;padding:10px 25px;border:1px solid #BA0202;background:#BA0202;color:#fff;line-height:20px;transition-duration:0.3s;}
.banTxt a:hover{background:#fff;color:#BA0202;}
.block{
    width:90px;
    position:absolute;
    bottom:30px;
    left:46%;
}
.block em{
    display:block;
    width:12px; 
    height:12px;
    float:left;
    background:#999;
    margin:5px;
    border-radius:50%;
    cursor:pointer;
    position:relative;
    z-index:2;
}
em.show{
    background:#BA0202;
}
/*2.bannerÑùʽ½áÊø*/

/*3.Ö÷ÌåÑùʽ¿ªÊ¼*/
#main{
    width:100%;
    height:200px;
    background:#DCDDDF;
    position:relative;
}
#main>div.wrap{
    position:relative;
}
.main_left{
    width:70%;
    height:80%;
    background:#fff;
    position:absolute;
    top:20px;
}
.title{
    width:4%;
    height:100%;
    background:#BA0202;
    color:#fff;
    font-weight:bold;
    text-align:center;
    padding:6% 0;
    float:left;
}
.title a{
    color:#fff;
}
.news{
    width:96%;
    height:100%;
    float:left;
    padding:10px;
}
.news>li{
    line-height:34px;
}
.date{
    float:right;
    color:#999;
}
.main_right{
    width:25%;
    height:80%;
    position:absolute;
    top:20px;
    left:75%;
    text-align:right;
    cursor:pointer;
}
.main_right img{
    height:100%;
}
/*3.Ö÷ÌåÑùʽ½áÊø*/

/*4.footer Ñùʽ¿ªÊ¼*/
#footer{
    width:100%;
    height:130px;
    padding:20px 0;
}
.list{
    width:100%;
    height:30px;
    line-height:30px;
    padding:0 30%;
}
.list>li{
    float:left;
    width:33%;
    text-align:center;
    position: relative;
}
#footer p{
    width:100%;
    height:30px;
    line-height:30px;
    text-align:center;
    border:1px solid #fff;
}
.height{
    height:30px;
}
.menu3{
    width:200px;
    left:50%;
    margin-left:-100px;
    bottom:0;
    opacity:0.9;
    display:none;
    position:absolute;
}
.return{
    width:150px;
    height:146px;
    background: url(/templets/sn201807/images/top.png) no-repeat;
    background-size:100%;
    color:#BA0202;
    position:relative;
    left:87%;
    bottom:275px;
    display:none;
}
.return>a{
    display: block;
    width:100%;
    height:100%;
    color:#BA0202;
    text-align:center;
    line-height:25px;
    font-weight:bold;
    padding-top:20px;
}
/*4.footer Ñùʽ½áÊø*/

/*5.¶þ¼¶Ò³Ãæ--ÁбíÒ³Ñùʽ¿ªÊ¼*/
#main_box{
    background: #E4E9ED url(/templets/sn201807/images/bg.jpg) no-repeat;
    background-size:100%;
}
#main_box>div.wrap{
    width:70%;
    /*min-height:860px;*/
    /*margin-top:20px;*/
    background:#fff;
    /*position:relative;*/
}
.list_left{
    width:12%;
    height:344px;
    float:left;
    background:url(/templets/sn201807/images/left.png) no-repeat;
    position:absolute;
    left:14%;
    color:#fff;
}
.list_left h2,.list_left li,.list_right h2{
    text-align:center;
    line-height:40px;
}
.list_right{
    width:78%;
    min-height:760px;
    position:relative;
    left:20%;
    padding:15px;
}
.conText{
    padding:10px 0;
}
.conText *{
    box-sizing: border-box;
}
.list_right>h3.titleh3{
    position: absolute;
    left:15px;
    top:15px;
    line-height:40px;
    font-size:20px;
    color:#BA0202;
}
.position{
    line-height:40px;
    text-align:right;
    border-bottom:1px solid #BBBBBB;
    color:#68656B;
}
.list_right ul{
    padding-top:20px;
}
.list_right li{
    line-height:30px;
}
/*5.¶þ¼¶Ò³Ãæ--ÁбíÒ³Ñùʽ½áÊø*/

/*6.¶þ¼¶Ò³Ãæ--ÏêÇéÒ³Ñùʽ¿ªÊ¼*/
.art_wrap{
    width:100%;
    padding:20px 30px;
}
.article{
    line-height:30px;
}
.tit{
    text-align:center;
    line-height:50px;
    color:#BA0202;
}
/*6.¶þ¼¶Ò³Ãæ--ÏêÇéÒ³Ñùʽ½áÊø*/

/*0227新增*/
.listchanyeBox{width:100%;}
.listchanyeBox ul{width:100%;}
.listchanyeBox ul:after{content:'';display:block;clear:both;}
.listchanyeBox ul li{width:25%;float:left;padding:10px;}
.listchanyeBox ul li>a{display:block;width:100%;padding:20px 0;position:relative;overflow:hidden;background:#f8f8f8;transition-duration:0.3s;}
.listchanyeBox ul li>a .cy-txt{width:100%;text-align:center;}
.listchanyeBox ul li>a .cy-txt img{width:50%;}
.listchanyeBox ul li>a .cy-txt h3{font-size:18px;color:#BA0202;}
.listchanyeBox ul li>a .cy-txt span{font-size:14px;color:#BA0202;display:block;opacity:0.8;width: 100%;line-height:16px;height:32px;overflow:hidden;}
.listchanyeBox ul li>a .ceng{position:absolute;width:100%;height:100%;background:#BA0202;bottom:100%;opacity:0.1;}
.listchanyeBox ul li:hover>a{box-shadow:0 5px 10px #ccc;transform:translateY(-5px);}
.listchanyeBox ul li:hover>a .ceng{bottom:-100%;transition-duration:0.2s;}

.contactText .conPic{width:100%;height:200px;background:url(/templets/sn201807/images/contact.png) no-repeat;position:relative;margin-top:150px;}
.contactText .conPic .conPicText{width:280px;height:200px;padding:10px 0 0 0;background:url(/templets/sn201807/images/conPicText.png) no-repeat;position:absolute;left:50%;margin-left:-140px;top:-100px;background-size:100% 100%;}



.aboutMain{width:100%;background:#f8f8f8;padding:50px 0;}
.aboutMain *{box-sizing:border-box;}
.aboutMain .wrap{position:relative;}
.aboutMain-left{width:60%;float:left;}
.abM-title h3{font-size:48px;color:#eee;}
.abM-title p{font-size:28px;color:#333;font-weight:bold;margin-top:-15px;}
.abM-box{padding:15px;background:#333;margin-top:30px;}
.abM-box h4{font-size:18px;color:#BA0202;}
.abM-box p{font-size:16px;color:#fff;margin-top:10px;line-height:30px;text-indent:2em;}

.aboutMain-right{width:35%;float:right;}
.aboutMain-right .abMpic{position:absolute;width:300px;background:#BA0202;right:0;bottom:0;}
.aboutMain-right .abMpic img{width:100%;position:relative;top:-10px;left:-10px;}