*{ margin: 0; padding: 0; box-sizing: border-box;}
*:focus{ outline:none;}
body{
    font-size: 12px;
    font-family: "Microsoft Yahei","微软雅黑",Verdana,Helvetica,Arial,"SimSun","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Helvetica Neue",sans-serif;
    color: #333;
    background-color: #f3f3f3;
}

ul, li, form, p {
    list-style-type: none;
}
i,em,h1,h2,h3,h4,h5,h6{
    font-style: normal;
    font-weight: normal;
}
a{
    text-decoration:none;
    color: #333;
}
img{
    max-width: 100%;
}
input{
    border: none;
}
.price{ color: #c00; font-family: 'Georgia';}
.mainColor{ color: #c00 !important;}
.mainBgColor{ background-color: #c00; color: #fff;}
.window_width{ max-width: 1200px; margin: 0 auto;}
/* 箭头 */
.arrow i{ content:''; width:0; height: 0; border: 5px solid transparent; border-top-color: #ddd; border-bottom: none; position: absolute; top: 50%; right: 5px; transition: transform .3s; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform-origin: 50% 25%; -webkit-transform-origin: 50% 25%; -moz-transform-origin: 50% 25%; -ms-transform-origin: 50% 25%; -o-transform-origin: 50% 25%;}
@media screen and (min-width: 1025px){
    .arrow:hover i{ transform: rotate(180deg);}
}


/* 正文 */
.section{ padding: 60px 0; text-align: center; overflow: hidden; width: 100%;}
.section .section_title{ font-size: 32px; color: #222222; line-height: 1;}
.section .section_sub_title{ font-size: 16px; color: #666; margin-top: 16px;}
.section .section_div{ margin-top: 60px;}

/* 头部 */
#header{ background: #111; border-top: 2px solid #c00;}
#header .window_width{ padding: 0 10px;}
#header a{ color: #fff;}
#header .logo,#header .menu{ float: left;}
#header .logo{ margin-top: 16px;}
#header .logo a{ vertical-align: top; display: inline-block;}
#header .logo a:last-of-type{ padding-left: 5px; margin-top: 5px; font-size: 14px;}
#header .menu{ margin:0 20px;}
#header .menu>li{ float: left; position: relative;}
#header .menu .a_item{ font-size: 16px; color: #ccc; height: 70px; line-height: 65px; padding: 0 10px; display: block; border-top: 3px solid transparent;}
#header .new{ background-image: url(/images/apply_img/dmnew.gif); background-repeat: no-repeat; background-position: right 5px;}
#header .menu #hot .a_item,#header .menu>li:hover .a_item{ background-color: #333; color: #fff; border-top: 3px solid #c00;}
#header .menu .arrow>a{ padding: 0 25px 0 15px;}
#header .menu .arrow:after{ right: 10px;}
#header .sub_menu{ display: none; overflow: hidden; width: 800px; padding: 20px 0; background: #333; position: absolute; top: 100%; left: -50px; z-index: 100;}
#header .templates .sub_menu{ width: 100px; left: -15px;}
#header .sub_menu .sub_menu_list{ float: left; width: 25%; border-right: 1px solid #3e3e3e;}
#header .templates .sub_menu_list{ width: 100%; text-align: center;}
#header .sub_menu .sub_menu_list:last-of-type{ border-right: none;}
#header .menu>li:hover .sub_menu{ display: block;}
#header .sub_menu span{ color: #888;}
#header .sub_menu .new{ background-position: 80px center;}
#header .sub_menu a,#header .sub_menu span{ font-size: 14px; display: block; height: 40px; line-height: 40px; padding-left: 30px;}
#header .templates .sub_menu a,#header .templates .sub_menu span{ padding-left: 0;}
#header .sub_menu li:hover{ background: rgba(255,255,255,.1);}
#header .user_btn{ float: right; margin-top: 19.5px;}
#header .user_btn a{ float: right; padding: 5px 20px; font-size: 16px; }
#header .user_btn a:hover{ background: #f00;}
#header .user_btn a:first-of-type{ background: #06c; }
#header .user_btn a:last-of-type{ background: #c00; margin-right: 10px;}
#header .user_btn .control{ background: #c00;}
#header .mobile_menu{ display: none;}
#header #mobile_menu_box{ display: none;}

/* 底部 */
#bottom{ background: #333; position: relative;}
#bottom .window_width{ padding: 0 10px;}
#bottom .footer_top{ border-bottom: 1px solid #555; padding: 30px 0; color: #999;}
#bottom .item{ float: left;}
#bottom .item:first-of-type{ width: 490px;}
#bottom .item .company{ font-size: 14px; font-weight: bold;}
#bottom .web_logo a{ padding-right: 20px;}
#bottom .item .phone{ font-family: 'Georgia'; color: #fc0; font-size: 24px;}
#bottom .company,#bottom .web_logo,#bottom .phone, #bottom p{ margin-bottom: 15px;}
#bottom .item h2{ color: #eee; margin-bottom: 25px;}
#bottom .item li{ height: 30px; line-height: 30px;}
#bottom a{ color: #999; position: relative;}
#bottom a:hover{ color: #fff;}
#bottom .wechat:after,#bottom .micro_blog:after{ content: ''; display: inline-block; width: 23px; height: 20px; background-repeat: no-repeat; vertical-align: middle; margin: 0 10px 0 5px;}
#bottom .wechat:after{ background-image: url(/images/weixin.png);}
#bottom .wechat div{ display: none; position: absolute; left: 0; top: calc(100% + 10px); border: 8px solid #232323; border-radius: 5px; z-index: 10; line-height: 1;}
#bottom .wechat i{ border: 8px solid transparent; border-bottom-color:#232323; position: absolute; bottom: calc(100% + 8px); right: 20px;}
#bottom .wechat:hover div{ display: block;}
#bottom .micro_blog:after{ background-image: url(/images/weibo.png);}
#bottom .footer_bottom{ padding: 25px 0 50px;}
#bottom .footer_bottom p{ text-align: center; color: #666; line-height: 2;}
.statistics{ position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; z-index: 100;}


/* 侧边咨�?? */
.online{position: fixed;bottom: 293px;right: 30px;-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;z-index: 150;}
.online li{height: 65px;width: 65px;background-color: #666666;color: #fff;position: relative; padding-top: 5px;cursor: pointer;margin-bottom: 1px;}
.online li a{color: #fff;}
.online li:hover{background-color: #cc0000;}
.online li .img_box{height: 35px;width: 35px;position: relative; margin: 0 auto;}
.online li .img_box img,.online li .fanhui{top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;}
.online li p{text-align: center;line-height: 1.2;font-size: 12px;}
.online .getTop{ display: none;}

@media screen and (max-width: 1024px){
    #newBridge{ z-index: 150 !important;}
    .window_width{ width: 100%; height: auto;}
    #header .menu,#header .user_btn{ display: none;}
    #header .logo{ margin-top: 10px;}
    #header .mobile_menu{ display: block; float: right; width: 25px; margin: 16px 0;}

    #mobile_menu_box{ display: none; background: #222; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 200; padding: 10px;}
    #mobile_menu_box .mobile_user_btn{ border-bottom: 2px solid #c00; padding-bottom: 10px;}
    #mobile_menu_box .mobile_user_btn a{ display: inline-block; background: #c00; font-size: 16px; padding: 5px 15px;}
    #mobile_menu_box .mobile_user_btn a:first-of-type{ margin-right: 10px;}
    #mobile_menu_box .mobile_user_btn .box_close{ color: #fff; float: right; font-size: 20px; height: 30px; width: 30px; line-height: 30px; text-align: center;}

    #mobile_menu_box .menu_list{ padding: 20px 0; height: calc(100% - 50px); overflow-y: scroll; overflow-x: hidden;}
    #mobile_menu_box .menu_list .arrow{ position: relative;}
    #mobile_menu_box .menu_list li{ position: relative; margin-bottom: 20px;}
    #mobile_menu_box a{ display: block;}
    #mobile_menu_box .arrow a{  width: calc(100% - 50px);}
    #mobile_menu_box .menu_list img{ height: 30px; vertical-align: middle;}
    #mobile_menu_box .menu_list span{ font-size: 16px; line-height:40px; height: 40px; vertical-align: middle; margin-left: 10px; display: inline-block; border-bottom: 1px solid #fff; width: calc(100% - 40px);}
    #mobile_menu_box i{ border-width: 8px;}
    #mobile_menu_box .sub_menu_list{ padding: 20px 0 0 50px; display: none;}
    #mobile_menu_box .sub_menu_list span{ width: 100%; margin-left: 0px;}
    #mobile_menu_box .three_menu_list{ padding: 20px 0 0 30px; display: none;}
    #mobile_menu_box .rotate{ transform: rotate(180deg);}

    .online{ right: 0;}
    .online li{ height: 40px; width: 40px;}
    .online li .img_box{ width: 25px; height: 25px;}
    .online li p{ display: none;}

}
@media screen and (max-width: 768px){
    .section{ padding: 40px 0;}
    .section .section_div{ margin-top: 40px; padding: 0 20px;}
}
@media screen and (max-width: 640px){
    #header .logo{ margin-top: 16px;}
    #header .logo a{ width: 150px;}
    #header .logo a:last-of-type{ width: auto; margin-top: 0; font-size: 12px;}

    .section{ padding: 20px 0;}
    .section .section_title{ font-size: 18px;}
    .section .section_sub_title{ font-size: 14px; margin-top: 5px; line-height: 2;}
    .section .section_div{ margin-top: 20px;}

    #mobile_menu_box .menu_list span{ font-size: 14px;}
    #mobile_menu_box .menu_list img{ height: 20px;}

    #bottom .footer_top{ display: none;}
}