.banner{
    height:600px;
    background-image:url(../img/images/banner.jpg);
    background-position:center center;
    background-repeat: no-repeat;
    position:relative;
}
.header{
    width:100%;
    background: #303030;
    position: relative;
}
.fix{
    position:fixed;
    top:0;
    left: 0;
    height:65px;
    z-index: 2;
}
.sear-form{
    width: 100%;
    height:65px;
}
.sear-div{
    float: left;
    padding-top: 14px;
    margin-left: 23px;
}
.header a{
    text-decoration: none;
    border: none;
}
.header a:hover{
    text-decoration: none;
}
.header img{
    width: 120px;
    height: 50px;
    float: left;
    margin: 6px 15px 0;
}
.inp-txt{
    float: left;
    background: #fff;
    width: 392px;
    height: 37px;
    line-height: 37px;
    color: #bbb;
    padding-left: 28px;
    outline: none;
}
.btn-sub{
    cursor: pointer;
    width: 104px;
    height: 37px;
    background: #d3d3d3;
    font-size: 23px;
    color: #303030;
    border: none;
}
.keyword{
    font-size: 20px;
    color: #fff;
    width: 571px;
    height: 60px;
    line-height: 60px;
    margin-right: 18px;
    position: absolute;
    top: 4%;
    left: 56%;
}
.keyword a{
    display: inline-block;
    margin-right: 25px;
    color: #fff;
    text-decoration: none;
}
.keyword a:hover{
    color: #a19e9e;
}
.part1 div.know{
    text-align: center;
    border: 1px solid transparent;
    width: 158px;
    height: 30px;
    margin-top: 20px;
    margin-left: 134px;
}
.part1 div.know a{
    font-size: 14px;
    height: 10px;
    color: #0404fe;
    line-height: 10px;
    text-align: center;
    padding-right: 3px;
}
.part1 div.know a:hover{
    color: #f92542;
}

/*part1*/
.part1{
    height: 645px;
    width: 100%;
    background: url("../img/bacg_01.png") no-repeat center;
}
 .bac_img1{
     height: 162px;
     width: 476px;
     display: block;
 }
 .bac{
     width: 1000px;
     position: relative;
     top: 0px;
     left: 270px;
 }
 .bac .bac_img{
     width: 433px;
     height: 184px;
     margin-top: 55px;
 }
.bac .bac_img1{
    width: 476px;
    height:162px;
    margin-top: 20px;
    margin-left: -15px;
}
 .bac .textwarp{
     font-size: 20px;
     line-height: 20px;
     margin-left: -15px;
     margin-top: 12px;
 }
