*{margin: 0;padding: 0;box-sizing: content-box;}
body{width: 100%;font-family: "microsoft yahei";font-size: 14px;}
ul{list-style-type: none;}
a{font-family: "microsoft yahei";font-size: 13px;display: inline-block;text-decoration: none;color: #000000;}
a:hover{color: #c3001f !important;}
input{outline: none;border: none;}
.container{padding-left: 0 !important;padding-right: 0 !important;}


header{width: 100%;height: 150px;overflow: hidden;}
header .top{height: 90px;width: 100%;background-color: #fff;padding-top: 10px;}
header .bottom{height: 50px;width: 100%;background-color: #c3001f;}
header .top .container{width: 1200px;margin: 0 auto;}
header .top .container .left{display: inline-block;}
header .mune{cursor: pointer;float: right;display: none;margin-right: 30px;font-size: 25px;color: white;}
header .top .container .right{float: right;color: #c3001f;text-align: right;margin-top: 10px;margin-right: 20px;}
header .top .container .right .tel{font-size: 32px;font-style: italic;font-weight: bold;}
header .top .container .right .name{font-size: 12px;color: #7a7a7a;}
header .bottom .container{width: 1200px;margin: 0 auto;}
header .bottom .container li{width: 126px;float: left;text-align: center;margin-top: 17px;padding-left: 45px;}
header .bottom .container li p{font-size: 14.66px;color: #ffffff;width: 105px;}
header .bottom .container li p:hover{border-bottom: 1px solid #FFFFFF;cursor: pointer;}

.banner{width: 100%;}

.second{width: 100%;height: 950px;background-color: #000000;}
.second .top{height: 170px;width: 1200px;margin: 0 auto;text-align: center;padding-top: 50px;}
.second .top p{color: #FFFFFF;line-height: 60px;}
.second .top .english{font-size: 34.66px;border-bottom: 1px solid #FFFFFF;width: 700px;margin: 0 auto;text-transform: uppercase;flex-shrink: 0;letter-spacing: -1px;}
.second .top .chinese{font-size: 29.33px;}
.second .container{padding: 0;width: 1200px;height: 593px;margin: 0 auto;background: url(../images/bg_02.png) no-repeat 100%;}
.second .container .content{width: 299px;height: 210px;text-align: center;border-right: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;padding-top: 85px;float: left;}
.second .container .content:hover{background-color: #c3001f;}
.second .container .content .lianjie p{color: #FFFFFF;font-size: 17.33px;line-height: 25px;}
.second .container .content .lianjie a{display: block;height: 31px;width: 120px;background-color: white;margin: 0 auto;font-size: 14.66px;padding-top: 14px;margin-top: 25px;cursor: pointer;}
.second .container .content:nth-of-type(4n){border-right: none;}
.second .container .content:nth-of-type(5),.second .container .content:nth-of-type(6),.second .container .content:nth-of-type(7),.second .container .content:nth-of-type(8){border-bottom: none;}



.third{height: 790px;width: 100%;}
.third .top{height: 170px;width: 1200px;margin: 0 auto;text-align: center;padding-top: 50px;}
.third .top p{line-height: 60px;}
.third .top .english{font-size: 34.66px;border-bottom: 1px solid #9a282d;width: 700px;margin:0 auto;color: #5b5b5a;}
.third .top .chinese{font-size: 29.33px;color: #c3001f;}
.third .container{height: 520px;width: 1200px;margin: 0 auto;}
.third .container video{width: 100%; height: 520px;}


.forth{height: 650px;width: 100%;background: url(../images/forth_bg.png) no-repeat 100%;}
.forth .top{height: 160px;width: 1200px;margin: 0 auto;text-align: center;padding-top: 50px;}
.forth .top p{line-height: 60px;}
.forth .top .english{font-size: 34.66px;border-bottom: 1px solid #c3001f;width: 700px;margin: 0 auto;color: #5b5b5a;text-transform: uppercase;flex-shrink: 0;letter-spacing: -1px;}
.forth .top .chinese{font-size: 29.33px;color: #c3001f;}

.aboutMain{ width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; margin-top: 2%;}
.aboutImg{ display: block; width:50%; }
.aboutImg > p{ width:100%; height: 0;padding-top: 60%; position: relative; overflow: hidden; }
.aboutImg > p > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; }
.aboutRight{ width:50%; box-sizing: border-box; padding-left:2%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.aboutRight > h3{width:100%;font-size: 18px;text-align: left;font-weight: normal;color: #333333;}
.aboutRight > div{/* margin-top: 10px; */margin-bottom: 10px;color: #333333;font-size: 12px;text-align: left;line-height: 24px;max-height: 260px;overflow: hidden;}
.aboutRight > div > p{
    text-indent: 2em;
    padding: 0;
    margin: 0;
}
.aboutRight > p{width: 100%;height: 40px;line-height: 40px;text-align: left;font-size: 16px;color: #333;text-transform: uppercase;text-decoration: underline;}
.aboutRight > p > a{color: #fff !important;width: 150px;height: 40px;line-height: 41px;background: #c3001f;border-radius: 30px;text-align: center;font-size: 16px;}
.aboutRight > p > a:hover{ color: rgba(255,255,255,0.8) !important; } 


.fifth{width: 100%;background-color: #fff;}
.fifth .top{height: 160px;width: 1200px;margin: 0 auto;text-align: center;padding-top: 50px;}
.fifth .top p{line-height: 60px;}
.fifth .top .english{font-size: 34.66px;border-bottom: 1px solid #c3001f;width: 700px;margin: 0 auto;color: #5b5b5a;text-transform: uppercase;flex-shrink: 0;letter-spacing: -1px;}
.fifth .top .chinese{font-size: 29.33px;color: #c3001f;}
.fifth .container{width: 1200px;margin: 0 auto;}
.fifth .container .f_banner{width: 556px;height: 354px;display: inline-block;}
.fifth .container .f_banner img{width: 100%;}
.fifth .container .right{width: 600px;height: 354px;float: right;}
.fifth .container .right .content{width: 580px;height: 77px;padding-left: 20px;padding-top: 3px;margin-bottom: 10px;}
.fifth .container .right .content .date{width: 50px;height: 75px;float: left;padding-top: 2px;}
.fifth .container .right .content .date div{display: inline-block;width: 40px;height: 20px;background-color: #c3001f;color: white;font-size: 11px;text-align: center;line-height: 20px;}
.fifth .container .right .content .con_content{width: 500px;display: inline-block;}
.fifth .container .right .content .con_content .title{font-size: 16px;font-weight: bold;}
.fifth .container .right .content .con_content .cc{font-size: 12px;color: #7b7b7b;}
.fifth .container .right .content p{line-height: 23px;}
.fifth .container .right .content:hover{background-color: #f8f2f2;cursor: pointer;}



.sixth{/* height: 620px; */width: 100%;background: #f5f5f5;overflow: hidden;}
.sixth .top{height: 160px;width: 1200px;margin: 0 auto;text-align: center;padding-top: 30px;}
.sixth .top p{line-height: 60px;}
.sixth .top .english{font-size: 34.66px;border-bottom: 1px solid #c3001f;width: 700px;margin: 0 auto;color: #5b5b5a;text-transform: uppercase;flex-shrink: 0;letter-spacing: -1px;}
.sixth .top .chinese{font-size: 29.33px;color: #c3001f;line-height:40px;}


.partner_content{width:1200px;height: 300px;margin:0 auto;}
.partner_content li{width: 380px;height: 300px;float: left;margin-left: 30px;cursor: pointer;transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;}
.partner_content li:first-child{margin-left:0;}
.partner_content li:hover{}
.partner_content .partner_pic{
    
width: 380px;
    
height: 237px;
    
border:1px solid #f6f6f6;
    
transition:all .4s;
    
-moz-transition:all .4s;
    
-o-transition:all .4s;
    
-webkit-transition:all .4s;
}
.partner_content li:hover .partner_pic{
    box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
    -o-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    border-radius: 5px;
    border-color:#c3001f;
}
.partner_content .partner_pic img{
    width:100%;
    height: 100%;
    /* opacity: 0.3; */
    /* -webkit-filter: grayscale(100%); */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    /* filter: grayscale(100%); */
    filter: gray;
    /* transition:all .4s; */
    -moz-transition:all .4s;
    -o-transition:all .4s;
    /* -webkit-transition:all .4s; */
}
.partner_content li:hover .partner_pic img{
    opacity: 1;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
}   
.partner_content .partner_name{
    text-align: center;
    height: 60px;
    line-height: 60px;
    background: #fff;
    font-size:12px;
    color:#737373;
    transition:all .4s;
    -moz-transition:all .4s;
    -o-transition:all .4s;
    -webkit-transition:all .4s;
}
.partner_content li:hover .partner_name{
    color:#c3001f;
}



footer{height: 320px;width: 100%;background-color: #000000;color: white;}
footer a{color: white !important;}
footer ul{width: 1200px;margin: 0 auto;border-bottom: 1px solid #505050;padding-top: 20px;}
footer ul li{width: 145px;float: left;text-align: center;line-height: 30px;}
footer .bottom{width: 1200px;margin: 0 auto;padding-top: 15px;}
footer .bottom .left{float: left;}
footer .bottom .left p{line-height: 25px;}
footer .bottom .left p a{color: #7b7b7b !important;}
footer .bottom .left{width: 560px;display: inline-block;color: #7b7b7b;padding-left: 40px;}
footer .bottom .center{float: left;width: 250px;text-align: center;margin-left: 20px;display: none;}
footer .bottom .center img{width:107px;margin-right:10px}
footer .bottom .center p{line-height: 30px;}
footer .bottom .logo1{float: right;margin-right: 70px;margin-top: 30px;}


aside{width: 100%;height: 0px;background: rgba(0,0,0,0.8);position: fixed;top: 0;z-index: 9999; transition:all .6s;overflow: hidden;}
aside .return{color: white;text-align: right;margin-top: 20px;width: 100%;overflow: hidden;}
aside .return span{cursor: pointer;float: right;margin-right: 30px;font-size: 25px;color: white;}
aside ul{}
aside ul li a{color: white;font-size: 18px;}
aside ul li{line-height: 35px;border-bottom: 1px solid white;box-sizing: border-box;width: 100%;padding-left: 15%;}

.fifth a.more,.sixth a.more{color: #fff !important;width: 150px;height: 40px;line-height: 41px;background: #c3001f;border-radius: 30px;text-align: center;font-size: 16px;display:block;margin: 2% auto;}
.fifth a.more:hover,.sixth a.more:hover{ color: rgba(255,255,255,0.8) !important; }