@charset "gb2312";
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea,th,td,div,input{margin:0;padding:0;word-wrap:break-word;}
body,html,input{font:12px "Microsoft Yahei",arial,\5b8b\4f53,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
h1{font-size:34px;}h2{font-size:24px;}h3{font-size:18px;}h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}
ul,ol,li{list-style:none;}
img{margin: 0;padding: 0;border: none;}
a{text-decoration: none;color: #da0e09;}
a:hover{text-decoration: underline;color: #da0e09;}
body{width: 100%;}
.ov{overflow: hidden;width: 100%;height: 100%;}

.cover{margin: 0 auto;-webkit-perspective: 1300px;perspective: 1300px;width: 100%;height: 100%;background: #f4edcd;position: fixed;left: 0;top: 0;right: 0;bottom: 0;overflow: hidden;z-index: 50;}
.shelf{position: relative;width: 526px;height: 250px;border: 5px solid #ede7cc;border-radius: 5px;box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);margin: 200px auto 50px;background: #fbf5d9;}
.window{position: absolute;width: 263px;height: 250px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;box-sizing: border-box;padding: 15px;background-color: #ede7cc;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}
.window.left{border-radius: 0 8px 8px 0;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;-webkit-animation: windowLeft 3.5s ease-out forwards 1s,windowLeftFlap 15s linear infinite forwards 9s;animation: windowLeft 3.5s ease-out forwards 1s,windowLeftFlap 15s linear infinite forwards 9s;-webkit-transform-origin: 0 0 0;transform-origin: 0 0 0;}
.window.right{right: 0;border-radius: 8px 0 0 8px;-webkit-animation: windowRight 3s ease-out forwards 1.5s,windowRightFlap 10s linear infinite forwards 8s;animation: windowRight 3s ease-out forwards 1.5s,windowRightFlap 10s linear infinite forwards 8s;-webkit-transform-origin: 100% 0 0;transform-origin: 100% 0 0;}
.window::before{width: 20px;height: 20px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.2);content: "";}

.book{position: absolute;border-radius: 5px;background-color: #fffbde;color: red;font-size: 18px;cursor: pointer;text-align: center;bottom: 5px;box-shadow: 2px 1px 5px #333;}
.book span{display: inline-block;margin: 5px;width: 5px;}
.think,.owes,.policy{width: 20px;height: 180px;margin-left: 18px;padding: 20px 10px;}
.owes{left: 55px;}
.policy{left: 125px;transform: rotate(-10deg);-webkit-transform: rotate(-10deg);}
.tech,.compare,.moral{width: 200px;height: 20px;padding: 10px 20px;right: 20px;bottom: 6px;}
.compare{bottom: 53px;right: 50px;}
.moral{bottom: 99px;right: 10px;}

.shine{position: absolute;right: 108px;top: 6px;background: url(../images/flag.gif) no-repeat;width: 170px;height: 110px;background-size: cover;}

.title{text-align: center;color: red;}
.title h1{font-size: 60px;font-weight: 600;animation: title 1s ease-out forwards 3.5s;opacity: 0;-webkit-animation: title 1s ease-out forwards 3.5s;}
.title p{font-size: 16px;margin-top: 20px;}

.wrap{width: 100%;min-width: 1110px;background: url(../images/banner.jpg) top center no-repeat;overflow: hidden;}
.wrap .nav{width: 1110px;margin: 11px auto 0;height: 60px;overflow: hidden;}
.wrap .nav .logo{float: left;}
.wrap .navLsit{float: right;overflow: hidden;height: 49px;line-height: 46px;margin-right: 15px;}
.wrap .navLsit ul li{float: left;margin-left: 55px;font-size: 23px;}

.wrap .objMove{position: relative;height: 465px;width: 1110px;margin: 0 auto;overflow: hidden;}
.wrap .objMove .sub_title{position: absolute;background: url(../images/sub_title.png);width: 0px;height: 54px;left: 270px;top:219px;}
.wrap .objMove .pen{position: absolute;background: url(../images/pen.png);width: 208px;height: 103px;left: 333px;top: 174px;}
.wrap .objMove .dcm{position: absolute;background: url(../images/dcm.png);width: 194px;height: 127px;left: 0px;bottom: 0;background-size: cover;opacity: 0;}

.wrap .objMove.on .sub_title{animation: width 1s linear forwards;-webkit-animation: width 1s linear forwards;}
.wrap .objMove.on .pen{animation: left 1s linear forwards;-webkit-animation: left 1s linear forwards;}
.wrap .objMove.on .dcm{animation: dcm 1s linear forwards 1s;-webkit-animation: dcm 1s linear forwards 1s;}

.wrap .news{overflow: hidden;margin: 35px auto;width: 1110px;}
.wrap .news .col_l{float: left;width: 200px;padding-top: 7px;overflow: hidden;}
.wrap .news .col_c{float: left;width: 630px;margin-left: 40px;}
.wrap .news .col_r{float: right;width: 200px;padding-top: 7px;overflow: hidden;}
.wrap .news .col_bar{font-size: 22px;border-bottom: 1px solid #dadada;padding-bottom: 8px;margin-bottom: 25px;}

.wrap .news .col_l .exam_con{text-align: center;width: 200px;overflow: hidden;}
.wrap .news .col_l .exam_con ul{height: 200px;}
.wrap .news .col_l .exam_con ul li{width: 200px;height: 200px;overflow: hidden;margin-bottom: 15px;position: relative;float: left;}
.wrap .news .col_l .exam_con ul img{width: 180px;height: 200px;}
.wrap .news .col_l .exam_con ul li span{position: absolute;display: block;left: 10px;bottom: 0;height: 30px;width: 160px;background: rgba(0,0,0,.6);color: #fff;line-height: 18px;text-align: center;padding: 10px 10px;font-family: "ËÎÌå";}
.wrap .news .col_l .exam_Nav{text-align: center;overflow: hidden;margin-bottom: 15px;}
.wrap .news .col_l .exam_Nav ul li{width: 6px;height: 6px;border-radius: 6px;background: #efeacd;display: inline-block;margin:0 5px;vertical-align:top;cursor:pointer;}
.wrap .news .col_l .exam_Nav ul li.on{width: 20px;background: #da0e09;transition: 1s;-webkit-transition: 1s;}

.wrap .news .col_l .practice .col_con{height: 260px;overflow: hidden;}
.wrap .news .col_con ul li{line-height: 22px;margin-bottom: 20px;overflow: hidden;}
.wrap .news .col_con ul li a{color: #000;font-family: "ËÎÌå";}
.wrap .news .col_con ul li a:hover,.wrap .news .col_c .cousre .article a:hover,.wrap .news .col_c .on_spot ul li a:hover{color: #da0e09;}
.wrap .news .col_con ul li a span{display: block;color: #da0e09;}

.wrap .news .col_c .hot_new{width: 630px;overflow: hidden;box-shadow: 1px 1px 5px #969696;height: 165px;border-radius: 5px;border-top: 1px solid #ccc9bd;padding-top: 5px;position: relative;margin-bottom: 30px;}
.wrap .news .col_c .hot_new .col_bar a,.wrap .news .col_c .cousre .col_bar a,.wrap .news .col_c .on_spot .col_bar a{display: inline-block;margin-left: 10px;}
.wrap .news .col_c .hot_new .hot_list{width: 608px;margin-left: 11px;margin-top: -4px;height: 88px;overflow: hidden;}
.wrap .news .col_c .hot_new .hot_list ul{height: 88px;overflow: hidden;}
.wrap .news .col_c .hot_new .hot_list ul li{float: left;width: 608px;}
.wrap .news .col_c .hot_new .hot_list h3,.wrap .news .col_c .on_spot .spot_title h3{font-weight: 500;margin-bottom: 12px;}
.wrap .news .col_c .hot_new .hot_list p{line-height: 26px;font-family: "ËÎÌå";text-indent: 2em;overflow: hidden;height: 52px;}
.wrap .news .col_c .hot_new .hot_Nav{position: absolute;right: 15px;top: 15px;overflow: hidden;}
.wrap .news .col_c .hot_new .hot_Nav ul li{float: left;margin-left: 15px;width: 16px;height: 16px;color: #959595;text-align: center;line-height: 16px;}
.wrap .news .col_c .hot_new .hot_Nav ul li.on{color: #fff;background: #da0e09;border-radius: 5px;}

.wrap .news .col_c .on_spot{width: 630px;overflow: hidden;margin-bottom: 24px;}
.wrap .news .col_c .spot_con{width: 608px;padding: 0 11px;overflow: hidden;}
.wrap .news .col_c .on_spot ul{width: 670px;}
.wrap .news .col_c .on_spot ul li{float: left;margin-right: 40px;width: 284px;line-height: 32px;overflow: hidden;height: 36px;font-family: "ËÎÌå";}
.wrap .news .col_c .on_spot ul li a{color: #000;}
.wrap .news .col_c .on_spot .spot_title p{margin-bottom: 20px;line-height: 24px;text-indent: 2em;height: 48px;overflow: hidden;}

.wrap .news .col_c .cousre{height: 790px;}
.wrap .news .col_c .cousre .col_bar{border-bottom: none;margin-bottom: 15px;}
.wrap .news .col_c .cousre .cousre_con{overflow: hidden;box-shadow: 1px 1px 5px #969696;border-radius: 5px;font-size: 14px;padding-bottom: 20px;}
.wrap .news .col_c .cousre .cousre_bar{height: 45px;background: #efeacd;border-radius: 5px 5px 0 0;overflow: hidden;line-height: 45px;color: #806262;}
.wrap .news .col_c .cousre .catalog{float: left;width: 186px;padding-left: 12px;padding-right: 12px;}
.wrap .news .col_c .cousre .keyword{float: left;width: 160px;}
.wrap .news .col_c .cousre .article{float: right;width: 206px;padding-left: 12px;padding-right: 12px;}
.wrap .news .col_c .cousre .article a{color: #000;}

.wrap .news .col_c .cousre .cousre_list ul li{height: 80px;padding-top: 30px;border-bottom: 1px solid #efeacd;}
.wrap .news .col_c .cousre .cousre_list ul li .catalog{font-size: 18px;color: #da0e09;padding-top: 6px;}
.wrap .news .col_c .cousre .cousre_list ul li .keyword,.wrap .news .col_c .cousre .cousre_list ul li .article{line-height: 28px;}
.wrap .news .col_c .cousre .cousre_list ul li .keyword{color: #666;}
.wrap .news .col_c .cousre .cousre_list ul li:nth-of-type(6){border-bottom:none;}

.wrap .news .col_r .reference{margin-bottom: 25px;}
.wrap .news .col_r .reference .col_con ul li{background: url(../images/book_btn.png) left 3px no-repeat;padding-left: 20px;background-size: 15px 16px;margin-bottom: 10px;}

.wrap .news .col_r .recommend_con .col_con ul li a{font-size: 16px;font-family: "΢ÈíÑźÚ";display: block;margin-bottom: 15px;}
.wrap .news .col_r .recommend_con .col_con ul li span{color: #da0e09;}


.wrap .footer{text-align: center;width: 1110px;margin: 0 auto 10px;}
.wrap .footer p{line-height: 22px;font-family: "ËÎÌå";}

@-webkit-keyframes windowLeft {
  60% {-webkit-transform: rotateY(-115deg);transform: rotateY(-115deg)}
  100% {-webkit-transform: rotateY(-110deg);transform: rotateY(-110deg)}
}
@keyframes windowLeft {
  60% {-webkit-transform: rotateY(-115deg);transform: rotateY(-115deg)}
  100% {-webkit-transform: rotateY(-110deg);transform: rotateY(-110deg)}
}

@-webkit-keyframes windowLeftFlap {
  0% { -webkit-transform: rotateY(-110deg); transform: rotateY(-110deg)}
  5% {-webkit-transform: rotateY(-115deg);transform: rotateY(-115deg)}
  15% {-webkit-transform: rotateY(-107deg);transform: rotateY(-107deg)}
  25% {-webkit-transform: rotateY(-113deg);transform: rotateY(-113deg)}
  30% {-webkit-transform: rotateY(-110deg);transform: rotateY(-110deg)}
  100% {-webkit-transform: rotateY(-110deg);transform: rotateY(-110deg)}
}
@keyframes windowLeftFlap {
  0% { -webkit-transform: rotateY(-110deg); transform: rotateY(-110deg)}
  5% {-webkit-transform: rotateY(-115deg);transform: rotateY(-115deg)}
  15% {-webkit-transform: rotateY(-107deg);transform: rotateY(-107deg)}
  25% {-webkit-transform: rotateY(-113deg);transform: rotateY(-113deg)}
  30% {-webkit-transform: rotateY(-110deg);transform: rotateY(-110deg)}
  100% {-webkit-transform: rotateY(-110deg);transform: rotateY(-110deg)}
}

@-webkit-keyframes windowRight {
  60% {-webkit-transform: rotateY(125deg);transform: rotateY(125deg)}
  100% {-webkit-transform: rotateY(120deg);transform: rotateY(120deg)}
}
@keyframes windowRight {
  60% {-webkit-transform: rotateY(125deg);transform: rotateY(125deg)}
  100% {-webkit-transform: rotateY(120deg);transform: rotateY(120deg)}
}
@-webkit-keyframes windowRightFlap {
  0% { -webkit-transform: rotateY(120deg); transform: rotateY(120deg)}
  5% {-webkit-transform: rotateY(125deg);transform: rotateY(125deg)}
  15% {-webkit-transform: rotateY(117deg);transform: rotateY(117deg)}
  25% {-webkit-transform: rotateY(123deg);transform: rotateY(123deg)}
  30% {-webkit-transform: rotateY(120deg);transform: rotateY(120deg)}
  100% {-webkit-transform: rotateY(120deg);transform: rotateY(120deg)}
}
@keyframes windowRightFlap {
  0% { -webkit-transform: rotateY(120deg); transform: rotateY(120deg)}
  5% {-webkit-transform: rotateY(125deg);transform: rotateY(125deg)}
  15% {-webkit-transform: rotateY(117deg);transform: rotateY(117deg)}
  25% {-webkit-transform: rotateY(123deg);transform: rotateY(123deg)}
  30% {-webkit-transform: rotateY(120deg);transform: rotateY(120deg)}
  100% {-webkit-transform: rotateY(120deg);transform: rotateY(120deg)}
}

@-webkit-keyframes title {
    0% {
        -webkit-transform: scale(3);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes title {
    0% {
        transform: scale(3);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes width {
    0% {width: 0;}
    100% {width: 566px;}
}

@keyframes width {
    0% {width: 0;}
    100% {width: 566px;}
}

@-webkit-keyframes left {
    0% {left: 333px;}
    100% {left: 840px;}
}

@keyframes left {
    0% {left: 333px;}
    100% {left: 840px;}
}

@-webkit-keyframes dcm {
    0% {left: 0px;opacity: 1;}
    100% {left: 295px;opacity: 1;}
}

@keyframes dcm {
    0% {left: 0px;opacity: 1;}
    100% {left: 295px;opacity: 1;}
}