@charset "UTF-8";

/*top*/
.top{width: 100%;height: 35px;border-bottom: 3px solid #dab866;line-height: 35px;background: #000;}
.top p{width: 96%;margin: 0 auto;}
.top img{display: inline-block;vertical-align: middle;}
.top span{display: inline-block;color: #fff;line-height: 35px;font-size: 12px;}
/* header */
.header{position:relative;height:auto;padding: 24px 0;width: 100%;margin: 0 auto;}
.header .home{width: 11%;float: left;margin-top: 4px;margin-left: 2%;}
.header .home img{width: 100%;}
.header .logo{width:51%;float: left;margin-left: 13%;padding-bottom: 24px;}
.header .logo img{width:100%;}
.header .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;}
.header .search:hover{background-color:#0067d2;}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}
.header .user-icon span{display:none;}
.header .user-icon:hover{background-color:#0067d2;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

@media (min-width:641px){body{width:640px;margin:auto;}}

.tel{width: 100%;margin: 2% auto;}
.tel img{width: 100%;}

.kf{width: 98%;margin: 0 auto;overflow: hidden;}
.kf ul li{width: 50%;float: left;}
.kf ul li img{width: 100%;}

.title{width: 100%;margin: 2% auto;}
.title img{width: 100%;}

.al{width: 96%;margin: 0 auto;overflow: hidden;}
.al ul li{width: 48%;margin: 1% 1%; float: left;position: relative;}
.al ul li img{max-width: 100%;max-height: 187px;}
.al ul li p{text-align: center;color: #000;font-size: 14px;line-height: 30px; height: 30px; overflow: hidden;}
.al ul li .hover{display: none;position: absolute;top: 0;left: 0;}
.al ul li:hover .hover{display: block;}
.al ul li .hover img{width: 0%;}
.al ul li:hover .hover img{width: 100%;}

/*简介*/
.gsjj{width: 96%; margin: 0 auto 2%;line-height: 26px;}
.gsjj p{line-height: 24px;font-size: 14px;color: #646464;text-indent: 2em;width: 96%; margin: 0 auto 0%;}
.gsjj img{max-width: 100%;width: auto !important; height: auto !important;}

.xx{margin-bottom: 30px;}
.footer{height: auto;margin-top: 2%;position: fixed;bottom: 0;}
.footer ul li{float: left;}
.footer ul li img{width: 100%;}
.footer ul li#tel{width:43.125% }
.footer ul li#swt{width:43.4375% }
.footer ul li#bhome{width:13.4375%; }

/*当前位置*/
.biaoti{width: 100%; height: 30px; line-height: 30px; background: #ccc;margin-bottom: 2%;}
.biaoti p{line-height: 30px;width: 96%;margin: 0 auto;}
.biaoti p a{color: #000;}
/*翻页*/
.fanye{width: 100%;height: auto;overflow: hidden;font-size: 12px;text-align: center;}
.fanye li{display: inline;;list-style: none;border: 1px solid #c0c0c0;padding: 5px;}
.fanye li a{color: #000;display:inline-block;height:24px;line-height:24px;padding: 5px; }
/*文章页*/
.bt{width: 96%;margin: 0 auto;text-align: center;}
.bt h1{font-size: 16px;line-height:30px;text-align: center;}
.prenext {  padding: 10px 0px; font-size: 12px;  width: 90%; margin: 8px auto; }
.prenext li{ float: left; padding: 0px 5px;list-style: none;}
.prenext a{color: #000;margin: 0 5px;}
.prenext li:last-child{float: right;}
/*联系我们*/
.pageSidebar{text-align:center;overflow:hidden;height: auto;width: 94%;margin: 4% auto;}
.pageSidebar li{display:inline-block;width:48%;height:35px;line-height:35px;font-size:16px;color:#333;}
.pageSidebar li a{display:inline-block;width:98%;height:35px;line-height:35px;font-size:16px;color:#333;margin: 0 auto;}
.pageSidebar a:hover,.pageSidebar li.active a{background:#015198;color:#fff;}

.pageSidebar1 li{width: 24% !important;}

.pageSidebar2 li{width: 32% !important;}


/*服务页面*/
/*企业建设*/
.yyfw{width: 100%;height: auto;overflow: hidden;padding-bottom: 2%;}
.fwtit{width: 96%;margin: 0 auto;text-align: center;}
.fwtit h1{font-size: 18px;color: #333;font-weight: 100;line-height: 35px;}
.fwtit h2{font-size: 16px;color: #333;font-weight: 100;line-height: 30px;}

.fwnav{width: 100%;height: auto;overflow: hidden}
.fwnav ul li{width: 24%;height: auto;float: left;border-right:1px dashed #b0b0b0;text-align: center; margin-top: 2%;}
.fwnav ul li a{width: 100%;display: inline-block;}
.fwnav ul li a img{width: 80%;display: inline-block;}
.fwnav ul li a span{width: 100%;height: 30px; line-height: 30px;color: #333333;display: block;font-size: 12px;}

.fwjs{width: 96%;margin: 0 auto;}
.fwjs p{text-indent: 2em;line-height: 24px;font-size: 14px;text-align: center;padding-top: 2%;}
.fwjs a{background-color: #C2C2C2;width: 50%;height:auto;padding: 7px 0 12px 0px; _padding: 7px 0 6px 0px;
    display: block; border-radius: 4px;color: #fff;  margin:2% auto;text-align: center;}
.fwjs img{display: block;width: 100%;}

/*网络运营*/
.fwyy{width: 100%;height: auto;overflow: hidden;padding-bottom: 2%;}
.yysd{height: auto;overflow: hidden;}
.yysd img{width: 100%;}
.yyjs{margin-top: 2%;}
.yyjs li {background: url(../images/shidai_li.gif) no-repeat center left; padding-left: 30px;font-size: 14px;
    line-height: 30px;}
.hexin{width: 96%;margin: 2% auto;overflow: hidden;}
.hexin ul li{width: 32%;float: left;margin:0 0.6%; }
.hexin ul li img{width: 100%;}

/*定制开发*/
.dzkf{width: 100%;height: auto;overflow: hidden;padding-bottom: 2%;}
.whole_tile {height: auto;padding-top: 15px;width: 96%;margin: 0 auto;overflow: hidden;}
.whole_tile img{width: 9%;display: inline-block;float: left;}
.whole_tile div{width: 90%;float: left;margin-left: 1%;}
.whole_tile div h2 span {color: #d92025; font-size: 18px;}
.whole_tile div h2 {font-size: 18px;font-weight: bold; color: #595757;}
.whole_tile div h6 { color: #9fa0a0; font-family: Arial;  font-size: 12px;}

.one_cont {height: auto;overflow: hidden;}
.words{height: auto;overflow: hidden;width: 96%;margin: 0 auto;}
.fwpic{width: 45%;}
.fwpic img{width: 100%;}
.fwzjs{width: 54%}
.fwzjs  h3 {color: #727171;font-size: 15px;font-weight: bold;padding-top: 10px;}
.fwzjs p {color: #595757;font-size: 14px;line-height: 20px;text-align: left;}
.two_cont{width: 100%;height: auto;overflow: hidden;}
.tcont1 img{width: 100%;}
.tcontr{width: 94%;overflow: hidden;margin: 0 auto;text-align: right;}
.tcontr h3 {color: #727171;font-size: 16px;font-weight: bold;padding-bottom: 10px;}
.tcontr  p {color: #595757;font-size: 14px;line-height: 20px;}

.wordsf{width: 94%;margin: 0 auto;overflow: hidden;}
.wordsf h3{color: #727171;font-size: 16px;font-weight: bold;padding-bottom: 10px;text-align: center;}
.wordsf p {color: #595757;font-size: 14px;line-height: 20px;}
.wordsf h1{font-size:18px;font-weight: bold;color: #595757;text-align: center;}
.wordsf h1  span {color: #d92025;font-size: 18px;padding-top: 2%;}