@charset "UTF-8";

/**
 *
 * @authors Your Name (you@example.org)
 * @date    2016-01-09 10:04:32
 * @version $Id$
 */

/* 首页*/
.slideBox { width: 100%; overflow: hidden; position: relative; text-align: center; height: 500px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.slideBox .hd { position: absolute; z-index: 999; overflow: hidden; bottom: 40px; left: 50%; margin-left: -44px; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 12px; width: 15px; height: 15px; border-radius: 50%; text-align: center; background: #dcdcdc; border: 1px solid #dcdcdc; cursor: pointer; z-index: 999; }
.slideBox .hd ul li.on { /*background: transparent;*/ border: 2px solid #009cf8;background:#009cf8;}
.slideBox .bd { position: relative; height: 100%; z-index: 0; width: 100%; margin: 0 auto; }
.slideBox .bd li { zoom: 1; vertical-align: middle; position: relative; width: 100%; height: 500px; /*background: url(../images/banner.jpg) no-repeat center;*/ }
.slideBox .bd li a { display: inline-block; width: 100%; height: 100%; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev{ position:absolute; left:2%; top:50%; margin-top:-32px; display:block; width:36px; height:60px; background:url(../images/prev.png)  no-repeat;
				 filter:alpha(opacity=70);opacity:0.7;   }
		.slideBox .next{ position:absolute; right:2%; top:50%; margin-top:-32px; display:block; width:36px; height:60px; background:url(../images/next.png)  no-repeat;
				 filter:alpha(opacity=70);opacity:0.7;   }
		.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

.i-fenghui {padding-top:30px; background:url(../images/ge.jpg) repeat; width:100%; }
.i-fenghui_main{ width:1240px; margin:0 auto;}
.fenghui_title{ width:155px; margin:0 auto;}
.fenghui_title img{ width:27px; height:38px; display:block; float:left;}
.fenghui_title span{ width:120px; height:38px; display:block; float:left; color:#ed6d00; font-size:18px; padding:6px 0 0 8px;}
.lxwm{ width:100%; background:#ed6d00; margin-top:10px;}
.lxwm_main{ width:1240px; margin:0 auto; color:#FFFFFF;}
.lxwm_main_1{float:left; margin-left:30px;}
.lxwm_main_1 h4{ margin:10px 0 0 0; font-size:14px;}
.lxwm_main_1 p{ line-height:28px; font-size:12px;}
.lxwm_mainr{ width:535px; float:right; padding:20px 0 20px 20px; background:url(../images/ibg.png) repeat;}
.bottom{ width:100%; text-align:center; background:#f1f1f1; padding:15px 0;}
.bottom img{ width:120px;}
.bottom p{ line-height:32px; font-size:12px;}

.inq {
  width:1240px; margin:10px auto; 
}
.inews {
  width:1040px; margin:10px auto; float:left;
}
.news_title{ width:135px; margin:15px 0;}
.news_title img{ width:27px; height:38px; display:block; float:left;}
.news_title span{ width:106px; height:38px; display:block; float:left; color:#ed6d00; font-size:24px; padding:6px 0 0 8px;}

.iqiye{ width:180px; float:right; padding:10px 0 0 0;}
.iqiye_main{ background-color: #eaeaea; padding:20px;}

.bignews{ width:617px; float:left;  background-color: #eaeaea; padding:20px; height:430px;}
.bignews img{ width:577px; height:355px;}
.bignews h2{ width:577px; font-size:14px; font-weight:normal;}
.inews_list{ width:408px; float:left; background-color: #eaeaea; padding:0 20px 20px 20px; margin-left:15px; height:430px;}
.inews_list_main{width:100%; overflow:hidden; margin-top:20px;}
.inews_list_1{ float:left; width:140px; height:82px;}
.inews_list_1 img{ width:140px; height:82px;}
.inews_list_2{ float:left; overflow:hidden; font-size:14px; line-height:25px;  width:200px; margin-left:10px;}
.inews_list_2 a{ color:#000000;}
.inews_list_3 em{ font-style:normal; font-size:12px; color:#666; display:block; float:left;}
.inews_list_3 a{ font-size:12px; color:#ed6d00; display:block; float:right;}
.piclist{ padding:20px 0; min-height:400px;}
.piclist ul li{ float:left; width:250px; height:95px; margin-left:40px; margin-top:30px;}
.piclist ul li a img{ width:250px; height:95px;}

.list_li{width:980px;  margin:0 auto; padding:20px 0;}
.msg{font-size:14px; color:#666666; padding:20px 0 0 30px;}
.list_li table tr td{ font-size:14px; height:45px;}
.list_li  input{ border:1px #D0D0D0 solid; border-radius:5px; width:360px; height:35px;}
.btntj{background: #3c90f5;color: #fff; font-size:14px; font-family:"微软雅黑"; border:none;}


.i-box01 { padding-top:40px; }
.i-title { color: #AB822F; font-size: 42px; display: block; }
.s-title { font-size: 22px; color: #666 }
ul.ib01 { width: 1240px; margin: 0 auto; }
ul.ib01 li { display: inline-block; text-align: center; float: left; margin-right:90px; width: 175px; text-align: center; }
ul.ib01 li .pic { width: 176px; height: 203px; background: url(../images/p03.png) no-repeat center top; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
ul.ib01 li:hover .pic { background: url(../images/p0302.png) no-repeat center top; }
ul.ib01 li.icon02 .pic { background: url(../images/p04.png) no-repeat center top; }
ul.ib01 li.icon02:hover .pic { background: url(../images/p0402.png) no-repeat center top; }
ul.ib01 li.icon03 .pic { background: url(../images/p05.png) no-repeat center top; }
ul.ib01 li.icon03:hover .pic { background: url(../images/p0502.png) no-repeat center top; }
ul.ib01 li p { width: 140px; margin: 0 auto; }
.i-box02 { height: 717px; background: url(../images/c01.jpg) no-repeat center top fixed; padding-top: 50px; background-size:cover;}
.i-box02 .i-title { color: #fff }
.i-box02 .s-title { color: #fff }

.sort-box{position: relative;margin: 0 auto;}
.sort-box ul{width: 1190px;height: 450px;position: relative;margin: 0 auto;}
.sort-box ul li{width: 146px;height: 110px;line-height: 110px; color: #222; font-size: 15px; text-align: center; overflow: hidden; background: rgba(255, 255, 255, 0.5); /*cursor: pointer;*/    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out; position: absolute; left: 0px; top: 0px;}
.sort-box ul li:hover{background: rgba(0, 143, 238, 0.8); color: #fff;margin-top: -3px;}
.sort-box ul.s02 li{ background:rgba(0, 156, 249, 0.12);}
.sort-box ul.s02 li:hover{background: rgba(0, 143, 238, 0.6); }

.sort-box ul.s03{width: 820px;}
.sort-box ul.s03 li{width: 200px; height: 130px; line-height: 130px; font-size: 17px; background:rgba(0, 156, 249, 0.12);}
.sort-box ul.s03 li:hover{background: rgba(0, 143, 238, 0.6); }

.sort-box ul.s04{width: 810px;}
.sort-box ul.s04 li{width: 200px; height: 150px; line-height: 150px; font-size: 17px; background:rgba(0, 156, 249, 0.12);}
.sort-box ul.s04 li:hover{background: rgba(0, 143, 238, 0.6); }



.i-box03 { height: 625px; background: #f4f4f4; padding-top: 35px; }
ul.ib03 { width: 1240px; height: 400px; margin: 0 auto; position: relative; }
ul.ib03 li { position: absolute; left: 0px; top: 0px; }
.i-box04 { background: #f4f4f4; }
.i-nav { height: 210px; width: 100%; background: url(../images/c02.jpg) no-repeat center top; padding-top: 30px; background-size:cover;}
.i-nav .item { display: inline-block; font-size: 15px; background: #fff; width: 135px; height: 35px; line-height: 35px; text-align: center; border-radius: 20px; margin: 0 10px; }
.i-nav .item:hover, .i-nav .item.on { background: #4e9dfc; color: #fff }
ul.ib04 { margin: 50px auto;}
ul.ib04 li { float: left; margin-right: 40px; margin-bottom: 45px; width: 270px; height: 325px; background: #fff; color: #555; font-size: 13px; transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out; -moz-transition: All 0.2s ease-in-out; -o-transition: All 0.2s ease-in-out; }
ul.ib04 li:hover { color: #fff; background: #AB822F; }
ul.ib04 li:hover .title { color: #fff }
ul.ib04 li .pic .i-bg { display: block; width: 270px; height: 180px; background: url(../images/p11.png) no-repeat center top; position: absolute; left: 0; top: 0; transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out; -moz-transition: All 0.2s ease-in-out; -o-transition: All 0.2s ease-in-out; opacity: 0; filter: alpha(opacity=0); }
ul.ib04 li:hover .pic .i-bg { opacity: 1; filter: alpha(opacity=100); }
ul.ib04 li .pic { width: 270px; height: 180px; position: relative; }
ul.ib04 li .words { padding: 10px; }
ul.ib04 li .title { font-size: 18px; color: #000; }
ul.ib04 li .title .date { color: #999 }
.i-box05 { background: #f4f4f4 }
ul.ib05 { margin: 50px auto; }
ul.ib05 li { float: left; margin-right: 38px; margin-bottom: 45px; width: 360px;  background: #fff; color: #555; font-size: 13px; transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out; -moz-transition: All 0.2s ease-in-out; -o-transition: All 0.2s ease-in-out; padding: 30px; border: 1px solid #ddd; *width: 300px; }
ul.ib05 li:hover { color: #fff; background: #AB822F; border-color: #AB822F }
ul.ib05 li:hover a { color: #fff }
ul.ib05 li:hover .title { color: #fff }
ul.ib05 li .pic { width: 300px; position: relative; margin-bottom: 15px; }
ul.ib05 li .words { line-height: 25px;  overflow: hidden; }
ul.ib05 li .title { font-size: 16px; color: #000; }
ul.ib05 li .title .date { color: #999 }

/*网站建设*/
.b-title { color: #AB822F; height: 160px; line-height: 160px; font-size: 42px; font-weight: normal; }
.btn-more { display: inline-block; width: 180px; height: 50px; line-height: 50px; border: 1px solid #ddd; font-size: 16px; text-align: center; border-radius: 10px; margin: 0 auto; }

/*项目-详情*/
.porject-detail {width: 980px; padding: 20px 0; line-height: 32px; font-size: 13px; }
.porject-detail .title { font-size: 24px; color: #333; margin-bottom: 15px; }
.porject-detail .date { font-size: 12px; color: #999; }
.porject-detail .line { width: 100%; height: 1px; background: #ddd; margin: 20px auto; }
.page { height: 40px; line-height: 40px; position: relative; /*background: #fff*/ }
.page .icon { margin: 0 20px; margin-top: -5px; }
.page .prev { background: #eaeaea; color: #666; width: 49%; text-align: left; }
.page .next { background: #eaeaea; color: #666; width: 49%; text-align: right; }

/*关于讯博*/
.banner_about { width: 100%; position: relative; text-align: center; margin-top: 80px; padding-top: 120px; background: url(../images/about_bg.jpg) no-repeat center; background-size: cover; }
.banner_about h2 { font-size: 46px; color: #fff; line-height: 50px; font-weight: normal; }
.banner_about h2 span.line { width: 60px; height: 1px; background: #fff; display: block; margin: 0 auto; margin-top: 40px; font-weight: normal; }
#timeline {/*width: 100%;*/height: 540px; *height: 440px; overflow: hidden; padding-top: 100px; position: relative; background: url(../images/about_bg02.jpg) 0px 380px repeat-x; padding-left: 28%;  max-width:1440px;margin:0 auto;margin-bottom: 20px;}
#dates { width: 900px; overflow: hidden; }
#dates li { list-style: none; text-align: center; float: left; }
#dates a { color: #787878; font-size: 16px; font-family: "arial"; height: 55px; display: block; }
#dates .selected { font-weight: bold; background: url(../images/biggerdot.png) center  40px  no-repeat; height: 55px; display: block; }
#issues { width: 630px; height: 280px; overflow: hidden; position: relative; }
#issues li { width: 630px; height: 280px; list-style: none; float: left; text-align: center; }
#issues li h1 { color: #fff; font-size: 30px; width: 95px; height: 95px; line-height: 95px; border-radius: 55px; margin: 0 auto; font-weight: normal; font-family: "arial"; background: #00a7e7; }
#issues li p { font-size: 20px; font-family: "微软雅黑"; margin-top: 44px; line-height: 26px; }



/*----------------qq start------------------------*/
.qqico {
    /*width: 143px;*/
    z-index: 999;
    position: fixed;
    top: 150px;
    right: 2px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 50)||50)-(parseInt(this.currentStyle.marginBottom, 50)||50)));
    font-family: "寰蒋闆呴粦", "榛戜綋", Arial;
}

.qqsmall {
	background-color:#1599CF; 
	width:30px; 
	height:auto;
	text-align:center;
	float:right;
	line-height:20px;
	color:white;
	cursor:pointer;
	padding:5px 0;
    display:none;
}

.itemFloat {
    height: auto;
    line-height: 5px;
    background: url(../images/line_qq_d.png) no-repeat 0 bottom;
    padding-bottom: 8px;
	/*display:none;*/
    display:block;
}

.qqico .qqlist {
    width: 143px;
    line-height: 34px;
    background: #1599cf;
    padding: 0px 0px 8px 0px;
    padding-top: 5px;
}

.qqico h3 {
    text-align: center;
    background: url(../images/line_qq.png) no-repeat 0 0;
    height: 39px;
    cursor:pointer;
}

.qqico .qqlist li {
    background: url(../images/qq_bg.png) no-repeat center 0;
    height: 46px;
    text-align: left;
    color: #000;
    font-size: 12px;
    padding-left: 20px;
    margin-top: 10px;
}

    .qqico .qqlist li a {
        display: inline;
        clear: both;
        font-size: 12px;
        line-height: 34px;
        color: #000;
        padding-left: 0px;
    }

    .qqico .qqlist li img {
        margin-top:-3px;
		vertical-align:middle;
    }
/*----------------webqq end------------------------*/




		/*2015-9-15	*/
		/*****************************************service*****************************************/
		/*		.banner_service{width: 100%; height: 670px; position: relative; text-align: center; margin-top: 80px; padding-top: 120px; background: url(../images/service_bg.jpg) no-repeat center; background-size: cover;}
				.banner_service a#jump{position: absolute; bottom: 50px;}
				.cnt_service{position: relative;}
				.cnt_service img{width: 100%;}

				.cnt_service a{display: block; width: 100px; height: 100px; line-height: 100px; text-align: center; font-size: 18px; color: #fff; border: 5px solid #80cefc; border-radius: 50px;}
				.cnt_service a:hover,.cnt_service a.current{background: #fff;border: 5px solid #fff; color: #0396ed; }
		*/
			.swiper-container {
			  /*  width: 320px;
			    height: 480px;*/
				width: 100%;
			  height: 740px;
				margin: 0px auto;
				margin-bottom: 0;

			}

			.swiper-slide{
				width:100%;
				height:100%;
				background:url(upload/bg.jpg) no-repeat left top;
				background-size:100% 100%;

			}

			.swiper-pagination-bullet {
			width: 6px;
			height: 6px;
			background: #fff;
			opacity: .4;
			}
			.swiper-pagination-bullet-active {
			opacity: 1;
			}
			@-webkit-keyframes start {
				0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
				60% {opacity: 1;-webkit-transform: translate(0,0);}
				100% {opacity: 0;-webkit-transform: translate(0,-8px);}
			}
			@-moz-keyframes start {
				0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
				60% {opacity: 1;-moz-transform: translate(0,0);}
				100% {opacity: 0;-moz-transform: translate(0,-8px);}
			}
			@keyframes start {
				0%,30% {opacity: 0;transform: translate(0,10px);}
				60% {opacity: 1;transform: translate(0,0);}
				100% {opacity: 0;transform: translate(0,-8px);}
			}
			.ani{position:absolute;}
			.txt{	position:absolute;}
			#array{
				position:absolute;z-index:999;
				-webkit-animation: start 1.5s infinite ease-in-out;
				-moz-animation: start 1.5s infinite ease-in-out;
				-ms-animation: start 1.5s infinite ease-in-out;
				-o-animation: start 1.5s infinite ease-in-out;
				animation: start 1.5s infinite ease-in-out;
				top: 16px;left: 22px;
			}
			#array02{
				position:absolute;z-index:999;
				-webkit-animation: start 1.5s infinite ease-in-out;
				-moz-animation: start 1.5s infinite ease-in-out;
				-ms-animation: start 1.5s infinite ease-in-out;
				-o-animation: start 1.5s infinite ease-in-out;
				animation: start 1.5s infinite ease-in-out;
				top: 0px;left: -12px;
			}
			#array03{
				position:absolute;z-index:999;
				-webkit-animation: start 1.5s infinite ease-in-out;
				-moz-animation: start 1.5s infinite ease-in-out;
				-ms-animation: start 1.5s infinite ease-in-out;
				-o-animation: start 1.5s infinite ease-in-out;
				animation: start 1.5s infinite ease-in-out;
				top: 83%;
	 		 	left: 48.5%;
			}
			.swiper-slide1{background: url(../images/bg_slide1.jpg) no-repeat; width: 100%; height: 740px;background-size: cover;}
			.swiper-slide2{background: #fff;}
			.swiper-slide3{background: url(../images/bg_slide3.jpg) no-repeat; width: 100%; height: 740px;background-size: cover;}
			.swiper-slide5{background: url(../images/banner.jpg) no-repeat; width: 100%; height: 740px;background-size: cover;}
			.contact .cnt_info{padding: 70px 185px 70px 107px; text-align: left; padding: 0 185px 70px 107px\0; }


.case .eng {
 font-family:  "Microsoft YaHei", Arial, Helvetica, sans-serif; 
 font-size: 12px;
 color: #999;
 height:26px;overflow:hidden;
}
.case li:hover .date.eng { color: #ddd;   }
.case li:hover .date.eng font{ color: #ddd !important;  }

/*标签*/
ul.ib04 li.tag {
height:156px;
}
.tag li.tag:hover a {
color:#fff;
}
/* search   搜索样式  
--------------------------------------------------------------------*/
.kw_div {
    padding:30px 0px;
    font-size:14px;
    background-color:#f8f7f7;
}
.search-div {
    position:absolute;
    top:-4px;
    right:0px;
}
.search{
	background:url(../images/search_bg.png) no-repeat;
	height:40px;
	width:265px;
	display:none;
}
.search input{
	background:none;
	border:none;
	height:35px;
	line-height:35px;
	margin-left:15px;
	color:#333333;
	width:210px;
	font-size:14px;
    outline: none;
    font-family: "微软雅黑","宋体",Arial, Helvetica, sans-serif;
    margin-top:1px;
}
.search a{
	height:10px;
	line-height:10px;
	padding:4px 10px 8px;
	margin-left:0px;
	font-size:18px;
    position:relative;
    z-index:9999999;
}
.search a:hover{
	text-decoration:none;
}
.case li:hover .title font{
color:#fff  !important;
}
.linkit {
    display: inline-block;
    font-size: 15px;
    width: 135px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 20px;
    margin: 0 10px;
    background: #AB822F;
    color: #fff;
}
a.linkit:hover {
    color: #fff;
}
.zj_sec_listing {overflow: hidden;margin:20px 0; width: 940px;}
.zj_sec_listing ul {list-style: none outside none; overflow:hidden; }
.zj_sec_listing li {border-bottom: 1px dashed #CFCFCF;display: block;float: left;height:225px;line-height:20px;margin:15px 5px 10px 5px;overflow: hidden;width: 300px; text-align:center;}
.zj_sec_listing li img{width:110px; height:110px;  border-radius:50%; border:3px #AB822F solid;}
.zj_sec_listing li a {color: #666;text-decoration: none;}
.zj_sec_listing li a:visited {color: #333333;}
.zj_sec_listing li a:hover {color: #FF0000;text-decoration: none;}
.zj_sec_listing li a:active {color: #333333;}

.medialogo { width: 980px; overflow: hidden;margin:20px 0;}
.medialogo ul {list-style: none outside none; overflow:hidden; }
.medialogo li { display: block;float: left;line-height:20px;margin:15px 15px 10px 65px;overflow: hidden;padding: 0 0 0 15px ;width: 220px; text-align:center;}
.medialogo li img{width:190px; height:70px;}
.medialogo li a {color: #666;text-decoration: none;}
.medialogo li a:visited {color: #333333;}
.medialogo li a:hover {color: #FF0000;text-decoration: none;}
.medialogo li a:active {color: #333333;}

.yahoo2{ text-align:center; padding:20px 0;font-size:14px;}
.yahoo2 a{font-size:14px; border:1px solid #999; padding:5px 12px;}
.huigulist {width:980px;overflow: hidden;margin:20px 0;}
.huigulist ul {list-style: none outside none; overflow:hidden; }
.huigulist li {display: block;float: left;height:200px;line-height:20px;margin:15px 15px 10px 10px;overflow: hidden; width: 298px;}
.huigulist li img{width:360px; height:200px; margin-right:8px;}
.huigulist li a {color: #666;text-decoration: none;}
.huigulist li a:visited {color: #333333;}
.huigulist li a:hover {color: #FF0000;text-decoration: none;}
.huigulist li a:active {color: #333333;}

.lng_left{ width:197px; float:left;   margin:20px 0;}
.lng_left_tit{ background:url(/Public/images/left_tit.jpg) repeat; font-size:16px; font-weight:bold; text-align:center; line-height:39px; color:#FFFFFF; margin:10px 0;}
.lng_left_con ul li{ line-height:39px; text-align:center; border-bottom: 1px dotted rgb(170, 170, 170); width: 100px; margin: 0 auto;}
.lng_left_con ul li a{ color:#FFFFFF; font-size: 14px;}
.lng_left_con ul li a:hover{color:#000;}
.lng_left_ewm{ widows:180px; height:180px; margin:0 auto; text-align: center; margin:10px 0; }
.lng_left_ewm img{ widows:180px; height:180px; }

.rl{float: right;}
.clear{clear: both}

.infolist dl{border-bottom:#dbdbdb 1px dashed; height:36px; line-height:36px; width:970px; background:url(../images/xuxian.gif) repeat-x 0 100%; }

.infolist dl dt{ float:left; background:url(../images/bar_bg.png) no-repeat 0 -343px; }
.infolist dl dd{ float:right; font-size:12px;}


.infolist dl dt img{height: 12px; padding:4px 8px 0 0 ;}