/* CSS Document */
body{marign:0px;padding:0px; Microsoft:Yahei;}
.contact{width:100%;height:auto;clear:both;background:url(../images/ditu.jpg)  center top;padding:30px 0px 0px 0px;background-size: cover;}
.contact .c1{width:100%;height:100%;padding:2vh 0vh 4vh 0vh;}
.contact .c1 h1{width:80%;margin:0 auto;line-height:2.6;color:#ffffff;font-size:3.5rem;text-align:center;letter-spacing:2px;}
.contact .c1 h2{width:80%;margin:0 auto;color:#d9000b;font-size:3rem;text-align:center;font-family:Arial, Helvetica, sans-serif;}




.con_tit{width: 100%;height: auto;position: relative;padding: 40px 10px 0px 10px;}
.con_tit h1{color:#fff;font-size:2.4rem;position:relative;text-align:center;}
.con_tit h1 a{color:#fff;font-size:2.4rem;position:relative;text-align:center;font-weight:normal;}
.con_tit h3 {font-size: 3.4rem; color: #fff;font-weight:normal;text-align:center;line-height:2;}
.con_tit h3 a{font-size: 3.4rem; color: #fff;font-weight:bold;text-align:center;line-height:2;font-style:oblique}
.con_tit .t1{display: block;width:12px;height: 12px;margin:0 auto;background:#d9000b;margin-top:2rem;}




.cont2{width:100%;height:auto;clear:both;position:relative;background:url(../images/hei.png) no-repeat center top;padding:20px 0px;background-size:100% 100%; }
.cont2 .cc{width:100%;height:auto;margin-top:3rem;clear: both;}
.cont2 .cc li{width:31.333%;float:left;margin-left:1%;margin-right:1%;}
.cont2 .cc li .cl{ display:block;float:left;width:37px;height:51px;overflow:hidden;}
.cont2 .cc li .cl img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(50px 0 #d9000b); -webkit-filter: drop-shadow(50px 0 #d9000b);transition:all 1s}
.cont2 .cc li:hover .cl img{transform: translate(-50px, 0);-webkit-transform: translate(-50px, 0);-ms-transform: translate(-50px, 0);-o-transform: translate(-50px, 0);transition:all 1s}
.cont2 .cc li .cr{width:80%;float:left;margin-left:2%;}
.cont2 .cc li .cr h1{color:#ffffff;font-size:2rem;letter-spacing:1px;font-weight:normal;}
.cont2 .cc li .cr h2{color:#ffffff;font-size:2rem;letter-spacing:1px;font-weight:normal;line-height:2;}

.cont2 .ct{width:100%;height:auto;padding-top:2rem;clear: both;}
.cont2 .ct h1{font-size:1.4rem;color:#868687;float:left;padding:5px;margin-right:5px;}
.cont2 .ct a{float:left;padding:5px;margin-left:5px;font-size:1.4rem;color:#868687;}
.foot{width:100%;height:auto;background:#d9000b;padding:30px 0px;clear:both;border-top:solid #fff 1px;}
.foot .f1{float:left;font-size:1.4rem;color:#fff;margin-left:10px;}
.foot .f2{float:left;font-size:1.4rem;color:#fff; margin-left:10px;}
.foot .f4{float:left;font-size:1.4rem;color:#fff; margin-left:10px;}
.foot .f3{float:right;font-size:1.4rem;color:#fff;}
.foot .f3 a{font-size:1.4rem;color:#fff;}
@media (max-width:468px){
.foot{width:100%;height:auto;background:#d9000b;padding:15px 0px;clear:both;border-top:solid #fff 1px; line-height:20px;}
.contact .c1 h1{width:95%;font-size:2.4rem;}
.contact .c1 h2{width:95%;font-size:3rem;}
.cont2 .cc li{width:98%;float:left;margin-left:1%;margin-right:1%;margin-top:2rem;}
.cont2 .cc li:nth-child(1){border:none;}
.foot .f1{clear:both;margin:0 auto;width:100%;text-align:center;float:none;}
.foot .f2{clear:both;margin:0 auto;width:100%;text-align:center;float:none;display:block;display:none;}
.foot .f4{clear:both;margin:0 auto;width:100%;text-align:center;float:none;display:block;}
.foot .f3{clear:both;margin:0 auto;width:100%;text-align:center;float:left; margin-top:-20px;}
.cont2 .cc li .cr h1{font-size:1.6rem;}
.cont2 .cc li .cr h2{font-size:1.4rem;}

}
@media (min-width:469px) and (max-width:768px){
.contact .c1 h1{width:95%;font-size:2.4rem;}
.contact .c1 h2{width:95%;font-size:3rem;}
.cont2 .cc li{width:98%;float:left;margin-left:1%;margin-right:1%;margin-top:2rem;}
.cont2 .cc li:nth-child(1){border:none;}
.foot .f1{clear:both;margin:0 auto;width:100%;text-align:center;float:none;}
.foot .f2{clear:both;margin:0 auto;width:100%;text-align:center;float:none;display:block; display:none;}
.foot .f4{clear:both;margin:0 auto;width:100%;text-align:center;float:none;display:block;}
.foot .f3{clear:both;margin:0 auto;width:100%;text-align:center;float:none;}
.cont2 .cc li .cr h1{font-size:1.6rem;}
.cont2 .cc li .cr h2{font-size:1.4rem;}
}
@media (min-width:769px) and (max-width:990px){
.contact .c1 h1{width:95%;font-size:2.4rem;}
.contact .c1 h2{width:95%;font-size:3rem;}
.cont2 .cc li{width:98%;float:left;margin-left:1%;margin-right:1%;margin-top:2rem;}
.cont2 .cc li:nth-child(1){border:none;}
.cont2 .cc li .cr h1{font-size:1.6rem;}
.cont2 .cc li .cr h2{font-size:1.4rem;}

}
@media (min-width:991px) and (max-width:1080px){
.cont2 .cc li .cr h1{font-size:1.6rem;}
.cont2 .cc li .cr h2{font-size:1.4rem;}

}
@media (min-width:1081px) and (max-width:1200px){
.cont2 .cc li .cr h1{font-size:2rem;}
.cont2 .cc li .cr h2{font-size:1.6rem;}

}
@media (min-width:1201px) and (max-width:1320px){
.cont2 .cc li .cr h1{font-size:2rem;}
.cont2 .cc li .cr h2{font-size:1.6rem;}

}
@media (min-width:1321px) and (max-width:1440px){
.cont2 .cc li .cr h1{font-size:2rem;}
.cont2 .cc li .cr h2{font-size:1.6rem;}

}
@media (min-width:1441px) and (max-width:1600px){
.cont2 .cc li .cr h1{font-size:2rem;}
.cont2 .cc li .cr h2{font-size:1.6rem;}

}