html {
    position: relative;
}

html:before,
html:after {
    content: "";
    display: block;
    height: 100%;
    z-index: -3;
    position: absolute;
    left: 50%;
    top: 0;
    width: 1970px;
    background: #fff;
    margin-left: -985px;
    box-shadow: 0px 0px 17px rgb(205 228 252 / 37%);
}

html:before {
    z-index: -5;
    background: #f3f3f3;
    width: 100vw;
    margin: 0 auto;
    left: 0;
}

body {
    --container-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}
* { margin: 0px; padding: 0px; border: 0px; }
ol { margin-left: 2em; }
.clearfix::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
body { font-family: 微软雅黑; background-color: rgb(255, 255, 255); }
ul li { list-style-type: none; }
a { text-decoration: none; }
input { border: 1px solid rgb(204, 204, 204); }
.clear { clear: both; }
a:link { color: rgb(0, 0, 0); }
a:visited { color: rgb(0, 0, 0); }
a:hover { }
#MessageContent { border: 1px solid rgb(204, 204, 204); width: 200px; }
.top { height: 165px; }
.nev { width: 985px; margin: 0px auto; }
.shoucang { text-align: right; float: right; font-size: 13px; font-family: 微软雅黑; margin-top: 27px; }
.shoucang ul li { float: left; padding-left: 5px; padding-right: 5px; }
.shoucang ul li a:visited { color: rgb(255, 255, 255); }
.langul li { float: right !important; }
.langul li * { display: inline-block; vertical-align: middle; }
.langul li a { color: rgb(0, 0, 0) !important; }
.langul li img { margin-right: 4px; }
.shoucang ul li:hover ul { display: block; }
.shoucang ul li a:active { color: rgb(0, 0, 0); }
.shoucang ul li ul { position: relative; z-index: 10001; display: none; }
.shoucang ul li ul li { width: 80%; text-align: center; background: rgb(18, 167, 151); }
.shoucang ul li ul li:hover { background: rgb(0, 153, 204); }
.search { padding-top: 5px; height: 30px; position: relative; }
#input { height: 30px; width: 180px; background-image: url("../images/ss.png"); border: 0px; padding-left: 10px; }
.sc { height: 35px; line-height: 35px; }
.logo { width: 1180px; margin: 0px auto; }
.logoimg { float: left; width: 370px; }
.nav_d { background: rgb(97, 98, 104); height: 35px; margin-top: 16px; }
.daohang { height: 35px; line-height: 35px; width: 1035px; margin: 0px auto; }
.daohang > ul > li { width: 125px; height: 35px; line-height: 35px; font-size: 14px; float: left; text-align: center; border-right: 1px solid rgb(204, 204, 204); }
.daohang > ul > li > ul { float: none; width: auto; background: rgb(142, 144, 144); margin: 0px; position: absolute; display: none; z-index: 1001; }
.daohang > ul > li > ul > li { line-height: 50px; border-bottom: 1px inset rgb(255, 255, 255); padding: 0px 15px; min-width: 95px; }
.daohang ul li:hover ul { display: block; }
.daohang > ul > li > a { }
.daohang > ul > li > a:hover { background: rgb(44, 45, 46); display: block; }
.daohang ul li a:link { color: rgb(255, 255, 255); }
.daohang ul li a:visited { color: rgb(255, 255, 255); }
.daohang ul li a:hover { color: rgb(255, 255, 255); }
.banner { height: 254px; }
.solve { height: 325px; background: url("../images/1bg.png") center top no-repeat; }
.solve1 { width: 150px; height: 410px; margin: 0px auto; padding-top: 45px; text-align: center; }
.sol { width: 985px; margin: 0px auto; padding-top: 50px; }
.solution { width: 457px; float: left; }
.sol_img { width: 457px; height: 260px; padding-top: 25px; }
.sol_img ul li { float: left; padding-right: 10px; padding-bottom: 40px; }
.sol_img ul li + li { }
.new { width: 490px; float: left; margin-left: 35px; }
#s_name { width: 137px; height: 20px; font-size: 12px; font-family: 微软雅黑; padding-top: 15px; color: rgb(0, 0, 0); }
#s_name { }
#sol_name { height: 50px; font-size: 20px; color: rgb(8, 185, 166); border-bottom: solid rgb(195, 198, 197); }
#sol_name span { float: right; font-size: 14px; }
.solvenav ul li { height: 24px; line-height: 24px; font-size: 13px; font-family: 微软雅黑; }
.solvenav ul li a { color: rgb(18, 167, 151); }
.solvenav ul li a:hover { color: rgb(18, 167, 151); }
.solvenav ul li img { margin-right: 5px; }
#gd { margin-top: 5px; text-align: center; font-size: 13px; }
#gd a:link { }
#gd a:visited { color: rgb(0, 0, 0); }
.news { width: 600px; margin: 30px auto 0px; border: 0px solid rgb(0, 0, 0); background: url("../images/3bg.png") center 12px no-repeat; height: 85px; text-align: center; }
#jj { height: 40px; width: 108px; line-height: 40px; background: url("../images/4.png") no-repeat; font-size: 20px; color: rgb(255, 255, 255); margin: 0px auto; }
.news1 { width: 600px; height: 460px; margin: 0px auto; padding-top: 45px; text-align: center; }
news1_1 { }
.newsnav ul { width: 540px; margin: 42px auto 0px; }
.n_nr { width: 495px; height: 160px; border-bottom: 1px solid rgb(193, 193, 193); padding-top: 20px; }
.n_left { float: left; width: 200px; height: 138px; }
.n_right { width: 280px; height: 100px; float: left; padding-left: 10px; }
.sj { width: 495px; height: 35px; line-height: 35px; margin-top: 20px; }
.list { height: 128px; padding-top: 25px; }
.list ul li { width: 495px; padding-bottom: 8px; font-size: 14px; }
.list > ul > li > a:link { color: rgb(0, 0, 0); }
.list > ul > li > a:visited { color: rgb(0, 0, 0); }
.list > ul > li > a:hover { color: rgb(18, 167, 151); }
.list ul li span { float: right; }
#n_r_title { font-size: 15px; font-weight: bold; }
#n_l { font-size: 12px; color: rgb(97, 97, 95); }
#n_time { font-size: 12px; color: rgb(140, 145, 145); }
.newsnav ul li { width: 540px; height: 35px; line-height: 35px; background: rgb(237, 237, 237); margin-top: 6px; border-bottom: 1px solid rgb(153, 153, 153); text-align: center; font-size: 15px; }
.newsnav ul li img { padding-top: 10px; padding-left: 10px; float: left; }
.jiejue { width: 600px; margin: 45px auto 0px; background: url("../images/3bg.png") center center no-repeat; }
#newscenter { width: 108px; height: 40px; line-height: 35px; background: url("../images/4.png") no-repeat; font-size: 20px; color: rgb(255, 255, 255); margin: 0px auto; }
.Products { height: 510px; background: rgb(237, 237, 237); }
.Products1 { width: 1160px; margin: 0px auto; }
.Product_display { width: 1000px; margin: 0px auto; height: 57px; line-height: 57px; font-size: 20px; color: rgb(18, 167, 151); border-bottom: 1px solid rgb(193, 193, 193); }
.Product_display span { float: right; font-size: 13px; }
.p_left { float: left; width: 60px; height: 60px; padding-top: 120px; }
.p_left img { cursor: pointer; }
.P_js { width: 1040px; float: left; height: 450px; overflow: hidden; position: relative; }
.p_js1 { padding-top: 40px; width: 240px; float: left; height: 465px; }
.p_js1 { margin: 0px 10px; }
.p_js1_1 { font-size: 14px; font-weight: 800; margin-top: 30px; color: rgb(255, 255, 255); text-align: center; background: rgb(78, 78, 83); width: 200px; }
#xian { height: 1px; background: rgb(255, 255, 255); padding-top: 2px; }
.p_js1_2 { font-size: 12px; font-family: 微软雅黑; line-height: 18px; margin: 5px 0px; height: 36px; }
.p_js1_3 { float: right; }
.p_js1_3 a { color: rgb(18, 167, 151); }
.p_js1_i { height: 230px; }
.p_right { float: right; width: 80px; height: 60px; padding-top: 245px; }
.p_js1, .p_js2, .p_js3 dl dt { font-size: 12px; }
.footer { height: 280px; background: rgb(153, 154, 156); }
.foot { width: 985px; margin: 0px auto; padding: 55px 0px; color: rgb(255, 255, 255); }
.foot ul li a:link { color: rgb(255, 255, 255); }
.foot ul li a:visited { color: rgb(255, 255, 255); }
.foot ul li a:hover { color: rgb(0, 0, 0); }
.foot ul li a:active { color: rgb(255, 255, 255); }
#f_name { font-size: 16px; color: rgb(255, 255, 255); font-weight: bold; }
.foot ul { float: left; height: 160px; padding-left: 20px; width: 135px; text-align: left; border-right: 1px solid rgb(76, 79, 80); }
.foot ul li { font-size: 12px; padding-bottom: 10px; }
.code { width: 200px; float: left; text-align: center; }
.foot_1 { background: rgb(71, 72, 73); height: 85px; }
.f_1 { width: 985px; margin: 0px auto; height: 85px; color: rgb(255, 255, 255); }
.f_left { float: left; width: 490px; height: 85px; line-height: 85px; text-align: center; border-right: 1px solid rgb(80, 80, 80); font-size: 12px; }
.f_right { float: left; width: 405px; height: 53px; padding-top: 32px; font-size: 12px; text-align: left; padding-left: 40px; }
.copy { text-align: center; font-size: 12px; font-family: 微软雅黑; line-height: 24px; color: rgb(169, 169, 169); padding: 25px; height: 35px; background: rgb(14, 18, 21); }
.flexslider { position: relative; height: 400px; overflow: hidden; background: url("../images/loading.gif") 50% center no-repeat; }
.slides { position: relative; z-index: 1; }
.slides li { height: 743px; }
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0px 5px; zoom: 1; }
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url("../images/dot.png") right 0px no-repeat; cursor: pointer; }
.flex-control-nav .flex-active { background-position: 0px 0px; }
.flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; }
.flex-direction-nav li a {display: block;width: 50px;height: 50px;overflow: hidden;cursor: pointer;position: absolute;text-indent: 10rem;}
.flex-direction-nav li a.flex-prev {left: 70px;background: url("../images/prev.png") center center no-repeat;}
.flex-direction-nav li a.flex-next {right: 70px;background: url("../images/next.png") center center no-repeat;display: block;}
.box { padding: 15px 0px 30px; background: rgb(237, 237, 237); }
.main { margin: 0px auto; width: 1080px; }
.aside { width: 255px; float: left; }
.pro_li { border-top: 7px solid rgb(85, 108, 150); background: rgb(255, 255, 255); }
.title { height: 40px; color: rgb(85, 108, 150); line-height: 40px; text-align: center; font-size: 15px; border-bottom: 1px solid rgb(204, 204, 204); }
.pro_li ul li { line-height: 47px; font-size: 12px; font-family: 微软雅黑; border-bottom: 1px solid rgb(204, 204, 204); padding-left: 42px; background: url("../images/li.png") 28px center no-repeat; }
.pro_li ul li a { color: rgb(47, 56, 61); }
.con_li { border-top: 7px solid rgb(85, 108, 150); background: rgb(255, 255, 255); margin-top: 25px; }
.con_li ul li { line-height: 30px; padding: 0px 15px; font-size: 12px; font-family: 微软雅黑; color: rgb(33, 37, 39); }
.con_li ul li img { padding: 0px 5px; }
.content { width: 790px; float: left; padding-left: 25px; background: rgb(255, 255, 255); min-height: 380px; margin-left: 10px; padding-bottom: 30px; }
.position { line-height: 24px; color: rgb(18, 167, 151); font-size: 14px; }
.content ul li { background: rgb(255, 255, 255); margin-bottom: 15px; font-size: 12px; font-family: 微软雅黑; height: 30px; line-height: 30px; padding-left: 20px; padding-right: 10px; }
.content ul li span { float: right; width: 114px; height: 30px; line-height: 30px; }
#dow { float: right; width: 114px; height: 30px; line-height: 30px; background: url("../images/but.png") no-repeat; text-align: center; border-radius: 10px; }
.content ul li span a { color: rgb(255, 255, 255); }
.content > ul > li > span > a:hover { color: rgb(85, 108, 150); }
.c_i { float: left; }
.c_c { padding: 34px; float: left; width: 490px; color: rgb(47, 56, 61); font-family: 微软雅黑; font-size: 12px; line-height: 18px; }
.c_c1 { float: left; width: 480px; margin-left: 20px; margin-top: 30px; }
.cl { width: 202px; height: 232px; border: 1px solid rgb(204, 204, 204); padding: 2px; }
.c_j { margin-top: 20px; font-size: 12px; }
.c_b { margin-top: 40px; height: 42px; width: 150px; line-height: 42px; font-size: 20px; color: rgb(0, 0, 0); text-align: center; font-family: 微软雅黑; }
.cha { width: 715px; height: 30px; line-height: 30px; text-align: center; background: url("../images/gen.png") no-repeat; font-size: 12px; font-weight: bold; padding-left: 5px; margin-top: 50px; }
.cha a:link { color: rgb(255, 255, 255); }
.c_b a { color: rgb(0, 0, 0); font-size: 14px; }
.title1 { font-size: 14px; color: rgb(18, 167, 151); font-weight: 800; font-family: 微软雅黑; }
.page { text-align: center; font-size: 14px; }
.news_list { width: 725px; }
nl_title { width: 725px; }
#nl_name { font-size: 14px; }
#nl_time { font-size: 12px; padding: 10px 10px 10px 0px; }
#nl_xx { font-size: 16px; color: rgb(121, 121, 121); }
.news_list ul { margin-top: 50px; }
.cc { font-family: 微软雅黑; margin-top: 40px; }
.cb { padding: 0px; font-size: 14px; min-height: 600px; }
.cb ul li { width: 227px; height: 300px; float: left; }
.c_name { font-family: 微软雅黑; margin-top: 40px; }
.cb ul li { }
#c_name { padding-top: 15px; font-size: 13px; }
#c_nr { font-size: 12px; padding-top: 5px; }
#c_name a:link { }
.title2 { font-size: 16px; font-weight: 800; text-align: center; line-height: 24px; }
.p_tt { width: 5000px; position: relative; }
.search_b { padding: 10px; margin-top: 10px; }
.form_button { width: 27px; position: absolute; right: 7px; height: 29px; background: url(""); border: 0px; cursor: pointer; }
.network { min-height: 1150px; background: rgb(240, 240, 240); padding-bottom: 20px; }
.net_main { width: 980px; margin: 0px auto; }
.net_main > ul { padding-top: 20px; }
.net_main > ul > li { float: left; width: 160px; height: 48px; line-height: 48px; border: 1px solid rgb(204, 204, 204); border-radius: 10px; text-align: center; background: rgb(243, 243, 243); }
.net_main ul li + li { margin-left: 15px; }
.net_main > ul > li:hover { background: rgb(85, 108, 150); }
.net_main > ul > li > a:hover { color: rgb(255, 255, 255); }
.wang { padding-top: 55px; }
#Office { width: 980px; height: 50px; line-height: 50px; color: rgb(255, 255, 255); margin-top: 60px; font-size: 20px; font-weight: bold; padding-left: 10px; background: url("../images/s1.png") 700px center no-repeat rgb(1, 95, 157); }
.padding { padding-left: 20px; }
.liu { width: 300px; float: left; }
.liu li { padding: 10px 0px; list-style-type: none; font-size: 12px; }
.liu li input { width: 200px; height: 30px; }
#submit { width: 90px; height: 35px; background: rgb(18, 167, 151); margin-left: 100px; border: 0px; }
#l_name { font-size: 24px; font-weight: bold; margin-top: 20px; }
#l_yy { font-size: 12px; margin-top: 10px; }
.ck { width: 300px; height: 250px; float: left; }
.liuy { width: 600px; margin: 0px auto; }