@charset "utf-8";
/* CSS Document */
*{margin: 0;outline: 0;padding: 0;font-size: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html {overflow-y:scroll;}
body0 {font-size:14px;color:#303030;font-family:"微软雅黑";margin: 0px;padding: 0px;background-color: #ffffff;}
ul,li,img,dl,dt,dd,form{margin: 0px;padding: 0px;}
textarea{ margin:0px;padding:0px;}
input{margin:0;padding:0;}
section{width: 100%;z-index: 100;}
a{text-decoration:none;color: #000;}
a{text1-decoration:none;color: #fff;}
li{ list-style-type:none;}
img{border:0px;}
span{text-indent: 0px;}
.red{color: #FF0000;}
.font12{font-size: 12px;color: #FFFFFF;}
.col-60{color: #606060;}
.font14{font-size: 14px;color: #000000;}
.font14bold{font-size: 14px;color: #000000;font-weight: bold;}
.line{border: solid 1px #abc3a9;}
.clear{clear: both;height:0px;width:100%;}
.clear2{clear: both;height: 2px;width: 100%;margin: 0px;padding: 0px;}
.clear3{clear: both;height: 3px;width: 100%;margin: 0px;padding: 0px;}
.clear4{clear: both;height: 4px;width: 100%;margin: 0px;padding: 0px;}
.clear5{clear: both;height: 5px;width: 100%;margin: 0px;padding: 0px;}
.clear6{clear: both;height: 6px;width: 100%;margin: 0px;padding: 0px;}
.clear7{clear: both;height: 7px;width: 100%;margin: 0px;padding: 0px;}
.clear8{clear: both;height: 8px;width: 100%;margin: 0px;padding: 0px;}
.clear10{clear: both;height: 10px;width: 100%;margin: 0px;padding: 0px;}
.clear15{clear: both;height: 15px;width: 100%;margin: 0px;padding: 0px;}
.clear20{margin: 0px;padding: 0px;clear: both;height: 20px;width: 100%;}
.clear30{margin: 0px;padding: 0px;clear: both;height: 30px;width: 100%;}
.clear48{margin: 0px;padding: 0px;clear: both;height: 48px;width: 100%;}
.clear50{margin: 0px;padding: 0px;clear: both;height: 50px;width: 100%;}
.clear70{margin: 0px;padding: 0px;clear: both;height: 70px;width: 100%;}
.clear75{margin: 0px;padding: 0px;clear: both;height: 75px;width: 100%;}
.clear150{margin: 0px;padding: 0px;clear: both;height: 150px;width: 100%;}
.topclearbg5{clear: both;height: 3px;width: 100%;margin: 0px;padding: 0px;background-color:#ebebeb;border-top: 1px solid #d7d7d7;}
.botclearbg5{clear: both;height: 3px;width: 100%;margin: 0px;padding: 0px;background-color:#ebebeb;border-bottom: 1px solid #d7d7d7;}
.topclearbg2{clear: both;height: 3px;width: 100%;margin: 0px;padding: 0px;background-color:#ebebeb;}
.f_l {float:left;}
.f_r {float:right;}
.warp{padding: 0px;max-width: 640px;margin: 0px auto 0px auto; width:100%;background-color:#033c76;color:#fff;}
.web-main{width:100%; height:auto; padding:0px; margin:0px;}
.top-nav{position:fixed;top:0;padding: 10px 0px;max-width: 640px;margin: 0px auto 0px auto;width:100%;background-color:#fff;color:#000000;text-align:left;font-size:18px;z-index:99999;}
.top-nav .logo{ width:100%; height:auto;}
.index-flash{ width:100%;}
.index-flash img{ width:100%; height:auto;}
.top-nav2{ position:fixed; top:0; padding: 2px 0px 0px 0px;max-width: 640px;margin: 0px auto 0px auto; width:100%; background-color:#0066CC; height:46px; color:#fff; text-align:center; line-height:46px; font-size:17px; z-index:99999; text-indent:10px; border-bottom:1px #0062A1 solid;}
/*20210426*/
/*轮播图*/
.focus{width:100%;margin:0 auto;position:relative;overflow:hidden;}
.focus .bd li img{ width:100%; height:auto;}
.focus .hd{width:100%;position:absolute;z-index:1;bottom:8px;text-align:center;height: 6px;}
.focus .hd ul{display:inline-block;height:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:0;vertical-align:top;padding-top: 3px;padding-right: 5px;padding-bottom: 3px;padding-left: 5px;}
.focus .hd ul li{display:inline-block;width:6px;height:6px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:50%;margin:0 3px;vertical-align:top;overflow:hidden;background-color: #e5e5e5;}
.focus .hd ul .on{background-color: #1cb2e4;border: 1px solid #e5e5e5;height: 4px;width: 4px;}
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{width:100%;height:auto;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/**/

.web-data{ width:100%; padding:10px 0px; background-color:#f2f2f2;}
.web-data ul{width:100%;}
.web-data ul li{ width:33.33%; float:left; text-align:center; line-height:26px;}
.font-data-1{ font-size:18px; color:#1b5de7; }
.font-data-2{ font-size:13px; color:#999999;}
.web-hot{width:100%; height:auto; padding:0px; margin:0px;}
.web-hot h3{width:98%;font-size:22px;color:#fd773a;text-align:center;margin:20px 0px 0px 5px;font-weight: 520;letter-spacing: 3px;position:relative;font-family: "方正正黑简体";}
.web-hot h3:after{content: "";width: 2em;height: 2px;background: #bbccf7;position: absolute;top: calc(100% + 5px);left: calc(50% - 1em); transition: all .8s;}
.web-hot h3:hover:after{left: calc(50% - 2em); width: 4em;}
/*轮播图*/
.focus2{width:100%;margin:0 auto;}
.focus2 .bd2 li {text-align:center;}
.focus2 .bd2 li img{ width:100%; height:auto;}
.focus2 .hd2{width:100%;z-index:1;text-align:center;height: 6px; padding-top:10px;}
.focus2 .hd2 ul{display:inline-block;height:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:0;vertical-align:top;padding-top: 3px;padding-right: 5px;padding-bottom: 3px;padding-left: 5px;}
.focus2 .hd2 ul li{display:inline-block;width:10px;height:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:50%;margin:0 5px;vertical-align:top;overflow:hidden;background-color: #e5e5e5;}
.focus2 .hd2 ul .on{background-color: #3483fa;border: 1px solid #3483fa;height: 9px;width: 9px;}
.focus2 .bd2{ position:relative; z-index:0; }
.focus2 .bd2 li img{width:100%;height:auto;}
.focus2 .bd2 li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/**/
.index-service{ width:100%; margin:auto;}
.index-service ul{ float:left; width:calc(47% - 2px); margin:2% 0px 0px 2%; border:1px solid #f2f2f2; border-radius:5px; padding:20px 0px;}
.index-service ul li{ text-align:center;}
.index-service ul li.pic img{ width:20%; height:auto;}
.index-service ul li.title{font-size:16px;font-weight:520;color:#000000;letter-spacing: 2px; line-height:30px;}
.index-service ul li.text{ font-size:12px; color:#999999; line-height:22px;}
.index-service ul li.title1{font-size:16px;font-weight:520;color:#ffffff;letter-spacing: 2px; line-height:30px;}
.index-service ul li.text1{ font-size:12px; color:#ffffff; line-height:22px;}
.index-data{width:100%; margin:0px; padding:0px;}
.index-data-title{color:#417aff; font-size:22px; padding:30px 0px 20px 0px; text-align:center;    font-weight: 520;letter-spacing: 3px;font-family: "方正正黑简体";}
.index-data-list{width:100%; margin:0px; padding:0px;}
.index-data-list ul {float: left; width: calc(22.5% - 2px);margin: 2% 0px 0px 2%;border: 1px solid #f2f2f2; border-radius: 5px; padding: 10px 0px;}
.index-data-list ul li{ text-align:center;}
.index-data-list ul li.pic img{ width:40%; height:auto; margin-bottom:3px;}
.index-data-list ul li.title{font-size:13px;font-weight:520;color:#000000; line-height:30px;}


.index-data-list2{width:100%; margin:0px; padding:0px;}
.index-data-list2 ul {float: left; width: calc(31% - 2px);margin: 2% 0px 0px 2%;border: 1px solid #f2f2f2; border-radius: 5px; padding: 10px 0px;}
.index-data-list2 ul li{ text-align:center;}
.index-data-list2 ul li.pic img{ width:30%; height:auto;}
.index-data-list2 ul li.title{font-size:14px;font-weight:520;color:#000000;letter-spacing: 2px; line-height:30px;}


.index-process{width:100%;padding-top:1px; margin:0px; background-color:#4376e9; height:66px;}
.index-process h3{ width:98%; font-size:18px; color:#fff; text-align:center; margin:20px 0px 0px 5px;font-weight: 520;letter-spacing: 3px; position:relative;}
.index-process h3:after{content: "";width: 2em;height: 2px;background: #fd773a;position: absolute;top: calc(100% + 5px);left: calc(50% - 1em); transition: all .8s;}
.index-process h3:hover:after{left: calc(50% - 2em); width: 4em;}
.index-process-list{ width:96%; margin:auto;}
.index-process-list ul{width:30%; margin:2.5% 0px 0px 2.5%;background-color:#f2f2f2; float: left; padding:5px 0px 15px 0px;}
.index-process-list ul li{ text-align:center;}
.index-process-list ul li.no{font-size:24px;font-weight:520;color:#f6aa90;letter-spacing: 2px; line-height:40px;}
.index-process-list ul li.text{ font-size:12px; color:#999999; line-height:22px;}

.index-anli-first{ width:96%; margin:auto;}
.index-anli-first img,.index-anli-list-left img,.index-anli-list-right img{ width:100%; height:auto;}
.index-anli-list{width:96%; margin:auto;}
.index-anli-list-left{ width:49%; height:auto; float:left;}
.index-anli-list-right{ width:49%; height:auto; float: right;}

.index-contact{width:calc(100%); margin:auto; padding:10px; background-color:#F7F7F7;}
.index-contact-text{width:100%; line-height:24px;}
.index-contact-list{width:100%; padding:0px; margin:0px; position:relative;}
.index-contact-list img{width:120px; height:auto; margin-left:10px; right:0px; position:absolute; bottom:10px;}
.index-contact-list p{padding:7px 0px; display: block;margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;}
.index-contact-list p.phone{background-image: url(http://www.5jxg.cn/img/m/phone2021.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;}
.index-contact-list p.tel{background-image: url(http://www.5jxg.cn/img/m/tel2021.png);background-repeat: no-repeat;background-position: left center;text-indent:30px;}
.index-contact-list p.address{background-image: url(http://www.5jxg.cn/img/m/address.png);background-repeat: no-repeat;background-position: left 7px;text-indent:30px;}
.index-input-name{ width:94%; height:40px; background-color:#f2f2f2; border-radius:5px; margin: auto; line-height:40px; text-indent:15px;}
.input-zhuce{outline: none;height: 36px; line-height: 36px;width:calc(100% - 80px);border: none !important; font-size: 15px; padding-left:5px; background-color:#f2f2f2;}
.index-input-text{ width:94%; height:120px; background-color:#f2f2f2; border-radius:5px; margin: auto; line-height:40px; text-indent:15px; color:#666666;}
.web-lx-send-input{ width:70%; height:40px; text-align:center; line-height:40px; margin: auto; font-size:18px; font-weight:520; background-color:#4376e9; color:#FFFFFF; border-radius:5px;letter-spacing: 3px;}
.index-qixia{ width:100%;}
.index-qixia img{ width:100%; height:auto;}
.index-qixia2 img{ width:calc(33.3% - 5px); float:left; margin-left:5px; margin-top:5px;}
.web-foot{ position:fixed; bottom:0;  padding: 0px;max-width: 640px;margin: 0px auto 0px auto; width:100%; height:48px; color:#FFFFFF; line-height:48px; font-size:16px; z-index:99999; text-align: center;}
.web-foot-l{ width:50%; float:left; background-color:#eb5232; }
.web-foot-r{ width:50%; float:right; background-color:#f2ad42;}
.web-foot a{ color:#FFFFFF;}


/*案例*/
.anli-main{ width:100%; height:auto; background:#033c76; margin:auto; color:#fff}
.anli-main h1{ padding:20px 0px; line-height:30px; font-size:18px;letter-spacing: 2px; text-align:center;}
.anli-info{font-size:12px; color:#3366CC;}
.anli-info span{ float: right;}
.anli-info a{color:#ccccCC;}
.anli-title{ text-align: center;background-image: url(nei-anli1.png);background-repeat: no-repeat;background-position: center center;background-size:120px 40px; height:40px; line-height:40px;font-size:16px;font-weight:bold; letter-spacing: 2px;}
.anli-list{border: 1px dotted #bbb;padding:10px;width:calc(100%);}
.anli-list-t{letter-spacing: 2px;font-size:16px;height: 30px;line-height:30px;overflow:hidden;text-indent:30px;font-weight:bold;background-image: url1(nei-anli2.png);background-repeat: no-repeat;background-position: left center;background-size:25px 25px;}
.anli-list-img{ width:100%; height:auto; margin-top:20px; text-align:center;}
.anli-list-img img{max-width:100%; height:auto;}
.anli-list-text{ line-height:26px; font-size:13px; color:#fff;}
.anli-list-text p{ margin-top:10px;}

.index-webqun{ width:96%; margin:auto;}
.index-webqun img{ width:100%; height:auto;}