@charset "UTF-8";
html,body,div,ol,ul,li,ol,h1,h2,h3,h4,p,dl,dt,dd,form,a,input,textarea,select,label,img {margin: 0;padding: 0;font-weight: normal;}
body,button,input,select,textarea {font-family:  "微软雅黑","华文黑体","黑体",'PingHei','Helvetica', 'STHeitiSC-Light', 'Arial',courier, sans-serif;font-size: 14px;}
body {color: #333;background: #fff;min-width: 320px;}
a{text-decoration: none;color: #333;}
a:hover {text-decoration: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;color: #ff7700;}
a:focus {-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;text-decoration: none;}
img {border: 0;vertical-align: top;}
ul,ol,li {list-style: none;}
a,a:focus,input,input:focus {outline: none;}

/*返回顶部*/
.cbbfixed {
  position: fixed;
  transition: bottom ease .3s;
  bottom: 70px;
  right: -85px;
  z-index: 3;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.cbbfixed .cbbtn {width: 36px;height: 36px;display: block;background-color: #ff7700;}
.cbbfixed .gotop {transition: background-color ease 0.3s;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.cbbfixed .gotop .up-icon {float: left;margin: 12px 0 0 6px;width: 23px;height: 12px;background: url(../images/side-icon02.png);}
.cbbfixed .gotop:hover {background-color: #ff7700;}

.main{max-width: 750px; margin: auto;background: #f2f2f2; height: 100% !important;}
.main img{display: block; height: auto; max-width: 100%;}
.banner{position: relative;}
.banner_text{position: absolute; bottom: 20%; width: 100%; text-align: center; font-size: 18px; line-height: 32px; color: #fff;}
.banner_text span{color: #ffff00; padding-right: 12px;}
.nav{position: relative; background:url(../images/nav_bg.jpg); height: 40px;}
.nav ul{text-align: right; padding-right: 120px;}
.nav li{display: inline-block; color: #fff; line-height: 30px; padding-left: 15px;}
.nav li a{color: #fff;font-size: 18px;}
#bt{color: #fff;font-size: 18px;line-height: 30px;}
#bt img{height: 24px;display: inline-block; vertical-align: middle;}
#bt{position: absolute; right: 15px; top: 0px; display: block;cursor:pointer;}
#thediv{position: absolute;top: 40px;text-align: center;width: 100%;background-color: #fff;padding: 20px 0px; border-bottom: 1px solid #ccc;}
#thediv ul{padding: 0px;}
#thediv li{width: 30%; float: left; margin-right: 5%; text-align: center; display: block; color: #333; padding: 0px;}
#thediv li:last-child{margin-right: 0px;}
#thediv li img{margin: auto; height: 36px;}
#thediv li a{color: #333;}
#thediv:after {
	content: ' ';
  border: 10px solid transparent;
  border-bottom: 6px solid #fff;
  width: 0;
  height: 0;
  position: absolute;
  top: -16px;
  right: 30px;
}
  
.main_box{padding: 15px 15px;}
.tiezi{background: #fff; border-radius: 9px; font-size: 16px; color: #666; margin-bottom: 15px; overflow: hidden;}
.tiezi01{padding: 15px;}
.tiezi01 img{border-radius: 9px;}
.tiezi:last-child{margin-bottom: 0px !important;}
.tiezi01 h1{line-height: 32px; color: #333; height: 32px; overflow: hidden; margin-bottom: 10px; font-size: 16px; font-weight: bold;}
.tiezi01 dl{overflow: hidden;}
.tiezi01 dt{width: 40%; padding-right: 2%; display: inline-block; vertical-align: middle;}
.tiezi01 dd{width: 56%; display: inline-block; vertical-align: middle;}
.tiezi_text{line-height: 32px; height: 160px; overflow: hidden; display: block;}
.tiezi_sanh{height: 96px !important;}
.tiezi_button{text-align: right;}
.tiezi_a{padding: 0px 10px; margin-top: 10px; line-height: 24px; height: 24px; border-radius: 12px; border: 1px solid #ff7700; text-align: center; display: inline-block; overflow: hidden;}
.tiezi_a:last-child{background: #ff7700;margin-right: 0px;}
.tiezi_a a{color: #1a477e;}
.tiezi_a:last-child a{color: #fff;}
.tiezi_left{text-align: left;}
.tiezi_suojin{text-indent: 2em;}
.tiezi_h1{background: #fff; line-height: 40px; font-size: 18px; border-bottom: 1px solid #ff7700; color: #000; font-weight: 600;}
.tiezi_h1 img{display: inline-block; vertical-align: middle; height: 24px; margin-right: 8px; margin-left: 12px; margin-top: -4px;}
.tiezi_xian{height: 1px; background: #eee; margin: 0px 15px;}
.tiezi_libiao{margin: 15px;}
.tiezi_libiao li{overflow: hidden; margin-bottom: 10px;line-height: 36px; height: 36px;}
.tiezi_libiao a{color: #333; display: block;overflow: hidden;line-height: 36px; height: 36px;}
.tiezi_icon{background:url(../images/llph_bg04.png) left center no-repeat; margin-right: 10px; width: 22px; color: #fff; font-family: arial; font-weight: bold; display: inline-block; text-align: center;}
.tiezi_libiao li:nth-child(1) .tiezi_icon{background:url(../images/llph_bg01.png) left center no-repeat;}
.tiezi_libiao li:nth-child(2) .tiezi_icon{background:url(../images/llph_bg02.png) left center no-repeat;}
.tiezi_libiao li:nth-child(3) .tiezi_icon{background:url(../images/llph_bg03.png) left center no-repeat;}
.tiezi_hotpic{overflow: hidden; margin: 20px 20px 20px 20px;}
.tiezi_hotpic dl{width: 48%; float: left; margin-right: 4%; position: relative;}
.tiezi_hotpic dl:nth-child(2){margin-right: 0px;}
.tiezi_hotpic img{border-radius: 9px;}
.tiezi_hotpic dd{position: absolute; bottom: 0px; background-color:rgba(0,0,0,0.6); width: 100%;border-radius: 0px 0px 9px 9px;}
.tiezi_hotpic dd span{padding: 0px 10px; color: #fff; text-align: center; display: block;line-height: 36px; height: 36px;}

.tiezi_cpzs{overflow: hidden; margin: 20px 20px 20px 20px;}
.tiezi_cpzs dl{width: 48%; float: left; margin-right: 4%;}
.tiezi_cpzs dl:nth-child(2){margin-right: 0px;}
.tiezi_cpzs dt{border: 1px solid#ccc;border-radius: 9px;}
.tiezi_cpzs dt img{border-radius: 9px;}
.tiezi_cpzs dd span{text-align: center; line-height: 24px; height: 24px; display: block; margin-top: 10px;}

.footer{padding: 20px 20px; background: #999; overflow: hidden; font-size: 16px; color: #fff; line-height: 32px;}
.footer_left{width: 80%; float: left; padding-top: 10px;}
.footer_right{width: 16%; float: right;}
.footer a{color: #fff;}
.footer span{display: block;}
@media (max-width:768px){
.nav li a{color: #fff;font-size: 16px;}
#bt{color: #fff;font-size: 16px;line-height: 30px;}
.tiezi{background: #fff; border-radius: 9px; font-size: 14px; color: #666; margin-bottom: 15px; overflow: hidden;}
.tiezi_text{line-height: 24px; height: 96px; overflow: hidden; display: block;}
.tiezi_sanh{height: 72px !important;}
.tiezi_hotpic{overflow: hidden; margin: 20px 10px 20px 10px;}
.tiezi_hotpic dl{width: 49%; float: left; margin-right: 2%; position: relative;}
.tiezi_cpzs{overflow: hidden; margin: 20px 10px 20px 10px;}
.tiezi_cpzs dl{width: 49%; float: left; margin-right: 2%;}
.footer{padding: 20px 15px; background: #999; overflow: hidden; font-size: 12px; color: #fff; line-height: 20px;}
.footer_left{width: 70%; float: right; padding: 0px;}
.footer_right{width: 25%; float: left;}
.footer span{display: block;}

.tiezi_hotpic dd span{padding: 0px 10px; color: #fff; text-align: center; display: block;line-height: 22px; height: 44px;}
.tiezi_cpzs dd span{text-align: center; line-height: 22px; height: 44px; display: block; margin-top: 10px;}
}