*{
    padding: 0;
    margin:0;
    list-style: none;
}
/*element .style{*/
/*    width: 100%;*/
/*    hright:calc(100% * 0.334);*/
/*}*/
#test1{
    width:100%;
    /*height:calc(100% * 0.334) !important;*/
}
#test1 img{
    width:100%;

}
.home-type{
    clear: both;
    width: 1200px;
    height:80px ;
    margin:20px auto;
    border-bottom:1px solid #ccc;
}
.home-type div{
    width: 180px;
    height:90px ;
    margin:0 auto;
}
.home-type div p:first-of-type{
    font-size: 32px !important;
    font-weight: 600;
    text-align: center;
    color:#585858;
}
.home-type div p:last-of-type{
    font-size: 18px!important;
    font-weight: 300;
    text-align: center;
    color:#a9a9a9;
    margin-top:5px;
}
.home-type div hr{
    width: 150px;
    height:4px;
    margin:10px auto;
    background:#1976d2;
}

#introduce{
    clear: both;
    width: 1200px;
    height:912px;
    margin:0 auto;
    position: relative;
}
#int-left{
    width: 624px;
    height:912px;
    background: #f1f1f1;
    position: absolute;
    right: 0;
}
#int-left p{
    font-size: 24px;
    color:#185dcf;
    margin:37px 49px 0  49px  ;
}
#int-left div{
    width: 534px;
    margin:10px 0 0  49px;
}
#int-left div span{
    font-size:14px;
    color:#6d6d6d;
    line-height: 25px;
}
#int-left div span span{
    font-size:16px;
    color: #373737;
}
#int-left button{
    width: 130px;
    height:44px;
    background: #ff874c;
    color:#fff;
    font-size: 18px;
    text-align: center;
    border:none;
    margin:40px 0 0  49px;
    cursor: pointer;
}
#int-left button a{
    color:#fff;

}
#int-right{
    width: 578px ;
    height: 912px ;
    float: right;
    position: absolute;
    left:0;
    top:0;
}
#int-right video{
    width: 578px ;
    height: 402px ;
}

#coating{
    clear: both;
    width:99.7%;
    height:750px;
    border:1px solid #fff;
    position: relative;
}
   #hproBtn{
               width: 590px;
    margin: 0 auto;
    height: 45px;
        }
        #hproBtn li{
            float: left;
            margin-right:20px;
            width: 130px;
            height:44px;
            background:#1976d2;
            color:#fff;
            font-size: 18px;
            text-align: center;
            border:none;
            cursor: pointer;
        }
#hproBtn li:last-of-type{
	margin-right:0;
}
        #hproBtn li a p{
            color:#fff;
            font-size: 18px;
line-height:45px;
        }
.tuliao-List{
    width:1200px;
    height:400px;
    position: absolute;
    left:calc((100% - 1200px )/ 2);

}
.tuliao-List li{
    width: 281px;
    height:311px;
    float: left;
    margin-top:15px;
    margin-right:19px !important;
    position: relative;
    cursor: pointer;
}
.tuliao-List li:first-of-type{
    margin-left:0;
}
.tuliao-List li img{
    width:100% !important ;
    height:100%;
    text-align:center;
}
.tuliao-List div{
    width:100%;
    height: 51px !important;
    background: rgba(255,255,255,0.8);
    position: absolute;
    bottom:0;
}
.tuliao-List p{
    color:#444647;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
}
.coat-change{
    background: rgba(40,98,191,0.8) !important;
}
.coat-change p{
    color:#fff !important;
}
.more{
    position: relative;
    background-image: url("../imgs/组19.png");
}
.more p{
    font-size: 20px;
    margin-top:130px;
    color:#727272 !important;
}


#zixun{
    clear: both;
    max-width: 99.7%;
    height: 773px !important;
    margin-top:20px;
}
#zixun-center{
    width: 1200px;
    height:775px;
    margin:0 auto;
}
.center-conent{
    float: left;
    height:726px;
    overflow: hidden;
}
.center-conent1{
    width: 669px !important;
    background: #f6f6f6;
}
.center-conent li{
    margin-top:10px;
    cursor: pointer;
}
.center-conent li:first-of-type{
    height:58px;
    margin-top:25px;
    text-align: center;
}
.center-conent li:first-of-type img{
    margin-top:-10px;
}
.center-conent img{
    vertical-align: middle;
}
.center-conent span:first-of-type{
    font-size: 30px;
    /*font-weight:500 ;*/
    margin-left:10px;
    color:#1976d2;
}
.center-conent span:last-of-type{
    color:#878787;
    font-size: 18px;
    margin-left:5px;
}
.ct2 img {
    width:100%;
    height:351px;
}
.ct3{
    width: 100%;
    display: flex;
    height:120px;
    line-height: 20px;
    margin-top:20px !important;

    border-bottom:1px solid #ccc;
}
.ct3 div {
    width: 470px;
    height:70px;
    float: right;
    overflow: hidden;
    margin:10px 20px 0 10px !important;
    text-align: left;
    position: relative;
}
.ct3 img{
    /*flex: 1;*/
    width: 135px;
    height:99px;
    margin-left:20px;
    margin-bottom: 5px;
}
.ct3 div p{
    color:#353535 ;
    font-size: 18px;
    margin-bottom: 8px;
}
.ct3 div p span{
    position: absolute;
    right:0;
    font-size: 14px !important;
    line-height: 30px;
}

