@charset "utf-8";
/*COMMON*/
body{padding:0px;margin:0px;color:#666;font-size:12px;overflow-x:hidden;font-family:tahoma,'Microsoft YaHei','Heiti SC','SimHei'}
input[type='text'],input[type='button']{padding:0px;margin:0px}
ul,img,p,font,dd,dl{padding:0px;margin:0px;border:0px}
em{font-weight:normal}
li{list-style-type:none;padding:0px;margin:0px;border:0px}
a{text-decoration:none;color:#333;cursor:pointer}
a:hover{text-decoration:none;color:#15549a}

.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{display:inline-table}
*html .clear{height:1%}
.clear{display:block}
*+html .clear{min-height:1%}

.no_info{ width: 150px; display: block; margin: 20px auto; text-align: center; font-size: 18px; color: #ccc;}
.no_info span{ width: 60px; height: 60px; margin: 0 auto; text-align: center; line-height: 60px; border: 5px solid #ccc; font-size: 30px; display: block; margin-bottom: 20px; border-radius: 100%;}

/*PC*/
@media(min-width:769px){
    body{background: #f4f4f4;}
    .phone_show{ display: none !important;}

    *:hover{webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;transition:all .6s ease;}

    .kefu_pc{position:fixed;top:200px;right:10px;z-index:999}
    .kefu_pc *,.kefu_pc a:hover{color:#15549a}
    .kefu_pc .pc_item{width:45px;height:45px;margin-bottom:10px;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
    .kefu_pc .pc_item .tit{height:45px;cursor:pointer}
    .kefu_pc .pc_item .tit .fa{font-size:30px;text-align:center;line-height:45px;display:block}
    .kefu_pc .pc_item .txt{width:0px;overflow:hidden;position:relative;top:-45px}
    .kefu_pc .pc_item .pc_item_box{padding:10px;line-height:22px}
    .kefu_pc .pc_item_tel{line-height:45px;padding-left:15px;font-size:14px;font-family:"Helvetica Neue","Microsoft YaHei"}
    .kefu_pc .pc_item .pc_item_box a{display:block;width:33%;float:left}
    .kefu_pc .pc_item .pc_item_box img{width:119px;height:119px;padding:8px;background:#fff}
    .kefu_pc .pc_item:hover{background:#15549a}
    .kefu_pc .pc_item:hover *{color:#fff}

    .kefu_pc .pc_item:hover .txt{left:-155px;width:155px;background:#15549a}

    .title_cn{text-align:center;letter-spacing:-1px;font-size:40px;line-height:66px;color:#15549a;font-weight:800}
    .title_en{text-align:center;letter-spacing:-1px;font-size:22px;line-height:66px;color:#999;font-weight:400;font-family:Arial}

    .center{width:1400px;margin:0 auto}
    .left{float:left}
    .right{float:right}

    .bounce{display:flex;align-items:center;justify-content:center;width:100%;color:white;height:100%;font:normal bold 3rem "Product Sans",sans-serif;white-space:nowrap}
    .letter{animation:bounce 0.75s cubic-bezier(0.05,0,0.2,1) infinite alternate;display:inline-block;transform:translate3d(0,0,0);margin-top:1em;text-shadow:rgba(255,255,255,0.4) 0 0 0.05em;font:normal 400 1.5rem 'Varela Round',sans-serif}
    .letter:nth-child(1){animation-delay:0s}
    .letter:nth-child(2){animation-delay:0.0833333333s}
    .letter:nth-child(3){animation-delay:0.1666666667s}
    .letter:nth-child(4){animation-delay:0.25s}
    .letter:nth-child(5){animation-delay:0.3333333333s}
    .letter:nth-child(6){animation-delay:0.4166666667s}
    @keyframes bounce{0%{transform:translate3d(0,0,0);text-shadow:rgba(255,255,255,0.4) 0 0 0.05em}
        100%{transform:translate3d(0,-0.5em,0);text-shadow:rgba(255,255,255,0.4) 0 1em 0.35em}
    }

    .head{height:80px;position:fixed;left:0px;right:0px;top:0px;z-index:999;box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);}
    .head_bg{height:80px;background:#fff}
    .head_panel{height:80px;position:relative;top:-80px}
    .head .logo{padding-top:5px;}
    .head .logo img{height:70px}
    .head .logo_line{border-left:1px solid #999;border-right:1px solid #333;height:15px;margin-left:50px;margin-top:35px}
    .head .tel{margin-left:50px;padding-top:10px}
    .head .tel i{font-size:30px;margin-top:20px;margin-right:20px;color:#fff}

    .head .language{height:80px; line-height: 80px;padding-right:60px}
    .head .language a{font-size:16px;color:#f7f7f7;}
    .head .language a:hover{color: #15549a}

    .head .nav{height:80px;}
    .head .nav li{float:left}
    .head .nav li .nav_item{color:#666;font-size:16px;display:block;width:170px;height:80px;text-align:center;overflow:hidden;}
    .head .nav li .icon{display:none}
    .head .nav li .cn{position:relative;height:77px;line-height:77px;display:block;font-weight:bold;}
    .head .nav li .line{position:relative;width:0px;height:3px;background:#fff;margin:0 auto}
    .head .nav li .en{position:relative;color:#15549a;height:77px;line-height:75px;font-weight:bold;}
    .head .nav #chk .line,.head .nav li a:hover .line{width:120px;background:#15549a;webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;transition:all .6s ease}
    .head .nav #chk .cn,.head .nav li a:hover .cn{top:-10px;height:0px;line-height:0px;webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;transition:all .6s ease}
    .head li .nav_dropdown{-moz-opacity: 0.98;opacity: .98;filter: alpha(opacity=98);background:#15549a;position: fixed;top: 80px; left:0 !important; right:0 !important;height: 0px;overflow: hidden; }
    .head nav:hover *{-moz-transform: none;-webkit-transform: none;-o-transform: none;-ms-transform: none;transform: none;}


    .nav li:nth-child(3) .list {width: unset !important}


    .head li:hover .nav_dropdown{height:300px;webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
    .nav_box .tit{width:299px; border-right: 1px solid #2066b5;height:300px;}
    .nav_box .tit div{line-height:260px;text-align:left;font-size:30px; font-weight: bold;color: #fff;}
    .nav_box .list{width:300px;}
    .nav_box .list a{font-size:14px;height:34px;line-height:34px;display:block;text-indent:50px; color: #fff;}
    .nav_box .list a:first-child{ margin-top: 30px;}
    .nav_box .list a:hover{ background: #2066b5; color: #fff;}
    .nav_box .pic{width:800px;}
    .nav_box .pic img{width:100%;height:238px;margin-top:30px;display:block;}

    .nav_box dl dt{float:left;width: 300px;}


    .foot{background:#fff;color:#999}
    .foot .top{border-top:8px solid #c91c1d;height:350px;overflow:hidden}
    .foot .bottom{height:50px;line-height:50px;overflow:hidden;background:#eee;text-align:center}
    .foot a{color:#999}
    .foot a:hover{text-decoration:underline}
    .foot .top .center{padding-top:60px}
    .foot .top ul li:first-child{padding-left: 0 !important;}
    .foot .top ul li{float:left; padding-left:50px;}
    .foot .top ul li span{display:block;font-size:16px;line-height:40px;color:#333; font-weight: bold;}
    .foot .top ul li a{display:block;line-height:35px;font-size:14px}
    .foot .top ul li div{font-size:14px}
    .foot .top ul li .tel{font-size:24px;color:#15549a;font-weight:bold;font-family:Arial;margin-bottom:10px}
    .foot .top ul li .work{color:#999;line-height:40px}
    .foot .top ul li .address{width:330px;color:#999;line-height:25px;margin-bottom:20px}
    .foot .top ul li .message{border:1px solid #aaa;color:#999;padding:10px;cursor:pointer;text-align:center;margin-top:10px}
    .foot .top ul li .message:hover{border:1px solid #15549a;background:#15549a;color:#fff;webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;transition:all .6s ease}
    .foot .top ul li img{width:110px;height:110px;border:10px solid #f4f4f4;border-radius:5px;display:block;margin-top:10px;cursor:pointer}
    .foot .top ul li center{line-height:30px;color:#999}
    .foot .top ul li img:hover{border:10px solid #aaa;webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;transition:all .6s ease}

    .foot .top .contact em{width:45px;height:45px;line-height:45px;text-align:center;font-size:18px;margin-left:8px;margin-top:20px;display:block;float:left;background:#525252;border-radius:100%;cursor:pointer}
    .foot .top .contact em:hover{background:#15549a;color:#fff;webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;transition:all .6s ease}

    .foot .middle{height:45px;line-height:45px; margin-top: 40px; border-top:1px solid #eee;}
    .foot .middle a{padding:0px 10px}
    .foot .contact_phone{display:none}


    .page{background: #fff;margin: 60px 0;padding: 50px; font-size: 18px; line-height: 35px;}
    .page image,.page img{max-width: 100%;}


    #pageList{width:100%;display:block;height:40px;border:0px;padding-bottom:100px;font-size:14px}
    #pageList span{float:left;margin-right:5px}
    #pageList span select,#pageList span label,#pageList span a{margin:0px;padding:0px 10px;border:0px;display:block;border-radius:3px}
    #pageList span select,#pageList em{height:40px;line-height:40px;font-style:normal}
    #pageList span label,#pageList span a{height:38px;line-height:38px}
    #pageList span select{border:1px solid #ccc}
    #pageList span label{border:1px solid #ccc;background:#fff;color:#999}
    #pageList span a{border:1px solid #222;background:#222;color:#fff;text-decoration:none}
    #pageList #chk{background:#222 !important;border:1px solid #222 !important}
    #pageList #chk a{color:#fff !important}
}


@media (max-width:769px){


    body *{display: none !important;}
    body::before{content: "暂不支持手机适配";font-size: 30px;text-align:center;padding: 30px 0;position: absolute;left: 0;right: 0;}

    .phone_hide{ display: none;}

    .head_panel{ height: 80px; position: fixed; left: 0px; right: 0px; top:0px; z-index: 100;}
    .head .head_panel{background:#fff; height: 80px;}
    .head .logo{  padding: 15px; float: left;}
    .head .logo img{ height: 50px;}
    .phone_panel{ height: 80px;}

    .head .nav{ float: right;}
    .head .nav .phone_show i{ width: 50px; height: 50px; margin-top: 15px;cursor: pointer; display: block; text-align: center; line-height: 50px; font-size: 24px; font-style: normal; color: #fff;}
    .head .nav ul{ position: fixed; top: 80px; left: 0px; right: 0px; bottom: 0px; background: #000; border-top:1px solid #333; z-index: 100; display: none;}
    .head .nav ul li:first-child{border-top: 0px !important;}
    .head .nav ul li{ display: block; margin: 10px 20px 0px 20px; border-top:1px solid #333;}
    .head .nav ul a{color: #fff; padding: 10px 0px 0px 10px;}


    .title_cn{ padding-left:20px;font-size:16px;line-height:45px;color:#fff;font-weight:600; background: #15549a}
    .title_en{ display: none;}

    .foot{background:#333635;color:#aaa}
    .foot .top,
    .foot .middle{ display:none;}
    .foot .bottom{height:50px;line-height:50px;overflow:hidden;background:#222;text-align:center}

    .kefu_pc{display: none;}


    #pageList {width:100%;display:block;border:0px;height:40px;font-size:12px;background:#eee;overflow:hidden;}
    #pageList .left {display:none;}
    #pageList .right {width:210px;margin:0 auto;border-right:1px solid #ddd;height:40px;}
    #pageList span select,
    #pageList span label,
    #pageList span a {margin:0px;width:50px;border:0px;border-left:1px solid #ddd;display:block;float:left;text-align:center;}
    #pageList span select,
    #pageList em {height:40px;line-height:40px;text-align:center;font-style:normal;background:#222;color:#fff;border-radius:0;text-indent:15px;-webkit-appearance:none;-webkit-border-radius:0px;}
    #pageList span label,
    #pageList span a {height:40px;line-height:40px;}
    #pageList span select { display: none}
    #pageList span label {color:#999;}
    #pageList span a {color:#15549a;text-decoration:none;}
    #pageList #chk {background:#222 !important;border:1px solid #222 !important;}
    #pageList #chk a {color:#fff !important;}
}