@charset "utf-8";
/*-------------初始化----------------*/
/****  文字大小初始化,使1em=10px *****/
body{font-size:62.5%;}/* for IE/Win */
html>body{font-size:12px;} /* for everything else */
/*字体边框等初始化*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tr,th,td,img{padding:0; margin:0; font-size:12px;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img,input{border:0;}
address,caption,cite,code,dfn,th,var{font-weight:normal; font-style:normal;}
ol,ul,li{list-style:none; vertical-align:top;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{text-decoration:none; outline:none;}
a img{border:none;}/*for IE*/
a:active{star:expression(this.onFocus=this.blur());}/*点击虚框去除*/
/*--------------end------------*/
body{background:#fff; font-size:12px; font-family:'微软雅黑';}
.lm{width: 100%; height: 55px; background: #D72502; position: relative; display: none; z-index:10000;}
.lm .inner{width:1200px; margin:0 auto; overflow: hidden; text-align:center;}
.lm .inner span{display:inline-block; padding-right:20px; font-size:24px;  margin-top:10px; font-weight: bold; color: #FFFC01; letter-spacing: 2px; font-family: "微软雅黑",Arial;}
.lm .inner a{display:inline-block; padding:0 30px; line-height: 28px; text-align: center; font-size: 16px;  color:#fff; border:1px solid #fff; margin-top: 5px; border-radius: 3px;}
.lm .close{position: absolute; display: block; width: 20px; height: 20px; background: url(close.png) no-repeat; right: 10px; top: 15px;}
/*header*/
#head{width:100%; height:379px; position:relative; overflow:hidden;}
#head .shelf{width:1200px; height:379px; margin:0 auto; position:absolute; top: 0;left: 50%; margin-left: -600px;}
#head span{display:block; width:506px; height:36px; background:#FFF; position:absolute; top:236px; left:105px; color:#404040; z-index:100; line-height:36px; text-align:center; font-size:24px; box-shadow:4px 4px 0px #c5c5c5;}
#head img{position:relative; left:50%; margin-left:-960px;}
#head .shelf-ul{width:514px; height:233px; background:url(bookshelf.png) no-repeat center bottom; position:absolute; top:80px; left:655px; color:#404040; z-index:100; text-align:center;}
#head .shelf-ul li{display:inline-block; width:132px; height:178px; background:url(book0_1.png) no-repeat center bottom; padding: 0 20px; cursor:pointer;  transition:all 0.3s ease 0s; background-size:70%;}
#head .shelf-ul .shelf_1{background:url(book0_2.png) no-repeat center bottom; background-size:70%;}
#head .shelf-ul li:hover{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	}
/*顶部热点图切换*/
.hdhot{position:relative;}
.hdhot-pics{height:382px;overflow:hidden;position:relative;font-size:0;}
.hdhot-pics-ul{list-style:none;margin:0;padding:0;position:absolute;top:0;width:100%;}
.hdhot-pics-li{position:relative;}
.hdhot-bar{position:absolute;bottom:0px;height:28px;width:100%;background:rgba(0,0,0,0.2); overflow:hidden;}
.hdhot-bar ul{font-size:0;text-align:center;padding:0;margin:0;margin-top:6px;}
.hdhot-bar li{width:14px;height:14px;background:#fff;display:inline-block;margin:0 5px;border-radius:7px;cursor:pointer;}
.hdhot-bar li.current{background:#FEC165;}
.hdhot-pics-li img{border:0;}

.box{background:#fff; overflow:hidden;}
.box_in{width:1000px; margin:0 auto; overflow:hidden;}
.box h2{font-size:36px; color:#333; text-align:center; padding:40px 0; line-height:58px; position:relative;}
.box .mybtn{ display:block; width:260px; height:48px; line-height:48px; text-align:center; border-radius:5px; background:#C01B1F; font-size:24px; color:#fff; margin:0 auto 30px auto;}
.box .mybtn:hover{background:#D3262A;}
.box1 .b_bg1{height:150px; background:url(box1_bg1.jpg) no-repeat center top;}
.box1 .b_bg2{height:140px; background:url(box1_bg2.jpg) no-repeat center top;}
.box .p_b{font-size:24px; color:#333; text-align:center; height:130px; line-height:130px;}

.box2{background:#f9f9f9; padding-bottom:70px;} 
.tab-box{width:1000px; margin:0 auto;}
.tab-head{width:1000px; height:32px; margin:0 auto;}
.tab-head-div{width:133px; height:30px;float:left;line-height:30px; text-align:center; cursor:pointer; margin-right:11px; color:#495058; font-size:18px;}
.tab-head-div .red{ color:#d21e09;}
.tab-head .current{ color:#d21e09;}
.tab-head-r{margin-right:0; float:right;}
.tab-head-l{ text-align:left;}
.tab-body{clear:both;}

.tab-body-ul{width:1000px; border-top:1px solid #b53c41; display:none; margin-top:20px; position:relative;}
.tab-body-ul:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.tab-body-ul .triangle{width:15px; height:12px; background:url(jiao.jpg) no-repeat; display:inline-block;}
.tab-body-ul .triangle1{ position:absolute; left:29px; top:-12px;}
.tab-body-ul .triangle2{ position:absolute; left:200px; top:-12px;}
.tab-body-ul .triangle3{ position:absolute; left:350px; top:-12px;}
.tab-body-ul .triangle4{ position:absolute; left:490px; top:-12px;}
.tab-body-ul .triangle5{ position:absolute; left:640px; top:-12px;}
.tab-body-ul .triangle6{ position:absolute; left:778px; top:-12px;}
.tab-body-ul .triangle7{ position:absolute; left:930px; top:-12px;}
/*Tab栏内容*/
.tab-body-ul li{width:970px; height:174px; border-bottom:1px dashed #dfdfdf; padding:20px 0 0 30px;}
.tab-body-ul li img{width:120px; height:164px; float:left;}
.tab-body-ul li .txt{width:180px; padding:15px 0 0 20px; float:left; font-size:12px; line-height:21px;}
.tab-body-ul li .txt b{ font-size:14px; font-weight:normal; display:block; margin-bottom:5px;}
.tab-body-ul li .txt span{color:#d21e09;}
.tab-body-ul li .mycon{width:650px; height:160px; float:left; padding-top:14px; }
.tab-body-ul li .mycon p{font-size:12px; line-height:24px; margin-bottom:6px;}
.tab-body-ul li .mycon .btn{ width:295px; height:26px; float:right;}
.tab-body-ul li .mycon .btn a{ display:inline-block; width:114px; height:26px; margin-right:30px; text-align:center; line-height:26px; border-radius:5px; font-size:14px; color:#fff; background:#384149;}
.tab-body-ul li .mycon .btn a:hover{background:#1c2024;}
.tab-body-ul li .mycon .btn .a1{background:#e24230;}
.tab-body-ul li .mycon .btn .a1:hover{background:#ff4d39;}
.tab-body-ul .no_margin{margin-right:0;}
.tab-body .current{display:block;}   

.box3 .b_bg{height:150px; background:url(box3_1.jpg) no-repeat center top;}
.box3 .b_bg2{background-image:url(box3_2.jpg);}
.box3 .b_bg3{height:192px; background-image:url(box3_3.jpg); position:relative;}
.box3 .b_bg3 a{display:block; width:34px; height:34px; border-radius:50%; position:absolute; top:58px; left:50%; margin-left:-14px;}
.box3 .p_bg{font-size:14px; line-height:24px; color:#333; width:702px; background:url(font1.jpg) no-repeat left top; padding-top:8px; margin:10px auto; text-indent:80px;}
.box3 .bg_box{width:702px; height:503px; background:url(computer.jpg) no-repeat; margin:0 auto; overflow:hidden;}
.box3 .bg_box .firstp{overflow:hidden;}
.box3 .bg_box .firstp{width:652px; height:300px; background:url(black.jpg) no-repeat; margin:0 auto; margin-top:23px;}
.box3 .bg_box .firstp h3{font-size:30px; color:#f3f497; text-align:center; margin:30px 0;}
.box3 .bg_box .firstp ul{overflow:hidden; width:597px; padding-left:33px; margin:0 auto; padding-top:73px;}
.box3 .bg_box .firstp ul li{float:left; width:48px; font-size:24px; color:#fff; margin-right:39px; cursor:pointer;}
.box3 .bg_box .firstp ul li:hover{color:#f2f385;}
.box3 .bg_box .firstp .video{color:#fff; font-size:24px; position:absolute; left:294px;}
.box3 .bg_box .firstp .video:hover{color:#f2f385;}
.box3 .bg_box .firstp ul li.long_m{margin-right:41px;}
.box3 .bg_box .firstp ul li.last_li{margin:0;}

.box3 .bg_box .b_txt{width:665px; height:328px; margin:0 auto; overflow:hidden; background:url(blackb.jpg) no-repeat; display:none;}
.box3 .bg_box .b_txt h3{font-size:16px; color:#f3f497; margin:50px 0 10px 0; padding-left:43px; position:relative;}
.box3 .bg_box .b_txt h3 a{position:absolute; display:block; width:80px; height:30px; background:#f3f497; color:#2E3C2D; font-size:13px; text-align:center; border-radius:5px; line-height:30px; right:30px; top:-8px;}
.box3 .bg_box .b_txt h3 a:hover{background:#f2f385;}
.box3 .bg_box .b_txt ul{width:600px; margin:0 auto; padding:10px; overflow:hidden;}
.box3 .bg_box .b_txt ul li{width:300px; float:left; height:38px; line-height:38px; border-bottom:1px dashed #ccc; text-align:center;}
.box3 .bg_box .b_txt ul li a{color:#fff; font-size:14px;}
.box3 .bg_box .b_txt ul li a:hover{color:#f3f497;}
.box3 .p_bg2{background-image:url(font2.jpg);}
.box4 .txt{width:1000px; margin-bottom:40px; overflow:hidden;}
.box4 .txt dl{overflow:hidden; width:294px; padding:0 13px;  height:215px; float:left; margin-right:20px; border-radius:6px; background:#c9984d; }
.box4 .txt dl.dl3{ margin-right:0;}
.box4 .txt dl dt{ height:68px; line-height:68px; padding-left:50px; font-size:20px; font-weight:bold; color:#fff; text-align:center; background:url(dl1.jpg) no-repeat 4px 15px;}
.box4 .txt dl.dl2 dt{ background:url(dl2.jpg) no-repeat 40px 15px;}
.box4 .txt dl.dl3 dt{ background:url(dl3.jpg) no-repeat 9px 15px;}
.box4 .txt dl dd{ width:280px; height:117px; padding:13px 7px 0px 7px;  border-left:none; background:#fff; color:#333; font-size:14px; line-height:24px;}

.bm{width:100%; background:#F1F0F0; font-family:Microsoft Yahei; padding:50px 0;}
.bm h2{height:100px; text-align:center; font-size:30px; color:#333; background:url(h_bg.jpg) no-repeat center center; padding-top:20px; margin-bottom:20px;}
.bm .bm_con{width:1000px; margin:0 auto; overflow:hidden;}
.bm .bm_con .left{width:660px; float:left;}
.bm .bm_con .left ul li{float:left; width:330px; margin-bottom:20px; overflow:hidden; height:40px;}	
.bm .bm_con .left ul li .l_text{float:left; font-size:18px; color:#666; padding-right:10px; line-height:40px;}
.bm .bm_con .left ul li input{float:left; width:211px; padding:10px 0; border:1px solid #c9c9c9; border-radius:3px; padding-left:10px; box-shadow:inset 1px 2px 3px #f1f1f1; margin-top:2px;}	
.bm .bm_con .right{width:330px; height:136px; float:right;}
.bm .bm_con .right div{overflow:hidden;}
.bm .bm_con .right .l_text{float:left; font-size:18px; color:#666; padding-right:10px; line-height:40px;}
.bm .bm_con .right input{float:left; width:211px; padding:10px 0; border:1px solid #c9c9c9; border-radius:3px; padding-left:10px; box-shadow:inset 1px 2px 3px #f1f1f1; margin-top:2px;}
.bm .bm_con .right p{font-size:12px; color:#666; margin:25px 0 0 30px;}	
.bm .bm_con .bm_btn{display:block; width:225px; height:48px; margin:0 auto; clear:both; color:#fff; font-size:24px; background:#C01B1F; border:none; outline:none; border-radius:5px; font-family:Microsoft Yahei; cursor:pointer;}
.bm .bm_con .bm_btn:hover{ background:#D3262A;}

.box6 h2 a{top:70px;}
.box6 h3{font-size:16px; color:#333; font-weight:bold; height:28px;}
.box6 p{font-size:16px; line-height:26px; padding-bottom:35px; color:#333;}

#back{display:none; width:28px; text-align:center; border:1px solid #AB0F13; padding:6px 0 10px 0; border-radius:3px; background:#fff; font-size:10px; color:#AB0F13; text-decoration:none; position: absolute; left:50%; margin-left:630px; bottom:60px; cursor: pointer; height: 60px; overflow: hidden;}

