* { margin:0; padding:0;font-family:"Microsoft YaHei",arial; }
input,button,textarea,select,optgroup,option{outline:none;}
input[type="button"]{ cursor:pointer;}
input,select{vertical-align:middle;}
a {text-decoration:none; cursor:pointer; color: #333;}
a:hover{text-decoration:none; color:#2882d8;}
a:active{color:#1265cf;}
/* 去除默认边框 */
img, a img { border:0;vertical-align:middle; }
/* 去掉列表前的标识, li 会继承 */
ul, ol, li {list-style:none;}
.clear{ clear:both; }
.fl { float:left; }
.fr { float:right; }
.mt8 { margin-top:8px;}
.w1200 { max-width:1200px; margin:auto;}
.c80b { color: #c8001b;}
.ds_f { display: flex;}
.dj_sa { display: flex;justify-content: space-between;align-items: center; }
.ds_c { display: flex;align-items: center;  }
/*====================================================input占位符颜色值开始*/
input::-webkit-input-placeholder{color: #ccc;  }
input:-moz-placeholder{color: #ccc;  }
input::-moz-placeholder{color: #ccc;  }
input:-ms-input-placeholder{color: #ccc;  }
textarea::-webkit-input-placeholder{color: #ccc;  }
textarea:-moz-placeholder{color: #ccc;  }
textarea::-moz-placeholder{color: #ccc;  }
textarea:-ms-input-placeholder {color: #ccc;  }
/*input占位符颜色值结束*/
/*input清除谷歌浏览器记住密码是黄色底*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px white inset !important;
}
/*------------------------------------------------头部导航条开始---------------------------------------------------------------------------*/
.header { width: 100%;position: fixed;left: 0;top: 0;z-index: 100;border-bottom: 1px solid #2882d8;background: #f5f5f5;}
.nav-cont-right .select { border-radius: 16px;background: #1e5cb3;color: #fff;border-color: #1e5cb3;position: relative;display: inline-block;text-align: center;vertical-align: middle;cursor: pointer;}
/*头部申请试用按钮*/
.nav-cont-right .select:hover{ background: #2882d8;border-color: #2882d8;}
/*---------------------------------------------------------------------------导航条结束--------------------------------------------------------------*/
/*-----------------------返回顶部-------------------------------------*/
.back_top{position: fixed;right:0;bottom:200px;width:52px;height:52px;border-radius: 3px;cursor: pointer;overflow: hidden;background: url("../image/top.png") no-repeat;}
.back_top:hover{background: url("../image/top1.png") no-repeat;}
.back_top:active{background: url("../image/top2.png") no-repeat;}
/*-----------------------返回顶部-------------------------------------*/
/*静态banner内容*/
.normal_banner{position:relative;width:100%;height:auto;}
.normal_banner img{width:100%;height:auto;}
.normal_banner a,.btn-confirm { display:inline-block;background-color: #2882d8;color: #fff;border-radius: 5px;text-align: center;position: absolute;border: 0;}
.normal_banner a:hover,.btn-confirm:hover {background-color: #218AED;color:#fff;}
.normal_banner a:active,.btn-confirm:active {background-color: #1E5CB3;}
/*-----------------------------------------------------------------------------底部开始--------------------*/
.sective_cont { max-width:1200px;margin:auto;display: flex;justify-content: center;}
.sective { background: #1a1a1a;text-align: center;color:#999;}
.sective_main dt,.service_right li:first-child { color: #fff; font-size: 0.825rem;}
.footer_copy p { display: flex;justify-content:center;}
.sective_main a { color:#ccc;}
.sective_main a:hover { color:#2882d8;}
.sective_main a:active { color:#1265cf;}
.footer_copy a { margin-left:4px; color:#999;display: flex;align-items: center; }
.footer_copy a:hover { color:#2882d8;}
.footer_copy a:active { color:#1265cf;}
.footer_copy a img {  margin-top:-1px; margin-left:6px;}
.commitment { color:#999;display: inline-block;margin-top:12px;}
/*---------------------------------------------------------------------------底部结束-------------------------------------------------------------*/
/*---------------------------------------弹窗开始---------------------------------------*/
.choice { position: fixed;width: 100%;height: 100%;background: #000;opacity: 0.2;z-index: 149;}
/*弹窗头部*/
.ball_manner { display: flex;justify-content: space-between;align-items: center;color: #333;border-bottom: 1px solid #ddd;box-sizing: border-box;}
/*您想了解的产品*/
.option_menu { display: flex;align-items: center;justify-content: space-around;}
.option_menu li { display: flex;align-items: center;width:78px;}
/*填写资料部分*/
.data_cont { display: flex; align-items: center;}
.data_right { margin-left:5px;}
.data_right input,.data_right textarea { border:1px solid #ddd;border-radius: 3px;box-sizing: border-box;}
.data_right input:focus,.data_right textarea:focus { border:1px solid #2882d8;}
.pop_footer { text-align: center;border-top:1px solid #ddd;}
.submit_btn:after { content: ' ';position: absolute;z-index: 2;bottom: 0;left: 50%;display: block;width:0;height: 100%;
}
.submit_btn:hover:after { transform: translate(-50%);animation: ad_width .3s linear forwards;background: #218AED;}
.submit_btn:active:after{ background:#1E5CB3;}
@keyframes ad_width {
    from { width: 0;height: 100%;}
    to { width: 100%;}
}
.submit_btn { position:relative;display: inline-block;background:#2882d8;color:#fff;border:1px solid #2882d8;border-radius: 5px;box-sizing: border-box;}
.submit_btn span { position:relative;z-index: 4;color:#fff;}
/*==============================单选按钮开始*/
.regular-radio + label,
.regular-radio_1 + label,
.regular-radio_2 + label,
.regular-radio_3 + label { cursor: pointer;padding: 7px;margin-right:8px;margin-top:3px;display: inline-block;position: relative;background:url(../image/icr-green-skin.png) no-repeat 0 -23px;}
.regular-radio_3 + label { margin-top: 4px;margin-right: 8px;}
.regular-radio:hover+ label,
.regular-radio_1:hover+ label,
.regular-radio_2:hover+ label,
.regular-radio_3:hover+ label{ background:url(../image/icr-green-skin.png) no-repeat -22px -23px;}
.regular-radio:checked + label:after,
.regular-radio_1:checked + label:after,
.regular-radio_2:checked + label:after,
.regular-radio_3:checked + label:after { content: ' ';width: 13px;height: 13px;border-radius: 50px;position: absolute;top: 0px;background: url(../image/icr-green-skin.png) no-repeat -45px -23px;text-shadow: 0;left: 0;font-size: 32px;
}
.regular-radio,
.regular-radio_1,
.regular-radio_2,
.regular-radio_3 { display: none;}
/*单选按钮内容*/
.radio_cont { position:absolute;display:inline-block;left: 18px;color:#333;}
/*单选按钮结束*/
@media (min-width: 1025px) {
    /*单选按钮*/
    .radio_cont { width:72px;top:-3px;}
    label:hover .radio_cont { color:#1e5bb2;}
    label:active .radio_cont { color:#1f5bb3;}
    .regular-radio:checked + label:hover .radio_cont,
    .regular-radio_1:checked + label:hover .radio_cont,
    .regular-radio_2:checked + label:hover .radio_cont,
    .regular-radio_3:checked + label:hover .radio_cont { color:#333;}/*------------------------------------------------头部导航条开始---------------------------------------------------------------------------*/
    #Top { height:64px;}
    .nav-toggle { display: none;}
    .small-left{ display: none;}
    .header { height:63px;}
    .nav { height: 64px;padding-left: 0;list-style: none;width: 1200px;margin:auto;}
    .nav-cont li a { display: block;margin: 0 24px;padding: 20px 0;text-align: center;color: #333;border-bottom: 2px solid transparent;font-size: 16px;box-sizing: border-box;}
    .nav-cont li a:hover,
    .nav-cont li.active a,
    .nav-cont li.header_nav_on a { border-bottom: 3px solid #1e5cb3;color: #1e5cb3;}
    /*导航条右侧*/
    .nav-cont-right li { margin-left:34px;line-height: 21px;}
    .nav-cont-right li i{ margin-top: -5px;vertical-align: middle;}
    .nav-cont-right .select { width: 98px;height: 30px;line-height: 30px;}
    /*----------------------------------二级菜单开始--------------------------------*/
    .pull_downnav { min-width: 990px;width: 100%;background-color: #fff;position: fixed;top: 63px;left: 0;z-index: 99;}
    .two_navmain { min-width: 960px;max-width: 1200px;margin: 0 auto;padding-left: 362px;box-sizing: border-box;}
    .pull_downnav a { float: left;padding-right: 48px;text-align: center;line-height: 42px;height: 42px;color: #666;font-size: 14px;}
    .pull_downnav a:hover,
    .pull_downnav #two2_hover{ color:#2882d8;}
    .pull_downnav ul li:hover a{ color:#2882d8; }
    .pull_downnav ul .Select { background-repeat: no-repeat;background-position: center center;}
    /*-----------------------二级菜单结束-------------------------------------*/
    /*banner部分*/
    .pc-banner { display:block;}
    .small-banner { display: none;}
    /*banner按钮*/
    .normal_banner a,.btn-confirm { height:42px;line-height: 42px;width: 132px;font-size:18px;left: 19.4%;top: 69%;}
    .btn-confirm { left:19%;top:54%;}
    /*右侧固定咨询按钮*/
    .small-refer { display: none;}
    /*产品展示公共*/
    .crosswise {display: flex;justify-content: space-between;}
    /*底部*/
    .sective_main { width:75%;display: flex;border-right:1px solid #fff;margin-bottom: 28px;}
    .service_right {margin-left:72px;}
    .sective { padding-top:50px;padding-bottom: 28px;}
    .sective_main dd,.sective_main dt { text-align: left;line-height: 32px;font-size: 14px;}
    .sective_main a { display: block;}
    .sective_main dt,.service_right li:first-child { font-size: 16px;margin-bottom: 14px;}
    .sective_main dl { margin-right:116px;}
    .service_right li:first-child { margin-bottom: 31px;}
    .code { width:78px;height:78px;}
    .footer_copy { display: flex;justify-content: center;color:#999;text-align: center;}
    .service_right li:last-child { margin-top:12px;}
    .footer_copy p:last-child a { margin-left:12px;}
    /*---------------------------------------弹窗开始---------------------------------------*/
    .choice { position: fixed;width: 100%;height: 100%;background: #000;opacity: 0.2;z-index: 149;}
    .pop-up { position: fixed;width: 600px;border-radius: 5px;padding: 0 20px;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);z-index: 150;box-sizing: border-box;}
    /*弹窗头部*/
    .ball_manner { font-size: 18px;  height:50px; }
    @keyframes myfirst
    {
        0% {transform:rotate(0deg);}
        100% {transform:rotate(180deg);}
    }
    /*关闭按钮*/
    .close_btn { display: inline-block;width: 22px;height: 22px;background: url(../image/icon_error.png) no-repeat 2px 2px;}
    .close_btn:hover {
        background: url(../image/icon_error.png) no-repeat 2px -26px;;
        animation:myfirst 0.4s;
        -moz-animation:myfirst 0.4s;
        -webkit-animation:myfirst 0.4s;
        -o-animation:myfirst 0.4s;
    }
    .close_btn:active { background-position:2px -54px;transition: 0s;}
    /*关闭按钮结束*/
    /*您想了解的产品*/
    .pop_option { margin-top:27px;margin-bottom: 26px;font-size: 20px;text-align: center;}
    .menu_text { line-height: 24px;margin-top:24px;padding:0 20px;}
    /*填写资料部分*/
    .data { padding-top:8px;padding-bottom: 12px;}
    .data_cont { margin: 20px;  }
    .data_left { width:124px;text-align: right;}
    .data_right { margin-left:5px;}
    .data_right input,.data_right textarea {width: 348px;padding-left: 10px;height: 30px; }
    .data_right textarea { height: 98px;padding-top: 4px;line-height: 24px;}
    .pop_footer { padding:20px 0;}
    .submit_btn { height:42px;line-height: 40px;padding:0 50px;font-size: 20px;}
    /*弹窗结束*/
}
/*弹窗结束*/
@media (max-height: 768px){
    .pop-up { width: 542px;}
    .pop_option { margin-top: 15px;margin-bottom: 14px;}
    .menu_text { margin-top: 12px;}
    .data { padding-top:0;padding-bottom: 0;}
    .data_cont { margin:16px 20px;}
    .pop_footer { padding: 16px 0;}
    .submit_btn { height: 38px;line-height: 36px;padding: 0 42px;}
}
@media (max-width: 1024px){
    /*单选按钮内容*/
    .option_menu li { width:6.5rem;}
    .radio_cont { width:5rem;top:-0.4rem;font-size: 1.2rem;}
    /*单选按钮结束*/
    /*头部*/
    #Top{ height:3.6rem;box-sizing: border-box;}
    .header { height:3.6rem;}
    .logo { width:7rem;}
    .nav { width:100%;height:100%;padding: 0 1.25rem;box-sizing: border-box;}
    .nav-cont { display: none;}
    /*右侧内容*/
    .nav-cont-right li { margin-left:1rem;}
    .nav-cont-right li a { display: flex;align-items: center;font-size: 1rem;}
    .nav-cont-right li a i { width:1.4rem;height:1.4rem;margin-top:0;background-size: 46.2857rem auto;}
    /*电话按钮*/
    .icon_phone { background-position: -13.7rem -12.1rem;}
    .nav-cont-right li:nth-child(2){ display: none;}
    /*咨询按钮*/
    .small-refer { display: block;position: fixed;right: 0;bottom:9rem;width: 4rem;height: 4rem;border-radius: 3px;background: #2882d8;z-index: 100;text-align: center;}
    .small-refer .icon_consult,
    .small-refer:hover .icon_consult,
    .small-refer:active .icon_consult { width: 2rem;height: 2rem;/*margin-left: 0.7rem;*/margin-top: 1rem;background:url(../image/icon_consult.png) no-repeat;background-size: contain;
    }
    /*.small-refer i { margin-left: 0.25rem;}*/
    a:hover .icon_consult { background-position: -13.69rem -13.69rem;}
    .nav-cont-right { font-size: 0.825rem;}
    .nav-cont-right .select { width:6rem;line-height: 2.2rem;font-size: 1rem;}
    /*新增的功能*/
    .nav-left { position:relative;display: flex;}
    .nav-left a {display: inline-block;margin-top:1px;width:3.5rem;overflow: hidden;}
    .nav-toggle { width: 1.76rem;height: 1.6rem;z-index: 20;background: transparent;background-size: contain;border: none;margin-right: 1.6rem;overflow: hidden;box-sizing: border-box;}
    .nav-toggle img { width:100%;float:left;margin-top:1px;}
    /*遮罩层*/
    .small-right-conter { position:relative;}
    .pop { position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index: 150;display: none;}
    /*左侧菜单*/
    .small-left { width:60%;overflow: hidden;position:fixed;left:-60%;top:0;z-index: 100;opacity: 0;transition:all 0.5s;}
    /*淡入淡出效果*/
    .active { left:0;opacity: 1;}
    .small-nav dl { width: 82%;margin: 0 9%;box-sizing: border-box;}
    .small-nav dl:nth-child(2).hover,.small-nav dl:nth-child(3).hover{border-bottom: 1px solid #ddd;}
    .small-nav dt,.small-nav dd { display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;}
    .small-nav dt {padding:16px 0;font-size: 1.4rem; border-bottom: 1px solid #ddd;}
    .small-nav dl a { display: flex;width:100%;height:100%;align-items: center;}
    .small-nav dd { display:none;border:none;padding:12px 0 12px 1.4rem;font-size: 1.2rem;}
    .small-nav dl dd:nth-child(2) { margin-top:0.5rem;}
    .small-nav dl dd:last-child { margin-bottom: 0.5rem;}
    .small-nav dd.active { border:none;background:#f4f4f4;font-size: 0.825rem;}
    .nav { padding-left:1.5rem;}
    /*菜单选中时的颜色效果*/
    dl.hover dt,dl.hover dt a { color:#1e5cb3;}
    dl.hover .opt a{ color:#2882d8;}
    /*一级菜单图标图标*/
    .small-nav dt img { transition: all 0.2s; }
    .small-nav .hover dt img { transform: rotate(180deg);}
    /*右侧点击后效果*/
    .small_nav_right { display: none;}
    .small-pop { display:block;}
    .small-right,.header { transition:all 0.5s;}
    .small-right {position:absolute;left: 0;z-index: 200;width:100%;}
    .small_right_hover { position: fixed;left: 60%;}
    .small-header { left: 60%;}
    /*返回顶部*/
    .back_top {width: 4rem;height:4rem;bottom:4.9rem;border-radius: 3px;z-index:100;background: url(../image/top.png) no-repeat;background-size: contain;}
    .back_top:hover { background-size: contain;}
    /*二级菜单*/
    .small-second { display: none;}
    /*banner部分*/
    /*banner按钮*/
    .normal_banner a,.btn-confirm { height: 3rem;line-height: 3rem;width: 9.25rem;font-size: 1.4rem;left:50%;transform:translateX(-50%);top: 85%;}
    .btn-confirm { top:25%;}
    .pc-banner { display:none;}
    .small-banner { display: block;}
    /*底部*/
    .sective { padding:3rem 24px 1.5rem;box-sizing: border-box;}
    .sective_main {  width:100%;  display: flex; }
    .sective_main dl { width:25%;box-sizing: border-box;}
    /*标题*/
    .sective_main dt { font-size: 1.1rem;line-height: 1; text-align: left;font-weight: normal;color: #fff;box-sizing: border-box;}
    /*内容*/
    .sective_main dd {  padding-top:1.5rem;  text-align: left;}
    .sective_main dd a { display: block;margin-bottom:0.8rem;font-size:0.95rem;box-sizing: border-box;}
    /*二维码部分*/
    .service_right { width:20%;text-align: center;}
    .service_right li { font-size: 0.525rem;}
    .service_right li:last-child,.service_right li:first-child { display: none;}
    .service_right li img { width:100%;}
    /*最底部*/
    .footer_copy { font-size:12px; margin-top:16px;}
    .footer_copy a img { width:1rem;}
    .footer_copy p:first-child {margin-bottom: 0.225rem;}
    .footer_copy p:first-child span { display: none;}
    .footer_copy p:last-child a { margin-left:6px;}
    .commitment { margin-top:0;font-size: 0.625rem;}
    /*---------------------------------------申请试用弹窗开始------------------------------------*/
    /*申请试用弹窗*/
    .pop-up { width:100%; padding:0.425rem 1.125rem 0; z-index: 10; box-sizing: border-box; }
    /*弹窗头部*/
    .ball_manner {  font-size: 1.125rem;  height:3.125rem; }
    /*您想了解的产品*/
    .pop_option { margin-top:1.2rem;margin-bottom: 1.2rem;font-size: 1.25rem;text-align: center;}
    .option_menu { display: flex;align-items: center;justify-content: space-around;}
    .option_menu li { display: flex;align-items: center;}
    .menu_text { line-height: 1.5rem;margin-top:1rem;}
    /*填写资料部分*/
    .data {padding-bottom: 0.425rem;}
    .data_cont { margin: 1.25rem 0; }
    .data_left { width:9rem;text-align: right;}
    .data_right { width:calc( 100% - 9rem);}
    .data_right input,.data_right textarea { width:100%;padding-left:0.625rem;height:2.225rem;}
    .data_right textarea { height:8.125rem;padding-top: 0.25rem;line-height: 1.5rem;}
    .data_right input:focus,.data_right textarea:focus { border:1px solid #2882d8;}
    .pop_footer { padding:1.25rem 0;}
    .submit_btn { height:2.625rem;line-height: 2.5rem; padding:0 3.125rem;font-size: 1.25rem;}
    /*弹窗结束*/
}


@media screen and (min-width:320px) {
    html { font-size:75%;}
}
@media screen and (min-width:360px) {
    html { font-size:85%;}
}
@media screen and (min-width:375px) {
    html { font-size:87.5%;}
}
@media screen and (min-width:414px) {
    html { font-size:96%;}
}
@media screen and (min-width:768px) {
    html { font-size:110.5%;}
}
@media screen and (min-width:1025px) {
    html { font-size:80%;}
}