@charset "utf-8";
/* CSS Document */

.nav1+img{width: 100%;}
.banner> .contents{position: absolute;top: 120px;width: 100%;text-align: center;}
.banner h2{font-size: 32px;font-weight: normal;color: #fff;padding: 0 0 20px 0;}
.banner h4{font-size: 20px;font-weight: normal;color: #fff;padding: 0 0 30px 0;}
.banner input{height: 50px;width: 620px;border: none; border-radius: 25px;outline: none;padding: 0 10px 0 60px;font-size: 18px;background: url("../images/search.png") left 20px center no-repeat,#fff;}
.banner h3{font-size: 20px;font-weight: normal;padding: 20px 0 0 0;}
.banner h3 a{color: #fff;transition:all .4s;}
.banner h3 a:hover{opacity: 0.5;}


.ro2>h2,.ro3 h2{font-size: 32px;font-weight: normal;text-align: center;padding:80px 0;}
.ro2{padding: 0 0 40px 0;}
.ro2 .rr{float: left;padding: 50px 60px;width: 550px;background: #fff;height: 270px;}
.ro2 li{height: 270px;padding: 0 0 80px 0;border-top: solid 1px #f2f2f2;}
.ro2 img{float: right; height: 76%;padding-top: 5%;padding-bottom: 19%;}
.ro2 li h2{font-size: 28px;font-weight: normal;}
.ro2 p{font-size: 18px;line-height: 30px;padding: 30px 0 20px 0;}
.ro2 .rr a{font-size: 20px;}

.contents11{width: 1000px;margin: 0 auto;}
.ro3{background: #f2f2f2;}
.ro3 ul{width: 1010px;text-align: center;overflow: hidden;padding: 0 0 88px 0;}
.ro3 h3{padding: 30px 0;font-weight: normal;font-size: 20px;}
.ro3 li{float: left; width:182.5px;padding: 50px 30px 40px 30px;background: #fff;margin-right: 10px;margin-bottom: 10px;}
.ro3 p{padding: 10px 0;font-size: 15px;line-height: 25px;}

.syfooter{background: #2b2b2b;}