@charset "UTF-8";
body{min-width: 1024px}
/***************************************************************************/
#head{background-color:#E7330E; font-size: 30px;color: #fff;font-weight: bold;line-height: 25px;text-align: left;vertical-align: middle;position: relative;}
#head #title{padding: 25px 200px;line-height: 70px;}
#head #title img{float: left;width: 70px;margin-right: 25px;}
#head #title span{font-weight: normal;font-family:cursive;}
#head #btn_div{position: absolute;line-height: 70px;width: 80%;margin: 25px 10%; color: #fff;text-align: right;}
#head #btn_div a{margin-right: 20px;}
#head #btn_div a:link{color: #fff;}
#head #btn_div a:visited{color: #fff;}
#head #btn_div a:hover{color: #fff;}
/***************************************************************************/

#body{background-color: #fff;width: 80%; margin: 0 10%;}
#body #spirit,#body #cooperation {margin-bottom: 50px;}
#body #spirit .title,#body #cooperation .title{font-size: 30px;font-weight: bold;}

#body #spirit .content,#body #cooperation .content{width: 100%}
#body #spirit .content table{width: 100%}
#body #spirit .content table tr td{width: 50%;padding: 20px;}

#body #spirit .content table tr td div{border-radius: 20px;width: 260px;height: 260px; color: #fff;padding: 20px;text-align: center;}
#body #spirit .content table tr td div.div_right{float: right;}
#body #spirit .content table tr td div h1{font-size: 30px;line-height: 60px;}
#body #spirit .content table tr td div h2{font-size: 22px;line-height: 60px;}
#body #spirit .content table tr td div h3{font-size: 20px;line-height: 35px;}
.div_color1{background-color: #C0504D;}
.div_color2{background-color: #9BBB59;}
.div_color3{background-color: #8064A2;}
.div_color4{background-color: #4BACC6;}

#body #cooperation .content .recommend{font-size: 20px;text-indent:60px;margin: 20px 0px;}

/***************************************************************************/

#foot{width: 100%; vertical-align: middle; background-color: #E7330E; color: #fff;}
#foot h1{font-size: 20px;font-weight: bold;}
#foot table{margin: auto;}
#foot table tr td{padding: 20px 120px;}
/***************************************************************************/
.banner{width: 100%;height: 580px;margin:0px  auto;position: relative;overflow: hidden;}
.banner-inner {width: 3200px;height: 580px;position: absolute;left: 0;top: 0;}
.banner img{height:100%;display: block;vertical-align: middle;float: left;margin: 0 150px;}
.banner .ctrlbtn a{display: block;position: absolute;top: 50%;width: 40px;height:100px;line-height: 100px;text-align: center;cursor: pointer;font-size: 24px;margin-top: -50px;color: white;background: rgba(100,100,100,.5);}
.prev{ right: 0; font-family: "宋体";}
.next{left: 0;font-family: "宋体";}
.banner a:hover{background: rgba(206,206,206,0.5)}
.banner ul{position: absolute;left: 0;bottom: 10px;width: 100%;text-align: center;}
.banner li{ display: inline-block; width: 10px; height: 10px; overflow: hidden; margin: 0 5px; background-color: rgba(255,255,255,.5); border-radius: 50%; z-index: 1111; cursor: pointer;}
.banner .active{background: rgba(255,255,255,1)}
/***************************************************************************/