@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*===========================1200px=========================================*/
@media screen and (min-width: 1201px) {
.qp_maina,.qp_mainc,.wg_cpjs,.wg_cpjsb,.sy_rightabout dd,.footer_a,.footer_end,.sy_aboutrightb{width:100%; float: left;}
.qp_mainb{width:1200px; margin: 0px auto;}
.head{/*box-shadow: 0px 0px 20px rgba(53, 106, 146, 0.16)*/ z-index: 100; position: relative;}
.ss_main{width:1100px;}
.kd_c{width:1220px;}
.ss_a{width:100%; border-bottom: 1px solid #ccc; padding-bottom: 10px; float: left;}
.ss_a input{width:1000px; float: left;color:#fff; padding: 15px 10px; background: none; font-size:18px; border: 0px;}
.ss_a button{width:100px; float: right; font-size:26px; text-align: center; background: none; border: 1px; color:#fff; line-height: 40px;}
.title_sj{width:860px; margin: 0px auto; text-align: center; padding-top: 70px;}
.title_sj dd{color:#de7b22; font-size:18px; font-family: 'qipei';}
.title_sj h1{font-size:24px; margin-top: 30px; line-height: 40px; margin-bottom: 15px; font-family: 'qipei';}
.title_sj p{color:#666; font-family: Arial; margin-bottom: 30px;}
.tjcp_b{width:100%; background: #eee; padding: 20px;}
.tjcp_b h1{font-size:22px;font-family: 'qipei';}
.tjcp_b dd{color:#de7b22;}
.tjcp_b p{font-size:16px; padding: 15px 0px; font-family: Arial; color:#777; line-height: 28px;}
.tjcp_b a{display:block; transition: all 0.6s; width: 50%; margin: 10px auto;border: 1px solid #de7b22; text-align: center; line-height: 36px; font-family: 'qipei';}
.tjcp_b a:link,.tjcp_b a:visited{color:#de7b22;}
.tt_show:hover .tjcp_b a{background:#de7b22;}
.tt_show:hover .tjcp_b a:link,.tt_show:hover .tjcp_b a:visited{color:#fff}
.about_sp{ background: url(../images/init-2-bg.jpg) center no-repeat; padding: 100px 0px;color:#fff;}
.sj_spa{width:100%; text-align: center;}
.sj_spa dd{text-transform: uppercase; font-style: italic; color:#de7b22; font-size:18px;font-family: 'qipei';}
.syjj_left,.syjj_right{width:600px; float: left; padding-top: 80px; padding-bottom: 90px;}
.sj_spa h1{font-size:38px;font-family: 'qipei'; padding: 20px 0px;}

.syjj_left{width:50%; float: left;}
.syjj_lefta,.syjj_right{width:50%; float: left; padding-top: 20px; padding-bottom: 40px;}
.syjj_right{padding-top:100px;}
.syjj_lefta{width:100%; float: left;}
.syjj_left{padding-right:40px;}
.syjj_lefta h1{font-size:40px;font-family: 'qipei';color:#2776bb; color:#455d58;}
.syjj_lefta dd{font-size:18px; font-style: italic; color:#777;}
.syjj_lefta h2{font-size:34px; color:#222;font-family: 'qipei'; padding-bottom: 25px;}
.syjj_leftb p{font-size:14px; font-family: Arial; color:#888; line-height: 30px; margin-bottom: 15px;}
/*.syjj_right{background:#2776bb; padding-top: 0px; margin-top: 80px; padding-bottom: 30px; padding-right: 30px;}*/
.syjj_leftb dd{width:100%; float: left;  margin-top: 20px;}
.syjj_leftb dd a{ border-left:1px solid #222; padding-left: 10px;font-family: 'qipei'; font-style:italic;}
.syjj_leftb dd a:link,.syjj_leftb dd a:visited{color:#2776bb; }
.sj_xt{padding:80px 0px; background: url(../images/init-4-bg.jpg) center no-repeat;color:#fff;}
.sz_gd li{width:21%; float: left; text-align: center; margin: 20px 2%; background: #fff; border-radius: 8px; padding: 20px 0px; transition: all 0.6s;}
.sz_gd li:hover{ margin-top:-10px;}
.kd_b{width:1220px;}
.sj_tjnews{width:385px;  background: #fff; float: left; margin:40px 10px;}
.sj_tjnewsa{ z-index:1;}
.sj_tjnewsb{width:100%; float: left; height: 50px; background:rgba(54,118,141,0.9); color:#fff; margin-top: -50px; z-index: 2; position: relative;}
.sj_tjnewsb li{width:50%; float: left; text-align: center; line-height: 50px;}
.sj_tjnewsb li span{padding-right:8px;}
.sj_tjnewsc{width:100%; float: left; padding: 25px; text-align: center;}
.sj_tjnewsc h1{font-family:'qipei'; font-size:22px; height: 54px; overflow: hidden; margin-bottom: 25px;}
.sj_tjnewsc h1 a:link,.sj_tjnewsc h1 a:viited{color:#222;}
.sj_tjnewsc h1 a{transition:all 0.6s;}
.sj_tjnewsc p{color:#888; line-height: 28px;}
.sj_tjnewsc dd{width:100%; float: left; margin-top: 20px;}
.sj_tjnewsc dd a{font-family:'qipei';}
.sj_tjnewsc dd a:link,.sj_tjnewsc dd a:visited{color:#de7b22;}
.sj_tjnews:hover .sj_tjnewsc h1 a{color:#de7b22;}
.qp_footer{background:#184a7a; padding: 80px 0px;}
.footer_a{border-bottom:1px solid #222b46; padding-bottom: 15px;}
.footer_a2 a:link,.footer_a2 a:visited{color:#fff;}
.footer_a1,.footer_a2{width:50%; float: left;}
.footer_a1 img{width:180px;}
.footer_a2{text-align:right; font-size:24px; padding-top: 35px;}
.footer_a2 a{border-radius:500px; border: 1px solid #fff; padding:4px; margin-left: 10px;}
.footer_dha,.footer_dhb,.footer_dhc{ float: left;color:#b6b9bd; padding-top: 40px;}
.footer_dha{width:300px; }
.footer_dha h1,.footer_dhb h1,.footer_dhc h1,.footer_ewm h1{font-family:'qipei'; padding-bottom: 15px; font-size:20px;color:#fff;}
.footer_ewm{padding-top:40px; width: 120px; float: right;}
.footer_dha dd{line-height:30px;color:#fff;font-family: 'Poppins', sans-serif;}
.footer_a22{width:100%;}
.footer_a22 a{margin-left:0px; margin-right: 5px;}
.footer_dhb{width:180px; float: left; margin-left: 100px;}
.footer_dhc{width:420px; float: left; margin-left: 50px; }
.footer_dhc dd,.footer_dhb dd{font-size:14px; font-weight: normal;line-height: 38px; color:#fff; font-family: 'Poppins', sans-serif;}
.footer_dhb dd a:link,.footer_dhb dd a:visited{color:#fff;}
.footer_end{ line-height: 70px;}
.footer_end{color:#fff;}
.auto_kf{width:60px; position: fixed; right: 0px; bottom:200px; z-index: 9999;}
.auto_kfa{width:100%; height: 60px; transition: all 0.6s; background: #1c1c1c; text-align: center; line-height: 60px;color:#fff;}
.auto_kfa:hover{background:#2776bb;}
.kf_tel{width:200px; height: 60px; display: none; transition: all 0.6s; font-size:18px; background: #2776bb; color:#fff; position: absolute; margin-left: -200px; margin-top: -62px;}
.kf_tel span{padding-right:8px;}
.auto_kfa:hover{background: #2776bb;}
.auto_kfa:hover .kf_tel{display:block;animation: hideIndex 0.3s;-moz-animation: hideIndex  0.3s; /* Firefox */-webkit-animation: hideIndex  0.3s; /* Safari and Chrome */-o-animation: hideIndex  0.3s; /* Opera */}
.auto_kfa a:link,.auto_kfa a:visited{color:#fff;}
.auto_kfa a{display:block; width: 100%; height: 60px;}
.ycdh_a h1{font-size:20px; padding: 10px 0px;}
.ycdh_a p{font-size:14px; font-family: Arial; line-height: 28px;}
.ycdh_b{width:100%; float: left;}
.ycdh_b a{display:block; width: 100%; line-height: 30px; text-align: center; margin-bottom: 15px; border: 1px solid #fff;}
.ycdh_b a:link,.ycdh_b a:visited{color:#fff;}
.ycdh_c dd{line-height:28px; }
.ycdh_c{width:100%; margin-top: 50px; float: left;}
.jd_logo{width:143px; float: left; }
.jd_dh{width:845px; float: left; margin-top:30px; margin-left: 50px;}
.jd_dh li{float:left;}
.jd_dh a{padding:8px 20px; font-size:18px; font-family: 'qipei'; text-transform: uppercase;transition: all 0.6s;}
.jd_ycdh{width:40px; margin-left: 50px; margin-top:25px; font-size:24px; color:#fff; float:left;cursor:pointer; padding: 5px;}
.jd_ycdh li{width:100%; height: 1px; background: #fff; margin-bottom: 5px; margin-top: 5px;}
.jd_dh a:hover{color:#fff;}
.cb_dh{width:35px; float: right;margin-top:30px;}
.cb_dh li{height:3px; background: #fff; margin-bottom: 5px; position:relative;-webkit-animation:wd 1.5s linear infinite;-o-animation:wd 1.5s linear infinite;-ms-animation:wd 1.5s linear infinite;-moz-animation:wd 1.5s linear infinite;animation:wd 1.5s linear infinite}
.cb_dh .xt_a{}
.cb_dh .xt_b{-webkit-animation-delay:.3s;-o-animation-delay:.3s;-ms-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.cb_dh .xt_c{-webkit-animation-delay:.5s;-o-animation-delay:.5s;-ms-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}
 .ejdh{width:290px; margin-left: -85px; position: absolute; padding-top: 15px; transition: all 0.6s; display: none;}
   .ejdha{color:#184a7a; font-size:24px; transform: rotate(180deg);text-align: center;}
   .ejdhb{width:100%; margin-top: -14px; float: left; background: #184a7a; padding: 20px; border-radius: 10px;}
   .jd_dh li .ejdhb dd a:link,.md_dh li .ejdhb dd a:visited{color:#fff;}
      .jd_dh li:hover .ejdh{animation: hideIndex 0.3s; display: block;
     -moz-animation: hideIndex  0.3s; /* Firefox */
     -webkit-animation: hideIndex  0.3s; /* Safari and Chrome */
     -o-animation: hideIndex  0.3s; /* Opera */}
   .ejdhb dd{line-height:30px; transition: all 0.6s;}
   .ejdhb dd:hover{margin-left:10px;text-shadow:1px 1px 1px #000;}
   .banner_title{width:100%; margin-top: 150px;color:#fff; background: url(../images/tt_bg.png) center no-repeat; margin-bottom: 150px;}
.banner_title h1{font-size:40px;    font-weight: 900;}
.banner_title dd{font-size: 16px; padding: 10px 0px; }
.banner_title dd font{color:#ffd100; }
.banner_title dd a:link,.banner_title dd a:visited{color: #fff;}
.goods_list{width:385px; float: left; margin: 10px;}
.gd_pd{padding:80px 0px;}
.cp_left{width:600px; float: left;}
.cp_right{ width: 550px; float: right;}
.cp_right h1{font-family:'qipei'; padding-bottom:30px;}
.cp_right p{font-size:14px; line-height: 28px; font-family: Arial;}
.fx_cp{width:100%; float: left; margin-bottom: 30px; margin-top: 15px; font-size:14px;}
.fx_cp a{font-size:18px; padding-left: 10px;}
.lx_cp{width:100%; float: left;}
.lx_cp a{padding:15px 40px; background:#337ab7;font-family:'qipei'; transition: all 0.6s;}
.lx_cp a:hover{border-radius:10px; margin-left: 10px;}
.lx_cp a span{padding-right:10px;}
.lx_cp a:link,.lx_cp a:visited{color:#fff;}
.cp_xq{width:100%; float: left; background: #eee; font-size:18px;font-family:'qipei';}
.cp_xq span{padding:15px 35px; background:#337ab7;color:#fff; float: left;}
.cp_xq span font{padding-right:15px;}
.cp_xqb{width:100%; float:left; padding: 20px 0px; line-height: 28px;font-family: Arial;color:#666;}
.cp_xqb p{margin-bottom:10px;}
.recommend_cp{width:1200px; margin: 10px ;}
.recommend_cpb{margin-bottom:40px;}
.banner_title dd span{padding:0px 10px;}
.banner_title dd a span{color:#337ab7; padding-right:10px;}
.news_read{width:100%; border:1px solid #eee;float: left;padding: 30px; margin-top:50px; margin-bottom: 50px; }
.news_readb{text-align:center; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}
.news_readb h1{font-size:26px;padding-bottom: 10px;}
.news_readb dd span{padding-right:30px;}
.news_readb dd span font{padding-right:8px;}
.news_reada{font-size:14px; font-family: Arial; line-height: 28px;}
.news_readc{width:100%; float: left; font-size:18px; border-top:1px dashed #eee; border-bottom:1px dashed #eee; padding: 15px 0px;}
.news_readc a{margin-right:15px; font-size:20px; float: left; background: #eee; padding: 6px 10px; border-radius: 5px; }
.news_readc a:link,.news_readc a:visited{color:#666;}
.news_readc span{font-size:18px;padding-right: 10px; font-family: 'qipei';float: left;line-height: 35px; }
.lx_tq{FONT-SIZE:20px;font-family: 'qipei'; margin-bottom: 30px;color:#222;}
.lx_left{width:800px; padding: 30px; float: left;box-shadow: 0 0 12px 0 rgba(2, 2, 2, 0.16); margin-top: 30px; margin-bottom: 40px;}
.lx_right{width:400px; float: right; background: url(../images/about_banner.jpg) center; padding: 25px 50px;color:#fff;margin-top: 30px; margin-bottom: 40px;}
.lx_righta,.lx_lefta{font-size:20px;font-weight: bold;padding-bottom: 50px;}
.lx_rightb{width:100%; float: left; margin-bottom: 25px;}
.lx_rightb1{width:50px; height: 50px; float: left; border-radius: 500px; text-align: center; font-size:25px; line-height: 50px; border: 1px solid #ff5e10;}
.lx_rightb2{width:230px; float: right; font-size:14px; font-family: Arial; line-height: 26px;}
.lx_leftb li{width:355px; float: left; margin-bottom: 15px;}
.lx_leftb li input{width:100%; padding: 5px 10px; font-size:14px; font-family: Arial; line-height: 36px; border:1px solid #eee;}
.lx_leftb textarea{width:100%; height: 125px; border:1px solid #eee;padding: 5px 10px;}
.lx_leftb button{width:180px; height: 50px; background: #ff5e10; color:#fff; border:0px; font-size:16px;font-family: 'qipei'; margin-top: 10px;}
.mg_left{margin-left:30px;}
.inco_auto a:link,.inco_auto a:visited{color:#fff;}
.inco_auto a{font-size:18px; padding-right: 10px;}
.up_left{width:46%; float: left;}
.up_right{width:50%; float: right;}
.up_left,.up_right{margin-top:200px; margin-bottom: 150px;}
.up_right h1{color:#455d58; padding-bottom: 30px;}
.up_right p{color:#455d58; padding-bottom: 30px; font-size:20px;line-height: 30px;}
.up_right dd{font-size:26px;  line-height: 70px; border-bottom: 1px solid #dadfde;}
.up_right dd a{transition:all 0.6s;}
.up_right dd a:link,.up_right dd a:visited{color:#455d58;}
.up_right dd:hover a{padding-left:35px;}
.up_rightlink{width:100%; float: left; padding-top: 80px;}
.up_rightlink a{border: .1rem solid #455d58;    border-radius: .4rem;    color: #455d58; font-size:22px; padding: 20px 60px; transition: all 0.6s;}
.up_rightlink a:hover{ background: #36768d;color:#fff;}
.wl_left{width:70%; float: left;color:#fff;}
.wl_right{width:30%; float:right; background: #2d5c92; color:#fff; height: 100%; padding:80px 100px;}
.wl_leftb{padding:20%;line-height: 35px;}
.wl_righta li{float:left; width: 100%; line-height: 30px; font-family: 'qipei';}
.wl_righta li span{padding-right:10px;}
.wl_rightb{width:100%; float: left; padding: 50px 0px; font-size:20px;}
.wl_rightb a:link,.wl_rightb a:visited{color:#fff;}
.wl_rightb dd{line-height:45px;}
.wl_rightb dd span{padding-right:10px;}
.wl_rightc{width:100%; position: absolute; bottom: 30px; float:left; }
.wl_rightc dd span{padding-right:10px; }
.wl_rightc dd{margin-bottom: 20px;}
    .hzhb_logo h1{font-size:16px;}
    .hzhb_logo img{border:1px solid #eee;}
    .hzhb_logo{width:100%; float: left; margin-bottom: 30px;}
    .zp_list{width:100%; margin-bottom: 15px; float: left; background: #fff; padding: 25px;}
    .zp_lista{width:250px; float: left;}
    .zp_listb{width:800px; float: right;}
    .bottom{font-size:14px; line-height: 32px; padding: 15px 0px;  display: none;}
    .top span{ float:right; color:#184a7a;}
    .top{cursor:pointer; display: block; width: 100%;}
    .zp_lista h1{font-size:20px;}
    .zp_lista h1 span{padding-right:10px;}
    .server_list{width:100%; float: left; text-align: center; }
    .server_list a{padding:40px 25px; line-height: 100px; background: #eee; font-size:16px; margin: 5px; transition: all 0.6s;}
    .server_list .hover_fw{background:#2776bb;}
    .server_list .hover_fw:link,.server_list .hover_fw:visited{color:#fff;}
    .server_list a:hover{background:#2776bb;color:#fff;}
}

/*================================1580======================================*/
@media screen and (min-width: 1600px) {
.qp_maina,.qp_mainc{width:100%; float: left;}
.qp_mainb{width:1580px; margin: 0px auto;}
.kd_a{width:1200px;}
.kd_b{width:1220px;}
.ss_main{width:1100px;}
.jd_logo{width:310px; float: left; }
.jd_dh{width:950px; float: left; margin-top:30px; margin-left: 200px;}
.jd_dh a{padding:8px 25px; font-size:18px; font-family: 'qipei'; text-transform: uppercase;transition: all 0.6s;}
.jd_ycdh{width:40px; margin-left: 0px; margin-top:25px; font-size:24px; color:#fff; float:left;cursor:pointer; padding: 5px;}
.jd_ycdh li{width:100%; height: 1px; background: #fff; margin-bottom: 5px; margin-top: 5px;}
.jd_dh a:hover{color:#fff;}
.cb_dh{width:35px; float: right;margin-top:30px;}
.cb_dh li{height:3px; background: #fff; margin-bottom: 5px; position:relative;-webkit-animation:wd 1.5s linear infinite;-o-animation:wd 1.5s linear infinite;-ms-animation:wd 1.5s linear infinite;-moz-animation:wd 1.5s linear infinite;animation:wd 1.5s linear infinite}
.cb_dh .xt_a{}
.cb_dh .xt_b{-webkit-animation-delay:.3s;-o-animation-delay:.3s;-ms-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.cb_dh .xt_c{-webkit-animation-delay:.5s;-o-animation-delay:.5s;-ms-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}
.kd_c{width:1366px;}
.sj_tjnews{width:385px; background: #fff;  float: left; margin:40px 10px;}

}


@-webkit-keyframes wd{0%{width:15px}
20%{width:35px}
40%{width:15px}
60%{width:35px}
to{width:15px}
}
@-o-keyframes wd{0%{width:15px}
20%{width:35px}
40%{width:15px}
60%{width:35px}
to{width:15px}
}
@-moz-keyframes wd{0%{width:15px}
20%{width:35px}
40%{width:15px}
60%{width:35px}
to{width:15px}
}
@keyframes wd{0%{width:15px}
20%{width:35px}
40%{width:15px}
60%{width:35px}
to{width:15px}
}
/*================================wap=======================================*/
/*moble*/
@media screen and (max-width: 1200px) {

}


/*==============================================================================*/
@keyframes hideIndex{
0%{ opacity: 0; transform: translate(0, 50px) }
100%{opacity: 1; transform: translate(0, 0) }
}

@keyframes hideIndexa{
0%{ opacity: 0; transform: translate(50px, 0) }
100%{opacity: 1; transform: translate(0, 0) }
}


.ly_ka2 input::-webkit-input-placeholder,.yusuan textarea::-webkit-input-placeholder{
color:#444; font-size:14px;
}
.ce2{background:#37556a; transition: all 0.6s;}
.ly_ka2   input::-moz-placeholder,.yusuan textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#444;font-size:14px;}
.ly_ka2  input:-moz-placeholder,.yusuan textarea::-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#444;font-size:14px;}
.ly_ka2   input:-ms-input-placeholder,.yusuan textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#444;font-size:14px;}

.dh_tcm a{text-transform: uppercase;}