body,html,header,section,div,ul,li,div,a,p,h1{ padding:0; margin:0; font-family:"微软雅黑"}

li{ list-style:none;}
a{
    text-decoration:none; }


.s1 img{ position:absolute; top: 50%; left: 50%; margin-left: -545px; margin-top: -240px; opacity: 0; transition: 0.8s 0.8s; }
.s1.active img{ opacity: 1 }
/*¹«¹²*/
.section{ overflow: hidden  }
.left1 { position: absolute; top: 55%; margin-top: -200px; left: 5%; z-index: 2}
.left1 li{ float: left; margin-right: 20px; transition: 0.8s; }
.left1 li p{ margin: 20px 0; font-size: 18px; color:#333 }

.right2{ position: absolute; right: 5%;padding-right: 10px; text-align: right; top:15%;z-index: 3;}
.right2 a:hover{ text-decoration:none;}
.right2 li{ float: left; margin-right: 20px; transition: 0.8s; }
.right1{ position: absolute; left: 6%;padding-right: 10px; text-align: right; top:15%;z-index: 3; transition: 0.8s }
.right1 h1{ font-size:34px; color:#333; font-weight:100;}
.right1 p{ font-size:18px; color:#333; line-height:1.5em;margin-top:20px; margin-bottom:10px; }
.right1 a:hover{ text-decoration:none;}
.right1 li{ float: right; margin-right: 20px; transition: 0.8s; }
.bg{ position: absolute; bottom: 0; right: 0; z-index: 1 }



/*Í·²¿µ¼º½*/
.hd{ position: absolute; left: 0; top: 0; z-index: 1; background: rgba(0,0,0,0.8); color: white; width: 100%; height: 60px; }
.inner{ width: 1170px; height: 60px; margin: 0 auto }
.logo{ float: left; text-decoration: none; margin: 16px 20px 0 0 ;}
.mybg{background-size: cover}
.inner nav{ float:left; }
.inner nav .menu li{ float: left; }
.inner nav .menu li a{ display: block;  padding: 0 20px; line-height: 200%; cursor:pointer; color: #ffffff; }
.inner nav .menu li a:hover,.inner nav .menu li.active a{ background: #DF5512; color: #000;  }

.myp img{
    width: 100%;
}


.ad-text{
    opacity: 0;
    -webkit-transition: all 0.8s ease 0.2s;
    -moz-transition: all 0.8s ease 0.2s;
    -ms-transition: all 0.8s ease 0.2s;
    -o-transition: all 0.8s ease 0.2s;
    transition: all 0.8s ease 0.2s;
}

.active .ad-text{
    opacity: 1;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    -moz-transform: translate(0,0);
    transform: translate(0,0);
}

.pic{
    opacity: 0.5;

}


.ad-text1{
    opacity: 0;
    -webkit-transition: all 0.8s ease 0.2s;
    -moz-transition: all 0.8s ease 0.2s;
    -ms-transition: all 0.8s ease 0.2s;
    -o-transition: all 0.8s ease 0.2s;
    transition: all 0.8s ease 0.2s;
}

.active .ad-text1{
    opacity: 1;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    -moz-transform: translate(0,0);
    transform: translate(0,0);
}


.ggbtn{
    background:rgba(255, 255, 255, 0.5);
    border:1px solid white;
    border-radius: 100%;
    width: 2px;
    height: 14.5px
}
.mybtn{
    border-top:1.5px solid rgba(0, 0, 0, 0.75);
    border-bottom:1.5px solid  rgba(0, 0, 0, 0.75);
    font-size: 20pt;
    color:rgba(0, 0, 0, 0.75);
    width:100%;
    margin-top:15px;
    background: rgba(255, 255, 255, 0.0);

}

.top_btn{
    position: absolute ;
    margin-top: -2%;
    padding-left: 47%
}

#newspage{
    width: 90%;
    height:auto;
    margin-top:-22%;
}
.comp{
    z-index: 1;
    width: 310pt;
    text-align:left;
    margin-left: 5%;
    float: left;
}

.bmg1{
    z-index: 0;
    margin-top: -3%;
    width:50%;
    text-align:right;
    margin-left: 0%;
    float: right;

}

.bmg3{
    display: none;
}
.compL{

    float: right;
    margin-right: 5%
}

.bmg2{
    width:60%;
    float: left;
}
.comtext{
    font-size: 18pt;
    text-align:left;
    color: rgba(0, 0, 0, 0.76);
    margin-top: 15px

}
#translation{
    margin-top: 14px;
}

#gs1,#gs2,#gs3,#gs4,#gs5{
    width: 100%;
    position: relative
}

.morebtn{
    display: block;
}
#gs1-1{
    position: absolute;
    z-index: 2;
    margin-top:13%
}

#gs2-1{
    position: absolute;
    z-index: 2;
    margin-top: 13%
}

