﻿@charset "utf-8";

html { height: 100%; }
body {margin:0; height: 100%; text-align:center; font-size: 12px; font-family: "微软雅黑",Arial;  color:#666666; line-height:200%; }
td {font-size: 12px;font-family:Arial;color:#666666;line-height:200%;}
div,ul,ol,form { margin: 0; padding: 0; }
form,img {margin: 0px;border:0px;padding:0px;}
li{ list-style: none;}
input,select { font-family: tahoma,Arial,Helvetica,sans-serif; font-size: 12px; }
h1,h2,h3,h4,h5,h6,h7 { margin: 0; padding: 0; text-align: left; font-size: 12px; font-weight: 400; }
p{ margin: 0; }
.clear{ clear:both; height:5px; line-height:5px;}

/* ============ 常用 ============= */
.container{width:100%; margin:0px auto; overflow:hidden;}

/* ============ font链接 ============= */
a{color: #666666;  text-decoration: none; blr:expression(this.onFocus=this.blur())}
a:hover { color: #ff8901;  text-decoration: none;}

#blue{ color:#20b6f6;}
#blue a{ color:#20b6f6;}

#font_36 { font-size:36px; line-height:36px;}
#font_18 { font-size:18px; line-height:36px;}
#font_14 { font-size:14px;}

#or { font-size:18px; color:#ff8901;}

#blue_14 { color:#1c62aa; font-size:14px;}
#blue_14 a{ color:#1c62aa; font-size:14px;}
#blue_14 a:hover{ color:#ff8901;}

/* ============ 头部 ============= */
.header{ clear:both;width:1000px;text-align:center; margin:0px auto; height:126px; overflow:hidden;}
.header .logo{ float:left; width:231px;}
.header .logo img {width: 120px;}
.header .search{ float:right; width:604px; margin-top:25px;}
.header .search .lan{ float:right; color:#8f8e8e; margin-right:15px;}
.header .search .lan a{color:#8f8e8e;}
.header .search .sea{ float:right; width:202px; height:27px; border:1px solid #d0d0d0;
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
}
.sea_input { height:18px; border:0px; width:90%;outline: none;}
.sea_input input{ margin:0px; padding:0px;}
input.sea_btn {outline: none;}


/* ============ hd_nav ============= */
.nav-con{ width:100%;background-color:#1c62aa; margin-top:17px;}
.nav{ clear:both; width:1000px; height:29px; line-height:29px; margin:0px auto;} 
.nav li {float:left; text-align:center; font-size:14px; border-right:1px solid #fff;} 
.nav li a{ color:#ffffff;  padding:0px 11px; display:block;} 
.nav li a:hover{ padding-bottom:8px;background: url(../images/nav_icon.png) no-repeat center bottom;} 

/* 焦点图 */
/*banner*/
.East-banner-full{width: 100%;height: 480px;overflow: hidden;position: relative;}
.East-bfullWrap{width: 100%;height: 480px;position: absolute;top: 0;}
.East-bfullWrap a{display:block;width: 100%;height: 480px;}
.East-bfullWrap a.p-ab{position: absolute;left: 0;top: 0;z-index: 1;}
.East-bfullWrap a.f-l{float: left;}
.East-bfullWrap a li{width: 100%;height: 480px;background-size: cover !important;}
.East-bfullWrap-btn{width: 150px;position: absolute;left: 50%;bottom: 20px;z-index: 2;}
.East-bfullWrap-btn li{width: 28px;height: 4px;margin: 0 13px 0 0;float: left;cursor: pointer;background: #949493;}
.East-bfullWrap-btn li.East-active{background:#deac2f;}
.focus {position: relative;width: 100%;min-height: 480px;}
.focus img {position: absolute;z-index: 99;top: 0;left: 50%;transform: translate(-50%,0);-ms-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);}

/*滚动新闻*/
.flash-hd{
	font-size:14px;
	padding:10px 15px;
	box-sizing:border-box;
	height:48px;
	line-height:28px;
	background-color:#F2F2F2; 
	margin:20px 0px;
}
.flash-hd ul{overflow: hidden;width:1070px;margin: 0 auto;}
.flash-hd li{float:left;}
.flash-hd h6{
	display:inline-block;
	background:url(../images/spirit.png) no-repeat left center;
	padding-left:25px;
	color:#4E4E4E;
	font-size:14px;
}
.flash-hd p{
	display:inline-block;
	color:#636466;
}
#btn {
	margin:5px 0 0 100px;
	width:70px;
	overflow:hidden;
}

span.left{
	float:left;
	text-align:center;
	width:17px;
	height:17px;
	line-height:18px;
	font-weight:700;
	font-size:14px;
	color:#ffffff;
	font-family:"宋体";
	margin-left:15px;
	display:inline-block;
	-moz-border-radius: 2px;      /* Gecko browsers */
	-webkit-border-radius: 2px;   /* Webkit browsers */
	border-radius:2px;            /* W3C syntax */
    cursor:pointer;
	background-color:#e5a100; 
	}
span.right{
	float:left;
	text-align:center;
	width:17px;
	height:17px;
	line-height:18px;
	font-weight:700;
	font-size:14px;
	color:#ffffff;
	font-family:"宋体";
	margin-left:15px;
	display:inline-block;
	-moz-border-radius: 2px;      /* Gecko browsers */
	-webkit-border-radius: 2px;   /* Webkit browsers */
	border-radius:2px;            /* W3C syntax */
    cursor:pointer;
	background-color:#7db9de; 
	}

.flash-hd a.button{
	width:68px;
	height:28px;
	background-color:#8B8682;
	font-size:12px;
	color:#fff;
        display:block;text-align:center;
}
.flash-hd a.button{color:#fff;}

.flash-hd li{height:30px;line-height:30px;}
.flash-hd p{position:relative;height:30px;line-height:30px;width:700px;overflow:hidden;float:left;}

.flash-hd h6{float:left;height:30px;line-height:30px;font-size:14px;}
.flash-hd p span{ width:100%;height:auto;display:block;position:absolute;left:0px;top:0px;line-height:30px;}
.flash-hd p span a{display:block;width:100%;height:30px;text-overflow:ellipsis;}

/* ============ 中部 ============= */
.main-mid { width:1000px; text-align:left; margin:0px auto;}
.main-con{ padding:10px 0px;}
.main-about {}
.main-about img{ float:left; margin-right:25px;}
.main-about .main-about-title { font-size:18px; color:#333333;}
.main-about .main-about-title span{ font-size:14px; color:#666666;}
.main-about a{ color:#ff8901; font-size:12px;}


.main-list { background-color:#f1f1f1; margin:25px auto;}
.main-list ul{ width:1000px; margin:0px auto;}
.main-list li{ float:left; border-right:1px solid #e0e0e0; padding:10px; width:22%;}
.main-list li .icon01{ height:80px; background:url(../images/list_icon01.png) no-repeat center center;}
.main-list li .icon02{ height:80px; background:url(../images/list_icon000.png) no-repeat center center;}
.main-list li .icon03{ height:80px; background:url(../images/list_icon02.png) no-repeat center center;}
.main-list li .icon04{ height:80px; background:url(../images/list_icon04.png) no-repeat center center;}
.main-list li:hover{ background-color:#64a4d0; color:#ffffff;}
.main-list li:hover .icon01{ background:url(../images/list_icon01_on.png) no-repeat center center;}
.main-list li:hover .icon02{ background:url(../images/list_icon000_on.png) no-repeat center center;}
.main-list li:hover .icon03{ background:url(../images/list_icon02_on.png) no-repeat center center;}
.main-list li:hover .icon04{ background:url(../images/list_icon04_on.png) no-repeat center center;}
.main-list li:hover a>p {color: #fff;}
.main-list li .main-list-title{ font-size:18px; color:#333333;}
.main-list li .main-list-en{ font-size:12px; color:#a1a1a1;}
.main-list li hr{ border:0px; border-top:1px dotted #556270; height:3px; line-height:3px; overflow:hidden;}
.main-list li:hover .main-list-title, .main-list li:hover .main-list-en{ color:#ffffff;}
.main-list li:hover hr{border-top:1px dotted #ffffff;}

.chat { width:1000px; margin:0px auto; text-align:left; font-size:18px;}
/*.chat .chat01{ float:left; width:308px; color:#e5a100;}*/
.chat .chat01{ width: 100%}
.chat .title span{ color:#333333;}
.chat .title {color: #e5a100;}
/*.chat .chat02{ float:left; width:150px; margin:60px 0px 0px 50px;}
.chat .chat03{ float:right; width:404px;}
.chat .chat01 img,.chat .chat02 img,.chat .chat03 img {width: 100%;}*/

/* ============ 底部 ============= */
.footer { width:100%;  margin-top:20px; background-color:#1c62aa; }
.footer-con { width:1000px; margin:0px auto; text-align:center;height:37px; line-height:37px; color:#ffffff;overflow:hidden; }

/* ============ 子页 ============= */
.zi-mid { width:1000px; text-align:left; margin:0px auto;}
.zy-news-con{ padding:30px; background-color:#ececec;}
.zy-news-con .zy-news-title { font-size:18px; color:#333333; line-height:45px;}
.zy-news-con .zy-news-title span{ font-size:14px; color:#666666;}
.zy-news-con a{ color:#ff8901; font-size:12px;}

.zy_about { background-color:#ececec; height:239px; overflow:hidden;}
.zy_about img {height: 100%;}
.zy-about-con{ padding:30px;}
.zy-about-con .zy-about-title { font-size:18px; color:#333333; line-height:45px;}
.zy-about-con .zy-about-title span{ font-size:14px; color:#666666;}
.zy-about-con a{ color:#ff8901; font-size:12px;}


/* ============ 列表 ============= */
.page { float:right; margin:20px auto; clear:both; width:320px;}
.page a{ float:left;height:29px; line-height:29px; padding:0px 10px; margin:0px 3px; background-color:#dcdcdc; display:block;}
.page a.currentpage{ color:#ffffff; height:29px; line-height:29px; padding:0px 10px; background-color:#1c62aa;display:block;}

.newslist{ text-align:left; margin-top:40px;}
.newslist li { margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #959595;}
.newslist li .img{ float:left; height:150px; background-color:#64a4d0;}
.newslist li .img img{ float:left; width:210px; height:150px;}
.newslist li .img .month{ float:left; width:207px; padding:15px 20px 0px 20px; background-color:#64a4d0; color:#ffffff;}
.newslist li .img .month hr{ width:100px; margin:0px auto; border:0px; border-bottom:1px solid #fff;}
.newslist li span{ display:block; text-align:center; font-size:14px;}
.newslist li .txt{ float:right; width:500px; color:#000000; font-size:14px;}
.newslist li .txt a{color:#000000; font-size:18px; height:50px; line-height:50px; overflow:hidden;}

.newslist2{ margin:25px auto 50px auto;}
.newslist2 li{ float:left; text-align:center; width:200px; height:233px; padding:15px; background-color:#dcdcdc; margin-right:20px;
	-moz-border-radius: 5px;      /* Gecko browsers */
	-webkit-border-radius: 5px;   /* Webkit browsers */
	border-radius:5px;            /* W3C syntax */
}
.newslist2 li .icon1{ height:80px; background:url(../images/icon_01.png) no-repeat center center;}
.newslist2 li .icon2{ height:80px; background:url(../images/icon_02.png) no-repeat center center;}
.newslist2 li .icon3{ height:80px; background:url(../images/icon_03.png) no-repeat center center;}
.newslist2 li .icon4{ height:80px; background:url(../images/icon_04.png) no-repeat center center;}
.newslist2 li:hover .icon1{background:url(../images/icon_01_on.png) no-repeat center center;}
.newslist2 li:hover .icon2{background:url(../images/icon_02_on.png) no-repeat center center;}
.newslist2 li:hover .icon3{background:url(../images/icon_03_on.png) no-repeat center center;}
.newslist2 li:hover .icon4{background:url(../images/icon_04_on.png) no-repeat center center;}

.newslist2 li p{ text-align:left; margin:10px 0px; line-height:18px;min-height: 72px;}
.newslist2 li .title{ color:#000000; font-size:14px;}
.newslist2 li .btn{ width:170px; height:45px; line-height:45px; margin:0px auto; background-color:#60a9d6; position:relative; bottom:-28px;
	-moz-border-radius: 5px;      /* Gecko browsers */
	-webkit-border-radius: 5px;   /* Webkit browsers */
	border-radius:5px;            /* W3C syntax */
}
.newslist2 li .btn a{ color:#ffffff; font-size:14px;}
.newslist2 li:hover{ background-color:#dcdcdc;}
.newslist2 li:hover .icon05{background:url(../images/icon_01_on.png) no-repeat center center;}
.newslist2 li:hover .btn{ background-color:#ff8901;}


.zy-con-top{ line-height:22px; margin-top:30px;}
.zy-con-top>img {width: 600px;height: 475px;}
.zy-con-top .txt{ float:right; width:380px; color:#000; font-size:14px;}

.con_info { background-color:#f1f1f1; padding:30px 0px; margin:30px auto;}
.con_info .con{ text-align:left; width:1000px; margin:0px auto; color:#000000;}
.con_info .con p{ margin-bottom:30px;}

.con-pic { width:1000px; height:407px; background:#f7f7f7 url(../images/bj01.png) no-repeat center center;}
.con-pic li{ float:left; width:265px; height:360px; color:#000000; margin:25px 33px; background-color:#dcdcdc;}
.con-pic li .txt{ padding:0px 25px; line-height:16px;}

.zy_pro_info{ text-align:center; width:770px; margin:0px auto;}
.pro_info_list { width:740px; margin:0px auto;}
.pro_info_list li img {width: 105px;height: 105px;}
.pro_info_list li{ float:left; text-align:center; width:145px; margin:0px 50px;}
.pro_info_list li span{ color:#1c62aa; font-size:14px;}

/* ============ 案例展示 ============= */
.case_list {margin-top: 85px;}
.case_list li{margin-bottom: 55px;}
.case_list .case_list_con {width: 360px;float: left;height: 315px;border-top: 1px solid #c1c1c1;border-bottom: 1px solid #c1c1c1;position: relative;}
.case_list_con p.case_title {font-size: 14px;color: rgb(61, 61, 61);line-height: 20px;margin: 40px 0 18px 0;}
.case_list_con p.case_title span{display: block;color: #9c9c9c;font-size: 12px;}
.case_list_con>a {display: block;border: 1px solid #b1d1e7;text-align: center;width: 90px;position: absolute;bottom: 28px;left: 0;line-height: 33px;height: 33px;}
.case_list .case_list_img {width: 595px;height: 317px;float: right;}
.case_list .case_list_img img {width: 100%;height: 100%;}
.case_list li:nth-child(2n) .case_list_con {float: right;}
.case_list li:nth-child(2n) .case_list_img {float: left;}

/* ============ 联系我们 ============= */
.contact_top {margin: 50px 0 0 0;}
.contact_top .contact_top_left {width: 668px;float: left;}
.contact_top .contact_title {color: #9c9c9c;margin-bottom: 30px;}
.contact_top .contact_title p {font-size: 18px;color: rgb(70, 70, 70);font-weight: bold;}
.contact_top .contact_top_right {width: 332px;float: right;}
.contact_top_right label {display: block;color: #bababa;}
.contact_top_right input[type="text"]{width: 148px;height: 35px;line-height: 35px;border: 0;background-color: #ededed;font-size: 14px;outline: none;padding: 0 5px;}
.contact_top_right input[type="text"].n1 {width: 320px;}
.contact_top_right .left {float: left;}
.contact_top_right .right {float: right;}
.contact_top_right textarea {width: 320px;height: 146px;border: 0;background-color: #ededed;outline: none;padding: 5px;font-size: 14px;} 
.contact_top_right input[type="submit"] {width: 334px;background-color: #64a4d0;color: #fff;line-height: 35px;height: 35px;border: 0;outline: none;cursor: pointer;}
.contact_top_right form p {line-height: 38px;}
div#dituContent {margin-top: 50px;}
.contact_bot li {float: left;width: 22%;border-top: 1px solid #e4e4e4;margin: 60px 0 35px 0;}
.contact_bot li.n1 {width: 34%;}
.contact_bot li span {display: block;font-size: 14px;color: rgb(176, 176, 176);padding-left: 35px;margin: 20px 0 12px 0;}
.contact_bot li.n1 span {background: url('../images/cccc.png') left center no-repeat;}
.contact_bot li.n2 span {background: url('../images/ccc.png') left center no-repeat;}
.contact_bot li.n3 span {background: url('../images/ccccc.png') left center no-repeat;}
.contact_bot li.n4 span {background: url('../images/cccccc.png') left center no-repeat;}

/* ============ 栏目内容页 ============= */
.info_in {margin: 50px 0;min-height: 160px;}



/* ============ 新增新闻资讯 ============= */
.zy-news-link{border-bottom:1px solid #1c62aa;height:34px;margin:30px 0}
.zy-news-link li{font-size:14px;line-height:34px;height:34px;overflow:hidden;padding:0 22px;float:left;text-align:center}
.zy-news-link li a{color:#5c5c5c}
.zy-news-link li.now{background-color:#1c62aa}
.zy-news-link li.now a{color:#fff}
.news_list ul{clear:both;border:1px solid #e3e3e3;padding-bottom:14px}
.news_list li{line-height:38px;border-bottom:1px dotted #cacaca;margin:0 20px;position:relative;padding-left:10px}
.news_list li i{position:absolute;width:4px;height:4px;border-radius:100%;background:#1c62aa;top:50%;margin-top:-2px;left:-5px}
.news_list li p{color:#4e4e4e;font-size:14px}
.news_list li p span{float:right;color:#878787;font-size:12px}
.news_list li:hover p{color:#1c62aa}
.news_list+.page,.cases_list+.page{float:none;margin:70px auto}
.news_list+.page+.clear,.cases_list+.page+.clear{height:60px}

/* ============ 新增案例分析 ============= */
.cases_list>div h3{font-size:16px;font-weight:700;color:#1c62aa;text-align:center;background:url(../images/x.png) no-repeat bottom center;line-height:34px;margin-bottom:10px}
.cases_list>div{text-align:left;font-size:14px;/*padding:0 100px;*/line-height:28px}
.cases_list ul{margin-top:50px}
.cases_list ul li{width:320px;margin:0 20px 25px 0;float:left;background:#efefef}
.cases_list ul li .img{width:100%;height:230px;position:relative}
.cases_list ul li img{width:100%;height:100%}
.cases_list ul li:hover .img i{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(28,98,170,.85) url(../images/icon_bg.png) no-repeat center}
.cases_list ul li .con>p{color:#474747;font-size:14px;margin:12px 0 5px 0}
.cases_list ul li .con>p span{font-size:12px;color:#9f9f9f;float:right}
.cases_list ul li .con{padding:0 15px 18px 15px}
.cases_list+.page{margin-top:45px}

