@charset "utf-8";

#box1 { padding:60px 0 30px;}

#box2 { padding-bottom:290px; background:url(../images/about_qyln_bg.jpg) repeat-x center bottom;}
#box2 .main_width { position:relative; height:450px; background:#e4e3e1 url(../images/about_qyln_bg2.png) no-repeat center bottom; overflow:hidden;}
#box2 .main_width .list { position:absolute; left:0; top:0; height:100%;}
#box2 .main_width .li { position:relative; float:left; height:100%; border-right:1px solid #faf9f7; overflow:hidden; cursor:pointer; transition:all .5s;}
#box2 .main_width .li.sel { background:#e37c4e;}
#box2 .main_width .li >div { position:absolute; left:0; top:0; width:100%; height:200%;}
#box2 .main_width .li .one { position:absolute; left:50%; top:25%; margin:-100px 0 0 -100px; width:200px; text-align:center;}
#box2 .main_width .li .one h3 { font-weight:normal; font-size:16px; color:#e37c4e;}
#box2 .main_width .li .one hr { width:50px; height:1px; border:0; background:#fff;}
#box2 .main_width .li .one p { font-size:18px;}
#box2 .main_width .li.sel >div * { color:#fff;}
#box2 .main_width .li .two { position:absolute; left:50%; top:75%; margin:-100px 0 0 -190px; width:380px; text-align:justify;}
#box2 .main_width .li .two h1 { font-weight:normal; font-size:22px;}
#box2 .main_width .li .two hr { height:1px; border:0; background:#f4cbb8;}
#box2 .main_width .li .two p { line-height:24px; font-size:12px;}