/*reset css*/
html,body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,table,form{
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}
body{
	font-family: "microsoft yahei";
	overflow-x: hidden;
}
img,input,textarea{
	border: none;
	resize: none;
	outline: none;
}
ul,ol,li{
	list-style: none;
}
a{
	text-decoration: none;
	outline: none;
}
/*normal reset*/
.max{
	width: 100%;
	
	overflow-x: hidden;
}
.clear{
	zoom: 1;
}
.clear:after{
	display: block;
	visibility: hidden;
	content: '';
	font-size: 0;
	height: 0;
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.center{
	width: 1100px;
	margin: 0 auto;
	/* border: 1px solid red; */
}
/* index */
.top{
	width: 100%;
	height: 90px;
	background: #fefefe;
}
.logo{
	padding-top: 18px;
}
.logo img{
	display: block;
}
.tel{
	height: 90px;
	line-height: 90px;
}
.tel p{
	padding-left: 40px;
	background: url('../img/tel.png') no-repeat left center;
	font-size: 16px;
	color: #666;
}
.tel p span{
	font-family: can;
	font-family: Candara;
	font-size: 34px;
	color: #1e7cb9;
}
@font-face{
	font-family: can;
	src: url('../fonts/candara.TTF');
}
.nav{
	position: relative;
	width: 100%;
	padding-top: 6px;
}
.nav-bar{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 6px;
}
.nav-bar img{
	display: block;
}
.nav-wrap{
	background: #1e7cb9;
}
.nav-li a{
	display: block;
	width: 122px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.banner{
	position: relative;
	width: 100%;
	height: 563px;
	margin-bottom: 34px;
}
/* 本例子css */
.slideBox{ width:1920px; height:563px; overflow:hidden; position:absolute;top: 0;left: 50%;margin-left: -960px; }
.slideBox .hd{ height:5px; overflow:hidden; position:absolute; left: 50%;margin-left: -106px; bottom:25px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin:0 18px;  width:70px; height:4px; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#305dc4; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1920px; height:563px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(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;  }

.ipart-one{
	width: 100%;
	min-height: 1000px;
	/* background: #f1f1f1 url('../img/bg-ipart-one.png') no-repeat center top;  */
}

/* 本例子css */
.picScroll-left{ width:100%;  position:relative; }
.picScroll-left .hd{ overflow:hidden;  height:40px;  position: absolute;top: 1px;left: 0;width: 100%;}
.picScroll-left .hd .prev{ display:block;  width:40px; height:40px; float:right;  overflow:hidden;
	 cursor:pointer; background:url("../img/prev.png") no-repeat center center;}
.picScroll-left .hd .next{ display:block;  width:40px; height:40px; float:right;  overflow:hidden;
	 cursor:pointer; background:url("../img/next.png") no-repeat center center;}
.picScroll-left .hd .prevStop{ display: none; }
.picScroll-left .hd .nextStop{ display: none; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right: 27px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li a{
	display: block;
	width: 184px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #333333;
}
.picScroll-left .bd ul li a:hover{
	background: #1f68ac;
}
.ikind{
	margin-bottom: 70px;
}
.ishow-title{
	text-align: center;
	margin-bottom: 45px;
}
.ishow-title h3{
	height: 30px;
	line-height: 30px;
	font-size: 30px;
	font-weight: bold;
	color: #343434;
	margin-bottom: 22px;
}
.ishow-title h3 span{
	color: #1f68ac;
}
.ishow-title h4{
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	color: #333;
	background: url('../img/01.png') no-repeat left center;
	margin-bottom: 16px;
}
.ishow-title h5{
	font-size: 16px;
	color: #585858;
}
.ishow-ul{
	position: relative;
	height: 434px;
}
.ishow-li{
	position: absolute;
	width: 183px;
	overflow: hidden;
}
.ishow-li01{
	top: 0;
	left: 0;
}
.ishow-li02{
	top: 30px;
	left: 190px;
}
.ishow-li03{
	top: 1px;
	left: 377px;
}
.ishow-li04{
	top: 30px;
	left: 540px;
}
.ishow-li05{
	top: 60px;
	left: 728px;
}
.ishow-li06{
	top: 31px;
	right: 0;
}
.ishow-pic{
	transition: all 0.3s;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.ishow-pic:hover{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: none;
}
.ishow-pic img{
	display: block;
	width: 183px;
    height:260px;
}
.ishow-text{
	padding: 27px 13px 32px;
	background: #f5f5f5;
}
.ishow-text h3{
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 14px;
}
.ishow-text h4{
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	color: #585858;
	overflow: hidden;
}
.ishow-more a{
	display: block;
	margin: 0 auto;
	width: 124px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #909090;
	font-size: 14px;
	color: #343434;
}
.ishow{
	margin-bottom: 200px;
}
.iteam{
	position: relative;
	height: 564px;
}
.iteam-text01{
	z-index: 2;
	position: absolute;
	top: 50px;
	left: 40px;
	width: 220px;
	height: 76px;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	color: #313131;
}
.iteam-text01 b{
	font-size: 29px;
}
.iteam-text02{
	z-index: 2;
	position: absolute;
	bottom: 80px;
	right: 95px;
	width: 220px;
	line-height: 32px;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	color: #313131;
}
.iteam-text02 span{
	font-size: 32px;
}
.iteam-ul{
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.iteam-li{
	position: absolute;
}
.iteam-li img{
	display: block;
}
.iteam-li01 img,.iteam-li03 img,.iteam-li04 img,.iteam-li07 img,.iteam-li08 img,.iteam-li10 img{
	width: 150px;
	height: 150px;
}
.iteam-li02 img,.iteam-li05 img,.iteam-li06 img,.iteam-li09 img{
	width: 185px;
	height: 185px;
}
.iteam-li01{
	top: 14px;
	left: 285px;
}
.iteam-li02{
	top: 0;
	left: 437px;
}
.iteam-li03{
	top: 14px;
	left:624px;
}
.iteam-li04{
	top: 201px;
	left: 98px;
}
.iteam-li05{
	top: 166px;
	left: 250px;
}
.iteam-li06{
	top: 166px;
	left: 624px;
}
.iteam-li07{
	top: 201px;
	left: 811px;
}
.iteam-li08{
	top: 353px;
	left: 285px;
}
.iteam-li09{
	top: 375px;
	left: 437px;
}
.iteam-li10{
	top: 353px;
	left: 624px;
}
.iteam-center{
	position: absolute;
	top: 187px;
	left: 437px;
}
.iteam-block{
	position: absolute;
}
.iteam-block img{
	display: block;
	width: 35px;
	height: 35px;
}
.iteam-block01{
	top: 164px;
	left: 213px;
}
.iteam-block02{
	top: 164px;
	left: 811px;
}
.iteam-block03{
	top: 316px;
	left: 62px;
}
.iteam-block04{
	top: 316px;
	left: 963px;
}
.iteam-block05{
	top: 353px;
	left: 247px;
}
.iteam-block06{
	top: 353px;
	left: 776px;
}
.iteam{
	margin-bottom: 238px;
}

.ia-title{
	margin-bottom: 50px;
	text-align: center;
}
.ia-box{
	position: relative;
	width: 1011px;
	height: 508px;
	margin-left: 46px;
	background: url('../img/bg-ia.png') no-repeat center center;
}
.ia-item{
	position: absolute;
	width: 290px;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	color: #000;
}
.ia-item01{
	top: 15px;
	left: 34px;	
}
.ia-item02{
	top: 15px;
	left: 468px;	
}
.ia-item03{
	top: 376px;
	left: 252px;	
}
.ia-item04{
	top: 376px;
	left: 684px;	
}
.ia-line{
	width: 940px;
	height: 60px;
	padding: 10px 30px;
	background: url('../img/bg-ia-line.png') no-repeat center center;
	line-height: 30px;
	font-size: 18px;
	color: #fff;
	margin-left: 50px;
	margin-top: 35px;
	text-indent: 2em;
}
.ia{
	margin-bottom: 188px;
}

.icase-title{
	text-align: center;
	margin-bottom: 60px;
}
.icase-ul{
	width: 1200px;
	margin-bottom: 50px;
}
.icase-li{
	width: 352px;
	padding: 10px 15px 0;
	background: url('../img/icase.png') no-repeat center top;
	margin-left: -11px;
}
.icase-pic{
	position: relative;
	width: 352px;
	height: 297px;
}
.icase-pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.icase-pic span{
	position: absolute;
	bottom: 0;
	left: -3px;
	background: url('../img/ic00.png') no-repeat left bottom;
	width: 337px;
	height: 39px;
	line-height: 39px;
	font-size: 18px;
	color: #fff;
	text-align: right;
	padding-right: 18px;
	padding-top: 42px;
}
.icase-text{
	line-height: 52px;
	text-align: center;
	font-size: 25px;
	color: #333;
}
.icase{
	margin-bottom: 128px;
}

.icompare-title{
	text-align: center;
	margin-bottom: 40px;
}
.icompare-good{
	width: 565px;
	background: #1f68ac;
}
.icompare-bad{
	width: 535px;
	background: #19548b;
}
.icompare-good h3,.icompare-bad h3{
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #fff;
}
.icompare-good h4 img,.icompare-bad h4 img{
	display: block;
	width: 100%;
	height: 394px;
}
.icompare-good h5,.icompare-bad h5{
	padding-top: 13px;
	padding-bottom: 22px;
	padding-left: 45px;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}
.icompare-box{
	position: relative;
}
.icompare-line{
	position: absolute;
	top: 0;
	left: 521px;
}
.icompare{
	margin-bottom: 143px;
}
.ibrand-li{
	margin:10px;
}
.ibrand-li img{
	display: block;
	width: 200px;
	height: 90px;
}
.ibrand{
	margin-bottom: 140px;
}
.icon-qr{
	width: 250px;
}
.icon-addr{
	width: 430px;
	padding-top: 180px;
	text-align: right;
}
.icon-addr h3{
	line-height: 50px;
	font-size: 26px;
	color: #333;
}
.icon-addr h4{
	font-size: 19px;
	color: #333;
	line-height: 40px;
}
.icon-map{
	padding-top: 40px;
}
.footer{
	width: 100%;
	height: 707px;
	background: url('../img/bg-footer.png') no-repeat center center;
}
.footer-word{
	padding-top: 205px;
	text-align: center;
}
.gotop{
	padding-top: 215px;
	text-align: center;
}
.copy{
	padding-top: 30px;
	text-align: center;
	font-size: 18px;
	color: #fff;
}
.ifooter{
	margin-top: -150px;
}
.imax{
	background: url('../img/bg-index.jpg') no-repeat center 384px;
}
/* about */
.spage{
	padding-top: 52px;
	background: url('../img/bg-spage.jpg') no-repeat center top;
}
.sbanner img{
	display: block;
	width: 100%;
}
.stitle{
	margin-bottom: 24px;
	height: 32px;
	line-height: 32px;
	font-size: 18px;
	color: #333;
}
.stitle span{
	color: #1e7cb9;
}
.stitle b{
	margin-left: 15px;
	font-size: 20px;
	font-weight: normal;
	color: #0a0204;
}
.stab-title{
	position: relative;
	height: 36px;
}
.position{
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	color: #333;
}
.position a{
	color: #333;
}
.position a:hover{
	color: #1e7cb9;
}
.position span{
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 9px;
	text-align: center;
	color: #fff;
	background: #1e7cb9;
}
.stab-title-ul{
	position: absolute;
	bottom: 0;
	right: 15px;
}
.stab-title-li{
	margin-left: 7px;
	width: 96px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: url('../img/stab-title.png') no-repeat center center;
	cursor: pointer;
}
.stab-title-li a{color:#fff;}
.stab-box{
	min-height: 500px;
	padding: 26px 44px 124px 30px;
	border: 1px solid #d9cfcf;
	border-radius: 5px;
	background: #fafafa url('../img/bg-stab-box.png') no-repeat center bottom;
}
.stab-box .about{
	font-size: 16px;
	color: #333;
	line-height: 46px;
}
.stab-li{
	display: none;
}
.stab-li.cur{
	display: block;
}
/* news */
.news{
	width: 1040px;
}
.news-li{
	line-height: 33px;
	border-bottom: 1px dotted #666666;
}
.news-li a{
	display: block;
	font-size: 14px;
	color: #4f4d49;
	max-width: 700px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-li a:hover{
	color: #1e7cb9;
}
.news-li a i{
	font-style: normal;
	margin-right: 5px;
}
.news-li span{
	font-size: 14px;
	color: #999;
}
.page a{
	float: left;
	display: inline-block;
	margin: 0 5px;
	padding: 4px 13px;
	border: 3px solid #c9c9c9;
	border-radius: 18px;
	font-family: arial;
	font-size: 12px;
	color: #929292;
}
.page .num{
	margin: 0 3px;
	padding: 4px 8px;
	border-width: 2px;
}
.page .select{
	background: #1e7cb9;
	color: #fff;
}
.page form{
	display: inline-block;
}
.page-input{
	margin-left: 5px;
	margin-right: 10px;
	width: 60px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-family: arial;
	font-size: 14px;
	color: #929292;
	border: 3px solid #c9c9c9;
	border-radius: 18px;
}
.page-btn{
	width: 28px;
	height: 28px;
	line-height: 24px;
	text-align: center;
	font-family: arial;
	font-size: 12px;
	color: #fff;
	background: #1e7cb8;
	border-radius: 24px;
	border: 2px solid #c9c9c9;
}
.page{
	display: table;
	margin: 42px auto 0;
}
/* case */
.case .icase{
	position: relative;
	right: 32px;
	margin-bottom: 0;
}
.case .icase-li{
	width: 342px;
	background-size: 100%;
	margin-left: 4px;
    margin-right: -16px;
}
.case .icase-pic {
    position: relative;
    width: 342px;
    height: 290px;
}
.case .icase-li span{
	width: 327px;
}
.case .icase-text{
	font-size: 24px;
}
.case .icase-ul{
	margin-bottom: 0;
}
/* scope */
.icase .picScroll-left .bd{
	padding-left: 17px;
}
/* .icase .picScroll-left .hd {
    left: -26px;
    width: 1120px;
} */
.icase .ikind {
    margin-bottom: 20px;
}
/* gbook */
.gbook h3{
	margin-bottom: 36px;
	font-size: 14px;
	color: #787878;
	line-height: 30px;
}
.gbook-pic img{
	display: block;
	width: 260px;
	height: 368px;
}
.gbook-form{
	width: 722px;
}
.gbook-form h4{
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	color: #787878;
	margin-bottom: 13px;
}
.gbook-title input,.gbook-tel input{
	width: 700px;
	height: 12px;
	line-height: 12px;
	font-family: 'microsoft yahei';
	font-size: 12px;
	color: #787878;
	padding: 9px;
	background: #eee;
	border: 1px dashed #aaa;
}
.gbook-title,.gbook-tel,.gbook-text{
	margin-bottom: 20px;
}
.gbook-text textarea{
	width: 700px;
	height: 112px;
	line-height: 12px;
	font-family: 'microsoft yahei';
	font-size: 12px;
	color: #787878;
	padding: 9px;
	background: #eee;
	border: 1px dashed #aaa;	
}
.gbook-btn input{
	width: 720px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border: 1px dashed #aaa;
	background: #3477c8;
	font-family: "simsun";
	font-size: 12px;
	color: #fff;
	padding: 0;
}
/* contact */
.contact-text{
	margin-bottom: 26px;
}
.contact-text h3{
	height: 30px;
	line-height: 30px;
	margin-bottom: 8px;
	font-size: 20px;
	color: #0062bd;
}
.contact-text h4{
	font-size: 14px;
	color: #333;
	line-height: 33px;
}
.contact-map{
	margin-bottom: 60px;
}
.contact-map img{
	display: block;
	max-width: 100%;
}
/* culture */
.culture{
	padding-left: 50px;
}
.culture01 h3{
	height: 50px;
	line-height: 50px;
	font-size: 28px;
	color: #0062bd;
}
.culture01 h4{
	margin-bottom: 20px;
	height: 50px;
	line-height: 50px;
	font-size: 28px;
	color: #666;
}
.culture01 li{
	height: 140px;
	line-height: 140px;
	padding-left: 67px;
	font-size: 16px;
	color: #999;
	background: url('../img/culture-li.png') no-repeat left center;
}
.culture01 li span{
	font-size: 30px;
	color: #227ecc;
	margin-right: 20px;
}
.culture01{
	margin-bottom: 30px;
}
.culture02 h3{
	margin-bottom: 10px;
	font-size: 30px;
	color: #0062bd;
}
.culture02 h4{
	font-size: 22px;
	color: #666;
	line-height: 38px;
}
/* show */
.show-title{
	text-align: center;
	margin-bottom: 35px;
	padding: 15px 0 10px;
	border-top: 1px solid #f5f5f5;
	border-bottom: 2px solid #f5f5f5;
}
.show-title h3{
	height: 38px;
	line-height: 38px;
	font-size: 20px;
	color: #2080d9;
}
.show-title h4{
	height: 30px;
	line-height: 30px;
	font-size: 17px;
	color: #333;
}
.show-text{
	padding-bottom: 28px;
	font-size: 15px;
	color: #333;
	line-height: 40px;
}
.show-page{
	margin-bottom: 40px;
	padding: 0 20px;
	height: 41px;
	line-height: 41px;
	border: 1px solid #e5e5e5;
	background: #f5f5f5;
	font-size: 15px;
	color: #333;
}
.show-page a{
	color: #333;
}
.show-page a:hover{
	color: #2080d9;
}
/* company */
.icom-li{
	position: relative;
	width: 265px;
	height: 334px;
	margin: 0 5px;
}
.icom-pic img{
	display: block;
	width: 265px;
	height: 334px;
}
.icom-name{
	position: absolute;
	bottom: 37px;
	left: 30px;
	display: inline-block;
	padding: 8px;
	background: #fff;
}
.icom-name span{
	display: block;
	width: 186px;
	height: 61px;
	line-height: 61px;
	text-align: center;
	background: #fff;
	border: 1px solid #93b5d5;
	font-size: 27px;
	color: #1f68ac;
}
.icom-li:hover .icom-name{
	background: #1f68ac;
}
.icom-li:hover .icom-name span{
	background: #1f68ac;
	border-color: #88afd3;
	color: #fff;
}
.company{
	width: 100%;
	margin-top: -34px;
	padding-top: 34px;
	padding-bottom: 50px;
	background: url('../img/bg-company.jpg') no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}