#gs3-1{
    position: absolute;
    z-index: 2;
    margin-top: 13%;
}

#gs4-1{
    position: absolute;
    z-index: 2;
    margin-top: 13%
}

#gs5-1{
    width: 100%;
    position: absolute;
    z-index: 2;
    margin-top: 13%;
}
#mu1,#mu2,#mu3,#mu4,#mu5{
    display: block;
}

#gstb1{
    display: block;
}
#gstb2{
    display: none;
}
.gsimg{
    display: block;
}



.ad-text{
    font-family:΢ÈíÑźÚ;
    float: left;
    text-align: left;
    margin-bottom: 30%;
    margin-left:-20%;
    font-size: 45px
}

.ad-text1{
    font-family:΢ÈíÑźÚ;
    margin-bottom: 6%;
    margin-right: -40%;

}
.ad-text1 h1{
    font-size: 65px
}
.ad-text1 h2{
    font-size: 40px
}
.ad-text1 h3{
    font-size: 35px
}


#mybot1{
    display: block;
}
#mybot2{

    display: none;
}


#hd1{
    width: 92%;
}


.contact_text{
    float: left;
   width: 90%;
}

#mydiv{
   width:52%;
   margin-left: 24%;
}


.carousel-caption1{
    /*! padding-bottom: 10%; */
    background-color: black;
    opacity:0.6;
    margin-bottom:-2%;
    text-align: left;
    margin-left: -20%;
    /*! padding-right: 171px; */
    width: 40%;
}

.newsp1{
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 12px;
 }

.newsp2{
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
 }

@media screen and (max-width: 1800px){
    .ad-text1{
        font-family:"΢ÈíÑźÚ";
        margin-bottom: 6%;
        margin-right: -40%;
    }
    .ad-text1 h1{
        font-size: 62px
    }
    .ad-text1 h2{
        font-size: 38px
    }
    .ad-text1 h3{
        font-size: 32px
    }
    #mydiv{
        width:56%;
       margin-left: 22%
    }
    .newsp1{
        width: 90%;
        margin-top: 12px;

    }
    .newsp2{
        width: 90%;
     }
}

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

    .contact_text{
        width: 85%;
    }
    #mydiv{
        width:58%;
        margin-left: 21%;
    }
    .newsp2{
        width: 90%;
     }


}


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

    .contact_text{
        width: 85%;
    }
    #mydiv{
        width:65%;
        margin-left: 17.5%;
    }
    .newsp1{
        width: 90%;
        margin-top: 12px;
    }
    .newsp2{
        width: 90%;
     }
}



@media screen and (max-width: 1366px){
    .ad-text1{
        font-family:"微软雅黑";
        margin-bottom: 5%;
        margin-right: -40%;
    }
    .ad-text1 h1{
        font-size: 58px
    }
    .ad-text1 h2{
        font-size: 33px
    }
    .ad-text1 h3{
        font-size: 32px
    }

    .contact_text{
        width: 80%;
    }

    .newsp2{
        width: 90%;
     }

}





@media screen and (max-width: 1215px){
    .ad-text{
        float: left;
        text-align: left;
        margin-bottom: 28%;
        margin-left:-20%;
        font-size: 40px
    }

    .ad-text1{
        font-family:"微软雅黑";
        margin-bottom: 5%;
        margin-right: -40%;
    }
    .ad-text1 h1{
        font-size: 50px
    }
    .ad-text1 h2{
        font-size: 28px
    }
    .ad-text1 h3{
        font-size: 25px
    }
    
    #mydiv{
        width:86%;
       margin-left: 7%;
    }
    .newsp2{
        width: 90%;
     }



}

