@media screen and (max-width: 849px) {
#pc{display: block;}
#zero{width: 100%;float: left;}
.box{width: 100%;float: left;margin: 0 auto;}
nav .box{width: 100%;float: left;margin-left: 0;}
.ss{width: 100%;float: left;font-size: 13px;color: #7e7e7e;}
.ss a{padding: 8px 6px;color: #4772fc;text-decoration: underline;}
#oneabout{width: 100%;float: left;}
.oneli{width: 100%;float: left;color:#02279c;font: bold 10px/36px "Times New Roman", Times, serif;margin-top: 28px;text-align: center;}
.pgs{width:20%;border-bottom: 5px solid #FFC20E;margin:16px 40%;float: left;}
.oneconet{width: 100%;float: left;font-size: 15px;text-align: center;line-height: 26px;color: #000;}
#prosbox li h2{width: 88%;float: right;font-size: 18px;line-height: 28px;color: #02279c;font-weight: 600;padding-top: 8px;}
.alab{width: 10%;float: left;color: #e20909;font: bold 28px/40px "Times New Roman", Times, serif;font-style: italic;}
#pros{width: 100%;border-bottom: 1px solid #ccc;padding-bottom: 18px;float: left;}
.prolefts{width: 96%;float: left;margin-left: 2%;}
.prolefts h2{width: 88%;float: right;font-size: 18px;line-height: 28px;font-weight: normal;margin-top: 5px;color: #02279c;}
.prolefts p{width: 100%;color: #57595b;font-size: 15px;line-height:25px;margin-top: 15px;float: left;}
.prolefts .proimg:nth-child(0){margin-left:0;}
.pg{width:16%;border-bottom: 3px solid #FFC20E;float: left;margin-left: 11%;}
.prorights{width: 95%;float: left;margin-top: 18px;margin-left: 2.5%;}
.prorights img{width: 100%;}
.ptott a h3{width: 100%;font-size:14px;line-height:26px;text-align: center;}
.read{width:100%;float: right;}
.read a{width:40%;line-height: 38px;text-align: center;float: left;font-size: 15px;transition: all.3s;margin-top: 18px;background: #FFC20E;margin-left: 30%;border: 1px solid #fbb113;}
.proimg{width:46%;float: left;margin-left:4%;}
.proimg img{width: 100%;margin-top: 30px;}
.prolefts .proimg:nth-child(0){margin-left:0;}
.ooxx{width: 100%;float: left;background: #eff1f2;padding-bottom: 18px;}
.oximg{width: 100%;float: left;position: relative;}
.oximg img{width: 100%;float: left;}
.abo{width: 100%;position: absolute;top: 88px;font-size: 36px;line-height: 38px;text-align: center;float: left;font-weight: 600;font-family: "Section medium", "Gill Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;color: #FFC20E;}
.ab_company b{width: 96%;line-height: 32px;font-size: 18px;float: left;margin-left: 2%;}
.ab_g{width: 96%;line-height: 25px;font-size: 15px;float: left;margin-left: 2%;color: #333;}
.pgdd{width:16%;border-bottom: 6px solid #FFC20E;float: left;margin-bottom:16px;}
.pgdd{display: none;}
.goes{width:40%;float: left;line-height: 38px;text-align: center;border: 1px solid #fbb113;background: #FFC20E;color: #333;margin: 15px 30%;}
#ipad{display: none;}
.line_box{width: 100%;border-bottom: 1px solid #ccc;float: left;font-family: "微软雅黑";margin-top: 28px;}
.upss{float: left;color: #02279c;border-bottom: 5px solid #FFC20E;font: bold 20px/36px "Times New Roman", Times, serif;}
.block{float: right;line-height: 41px;font-size:13px;color: #3c6aff;font-weight: 600;font-family: "Section medium", "Gill Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;text-decoration: underline;}
.case{width: 100%;float: left;margin-top: 18px;}
.case_box{width:95%;min-height: 258px;float: left;box-shadow: 5px 4px 29px 0px rgba(58, 58, 58, 0.18);margin:28px 2.5% 0 2.5%;border: 1px solid #c2c9d3;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;}
.case_img{width: 100%;overflow: hidden;}
.case_img img{width: 100%;}
.case_title{width: 100%;text-align: center;color: #000;line-height: 21px;overflow: hidden;float: left;}
.case_title h3{font-size: 14px;color: #333;}
.dive{width: 100%;line-height:30px;color: #8c9194;font-size: 0.75em;float: left;text-align: center;}
.give{display: none;}
.case_cont{width:96%;line-height: 18px;margin: 0 auto;overflow: hidden;margin-left: 2%;font-size: 15px;color: #777a7e;}
.click{width: 38%;line-height:32px;text-align: center;float: left;margin: 10px 31%;font-size: 15px;transition: all .2s;border: 1px solid #c2c9d3;color: #656874;}
#mobile{display: block;}
.new_box{width: 100%;float: left;}
.new_line{width: 100%;float: left;box-shadow: 0 2px 3px #ccc;}
.new_line:hover .new_tt h5{color: #10378f;font-size: "微软雅黑";}
#mars{width: 100%;margin: 20px 0;float: left;}
.new_img{width:35%;float: left;margin-left: 2%;}
.new_img img{width:100%;}
.addtime{width:100%;float: right;margin: 18px 2%;display: none;}
.new_tt{width: 60%;float: right;padding-left: 2%;}
.new_tt h5{width:100%;font-size: 15px;float: left;line-height: 22px;color: #000;font-weight: normal;} 
.new_tt p{width:100%;font-size: 15px;float: left;line-height: 26px;color: #5c5b5b;padding-top: 10px;display: none;}
.new_more{width: 50%;line-height: 28px;text-align: center;font-size: 15px;float: left;border: 1px solid #959ead;margin-top: 18px;color: #8a93a5;border-radius: 5px;}
.clicks{width: 38%;float: right;margin:28px 0 0 6%;font-size: 13px;color: #9d9a9a;}
.quest{width:100%;float: left;margin-top: 20px;}
.in_wenda{width:98%;float:left;margin-left: 2%;}
.in_wenda em{ width:100%; height:51px; float:left;}
.in_wenda span a{width: 100%;font-size:14px; color:#bdbcbc;float: right;line-height: 26px;}
.in_wenda dl{ width:98%; float:left; min-height:30px; border-bottom:1px dashed #e0dcdc; margin-top:10px;}
.in_wenda dl dt{width:98%;min-height:30px; line-height:28px;float:left;}
.in_wenda dl dt:hover{color: #012ebb;text-decoration: underline;}
.in_wenda dl dt span{width: 6%;color: #fff;background: #042d7f;text-align: center;float: left;font-weight: bold;font: bold 20px/32px "Times New Roman", Times, serif;border: 1px solid #01265f;}
.in_wenda dl dt a{width: 92%;font-size:15px;color:#000;float: right;}
.in_wenda dl dd span{width: 6%;color: #fff;background: #FFC20E;text-align: center;float: left;font-weight: bold;font: bold 18px/32px "Times New Roman", Times, serif;border: 1px solid #ecb206;} 
.in_wenda dl dd{width:98%;line-height:28px;float:left;}
.in_wenda dl dd p{width: 92%;font-size:15px;color:#686f7b;float: right;}
#marqueeissue{ width:100%;float:left; margin-top: 15px;}
.quest_box{width: 100%;min-height: 128px;}
}


@media screen and (min-width:1200px) {
#pc{display: block;}
#zero{width: 100%;float: left;border-bottom: 1px solid #d7d8db;float: left;margin-bottom: 30px;}
.box{width: 1518px;margin: 0 auto;}
.ss{width: 100%;line-height: 40px;float: left;font-size: 16px;}
.ss span a{font-size: 15px;color: #0957f5;padding: 0 8px;}
.ss span a:hover{color: #0b64c9;text-decoration: underline;}
#oneabout{width: 100%;float: left;margin-top: 18px;}
.oneli{width: 100%;float: left;text-align: center;color:#02279c;font: bold 58px/68px "Times New Roman", Times, serif;text-shadow: 1px 5px 5px #555;opacity: 1;}
.pgs{width:9%;border-bottom: 6px solid #FFC20E;margin:20px 46%;float: left;}
.oneconet{width: 100%;float: left;font-size: 23px;text-align: center;color:#9fa5ab;line-height: 38px;}
.oneconet p{width: 100%;float: left;font-size: 16px;text-align: center;line-height: 38px;color:#000;margin-top: 28px;}
#moive{width: 100%;float: left;margin-top:30px;}
.mv{width: 100%;float: left;}
#prosbox{width: 100%;float: left;line-height: 36px;margin-top: 18px;}
#prosbox li h2{width: 93%;font-size: 36px;line-height: 68px;color: #02279c;font-weight: 600;text-shadow: 1px 6px 5px #777;opacity: 1;float: right;}
.alab{width: 5%;float: left;color: #e20909;font: bold 58px/58px "Times New Roman", Times, serif;font-style: italic;}
#pros{width: 100%;border-bottom: 1px solid #ccc;padding-bottom: 21px;float: left;}
.prolefts{width: 50%;float: left;}
.prolefts p{color: #000;line-height:46px;margin-top: 25px;width: 100%;float: left;font: 16px/2.38 'Microsoft YaHei';}
.prolefts .proimg:nth-child(0){margin-left:0;}
.pg{width:16%;border-bottom:6px solid #FFC20E;float: left;}
.prorights{width: 47%;float: right;}
.prorights img{width: 100%;}
.mo{display: none;}
.ptott a h3{width: 100%;font-size:18px;line-height:28px;text-align: center;color: #000;}
.ptott a h3:hover{color: #02279c;}
.read{width:100%;float: left;}
.read a{width:188px;line-height: 46px;text-align: center;float: left;transition: all.3s;margin-top: 18px;background: #fff;border: 1px solid #c2c9d3;color: #333;box-shadow: inset 0 0 0 #c2c9d3, 0 3px 0 0 #c2c9d3, 0 6px 3px #999999;font: bold 18px/38px "Times New Roman", Times, serif;text-decoration: underline;}
.read a:hover{background: #fbbe09;transition: all.3s;border:1px solid #fbbe09;color: #333;box-shadow: inset 0 0 0 #FFC20E, 0 3px 0 0 #FFC20E, 0 6px 3px #999999;}
.proimg{width:32%;float: left;margin-left:2%;}
.proimg img{width: 100%;margin-top: 30px;}
.prolefts .proimg:nth-child(0){margin-left:0;}
.ooxx{width: 100%;float: left;font: bold 30px/30px "Times New Roman", Times, serif;background: #f7f7f7;}
.oximg{width: 42%;height: 528px;float: left;position: relative;min-height: 466px;overflow: hidden;}
.oximg img{width:100%;min-height: 528px;overflow: hidden;}
.abo{width: 78%;position: absolute;z-index: 5000;height:466px;color: #fff;left: 18%;top: 0px;}
.abo .abou{width: 100%;font-size:68px;font-weight: bold;padding: 180px 0 0 5%;}
.abo .abous{width: 100%;font-size:42px;float: left;padding: 10px 0 0 3%;color: #FFC20E;}
#ipading{display: block;}
.abos{width:100%;float: left;padding: 40px 0 10px 5%;color:#FFC20E;font-weight: 800;}
.ab_texts{width:48%;float: left;}
.ab_company b{width: 100%;color:#02279c;font-size:36px;}
.ab_company{width: 97%;float: left;margin: 20px 0 8px 3%;outline: #02279c;text-align: left;}
.ab_g{width: 97%;float: left;margin: 8px 0 0 3% ;color: #57595b;}
.ab_g p{width: 100%;float: left;font: 15px/2.18 'Microsoft YaHei';z-index: 800;}
.pgdd{width:15%;border-bottom: 6px solid #FFC20E;float: left;margin-bottom:15px;}
.goes{width:28%;float: left;font-size: 18px;line-height: 39px;text-align: center;text-decoration: underline;margin-top: 15px;background: #fff;border: 1px solid #b3b3b3;color: #333;box-shadow: inset 0 0 0 #b3b3b3, 0 3px 0 0 #b3b3b3, 0 6px 3px #999999;border-radius: 5px;margin-left: 0%;}
.goes:hover{background: #fbbe09;transition: all.3s;border:1px solid #fbbe09;color: #333;box-shadow: inset 0 0 0 #FFC20E, 0 3px 0 0 #FFC20E, 0 6px 3px #999999;}
#ipad{display:none ;}
.ab_text p{width: 100%;line-height: 28px;font-size: 14px;max-height: 301px;overflow: hidden;float: left;color: #000;text-align: left;}
.list{width: 100%;float: left;margin-top: 18px;}
.line_box{width: 100%;border-bottom: 1px solid #ccc;float: left;font-family: "微软雅黑";}
.upss{float: left;color: #02279c;border-bottom: 3px solid #ffbc3a;line-height:40px;font: bold 26px/46px "Times New Roman", Times, serif;}
.block{float: right;line-height: 41px;font-size:18px;color: #3c6aff;font-weight: 600;font-family: "Section medium", "Gill Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;text-decoration: underline;}
.case{width: 100%;float: left;font-size: 15px;color: #3a4c5e;margin-top: 18px;}
.case_box{width: 23.5%;float: left;position: relative;box-shadow: 5px 4px 29px 0px rgba(58, 58, 58, 0.18);margin:10px 0 30px 2%;border:1px solid #c2c9d3;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.case_box:hover{box-shadow: 3px 8px 5px #d9dadc;transition: all.3.5s;}
.case_box:hover .click{background: #fbbe09;transition: all.3s;border:1px solid #fbbe09;color: #333;text-decoration: underline;}
.case_box:nth-child(1){margin-left: 0px;}
.case_box:nth-child(5){margin-left: 0px;}
.case_box:nth-child(9){margin-left: 0px;}
.case_img{width: 100%;}
.case_img img{width: 100%;height: 259px;}
.case_title{width: 100%;text-align: center;color: #02279c;line-height: 23px;overflow: hidden;float: left;font-family: Poppins,sans-serif;}
.case_title h3{font-size: 15px;}
.dive{width: 100%;line-height:30px;color: #8c9194;font-size: 0.85em;float: left;text-align: center;}
.giv img{width:18px;height:18px;vertical-align:text-bottom}
.give{margin-left: 3%;text-align: center;}
.give img{width:20px;height:20px;vertical-align:text-bottom}
.case_cont{width:92%;line-height: 25px;margin: 0 auto;height: 138px;}
.click{width: 58%;line-height:36px;text-align: center;float: left;margin: 10px 21%;font-size: 14px;transition: all .5s;border: 1px solid #c2c9d3;color: #656874;border-radius: 5px;}
#mobile{display: none;}
.new_box{width: 100%;float: left;}
.new_line{width: 100%;float: left;}
.new_line:hover .new_tt h5{color: #10378f;font-size: "微软雅黑";}
.new_line:hover .new_tt h5{color: #0f48bc;font-size: "微软雅黑";text-decoration: underline;}
.new_line:hover .new_more{background: #FFC20E;transition: all.3s;border:1px solid #FFC20E;color: #fff;text-decoration: underline;}
#mars:hover{background: #f8f8f8;transition: all.5s;box-shadow: 1px 1px 9px #ccc;}
#mars{width: 100%;margin: 20px 0;float: left;;box-shadow: 1px 1px 5px #ccc;}
.new_img{width:18%;float: left;}
.new_img img{width:100%;}
.addtime{width:10%;float: left;margin: 38px 2%;font: bold 30px/30px "Times New Roman", Times, serif;}
.new_tt{width: 65%;float: right;border-left: 1px solid #ccc;padding-left: 2%;}
.new_tt h5{width:100%;font-size: 16px;float: left;line-height: 30px;font-family: "微软雅黑";color: #000;margin-top: 8px;} 
.new_tt p{width:100%;font-size: 15px;float: left;line-height: 26px;color: #5c5b5b;padding-top: 10px;}
.new_more{width: 168px;line-height: 32px;text-align: center;font-size: 16px;float: left;border: 1px solid #c2c9d3;margin: 16px 0 28px 0;color: #000;border-radius: 5px;}
.clicks{float: left;margin:26px 0 0 20px;font-size: 16px;color: #9d9a9a;}
.quest{width:100%;float: left;margin-top: 20px;}
.in_wenda{ width:100%;float:left;}
.in_wenda em{ width:100%; height:51px; float:left;}
.in_wenda span a{ font-size:14px; color:#bdbcbc;}
.in_wenda dl{ width:100%; float:left; min-height:30px; border-bottom:1px dashed #e0dcdc; margin-top:10px;color: #4b6075;}
.in_wenda dl dt{ width:100%;min-height:58px;line-height:33px;float:left;font-size:15px;margin-top: 8px;}
.in_wenda dl dt:hover{color: #012ebb;text-decoration: underline;}
.in_wenda dl dt:first-child{margin-left: 0;}
.in_wenda dl dt:nth-child(3){margin-left: 0;}
.in_wenda dl dt:nth-child(5){margin-left: 0;}
.in_wenda dl dt:nth-child(7){margin-left: 0;}
.in_wenda dl dt span{width: 28px;color: #fff;background: #042d7f;text-align: center;float: left;font-weight: bold;margin-right: 18px;font: bold 20px/32px "Times New Roman", Times, serif;border: 1px solid #01265f;}
.in_wenda dl dt a{height: 60px;font-size:16px;color:#000;}
.in_wenda dl dd span{width: 28px;color: #fff;background: #FFC20E;text-align: center;float: left;font-weight: bold;margin-right: 18px;font: bold 20px/32px "Times New Roman", Times, serif;border: 1px solid #ecb206;} 
.in_wenda dl dd p{font-size: 14px;margin-top: 8px;line-height: 32px;}
#marqueeissue{ width:100%;float:left; margin-top: 15px;}
.quest_box{width: 48%;margin:8px 0 18px 0;min-height: 158px;}
}