.ct3-cent{
    width: 100%;
    margin-top:20px;
    font-size: 14px !important;
}
.content3{
    width: 487px;
    margin-left:34px;
    background: #f6f6f6;
}
.content3 ul li{
    /*flex: 1;*/
    height:70px;
    font-size: 24px;
    text-align: center;
    line-height: 60px;
    background: #fff;
    margin-top:20px;
}
.content3 ul li:first-of-type{
    margin-top:10px;
}
.content3 ul li  img{
    margin-right:10px ;
    margin-top:-10px;
}
.content3List {
    margin-top:20px !important;
}
.content3List ul li{
    font-size: 20px !important;
    line-height: 70px !important;
    margin-top:20px;
    color: #373737;
}
.content3List li:last-of-type{
    border-bottom:20px solid #f1f1f1;
}

#zixun{
    clear: both;
    width: 1200px;
    height: 640px !important;
    margin:20px auto;
    letter-spacing: 1px;
    overflow: hidden;
    border:1px solid #fff;
}

.title11{
    width: 1200px;
    margin:0 auto;
}
.title11 img{
    width: 100%;
}
.news22{
    width: 1200px;
    margin:45px auto 0;
    position: relative;
}
.news22 div{
 width: 710px;
    height: 237px;
    position: absolute;
    right: 5px;
    top:0;
    /*border:1px solid red;*/
}
.news22 div p:first-of-type{
    font-size: 18px;
    margin:30px 0 10px;
    font-weight: 600;
    color: #3a3a3a;
}
.news22 div p:last-of-type{
    width: 100%;
    height:70px;
    /*border:1px solid red;*/
    font-size: 16px;
    margin:30px 0 10px;
    line-height: 28px;
    color: #484848;
}
.news22 div  button {
    width: 200px;
    height: 54px;
    border: none;
    border-radius: 8px;
    background: #1976d2;
}
.news22 div  button a{
   color:#fff;
    font-size: 18px;
}
#zixun ul{
    width: 100%;
    height: 240px;
    margin-top:30px;
}
#zixun ul li{
    width: 46%;
    height: 58px;
    float: left;
    border-bottom:1px dotted #ccc;
    position: relative;
  
    margin-right:3%;
    vertical-align: center;
}
#zixun ul li .newsTitle{
    position: absolute;
    left:0;
}
#zixun ul li .newsDate{
    position: absolute;
    right: 0;
}
#zixun ul li:nth-child(2n){
    margin-right:0;
}
#zixun ul span{
    font-size: 18px;
    line-height: 58px;
}
.coatUs{
    clear: both;
    width: 1200px;
    height: 539px;
    margin:50px auto;
    letter-spacing: 1px;
    position: relative;
}
.coatUs-left{
    width:494px;
    height: 533px;
    background: #f3f3f3;
}
.coatUs-right{
    width:670px;
    height: 533px;
    position: absolute;
    right: 0;
    top: 0;
    background: #f3f3f3;
}
.coatUs .cusTitle{
    text-align: center;
    font-size: 36px;
    height:89px;
    color:#1976d2;
    line-height: 89px;
    border-bottom:1px solid #ccc;
    font-weight: bold;
}
.coatUs .cusTitle span{
    font-size: 18px;
    color: #7a7a7a;
}
.coatUs  ul{
    width: 80%;
    margin:20px auto 0;
}
.coatUs  .coatUs-left ul li{
    font-size: 18px;
    margin-bottom:15px;
}
.coatUs  .coatUs-left ul li span{
    font-size: 18px;
}
.coatUs  .coatUs-left ul li:first-of-type{
    font-size: 24px;
}
.coatUs .coatUs-right ul{
    margin-top:30px;
}
.coatUs .coatUs-right li{
    font-size: 18px;
}
.coatUs .coatUs-right li input{
    width: 441px;
    height:40px;
    padding:5px 10px;
    border:none;
    background: #fff;
    margin-bottom:23px;
    border-radius: 8px;
    font-size: 16px;
}
.coatUs .coatUs-right li textarea{
    width: 441px;
    height:112px;
    padding:5px 10px;
    border:none;
    background: #fff;
    border-radius: 8px;
    font-size: 16px;
    resize: none;
    vertical-align: middle;
}
.coatUs .coatUs-right  button{
    margin-top:23px;
    width: 200px;
    height:54px;
    background: #1976d2;
    border-radius: 8px;
    color:#fff;
    border:none;
    font-size: 16px;
    margin-left:18.5%;
}
   #friendLink{
            width: 1200px;
            height: 40px;
            margin:0 auto;
            position: relative;
        }
        #friendLink ul{
            position: absolute;
            left:110px;
            top:0px;
        }
        #friendLink ul li{
            float:left;
            margin-right:15px;
        }
        #friendLink ul li a{
            font-size:14px;
        }