@charset "gb2312";

html{ font-size:62.5%;}
body,div,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,input,p,form,img{ padding:0; margin:0;}
input,select,textarea,img{ outline:none; border:none;}
input,select,textarea{ background:#FFF;}
img{ vertical-align:middle;}
textarea{ resize:none;}
ul,ol{ list-style-type:none;}
body{ font-family:"微软雅黑"; line-height:1;}
em,i,strong,b,small,h1,h2,h3,h4,h5,h6{ font-style:normal;}
em,strong,b,h1,h2,h3,h4,h5,h6{ font-weight:normal;}
span,b,em,i,strong,small,label{ display:inline-block;}
em,i,strong,b,small,span,li,a{ transition:all 0.4s;}
ul li{ transition:0s;}
ol li{ float:left;}
ol:after{ clear:both; display:block; visibility:hidden; height:0; line-height:0; content:""; font-size:0;}
a{ color:#000; text-decoration:none; outline:none;}
#nkHd{display: none;}
/*clearFix*/
.clearFix{ clear:both; *zoom:1;}
.clearFix:after{ clear:both; display:block; visibility:hidden; height:0; line-height:0; content:""; font-size:0;}

.banner{width: 100%;height: 500px;background: url(../images/banner.jpg) no-repeat center center;}
.banner div{width: 1000px;height: 500px;margin: 0 auto;position: relative;}
.banner a{width: 178px;height: 56px;position: absolute;bottom: 64px;left: 140px;}

.nav{height: 50px;position: relative;}
#nav{width:100%;height: 50px;background: #006db8;position: absolute;left: 0;top: 0;}
#nav .hot{background: transparent url("../images/nav_hot.gif") no-repeat scroll 135px 10px}
#nav ul{width: 1000px;margin: 0 auto;}
#nav li{width: 166px;height: 50px;line-height: 50px;text-align: center;float: left;font-size: 24px;color: #ffffff;cursor: pointer;}
#nav li:hover,#nav li.active{background: #04142b;}

.tit{font-size: 40px;color: #04142b;text-align: center;margin: 50px auto 30px; padding-bottom:20px; border-bottom:1px solid #d3d3d3; position: relative;}
.tit:after{ content: ''; display: block; width: 346px; height: 15px; background:url(../images/tit.jpg); position: absolute; left:50%; margin-left:-173px; bottom:-8px;}
.box-bnt{font-size: 26px;color: #f57900;text-align: center;margin: 50px auto 80px;}
.box-bnt a{background: #fea100;margin-left: 10px;border-radius: 10px;font-size: 22px;color: #ffffff;box-shadow: 5px 5px 5px #ccc;width: 214px;height: 42px;line-height: 42px;text-align: center;display: inline-block;position: relative;padding-right: 30px;}
.box-bnt a em{width: 20px;height: 20px;position: absolute;right: 30px;top: 13px;}
.box-bnt a:hover{ background:#f57900;text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.box{width: 1000px;margin: 0 auto;overflow: hidden;}
.h30{height: 30px;}


.box1 { position:relative;}
.box1 .hd p{ font-size:18px; text-align:center; line-height:34px;}
.box1 .hd{ margin-bottom:30px; height:130px;}
.box1 .hd li{ margin:0 4px; transition:0s; float:left; width:158px; height:130px;}
.box1 .hd li img{ border:3px solid #bcbcbc;}
.box1 .hd li.on{ position:relative;}
.box1 .hd li.on img{ border-color:#0064b4;}
.box1 .hdli.on:after{ content:""; position: absolute; border:8px solid transparent; border-top:8px solid #0064b4; left:50%; margin-left:-8px; bottom:-16px;}
.box1 .bd ul{ width:870px; margin:0 auto; height:444px; overflow:hidden;}
.box1 dl{ border-left:2px solid #c8c8c8; border-right:2px solid #c8c8c8;}
.box1 dt{ border-top:1px solid #c8c8c8;}
.box1 .bd{ background:#ecf7ff; padding:30px 0; position:relative;}
.box1 .prev{ position:absolute; left:10px; top:350px; z-index:9;}
.box1 .next{ position:absolute; right:10px; top:350px; z-index:9;}
.box1 .bd ul p{ line-height: 50px; color:#3b3b3b; font-size:18px; border-bottom:1px solid #c8c8c8; text-indent:10px;}


.video{ margin-bottom:20px;}
.video dt{ width:489px; height:367px;}
.video dd{ width:480px;}
.video li{ width:234px; height:170px; margin-bottom:27px;}

.book{width: 100%;height: 133px;background: url(../images/bookbg.jpg) no-repeat center center; overflow: hidden;}
.book p{width: 1000px;height: 67px;margin: 30px auto;background: url(../images/booklf.png) no-repeat left center;font-size: 18px;color: #ffffff;}
.book p span{margin-left: 80px;line-height: 34px;}

.box2 li{width: 467px;height: 219px;margin-bottom: 30px;}
.box2 h5{font-size: 20px;color: #006db8;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;height: 30px;}
.box2 h5 span{border-bottom: 1px solid #006db8;height: 30px;}
.box2 dt{width: 143px;height: 165px;border: 1px solid #1177bd;}
.box2 dd{width: 300px;height: 165px;position: relative;}
.box2 dd p{font-size: 14px;color: #5d5d5d;line-height: 26px;}
.box2 dd a{background: #fea100;width: 127px;height: 28px;display: block;text-align: center;line-height: 28px;font-size: 14px;color: #ffffff;position: absolute;right: 5px;bottom: 0;box-shadow: 5px 5px 10px #ccc;}
.box2 dd a:hover{background: #f57900;text-decoration: none;}


.box3 dt,.box3 dd{ width:50%; color:#fff; font-size:14px;}
.box3 dt{ color:#212121;}
.box3 h2{ font-size:30px; margin-bottom:20px;}
.box3 h3{ font-size:18px; margin-bottom:10px;}
.box3 p{ line-height:1.5;}
.box3 li{ padding:10px; margin-bottom:30px; border-radius:10px; height:111px;}
.box3 ul,.box3 ol{ padding:30px 0 10px;}
.box3 ul{ padding-right:30px; border-right:5px solid #d0d0d0; position:relative;}
.box3 ul:after,.box3 ul:before{ content:""; position:absolute; width:15px; height:15px; background:#d0d0d0; border-radius:50%; right:-10px; top:0;}
.box3 ul:after{ top:auto; bottom:0;}
.box3 ul h2,.box3 ul h3{ text-align:right;}
.box3 ul h3:after{ content:""; display:inline-block; width:21px; height:21px; background:url(../images/box3-1.png) center center no-repeat; float:right; margin-left:5px;}
.box3 ul li{ background:#f5f5f5; position:relative;}
.box3 ul li:after{ content:""; position:absolute; top:50%; margin-top:-22px; right:-54px; width:43px; height:43px; background:url(../images/box3-3.png) center center no-repeat;}
.box3 ol{ padding-left:30px;}
.box3 ol h2{ color:#006cb6;}
.box3 ol h3:before{ content:""; display:inline-block; width:21px; height:21px; background:url(../images/box3-2.png) center center no-repeat; float:left; margin-right:5px;}
.box3 ol li{ background:#349ce3;}

.box4 .box4-p{height: 75px;background: url(../images/box4-01.jpg) no-repeat;padding: 10px 20px;font-size: 16px;color: #262626;line-height: 30px;}
.box4 dl{height: 291px;background: #f7f7f7;margin: 40px auto 60px;}
.box4 dt{width: 353px;height: 281px;border: 5px solid #f7f7f7;}
.box4 dt.fl{margin: -20px 0 0 20px;}
.box4 dt.fr{margin: -20px 20px 0 0;}
.box4 dd{width: 577px;}
.box4 dd h3{font-size: 28px;color: #0088e6;margin: 50px auto 20px;}
.box4 dd.fl h3{padding-left: 20px;}
.box4 dd p{font-size: 16px;color: #3e3e3e;line-height: 36px;}
.box4 dd.fl p{padding-left: 20px;}
.box4 dd.fr p{padding-right: 20px;}
.box4 dl:hover{box-shadow: 0 0 10px #ccc;}

.box5-span{display: block;text-align: center;font-size: 18px;color: #a70000;}
.box5 ul{overflow: hidden;margin: 10px auto 50px;}
.box5 li{width: 307px;height: 387px;background: #f5f5f5;float: left;margin: 30px 33px 0 0;border: 1px solid #f5f5f5;}
.box5 li em{display: block;margin: 6px auto;width: 293px;height: 192px;}
.box5 li p{width: 293px;height: 30px;background: url(../images/box5-min.png) no-repeat left center;font-size: 16px;color: #4b4b4b;line-height: 30px;margin: 0 0 0 20px;text-indent: 26px;}
.box5 li .b-p1{background-position: 0 6px;}
.box5 li .b-p2{background-position: 0 -20px;}
.box5 li .b-p3{background-position: 0 -48px;}
.box5 li .b-p4{background-position: 0 -75px;}
.box5 li div{width: 215px;height: 28px;margin: 16px auto;}
.box5 li div a{width: 93px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #969696;font-size: 16px;color: #4b4b4b;background: #ffffff;}
.box5 li.active{border: 1px solid #006db8;box-shadow: 0 0 5px #ccc;}
.box5 li.active a{color: #fff;box-shadow: 5px 5px 10px #ccc;}
.box5 li.active a.fl{background: #f57900;}
.box5 li.active a.fr{background: #006db8;}
.box5 li div a:hover{text-decoration: none;}

.box-max{width: 1000px;height: 132px;margin: 0 auto 50px;position: relative;}
.box-max a{position: absolute;width: 174px;height: 32px;right: 18px;bottom: 32px;}

.box6 .fr{width: 497px;height: 613px;background: url(../images/box6-1.jpg) no-repeat;}
.box6 h2{font-size: 45px;color: #fefefe;margin: 30px 0 0 20px;}
.box6 h2 span{font-size: 64px;font-weight: bold;}
.box6 h6{font-size: 29px;color: #ff9600;margin: 6px 0 16px 20px;}
.box6 p{height: 30px;line-height: 26px;background: url(../images/box6-p.png) no-repeat left center;margin: 6px 0 6px 20px;text-indent: 26px;font-size: 16px;color: #ffffff;}

.box7{border: 1px solid #e5e5e5;margin: 0 auto 60px;}
.box7 li{width: 199px;height: 396px;float: left;border-right: 1px solid #e5e5e5;}
.box7 li em{width: 155px;height: 155px;display: block;margin: 20px auto;}
.box7 li h6{font-size: 20px;color: #006db8;text-align: center;}
.box7 li p{text-align: center;margin: 20px auto;font-size: 14px;color: #6c6c6c;line-height: 26px;}
.box7 li a{width: 114px;height: 30px;text-align: center;line-height: 30px;font-size: 16px;color: #ffffff;background: #006db8;border-radius: 10px;display: block;margin: 50px auto 0;box-shadow: 5px 5px 10px #ccc;}
.box7 li a:hover{background: #f57900;text-decoration: none;}

.box8 li{width: 302px;height: 358px;float: left;position: relative;margin: 20px 47px 0 0;}
.box8 li div{width: 302px;position: absolute;top: 170px;}
.box8 li h5{font-size: 14px;color: #006db8;text-align: center;}
.box8 li h5 span{font-size: 23px;}
.box8 li p{width: 260px;font-size: 14px;color: #4d4d4d;line-height: 26px;margin: 16px auto 0;}

.box9 ul{margin-top: 20px;}
.box9 li{width: 472px;height: 142px;}
.box9 li em{display: block;height: 31px;line-height: 31px;font-size: 22px;color: #ffffff;text-indent: 60px;}
.box9 li #em1{background: url(../images/box9-1.jpg) no-repeat;}
.box9 li #em2{background: url(../images/box9-2.jpg) no-repeat;}
.box9 li #em3{background: url(../images/box9-3.jpg) no-repeat;}
.box9 li #em4{background: url(../images/box9-4.jpg) no-repeat;}
.box9 li #em5{background: url(../images/box9-5.jpg) no-repeat;}
.box9 li #em6{background: url(../images/box9-6.jpg) no-repeat;}
.box9 li #em7{background: url(../images/box9-7.jpg) no-repeat;}
.box9 li #em8{background: url(../images/box9-8.jpg) no-repeat;}
.box9 li #em9{background: url(../images/box9-9.jpg) no-repeat;}
.box9 li #em10{background: url(../images/box9-10.jpg) no-repeat;}
.box9 li p{font-size: 14px;color: #000000;line-height: 26px;margin: 16px 0 0 6px;}

.resize { width:1000px;margin:50px auto 0;padding:0 9px; }
.resize dl { overflow:hidden; width:470px; background:#f2f2f2; padding:6px 5px; margin-bottom:26px; border:1px solid #b4b4b4; }
.resize dt { float:left; border:1px solid #fff; }
.resize dd { float:left; width:190px; line-height:26px; color:#383838; font-size:14px; padding-left:20px; } 
.resize dd strong { display:block; color:#080808; font-size:20px; line-height:28px; padding:9px 0 6px; font-weight:normal; }
.resize dl:hover { border:1px solid #0360ad; }
.resize dl:hover dd strong { color:#0360ad; }

.library_box{width:970px;padding:15px;margin:50px auto 0;background:#f0f0f0;}
.library_box img{float:left;}
.library_inner{width:398px;height:380px;float:right;position:relative;}
.library_inner h2{font-size:22px;color:#fd6185;line-height:38px;margin-top:12px;}
.library_inner h3{font-size:22px;color:#006db8;line-height:38px;}
.library_inner p{font-size:16px;color:#4f4f4f;line-height:30px;margin-top:10px;}
.library_inner dl{position:absolute;bottom:0;right:0;}
.library_inner dl dt{width:38px;height:38px;float:left;margin-left:5px;border-radius:50%;}
.library_inner dl dt a{width:38px;height:38px;border-radius:50%;display:block;}
.library_01{background:url(../images/library_01.png) no-repeat; transition:0.4s;}
.library_01:hover{background:url(../images/library_03.png) no-repeat;transform:rotateY(360deg);}
.library_02{background:url(../images/library_02.png) no-repeat;transition:0.4s;}
.library_02:hover{background:url(../images/library_04.png) no-repeat;transform:rotateY(360deg);}



.box_2{ position:relative; margin:0 auto; overflow:hidden;  margin-top:3%; width:1000px;}
.box_2 p{ position:absolute; font-size:18px; text-indent:2em; left:3%; top:5%; color:#FFF;width: 95%;line-height: 2;}

.cont2 li{ width:249px; float:left; margin:5px 0.5px}
.cont2 li p{ font-size:24px; text-align:center; line-height:35px;}
.cont2 li span{ font-size:12px; line-height:20px;}

.zx{ font-size:22px; text-align:center; margin-top:3%;}
.zx p{ width:15%; margin:auto; background:#f3780b; color:#FFF;border-radius: 22px; line-height:2;}

.tils{ margin:0 auto 30px; overflow:hidden; text-align:center; margin-top:5%;}
.tils p{ font-size:36px; color:#45545b;}
.tils p span{ font-size:42px; color:#f3780b;}