@charset "utf-8";
/* CSS Document */
body,html {margin:0; padding:0; color: #7a6a56;  font:12px/180% "微软雅黑","Helvetica Neue", Arial, Helvetica, sans-serif;}
*{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
body{width:100%; background-color:#fff;}
body a{outline:none; blr:expression(this.onFocus=this.blur());}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0; list-style:none;}
li {list-style: none; vertical-align: bottom;}
img {border: none; display: block;}
em,i {font-style: normal;}
a{text-decoration:none; color: #555; }
a:hover{ color: #0099fe !important;}
.disable {display: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content:""; height:0; display:block; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
* +html .clearfix {height:1%;}
.clearfix {display:block; clear:both;}
input,textarea{ resize:none; font-family:"微软雅黑"; outline:none;}
button{ font-family:"Arial"; outline: none;}
select{height:22px; line-height:18px; padding:2px 0; outline:none;}

.wrapper{ width: 1000px; margin: 0 auto;}

/*头部*/
.header{ position: relative; min-width:1000px; height: 181px; background: url(../images/icon-bg2-hlg.jpg) no-repeat center top;}
.header .wrapper{ padding-top: 25px;}
.logo{ display:block; width: 76px; margin: 0 auto;}
.header .code{ display:block; position: absolute; right: 15px; top: 15px;}

/*第一屏幕*/
.index_first{ padding: 10px 0; background: url(../images/img_01.jpg) repeat;}
.index_first .left{ width: 425px; float: left; overflow: hidden;}
.index_first .right{ width: 445px; float: right; overflow: hidden;}

.see{ position:relative; overflow: hidden;}
.see img{ width: 100%;}
.see .btn{ display:block; position: absolute;}
.see .resiger{ width: 81px; height: 28px; right: 92px; top: 17px;}
.see .login{ width:68px; height: 22px; right: 0; top: 19px;}
.see div{ position: absolute;  left: 0; bottom: 0; right: 0; padding: 0 19px 10px; font-size: 14px; color: #837a66; line-height: 19px;}
.see div p{ text-indent: 2em;}

.index_zz{ margin-top: 25px;}
.index_zz img{ float:left; width: 178px; margin-right: 16px;}
.index_zz p{ font-size: 13px; line-height: 20px; overflow: hidden;}

.video{ margin-top: 25px; overflow: hidden;}

.video01{ margin-top: 19px;}

.leader{ margin-top: 15px;}
.leader img{ margin-right: 35px; float:left; width: 175px;}
.leader span{ display:block; font-size: 16px; line-height: 25px;}
.leader span b{ font-size: 22px; font-weight: normal; letter-spacing: 2px; padding-left: 1em;}
.leader p{ overflow: hidden; font-size: 14px; color: #7a6a56; line-height: 23px; text-indent: 3.5em;}

/*第二屏幕*/
.sec{ padding:10px 0 20px; background: url(../images/img_02.jpg) repeat;}
.sec .left{ float: left; width: 445px; overflow: hidden;}
.sec .right{ float:right; width: 487px; overflow: hidden;}

.free_study{ padding-top:10px; position: relative;}
.free_study .f_login{ display:block; margin: 0 auto; width: 209px; overflow: hidden;}
.free_study b{ display:block; font-size: 18px; font-weight: normal; line-height: 40px; color: #837a66; padding-top: 8px;}
.free_study p{ font-size: 14px; line-height: 22px; color: #837a66;}
.free_study .l_name{ position:absolute; right: 0;top: 25px;}

.success{ margin-top: 15px; padding: 5px 0 6px 5px; background-color: #d1c0ab; font-size: 14px; color: #837a65; line-height: 20px;}
.success p{ padding-left: 5px;}
.success b{ display:block; font-weight: normal; font-size: 17px; line-height: 22px;}

.yjy{ margin-top: 50px;}
.yjy_intro{ margin-top: 32px;}
.yjy_intro b{ display:block; position: relative; float: left; text-align: center; font-size: 18px; line-height: 108px; font-weight: normal; color: #837a66; width:147px; margin-right: 17px;}
.yjy_intro b::before,.yjy_intro b::after{content: ''; position: absolute; width: 30px; height: 1px;background-color: #c7bfb1;-webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -ms-transform: rotate(-40deg); -o-transform: rotate(-40deg); transform: rotate(-40deg);}
.yjy_intro b::before{left:54%;top: 25px;}
.yjy_intro b::after{left:15%;bottom:27px;}
.yjy_intro b em{ position: absolute; font-size: 14px; right: 30px; top: 20px;}
.yjy_intro p{ font-size: 15px; color: #837a66; line-height: 32px; padding-top: 15px; overflow: hidden;}

.scroll{ padding:10px; margin-top: 30px; background-color: #d0c0aa; overflow: hidden;}
.scroll bd{ overflow:hidden;}
.scroll li{ float:left; width: 58px; height: 90px; margin-right: 8px; cursor: pointer;}

/*第三屏幕*/
.three{ padding: 30px 0 0; background: url(../images/img_01.jpg) repeat;}
.ax{ padding-top: 75px; padding-bottom: 110px; position: relative;}
.ax img{ margin: 0 auto;}
.ax .txt{ display:block; position: absolute; writing-mode:tb-rl; font-size: 24px; line-height: 26px; color: #837a66;}
.ax .txt p{ padding-left: 25px;}
.ax .txt01{ left:50%; margin-left: 230px; top: 70px;}
.ax .txt02{ right:50%; margin-right: 230px; top: 230px;}
.ax a{ display:block; position: absolute; left: 50%; margin-left: 200px; top: 390px;}