.bac .textwarp .left{
    font-size: 18px;
    line-height: 30px;
    margin-right: 73px;
}
/*part2*/
.part2 div.know{
    text-align: center;
    border: 1px solid #000;
    background: #fff;
    width: 145px;
    height: 30px;
    margin-top: 11px;
    margin-left: 402px;
}
.part2 div.know a{
    font-size: 14px;
    height: 10px;
    line-height: 10px;
    color: #f92542;
    text-align: center;
    padding-right: 3px;
}
.part2{
    height: 687px;
    width: 100%;
    background: url("../img/images/bacg_04.jpg") no-repeat center;
}
.bac2{
    width: 1000px;
    height: 687px;
}
.textwarp_img{
    height: 401px;
}
.bac2 .bac_imgtxt{
    width: 339px;
    height:180px;
    margin-top: 55px;
    margin-left: 317px;
}
.bac_imgtxt2{
    width: 946px;
    height: 401px;
    margin-top: 30px;
}
.textwarp2{
    position: relative;
    top:-277px;
    left:514px;
    font-size: 20px;
    line-height: 35px;
}
/*part3*/
.part3 div.know{
    text-align: center;
    border: 1px solid transparent;
    width: 158px;
    height: 30px;
    margin-top: 26px;
    margin-left: 156px;
}
.part3 div.know a{
    text-align: center;
    font-size: 14px;
    height: 10px;
    line-height: 10px;
    color: #0404fe;
    padding-right: 3px;
}
.part3 div.know a:hover{
    color: #f92542;
}
.part3{
    height: 580px;
    width: 100%;
    background: url("../img/bacg_02.png") no-repeat center;
}
.bac_img1{
    height: 162px;
    width: 476px;
    display: block;
}
.bac3{
    width: 1000px;
    position: relative;
    top: 0px;
    left: 270px;
}
.bac3 .bac_imgph{
    width: 331px;
    height: 180px;
    margin-top: 55px;
    margin-left: 66px;
}
.textwarp3{
    font-size: 20px;
    line-height: 20px;
    margin-top:70px;
    margin-left: -253px;
}
.textwarp3 .seven{
    margin-right: 30px;
}
.textwarp3 span{
    font-size: 30px;
    color: #ea8c25;
    font-weight: bold;
}
.textwarp3 .img_two img{
    margin-top: 66px;
}
.textwarp3 .img_one{
    margin-right: 30px;
}
.part4{
    height: 734px;
    width: 100%;
    background: url("../img/images/bacg_05.jpg") no-repeat center;
}
.bac4{
    width: 1000px;
    height: 734px;
}
.bac4 .imgfour{
    width: 432px;
    height:189px;
    margin-top: 55px;
    margin-left: 317px;
}
.img_four2{
    width: 781px;
    height: 425px;
    margin-top: 30px;
    margin-left: 120px;
}
.textwarp4{
    position: relative;
    top:-302px;
    left:126px;
}
.textwarp4 .txt_p{
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 20px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    padding-left: 20px;
}
.textwarp4 .txt_style{
    float: left;
    position: relative;
}
.textwarp4 span{
    font-size: 25px;
}
.textwarp4 .txt_one{
    margin-right: 50px;
    width: 240px;
    height: 184px;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity:0.6;
    opacity: 0.6;
    background-color: #000;
}
.textwarp4 .txt_two{
    margin-right: 70px;
    width: 190px;
    height: 196px;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity:0.6;
    opacity: 0.6;
    background: #000;
}
.textwarp4 .txt_three{
    margin-right: 50px;
    width: 184px;
    height: 196px;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity:0.6;
    opacity: 0.6;
    background: #000;
}
/*part5*/
.part5 div.know5{
    text-align: center;
    border: 1px solid transparent;
    width: 158px;
    height: 25px;
    margin: 0 auto;
}
.part5 div.know5 a{
    text-align: center;
    font-size: 14px;
    height: 10px;
    line-height: 10px;
    color: #0404fe;
    padding-right: 3px;
}
.part5 div.know5 a:hover{
    color: #f92542;
}
.part5{
    height: 854px;
    width: 100%;
    background: url("../img/bacg_03.png") no-repeat center;
}
.bac5{
    width: 1000px;
}
.bac5 .imgfive{
    width: 315px;
    height:198px;
    margin-left: 372px;
    margin-top: -100px;
}
.bac5 .imgfive2{
    width:613px;
    height: 231px;
    margin-top: 12px;
    margin-left: 200px;
}
.part5 .textwarp5 {
    margin: 20px auto;
    font-size: 20px;
    line-height: 35px;
    border: 3px solid #1abc95;
    width: 661px;
    height: 211px;
    border-radius: 15px;
}
.part5 .textwarp5 p{
    padding-left: 55px;
    margin-top: 20px;
}
.part5 .txt_five2{
    font-size: 30px;
    color: #ea8c25;
    font-weight: bold;
}
.part5 .textwarp5 p span{
    color: #ea8c25;
}
.part9{
    width: 1000px;
    padding: 40px 0 40px;
}
.part9 li{
    float: left;
}
.part9 .titelp{
    width: 398px;
    height: 88px;
    line-height: 88px;
    font-size: 37px;
    color: #fff;
    margin-bottom: 50px;
    text-align: center;
    background: url(../img/titbg.png) no-repeat center;
}
.yuan{
    width: 93px;
    height: 93px;
    border-radius: 93px;
}
.yuan1{
    border: 5px solid #ffc482;
    background: #fc9827;
}
.yuan2{
    border: 5px solid #6ec2e2;
    background: #3e9bbe;
}
.yuan3{
    border: 5px solid #4b6e89;
    background: #2e4455;
}
.yuan4{
    border: 5px solid #85ddb2;
    background: #6cbd95;
}
.yuan5{
    border: 5px solid #fb8a8b;
    background: #e86566;
}
.yuan6{
    border: 5px solid #c7b4d7;
    background: #af95c4;
}
.yuan7{
    border: 5px solid #cbdb96;
    background: #b5cc6a;
}
.yuan span{
    display: block;
    width: 60px;
    height: 50px;
    margin: 8px auto 2px;
}
.yuan4 p,.yuan5 p,.yuan7 p{
    padding-top: 6px;
}
.yuan1 span{
    background: url("../img/li1.png") no-repeat center;
    width: 27px;
    height: 23px;
    padding-bottom: 3px;
}
.yuan2 span{
    background: url("../img/li2.png") no-repeat center;
    width: 27px;
    height: 26px;
    padding-bottom: 3px;
}
.yuan3 span{
    background: url("../img/li3.png") no-repeat center;
    width: 27px;
    height: 26px;
    padding-bottom: 3px;
}
.yuan4 span{
    background: url("../img/li6.png") no-repeat center;
    width: 27px;
    height: 26px;
    padding-bottom: 3px;
}
.yuan5 span{
    background: url("../img/li4.png") no-repeat center;
    width: 25px;
    height: 26px;
    padding-bottom: 3px;
}
.yuan6 span{
    background: url("../img/li5.png") no-repeat center;
    width: 27px;
    height: 26px;
    margin-bottom: 10px;
}
.yuan7 span{
    background: url("../img/li7.png") no-repeat center;
    width: 27px;
    height: 26px;
    padding-bottom: 3px;
}
.yuan p{
    color: #fefefe;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
}
.jian{
    width: 16px;
    height: 17px;
    margin: 50px 20px 0 10px;
    background: url("../img/jian.png") no-repeat center;
}
/* ½Å */
.warp960{width:960px; margin:0 auto; position:relative; text-align:left;  color:#242323;}
.footer{
    text-align:center;
    line-height:24px;
    margin:0 auto;
    padding: 20px 0;
    font-size:12px;
    font-family:'ËÎÌå';
    color:#242323;
}
.footer .wrap960,.footer .warp960{text-align:center}
.footer a{color:#242323;}
.footer .f_links{ margin:0 0 30px;}
.footer .f_links a{ margin:0 10px; line-height:28px;}
.footer a:hover{color:#797777;}

.f_window {
    bottom: 40%;
    font-size: 14px;
    left: 50%;
    margin-left: 512px;
    position: fixed;
    width: 119px;
    z-index: 999;
}
.f_window li {
    color: #242323;
    cursor: pointer;
    height: 52px;
    line-height: 52px;
    padding-left: 52px;
    margin-bottom: 8px;
    width: 0;
}
.f_window li a {
    color: #797777;
}
.f_window li.gwc {
    background: #980a1a url("../img/icon3.png") no-repeat scroll 0 top;
    position: relative;
}
.f_window li.gwc a {
    display: none;
}
.f_window li.totop {
    background: #980a1a url("../img/icon3.png") no-repeat scroll center -52px;
    overflow: hidden;
}
.f_window li.gwc:hover {
    text-align: center;
    width: 57px;
}
.f_window li.gwc:hover a {
    display: block;
}
.f_window li.totop:hover {
    overflow: hidden;
}


