@charset "utf-8";
/* CSS Document */
html{ font-size:14px; }
body{
 margin:0;
 padding:0;
 background-color:#fff;
 overflow-x:hidden;
}
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:0px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:0px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
a{text-decoration:none;}
a:hover{text-decoration:none; color:#c01701;transition:all 0.8s linear 0s;}
.clear{font-size:0; line-height:0;clear: both;overflow: hidden; zoom: 1;}
.fr{float:right;}
.fl{float:left;}

/*banner*/
.yf_banner{ width: 100%;clear: both; position: relative;background: url(../img/contact_b.jpg) no-repeat center center;
    height: 600px;}
.yf_banner img{ width: 100%;position: relative;}
	
.banner {
  width: 100%;
  height: 520px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.banner h3 {
  font-weight: 600;
  color: #fff;
  font-size: 45px;
  position: absolute;
  top: 230px;
  width: 1280px;
  text-align: center;
  left: 50%;
  margin-left: -640px;
}


.hint{width:500px;height:332px;margin:0 auto;background:#fff;position:fixed;top:50%;left:50%;margin-left:-250px;margin-top:-166px;z-index:111;display:none;}
.hint-in1{width:500px;height:70px;background:#fff;position:relative;}
.hint1{width:48px;height:47px;background:url(../images/icon/hint1.png) no-repeat;-webkit-background-size:48px 47px;
background-size:48px 47px;top:12px;left:98px;position:absolute;z-index:111;}
.hint2{line-height:70px;color:#f4e8df;font-size:26px;padding-left:156px;}
.hint3{width:38px;height:37px;background:url(../images/icon/hint3.png) no-repeat;-webkit-background-size:38px 37px;background-size:38px 37px; position:absolute;top:7px;right:7px;}
.hint3:hover{width:38px;height:37px;background:url(../images/icon/hint33.png) no-repeat;-webkit-background-size:38px 37px;background-size:38px 37px; position:absolute;top:7px;right:7px;}
.hint-in2{line-height:150px;font-size:20px; text-align:center;color:#ff6600;}
.hint-in3{font-size:16px ;width:180px;height:40px;background:#ff7800;color:#f4e8df;position:absolute;bottom:50px;left:175px;text-align:center;line-height:40px;border-radius:6px;}

.hintl{width:500px;height:332px;margin:0 auto;background:#fff;position:fixed;top:45%;left:50%;margin-left:-250px;margin-top:-166px;z-index:111;display:none;}
.hintl-in1{width:500px;height:70px;background:#fff;position:relative;}
.hintl1{width:48px;height:47px;background:url(../images/icon/hint2.png) no-repeat;-webkit-background-size:48px 47px;
background-size:48px 47px;top:12px;left:98px;position:absolute;z-index:111;}
.hintl2{line-height:16px;text-align:center;}
.hintl2 p{font-size:14px;color:#333;text-align: center;}
.hintl3{width:38px;height:37px;background:url(../images/icon/hint3.png) no-repeat;-webkit-background-size:38px 37px;background-size:38px 37px; position:absolute;top:7px;right:7px;}
.hintl-in2{line-height:150px;font-size:20px; text-align:center;color:#ff6600;}
.hintl-in3{font-size:22px ;width:90px;height:50px;background:#ff7800;color:#f4e8df;position:absolute;bottom:50px;left:108px;text-align:center;line-height:50px;border-radius:8px;}
.hintl-in4{font-size:16px ;width:90px;height:30px;background:#d1cfcd;color:#fff;position:absolute;bottom:26px;right:205px;text-align:center;line-height:30px;border-radius:8px;}

.juti{padding-top:17vw;width: 500px;
    margin: 0 auto;}
.btn1{width:200px;margin:0 25px;float:left;background:#0e52a7;color:#fff;padding:15px 50px;font-size:16px;border-radius: 10px;}
.btn1:hover{background:#fff;border:1px solid #0e52a7;color:#0e52a7;}
.btn2{width:200px;margin:0 25px;float:left;background:#0e52a7;color:#fff;padding:15px 50px;font-size:16px;border-radius: 10px;}
.btn2:hover{background:#fff;border:1px solid #0e52a7;color:#0e52a7;}


@media (max-width:760px){
.yf_banner {
    width: 100%;
    clear: both;
    position: relative;
    background:url(../img/contact_b.jpg) no-repeat center top;
    height:62vw;
	    position: relative;
}
.juti {
    padding-top: 200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.btn1 {
    width: 45%;
    margin: 0 2.5%;
    float: left;
    background: #0e52a7;
    color: #fff;
    padding: 15px 0vw;
    font-size: 16px;
    border-radius: 10px;
    position: absolute;
    top:23vw;
    left: 1vw;
}
.btn2 {
    width: 45%;
    margin: 0 25px;
    float: left;
    background: #0e52a7;
    color: #fff;
    padding: 15px 0px;
    font-size: 16px;
    border-radius: 10px;
    position: absolute;
    top: 23vw;
    left: 45vw;
}
}