.header , .content , .footer { width:1200px; margin:0 auto;  }
.topWrap{ background:url(img/t_bg.gif) repeat-x;height:251px; position:relative; z-index:9;}
.topWrap h5{ height:40px; line-height:40px; color:#898989; font-weight: normal;}
.topWrap h5 i{ display: inline-block; float: right; position:relative;}
#h_code{ position:absolute; top:35px; right:0; width:120px; display:none;z-index:1;}

.topWrap h5 a{ color:#898989; padding-left: 28px;}
.nr{ height:148px; }
.nr h2{ width:276px; height:84px;overflow:hidden; float:left; padding: 37px 43px 0 1px;animation-duration: 1.5s;animation-name: fadeInLeft;}
.nr h2 img{width:276px; height:84px; }
.nr h3{ width:515px; float:left; padding-top:48px; color:#666; font-size: 18px; font-weight: normal;}
.nr h3 span{ color: #0879d5; font-size:28px; display: block; padding-bottom: 7px;}
.nr p{background:url("img/tel.gif") no-repeat left 3px; padding:0 0 0 68px; margin-top:50px;float:right; font-size: 16px; color: #666; height:50px;}
.nr p span{ display: block; color: #0879d5; font-size:27px;}
.nr .h_con{ animation-duration: 1.5s;animation-name: fadeInRight;}
.h_nav{ height:62px;}
.h_nav li { float:left;height:62px; background: url("img/n_lin.gif") no-repeat right 25px; position:relative;z-index:100;}
.h_nav li.li02{background:none;}
.h_nav li a{ display:inline-block; height:62px;color:#666; line-height:62px; font-size: 16px; padding: 0 38px;}
.h_nav li.li01 a{ padding-left: 0;}.h_nav li.li02 a{ padding-right: 0;}
.h_nav li a:hover , .h_nav .cur a , .h_nav .c2 a {  color: #0879d5;}
.h_nav li .erj{ position:absolute; top:62px;left:0;width:100%; background:#FFF; display:none;z-index:100;padding:10px 0 5px;}
.h_nav li .erj li{margin:0 15px; height:35px; line-height:35px;  border-bottom:1px dashed #ccc;text-align: center; background:none; float:none; clear:both;}
.h_nav li.cur .erj li a,.h_nav li:hover .erj li a,,.h_nav li.c2 .erj li a{color:#666;}
.h_nav li .erj li a{padding:0;margin:0; font-size:14px; height:35px; line-height:35px;  color:#666; display:block; background:none;}
.h_nav li .erj li a:hover{color:#0879d5;}
.h_nav li .erj li.nones{ border-bottom:0px dashed #ccc;}


     
.sou{ height:75px; overflow:hidden; border-bottom: 1px solid #e2e2e2; margin-bottom: 45px;}
.sou .inp1{ float:right; margin-top:20px; border-bottom: 1px solid #dfdedf;border-top: 1px solid #dfdedf;}
.inp01{ width:374px;outline:none; font:12px "Microsoft Yahei"; color:#8f8f8f; overflow:hidden; height:33px; line-height:33px; background:none; border:0 ; }
.inp02{ background:url(img/s_s.gif) no-repeat center 0; width:20px; height:33px; border:0; cursor:pointer;}
.sou p{ font:14px "Microsoft Yahei"; line-height:85px; height:85px; color:#555; width:600px; float:left;}
.sou p a{color:#8c8c8c;display:inline-block;}
.sou p strong{ font-weight: bold;}
     
 

    .cen ul{ width:877px; margin:0 auto; } 


        /*表单弹框*/
        
        .nsw-modal {
            width: 100vw;
            height: 100vh;
            background: rgba(225, 225, 225, 0.5);
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99999;
        }
        
        .modal-dialog {
            position: absolute;
            color: #000000;
            top: 150px;
            width: 400px;
            border-radius: 3px;
            min-height: 155px;
            overflow: hidden;
            z-index: 99998;
            margin-left: -200px;
            left: 50%;
        }
        
        .modal-dialog .css-icon {
            background-image: url("images/modal-icons.png");
        }
        
        .modal-dialog .modal-head {
            height: 30px;
            line-height: 30px;
            padding: 0px 20px;
            background: #F6EFEF;
            font-size: 14px;
        }
        
        .modal-dialog .modal-head .modal-logo {
            width: 15px;
            height: 15px;
            background-position: 1px 0px;
            margin: 8px 5px 0 0;
            float: left;
        }
        
        .modal-dialog .modal-head .close {
            float: right;
            width: 15px;
            height: 15px;
            background-position: -14px 0px;
            margin-top: 8px;
        }
        
        .modal-dialog .modal-body {
            width: 100%;
            min-height: 125px;
            background: #ffffff;
        }
        
        .modal-dialog .modal-body .modal-body-left {
            width: 140px;
            float: left;
        }
        
        .modal-dialog .modal-body .modal-body-left .icon {
            width: 64px;
            height: 64px;
            margin: 30px 0 0 48px;
        }
        
        .modal-dialog .modal-body .modal-body-left .success-message {
            background-position: 0px -14px;
        }
        
        .modal-dialog .modal-body .modal-body-left .warming-message {
            background-position: 0px -78px;
        }
        
        .modal-dialog .modal-body .modal-body-right {
            width: 260px;
            float: right;
            padding-top: 20px;
        }
        
        .modal-dialog .modal-body .modal-body-right .close-btn {
            color: #000;
            text-align: center;
            width: 90px;
            display: inline-block;
            height: 24px;
            line-height: 24px;
            background: #818079;
        }
        
        .modal-dialog .modal-body .modal-body-right p {
            line-height: 30px;
        }
    

.footWrap{ background:url(img/f_bg.gif) repeat-x ;height:418px;overflow:hidden;}
.fnav{height:63px;text-align:center; font:16px "Microsoft Yahei"; color:#fff; overflow:hidden;}
.fnav a{ color:#fff; padding:0 32px; display:inline-block; background:url(img/f_lin.gif) no-repeat right 28px; line-height:63px;}
.fnav .nones{ background:none;}

.logo{ width:230px; padding: 99px 95px 0 0; height: 178px;}
.logo img{ width: 230px; height: 84px;}
.f_wz{ width: 538px; float: left; padding-top: 45px; line-height: 38px; font-size: 14px; color: #c8c8c8;}
.f_wz i{ display: block;}
.f_wz i a{color:#c8c8c8;}
.f_wz i span img{ vertical-align:middle;padding-right: 12px;}
.f_wz i em{ padding-left: 15px;}
.code{ padding-top: 65px; width: 325px;}
.code em{ display: inline-block; float: right; padding-left: 42px; width: 113px; text-align: center; font-size: 14px; color: #fff;}
.code em span{ display: block; padding-bottom: 17px;}
.code em span img{ width: 100px; height: 100px; border: 6px solid #fff;}
    .links{ clear: both; height: 78px; line-height: 78px;}
.links span{ display: inline-block; float: right;}
.links a{ font-size: 14px; color: #9f9f9f;}
.links span a{ color: #555;}
.links p{ float:left; width: 1060px; margin-left: -25px;}
.links p a{ display: inline-block; padding: 0 25px;background:url(img/f_link.gif) no-repeat right 38px; }


        
        #roll_top{position:relative;cursor:pointer;height:72px;width:69px}
        #roll_top a{background:url(img/y_img1.png) no-repeat; display:block;width:69px;height:72px;}
        #roll{display:block;width:69px;position:fixed;right:0;bottom:50px;_position:absolute; z-index:100;}