@media screen and (max-width:1050px) {
    #hd1 {
        width: 100%;
    }
    #mydiv{
        width:95.5%;
       margin-left: 2.25%
    }
    
    .newsp1{
        width: 90%;
        margin-top: 12px;
    }
}

#tatol-a,#tatol-a1,#tatol-a2,#tatol-a3,#tatol-a4,#tatol-a5{
    height: 75px;
    padding-top: 28px
}


@media screen and (max-width:999px){
    #tatol-a,#tatol-a1,#tatol-a2,#tatol-a3,#tatol-a4,#tatol-a5{
        background-color: #4f4f51;
    }
    #tatol-a1 ul a{
        background-color: #4f4f51;
    }

    .ad-text{
        float: left;
        text-align: left;
        margin-bottom: 26%;
        margin-left:-10%;
        font-size: 35px
    }


}


@media screen and (max-width:990px){
    #gg1,#gg2,#gg3,#gg4,#gg5 {
        width: 150%;margin-left: -25%;
    }
    #gs1,#gs2,#gs3,#gs4,#gs5{
        width: 100%;
        position: static;
    }
    #gs1-1,#gs2-1,#gs3-1,#gs4-1,#gs5-1{
        position: static;
        z-index: 0;
        margin-top:0%;
        padding-top: 5%;
    }
	.carousel-caption1{
        margin-left:-15%;
    }
	.carousel-caption{
		padding-bottom: 29px;
	}

    .contact_text{
        width: 90%;
    }

    .comp{
        width: 310pt;
        text-align:center;
        margin-left: auto;
        margin-right: auto;
        float:  none;
    }

    .bmg3{
        display: block;
    }

    .bmg1{
        display: none;
    }
    .compL{
        width: 310pt;
        text-align:center;
        margin-left: auto;
        margin-right: auto;
        float:  none;
    }
    .bmg1{
        width:100%;
        margin-left: 0%;
        float: none;

    }

    #gs1-1{
        margin-top: 40%;
    }

    .mybtn{
        width: 100%;
    }
    #mu1,#mu2,#mu3,#mu4,#mu5{
        display: none;
    }
    #gstb1{
        display: none;
    }
    #gstb2{
        display: block;
    }
    .morebtn{
        display: none;
    }

    .gsimg{
        display: none;
    }


    .ad-text{

        float: left;
        text-align: left;
        margin-bottom: 28%;
        margin-left:8%;
        font-size: 30px
    }

    .ad-text1{
        font-family:"微软雅黑";
        margin-bottom: 5%;
        margin-right: -40%;
    }
    .ad-text1 h1{
        font-size: 50px
    }
    .ad-text1 h2{
        font-size: 27px
    }
    .ad-text1 h3{
        font-size: 25px
    }
    .newsp2{
        width: 90%;
     }
}

}



@media screen and (max-width:950px){
    .ad-text{
        float: left;
        text-align: left;
        margin-bottom: 28%;
        margin-left:8%;
        font-size: 30px
    }

    .newsp2{
        width: 90%;
     }
	 .carousel-caption1{
        margin-left:-15%;
    }
	.carousel-caption{
		padding-bottom: 29px;
	}

}

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

    .newsp2{
        width: 90%;
     }
}



@media screen and (max-width:860px){
    .ad-text1{
        font-family:"微软雅黑";
        margin-bottom: 5%;
        margin-right: -40%;
    }
    .ad-text1 h1{
        font-size: 48px
    }
    .ad-text1 h2{
        font-size: 26px
    }
    .ad-text1 h3{
        font-size: 24px
    }
    .carousel-indicators{
        display: none;
    }
    .carousel-caption1{
        padding-bottom: 0%;
        background-color: black;
        opacity:0.6;
        margin-bottom:-2%;
        text-align: left;
        padding:5px;
        margin:5px;
		width:68%;
    }

     .newsp1{
        width: 90%;
    }

     .newsp2{
        width: 90%;
     }

}

@media screen and (max-width:800px){
    .ad-text1{
        font-family:"微软雅黑";
        margin-bottom: 5%;
        margin-right: -40%;
    }
    .ad-text1 h1{
        font-size: 45px
    }
    .ad-text1 h2{
        font-size: 25px
    }
    .ad-text1 h3{
        font-size: 23px
    }
    .newsp1{
        width: 90%;
    }
    .newsp2{
        width: 90%;
     }
}


