body, html, article, section, h1, h2, p, a, ul, li, em, div, small, span, footer, canvas, figure, figcaption, input { margin: 0; padding: 0; }
body { font-family: 微软雅黑, 黑体, Arial, Helvetica, sans-serif; color: #535353; margin: 0 auto; position: relative;}
div, dl, dt, td, dd, ul, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, code, fieldset, legend, p, blockquote { list-style: none; margin: 0; padding: 0; }
input, textarea { padding: 0; margin: 0; resize: none; outline: none; -webkit-user-select: auto;}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
display: none;
}
select { appearance: none; -webkit-appearance: none; border-radius: 0; }
img { vertical-align: middle; }
a img { border: 0; }
img { -webkit-transform: scale(1) rotate(0deg) translate3d(0, 0, 0); transform: scale(1) rotate(0deg) translate3d(0, 0, 0); }
a { color: #535353; text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; }
a:hover { text-decoration: none; }
.ico{background: url("../img/ico.png") no-repeat}
.clear{clear:both;height:0;overflow:hidden;}
/**/
.transition{transition:0.5s ease;-moz-transition: 0.5s ease;-webkit-transition: 0.5s ease;-o-transition: 0.5s ease}
/**/
#top{margin: 0 auto}
#top .header{overflow: hidden;position: relative}
#top .header{height: 90px}
#top .header .logo{float: left;width:480px;line-height: 90px}
#top .header .logo img{height:50px}

#top .header .r{width: 200px;height: 24px;position:absolute;top: 50%;margin-top: -12px;right: 0}
#top .header .r a{display: block;width:45px;float: left;line-height: 24px;padding-left:24px;font-size: 13px;}
#top .header .r a:nth-of-type(1){background-position: 0 -26px;background-size:18px;}
#top .header .r a:nth-of-type(2){background-position: 0 -73px;background-size:20px;}

#top .menu{background: #3373f2;width: 100%;}
#top .li{width: 20%;float: left;position: relative;border-right: 1px solid #fff;box-sizing: border-box;}
#top .li:last-of-type{border: none}
#top .li a{display: block;width: 100%;line-height:33px;text-align: center;font-size:13px;color: #fff;}
#top .li a:hover,#top .li a.on{background:#1058e5}
#top .li ul.one{display: none;position: absolute;left: 0;top:33px;z-index: 999;width:200px;background: #fff;text-align: center;box-sizing: border-box;border: 1px solid #d7d7d8;}
#top .li ul.one.product{width:1005px;left: -200px}
#top .li ul.one.plan{width:605px;left: -200px}
#top .li ul.one li.one_li{float: left;padding:30px 0 30px 30px;width: 200px;box-sizing: border-box;}
#top .li ul.one li.one_li ul{border-right: 1px solid #d7d7d8;padding-right: 30px}
#top .li ul.one li.one_li ul:last-of-type{border-right: none}
#top .li ul.one li.one_li li.t{font-size: 13px;color: #3373f2;padding-bottom: 10px;}
#top .li ul img{margin-bottom:10px;width: 100%;}
#top .li ul a{color: #000}
#top .li ul a:hover{background: #ddd;color: #3373f2}
#top .li:hover > ul{display: block}
#top .li ul li a{line-height: 30px;font-size: 12px;}
/**/
#foot{width: 100%;background-color: #89898b;}
#foot .footer{background:#9d9d9e;color: #fff;padding-top: 20px;}
#foot .footer ul{overflow: hidden}
#foot .footer li{float: left}
#foot .footer .li{width: 25%;padding-left: 20px;box-sizing: border-box;}
#foot .footer .li li{width: 100%;line-height: 25px;font-size: 13px;color: #fff;}
#foot .footer .li li a{color: #fff;}
#foot .footer .li li a:hover{color: #3373f2}
#foot .footer .qr{width: 40%;margin-left: 30px;padding: 5px;background: #fff}
#foot .copyright{text-align: center;padding: 30px 0 10px;font-size: 12px;}
#foot .jsgovicon{margin: 0 auto;padding-bottom: 20px;text-align: center}
#foot .jsgovicon a{display: inline-block}
#foot .jsgovicon img{width: 40px;height:auto}
/**/
.center_width{margin: 0 auto;width: 1000px}
/**/
.page_count{text-align: right;padding-bottom: 10px;font-size: 13px;}
.page_count i{font-style: inherit;font-size: 14px;font-weight: bold;padding: 0 5px;}
ul.pagination{overflow: hidden;text-align: right;padding-bottom: 20px;margin-top: 30px;}
ul.pagination li{display: inline-block;}
ul.pagination li a, ul.pagination li span{border: 1px solid #e4eaec;text-decoration: none;display: block;text-align: center;min-width:25px;padding: 0 2px;line-height: 25px;height: 25px;font-size: 13px;}
ul.pagination li span{background: #e5e5e5;color: #b3b3b3;}
ul.pagination li.active span{background-color: #3373f2 !important;color: #ffffff !important;border-color: #3373f2 !important;}
/**/
/**/
#index.index .banner{ position:relative; background:#000;height: 350px;overflow:hidden;margin-top:5px}
#index.index .banner .bd{ position:relative; z-index:0; }
#index.index .banner .bd li img{width:100%; vertical-align:top;  }
#index.index .banner .hd { height: 15px; overflow: hidden; position: absolute; right:10px; bottom:10px; z-index: 1; }
#index.index .banner .hd ul { overflow: hidden; zoom: 1; float: left; }
#index.index .banner .hd ul li { float: left; margin-right:5px; width: 13px; height: 13px; line-height: 14px; text-align: center; background: #fff; cursor: pointer;border-radius: 50px;border: 1px solid #3373f2;}
#index.index .banner .hd ul li.on { background: #3373f2; }

#index.index #main{padding-top: 50px;margin-bottom: 50px;}
#index.index #main ul{overflow: hidden}
#index.index #main ul .one{float: left;width: 20%;border-right: 1px solid #000;box-sizing: border-box;padding: 0 20px;min-height: 180px}
#index.index #main ul .one:last-of-type{border: none}
#index.index #main ul .one h2{color: #3373f2;font-size: 15px;font-weight: initial;}
#index.index #main ul .one .info{padding:15px 0;font-size: 12px;}
#index.index #main ul .one li{background-size:20px;background-position: 0 -107px;padding-left: 22px;}
#index.index #main ul .one li a{line-height: 2;font-size: 12px;color: #3373f2;}
/**/
#list{overflow: hidden;padding-top:10px;}
#list .l{width: 180px;float: left;}
#list .r{width: 810px;float: right}
#list .top{height: 25px;background-color: #89898b;margin-bottom:10px}
#list .top .l{width: 190px;border-right: 10px solid #fff}
#list .top .l,#list .top .r{background: #d7d7d8;line-height: 25px;padding-left:10px;box-sizing: border-box;font-size: 13px}

#list .l ul{border-top: 1px solid #89898b}
#list .l a{line-height: 25px;padding: 0 10px;border-bottom: 1px solid #89898b;display: block;font-size: 13px;color: #333333}
#list .l a.on,#list .l a:hover{background-color: #d8d8d8;color: #3373f2}
/**/
#list .r .tt{font-size: 18px;text-align: center;padding: 10px 0;}
#list .r .con{padding: 0 10px 20px;}
/**/
#list .r.list{padding-bottom: 200px}
#list .r.list li{width: 25%;padding: 10px;box-sizing: border-box;float: left}
#list .r.list li a{display: block}
#list .r.list li img{width: 100%;}
#list .r.list li p{text-align: center;line-height: 2;font-size: 13px;}
/**/
#list .r .listing{overflow: hidden;padding: 10px 20px;}
#list .r .listing li{width: 100%;float: left;border-bottom: 1px solid #ddd;margin-bottom:15px;padding: 0 10px 15px;box-sizing: border-box}
#list .r .listing li a{display: block}
#list .r .listing li a p{padding-bottom: 5px}
#list .r .listing li a p:nth-of-type(1){font-size: 14px;color: #3373f2}
#list .r .listing li a p:nth-of-type(2){font-size: 12px;color: #89898b}
#list .r .listing li a p:nth-of-type(3){font-size: 12px;color: #3c3c3e;text-indent: 2em}