﻿/* layout */

/*----------all */
html,body{ font-size: 100%; width:100%;font-family:\5FAE\8F6F\96C5\9ED1;}
body{-webkit-tap-highlight-color:rgba(255,255,255,0);max-width:640px; min-width:320px;margin:0 auto;background-color: #ecedee;font-size: 16px;}
img{ display: block; width: 100%;vertical-align:top;}
a{color: #000}
/*----------top*/
.ft_top{position: relative; width: 100%; z-index: 50;}
.ft_menu_con p{width: 100%; height: 4em;line-height: 4em;  border-top: solid 1px #2b2b2b; text-align: center;}
.ft_menu_con p a{display: block; width: 100%;height: 100%;color: #fff; z-index:50;}
.ft_logo_lk{display: block;width: 21%;height: 92.8%;position: absolute;left: 0;top: 0; z-index:10;}
.top_down{position: absolute;width: 40%;top: 1rem;right:.5rem}

/*----------main */
.main{min-height: 300px;}

/*----------header*/
#header{position: relative}

/*----------slider*/
.slider{position: relative;overflow: hidden}
.swipe_wrap{ position:absolute;width:100%;left:0;height: 100%}
.swipe_wrap ul{ overflow:hidden;height: 100%}
.swipe_wrap ul li{ width:100%; float:left; position:relative;font-size: .85rem;color: #505050;line-height: 1.9em;height: 100%}
.swipe_wrap ul li p{line-height: 1.6rem}
.swipe_wrap ul li h5{height: 9.2%;position: relative;font-size: 2rem;line-height: 3.8rem;text-align: center;color: #FFF}
.swipe_wrap ul li h6{color: #b18658;font-weight: bold;font-size: .95rem;text-align: center;margin: 2rem 0 1rem 0}
.swipe_wrap ul li img{margin-bottom: 1rem}
.swipe_position{position:absolute;top:78%; width:100%; z-index: 2;}
.swipe_position li{width:11%; float:left;font-size: .75rem;text-align: center}
.swipe_position li.current{color: #b18658}
.swipe_position li i{display:block;width:50%;background:url(../images/slide_num.png) no-repeat;background-size:cover;margin: 0 auto}
.swipe_position li.current i{background-position: 0 bottom}
.cycleTips {position:absolute; bottom: 4%;left:23.2%; width:53.125%; height:6%;animation: icon 2.4s linear infinite;-webkit-animation: icon 2.4s linear infinite;display: block}

/*----------info*/
.info{position: relative}
.info_text{position: absolute;top:9%;color: #d0ab79;line-height: 2em;font-size: .85rem;}
.info_text .txt_fff{margin-top: .8rem}

/*----------fy*/
.fy_title{width: 33.59%;margin: .8rem auto;}
.fy_text{color: #505050;text-indent: 2em;line-height: 2em;margin-bottom: .8rem;}

/*----------slider2*/
.swipe_wrap2{width:100%;overflow: hidden;margin-bottom: 1rem}
.swipe_wrap2 ul{ overflow:hidden;height: 100%}
.swipe_wrap2 ul li{ width:100%; float:left; position:relative;font-size: .85rem;color: #505050;line-height: 1.9em;height: 100%;}
#pos2_1{margin-left: 22%}
.swipe_position2{width:100%; z-index: 2;overflow: hidden;}
.swipe_position2 li{width:5.6%; float:left;font-size: .75rem;text-align: center;background:url(../images/slide_num.png) no-repeat;background-size:cover;margin: 0 .5rem;}
.swipe_position2 li.current{background-position: 0 bottom}

/*----------slider3*/
.swipe_wrap3{width:100%;overflow: hidden;}
.swipe_wrap3 ul{ overflow:hidden;height: 100%}
.swipe_wrap3 ul li{ width:100%; float:left; position:relative;font-size: .85rem;line-height: 1.9em;height: 100%;background-color: #000;color: #969696}
.swipe_wrap3 ul li p{padding: .7rem;}
.swipe_position3{width:100%; z-index: 2;}
.swipe_position3 li{width:25%; float:left;font-size: 1.5rem;text-align: center;background-color: #2a2a2a;color: #979797;padding: .5rem 0;position: relative;}
.swipe_position3 li.current{background-color: #b18658;color: #FFF}
.swipe_position3 li.current .arrow_up{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #b18658;display: block;position: absolute;top:-8px;left: 46%;}


/*----------down*/
.down_btn{display: inline-block;width: 45.78%;margin: 1.5rem 1.7%;}

/*bottom*/
.bottom{position: relative}
.bottom ul{ overflow: hidden; width: 96%;position: absolute;top:55.18%;left: 2%;}
.bottom ul li{ float: left; width: 100%; font-size: 1em; height: 2em; line-height: 2em; background:none left top no-repeat #8a3433; background-size: auto 100%; color: #FFF; margin-bottom: 0.4em; text-indent: 3.5em;}
.bottom ul li.wx{ background-image: url(http://i0.cy.com/tl3d_m/main/20141020/wx.jpg); }
.bottom ul li.sina{ background-image: url(http://i0.cy.com/tl3d_m/main/20141020/sina.jpg); margin-right: 2%;}
.bottom ul li.ten{ background-image: url(http://i0.cy.com/tl3d_m/main/20141020/ten.jpg); width: 49%;}
.bottom ul li.qq{ background-image: url(http://i0.cy.com/tl3d_m/main/20141020/qq.jpg);}
.bottom ul li.gm{ background-image: url(http://i0.cy.com/tl3d_m/main/20141020/gm.jpg);}
.bottom ul li a{ color: #FFF;}
.er_code{position: absolute;width: 25.62%;top:13.37%;left: 6.25%;}
.er_tips{position: absolute;color: #dc4646;top:37.62%;left: 40.62%;font-size: .8em;}
.bot_wx{position: absolute;color: #FFF;top:17.22%;left: 56.71%;font-size: 1.2em;}
.bot_logo{position: absolute;width: 13.59%;top:17.22%;left: 40.71%;}

/*----------font*/
.txt_fff{color: #FFF}