@charset "gb2312";
*html{_background-image:url(about:blank);_background-attachment:fixed}
div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
div,ul { zoom:1;*zoom:1 }
li { list-style-type:none;}
.doc{overflow: hidden; text-align: left; font: 14px/1.5 Microsoft Yahei,tahoma,HELVETICA; }
.doc .inner,.b_inner, .nav_inner{width:1000px; clear: both; margin:0 auto; overflow: hidden; animation:fadeFromCenter1 .5s ease 0s; }
.title{ margin:60px auto 50px; display:block;}


.prev,.next, .prev_btn1, .next_btn1, .aprev, .anext { background:url(../images/img.png) no-repeat center center; cursor:pointer; width:45px; height:120px; position:absolute; float:left; z-index:5}

.area1{background:url(../images/banner.jpg) no-repeat center top; height:634px;}
.area2{ height: 60px; background: #000;}


.area2  ul li{ float: left; width:125px;  height: 60px; line-height: 58px; text-align:center;}
.area2  ul li:first-child{ width:120px; background:#fff ;}
.area2  ul li a.first { color:#000; font-weight:bolder; text-align:left;  }
.area2  ul li a.selected { color:#003567;}
.area2  ul li a{ color: #fff;font-size: 18px; font-weight:bolder; line-height: 58px; color:#fff;text-align:center;}
.area2  ul li a:hover{ text-decoration: none; color:#fd0a00;}
.area2  ul li a.first:hover { color:#333;}


.area3 .left{ width:480px; float:left;}

.area3 .right{ margin-left:40px ; width:480px ; float:right;}
.area3 .right .bd{ padding: 35px 40px 15px 40px; border: 5px #434343 solid; font-size:24px; color: #434343; margin-bottom: 28px;  }
.area3 span{margin-top: -5px; display: block; float: left;}
.area3 dl dd{  clear: both; margin-bottom: 20px; height: 30px;}
input[type="checkbox"]{ margin:10px ; width:18px ; height: 18px;}
input[type="checkbox"]:first-child{ margin-left: 0;}
input[type="text"]{ width:298px ; display: block; float: left; padding-left:15px ; height: 28px; line-height: 28px; border-radius:5px; -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #959595 #959595 #959595;
    border-image: none;
    border-right: 1px solid #959595;
    border-style: solid;
    border-width: 1px; ;}
input[type="submit"]{ margin:0 auto ;border-radius:5px; -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px; background: #434343; text-align: center; color:#fff ; width:120px ; height: 40px; display: block;  font-size:24px; border:none ;}
.area3 .title{ margin-bottom:45px ;}
.area3 p{ font-size:18px; color: #434343; line-height:30px; text-indent:28px; text-align:justify; text-justify:inter-ideograph;}
.area3 .mgtop{ margin-top: 30px;}
.area3 .pd{ margin-top: -5px;}


.slideBox{ width:1000px; height:500px; overflow:hidden; position:relative;   }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.area4 .peple{ width:450px; height:500px; display: block; float: left;}
.area4 .content{ width:530px; height:500px;  float: left; margin-left: 20px; padding:0 ;}
.area4 h2{ font-size:30px; color: #0a0204; font-weight: bolder; margin:20px 0 15px 0 ;}
.area4 h3{ font-size:21px; color: #0a0204; line-height: 36px;}
.area4 h4{ font-size:24px; color: #0a0204; margin-top:15px ; }
.area4 p{ font-size:16px; color: #0a0204; line-height: 34px;}
.area4 .aprev{background-position:-90px 0; margin-top:-315px;  }
.area4 .aprev:hover{background-position:-0px 0; margin-top:-315px; }
.area4 .anext{background-position:-135px 0;  margin-top:-315px; right:0;  }
.area4 .anext:hover{background-position:-45px 0;  margin-top:-315px;  right:0; }




.area5 ul {  margin-left:-5px; }
.area5 li { float:left; margin-left:6px; width:245px ; display:inline-block;}
.area5 li i { display:block; text-align:center; height:60px; width:142px; color:#ff372b;font-style: normal; margin:0 auto;font-size: 40px; font-weight: bolder; background:url(../images/bg1.jpg) no-repeat center top;line-height:60px;}
.area5 li .content{ background:url(../images/bg2.jpg) no-repeat center top; color:#fff; border-color:#01b4ff; height:600px ; margin-top:17px ;}
.area5 .content h3{ font-size:30px; color: #c3c3c3; line-height:30px; margin: 55px 0 45px 0; text-align: center; }
.area5 li:nth-child(2) h3{margin: 23px 0 45px 0;}
.area5 li{transition:all ease-in-out .3s;}
.area5 li:hover { box-shadow:1px 1px 10px rgba(100,100,100,.1); transform:translate(0px,-10px); }
.area5 p{ font-size:18px; color: #fff; line-height:36px; }
.area5 p span{ font-size: 14px;}
.area5 .only{line-height: 19px; padding-top: 8px;}
.area5 .pdleft1{ padding-left:41px ;}
.area5 .pdleft2{ padding-left:13px ;}
.area5 .pdleft3{ padding-left:7px ;}
.area5 .pdleft4{ padding-left:33px ;}
.area5 .mgtop{ margin-top:35px ;}
.area5 .mgtop1{ margin-top:5px ;}

.area6 .left{ width:479px; height:420px ; float:left;  background:url(../images/bg3.jpg) no-repeat center top;}
.area6 .title{ margin-top: 43px;}
.area6 .right{ margin-left:40px ; width:479px; height:420px ; float:right;  background:url(../images/bg3.jpg) no-repeat center top;}
.area6 h3{ font-size:36px; color: #434343; margin: 90px 0 13px 70px;  }
.area6 p{ font-size:14px; color: #434343; line-height:22px; padding-left: 90px; }

.area7 h3{ font-size:24px; color: #fff; padding: 42px 25px 23px 25px; font-weight: bold; text-indent: 40px; background:#484848 ;  line-height: 36px; }
.area7 .title{ margin-bottom:10px ;}
.area7 p{ font-size:18px; color: #fff; text-indent: 36px; line-height:30px; padding:0 25px; background:#484848 ; text-align:justify; text-justify:inter-ideograph; }
.area7 .mgbottom{ padding-bottom: 33px;} 

.area9{ height:465px; background:url(../images/bg4.jpg) repeat-x center top;}
.area9 .inner{ background:url(../images/bottom.jpg); height:465px; }
.area9 ul{ margin-left:495px; margin-top:118px;}
.area9 ul li{ font-size:16px; color:#fff; line-height:28px; margin-left:50px;}
.area9 ul li a{ color:#FFF;}
.area9 ul li a:hover{ color:#f4f2f4;}
.area9 ul li span{ font-weight:bolder;}
.area9 .fs1{ font-size: 17.7px;}
.area9 .fs2{ font-size: 25px;}
.area9 .mgtop{ margin-top:28px;}

/*backToTop*/
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#000; color:#fff; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:1; filter:Alpha(opacity=100); }