@media screen and (max-width:700px){
    .ad-text{
        float: left;
        text-align: left;
        margin-bottom: 26%;
        margin-left:8%;
        font-size: 25px
    }
    .ad-text1{
        font-family:"΢ÈíÑźÚ";
        margin-bottom: 4%;
        margin-right: -40%;

    }
    .ad-text1 h1{
        font-size: 40px

    }
    .ad-text1 h2{
        font-size: 23px

    }
    .ad-text1 h3{
        font-size: 22px

    }

    .newsp1{
        width: 90%;
        margin-top: 8p
    }
    .newsp2{
        width: 90%;
     }
}

@media screen and (max-width:640px){
    .ad-text1{
        font-family:"΢ÈíÑźÚ";
        margin-bottom: 4%;
        margin-right: -40%;

    }
    .ad-text1 h1{
        font-size: 35px

    }
    .ad-text1 h2{
        font-size: 20px

    }
    .ad-text1 h3{
        font-size: 19px

    }

    #mybot1{
        display: none
    }
    #mybot2{

        display: block;
    }


}


@media screen and (max-width:600px){
    .comp{
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .compL{
        float: right;
        margin-right: 2%
    }

    .ad-text{
        float: left;
        text-align: left;
        margin-bottom: 24%;
        margin-left:8%;
        font-size: 25px
    }

    .ad-text1{
        font-family:"΢ÈíÑźÚ";
        margin-bottom: 4%;
        margin-right: -40%;

    }
    .ad-text1 h1{
        font-size: 33px

    }
    .ad-text1 h2{
        font-size: 18px

    }
    .ad-text1 h3{
        font-size: 17px

    }
    .newsp2{
        width: 90%;
     }


}


@media screen and (max-width:560px){
    .ad-text{
        float: left;
        text-align: left;
        margin-bottom: 22%;
        margin-left:8%;
        font-size: 20px
    }
    .ad-text1{
        font-family:"΢ÈíÑźÚ";
        margin-bottom: 3%;
        margin-right: -40%;

    }
    .ad-text1 h1{
        font-size: 20px

    }
    .ad-text1 h2{
        font-size: 15px

    }
    .ad-text1 h3{
        font-size: 15px

    }





}

@media screen and (max-width:500px){
    .ad-text{
        float: left;
        text-align: left;
        margin-bottom: 20%;
        margin-left:8%;
        font-size: 18px
    }
    .ad-text1{
        font-family:"΢ÈíÑźÚ";
        margin-bottom: 2%;
        margin-right: -40%;
    }
    .ad-text1 h1{
        font-size: 20px;
        margin-bottom: -10px;
    }
    .ad-text1 h2{
        font-size: 10px;
    margin-bottom: -5px;
    }
    .ad-text1 h3{
        font-size: 10px;
        margin-bottom: -5px;
    }
}



@media screen and (max-width:450px){
    .ad-text{
        float: left;
        text-align: left;
        margin-bottom: 18%;
        margin-left:8%;
        font-size: 15px
    }
    .ad-text1{
        font-family:"΢ÈíÑźÚ";
        margin-bottom: 2%;
        margin-right: -40%;
    }
    .ad-text1 h1{
        font-size: 20px;
    }
    .ad-text1 h2{
        font-size: 10px
    }
    .ad-text1 h3{
        font-size: 10px
    }
    .newsp1{
        width: 90%;
    }
    .newsp2{
        width: 90%;
     }
}



/*Òþ²ØÁÐ±í°´Å¥ */
#nav, #nav ul {
    list-style: none;
}
#nav li {
    position: relative;
}
#nav a:link, #nav a:visited  {
    display: block;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.0);
    color: black;

}
#nav a:hover{ background-color: #DF5512; }
#nav ul {
    display: none;
}
#nav li:hover ul {
    display: block;
}







/*ÐÂÎÅÒ³Ãæ*/
.news {
    width: 100%;
    float: left;
    text-align: left;
}
.top-grid1{
    margin-left: 5%;

}
.newsnum{
    width: 90px;
    margin-bottom: 5%;
    float: left;
    text-align: center;
    margin-right: 20px;
    background: #080808;
    opacity: 0.7;
}


@media screen and (max-width:768px){
    .top-grid1{
        margin-left: 0%;
    }

}