*{ margin:0; padding:0; }
body{ font-family:'Microsoft YaHei' Arial ; font-size: 12px; color:#222; background:#e9e5f3;  }
div{ display:block; }
img{ border:none; }
ul,li{ list-style:none; }
a,a:active,a:link{ text-decoration:none; color:#222; }
a:hover{ color:#880000;  }
.head{ width:100%; text-align:center; position:relative; background:#fbfbfb; z-index:9999; display:none; }
.head .content{ height:90px; width:980px; margin:0px auto; position:relative; }
.head .logo{ margin:12px 0px; text-align:left; width:502px; height:65px; float:left; }
.head .nav{ height:45px; width:100%; background:#6846be; position:relative; text-align:center; z-index:1 }
.head .nav-bar{ width:980px; margin:0px auto; height:45px; }
.head .nav-bar li{ float:left; margin:15px 50px; height:15px; }
.head .nav-bar li a{ line-height:15px; font-size:14px; font-weight:500; text-align:center; display:inline-block; color:#fff; }
.head .nav-bar li a:hover{ color:#ef6537; }
.head .focus{ position:absolute; width:230px; height:60px; top:15px; right:0px; background:#fbfbfb; text-align:left; cursor:pointer; }
.head .focus .text{ display:block; float:left; height:25px; width:70px; line-height:25px; margin:17px 0px; padding-left:20px; }
.head .focus .icons{ display:block; float:left; height:25px; width:30px; margin:17px auto; background:url(../img/head_icons.png) no-repeat; }
.head .focus .wixin{ background-position:0px 0px; margin-left:10px; }
.head .focus .wibo{ background-position:-40px 0px; margin-left:10px; }
.wixin-code{ position:absolute; width:195px; height:215px; top:-20px; right:10px; background:url(../img/index_wixin_code.jpg); z-index:9999; display:none; }
.wixin-code1{ position:absolute; width:195px; height:215px; top:-20px; right:-25px; background:url(../img/index_wixin_code1.jpg); z-index:9999; display:none; }
.main{ width:100%; text-align:center; position:relative; }
.main .focus { width:100%; background:#0053a9; text-align:center; }
.main .focus .item{ width:980px; height:400px; margin:0px auto; overflow:hidden; }
.main .focus .item img{ width:100%; }
.main .top-bg{ width:980px; height:300px; position:absolute; top:0px; left:0px; z-index:-1; }
.main .top-bg .bg-1{ width:352px; height:300px; position:absolute; top:0px; left:-20px; background:url(../img/body_bg_1.jpg) no-repeat; }
.main .bottom-bg{ width:980px; height:300px; position:absolute; bottom:0px; left:0px; z-index:-1; }
.main .bottom-bg .bg-2{ width:298px; height:150px; position:absolute; left:-20px; bottom:0px; background:url(../img/body_bg_2.jpg) no-repeat; }
.main .bottom-bg .bg-3{ width:178px; height:200px; position:absolute; right:-20px; bottom:100px; background:url(../img/body_bg_3.jpg) no-repeat; }
.main .content{ min-height:500px; width:980px;  margin:0px auto;  position:relative; text-align:left; }
.footer{ width:100%; text-align:center; position:relative; background:#d3d3d3; }
.footer .nav { width:980px; height:15px; text-align:left; margin:0px auto; line-height:15px; font-size:14px; padding:15px 0px; }
.footer .nav a{ line-height:15px; font-size:14px; font-weight:500; text-align:center; display:inline-block; }
.footer .nav a:hover::after{ color:#ef6537; }
.footer .nav .split{ display:inline-block; padding:0px 5px; }
.footer .content{ height:105px; width:100%; margin:0px auto; overflow:hidden; background:#939393; }
.footer .content .text{ width:980px;  color:#fff; line-height:25px; height:55px; margin:25px auto; text-align:center; font-size:14px; font-weight:400; }
.cimg{ margin:0px auto; display:block; }


/*图形*/
.lingxing{ border-color: #e54108; border-style: solid; border-width: 5px; width: 0; height: 0; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform: rotate(45deg);  transform:rotate(45deg); }
.lingxing-b{border-color: #0d8dca; border-style: solid; border-width: 6px; width: 0; height: 0; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform: rotate(45deg);  transform:rotate(45deg); display:inline-block; line-height:13px; }
.triangle{  border-color: #6136a1 #e9e5f3 #e9e5f3 #e9e5f3; border-style: solid; border-width: 30px; width: 0;height: 0; }

/*字体*/
.main .content h1{ color:#000; font-size:25px; text-align:center; font-weight:bold; }
.h{ color:#000; font-size:25px; text-align:center; height:60px; line-height:60px; display:block; width:100%; background:#a37afe; background:rgba(163,122,253,0.8); vertical-align:middle; color:#fff; }
.h1{ color:#000; font-size:25px; text-align:center; position:relative; font-weight:bold;  width:100%; }
.main .content .text{ width:90%;  line-height:30px; margin:20px auto 0px auto; text-align:left; font-size:14px; padding-bottom:40px; }
.main .content .text p{ text-indent:2em; }
.main .content h2{ color:#000; font-size:14px; font-weight:bold; margin-left:5px; display:block; vertical-align:middle; height:30px; line-height:30px; }
.main .content h3{ color:#000; font-size:16px; font-weight:bold; text-indent:1.8em; margin-bottom:20px; }

/*浮动*/
.fl{ float:left; }
.fr{ float:right; }

/*边距*/
.mr-5{ margin-right:5px; }
.mr-10{ margin-right:10px; }
.mr-15{ margin-right:15px; }
.ml-5{ margin-left:5px; }
.ml-7{ margin-left:7px; }
.ml-10{ margin-left:10px; }
.ml-15{ margin-left:15px; }

/*边框*/
.hr{ height:34px; width:100%; }
.hr .line{ height:4px; background:#6136a1; width:100%; }
.hr .arrow{ width:30px; height:15px; margin:0px auto; }

/*宽度*/
.w100{ width:100%; }

/*照片*/
.photo{ height:400px; width:100%; overflow:hidden }
.photo .arrow{ width:142px; height:400px; position:relative; cursor:pointer; }
.photo .arrow .right-1{ position:absolute; left:36px; top:164px; border-color:#e9e5f3 #d4d4d4 #e9e5f3 #e9e5f3; border-style:solid; border-width:35px; width:0px; height:0px; }
.photo .arrow .right-2{ position:absolute; left:40px; top:164px; border-color:transparent #e9e5f3 transparent transparent; border-style:solid; border-width:35px; width:0px; height:0px; }
.photo .arrow .left-1{ position:absolute; right:36px; top:164px; border-color:#e9e5f3 #e9e5f3 #e9e5f3 #d4d4d4; border-style:solid; border-width:35px; width:0px; height:0px; }
.photo .arrow .left-2{ position:absolute; right:40px; top:164px; border-color:transparent transparent transparent #e9e5f3; border-style:solid; border-width:35px; width:0px; height:0px; }
.photo .img{ width:696px; height:400px; overflow:hidden; vertical-align:middle; display: table-cell; position:relative; }
.photo .img img{ vertical-align:middle; }
.photo .img .loading{ width:32px; height:32px; position:absolute; top:50%; left:50%; }
.hide{ display:none; }
.page{ height:30px; font-size:12px; color:#fff; line-height:30px; width:50px; background-color:#000;  background-color:rgba(0,0,0,0.8); position:absolute; left:323px; bottom:10px; text-align:center; }

/*视频*/
.vedio{ width:820px; height:500px; background:#000; margin:0px auto; }

/*标题边线*/
.line-l{ height:1px; width:80px; background:#ccc; position:absolute; top:50%; left:35%; }
.line-r{ height:1px; width:80px; background:#ccc; position:absolute; top:50%; right:35%; }

/*小标题*/
.h4{ color:#000; font-size:14px; font-weight:600; position:relative; padding-left:20px;  }
.icircle{ background:url(../img/icircle.png) no-repeat; height:11px; width:12px; position:absolute; top:29%; left:0px; }

/*书本样式*/
.book{
    width:617px;
    height:739px;
    margin:20px auto;
}
.book-left{ 
    float:left;
    width:573px; 
    height:739px;
    background:url(../img/book/book-color_01.jpg) no-repeat;
}
.book-cnt{
    margin-top:160px;
    margin-left:80px;
}
.book-right{
    float:left;
    width:44px;
    height:739px;
}
.book-right a{ display:block; text-decoration:none; }
.book-top{ 
    width:44px;
    height:32px;
    background:url(../img/book/book-color_02.jpg);    
}
.book-bottom{ 
    width:43px;
    height:34px;
    background:url(../img/book/book-color_10.jpg);
}
.color-1{
    width:43px;
    height:91px;
    background:url(../img/book/book-color_03.jpg);
    cursor:pointer;
}
.color-2{
    width:43px;
    height:98px;
    background:url(../img/book/book-color_04.jpg);
    cursor:pointer;
}
.color-3{
    width:43px;
    height:95px;
    background:url(../img/book/book-color_05.jpg);
    cursor:pointer;
}
.color-4{
    width:43px;
    height:96px;
    background:url(../img/book/book-color_06.jpg);
    cursor:pointer;
}
.color-5{
    width:43px;
    height:96px;
    background:url(../img/book/book-color_07.jpg);
    cursor:pointer;
}
.color-6{
    width:43px;
    height:95px;
    background:url(../img/book/book-color_08.jpg);
    cursor:pointer;
}
.color-7{
    width:43px;
    height:102px;
    background:url(../img/book/book-color_09.jpg);
    cursor:pointer;
}
.grey-1{
    width:43px;
    height:91px;
    background:url(../img/book/book-grey_03.jpg);
    cursor:pointer;
}
.grey-2{
    width:43px;
    height:98px;
    background:url(../img/book/book-grey_04.jpg);
    cursor:pointer;
}
.grey-3{
    width:43px;
    height:95px;
    background:url(../img/book/book-grey_05.jpg);
    cursor:pointer;
}
.grey-4{
    width:43px;
    height:96px;
    background:url(../img/book/book-grey_06.jpg);
    cursor:pointer;
}
.grey-5{
    width:43px;
    height:96px;
    background:url(../img/book/book-grey_07.jpg);
    cursor:pointer;
}
.grey-6{
    width:43px;
    height:95px;
    background:url(../img/book/book-grey_08.jpg);
    cursor:pointer;
}
.grey-7{
    width:43px;
    height:102px;
    background:url(../img/book/book-grey_09.jpg);
    cursor:pointer;
}