@charset "UTF-8";
/* reset style */

/* ie8ΜαΚΎ */
#browser-modal { width: 100%; height: 100%; top: 0; left: 0; text-align: center; color: #303233; position: fixed; z-index: 9999999; }
#browser-modal .browser-modal-cover { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: #111; opacity: .9; z-index: -1 }
#browser-modal .browser-content { width: 700px; margin-top: 120px; margin-left: auto; margin-right: auto; padding-bottom: 80px; padding-top: 50px; background-color: #fff; border-radius: 5px }
#browser-modal .browser-content .browser-dpc-logo img { height: 42px; margin: 45px auto 40px }
#browser-modal .browser-content .browser-text-title { text-transform: uppercase; font-size: 24px }
#browser-modal .browser-content .browser-text-desc { margin-top: 30px; margin-bottom: 20px; font-size: 14px }
#browser-modal .browser-content .browser-list { width: 600px; margin: 20px auto; height: 130px }
#browser-modal .browser-content .browser-item { float: left; width: 150px; padding-top: 20px; padding-bottom: 20px; margin-left: auto; margin-right: auto }
#browser-modal .browser-content .browser-item .iconfont { width: 100px; height: 100px; margin: 0 auto; font-size: 80px; line-height: 80px; margin-bottom: 10px; }
#browser-modal .browser-content .browser-item .iconchrome { background: url(/img/bro.png) no-repeat 0 0 }
#browser-modal .browser-content .browser-item .iconfirefox { background: url(/img/bro.png) no-repeat 0 -100px }
#browser-modal .browser-content .browser-item .iconopera { background: url(/img/bro.png) no-repeat 0 -200px }
#browser-modal .browser-content .browser-item .iconEdge { background: url(/img/bro.png) no-repeat 0 -300px }
#browser-modal .browser-content .browser-item a { cursor: pointer; display: block }
#browser-modal .browser-content .browser-item a img { display: block; margin: 0 auto; max-width: 100px; width: 100px; height: 100px }
#browser-modal .browser-content .browser-item a h4 { text-align: center; margin-top: 20px; font-size: 18px; font-weight: 700 }
 @media only screen and (max-width: 1500px) {
.nav .w1200 {padding: 0;width: 1200px;}
.nav .navul1>li>a{padding: 0 13px;}
}
 @media only screen and (max-width: 1400px) {
.header .w1200 {width: 92%;}
.w1200 { width: 87%; }
.nav .navul1>li>a { padding: 0 10px; }
.nav .w1200 { width: 1300px; }
.nav .navul1 { width: 100%; text-align: center; }
.nav .navul1>li { float: none; display: inline-block; }
.header{height: 93px;}
.header .logo {margin: 22px 0;}
.header .fr {margin-top: 41px;}
.header .fr li a { font-size: 17px; }
.right-nav { right: 10px; }
}
 @media only screen and (max-width: 1300px) {
.nav .navul1>li>a { padding: 0 5px; }
.nav .w1200 { width: 100%; max-width: 100%; }
.nav ul>li.last { margin: 10px 0px 10px 15px; }
.nav ul>li.last { height: 45px; line-height: 45px; background-size: 100% 100%; width: 110px; }
.nav ul>li.last a { font-size: 18px; }
.footer .fl,  .footer .fr { float: none; width: 100%; text-align: center; }
.footer .bq { margin-bottom: 30px; }
.footer .fr li { width: 33.3333%; margin: 0 !important; }
.footer { height: auto; padding-bottom: 30px; }
.footer .logo2 { margin: 45px 0 30px; }
.wrap .title .p1 { font-size: 30px; }
.wrap .title .nav_more a { font-size: 14px; width: 120px; height: 35px; line-height: 35px; }
.header .fr {margin-top: 31px;}
}
 @media only screen and (max-width: 1200px) {
.nav .navul1>li>a { font-size: 16px; padding: 0 3px; }
.nav .w1200 { width: 100%; max-width: 100%; position: relative; }
.nav ul>li.last { margin: 10px 0px 10px 10px; }
.header .fr { }
}
 @media only screen and (max-width: 1100px) {
.nav .navul1>li>a { font-size: 15px; padding: 0 2px; }
.header .fr li a { font-size: 16px; }
.wrap .title .p1 { font-size: 26px; }
.wrap .title .p2 { font-size: 14px; }
.wrap .title .nav_more a { font-size: 13px; }
.second li a { font-size: 16px; }
}
 @media only screen and (min-width: 1001px) {
.nav { display: block !important; }
}
 @media only screen and (max-width: 1000px) {
.nav .navul1 { display: none; }
.right-nav { display: none; }
.header .fr { display: none; }
.navshow { overflow: hidden; }
.header .logo {margin: 20px 0;max-width: 67%;}
.header .fr { margin: 32px 0; }
.header {position: fixed;top: 0;background: #ffffff;z-index: 999;box-shadow: 0px 0px 5px #cdcdcd;}
.banner {margin-top: 94px;margin-left: 0;margin-right: 0;}
.nav { height: calc(100vh - 90px); width: 480px; position: fixed; top: 93px; margin: 0; z-index: 99999; line-height: 60px; left: auto; right: 0; display: none; }
.nav .navul2 { display: block; height: calc(100vh - 90px); overflow: auto; }
.nav .navul2>li { height: auto; width: 100%; line-height: 60px; position: relative; border-bottom: 1px solid rgb(66 117 178); }
.nav .navul2>li>a { font-size: 18px; color: #fff; font-weight: bold; width: 80%; text-indent: 20px; position: relative; display: block; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
.nav .navul2 li ol>li {text-align: left;border: 0;line-height: 50px;position: relative;text-indent: 20px;border-top: 1px solid #5892d9;}
.nav .navul2 li ol>li>a { color: #fff; font-size: 16px; display: block; width: 80%; }
.nav2 ul li i, .nav .navul2 li i {position: absolute;right: 0;width: 13%;height: 60px;top: 0;background: url(/img/c_arr1.png) no-repeat center center;margin: auto;z-index: 10;cursor: pointer;transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;-webkit-transition: all .2s ease;}
.nav2 ul li i.on, .nav .navul2 li i.on {transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);}
.nav .navul2 li i{
    background: url(/img/c_arr2.png) no-repeat center center;
}
.nav .navul2 li ol {display: none;background: #3e83d8;}
.nav .navul2 li ol ul {display: none;background: #6fabf4;}
.nav .navul2 li ol ul li { line-height: 50px; position: relative; text-indent: 30px; float: none; max-width: 100%; padding: 0; }
.nav .navul2 li ol ul li a { color: #fff; font-size: 15px; background: url(/img/right-jt.png) no-repeat center right 24px; display: block; }
.menus {width: 23px;height: 28px;display: block;right: 23px;top: 34px;overflow: hidden;z-index: 452345;cursor: pointer;position: fixed;}
.menus span {float: left;width: 100%;background: #1a56ba;transition: all 0.4s ease;margin-top: 4px;height: 3px;}
.menus.open span:nth-child(1) {transform: rotate(45deg);margin-top: 9px;}
.menus.open span:nth-child(2) {transform: rotate(-45deg);margin-top: -3px;}
.menus.open span:nth-child(3) { opacity: 0; }
}
 @media only screen and (max-width: 768px) {
.nav {top: 85px;height: calc(100vh - 85px);}
.header{height: 84px;}
.header .w1200 {padding: 0;}
.header .logo {/* max-width: 85%; *//* width: 85%; */margin: 20px 0 0;}
.w1200,.desk-table {width: 100% !important;padding: 0 15px;}
.menus {top: 27px;}
.banner{margin-top: 84px;}
.leadBox ul li .l_img_fl{width: 20% !important;}
.leadBox ul li .l_txt{margin-left: 24% !important;}
.service::after{display:none}
}

 @media only screen and (max-width: 700px)
{
.leadBox ul li{
    margin: 60px 0 !important;
}
.leadBox ul li .l_img_fl{width: 52% !important;float: none !important;margin: auto;margin-bottom: 15px;}
.leadBox ul li .l_txt{margin-left: 0 !important;}
.leadBox ul li .l_txt h5{
    text-align: center;
    font-size: 18px !important;
}
.leadBox ul li .l_txt h5 span{
    float: none !important;
    font-size: 17px !important;
    margin-left: 10px;
}
}
 @media only screen and (max-width: 540px) {
.header{height: 80px;}
.header .logo { }
.nav { width: 100%; }
.nav {top: 70px;height: calc(100vh - 70px);}
.nav .navul2 {height: calc(100vh - 70px);}
.banner {margin-top: 70px;}
.banner .slider{height: 187px;}
.menus {top: 23px;}
.footer .fr li { width: 32%; }
.footer .fr li img { width: 100%; height: auto; }
.footer .fr li.first { margin-right: 2%!important; }
.nav .navul2>li>a { font-size: 17px; }
}
 @media only screen and (max-width: 480px) {
.nav .navul2 li ol ul li a { font-size: 14px; }
}