body{ min-width: 1200px; margin: 0 auto;}
.w{ width: 1200px; margin: 0 auto;}

.c-banner{ height: 550px; width: 100%;background-size: cover;}
.c-banner .w{ position: relative;}
.c-header{ width: 1920px; background: rgba(255,255,255,.9); height: 72px; position: fixed; top: 0; left: 50%; margin-left: -960px; z-index: 999;}
/*.c-head{ width: 1200px; height: 72px; overflow: hidden; margin: 0 auto;}*/
.c-head{ width: 1200px; height: 72px; overflow: visible; margin: 0 auto;}
.c-head .c-tit{ border-left: 1px solid rgba(0,124,195,.5); height: 36px; line-height: 36px; font-size: 18px; color: #007cc3; margin-top: 18px; padding-left: 18px;}
.c-head .nav{ margin-top: 22px;}
/*.c-head ul{ overflow: hidden;}*/
.c-head ul{ overflow: visible;}
.c-head li{ float: left; margin-left:6px;}
.c-head li a{ display: block; line-height: 28px; padding: 0 10px; color: #007cc3; font-size: 14px; border-radius: 5px;}
.c-head li.on a:hover{ background: #007cc3; color: #fff;}
/*.c-head li.on a{ background: #007cc3; color: #fff;}*/

.c-head li.on button{ background: #007cc3; color: #fff;}

.c-banner .c-main .c-left{ color: #fff; margin-top: 325px; margin-left: 43px;}
.c-banner .c-main .c-left .c-img{ width: 246px; height: 76px;}
.c-banner .c-main .c-left h1{ font-size: 48px; font-weight: bold; padding: 10px 0;}
.c-banner .c-main .c-left h2{ font-size: 25px; padding: 10px 0;}
.c-banner .c-main .c-left .c-line{ width: 95%; height: 1px; background: #fff; margin: 5px auto;}
.c-banner .c-main .c-right{ width: 297px; height: 268px; background: url(../img/icon9.png) no-repeat center top; margin-top: 300px; margin-right: 170px; position: relative;}
.c-banner .c-main .c-right .c-logo{ width: 178px; height: 78px; margin: 100px auto 0 auto;}
.c-banner .c-main .c-right .c-icon1{ width: 97px; height: 97px; position: absolute; bottom: -60px; left: 30px;}
.c-banner .c-main .c-right .c-icon2{ width: 79px; height: 79px; position: absolute; bottom: -10px; right: 20px;}
.c-banner .c-main .c-right .c-icon3{ width: 41px; height: 41px; position: absolute; bottom: 85px; right: -35px;}
.c-banner .c-main .c-right .c-icon4{ width: 62px; height: 62px; position: absolute; top: 40px; right: -20px;}
.c-banner .c-main .c-right .c-icon5{ width: 69px; height: 69px; position: absolute; top: -10px; right: 85px;}
.c-banner .c-main .c-right .c-icon6{ width: 59px; height: 59px; position: absolute; top: 20px; left: 15px;}
.c-banner .c-main .c-right .c-icon7{ width: 53px; height: 53px; position: absolute; top: 130px; left: -40px;}
.c-banner .c-main .c-right .c-icon8{ width: 42px; height: 42px; position: absolute; top: 80px; right: 50px;}

.c-wuye{ width: 100%; background: #fff; height: 820px;}
.c-h1{ font-size: 36px; font-weight: bold; text-align: center; padding-top: 50px;}
.c-wuye .c-h1{ color: #0072dc;}
.c-wuye h2{ color: #323232; font-size: 18px; text-align: center; width: 800px; margin: 0 auto; line-height: 32px; margin-top: 10px;}
.c-wuye .c-main{ overflow: hidden;}
.c-wuye .c-left{ margin-top: 90px; margin-left: 16px;}
.c-wuye .c-left ul{ overflow: hidden; width: 396px;}
.c-wuye .c-left li{ width: 132px; float: left; margin-bottom: 23px;}
.c-wuye .c-left li .c-img{ width: 68px; height: 68px; margin: 0 auto;}
.c-wuye .c-left li .c-img1{ background: url(../img/img10.jpg) no-repeat center; background-position-y: top;}
.c-wuye .c-left li .c-img1:hover{ background-position-y: bottom;}
.c-wuye .c-left li .c-img2{ background: url(../img/img11.jpg) no-repeat center; background-position-y: top;}
.c-wuye .c-left li .c-img2:hover{ background-position-y: bottom;}
.c-wuye .c-left li .c-img3{ background: url(../img/img12.jpg) no-repeat center; background-position-y: top;}
.c-wuye .c-left li .c-img3:hover{ background-position-y: bottom;}
.c-wuye .c-left li .c-img4{ background: url(../img/img13.jpg) no-repeat center; background-position-y: top;}
.c-wuye .c-left li .c-img4:hover{ background-position-y: bottom;}
.c-wuye .c-left li .c-img5{ background: url(../img/img14.jpg) no-repeat center; background-position-y: top;}
.c-wuye .c-left li .c-img5:hover{ background-position-y: bottom;}
.c-wuye .c-left li .c-img6{ background: url(../img/img15.jpg) no-repeat center; background-position-y: top;}
.c-wuye .c-left li .c-img6:hover{ background-position-y: bottom;}
.c-wuye .c-left li .c-img7{ background: url(../img/img16.jpg) no-repeat center; background-position-y: top;}
.c-wuye .c-left li .c-img7:hover{ background-position-y: bottom;}
.c-wuye .c-left li .c-img8{ background: url(../img/img17.jpg) no-repeat center; background-position-y: top;}
.c-wuye .c-left li .c-img8:hover{ background-position-y: bottom;}
.c-wuye .c-left li .c-img9{ background: url(../img/img18.jpg) no-repeat center; background-position-y: top;}
.c-wuye .c-left li .c-img9:hover{ background-position-y: bottom;}
.c-wuye .c-left li .c-tit{ text-align: center; font-size: 16px; color: #323232; line-height: 60px;}
.c-wuye .c-right{ width: 643px; height: 485px; margin-top: 90px; margin-right: 43px;}

.c-e{ width: 100%; height: 1387px; background: url(../img/img20.jpg) no-repeat center top;}
.c-e .c-h1{ color: #fff;}
.c-e .c-erweima{ width: 87px; height: 87px; margin: 0 auto; margin-top: 30px;}
.c-e .mt p{ color: #ffffff; text-align: center; margin-top: 10px;}
.c-e .mc{ overflow: hidden;}
.c-e .mc .c-left{ width: 608px; height: 422px; margin-left: 12px; margin-top: 50px;}
.c-e .mc .c-right{ color: #fff; width: 540px; margin-right: 20px; margin-top: 130px;}
.c-e .mc .c-right dl{ margin-bottom: 25px;}
.c-e .mc .c-right dt{ font-size: 18px; font-weight: bold;}
.c-e .mc .c-right dd{ font-size: 14px;}
.c-e .mb{ height: 600px; overflow: hidden;}
.c-e .mb .c-left{ width: 624px; height: 600px; background: #fff;}
.c-e .mb h2{ text-align: center; color: #323232; font-size: 24px; font-weight: bold; padding-top: 20px; padding-bottom: 8px;}
.c-e .mb p{ text-align: center; color: #323232; font-size: 14px; line-height: 24px;}
.c-e .mb .c-left p{ margin-bottom: 50px;}
.c-e .mb .c-left dl{ float: left; padding: 0 12px; height: 68px; margin-bottom: 68px;}
.c-e .mb .c-left dt{ width: 68px; height: 53px; border-radius: 50%; padding-top: 15px; text-align: center; font-size: 16px;
margin: 0 13px; color: #fff; line-height: 20px; float: left;}
.c-e .mb .c-left dt:hover{ box-shadow: 0 0 10px 3px rgba(83,83,83,.35);}
.c-e .mb .c-left .bgc1{ background: #ed86c2;}
.c-e .mb .c-left .bgc2{ background: #fb5c3b;}
.c-e .mb .c-left .bgc3{ background: #1bb833;}
.c-e .mb .c-left .bgc4{ background: #47b1e8;}
.c-e .mb .c-left .bgc5{ background: #ac92ed;}
.c-e .mb .c-left .bgc6{ background: #ffce55; font-size: 14px;}
.c-e .mb .c-left dd{ float: left; padding-left: 4px; font-size: 14px; color: #323232; width: 190px; line-height: 22px;}
.mt1{ margin-top: 15px;}
.mt2{ margin-top: 1px;}
.c-e .mb .c-right{ width: 556px;}
.c-e .mb .c-right .c-top{ height: 316px; background: #fff; margin-bottom: 26px;}
.c-e .mb .c-right ul{ text-align: center;}
.c-e .mb .c-right li{ display: inline-block; width: 68px; height: 53px; border-radius: 50%; padding-top: 15px; text-align: center; font-size: 16px;
margin: 0 11px; color: #fff; line-height: 20px; margin-bottom: 15px;}
.c-e .mb .c-right .c-top p{ margin-bottom: 22px;}
.bg1{ background: #48cfae;}
.bg2{ background: #ed5463;}
.bg3{ background: #00aaff;}
.bg4{ background: #fb6e52;}
.bg5{ background: #ec87c0;}
.bg6{ background: #ac92ed;}
.bg7{ background: #d673ff;}
.bg8{ background: #ffce55;}
.bg9{ background: #19b934;}
.c-e .mb .c-right li:hover{ box-shadow: 0 0 10px 3px rgba(83,83,83,.35);}
.c-e .mb .c-right .c-bottom{ height: 258px; background: #fff;}
.c-e .mb .c-right .c-bottom p{ margin-bottom: 22px;}

.c-about{ width: 100%; height: 600px; background: #ffffff;}
.c-about .c-h1{ color: #0072dc;}
.c-about .mt .c-img{ width: 50px; height: 25px; margin: 0 auto; margin-top: 20px;}
.c-about .mc{ margin-top: 32px;}
/*.c-about .c-right ul{ width: 648px; margin-right: 22px;}
.c-about .c-right li{ width: 194px; height: 108px; border: 1px solid #d6d6d6; float: left; margin-right: 20px; margin-bottom: 18px;}
.c-about .c-right li:hover{ box-shadow: 0 0 10px 3px rgba(83,83,83,.35);}*/

.c-footer{ width: 100%; height: 328px; background: #222222;}
.c-footer .c-left{ width: 292px; height: 118px; margin-top: 105px; padding-right: 64px;}
.c-footer .c-center{ width: 480px; margin-top: 60px; position: relative;}
.c-footer .c-center:after{ content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 210px; background: #393939;}
.c-footer .c-center:before{ content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 210px; background: #393939;}
.c-footer .c-center dl{ padding: 0 34px; line-height: 24px;}
.c-footer .c-center dt{ color: #007cc3; font-weight: bold; font-size: 16px;}
.c-footer .c-center dd{ font-size: 12px; color: #909090;}
.c-footer .c-right{ width: 336px; margin-top: 60px;}
.c-footer .c-right .c-erweima{ width: 58px; height: 58px;}
.c-footer .c-right .c-erweima img{ width: 100%;}
.c-footer .c-right dt{ font-size: 12px; color: #909090; line-height: 36px;}
.c-footer .c-right dd{ font-size: 12px; color: #909090; line-height: 24px;}
.c-footer .c-right ul{ text-align: left; margin-top: 15px;}
.c-footer .c-right li{ display: inline-block; color: #fefefe; font-size: 12px;}
.c-footer .c-right li a{ display: block; color: #fefefe; font-size: 12px;}
.c-footer .c-right .li1{ padding: 0 5px;}
.c-copy{ background: #222222; color: #909090; font-size: 12px; line-height: 60px; text-align: center; border-bottom: 1px solid #393939;}

.c-about .c-right ul {
            margin: 20px;
            width: 627px;
            height: 325px;
            box-sizing: border-box;
            border: 1px #d9d7d3 solid;
            padding: 15px;
            padding-left: 30px;
        }
.c-about .c-right li {
            line-height: 50px;
        }
.c-about .c-right li a {
                text-decoration: none;
                display: inline-block;
                float: left;
                font-size: 14px;
                font-family: Arial;
                color: #323232;
                width: 425px;
                overflow: hidden;
                word-break: keep-all;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
.c-about .c-right li a:hover {
                    color: #007cc3;
                }
.c-about .c-right li span {
                float: right;
                display: inline-block;
                color: #007cc3;
                text-align: right;
                padding-right: 10px;
            }
.c-about .c-right  ul {
            list-style: url(../img/dec.gif);
        }