/*
全局css，适合所有页面
*/

*{ margin: 0px; padding: 0px; box-sizing: border-box;}
body{ font-size: 14px; font-family: Arial,"微软雅黑"; color: #555;}
a {text-decoration: none;color: #000;}
p {text-indent:0em;}
li{ list-style-type: none;}
img {border:0px;}
h1,h2,h3,h4,h5,h6{font-size:14px; font-weight:normal;}
table{border-collapse: collapse;}
input{outline: none;}

/* 元素行 */
.row {position: relative; width: 1100px; margin: 0px auto;}
/* 主背景色 */
/*.bgcolor { background-color: #C91A1D!important; }*/
.bgcolor { background-color: #1F7CCA!important; }
.color { color: #0a0!important; }
.bdcolor { color: #0a0!important; }

/*头部*/

/*顶部栏*/
.top1{ background-color: #000;height:30px;line-height:30px;color:#efefef; display: none;}
.top1 a{color:#efefef;}
.top1 h1.sitename{ text-align:center; font-size:18px; font-weight:normal; color:#ffffff; }

.top1_left{ line-height:30px; }

.top1_right{}
.top1_right ul{}
.top1_right ul li{ float:left; margin-right:10px; height:30px; line-height:30px;}

/*Logo栏*/
.top2{ height: 115px;}

.top2_left{ height:115px;}
.top2_left .logo_div{ width: 500px; height: 115px; padding-top: 30px;text-align: justify;}
.top2_left .logo_div a{display: block; width: 100%; height: 100%;}
.top2_left .logo{ position: relative; width: 346px; font-size: 26px;}
.top2_left h2{position: relative; width: 346px; font-size: 20px; }

.top2_center{position: relative; top:20px; height:100%; margin-left: 660px; width: 300px; background: url(../images/tel.png) no-repeat left center; text-align: left;  padding-left: 70px; font-size:28px;}


.top2_right{padding-top: 28px; height:115px; width: 140px; position: relative; }
.top2_right li{float: right; margin-left: 15px;}

.erweiCode{position: absolute; height: 8rem;z-index:10;display: none;}



/*导航栏 */
.top3{ height:50px; background-color:#1F7CCA; }
.nav{}
.nav table{width: 100%;}
.nav table .nav-li{ margin-right:0px; line-height:50px;text-align:center; position: relative;}
.nav table .nav-li:hover{background-color:#ddb36d;}
.nav table .nav-a{color: #fff; font-weight:bold; font-size:14px;}
.nav table .nav-h2{color: #fff;}
.nav table td.on{background-color:#ddb36d;}
.nav-sub-ul{width:100%; position: absolute; top:50px; left:0px; zoom:1; z-index:99999; display: none;}
.nav-sub-li{color: #fff; font-weight:bold; font-size:14px; height:35px;line-height:35px;}
.nav-sub-li:hover{background-color:#ddb36d;}
.nav-sub-a{color: #fff; font-weight:bold; font-size:14px; }
.nav-sub-h3{color: #fff; display: inline; padding:5px 8px;}
.nav-sub-h3:hover{}


/*banner*/
.banner{}
.banner .bd{}
.banner .bd ul{}
.banner .bd ul li{height:200px;}
.hd{position: relative; z-index: 10; text-align: center;}
.hd a{position: absolute; top: -340px;}
.hd .prev-a{left: 0;}
.hd .next-a{right: 0;}
.hd ul{position: absolute; bottom: 40px; width: 100%;}
.hd li{width: 14px; height: 14px; margin: 0 10px; border-radius: 50%; display: inline-block; background: #ccc;}
.hd li.on{background: #1063C0;}

/*主体*/
.main{background-color: #B8F0FD;}

.main-right{width:322px; margin-right:10px; margin-top:10px;}
.main-left{padding:10px; width:815px;}


/*友情链接*/
.friendlink{padding-bottom: 20px;}
.friendlink a{}
.friendlink ul{}
.friendlink li{float: left;margin: 0 11px; width: 240px; height: 70px; text-align: center; line-height: 68px;}
.friendlink li a{}
.friendlink li img{width: 238px; height: 64px; /*filter: grayscale(80%); -moz-filter: grayscale(80%); -webkit-filter: grayscale(80%); -o-filter: grayscale(80%); -ms-filter: grayscale(80%);*/ vertical-align: middle;border: 1px solid #ccc;}
/*.friendlink li img:hover{filter: none; -moz-filter: none; -webkit-filter: none; -o-filter: none; -ms-filter: none;}*/
.friendlin-list{position: relative;left: 30px;width: 1040px;overflow: hidden;}
.friendlink .btns{position: relative;z-index:10;}
.friendlink .btns a{position: absolute; top: -50px;}
.friendlink .btns a.prev-a{left: 0;}
.friendlink .btns a.next-a{right: 0;}


.bottom{height: 95px; background: #1F7CCA; color: #fff;}
.bottom ul{padding-top:20px;}
.bottom li{ float: left; height: 60px; width: 215px; padding-left: 50px; margin-left: 80px;}
.bottom li:first-child{margin-left: 0; padding-left: 70px;}
.bottom li .title{font-size:24px;}
.bottom li.bli1{background: url(../images/17.png) no-repeat left top;}
.bottom li.bli2{background: url(../images/14.png) no-repeat left top;}
.bottom li.bli3{background: url(../images/15.png) no-repeat left top;}
.bottom li.bli4{background: url(../images/16.png) no-repeat left top;}

/*底部*/
.footer{height: 355px;background: #252837; color: #fff;}
.footer a{color: #fff;}
.footer p{ line-height:25px; }
.footer1{height: 280px;padding: 40px 0 0 0;}
.footer1-l dl{width: 100px; height: 200px; float: left;}
.footer1-l dt{font-size: 16px; line-height: 30px; height: 32px;}
.footer1-l dd{line-height: 30px;}
/*.footer1-l p{margin: 20px 0 0 120px;color: #fff;}*/
.weixincode{height:86px; width: 86px;}
.footer1-r{font-size: 16px; line-height: 30px;}
.footer1-r span{font-size: 22px;}
.footer2{line-height: 28px;}
.footer1-r img{vertical-align: middle; margin: 0 5px;}
.footer1-c{margin-left: 550px;}
.footer1-c li{float: left; margin-left: 20px;}
.footer1-c li img{height: 125px; width: 125px;}
.footer2{}



/* 搜索框 */
.search {position: relative;}
.searchForm{height:28px;line-height:28px;padding-left:10px;width:280px;border:1px solid #3D425C}
.searchForm a{float:right;display:inline-block;width:80px;height:28px;background-color:#3D425C;text-align:center}
.searchForm input{border:0 none;background:0 0;color:#fff;width:140px;height:18px;padding:2px 0 2px 5px}





/*---------------------------------以下是内页--------------------------------*/

/*内页布局*/
.page{margin: 10px 0;}
.page-right{padding:10px;min-height:300px;}

/*您的位置*/
.page-position{ height: 40px; line-height: 38px; }
.page-position span{position: relative;float: right; border-left: 0px solid #1F7CCA; padding-left: 0px; margin-left:2px;}

.page-position ul{}
.page-position ul li{float: left; height:40px; line-height:40px; margin-right: 15px; text-align: center; font-size:14px; color:#fff; border:1px solid #1F7CCA; padding:0 20px; background: #1F7CCA;}
.page-position ul li.active{border:1px solid #ddb36d; background: #ddb36d;}
.page-position ul li a{color:#fff;}


/*内页右侧容器*/
.page-container{padding:20px 0;}

/* 文字列表 */
.page-list{}
.page-list ul{}
.page-list ul li{margin:0px 0px 10px 10px; line-height:25px;}
.page-list ul li a{}

/* 下载列表 */
.page-list-download{}
.page-list-download ul{}
.page-list-download ul li{margin:5px 10px; display: inline-block; width: 500px; line-height:30px;border-bottom: 1px dashed #ccc;}
.page-list-download ul li .li-pic-title{font-size: 16px;}
.page-list-download ul li span{color: #ddb36d;}
.page-list-download ul li a{}

/* 九宫格列表 */
.page-list-9{}
.page-list-9 ul{}
.page-list-9 ul li{width:208px; display: inline-block; margin: 10px 2px;vertical-align: top;}
.li-pic-div{ width:200px; height:160px; border:1px solid #ccc; text-align:center; vertical-align: middle; display:table-cell; padding:2px; overflow: hidden;}
.li-pic-div img{ max-width: 200px; max-height:160px; vertical-align: middle;}
.li-pic-title{text-align:center; height:30px; line-height:30px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

/* 图文混列 */
.page-list-mix{}
.page-list-mix ul{}
.page-list-mix ul li{margin:10px 0px; height:125px; border-bottom:1px dashed #eeeeff;}
/*.page-list-mix ul li:hover{background: #fee;}*/
.page-list-mix ul li img.thumb{ margin-right:10px; width:160px; height:115px; border:1px solid #efefef;}
.page-list-mix ul li a.title{ line-height:40px; font-size:16px; color:#000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: block; }
.page-list-mix ul li span.time{float:right; color:#999;}
.page-list-mix ul li div.desc{text-indent:2em; color:#999;}
.page-list-mix ul li span{color: #1F7CCA; line-height: 30px;}


/*内页文章详细信息*/
.page-art-title{ font-size: 22px; font-family: "微软雅黑"; color: #333; line-height: 40px;}
.page-art-time{ color: #999; line-height:30px;}
.page-art-content{ text-indent: 0px; line-height:20px; }
.page-art-content p{ text-indent: 0px; line-height:20px; }
.page-art-content img{ max-width:99%; }

/*单项目，适合产品详情和招聘详情等*/
.page-art-kv{line-height:25px;}
.page-art-key{font-weight:bold;}
.page-art-value{}

/* 分页 */
.wdcms-page{ text-align:center; }
.wdcms-page a{ margin-right:10px; padding:5px 10px; border:1px solid #ccc;}
.wdcms-page span{ margin-right:5px;}

/* 上一篇下一篇 */
.page-updown{ border-top:1px dashed #ccc; padding-top:10px;}
.page-updown p{ text-indent:0px; color:#999;}
.page-updown a{ color:#999; }





/*---------------------------------表单页面--------------------------------*/
.table-form{}
.table-form tr{ height:40px;}
.table-form th{ text-align:right; padding-right:10px;}
.input-text {
    border: 1px solid #ccc;
    padding: 4px 5px;
    color: #444;
    width: 200px;
}
.input-text:hover {
	transition: box-shadow 0.2s linear 0s;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
	border: 1px solid #74B9EF;
}
.input-button{ padding:2px 20px }


/*首页*/
.index1{position: relative; height: 510px;}
.index-title{height: 110px;padding-top: 50px;font-size: 22px;}
.index-title a{color: #000;}
.top-img{position: absolute;top: -35px;left:515px;}
.top-img2{top: -37px; left: 513px;}

.index1 .index-title{font-size:34px; height: 120px;}
.index1 .index1-main{padding: 0 50px;}
.index1 .index1-main li{position: relative;float: left; margin: 0 5px; width: 190px;vertical-align: middle;}
.index1 .index1-main .li1{background: url(../images/server1.png) no-repeat center 20px/80%;}
.index1 .index1-main .li2{background: url(../images/server3.png) no-repeat center 20px/80%;}
.index1 .index1-main .li3{background: url(../images/server2.png) no-repeat center 20px/80%;}
.index1 .index1-main .li4{background: url(../images/server5.png) no-repeat center 20px/80%;}
.index1 .index1-main .li5{background: url(../images/server4.png) no-repeat center 20px/80%;}
.index1 .index1-main li h3{height: 30px;font-size: 18px;font-weight: bold;}
.index1 .index1-main li p{line-height: 28px;text-align: left;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.index1 .index1-main li a{margin-top: 10px;display: inline-block;width: 104px; height: 29px;background: url(../images/server6.png) no-repeat center 0;}
.index1 .index1-main li a.tubiao{display: block;width: 100%;height: 190px;background: none;margin-top: 0;}

.index2{padding-bottom: 50px;background: #F5F5F5;}
.index2 .index2-main{padding: 0 35px; line-height: 30px!important;}
.index2-imgs{margin-top: 20px;}
.index2-imgs li{margin: 0 10px;display: inline-block;*display: inline;zoom:1; position: relative;}
.index2-imgs li img{width: 306px; height: 223px; vertical-align: top;}
.index2-imgs li p{position: absolute;bottom: 0; width: 100%;height: 40px;line-height: 40px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #000; opacity: 0.7; color: #fff;}

.index3{height: 720px;background: url(../images/6.png) no-repeat center 140px;}
.index3-title{padding-top: 44px;font-size: 36px; font-weight:bold;color: #000;}
.index3-main{}
.index3-main p{line-height: 26px;}
.index3-main h3{font-weight: bold; font-size:24px;}
.index3-main h3.h1{position: absolute;left: 90px;top: 550px;}
.index3-main p.p1{position: absolute;left: 10px; top:600px;width: 300px;}
.index3-main h3.h2{position: absolute;left: 50px;top: 350px;}
.index3-main p.p2{position: absolute;top: 400px;width: 300px;}
.index3-main h3.h3{position: absolute;top: 180px;left: 80px;}
.index3-main p.p3{position: absolute;top: 230px;left: 38px;width: 300px;}
.index3-main h3.h4{position: absolute;top: 380px;left: 920px;}
.index3-main p.p4{position: absolute;top: 430px;left: 810px;width: 300px;}
.index3-main h3.h5{position: absolute;top: 100px;left: 820px;}
.index3-main p.p5{position: absolute;top: 150px;left: 720px;width: 300px;}

.index4{height: 560px;background: #F7F7F7 url(../images/8.jpg) no-repeat center 101px;}
.index4-t{height: 100px;padding-top: 50px;font-size: 24px;color: #000;}
.index4-t span{padding: 3px 25px;}
.index4-b{height: 460px;}
.index4-main{position: relative; top: 60px; padding: 10px 30px; width: 960px; height: 320px; background: #fff;}

#abacus{position: absolute;bottom: 0;right: 0;z-index:1;}

.index4-main li{background: url(../images/shu.png) no-repeat 8px 20px;padding: 20px 8px; height: 138px; border-bottom: 1px dashed #eee;}
.index4-main li .index4-main-title{padding-left: 60px; height: 50px;}
.index4-main li .index4-main-title h3{color: #218de8;font-size: 20px; line-height: 40px;}
.index4-main li p{line-height: 26px; margin-top: 5px; color: #666;}