@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
img{ border:none;}
ul,ol{ list-style:none;}
i,em{ font-style:normal;}
.clear{ clear:both;}
a{ text-decoration:none;}
.left{ float:left !important;}.right{ float:right !important;}
.h10{ clear:both; height:10px;}
.h15{ clear:both; height:15px;}
.red { color:#dd1a00;}
.w1200 { width: 1200px; margin: 0 auto;}
table { border-collapse: collapse;}
body{ color:#333; line-height:200%; font-size:16px; font-family:"微软雅黑", Arial, Helvetica, sans-serif; background:#f8f8f8 url(../images/bg.gif) repeat;}
input,button,textarea { font-family:"微软雅黑", Arial, Helvetica, sans-serif;}

.title { text-align: center; font-size: 0; line-height: 0;}
.title img {}
.wrap109 {width:100%; margin:0 auto;}
.banner01 {height:350px; background:url(../img/b1.jpg) no-repeat top center; font-size:0;}
.banner02 {height:290px; background:url(../images/b2.jpg) no-repeat top center; font-size:0;}
.f1 { width: 1200px; min-height: 360px; overflow: hidden; margin: 0 auto; }
.f1 .title { margin-bottom: 15px;} 
.f1list { width: 100%; }
.f1list li { float: left; width: 20%; text-align: center; font-size: 21px; color: #666; transition:.5s;}
.f1list li:hover { margin-top: -10px;}
.f1list li i { display: block; width: 136px; height: 136px; margin: 0 auto; }
.f1_ioc1 { background: url(../images/t1list.jpg) no-repeat  -74px -15px; }
.f1_ioc2 { background: url(../images/t1list.jpg) no-repeat  -302px -15px; }
.f1_ioc3 { background: url(../images/t1list.jpg) no-repeat  -534px -15px; }
.f1_ioc4 { background: url(../images/t1list.jpg) no-repeat  -764px -15px; }
.f1_ioc5 { background: url(../images/t1list.jpg) no-repeat  -1004px -15px; }
.f1list li p { padding: 15px 0;}
.f2 { width: 100%; min-height: 550px; overflow: hidden; background: #f2f2f2; }
.f2 .title { margin-bottom: 10px;}
.f2 .content { overflow: hidden; text-align: center; font-size: 24px; color: #666; line-height: 40px; padding-bottom: 20px;}
.content { overflow: hidden; text-align: center; font-size: 24px; color: #666; line-height: 40px; padding-bottom: 20px;}
.f3 { overflow: hidden;}
.f3 .title { margin-bottom: 15px;}
.f4 { overflow: hidden;} 
.f41 { font-size: 0; height: 458px; background: url(../images/t41.jpg) no-repeat top center;}
.f5 { overflow: hidden; background: #f5ebdf;}
.f5 .title { height: 122px; background: url(../images/t5.jpg) no-repeat top center;}
.f51 { font-size: 0; height: 328px; background: url(../images/t51.jpg) no-repeat top center;}
.f52 { font-size: 0; height: 177px; background: url(../images/t52.jpg) no-repeat top center;}

.f3Table { width: 100%;}
.f3Table tr:nth-child(odd) { background: #f2f2f2;}
.f3Table th,.f3Table td { text-align: center; padding: 14px 0; font-size: 21px; font-weight: normal;}
.f3Table th { border-bottom: 1px #784c32 solid;}

.f21Wrap,.f23Wrap { width: 100%; height: 240px; overflow: hidden; position: relative;}
.f21Wrap .prev,.f21Wrap .next,.f23Wrap .prev,.f23Wrap .next { cursor: pointer; display: block; position: absolute; top: 60px; width: 30px; height: 120px;}
.f21Wrap .prev,.f23Wrap .prev { left: 0; background: url(../images/prevNext.png) no-repeat 5px 50px;}
.f21Wrap .next,.f23Wrap .next { right: 0; background: url(../images/prevNext.png) no-repeat 5px -50px;}
.f21Con { width: 1080px; overflow: hidden; margin: 0 auto;}
.f21ConList { width: 100%; overflow: hidden;}
.f21ConList li { position: relative; float: left; width: 240px; height: 240px; background: #fff; margin: 0 15px; transition: 5s;}
.f21ConList li img { width: 100%; height: 100%; display: block;}
.f21ConList li .con { position: absolute; top: 190px; left: 0; height: 230px; padding: 5px 20px; background: rgba(0,0,0,0.5); color: #fff; font-size: 16px;}
.f21ConList li .con b { display: block; text-align: center; font-size: 20px; font-weight: normal; padding: 5px 0;}
.f21ConList li .con p { line-height: 180%; padding-top: 5px;}
.f21ConList li:hover .con { top: 0;}
.f21ConList li:hover .con b { padding-top: 15px;}

.f23Wrap .f21ConList li { width: 330px;}

.f22Wrap { overflow: hidden;}
/* .f22Wrap p { float: left; width: 542px; height: 210px; padding: 45px; background: #fff; font-size: 24px; color: #666; line-height: 40px; text-indent: 50px; margin-top: 10px;}
 */
.f22Wrap p {border-radius: 8px; float: left; width: 542px; height: 300px; padding:80px 45px; background: #fff; font-size: 24px; color: #666; line-height: 40px; text-indent: 50px; margin-top: 0px;}
.f22Wrap img{border-radius: 8px;}
.f22Bg { background: #f2f2f2 url(../images/f22Bg.jpg) no-repeat bottom center;}
.c784c32 { color: #784c32;}

.f24Wrap .f21Con { width: 100%;}
.f24Wrap .f21ConList li { width: 280px; height: auto;  margin: 0 10px;}

.wxTel { width: 100%; height: 170px; background: url(../images/wxTel.png) no-repeat bottom center; font-size: 0;}
.fixed { position: fixed; left: 0; bottom: 0; right: 0; z-index: 20;}