*{ margin:0 auto; padding:0px; font-family:"Microsoft YaHei",微软雅黑;}
ul,a{ list-style:none; text-decoration:none;}

.clearfix {
 *zoom: 1;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.top{ width:100%; line-height:32px; background:#f0f0f0;}
.top-total{ width:1200px; margin:0 auto;}
.top-left{ float:left; width:800px; color:#333; font-size:14px;}
.top-right{float:left; width:400px; color:#333; font-size:14px; text-align:right;}
.logo{ width:100%; margin:0 auto;}
.logo-total{ width:1200px; margin:0 auto;}
.logo-left{ float:left; width:700px;}
.logo-left img{ display:block;}
.logo-right{ width:500px; float:right;}
.logo-tel{ width:254px; height:80px; background:url("../images/top.jpg"); float:right; margin-top:15px;}
.logo-tel p{ font-size:30px; padding-top:40px; padding-left:70px; font-weight:bold; color:#ea0000; font-style:italic;}
.logo-search{ width:240px; float:left; margin-top:50px;}
.text-text{ width:180px; border:1px solid #ccc; height:40px; display:block; float:left; font-size:14px; text-indent:0.5em;}
.text-text:focus{ border:1px solid #ccc; outline:none;}
.submit-bt{ width:58px; background:#2a63af; border:none; outline:none; height:40px; font-size:16px; color:#fff; display:block; float:left;}
.nav{ width:100%; height:50px; background:#2a63af;/*position: relative;z-index:40;*/}

.fixed-top{ width:100%; /*position:fixed; top:0px;*/ background:#2a63af;}

.nav-total{ width:1200px; margin:0 auto;}


.nav-total ul{ list-style:none; padding:0px; display:flex;flex-direction: row;}
.nav-total ul li{ float:left; flex:1; line-height:50px; text-align:center;}
.nav-total ul li a{ text-decoration:none; color:#fff;}
.nav-total ul li a:hover{ background:#000; color:#fff; display:block;}
.cus{ background:#000; color:#fff; display:block;}



/* banner */
#banner_main {
	overflow: hidden;
	position: relative;
	z-index: 2;
	max-width: 1920px;
	margin: 0 auto;
}

#banner_main .banner {
	height: 600px;
}

#banner {
	width: 100%;
	min-width: 1000px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

#banner, .banner ul {
/*	max-height: 500px;*/
	overflow: hidden;
}

.banner li {
	width: 100%;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	display: none;
}

.banner li:first-child {
	display: block;
}

.banner li img {
	width: 1920px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -960px;
	top: 0;
}

#banner .tip {
	width: 1000px;
	height: 20px;
	line-height: 0;
	font-size: 0;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	bottom: 42px;
	z-index: 3;
}

#banner .tip span {
	width: 16px;
	height: 16px;
	margin: 0 6px;
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	background-position: -150px 0px;
}

#banner .tip span.cur {
	background-position: -130px 0px;
}

#banner #btn_prev, #banner #btn_next {
	width: 32px;
	height: 50px;
	position: absolute;
	top: 200px;
	z-index: 5;
}

#banner #btn_prev {
	background-position: -60px 0;
	left: 12%;
	transition: all 600ms ease;
}

#banner #btn_next {
	background-position: -92px 0;
	right: 12%;
	transition: all 600ms ease;
}

#banner #btn_prev:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	transition: all 600ms ease;
	left: 11.6%;
}

#banner #btn_next:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	transition: all 600ms ease;
	right: 11.6%;
}

.ico {
	background: url(../images/icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}


/*推荐*/
.tui-jian{ width:100%; margin:0 auto;  background:#f0f0f0; padding:50px 0px;}
.tuijian{ width:100%; margin:0 auto; }
.tuijian-total{ width:100%;  margin:0 auto;}
.tuijian-title{ width:1200px; margin:0 auto; text-align:center; font-size:32px; font-weight:bold; color:#333;}
.tujian-line{ width:40px; background:#2a63af; height:3px; margin:0 auto; margin-top:10px;}

.bd{ width:1200px; margin:0 auto; margin-top:30px;}
#demo{ overflow:hidden; width:100%; margin:0 auto;}
#indemo{ float:left; width:800%;}
#demo1 {
	float: left;
}
#demo2{ float:left;}

.case_list li{ float:left;  width:280px;  position:relative; height:280px; margin-right:20px; background:#fff; border:1px solid #ccc;}
.case_list li a{ display:block; position:relative; color:#333;}
.case_list li img{ position:relative; left:0px; top:10px; width:280px; height:280px;}
.case_list li span{ display:inline-block; position:absolute; bottom:0px;  left:0px; background:rgba(0,0,0,0.5); line-height:46px; text-align:center; font-size:16px; color:#fff; width:280px; }
.case_list li a:hover span{ color:#fff; background:rgba(89,115,251,0.5);}

/*产品展票*/
.chanpin{ width:100%; margin:0 auto;  padding:40px 0px;}
.chanpin-total{ width:1200px; margin:0 auto;}
.chanpin-left{ float:left; width:300px; background:#2a63af;}
.chanpin-total-title{ width:300px;  font-size:28px; color:#fff;padding:20px 0px;  text-indent:1em; font-weight:bold;}
.chanpin-total-title span{ display:block; text-transform:uppercase; font-size:22px; font-weight:bold;}
.chanpin-bg{width:280px;margin:0 auto; background:#fff; padding:10px 0px; }
.chanpin-info{ width:260px; margin:0 auto;}
.chanpin-info ul li{ width:100%;  background:#f0f0f0; margin-top:16px;}
.chanpin-info ul li a{ color:#333; display:block;  font-weight:bold; line-height:40px; font-size:16px; font-family: "SimHei"; text-align:center;}
.chanpin-info ul li a:hover{ background:#ccc; color:#000;}

.lianxi{ width:100%; margin:0 auto; padding:32px 0px; color:#fff; text-align:center;}
.lianxi p{ display:block; font-size:20px;}
.lianxi .p2{ font-size:24px; font-weight:bold; padding-top:10px; display:block;}
.chanpin-right{ width:892px; float:right;}
.r-top{ width:892px; background:#2a63af; font-size:18px; color:#fff; font-weight:bold; text-align:left;text-indent:1em; line-height:40px;}
.r-top em{ font-size:14px; font-weight:bold;}
.r-top span{ float:right; margin-right:20px; font-weight:normal; font-size:12px;}
.r-top span a{ color:#fff;}
.r-list{ width:100%; margin:0 auto;}
.r-list ul li{ float:left; width:280px; margin-right:10px; margin-top:10px; border:1px solid #ccc;}
.r-img{ width:280px; height:280px;}
.r-img img{width:280px; height:280px; display:block;}
.r-title{ width:280px; margin:0 auto; text-align:center; background:#2a63af;font-size:18px; line-height:42px; color:#fff;overflow:hidden;

white-space:nowrap;

text-overflow:ellipsis;

text-overflow: ellipsis;/* IE/Safari */

-ms-text-overflow: ellipsis;

-o-text-overflow: ellipsis;/* Opera */}
.r-list ul li a{ color:#333;font-family: "SimHei";}
.r-list ul li:hover .r-title{background:#333; color:#fff;}


/*公司简介*/
.gongsi{ width:100%; background:#f0f0f0; padding:40px 0px;}

.content{ width:1200px; margin:0 auto; background:#fff; padding:30px; border-radius:10px; box-shadow:1px 1px 10px #ccc; margin-top:30px;}
.content-left{ float:left; width:400px;}
.content-left img{ width:400px; height:350px;}
.content-right{ float:left; width:660px; margin-left:40px; margin-top:20px;}
.content-right h3{line-height:70px; font-size:22px; border-bottom:1px solid #ccc;}
.content-right p{ display:block; padding-top:30px; font-size:16px; line-height:30px;}
.xiangqing{ width:120px; background:#2a63af; float:left; margin-top:20px; text-align:center; line-height:36px;}
.xiangqing a{ color:#fff; display:block;}


/*成功案例*/
.cgAnli{width:100%;  padding:40px 0px;}
.anli{ width:1200px; margin:0 auto; margin-top:20px;}
/*.anli ul li{ float:left; width:280px; height:280px; margin-right:10px; position:relative; margin-top:10px; background:#f0f0f0;}
.anli ul li a{ display:block; position:relative; left:0px; top:0px; text-align:center; color:#fff;}
.anli ul li a img{ display:block; width:280px; height:280px; }
.anli ul li a span{ display:block; position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.5); line-height:44px; width:100%;}
.anli ul li a:hover span{ color:#fff; background:rgba(89,115,251,0.8);}
.anli ul li:hover a img{transform:scale(1.01); overflow:hidden;}*/

.anli ul li{float:left; width:280px; padding-top:10px;  background:#fff; margin-right:20px; margin-top:20px; box-shadow:1px 1px 15px #ccc;}

.anli ul li  img{ display:block; width:260px; height:260px; margin:0 auto;}
.anli ul li  span{ display:block; line-height:44px; font-weight:bold; background:rgba(0,91,170,1); text-align:center; color:#fff;}
.anli ul li  p{ display:block; line-height:30px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.anli ul li:hover  img{transform:scale(1.01);}
.anli ul li a{ display:block; color:#fff; margin:0 auto; text-align:center; }


/*留言板*/
.liu-total{ width:1200px; margin:0 auto; margin-top:20px; background:#fff;}

.liuyan{ text-align:center; font-size:30px; font-weight:bold; color:#333;}
.liu-left{ width:500px; float:left; background:#fff; padding:20px; height:559px;}
.liu-left ul li{ margin-top:28px;  border-bottom:1px solid #dfdfdf;}
.liu-left ul li:last-child{ border-bottom:none;}
.n-info{ float:left; width:80px; font-size:16px; line-height:40px; font-weight:bold; color:#3b3b3b;}
.n-inr{ float:left; width:300px; margin-left:20px;}
.n-inr input{ height:40px; width:300px; border:none; font-size:16px;}
.n-inr input:focus{ border:none; outline:none;}
.liu-left ul li  .info-li{ width:100%; height:132px; border:1px solid #dfdfdf; font-size:16px; padding:10px;}
.liu-left ul li .info-li:focus{ border:1px solid #f0f0f0;}

.liu-right{ width:600px; float:left; margin-left:10px;}
.liu-right img{ width:600px; height:600px;}


/*新闻*/
.new-total{ width:1200px; margin:0 auto; margin-top:30px;}
.new-total ul li{ float:left; width:500px; margin-right:20px; margin-top:20px; border-bottom:1px solid #eee; padding-bottom:20px;}

.new-total ul li a{ color:#333;}
.new-total ul li a .new-title{ color:#333; font-weight:bold; font-size:16px; width:500px; overflow:hidden;}
.new-total ul li a:hover .new-title h3{ color:#06F;}
.new-total ul li a .new-title h3{ font-size:16px; display:inline-block; float:left; width:400px;white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.new-total ul li span{ float:right; font-weight:normal; }
.new-total ul li a .new-conent{ color:#666; margin-top:10px; line-height:28px; font-size:14px; }


/*底部*/
.bottom{ width:100%; background:#000; padding:20px 0px;}

.bottom-total{ color:#fff; width:1200px; margin:0 auto;}
.bottom-total p{ font-size:14px; display:block; margin-top:10px; text-align:center;}
.bottom-total p a{ color:#fff;}

/*关于我们*/
.main{padding-top:50px;background:url(../images/proBg.jpg) repeat-x #fff;padding-bottom:30px;}
.insLeft{width:250px;}
.insLeft .proSide{border-bottom:3px solid #f4f5f7;}
.insLeft .proSide span{height:104px;background:url(../images/proTit.jpg) no-repeat center #f65a5b;}
.insLeft .proSide li{border-top:1px solid #e5e5e5;}
.insLeft .proSide li:first-child{border-top:0px;}
.insLeft .proSide li a{color:#666;display:block;height:68px;line-height:68px;border-left:3px solid #f4f5f7;border-right:3px solid #f4f5f7; text-align:center;}
.insLeft .proSide li a:hover,.insLeft .proSide li a.cur{background:#148be5;border-left:3px solid #148be5;border-right:3px solid #148be5;color:#fff;}

.asideCotact{background:#0068ae;}
.asideCotact ul{padding:8px 10px;line-height:28px;}
.asideCotact ul,.asideCotact ul li a{color:#fff;}

.insRight{width:935px;padding-bottom:10px;}
.crumb{border-bottom:1px solid #0068ae;height:35px;line-height:35px;}
.crumb span{color:#0068ae;padding-left:5px;font-size: 22px; font-weight:bold;}
.crumb b,.crumb b a{color:#756a5a;}
.crumb b{border-bottom:1px solid #999;}
.crumb b a{margin:0px 3px;}
.insNewsArti .crumb b{border-bottom:0px;}

.insPro{margin:20px 0px;}
.insPro li{float:left;position:relative;width:260px;height:186px;overflow:hidden;margin:10px 17px 10px 0px;display:inline;}
.insPro li h3{width:260px;height:186px;background:#204056;opacity:0.5;filter:alpha(opacity=50);position:absolute;top:-186px;left:0px;}
.insPro li a{width:260px;height:186px;color:#fff;position:absolute;top:-186px;left:0px;line-height:186px;z-index:9;}

.cms_page{margin-top:20px;}
.cms_page li{display:inline-block;width:32px;height:32px;line-height:30px;margin:0px 4px;}
.cms_page li a{display:block;background:#fff;color:#0068ae;height:30px;border:1px solid #0068ae;}
.cms_page li a:hover{background:#0068ae;color:#fff;border:1px solid #0068ae;}
.cms_page .previous_s,.cms_page .next{display:none}
.cms_page .previous_s,.cms_page .next,.cms_page .previous_s a,.cms_page .next a{text-indent:-9999px;}
.cms_page .previous_s,.cms_page .next,.cms_page .pages_solid{background:#0068ae;color:#fff;border:1px solid #0068ae;width:30px;height:30px;}
.cms_page .previous_s a{background:url(../images/pageCoin.png) no-repeat 11px -42px #fff;}
.cms_page .previous_s,.cms_page .previous_s a:hover{background:url(../images/pageCoin.png) no-repeat 11px 8px #f38000;}
.cms_page .next a{background:url(../images/pageCoin.png) no-repeat -44px -42px #fff;}
.cms_page .next,.cms_page .next a:hover{background:url(../images/pageCoin.png) no-repeat -44px 8px #f38000;}

.wfixed {width: 1200px; margin: 0px auto; padding: 0px; }
.fl{float:left;}
.fr{float:right;}
.db { display: block; }

.con p{ font-size:16px; display:block; padding-top:20px;}
.crumb b{ font-size:12px;}


/*产品中心*/
.anli-chan{ width:935px; margin:0 auto; margin-top:20px;}

.anli-chan ul li{float:left; width:280px; padding-top:10px;  background:#fff; margin-right:30px; margin-top:20px; box-shadow:1px 1px 15px #ccc;}

.anli-chan ul li  img{ display:block; width:260px; height:260px; margin:0 auto;}
.anli-chan ul li  span{ display:block; line-height:44px; font-weight:bold; background:rgba(0,91,170,1); text-align:center; color:#fff; overflow:hidden;

white-space:nowrap;

text-overflow:ellipsis;

text-overflow: ellipsis;/* IE/Safari */

-ms-text-overflow: ellipsis;

-o-text-overflow: ellipsis;/* Opera */}
.anli-chan ul li  p{ display:block; line-height:30px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.anli-chan ul li:hover  img{transform:scale(1.01);}
.anli-chan ul li a{ display:block; color:#fff; margin:0 auto; text-align:center; }

.news-list{width:935px; margin:0 auto; margin-top:20px;}

.news-list ul li{ float:left; width:100%; margin-right:20px; margin-top:20px; border-bottom:1px solid #eee; padding-bottom:20px;}

.news-list ul li a{ color:#333;}
.news-list ul li a .new-title{ color:#333; font-weight:bold; font-size:16px; width:100%; overflow:hidden;}
.news-list ul li a:hover .new-title h3{ color:#06F;}
.news-list ul li a .new-title h3{ font-size:16px; display:inline-block; float:left; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.news-list ul li span{ float:right; font-weight:normal; }
.news-list ul li a .new-conent{ color:#666; margin-top:10px; line-height:28px; font-size:14px; }

/*产品详情*/
.content-info{ width:935px; margin:0 auto; margin-top:20px;}
.up-dw{ widh:100%; border-top:1px solid #ccc; margin-top:20px;}
.up-dw p{ display:block; padding-top:6px; font-size:16px;}
.up-dw p a{ color:#000;}

.con-info{ width:100%;}
.con-info img{ display:block; float:left;}
.con-chan{ float:left; width:400px; margin-left:20px;}
.con-chan p{ font-size:16px; display:block; margin-top:20px;}

.chan-xiang{ width:100%; border-top:1px solid #2a63af;}

.xiangguan-chanping{ width:100%; margin-top:40px;}
.ins-info{ width:100%; font-size:20px; color:#2a63af; padding-bottom:6px;  border-bottom:1px solid #2a63af;}

.fenye{ width:60%; margin:0 auto;margin-top:30px;}
.fenye a{ display:inline-block; background:#333; color:#fff; font-size:16px; padding:8px; margin-right:6px;}
.fenye a:hover{color:#fff; background:rgba(0,91,170,1);}

.mores{ width:200px; margin:0 auto; border:1px solid #000; margin-top:40px; border-radius:2px;}
.mores a{ display:block; line-height:44px; text-align:center; color:#000;}

.hezuo{ width:1200px; margin:0 auto;margin-top:20px;}
.hezuo ul li{float:left; width:218px; height:68px; padding-top:10px;  background:#fff; margin-right:20px; margin-top:20px; }

.hezuo ul li  img{ display:block; width:218px; height:68px; margin:0 auto;border:1px solid #ddd;}
.hezuo ul li:hover  img{ box-shadow:1px 1px 15px #ccc; border:0px;}

.sub-btn{ width:200px; display:block; margin:0 auto; line-height:40px; background:#2a63af; border:none; outline:none;  font-size:20px; color:#fff; font-weight:bold; border-radius:4px;}

.pinpai{ background:url(../images/pingpai.jpg) no-repeat center !important;}