*{ padding:0px; margin:0px;}
body{
    font-size:12px;
    text-align:left;
    color:#595756;
}
a{
    color:#595756;
    text-decoration:none;
	
}
h3{
    font-size:14px;
}
a:hover{
    color:#3660ac;
	text-decoration-line:none;
}
a img{
    border:none;
}
ul{
    list-style:none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.flex{display: flex;}
.mr15{margin-right: 15px;}
.bor-bot{border-bottom: 1px solid #898989;}
.bor-rg{border-right: 1px solid #898989;}
.text-indent{text-indent: 2em;}

.wrapper{width: 100%; height: auto; margin: 0 auto;}
.main{width: 1200px; height: auto; margin: 0 auto; }
.center{width: 1200px; height: auto; margin: 0 auto;}

.header{border-bottom: 12px solid #20458b;}
.top{width: 1200px; height: 120px; padding-top: 40px; margin: 0 auto; box-sizing: border-box;}
.top-nav{ width: 520px; float: right; display: flex;}
.top-nav li{width: 122px; margin-top: 15px; height: 30px; font-size: 18px; color: #20458a; line-height: 30px; text-align: center;}
.top-nav li a{display: inline-block; color: #20458a;}
.top-nav li a:hover{ border-bottom: 3px solid #20458a;}
.top-nav li em{float: right; margin-top: 8px;}
/* create an arrow that points left */
.top-nav .arrow-left {
 width: 0; 
 height: 0; 
 border-bottom: 8px solid transparent;  /* left arrow slant */
 border-top: 8px solid transparent; /* right arrow slant */
 border-right: 8px solid #20458a; /* bottom, add background color here */
 font-size: 0;
 line-height: 0;
}
.nav{width: 100%; height: 88px; background: #1578b9;}
.nav ul{width: 1200px; margin: 0 auto; border-left: 2px solid #fff; display: flex;}
.nav ul li{width: 198px; height: 70px; padding-top: 18px; text-align: center; border-right: 2px solid #fff;}
.nav ul a li{ color: #fff;}
.nav ul li span{font-size: 28px; line-height: 40px;display: block; }
.nav ul li em{font-style:normal; display: block;}
.nav ul a:hover li {background: #20458b;}
/* .banner{width: 1200px; height: 513px; margin: 0 auto; overflow: hidden;} */

.banner{ width:1200px;  position:relative; margin: 0 auto;  height:250px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:250px; }
.banner .bd li .siteWidth{ width:1200px; position:relative;  margin:0 auto;  height:250px;  }
.banner .bd li a{ height:250px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(images/banner-btn.png) 0 0 no-repeat;
_background:url(../images/banner-btn-ie6.png) 0 0 no-repeat;
}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }




.part1{width: 100%; height: auto; padding-bottom: 35px; background: #e7eef8;}
.part2{width: 100%; height: auto; padding-bottom: 35px; }
.part3{width: 100%; height: auto; padding-bottom: 35px; background: #e7eef8;}
.part4{width: 100%; height: auto; }
.part5{width: 100%; height: auto; padding-bottom: 40px; }
.index-tit{width: 100%; padding-top: 30px;}
.index-tit h1{ width: 100%; font-size: 28px; text-align: center;}
.index-tit span{width: 100%; height: 2px; margin-top: 20px; background: #898989; display: block; position: relative;}
.index-tit span em{width: 180px; padding: 5px 0; font-size: 16px; font-style:normal; text-align: center; background: #e7eef8; position: absolute; left: 50%; margin-left: -90px; top: -16px;}
.index-tit i{width: 120px; height: 4px; margin: 13px auto 0; background: #20458b; display: block;}

.part1-con{ padding-top: 10px;}
.part1-con li{width: 380px; height: 176px; float: left; margin-top: 50px; background-color: #1578b9; position: relative;}
.part1-img{margin: 59px 15px;}
.part1-con li ol{width: 278px; float: left;}
.part1-con li ol h2{ margin-top: 30px; font-size: 24px; font-weight: 100; color: #fff;}
.part1-con li ol span{width: 278px; height: 1px; margin-top: 10px; background: #fff;display: block; position: relative;}
.part1-con li ol span em{width: 110px; height: 3px; background: #fff; display: inline-block; position: absolute; left: 0; top: -1px;}
.part1-con li ol p{ color: #fff; padding-top: 10px; line-height: 1.6;text-align: justify;}
.part1-con li i{width: 55px; height: 55px; background: url(../images/icon_add.png) no-repeat; display: block; position: absolute; top: -1px; right: 0; display: none;}
.part1-con a:hover li { background: #20458b;}
.part1-con a:hover li i{ display: block;}

.trend{width: 299px; float: left; margin-right: 26px;}
/* 焦点图 */
.focusBox { float:left; position: relative; width: 299px; height: 220px; margin-top:20px;  overflow: hidden; font-family:Arial; text-align: left; background:#fff; }
.focusBox .pic img { width: 299px; height: 180px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 40px; width:100%; background: url(../images/trend-bg.jpg) repeat-x;  /* background: #333; filter: alpha(opacity=40); opacity: 0.4; */ overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 40px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:40px; line-height:40px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }

.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 16px; line-height: 16px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }

.notice{width: 550px; float: left;}
.notice-ul{padding-top: 10px;}
.notice-ul li{width: 100%; height: 32px; margin-top: 5px; font-size: 12px; line-height: 32px; color: #474443; border-bottom: 1px solid #898989;}
.notice-ul li a em{
	width: 0;
	height: 0; 
	padding-right: 10px;
	border-bottom: 8px solid transparent;  /* left arrow slant */
	border-top: 8px solid transparent; /* right arrow slant */
	border-left: 8px solid #474443; /* bottom, add background color here */
	font-size: 0;
	line-height: 0;
	float: left; 
	margin-top: 8px;
}
.notice-ul li span{ float: right;}
.notice-ul li a{ display: inline-block; color: #474443;}
.notice-ul li a:hover{color: #20458b;}
.notice-ul li a:hover em{
	border-bottom: 8px solid transparent;  /* left arrow slant */
	border-top: 8px solid transparent; /* right arrow slant */
	border-left: 8px solid #20458b; /* bottom, add background color here */
}
.list-global li{padding-bottom: 5px; margin-bottom: 12px; font-size: 16px !important;}


.file{width: 299px; float: right;}
.file-ul{ padding: 10px; margin-top: 20px; border: 2px solid #898989;}
.file-ul li{width: 91px; padding: 12px 0; float: left; box-sizing: border-box;}
.file-ul li img{margin: 0 auto;display: block;}
.file-ul li span{ margin: 5px auto 0; text-align: center; display: block;}



.part3-con{padding-top: 20px;}
.part3-con li{width: 290px; margin: 0 5px; padding: 15px 0; background: #f9fafb; border-radius: 3px;}
.part3-con li img{display: block; margin: 0 auto;}
.part3-con li span{ display: block; font-size: 24px; margin-top: 5px; text-align: center;}
.part3-con a:hover li{box-shadow:-2px 0 7px -1px #ccc, 0 2px 7px -1px #ccc}

.index-tit2{width: 100%; padding-top: 40px;}
.index-tit2 h2{float: left; font-size: 20px;}
.index-tit2 a{ padding: 2px 10px; margin-top: 3px; float: right; font-size: 14px; color: #fff; background: #20458b; border-radius: 2px;}
.index-tit2 span{width: 100%; height: 2px; margin-top: 5px; background: #898989;display: block; position: relative;}
.index-tit2 em{width: 85px; height: 4px; background: #20458b; display: inline-block; position: absolute; left: 0; top: -1px;}

.part4-con{padding-top:20px;}
.part4-con li{ float: left; margin: 15px 8px 0px 9px; border: 1px solid #c5c5c5; border-radius: 3px;}

.part5-con{padding-top:20px; padding-bottom: 40px;}
.part5-con li{ float: left; margin: 15px 14px 0px 13px; display: inline; border: 1px solid #c5c5c5; border-radius: 3px;}

.footer{width: 100%; padding: 40px 0; background: #297abb; border-bottom: 12px solid #20458b;}
.footer ul{width: 600px; margin: 0 auto;}
.footer ul li{font-size: 16px; color: #fff;}
.footer ul li a{padding: 0 15px; color: #fff;}
.footer ul li em{font-style: normal;}
.foot-bot{ margin-top: 15px; font-size: 16px; line-height: 1.8; color: #fff; text-align: center;}
.foot-bot img{margin-bottom: 10px;}


/* 列表 */
.list-pos{ padding: 40px 0; float: right;}
.list-pos li{ float: left; font-size: 14px;}
.list-pos li a{padding: 0 15px;}
.list-pos li em {
 width: 0; 
 height: 0; 
 border-bottom: 6px solid transparent;  /* left arrow slant */
 border-top: 6px solid transparent; /* right arrow slant */
 border-left: 6px solid #20458a; /* bottom, add background color here */
 font-size: 0;
 line-height: 0;
 float: right;
 margin-top: 5px;
}
.list-lf{width: 250px; float: left; padding-bottom: 30px;}
.list-nav{border-top: 2px solid #20458b;}
.list-nav li{ height: 58px;font-size: 20px; line-height: 58px; text-align: center; background: #f7f7f7;border-bottom: 2px solid #20458b;}
.list-nav li a{color: #3e3a39;}
.list-nav li.active{ background: #f7f7f7; }
.list-nav li.active a{color: #20458b;}
.list-nav li.on{background: #20458b;}
.list-nav li.on a{ color: #fff;}

.list-zx{width: 100%; height: 78px; padding: 20px 50px; margin-top: 50px; background: #bc9256; box-sizing: border-box;}
.list-zx em{width: 35px; height: 35px; float: left; margin-right: 7px; margin-top: 3px; background: url(../images/list-edit.png) no-repeat; display: inline-block;}
.list-zx h2{ color: #fff; font-size: 20px;}
.list-zx span{ color: #fff; font-size: 10px;}

.list-lx{width: 100%; height: auto; padding: 12px 0px; margin-top: 15px; background: #20458b; box-sizing: border-box;}
.list-lx2{padding: 0px 50px  2px 50px;}
.list-lx2 em{width: 35px; height: 35px; float: left; margin-right: 7px; margin-top: 3px; background: url(../images/list-phone.png) no-repeat; display: inline-block;}
.list-lx2 h2{ color: #fff; font-size: 20px;}
.list-lx2 span{ color: #fff; font-size: 10px;}
.list-lx p{font-size: 28px; line-height: 1.2; text-align: center; color: #fff;}

.list-rg{width: 880px; padding-bottom: 50px; float: right;}
.list-list li{ padding-bottom: 30px; margin-bottom: 30px; float: left; border-bottom: 1px solid #898989;}
.list-list li img{width: 100%; }
.list-img{width: 242px; height: 111px; float: left; margin-right: 30px; overflow: hidden;}
.list_fc_img{width: 330px; height: 248px; float: left; margin-right: 30px; overflow: hidden;}
.list-list li ol{width: 605px; float: right;}
.list-list li ol h2{ font-size: 20px;}
.list-list li ol p{ font-size: 14px; text-indent: 2em; line-height: 1.8; padding-top:10px;}
.list-list li ol span{padding: 3px 5px; margin-top: 3px; float: right; background: #20458b; border-radius: 3px;}
.list-list li ol span a{color: #fff;}
.list-fc{width: 520px !important; color: #3e3a39;}
.list-fc h2{ font-size: 20px !important;}
.list-fc h3{ font-size: 20px; line-height: 1.8;}
.list-fc em{font-size: 16px; font-style: normal;}
.list-fc p{padding-bottom: 5px; font-size: 16px !important; line-height: 1.6 !important; }

/* list分页css */
.paging{
    display: flex;
    align-items: center;
	margin-top: 30px;
}
.paging div{
    border: 1px solid rgb(211, 211, 211);
    padding: 8px 15px;
    border-radius: 10px;
    cursor: pointer;
    margin: 0 8px;
    font-size: 14px;
}
.paging div.disable{
    color: #474443;
    cursor: not-allowed;
    background-color: rgb(211, 211, 211);
}
.paging div.active{
    border: none;
    background-color: #20458b;
    color: #fff;
}

/* 文章 */
.article-rg{width: 880px; padding-bottom: 50px; float: right;}
.article-rg .art-tit{padding-bottom: 40px; font-size: 26px; text-align: center;}
.article-con{padding-bottom: 40px;}
.article-con p{ padding-top: 15px; font-size: 16px; text-align: justify; line-height: 1.8;}

/* 关于中展 */
.about-xtit{width: 135px; height: 44px; font-size: 20px; line-height: 36px; text-align: center; color: #fff; background: url(../images/about-xtit.png) no-repeat; display: block;}
.about-power li{width: 400px; padding-left: 25px; margin-top: 5px; font-size: 16px; line-height: 1.8; color: #3e3a39;}
.about-power li em{font-style: normal; margin-right: 10px;}

.about-culture{width: 880px;}
.about-culture li{padding-bottom: 12px; margin-bottom: 20px; border-bottom: 1px solid #898989;}
.about-culture li p{padding-top: 5px; line-height: 1.6; }
.about-server ol{padding-top: 15px; float: left; padding-left: 12px; padding-right: 20px;}
.about-server ol span{ padding-top: 5px; font-size: 16px; display: block; text-align: center;}
.about-blue{width: 666px; height: 397px; margin-top: 10px; background: url(../images/about-blue.png) no-repeat; box-sizing: border-box;}
.about-blue li{ width: 240px; float: left; margin-left: 60px; margin-top: 30px; margin-bottom: 30px; margin-right: 20px; display: inline; border: none; box-sizing: border-box;}
.about-blue li span{ font-size: 20px; color: #000000; font-weight: bold;}
.about-blue li p{ padding-top: 8px; font-size: 16px; line-height: 1.6; text-align: justify;}

.about-blueli{width: 220px !important;margin-right: 5px !important; }

.art-xtit{width: 488px; height: 29px;  margin: 10px auto 0; background: url(../images/tit-bg.png) no-repeat;position: relative; }
.art-xtit h2{ font-size: 46px; color: #000; position: absolute; top: -20px; left: 60px;}
.art-xtit2{padding-top: 8px; font-size: 56px; font-weight: bold; color: #000; text-align: center;}

.art-server{ height: 320px; position: relative; margin-top: 40px; padding-bottom: 60px;}
.art-server li{position: absolute; font-size: 26px; padding: 8px 40px; border-radius: 25px;}
.art-server-bg1{background: #22467c; color: #fff;}
.art-server-bg2{background: #d4b783; color: #3e3a39;}
.art-server li:nth-of-type(1){top: 0; left: 330px;}
.art-server li:nth-of-type(2){top: 60px; left: 185px;}
.art-server li:nth-of-type(3){top: 60px; left: 455px;}
.art-server li:nth-of-type(4){top: 120px; left: 300px;}
.art-server li:nth-of-type(5){top: 165px; left: 120px;}
.art-server li:nth-of-type(6){top: 190px; left: 480px;}
.art-server li:nth-of-type(7){top: 250px; left: 230px;}

.art-advantage{width: 586px; margin: 35px auto 0;}
.art-advantage li{width: 100%; height: 70px; margin-bottom: 2px; display: flex;}
.art-advantage li em{ padding: 0 25px; font-size: 32px; line-height: 70px; color: #fff; font-style: normal;display: inline-block;}
.art-advantage li span{width: 520px; padding: 5px 20px; font-size: 22px; line-height: 60px;  color: #3e3a39;display: inline-block; box-sizing: border-box;}
.advantage-bg1{background: #22467c;}
.advantage-bg2{background: #d4b783;}
.advantage-bg3{background: #dcdddd;}
.advantage-line{line-height: 30px !important;}

.pro-tit1{font-size: 80px; text-align: center;}
.pro-tit2{ margin-bottom: 20px; font-size: 24px; text-align: center;}

.work-job li{ margin-bottom: 25px;}
.work-job li h2{margin-bottom: 8px; font-size: 16px; font-weight: bold;}
.work-job li p{ font-size: 16px; padding-top: 0;}

.lxwm-tit {position: relative;}
.lxwm-tit em{width: 36px; height: 36px; background: #d4b67c; display: inline-block; margin-left: 12px;}
.lxwm-tit h2{ font-size: 26px; color:white; position: absolute; left: 12px; top: -20px;bottom: 5px;}

.lxwm1{width: 100%; padding-right: 40px; padding-bottom: 20px; border-bottom: 2px solid #898989; box-sizing: border-box;}
.lxwm-ul1{width: 620px;padding-top: 12px; float: left;}
.lxwm-ul1 li{padding-left: 45px; margin-top: 3px;height: 36px; line-height: 36px; font-size: 18px; position: relative;}
.lxwm-ul1 li em{width: 34px; height: 31px; margin-right: 10px; display: inline-flex; position: absolute; left: 0; top: 3px;}
.lxwm-ul1 li:nth-of-type(1) em{background: url(../images/lxwm1.png) no-repeat;}
.lxwm-ul1 li:nth-of-type(2) em{background: url(../images/lxwm2.png) no-repeat;}
.lxwm-ul1 li:nth-of-type(3) em{background: url(../images/lxwm3.png) no-repeat;}
.lxwm-ul1 li:nth-of-type(4) em{background: url(../images/lxwm4.png) no-repeat;}
.lxwm1 img{float: right; margin-top: 15px;}
.lxwm-ul2{width: 100%;padding-bottom: 25px;padding-top: 20px; float: left;border-bottom: 2px solid #898989; box-sizing: border-box;}
.lxwm-ul2 li{float: left; padding-left: 45px; margin-right: 100px; margin-top: 3px;height: 36px; line-height: 36px; font-size: 18px; position: relative;}
.lxwm-ul2 li em{width: 34px; height: 31px; margin-right: 10px; display: inline-flex; position: absolute; left: 0; top: 3px;}
.lxwm-ul2 li:nth-of-type(1) em{background: url(../images/lxwm5.png) no-repeat;}
.lxwm-ul2 li:nth-of-type(2) em{background: url(../images/lxwm6.png) no-repeat;}
.lxwm-ul2 li:nth-of-type(3) em{background: url(../images/lxwm7.png) no-repeat;}
.lxwm-ul2 li:nth-of-type(4) em{background: url(../images/lxwm8.png) no-repeat;}

.lxwm-special{width: 100%; padding: 0; margin: 0; border-bottom: 2px solid #898989;}