body{font-size: 16px;}
.width1200{ width:1200px; margin:0 auto; letter-spacing:1px;}
.top{ height:60px; line-height:60px;background:#dbdcdc}
.top .f-fl{ padding-left:0px;font-size: 18px;}
.top .f-fl i{ font-size:20px; font-weight: bold}
.banner .f-fr{ width:600px; text-align:center; padding-top:0px;}
.banner .f-fr img{ width:400px; height:auto;}

.banner{ background: url(/vpn/89/https/MNYX45LFPJSXKLUUQIYGP55XF3SXP/pubimages/web/P020181202733764874413.jpg;vpn_img) no-repeat center #0079ca; background-size:cover; padding:100px 0;}
.banner .f-fl{ width:610px; color:#fff;}
.banner .f-fl h2{ font-size:45px; padding-bottom:20px; font-weight:normal;}
.banner .f-fl p{ font-size:16px; line-height:32px; padding-bottom:20px; text-indent:32px;}
.banner .f-fl a{ display:inline-block; background:#aa3c14; color:#fff; height:50px; line-height:50px; padding:0 60px 0 50px; margin-right:20px; font-size:16px;}
.contactbox{ padding:50px 0 0 0;}

.contactbox h1,.contactbox2 h1{ font-size:30px; text-align:center; font-weight:normal; padding:70px 0 50px 0;background: url(/vpn/89/https/MNYX45LFPJSXKLUUQIYGP55XF3SXP/pubimages/web/2019_datapub_titbg.png;vpn_img) no-repeat center top;text-shadow: 2px 2px 5px rgba(0,0,0,.2);color: #000000;}
.contactbox .f-fl,.contactbox .f-fr{ width:550px;}
.contactbox .f-fl h2,.contactbox .f-fr h2{ border-bottom:1px solid #ccc; line-height:40px; height:40px;}
.contactbox .f-fl h2 span,.contactbox .f-fr h2 span{ background:url(../images/2019_xzjc_lmbg.png;vpn_img) no-repeat left center; padding-left:30px; display:inline-block; border-bottom:1px solid #0079ca; color:#0079ca; font-size:18px; line-height:40px; float:left}
.contactbox .f-fl h2 i,.contactbox .f-fr h2 i{ float:right; font-weight:normal;    font-size: 16px;}
.contactbox .f-fl ul,.contactbox .f-fr ul{ padding-top:20px;}
.contactbox .f-fl ul li,.contactbox .f-fr ul li{height: 40px;line-height: 40px;padding-left: 20px;    font-size: 16px;}
.contactbox .f-fl ul li a,.contactbox .f-fr ul li a{width: 100%;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.contactbox2{ padding:80px 0; /* background:#f4f4f4; */}
.contactbox2 h2{ height:40px;line-height:40px;}
.contactbox2 h2 span{ background:url(../images/2019_xzjc_lmbg.png;vpn_img) no-repeat left center; padding-left:30px; display:inline-block; border-bottom:1px solid #0079ca; color:#0079ca; font-size:18px; line-height:40px; float:left}
.contactbox2 ul{    padding-top: 50px;}
.contactbox2 ul.sxhjgk li{width: 110px;display: inline-block;text-align: center;padding:20px;    box-shadow: 0 0 1.5rem rgba(9,41,77,.12);margin-right: 54px;    transition: all .3s ease;}
.contactbox2 ul.sxhjgk li:nth-last-child(1){margin-right: 0;}
.contactbox2 ul.sxhjgk li:hover{transform: transform: translate3d(0, -.3rem, 0);-ms-transform: translate3d(0, -.3rem, 0); /* IE 9 */-webkit-transform: translate3d(0, -.3rem, 0); /* Safari and Chrome */}
.contactbox2 ul.sxhjgk li img{    display: block; margin: 0 auto;}
.contactbox2 ul.sxhjgk li span{display: block;    padding-top: 10px;}
.twoPart {padding-top: 50px;}
.contactbox2 ul.szgk li{width: 352px;display: inline-block;text-align: center; box-shadow: 0 0 1.5rem rgba(9,41,77,.12);margin-right: 65px;background: #ffffff;    transition: all .3s ease;}
.contactbox2 ul.szgk li:hover{transform: transform: translate3d(0, -.3rem, 0);-ms-transform: translate3d(0, -.3rem, 0); /* IE 9 */-webkit-transform: translate3d(0, -.3rem, 0); /* Safari and Chrome */}
.contactbox2 ul.szgk li:nth-last-child(1){margin-right: 0;}
.contactbox2 ul.szgk li div{width: 100%;height: 400px;background: #d8e5f6;padding: 15px 0;}
.contactbox2 ul.szgk li div img{width: 100%;height: 100%;}
.contactbox2 ul.szgk li a{    display: block;height: 50px;line-height: 50px;width: 100%;text-align: center;font-size: 16px;border: 1px solid #0079ca;margin: 40px auto;}
.contactbox2 ul.szgk li a:hover{background: #0079ca;color: #ffffff;}
.contactbox2 ul.shgk li{width: 275px;height: 50px;line-height: 50px;margin:0 20px 20px 0;background:#f4f4f4;display: inline-block;text-align: center;padding: 10px 0;cursor: pointer;}
.contactbox2 ul.shgk li:hover{background: #0079ca;color: #ffffff;}
.contactbox2 ul.shgk li:hover a{color: #ffffff;}
.contactbox2 ul.shgk li:nth-last-child(1){margin-right: 0;}
.footer {width:100%; background:#dbdcdc; margin:30px 0 0 0; padding:30px 0;}
.footer_con{ width:1002px; margin:0 auto; color:#333 ; font-size:14px;text-align:center; line-height:24px;}

@media screen and (min-width:300px) and (max-width:1024px) {
.cen{ text-align:center;}		 
.width1200{ width:100%; margin:0 auto; letter-spacing:1px;}
.top{ height:60px; line-height:60px;}
.top .f-fl{ padding-left:55px;    background-size: 36px;    font-size: 14px;}
.top .f-fl i{ font-size:14px; font-weight: bold}
.top .f-fr{ display:none;}
.banner .f-fr{ width:100%; text-align:center; padding-top:25px; }
.banner .f-fr img{ width:90%; height:auto;}
.banner{ background: url(/vpn/89/https/MNYX45LFPJSXKLUUQIYGP55XF3SXP/pubimages/web/P020181202733764874413.jpg;vpn_img) no-repeat center #0079ca; background-size:cover; padding:30px 15px;}
.banner .f-fl{ width:100%; color:#fff; }
.banner .f-fl h2{ font-size:20px; padding-bottom:10px;  font-weight:bold; }
.banner .f-fl p{ font-size:16px; line-height:32px; padding-bottom:20px; text-indent:32px;}
.banner .f-fl a{ display:inline-block; background:#aa3c14; color:#fff; height:50px; line-height:50px; padding:0 30px 0 30px; margin-right:20px; font-size:16px;}
.twoPart {padding-top: 10px;}
.contactbox{ padding:20px 20px; overflow:hidden}
.contactbox h1,.contactbox2 h1{ font-size:22px; text-align:center; font-weight:normal; padding:70px 0 50px 0;;background: url(/vpn/89/https/MNYX45LFPJSXKLUUQIYGP55XF3SXP/pubimages/web/2019_datapub_titbg.png;vpn_img) no-repeat center top;text-shadow: 2px 2px 5px rgba(0,0,0,.2);color: #000000;}
.contactbox .f-fl,.contactbox .f-fr{ width:100%;}
 .contactbox .f-fr{padding-top: 20px;}
.contactbox .f-fl h2,.contactbox .f-fr h2{ border-bottom:1px solid #ccc; line-height:40px; height:40px;}
.contactbox .f-fl h2 span,.contactbox .f-fr h2 span{ background:url(../images/2019_xzjc_lmbg.png;vpn_img) no-repeat left center; padding-left:30px; display:inline-block; border-bottom:1px solid #0079ca; color:#0079ca; font-size:18px; line-height:40px; float:left}
.contactbox .f-fl h2 i,.contactbox .f-fr h2 i{ float:right; font-weight:normal;    font-size: 16px;}
.contactbox .f-fl ul,.contactbox .f-fr ul{ padding-top:20px;}
.contactbox .f-fl ul li,.contactbox .f-fr ul li{height: 40px;line-height: 40px;padding-left: 20px;    font-size: 16px;}
.contactbox .f-fl ul li a,.contactbox .f-fr ul li a{width: 100%;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.contactbox2{ padding:20px 20px; }
.contactbox2 h2{ height:40px;line-height:40px;}
.contactbox2 h2 span{ padding-left:30px; display:inline-block; border-bottom:1px solid #0079ca; color:#0079ca; font-size:18px; line-height:40px; float:left}
.contactbox2 ul{    padding-top: 35px;}
.contactbox2 ul.sxhjgk li{width: 46%;display: inline-block;text-align: center;padding:0; box-shadow: 0 0 1.5rem rgba(9,41,77,.12);margin:0 10px 10px 0;padding: 10px 0;}
.contactbox2 ul.sxhjgk li:nth-child(2n){margin-right: 0;}
.contactbox2 ul.sxhjgk li img{    display: block; margin: 0 auto;}
.contactbox2 ul.sxhjgk li span{display: block;    padding-top: 10px;}
.contactbox2 ul.szgk li{width: 100%;display: inline-block;text-align: center; box-shadow: 0 0 1.5rem rgba(9,41,77,.12);margin-right: 0;margin-bottom: 30px;background: #ffffff;    transition: all .3s ease;}
.contactbox2 ul.szgk li:hover{transform: transform: translate3d(0, -.3rem, 0);-ms-transform: translate3d(0, -.3rem, 0); /* IE 9 */-webkit-transform: translate3d(0, -.3rem, 0); /* Safari and Chrome */}

.contactbox2 ul.szgk li div{width: 100%;height: 400px;background: #d8e5f6;padding: 15px 0;}
.contactbox2 ul.szgk li div img{width: 100%;height: 100%;}
.contactbox2 ul.szgk li a{    display: block;height: 50px;line-height: 50px;width: 100%;text-align: center;font-size: 16px;border: 1px solid #0079ca;margin: 40px auto;}
.contactbox2 ul.szgk li a:hover{background: #0079ca;color: #ffffff;}
.contactbox2 ul.shgk li{width: 48%;height: 50px;line-height: 50px;margin:0 10px 10px 0;background:#f4f4f4;display: inline-block;text-align: center;padding:0;cursor: pointer;}
.contactbox2 ul.shgk li:nth-child(2n){margin-right: 0;float: right;}
.contactbox2 ul.shgk li:hover{background: #0079ca;color: #ffffff;}
.contactbox2 ul.shgk li:hover a{color: #ffffff;}
.contactbox2 ul.shgk li:nth-last-child(1){width: 100%;}
.footer {width:100%; background:#dbdcdc; margin:30px 0 0 0; padding:30px 0;}
.footer_con{ width:90%; margin:0 auto; color:#333 ; font-size:14px;text-align:center; line-height:24px;}

		 }