/*global CSS Document */
body,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; }
ul,li{ list-style-type:none; }
h1,h2,h3,h4,h5,h6{ font-size:100%; }
img{ border:0; vertical-align:top; width:100%; }
html,body{ width:100%; height:100%; color:#333; font-size:62.5%; font-family:"Microsoft YaHei",Arial,sans-serif; }
html{ -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
a{ text-decoration:none; color:inherit; }
A:link { text-decoration:none } 
a:focus,input[type=button],input[type=submit]{ outline:0 none; }
.clearfix:after{ clear:both; height:0; content:""; visibility:hidden; display:block; font-size:0; }
.clearfix{ zoom:1; }
.fl{ float:left; }
.fr{ float:right; }

/*top*/
.top{ position:relative; }
.nav_icon{ position:absolute; right:7%; top:36.9%; z-index:10; width:6.25%; height:32.8%;  }
.nav_open{ width:100%; height:100%; background:url(../images/nav_open.png) center center no-repeat; background-size:contain; }
.nav_close{ width:100%; height:100%; background:url(../images/nav_close.png) center center no-repeat; background-size:contain; }
.download{ position:absolute; top:100%; left:0; z-index:10; width:100%; }
.download a{ position:absolute; left:4%; top:15%; z-index:12; width:42.5%; height:68.4%; display:block; }
.download a.and{ left:52%; }
.nav{ display:none; position:absolute; top:100%; left:0; z-index:12; width:100%; background:#111; font-size:1.8rem; text-align:center; }
.nav a{ color:#fff; display:block; line-height:6rem; border-top:solid 1px #2b2b2b; }

/*box0*/
.box0{ position:relative; } 
.box0 a{ position:absolute; left:0.75%; top:5.3%; z-index:10; width:48.2%; height:42.7%; display:block; }
.box0 a.in2{ left:51%; }
.box0 a.in3{ top:52%; }
.box0 a.in4{ top:52%; left:51%; }

/*box1*/
.box1{ text-align:center; }
.tle{ background:#294372; font-family:方正舒体; font-size:3rem; padding:1.8% 0; margin:5% 0; color:#fff; text-align:center; }
.slide{ position:relative; }
.swipe { position:relative; overflow:hidden; visibility:hidden; border:5px solid #774f5a; }
.swipe-wrap { overflow:hidden; position:relative;}
.swipe-wrap > div { float:left; width:100%; position:relative;}
.swipe-wrap div img { width:100%; display:block;}
#dot{ margin:4% 0 3%;}
#dot li{ display:inline-block; width:37px; height:37px; background:url(../images/dot.png) no-repeat; margin:0 5px; }
#dot li.on{ background-position:0 -37px; }
.tips{ width:52.5%; height:100%; margin:auto; animation:tips 2.4s infinite ease-in-out;  -webkit-animation:tips 2.4s infinite ease-in-out; -moz-animation:tips 2.4s infinite ease-in-out; }

/*box2*/
.tab{ margin-bottom:0; }
.tab li{ float:left; display:block; width:20%; padding:1% 0 1.6%; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-left:4%; cursor:pointer; }
.tab li.active{ background:url(../images/tab_active.png) center center no-repeat; background-size:100%; color:#5d1b0d; }
.list{ font-size:1.6rem; }
.list li{ border-bottom:1px solid #bababa; padding:3.2% 3%; }
.list li a.fy{ background:#1e77d0; color:#fff; padding:0 8px; margin-right:8px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; }
.list li a.lt{ /*width:50%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;*/ display:block; }
.more{ font-size:1.6rem; padding:3.2% 0; display:block; text-align:center; }

/*box3*/
.box3{ background:#000; padding:3.5% 0; color:#fff; font-size:1.6rem; font-weight:bold; text-align:center; }
.box3 li{ background:#294372; background-size:contain; margin-bottom:3px; padding:1.8% 0; background-position:5px 0; background-repeat:no-repeat;}
.box3 li a{ display:block; }
.box3 .lk1{ background-image:url(../images/baidu.gif); }
.box3 .lk2{ background-image:url(../images/contact.gif); }
.box3 .lk3{ background-image:url(../images/qq.gif); }
.box3 .lk4{ background-image:url(../images/weixin.gif); }

/*info*/
.article{ margin-top:22%; }
.title{ font-size:3.2rem; font-family:华文行楷; color:#7d3a07; margin-bottom:1.6%; text-indent:10px; }
.newsList a{ display:block; background:url(../images/list.png) 10px center no-repeat; font-size:1.8rem; border-bottom:1px solid #b9b9b9; padding:4% 10px 4% 40px; }
.text{ padding:20px 15px 30px; text-align:center; }
.artitle{ font-size:2.2rem; margin-bottom:10px; }
.artime{ position:relative; padding:5px 0; font-size:1.6rem; margin-bottom:10px; }
.artime:after{ position:absolute; content:""; left:0; top:50%; width:100%; border-bottom:1px dotted #959595;}
.artime span{ display:block; background:#fff; width:150px; height:30px; line-height:30px; margin:auto; position:relative; z-index:10; }
.cont{ line-height:160%; font-size:2rem; text-align:left; font-size:1.8rem; }

/*download*/
.dload{ font-size:1.5rem; }
.tumb{ height:52px; line-height:52px; background:#1e1f3c; color:#fff; text-align:center; font-size:1.4em; position:relative; }
.tumb a{ width:32px; height:32px; background:url(../images/return.png) no-repeat; position:absolute; left:15px; top:10px; z-index:10; text-indent:-999em; }
.load{ padding:30px 15px;}
.load a{ width:48%; max-width:248px; display:block; float:left; margin:1%; }

/*paging CSS Document*/
.paging{ text-align:center; padding:5% 0 5% 10px; overflow:hidden; font-size:1.8rem; }
.paging li{ float:left; display:block; margin:0 4px; }
.paging a{ padding:5px 10px; border-color:#9d9d9d; background:#e6e6e6; color:#737373;}

/*foot*/
.foot{ background:#2a2a2a; height:64px; padding:15px; }
.foot_logo{ background:url(../images/foot_logo.png) no-repeat; background-size:contain; height:64px; }


/*animate*/
@-webkit-keyframes tips{
0%{ -webkit-transform:rotate(0deg); }
5%{ -webkit-transform:rotate(10deg); }
10%{ -webkit-transform:rotate(-10deg); }
15%{ -webkit-transform:rotate(5deg); }
20%{ -webkit-transform:rotate(-5deg); }
30%{ -webkit-transform:rotate(0deg); }
100%{ -webkit-transform:rotate(0deg); }   
}
@-moz-keyframes tips{
0%{ -moz-transform:rotate(0deg); }
5%{ -moz-transform:rotate(10deg); }
10%{ -moz-transform:rotate(-10deg); }
15%{ -moz-transform:rotate(5deg); }
20%{ -moz-transform:rotate(-5deg); }
30%{ -moz-transform:rotate(0deg); }
100%{ -moz-transform:rotate(0deg); }   
}
@keyframes tips{
0%{ transform:rotate(0deg); }
5%{ transform:rotate(10deg); }
10%{ transform:rotate(-10deg); }
15%{ transform:rotate(5deg); }
20%{ transform:rotate(-5deg); }
30%{ transform:rotate(0deg); }
100%{ transform:rotate(0deg); }   
}