* {
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;

}
::-webkit-scrollbar{
    display:none;/*ChromeSafari*/
}
.topTitle {
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    color: #cfcfcf;
    background: #333;
    font-size: .6rem
}

.div80 {
    width: 75%;
    margin: auto
}

.topNav {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
}

.topNav_img1 {
    height: 3.6rem;
    margin: 1.2rem 0;
    width: 4.5rem;
    margin-right: 1rem;
}

.topNav_img2 {
    height: 3rem;
    margin: 1rem 0;
}

.topNavChild {
    width: 70%;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
}

.topLogo {
    display: flex;
    display: -webkit-flex;
    width: 25%;
    overflow: hidden;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
}

.topNavChild>div {
    cursor:pointer;
    padding: 0 .5rem;
}

.swiper-container {
    width: 100%;
    height: 70vh;
}

.swiper-container>img {
    width: 100%;
    height: 100%;
}

.product{
    height: 40vh;
}
.productList{
    cursor:pointer;
    background-color: rgb(241, 241, 241);
}
.productList img{
   width: 100%;
   height: 30vh;
}
.topLun img{
    width: 100%;
    height: 100%;
}

.productList div{
	background-color: rgba(228, 233, 238, 0.95);
    text-align: center;
    font-weight: bold;
    line-height: 10vh;
}
.productList:hover{
    color: #338de6;
}

.topNavChild>div:hover{
    color: #338de6;
}


.wire{
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    align-items: center;
    -webkit-align-items: center;flex-wrap: wrap;
    margin-bottom: 5rem;
}
.wire img{width: 32%;min-width:20rem;
    cursor:pointer;
    margin: 1rem auto;}
.bigName{
    font-size: 2rem;
    margin-right: 1rem;
}
.bigName2{
    line-height: 5rem !important;
}
.survey span{
    line-height: 3rem;
}
.survey{
    margin: auto;
    text-align: center;
    width: 18rem;
    border-bottom: 1px solid #005BAC;
}
.survey_con{
    text-indent: 2rem;
    line-height: 2rem;
    font-size: 1.1rem;
    color: #51504D;
}
.survey_con2{
    line-height: 2rem;
    font-size: 1.1rem;
    color: #51504D;
}
.surveyPro{
    width: 18rem;
    margin: 2rem auto;
}

.wirePro{
    margin-bottom: 3vh;
    color: #fff;
}
.wirePro >div{
    cursor:pointer;
    width: 33.33%;min-width:20rem;
    height: 60vh;
    line-height: 72vh;
    text-align: center;
    font-size: 1.2rem;
}
.wirePro >div:nth-child(1){
    background: url("../imgs/20170316114728482848.jpg")no-repeat;
    background-size: 100% 100%;
}
.wirePro >div:nth-child(2){
    background: url("../imgs/20170316114887198719.jpg")no-repeat;
    background-size: 100% 100%;
}
.wirePro >div:nth-child(3){
    background: url("../imgs/20170316114949394939.jpg")no-repeat;
    background-size: 100% 100%;
}
.surveyAll{
    min-height: 100vh;background: rgb(241, 241, 241);
    display: flex;
    width: 100%;
    display: -webkit-flex;
    flex-direction:column;
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.swiper-button-next:after, .swiper-button-prev:after{
    color: #333;
}

.newsAll{
    min-height: 100vh;
    background-color: rgb(31, 31, 31);
}
.newsAll_child{
    min-height: 80vh;
    background: url(../imgs/bg1.jpg)no-repeat;
    background-size: 100% 100%;
}
.newsList{
    display: flex;
    min-height:50vh;
    width: 100%;
    margin-bottom: 5vh;
    flex-wrap: wrap;
    justify-content: space-around;
}
.newsList >img{
    height: 55vh;
    width: 40%;min-width:18rem;
}
.newsList_ren{
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.newsList_ren img{
    margin-right: 1rem;
}
.newsList_ren >div div:nth-child(1){
    margin-bottom: 1rem;
}
.newsList_img{
    height: 50vh;
    padding-left: 10%;
    width: 30%;min-width:18rem;
    display: flex;
    display: -webkit-flex;
    flex-direction:column;
    justify-content: space-around;
    align-items: center;
}
.newsList_img >div{
    text-align: left;
    width: 100%;
}
.newsList_Main{
    margin:5vh auto;
}
.newsChild{
    display: flex;
    min-height: 80vh;
    display: -webkit-flex;
    flex-direction:column;
    justify-content: space-around;
}
.surveyNews{
    margin: 0 auto;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.news{
    width: 55%;
    flex: 1;
    /* border: 1px solid #fff; */
    display: flex;
    min-height: 55vh;
    display: -webkit-flex;
    flex-direction:column;
    justify-content: space-around;
}

.newsListChild{
    cursor:pointer;
    width: 90%;
    color: #fff;
    margin: 0 5%;
    padding: .2rem 0;
    box-sizing: border-box;
    border-bottom: 1px dashed #fff;
}

.newsListChild >div:nth-child(1){
    font-weight: bold;
    font-size: 1rem;
}
.newsListChild >div:nth-child(2){
    font-size: .9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin-top: .2rem;
}
.newsListChild >div:nth-child(3){
    font-size: .8rem;
    text-align: right;
    margin-top: .2rem;
}
/* .newsListChild:last-child{
    border-bottom: 0;
} */

.foot{
    background-color: rgb(31, 31, 31);
    height: 20vh;
    color: #fff;
    text-align: center;
    font-size: .8rem;
    display: flex;
    display: -webkit-flex;
    flex-direction:column;
    justify-content: center;
    -webkit-justify-content: center;
}
.foot >div{
    margin-bottom: 1rem;
}
.foot span{
    margin:0 1rem;
}
.img_zi{
    position: absolute;
    z-index: 1111;
    display: flex;
    flex-direction: column;
    width: 48%;
    align-items: center;
    color: #fff;
    margin: auto;
    left: 25%;
}
.img_zi img{
    max-width: 200%;
    margin-top: 20vh;
}
.img_zis{	 
    display: none;
    margin-top: 7vh;
    font-size: 1rem;
}

.img_zius{
    cursor:pointer;
    margin-top: 12vh;
    font-size: 1.2rem;
    padding: .7rem 8%;
    border:1px solid #fff;
}
.img_ziTU{
    display: none;
}

.childCon{
    min-height: 70vh;
    margin: 3vh auto;
}

.survey2{width: 15rem;}
.myPagination{
    text-align: center;
}
.newsMany{
    flex-wrap: wrap;
    padding: .5rem 0;
    display: flex;
    display: -webkit-flex;
    border-bottom: 1px solid #ccc;
}
.newsMany img{
    width: 15rem;
    height: 9rem;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #333;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #333;
    border-color: #333;
}