@charset "UTF-8";
/* CSS Document */
body{color:#0F2F56;margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,SimSun,sans-serif;font-size:14px;background-color:#fff;}
body,html{height:100%;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,form,fieldset,input,textarea,blockquote,p,object{padding:0;margin:0}
table,td,tr,th{font-size:12px}
li{list-style-type:none}
img{vertical-align:top;border:0}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal}
address,cite,code,em{font-weight:normal;font-style:normal}
a{text-decoration:none;color:#6191D4;cursor:pointer;}
a:hover{text-decoration:underline;}
/*base*/
.cont_div{width:1400px;min-height:0;overflow:hidden;margin:0 auto;}

.hm-scroll::-webkit-scrollbar {width:8px}
.hm-scroll::-webkit-scrollbar-thumb {background-color: #e1e3e4;background-clip: content-box;border-top: 5px solid rgba(255,255,255,0);border-bottom: 5px solid rgba(255,255,255,0);border-right: 4px solid rgba(255,255,255,0)}
.hm-scroll::-webkit-scrollbar-track {background-color: #fff}

#head_pos{height: 80px;}
#header{height: 80px;position: fixed;top:0;left:0;right:0;background-color: #fff;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.1);z-index: 8;}
#logo{width: 220px;height: 80px;overflow: hidden;float: left;}
#logo img{height: 80px;overflow:hidden;vertical-align: top;}
#menu_bar{display: none;}



.nav_menu_area_arrow{position:fixed;left:0;bottom:0;right:0;top:0;overflow:hidden;text-align:right;background-color:rgba(60,60,60,0.3);display: none;z-index: 8;}
.nav_menu_home_bar{display: none;}

#menu{min-height: 0;overflow: hidden;}
#menu li{height: 60px;padding:10px 20px;float: left;line-height: 60px;position: relative;}
#menu li a{color:#0F2F56;font-weight: bold;}
#menu li i{display: inline-block;width: 40px;height: 2px;overflow: hidden;background-color: #fff;position: absolute;bottom: 20px;left:50%;margin-left: -20px;}
#menu li.selected i{background-color: #3772F4;} 

.pc_bar{min-height: 0;overflow: hidden;}
.pc_bar h2{font-size: 44px;line-height: 80px;font-weight: bold;margin-bottom: 60px;}
.pc_bar p{font-size: 24px;line-height: 40px;color: #9AA5B9;}
.pc_bar p span{display: block}
.pc_bar p i{display: none}

#pc_01{background:linear-gradient(to right, #f3fbfe, #a7bdec) no-repeat;min-height:0;overflow:hidden;}

#pc_01 .cont_div{height: 660px;background: url('../img/pc_01.png') no-repeat right}
#pc_01 .pc_bar{padding-top:200px;width: 640px;}
#pc_01 .pc_bar h2{margin-bottom: 10px;}


#pc_02{min-height: 0;overflow: hidden;}
#pc_02 .cont_div{height: 800px;background: url('../img/pc_02.jpg') no-repeat left;}
#pc_02 .pc_bar{padding:220px 0 0 830px;width: 468px}

#pc_03{background: url('../img/pc_03.jpg') no-repeat center 230px #F5FAFE;}
#pc_03 .cont_div{height: 700px;}
#pc_03 .pc_bar{padding-top:110px;text-align: center}
#pc_03 .pc_bar p{line-height: 80px;}

#pc_04 .cont_div{height: 800px;background: url('../img/pc_04.jpg') no-repeat right;}
#pc_04 .pc_bar{padding-top:220px;width: 520px;}

#pc_05{background-color: #F5FAFE;}
#pc_05 .cont_div{height: 700px;background: url('../img/pc_05.jpg') no-repeat left;}
#pc_05 .pc_bar{padding:230px 0 0 830px}

#pc_06 .cont_div{height: 800px;background: url('../img/pc_06.jpg') no-repeat right;}
#pc_06 .pc_bar{padding-top:220px;width: 410px;}

#pc_07{background-color: #F5FAFE;}
#pc_07 .cont_div{height: 700px;background: url('../img/pc_07.jpg') no-repeat left;}
#pc_07 .pc_bar{padding:220px 0 0 830px}

#footer{min-height:40px;overflow: hidden;padding:20px 0;overflow: hidden;text-align: center;}
#footer p{line-height: 40px;}
#footer p a{color:#0F2F56;margin-left:80px}

#mask{display: none;}
#linkBar{display: none;}
#ewm_bar{width: 160px;background-color: #fff;padding:15px;border-radius: 8px;position: fixed;right: 20px;top:50%;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
#ewm_bar img{width: 100%;overflow: hidden;}
#ewm_bar p{line-height: 20px;padding-top:10px;text-align: center;}

@media (max-width: 1400px){
    .nav_menu_home_bar{display: block;}
    .cont_div{width: 100%;}
    .pc_bar{min-height: 0;overflow: hidden;padding:0 30px;}
    .pc_bar h2{margin-bottom: 20px;}
    .pc_bar p{font-size: 26px;}
    .pc_bar p span{display: inline}
    .pc_bar p i{display: inline}

    #nav_menu_area{display: none;}
    .nav_menu_area_list{width:60%;min-width:100px;position:fixed;top:0;right:0;bottom:0;background-color:#fff;z-index: 9;}
    .nav_menu_home_bar{height:80px;width:100%;overflow:hidden;position:relative;border-bottom:1px solid #E6E2E2}
    .nav_menu_home_bar b{display:inline-block;height:80px;line-height:80px;overflow:hidden;font-size:28px;padding-left:20px;color: #222;}
    .nav_menu_home_bar span{position:absolute;right:20px;top:26px;display:inline-block;width:28px;height:28px;line-height:28px;font-size:16px;font-family:Arial;text-align:center;border:1px solid #222;border-radius:20px;-webkit-border-radius:20px;}



    #menu li{width: 100%;height: 80px;}

    #menu li a{font-size: 28px;}
    #menu li i{display: none;}


    #menu_bar{float: right;width: 60px;height: 60px;padding:10px;display: block;}
    #pc_01 .cont_div{height: 400px;background: url('../img/pc_01.png') no-repeat right;background-size: 38%;}
    #pc_01 .pc_bar{padding-top:50px;}
    #pc_01 .pc_bar p{width: 380px;}
    
    #pc_02 .cont_div{height:380px;background: url('../img/pc_02.jpg') no-repeat 20px center;background-size: 38%;}
    #pc_02 .pc_bar{padding:50px 10px 0 340px}
    #pc_02 .pc_bar p{width: 360px;}
        
    #pc_03{background: url('../img/m_03.jpg') no-repeat center 120px #F5FAFE;background-size: 100% auto;}
    #pc_03 .cont_div{height: 520px;}
    #pc_03 .pc_bar{padding-top:40px;text-align: center;}
    #pc_03 .pc_bar p{line-height: 40px;margin-top: 260px;}

    #pc_04 .cont_div{height: 380px;background: url('../img/pc_04.jpg') no-repeat right;background-size: 38%;}
    #pc_04 .pc_bar{padding-top:80px;width: 400px;}

    #pc_05 .cont_div{height: 380px;background: url('../img/pc_05.jpg') no-repeat  20px center;background-size: 38%;}
    #pc_05 .pc_bar{padding:50px 10px 0 340px}

    #pc_06 .cont_div{height: 380px;background: url('../img/pc_06.jpg') no-repeat right;background-size: 38%;}
    #pc_06 .pc_bar{padding-top:100px;width: 400px;}
    
    #pc_07 .cont_div{height: 380px;background: url('../img/pc_07.jpg') no-repeat 20px center;background-size: 38%;}
    #pc_07 .pc_bar{padding:50px 10px 0 300px}

    #footer p{font-size: 28px;line-height: 50px;}
    #footer p span{display: inline-block;width: 100%;}
    #footer p a{color:#0F2F56;margin-left:0}

    #mask{position: fixed;left:0;right:0;top:0;bottom: 0;background-color: rgba(0,0,0,0.1);z-index: 9;}
    #linkBar{display: block;position: fixed;z-index: 7;right: 20px;top: 50%;width:100px;height: 80px;font-size: 28px;line-height: 40px;font-weight: bold;letter-spacing: 2px;background-color: #fff;border-radius: 8px;text-align: center;padding:10px 0;box-shadow: 0 0 16px rgba(0,0,0,0.15);}
    #ewm_bar{display: none;width: 500px;background-color: #fff;padding:50px;border-radius: 8px;position: fixed;z-index: 10;box-shadow: 0 0 20px rgba(0,0,0,0.1);right:50%;margin-right:-300px;margin-top:-340px}
    #ewm_bar p{line-height: 50px;padding-top:30px;text-align: center;font-size: 32px;}
}