@charset "utf-8";
/* css document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#fff;}


/*banner*/
.banner{ height: 400px; overflow: hidden; width:100%;min-width:1200px;}


.tit { width:600px; background-image:url(/uploads/image/ii/tit.png); background-repeat:no-repeat; background-position:center 65px; margin:0 auto; text-align:center;}
.tit h2 {color:#055cbd;font-size:24px;font-weight:normal;height:50px;word-spacing: 2px;letter-spacing: 2px;}
.tit span { display:inline-block; font-size:18px;height:24px; background-color:#fff; padding-left:10px; padding-right:10px;}
.tit em { display:inline-block;  font-family:"times new roman", times, serif; font-size:16px; background-color:#fff; padding-left:10px; padding-right:10px;}
.tit1 span { display:inline-block; font-size:18px;height:24px; background-color:#eee; padding-left:10px; padding-right:10px;}
.tit1 em { display:inline-block;  font-family:"times new roman", times, serif; font-size:16px; background-color:#eee; padding-left:10px; padding-right:10px;}


.about_bg { padding-top:40px; padding-bottom:40px; width:100%;min-width:1200px;}
.about { width:1200px; margin:0 auto; margin-top:30px;}
.about_l { float:left; width:900px; line-height:36px; font-size:14px;}
.about_l .about_con { height:240px; overflow:hidden; font-size:14px;}
.about_l .about_con p { font-size:14px; line-height:30px;}
.about_l a.more { display:block; height:36px; width:100px; text-align:center; font-size:14px; line-height:36px; background-color:#393939; color:#fff; float:right;}
.about_l a.more:hover { background-color:#055cbd; color:#fff;}
.about_r { float:right; width:240px;}
.about_r img{ width:240px; height:270px;}

.about_r {
    float: right;
    width: 240px;
    height: 270px;
    padding: 0 0 8px 8px;
    background: url(/uploads/image/ii/ibrand_bg.png) no-repeat 0 100%;
}


/* 本例子css */
		.slidebox{ width:200px; height:290px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slidebox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slidebox .hd ul{ overflow:hidden; zoom:1; float:left; display:none;  }
		.slidebox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slidebox .hd ul li.on{ background:#f00; color:#fff; }
		.slidebox .bd{ position:relative; height:100%; z-index:0;   }
		.slidebox .bd li{ zoom:1; vertical-align:middle; }
		.slidebox .bd img{ width:200px; height:290px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slidebox .prev,
		.slidebox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/uploads/image/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slidebox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slidebox .prev:hover,
		.slidebox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slidebox .prevstop{ display:none;  }
		.slidebox .nextstop{ display:none;  }




.pro_bg { background-color:#eee; padding-top:40px; padding-bottom:40px; width:100%;min-width:1200px;}
.pro { width:1200px; overflow:hidden; margin:0 auto; margin-top:40px;}
.cp_con { width:1300px;}
.cp_con dl { width:228px; float:left; margin:0 15px 8px 0;overflow:hidden;}
.cp_con .nobor01 { margin:0;}
.cp_con dl dt{ width:220px; height:234px;border:solid 1px #d2d2d2; padding:3px; overflow:hidden;}
.cp_con dl dt:hover {border:1px solid #055cbd;}
.cp_con dl dt img { width:220px; height:234px;transition: all 0.6s ease 0s;-webkit-transform: all 0.6s ease 0s;-o-transform: all 0.6s ease 0s;}
.cp_con dl dt img:hover {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}


.cp_con dl dd { padding:5px 0 0 0px; width:228px;overflow:hidden;}
.cp_con dl dd p b{  float:left; display:inline-block;}
.cp_con dl dd  { line-height:25px;height:25px; width:228px;  clear:both;overflow:hidden; font-size:14px; text-align:center;}
.cp_con dl dd a:hover{ color:#055cbd;}

/*产品特点*/

.ivotes-wrap{padding:45px 0 60px;overflow:hidden; min-width:1200px;}
.ivotes{width:1260px;height:240px;padding-top:10px;}
.ivotes li{float:left;width:235px;height:100px;padding-left:125px;margin:40px 60px 0 0;position:relative;font-size:14px;line-height:24px;}
.ivotes li .icon{position:absolute;width:100px;height:100px;background:url(/uploads/image/ii/ivotes_icon.png);left:0;top:0;}
.ivotes li span{display:block;font-size:18px;color:#333;font-weight:bold;padding:10px 0;}
.ivotes li.i1 .icon{background-position:0 0;}
.ivotes li.i2 .icon{background-position:0 -100px;}
.ivotes li.i3 .icon{background-position:0 -200px;}
.ivotes li.i4 .icon{background-position:0 -300px;}
.ivotes li.i5 .icon{background-position:0 -400px;}
.ivotes li.i6 .icon{background-position:0 -500px;}
.ivotes li.i1:hover .icon{background-position:-100px 0;}
.ivotes li.i2:hover .icon{background-position:-100px -100px;}
.ivotes li.i3:hover .icon{background-position:-100px -200px;}
.ivotes li.i4:hover .icon{background-position:-100px -300px;}
.ivotes li.i5:hover .icon{background-position:-100px -400px;}
.ivotes li.i6:hover .icon{background-position:-100px -500px;}
.ivotes li:hover .icon{animation:rotatey 1s linear;-webkit-animation:rotatey 1s linear;}
@-webkit-keyframes rotatey{
    to {-webkit-transform: rotatey(360deg);}
}
@keyframes rotatey{
    to {transform: rotatey(360deg);}
}

/*四大核心优势*/

.hexin_zj{ width:100%; padding-top:60px; padding-bottom:60px; min-width:1200px;}
.hexin{ width:1200px; margin:0 auto}
.hleft{ float:left; width:198px; height:540px; background:url(/uploads/image/ii/hxin.png) no-repeat left top;}
.hleften{background:url(/uploads/image/images/hxinen.png) no-repeat left top;}
.hleft a{ display:inline-block; width:130px; height:36px; line-height:36px; text-align:center; margin-top:431px; margin-left:15px; font-size:14px; color:#fff}
.hringht{ width:1002px; float:left; height:540px; background:url(/uploads/image/ii/hyou.png) no-repeat;}
.hringhten{ background:url(/uploads/image/ii/hyouen.png) no-repeat;}
.hringht h4{ font-size:24px; font-weight:normal; color:#055cbd; margin-top:30px; text-align:center}
.hringht ul li{ float:left; width:50%; height:220px;}
.hringht ul li h3{ font-size:18px; font-weight:normal; color:#444444; padding-left:100px; margin-top:47px;}
.hringht ul li p{ margin-top:20px; width:310px; margin-left:100px; margin-top:10px; line-height:1.6em; font-size:14px; color:#888888;}
.hringht ul li .hpen{ width:400px;}

.hringht ul li.ys2 h3{ padding-left:190px;}
.hringht ul li.ys2 p{ margin-left:190px;}
.hringht ul li.ys3 h3{ margin-top:70px;}
.hringht ul li.ys4 h3{ margin-top:70px; margin-left:90px;}
.hringht ul li.ys4 p{ margin-left:190px;}




#xuan{background:url(/uploads/image/ii/xuan_bg.jpg) repeat-x; width:100%; min-width:1200px; margin:0 auto;}
#xuan .title1{height:190px;background:url(/uploads/image/ii/xuan_e1.jpg) center 0 no-repeat}
#xuan .app{height:847px;background:url(/uploads/image/ii/xuan_e22.jpg) 0 0 no-repeat; background-color:#fff; width:1200px; margin:0 auto; overflow:hidden;}
.reason{width:100%;float:left;overflow:hidden;}
.reason dt{width:100%;font-size:24px;font-weight:700;float:left}
.reason dd{width:40%;float:left}
.reason1{height:140px;margin:60px 0 0 135px}
.reason1 dd{padding-top:20px}
.reason2{height:140px;margin:125px 0 0 740px}
.reason2 dd{width:34%;margin:20px 0 0 0}
.reason3{height:140px;margin:160px 0 0 135px}
.reason3 dd{padding-top:20px}
.reason4{height:140px;margin:130px 0 0 675px}
.reason4 dd{width:34%;margin:20px 0 0 0}
.reason5{height:140px;margin:165px 0 0 70px}
.reason5 dd{padding-top:20px}





.sb_bg { background-color:#eee; padding-top:40px; padding-bottom:40px; width:100%;min-width:1200px;}
.sb { width:1200px;  margin:0 auto; margin-top:40px;}
.albumbox{ position: relative;}

.album-prev,.album-next{ position: absolute; top: 52px; display: block; width: 30px; height: 80px; overflow: hidden;}
.album-prev:hover,.album-next:hover{ opacity: .8;}
.album-prev{ left: -65px;}
.album-next{ right: -65px;}

@media screen and (min-width: 768px){  
.album-prev,.album-next { display:none;}
}  


.albumconbox ul{ text-align: center; font-size: 0;}
.albumconbox li{ display: inline-block; padding: 0 1px; width: 240px;}
.albumconbox li{ *display: inline;}
.albumconbox li{ _display: inline;}

.albumconbox li p{ margin:0 auto; margin-top: 5px; height: 28px; font-size: 14px; line-height: 28px; overflow: hidden; width:220px; text-align:center;}
.albumconbox li p a{ color: #666;}
.albumconbox li p a:hover{ color: #055cbd;}


.albumconbox li a.img{ display:block; width:220px; height:165px;border:solid 1px #d2d2d2; padding:3px; overflow:hidden;}
.albumconbox li a.img:hover {border:1px solid #055cbd;}
.albumconbox li a.img img { width:220px; height:165px;transition: all 0.6s ease 0s;-webkit-transform: all 0.6s ease 0s;-o-transform: all 0.6s ease 0s;}
.albumconbox li a.img img:hover {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}



.news_bg { padding-top:40px; padding-bottom:40px; width:100%;min-width:1200px;}
.news { width:1200px; margin:0 auto; margin-top:40px;}
.news_l { float:left; width:800px;}
.news_l ul li{position:relative;width:800px;margin-bottom:10px;background:url(/uploads/image/ii/n_bg.jpg) no-repeat;float:left;height:150px;overflow:hidden}
.news_l ul li:hover{background:url(/uploads/image/ii/n_bg1.jpg) no-repeat;color:#fff}
.news_l ul li .date{text-align:center;margin:40px 0;padding-left:0;width:150px;height:70px;color:#333; float:left;}
.news_l ul li .date em{line-height:32px;height:28px;font-size:32px;padding-top:0; display:block;}
.news_l ul li .date span{line-height:32px;height:32px;font-size:16px; display:block;}
.news_l ul li .title { float:left; width:610px; padding-left:20px; padding-top:25px;}
.news_l ul li .title h3 { font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.news_l ul li .title p { line-height:24px; font-size:14px; margin-top:10px; height:48px; overflow:hidden;}
.news_r { float:right; width:374px; overflow:hidden;}
.news_r a { display:block; width:374px; height:150px; overflow:hidden;margin-bottom:10px;}
.news_r a img { width:374px; height:150px;transition: all 0.6s ease 0s;-webkit-transform: all 0.6s ease 0s;-o-transform: all 0.6s ease 0s;}
.news_r a img:hover {transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);}


/******************************广告*********************************/
.banners{height: 400px; width:100%;min-width:1200px;}
.fullslide {
	width:100%;
	position:relative;
	height:400px;
}
.fullslide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullslide .bd ul {
	width:100% !important;
}
.fullslide .bd li {
	width:100% !important;
	height:400px;
	overflow:hidden;
	text-align:center;
	 background-position:center top;
}
.fullslide .bd li a {
	display:block;
	height:400px;
}

.fullslide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullslide .hd ul {
	text-align:center;
}
.fullslide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:100px;
	height:8px;
	margin:1px;
	overflow:hidden;
	background:#fff;
	line-height:999px;
}
.fullslide .hd ul .on {
	background:#f60;
}
.fullslide .prev,.fullslide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:73px; 
	height:73px;
}
.fullslide .prev
{
      background:url(/uploads/image/ii/left1s.png) no-repeat;
  }
.fullslide .next {
	left:auto;
	right:5%;
	background:url(/uploads/image/ii/right1s.png) no-repeat;
}

/*合作伙伴*/

.icooper-wrap{padding:40px 0 40px;background:#eee;}
.icooper-wrap .content{position:relative;height:110px;}
.icooper-wrap h2{position:absolute;left:0;top:0;width:228px;height:116px;font-size:24px;text-align:center;line-height:110px;background:url(/uploads/image/ii/icooper_ti.png);}
.icooper-wrap h2 a {color:#fff;}
.icooper{height:110px;position:relative;margin-left:260px;overflow:hidden;}
.icooper ul{width:10000px;height:110px;}
.icooper li{float:left;width:218px;height:108px;margin-right:20px;border:1px solid #e2e9f3;border-radius:2px;overflow:hidden;}
.icooper li img { width:218px; height:108px;}