*{margin:0; padding:0; color:#000; font-family:Microsoft YaHei; font-size:16px;}

body{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

ul,ul li{list-style:none}

a{text-decoration:none}

.img{position:relative;display:inline-block;vertical-align:middle}

img{vertical-align:middle;display:block; margin:0 auto;}

.btn{outline:0}



@media screen and (min-width:751px){

    #header {position: fixed; top:0;z-index:999999; height:140px;}

    #footer {height: 985px;}

    header{width:100%;height:auto; position: fixed; top:0; z-index:9999999;background:#fff;}

    header.header {box-shadow: 0 2px 10px rgba(0,0,0,.5); transition:all 0.3s;}

    header .top{height:40px;background:#333}

    .top ul.nav_left{position:absolute;left:50%;margin-left:-600px}

    .top ul li{float:left}

    .top ul li a{color:#fff;display:block;font-size:12px;color:#b0b0b0;width:70px;height:16px;line-height:16px;border-right:1px solid #424242;margin:12px 0;text-align:center}

    .top ul li:last-child a{border-right:none}

    .top ul li a:hover{color:#fff}

    .top ul.LogReg{position:absolute;right:50%;margin-right:-600px}

    .top ul.LogReg a{width:50px}

    header .center{height:99px;line-height:100px;position:relative; border-bottom:1px solid #e0e0e0;}

    .center .logo{position:absolute;left:50%;margin-left:-600px;}

    .logo .img img{height:58px}

    .logo span{display:inline-block;padding-left:16px;color:#797979;font-size:16px;height:26px;line-height:26px;border-left:1px solid #797979}

    .center>ul{position:absolute;height:100%;overflow:hidden;left:42%;margin-left:-135.04px}

    .center>ul li{float:left;width:98px}

    .center>ul li a{display:block;text-align:center;width:100%;height:100px;line-height:100px;box-sizing:border-box;color:#333}

    .center>ul li:hover a , .center>ul li.active a{border-bottom:3.04px solid #40a4fc;color:#40a4fc; transition:all .3s;}

    .center >a{position:absolute;display:block;width:122px;height:40px;line-height:40px;text-align:center;right:50%;top:28.8px;margin-right:-600px;color:#fff;background:orange}

    .center>a:hover{background-color:#ff8400;transition:all .3s}

    header .bottom{height:62px;border-bottom:1px solid #e5e5e5;position:relative;line-height:62px}

    .bottom h3{position:absolute;left:50%;margin-left:-600px;font-size:20px;color:#333;font-weight:400;font-size:16px;height:62px;line-height:62px}

    .bottom h3 span{font-size:14px;color:#616161;padding-left:14px;margin-left:10px;border-left:1px solid #616161}





    .fsubNav {display: none;}

    #subNav{width:1226px;height:auto;background:#fff;overflow:hidden;box-sizing:border-box;text-align:center;position:absolute;top:99px;left:50%;margin-left:-611px;border:1px solid #e0e0e0;border-top:none;z-index:9999; display: none;}

    #subNav .subText{width:50%;text-align:left;box-sizing:border-box;padding:0 30px;float:left;}

    #subNav .subText:nth-child(2) {min-height: 138px;}

    .subText h3{font-size:16px;line-height:18px;margin-top:26px;margin-bottom:14px;text-indent:18px;position:relative}

    .subText h3:after{position:absolute;left:0;content:'';width:6px;height:18px;background:#40a4fc}

    .subText ul{width:100%;height:auto;overflow:hidden;padding-bottom:16px;display:flex;flex-wrap:wrap;justify-content:left;}

    .subText ul li{color:#666;line-height:16px;margin-bottom:10px;padding:0 20px;border-right:1px solid #ddd}

    .subText ul li a{color:#666; font-size:14px;}

    .subText ul li a:hover{color:#40a4fc;}

    .subText ul li:last-child{border-right:none}

    .tel button:hover{color:#fff;background:#326cad;transition:all .4s}

    .banner {margin-top:0px;}

    .reg{width:100%;height:auto;overflow:hidden;background:#2f3438;text-align:center}

    .reg h3{font-size:30px;color:#fff;padding-top:52px}

    .reg>a{display:block;width:265px;height:60px;background:#ff8400;color:#fff;text-align:center;line-height:60px;font-size:24px;color:#fff;margin:0 auto;margin-top:52px;margin-bottom:82px;border-radius:4px}

    .reg .regText{width:100%;height:255px;border-top:2px solid #454a4d;border-bottom:2px solid #454a4d;color:#fff;display:flex;justify-content:center;color:#fff;text-align:left}

    .regText dl{width:425px;height:100%;margin-right:155px;color:#fff}

    .regText ul{width:178px;height:100%;margin-left:92px;color:#fff}

    .regText dl p{font-size:20px;line-height:36px;color:#fff}

    .regText dl p:nth-child(1){padding-top:48px}

    .regText .input-group{margin-top:10px}

    .input-group input{box-sizing:border-box;width:325px;height:40px}

    .input-group button{width:84px;height:40px;    border-radius: 0 4px 4px 0 !important;}

    .regText ul li{line-height:32px;color:#fff}

    .regText ul li:nth-child(1){font-size:24px}

    .regText ul li:nth-child(2){font-size:16px}

    .regText ul li a{display:block;width:160px;height:40px;text-align:center;line-height:40px;font-size:16px;border-radius:3px;background:#40a4fc;color:#fff;margin-top:15px}

    .regText ul li:nth-child(1){padding-top:52px}





    .details{width: 100%;height: auto;padding-top: 50px;padding-bottom: 85px;margin:0 auto;position:relative;display:flex;background: #2f3438;color: #fff;}

    .details ul{width: 1168px;height:100%;display:flex;justify-content: space-between;margin: 0 auto;}

    .details ul li{text-align:center}

    .details ul li h3{font-size: 22px;color: #fff;line-height: 36px;}

    .details ul li a{font-size: 16px;line-height: 36px;color: #fff;display:block;text-align:left;}

    .details ul li a:hover{color:#828080;}

    .details .public{width:332px;height:100%;border-right:1px solid #dcdcdc;text-align:center;position:relative}

    .public img{position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}

    .public p{width:100%;font-size:14px;position:absolute;top:50%;padding-top:14px;color:#333;text-align:center}

    .details .tel{width:230px;height:100%;text-align:center;font-size:20px;color:#326cad;position:relative}

    .tel h3{line-height:30px}

    .tel p{font-size:12px;color:#555;padding-top:10px}

    .tel button{font-size:12px;width:120px;height:30px;border:1px solid #326cad;background:0 0;position:absolute;bottom:50%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}

    footer{width:100%;height: 155px;text-align:center;background: #2f3438;font-size:12px;box-sizing:border-box;position: relative;}

    footer .fotText {width: 1168px;margin: 0 auto; position: relative}

    footer p{line-height:22px;color: #fff;text-align: left;font-size: 16px;line-height: 36px;}

    .fotText img {display: block;position: absolute;bottom: 35px;right: 0;cursor: pointer;}

    .fotText img:hover {transition:all .3s; padding-top:170px; padding-left:92px; background:url(../img/weixins.png) no-repeat; }



    #apd {



        position: absolute;

        width: 420px;

        height: auto;

        box-sizing: border-box;

        padding: 10px;

        background: #fff;

        top: 40px;

        left: 0;

        box-shadow: 0 0 10px #ccc inset;



    }

    #apd #apd_main {



        width: 100%;

        height: auto;

        margin: 0;

        color: #333;





    }

    #apd_main li:nth-child(1){

        padding: 0;

        color: #333;

        position: absolute;

        right: 15px;

        font-size: 14px;

        top: 2px;

        cursor: pointer;

    }

    #apd_main li{

            color: #333;

    }



}



@media screen and (max-width:1226px) and (min-width:750px) {

	.top ul.nav_left {left:20px; margin:0;}

	.top ul.LogReg {right:20px; margin: 0; }

	.center .logo {left:20px; margin:0;}

	.center>ul {left:40%;}

	.center>ul li:last-child{display: none;}

	.center >a {right:20px; margin:0;}

	#subNav {width:94%; left:50%;margin:0; -webkit-transform: translateX(-50%);

	   -moz-transform: translateX(-50%);

	    -ms-transform: translateX(-50%);

	     -o-transform: translateX(-50%);

	        transform: translateX(-50%);}

	.details ul {width:100%;justify-content:space-around;}

	footer .fotText {width:100%; box-sizing: border-box; padding:0 30px;}

	.fotText img {right:20px;}



}

@media screen and (max-width:750px){

    #header{position:fixed;top:0;z-index:999999;background:#fff;width:100%}

    .logo{width:100%;height:.96rem;border-bottom:.01rem solid #dbdbdb;position:relative}

    .logo a {display: block;}

    .logo img{height:.58rem;position:absolute;top:.2rem;left:.2rem}

    .logo .LogReg{position:absolute;width:2.56rem;height:.6rem;top:.2rem;right:.2rem}

    .LogReg li{float:left}

    .LogReg li a{display:block;width:1.2rem;height:.6rem;color:#40a4fc;font-size:.3rem;text-align:center;line-height:.6rem}

    .LogReg li:last-child a{border:.01rem solid #40a4fc;border-radius:.1rem}

    nav{width:100%;height:.96rem;border-bottom:1px solid #dbdbdb;overflow-y:scroll}

    nav::-webkit-scrollbar{width:0;height:0}

    nav ul{height:.99rem;width:12.6rem}

    nav ul li{padding:0 20px;font-size:.36rem;color:#333;position:relative;float:left;line-height:.96rem}

    nav ul li.active:after{content:'';width:.68rem;height:.06rem;background:#40a4fc;position:absolute;bottom:0;left:50%;margin-left:-.34rem}

    nav ul li.active a{color:#40a4fc}

    nav ul li a{display:block;width:100%;height:100%;font-size:.36rem}

    #subNav{width:100%;height:auto;position:absolute;background:#fff;top:1.96rem;box-sizing:border-box;padding:0 .2rem .4rem;border-bottom:.01rem solid #dcdcdc;box-shadow:0 5px 10px #ccc;border-radius:0 0 .2rem .2rem;display:none}

    #subNav h3{font-weight:400;font-size:.32rem;line-height:.5rem;padding-top:.2rem}

    #subNav ul{border-bottom:.01rem solid #eee;padding:.15rem 0;overflow:hidden}

    #subNav ul li{float:left}

    #subNav ul li a{display:block;padding:0 .2rem;color:#666}

    #footer{width:100%;height:auto;overflow:hidden;position:relative}

    #footer ul.menus{width:100%;height:auto;overflow:hidden}

    #footer ul.menus li span{display:block;height:.9rem;border-bottom:.01rem solid #dcdcdc;line-height:.9rem;box-sizing:border-box;padding:0 .2rem;background:#fff;font-size:.36rem;color:#333;position:relative}

    .menus li span img{position:absolute;top:.3rem;right:.2rem;width:.6rem}

    #footer ul.menus li span.actives{background:#eee;border-top:none;transition:all .4s}

    .menus li span img.actives{transform:rotate(180deg);transition:all .4s}

    .menus li ul{display:none;width:100%;height:auto;padding:.2rem 0}

    .Ul li{width:100%;height:.8rem;line-height:.8rem;box-sizing:border-box;padding:0 .2rem;font-size:.3rem}

    .Ul li:hover{background:#eee}

    .Ul li a{color:#888;display:block}

    #footer .tel{width:100%;height:3.75rem;text-align:center}

    .tel p{width:100%;text-align:center;font-size:.8rem;color:#326cad;top:.75rem;padding-top:.5rem}

    .tel span{display:block;width:100%;text-align:center;font-size:30px;color:#555;font-size:.36rem}

    .tel a{display:block;width:3.6rem;height:.66rem;box-sizing:border-box;font-size:.36rem;line-height:.66rem;text-align:center;color:#326cad;border:.01rem solid #326cad;margin:0 auto;margin-top:.4rem}

    footer{width:100%;height:auto;overflow:hidden;position:relative;background:#fafafa;box-sizing:border-box;padding:.25rem .2rem .32rem .2rem}

    footer p{font-size:.3rem;color:#555;line-height:.48rem}

    footer p:last-child,footer p:nth-child(4){color:#888}



}