﻿@charset "utf-8";

body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
body>div{margin:0 auto}
div {text-align:left}
a img {border:0}
body { color: #333; text-align: center; font: 12px "微软雅黑"; }
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#535353;text-decoration:none}
a:hover { color: #D40000; text-decoration: none}
.clear{height:0; overflow:hidden; clear:both}
.button {display: inline-block;zoom: 1; *display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding:0.25em 0.6em 0.3em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.red {color: #faddde;border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));background: -moz-linear-gradient(top,  #ed1c24,  #A51715);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top,  #c9151b,  #a11115); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); color:#fff;}
.red:active {color: #de898c;background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');}
.cor_bs,.cor_bs:hover{color:#ffffff;}
.keBody{background:url(../images/bodyBg.jpg) repeat #333;}
.keTitle{height:100px; line-height:100px; font-size:30px; color:#FFF; text-align:center; background:url(../images/bodyBg3.jpg) repeat-x bottom left; font-weight:normal}
.kePublic{background:#FFF; padding:50px;}
.keBottom{color:#FFF; padding-top:25px; line-height:28px; text-align:center; background:url(../images/bodyBg2.jpg) repeat-x top left; padding-bottom:25px}
.keTxtP{font-size:16px; color:#ffffff;}
.keUrl{color:#FFF; font-size:30px;}
.keUrl:hover{ text-decoration: underline; color: #FFF; }
.mKeBanner,.mKeBanner div{text-align:center;}
/*底层CSS可删除*/
#order_nav {  position: relative; background: #fff; position: relative; }
#order_nav .list { width: 1180px; margin: 0 auto; }
#order_nav .list li { width: 150px; height: 150px; float: left; border-radius: 50%; position: relative; margin: 0 20px 80px 20px; position: relative; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; border:3px solid #fff; }
#order_nav .list li a { display: block; width: 100%; height: 100%; }
#order_nav .list li .cycle_mark { position: absolute; left: 0; top: 0; z-index: 2; }
#order_nav .list li .ico { width: 102px; height: 102px; position: absolute; left:25px; top:25px; background: url(../images/rotate.png); border-radius: 50%; z-index: 1; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
#order_nav .list li ._1 { background-position: 0px 0px; }
#order_nav .list li ._2 { background-position: -102px 0px; }
#order_nav .list li ._3 { background-position: -204px 0px; }
#order_nav .list li ._4 { background-position: -306px 0px; }
#order_nav .list li ._5 { background-position: -408px 0px; }
#order_nav .list li ._6 { background-position: -510px 0px; }

#order_nav .list li p { width: 100%; position: absolute; left: 0; top: 180px; text-align: center; }
#order_nav .list li p span { font-size: 16px; color: #414141; display: block; font-weight: bold; }
#order_nav .list li p strong { font-size: 12px; color: #f00; display: block; }

/*#order_nav .list li.on { background: rgba(0,0,0,.5); }
*/
#order_nav .list li.on .ico { background-color: #f66232; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

  
    /* focus */
    .wrapper{
        float:left;
        width:100%;
        height:100%;
    }
    /* focus */
    #focus{width:100%;height:100%;overflow:hidden;position:relative;}
    #focus ul{height:100%;position:absolute;}
    #focus ul li{float:left;width:1440px;height:100%;overflow:hidden;position:relative;background:#000;}
    #focus ul li div{position:absolute;overflow:hidden;}
    #focus .title{position:absolute;width:545px;height:40px;left:0;bottom:0;text-align:left;line-height: 40px;padding-left: 20px;color:#fff; cursor:pointer;}
    #focus .btn{position:absolute;width:240px;height:10px;right:30px;bottom:30px;text-align:right;}
    #focus .btn span{display:inline-block;_display:inline;_zoom:1;width:43px;height:2px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
    #focus .btn span.on{background:#fff;}
    
  

    #focus2{width:1440px;height:100%;overflow:hidden;position:relative;}
    #focus2 ul{height:100%;position:absolute;}
    #focus2 ul li{float:left;width:1440px;height:100%;overflow:hidden;position:relative;background:#000;}
    #focus2 ul li div{position:absolute;overflow:hidden;}
    #focus2 .title{position:absolute;width:545px;height:40px;left:0;bottom:0;text-align:left;line-height: 40px;padding-left: 20px;color:#fff; cursor:pointer;}
    #focus2 .btn{position:absolute;width:240px;height:10px;right:30px;bottom:30px;text-align:right;}
    #focus2 .btn span{display:inline-block;_display:inline;_zoom:1;width:43px;height:2px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
    #focus2 .btn span.on{background:#fff;}
    
    #focus2 .pre{left:0;}
    #focus2 .next{right:0;background-position:right top;}

    

    .catlog{
        float:right;width:335px;height:413px;
    }
    .catlog-item1,.catlog-item2,.catlog-item5,.catlog-item6{
        float:left;width:167px;height:137px;
    }
    .catlog-item1 a,.catlog-item2 a,.catlog-item5 a,.catlog-item6 a{
        display: block;width:167px;height:137px;
        text-align: center;
        line-height: 137px;
    }
    .catlog-item3,.catlog-item4{
        float:left;width:167px;height:139px;
    }
    .catlog-item3 a, .catlog-item4 a{
        display: block;width:167px;height:139px;
        text-align: center;
        line-height: 139px;
    }
    .catlog-item1 a,.catlog-item5 a{
        background: #007ef3;
    }
    .catlog-item1 a:hover,.catlog-item5 a:hover{
        background: #;
    }
    .catlog-item2 a,.catlog-item6 a{
        background: #73d842;
    }
    .catlog-item2 a:hover,.catlog-item6 a:hover{
        background: #3fe967;
    }
    .catlog-item3 a{
        background: #3fe967;
    }
    .catlog-item3 a:hover{
        background: #73d842;
    }
    .catlog-item4 a{
        background: #00a6f2;
    }
    .catlog-item4 a:hover{
        background: #007ef3;
    }
    .font26Bai a{
        font-family: "微软雅黑";
        font-size: 24px;
        color:#fff;
        font-weight: bold;
        text-decoration: none;
    }

.banner{ width:100%; height:810px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:810px; float:left;}
.b-list{ height:50px; padding-top:700px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}