@charset "utf-8";
* {box-sizing: border-box;}
body{ background-color: #ffffff;}
body, div, dl, dt, dd, ul, ol, li, form, input, textarea, select, p, h1, h2, h3, h4, h5, h6 { font-family: Arial; color: #333; line-height: 20px; font-size: 14px; font-weight: normal; padding: 0; margin: 0;}
em, i, del { font-weight:normal; font-style:normal;}
img { border:0;}
ol, ul { list-style:none;}
a { color:#333; cursor:pointer;}
a:link, a:visited { text-decoration:none;}
a:hover { text-decoration:underline;}

.header { height: 80px; background: url(../Images/header_bg.png) repeat-x; min-width: 960px;}
.header .i{ width:960px; height:80px; margin:0 auto; position:relative;}
.headlogo{ position:absolute; top:0; left:0;}
.footcopy{width: 100%; height: 47px; padding: 10px 0; line-height: 27px; font-size: 11px; background: url(../Images/footcopy_bg.png) repeat-x; background-color: #1c2227; border-top: 1px solid #232a30; overflow: hidden; min-width: 960px;}
.footcopy .i{ width:960px; height:27px; margin:0 auto; text-align: center; overflow:hidden;}
.footcopy .r{ height:27px; line-height:27px; font-size:12px; color:#606365; overflow:hidden;}
.footcopy .r a{color: #606365;}
.footcopy .r img{padding: 0 3px; margin-top: -3px;}
.footcopy .r span{ font-size:11px;}
.index{ width: 960px; margin: 0 auto; overflow: hidden;}
.index_bg { height: 225px;min-width: 960px; background: url(../Images/index_bg.png) repeat-x;}
.i_news{ float: left; width: 330px; display:inline; padding:0 28px 0 0; margin:25px 25px 0 0; border-right:1px solid #e5ebf2; overflow:hidden;}
.i_news .head{ height:30px; border-bottom:1px solid #ecf0f4; overflow:hidden;}
.i_news .head .title{ float:left; line-height:30px; color:#bfbfbf; font-size:14px;}
.i_news .head .title b{ color:#003260;}
.i_news .head .more{ float:right; margin:15px 0 0;}
.i_news .top{ height:67px; margin:13px 0 3px; overflow:hidden;}
.i_news .top .img{ float:left; width:97px; height:67px; background:url(../Images/i_news_img_bd.png) no-repeat; overflow:hidden;}
.i_news .top .img a{ display:block; width:90px; height:60px; overflow:hidden;}
.i_news .top .img img{ width:90px; height:60px; overflow:hidden;}
.i_news .top .txt{ float:right; width:230px; overflow:hidden;}
.i_news .top .txt h1{ height:20px; line-height:20px; font-weight:bold; margin:0 0 5px; overflow:hidden;}
.i_news .top .txt h1 a{ color:#666;}
.i_news .top .txt h2{ height:36px; line-height:18px; color:#888; overflow:hidden;}


.i_news .list li{ height:22px; line-height:22px; vertical-align:middle; overflow:hidden;}
.i_news .list li span{ float:left; width:290px; height:22px; padding:0 0 0 10px; background:url(../Images/arr_1.png) no-repeat 0 center; overflow:hidden;}
.i_news .list li span a{ color:#666;}
.i_news .list li i{ float:right;}

.i_products{ float:left; width:265px; padding:0 28px 0 0; margin:25px 0 0; border-right:1px solid #e5ebf2; overflow:hidden;}
.i_products .head{ height:30px; border-bottom:1px solid #ecf0f4; overflow:hidden;}
.i_products .head .title{ float:left; line-height:30px; color:#bfbfbf; font-size:14px;}
.i_products .head .title b{ color:#003260;}
.i_products .head .more{ float:right; margin:15px 0 0;}
.i_products .img{ float:left; width:108px; height:102px; margin:13px 0 0; border:1px solid #ccd6e6; overflow:hidden;}
.i_products .img img{ width:108px; height:102px;}
.i_products .list{ float:right; width:140px; margin:10px 0 0; overflow:hidden;}
.i_products .list li{ height:16px; line-height:16px; padding:0 0 0 10px; background:url(../Images/arr_1.png) no-repeat 0 center; overflow:hidden;}
.i_products .list li a{ color:#666;}

.i_server{ float:right; width:255px; margin:25px 0 0; overflow:hidden;}
.i_server .head{ height:30px; border-bottom:1px solid #ecf0f4; overflow:hidden;}
.i_server .head .title{ float:left; line-height:30px; color:#bfbfbf; font-size:14px;}
.i_server .head .title b{ color:#003260;}
.i_server .head .more{ float:right; margin:15px 0 0;}
.i_server .img{ float:left; width:110px; margin:13px 0 0; overflow:hidden;}
.i_server .txt{ float:right; width:145px; color:#666; margin:13px 0 0; overflow:hidden;}

.layui-breadcrumb a {
    color: #333!important;
    font-size: 18px;
}
.layui-breadcrumb span[lay-separator] {
    margin: 0px 30px;
    color: #999;
    font-size: 18px;
}
.layui-breadcrumb a:hover {
    color: #0063a7!important;
}

/* service */
.bodyer{
	width: 960px;
    padding: 0 0 20px;
    margin: 15px auto;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
	position: relative;
	overflow: hidden;
}
.side{
	float: left;
    width: 200px;
    position: relative;
}
.sidelogo{
	position: absolute;
    left: 0;
}
.menu{
	width: 150px;
    padding: 52px 0 0;
    margin: 0 auto;
    overflow: hidden;
}
.menu li .i{
	display: block;
    height: 30px;
    line-height: 30px;
    color: #666;
    padding: 0 0 0 34px;
    background: url(../Images/menu_bg.png) no-repeat;
    overflow: hidden;
}
.cont{
    width: 100%;
    min-height: 800px;
}
.location{
	width: 760px;
    height: 42px;
    background: url(../Images/location_bg.png) no-repeat;
    position: absolute;
    left: 0;
    overflow: hidden;
}
.location .title {
    display: inline;
    float: left;
    height: 42px;
    line-height: 42px;
    font-family: "Microsoft Yahei";
    font-size: 16px;
    color: #4b596e;
    margin: 0 0 0 40px;
    overflow: hidden;
}
.main {
    width: 90%;
    padding: 62px 0 0;
    margin: 0 auto;
    overflow: hidden;
}
.imglist {
    width: 720px;
    padding-left: 15px;
}
.imglist ul {
    width: 750px;
    zoom: 1;
}
.side_arr {
    position: absolute;
    bottom: -1px;
    left: -1px;
}
.cont_arr {
    position: absolute;
    bottom: -1px;
    right: -1px;
}
/* newsList */
.news_list ul {
    overflow: hidden;
    zoom: 1;
}
.news_list ul li {
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    background: url(../Images/line_1.png) repeat-x bottom;
    overflow: hidden;
}
.news_list ul span {
    float: left;
    width: 370px;
    height: 32px;
    padding: 0 0 0 15px;
    background: url(../Images/arr_2.png) no-repeat 0 10px;
    overflow: hidden;
}
.news_list ul i {
    float: right;
    height: 24px;
    color: #999;
    overflow: hidden;
}
.news_list ul li.hover {
    background: #e9eef5 url(../Images/line_1.png) repeat-x bottom;
}
.news_list ul span a {
    color: #666;
}
.news_list ul span a:hover {
    color: #003260;
}
/* 新闻 */
.news_info .time {
    height: 34px;
    line-height: 34px;
    text-align: right;
    color: #666;
    border-bottom: 1px solid #dcdcdc;
}
.news_info h1 {
    color: #4b76b9;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0 10px;
}
.news_info .body {
    width: 780px;
    line-height: 22px;
    font-size: 12px;
    color: #333;
    padding: 0 0 30px;
    margin: 0 auto;
    overflow: hidden;
}
.news_info .body * {
    line-height: 22px;
    font-size: 14px;
    color: #333;
}
.news_info .body p {
    text-indent: 24px;
    padding: 0 0 15px;
}