/*--------整体样式--------*/
body,div,fieldset,form,h1,h2,h3,h4,h5,h6,html,p{-webkit-text-size-adjust:none;font-family:"微软雅黑";margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{display:block;font-family:"微软雅黑";}
p{margin:0 !important;}
.row{margin:0 !important;}
body{font-family:"微软雅黑" !important;background:#FFFFFF !important;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
option{font-weight:normal;display:block;white-space:pre;min-height: 1.2em;margin:0;padding:0;}

/*----Retina屏的1px边框-----*/
Element{border-width:thin;}
/*----旋转屏幕时，字体大小调整的问题-----*/
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{-webkit-text-size-adjust:100%;}
/*----iphone及ipad下输入框默认内阴影------*/
Element{-webkit-appearance:none;}

/*-----IOS中Fixed布局解决方案------*/
header,footer{display:block}
header{height:70px;left:0;right:0;top:0;}
footer{position:fixed;height:50px;left:0;right:0;bottom:0;}
.scrollable{width:100%;position:absolute;z-index:-999 !important;top:70px;bottom:70px;
overflow-y:scroll;-webkit-overflow-scrolling:touch;background-color:#FFFFFF !important;}
.scrollable .content{width:100%;}

/*防止windows缩放图片时，图像失真*/
img{-ms-interpolation-mode:bicubic; max-width:100%;}

/*-----浮动------*/
.fl{float:left;}
.fr{float:right;}

/*-----距离------*/
.mt10{margin-top:10px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mb10{margin-bottom:10px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.pt50{padding-top:50px;}
.pt99{padding-top:99px;}
.pt110{padding-top:110px;}
.pb120{padding-bottom:120px;}

.lh-30{line-height:20px;}
.lh40{line-height:40px}
.lh60{line-height:60px}

.mt16{ margin-top: 16px !important;}
.mb90{ margin-bottom: 90px !important;}

.red-box-color{color:#FF0000;}
.bg-white{background:#FFFFFF;}
.bg-zise{background-color:#3c6ccc !important;}
.margin0{ margin: 0 !important;}
.height{height:100% !important;}
.font-family{font-family:"微软雅黑";}
.font16{font-size:16px !important;}

/*--------头部样式----------*/
.head {
	width: 100%;
	position: fixed;
	z-index: 99999999999999999999;
	display: inline-block;
	overflow: hidden;
	vertical-align: top
}
.head {
	height: 50px;
	font-size: 14px;
	color: #fff;
	background-color: #3c6ccc;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden;
	display: flex;
		z-index: 9999999999999999999999999;
}
.head .buy-title {
	height: 36px;
	line-height: 36px;
	text-align: center;
	margin: 0 auto;
	padding-left: 8px;
	padding-right: 6px;
	font-size: 18px
}
.head .search-bars {
	height: 36px;
	line-height:36px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	border-radius: 50px;
	background-color: #FFF;
	padding-left: 10px;
	padding-right: 6px
}
.head .search-bars input {
	padding-top:2px;
	line-height:36px;
	height: 36px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	display: flex;
	outline: 0;
	padding-left: 4px;
	font-family: "微软雅黑";
	color: #999;
	border: none;
	background-color: transparent;
	font-size:13px
}
.head .i-search {
	display: inline-block;
	padding: 20px 16px 16px 16px;
	background:url(../images/search.png) no-repeat center center;
	-webkit-background-size: 22px;
	background-size: 22px;
	vertical-align: top
}
.head .iphone{
	display: inline-block;
	padding: 22px;
	background:url(../images/iphone.png) no-repeat center center;
	-webkit-background-size: 24px;
	background-size: 24px;
	vertical-align: top;
	position: relative;
	float: left;
	margin: 0 10px 0 10px;
}
.head .comeback {
	padding:24px 10px 24px 40px;
	background:url(../images/back.png) no-repeat center center;
	-webkit-background-size:24px;
	background-size:24px;
	vertical-align:top
}
.head .comeback-name {
	display: inline-flex;
	color: #333;
	height: 50px;
	line-height: 50px;
	-webkit-background-size: 30px;
	background-size: 30px;
	vertical-align: top;
	margin: 0 18px 0 -5px;
	color: #fff
}
.head .come-back {
	font-size: 26px;
	vertical-align: top;
	width: 36px;
	height: 50px
}
.head .come-back img {
	width: 20px;
	height: 20px;
	margin-top: 15px;
	margin-left: 8px
}
.head .come-back a {
	width: 36px;
	height: 50px;
	display: inline-block
}

/*----最新资讯----*/
.notebox {
	width: 100%;
	height: 50px;
	background: #F5F5F5;
}
.note {
	width: 100%;
	margin: 0 auto;
	height: 50px;
	line-height: 50px
}
.note .mc {
	width:23%;
	height:50px;
	line-height:48px;
	float:left;
	color:#000;
	font-weight:700;
	font-size:15px;
	padding-left:2%
}
#scrollDiv {
	width:77%;
	height:50px;
	overflow:hidden;
	position:relative;
	float:right
}
#scrollDiv ul {
	width:95%
}
#scrollDiv ul li {
	float: right;
	width:100%;
	height:50px;
	line-height:50px;
	font-size: 13px;
	color: #666;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
}
#scrollDiv ul li a {
	width:100%;
	color: #666;
	font-size: 13px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
}

#scrollDiv ul li a:hover {
	color: #191970
}

/*----去掉边框----*/
.border-none:before{
	border:none !important;
}
.padding-none{
	padding:0 !important;
}

/*----8个嗯钮样式----*/
.grids-item .icon1{
	width:70px;
	height:70px;
	background:#18d476;
	border-radius:10%;
	margin-left:10%;
	text-align:center; 
	margin:0 auto;
}
.grids-item .icon2{
	width:70px;
	height:70px;
	background:#ff592c;
	border-radius:10%;
	margin-left:10%;
	text-align:center; 
	margin:0 auto;
}
.grids-item .icon3{
	width:70px;
	height:70px;
	background:#f23e2d;
	border-radius:10%;
	margin-left:10%;
	text-align:center; 
	margin:0 auto;
}
.grids-item .icon4{
	width:70px;
	height:70px;
	background:#ff6216;
	border-radius:10%;
	margin-left:10%;
	text-align:center; 
	margin:0 auto;
}
.grids-item .icon5{
	width:70px;
	height:70px;
	background:#f23e2d;
	border-radius:10%;
	margin-left:10%;
	text-align:center; 
	margin:0 auto;
}
.grids-item .icon6{
	width:70px;
	height:70px;
	background:#18d476;
	border-radius:10%;
	margin-left:10%;
	text-align:center; 
	margin:0 auto;
}
.grids-item .icon7{
	width:70px;
	height:70px;
	background:#3ea0e7;
	border-radius:10%;
	margin-left:10%;
	text-align:center; 
	margin:0 auto;
}
.grids-item .icon8{
	width:70px;
	height:70px;
	background:#febc3c;
	border-radius:10%;
	margin-left:10%;
	text-align:center; 
	margin:0 auto;
}
.grids-item .name{
	text-align:center;
	margin:0 auto;
	font-size:14px;
	line-height:40px;
	color:#333333;
}
.grids-item-juli{
	padding:14px 0 0 0 !important;
}

/*----私人订制样式----*/
.personal-box{	
	width:100%;
	background:#3c6ccc;
	position:fixed;
    bottom:0px;
 	margin: 0 auto;
 	text-align: center;
 	z-index:999999;
 	}
.personal{ 
	width:235px;
 	margin:0 auto;
 	text-align:center;
	}
.personal .picture{
	width:30px;
	height:30px;
	float:left; 
	padding-top:16px;}
.personal .name{
	height:60px;
	line-height:60px;
	color:#FFFFFF;
	text-align:center;
	float:right;
	margin:0 auto;
	font-size:16px; }

/*----二级Banner样式----*/
.erji-banner{width:100%;height:auto;padding-top:50px;}
.erji-banner img{width:100%;}

/*----二级名称样式----*/
.erji-name{
	font-size:18px; 
	font-weight:bold; 
	color:#3c6ccc;
	margin:0 auto;
	text-align:center;
	margin-top: 20px;
}

/*----二级装饰线样式----*/	
.erji-line1{
	width:90%;
	height:1px;
	background:#DDDDDD; 
	margin:20px auto 0 auto;
}
.erji-line2{
	width:50px;
	height:3px;
	background:#3c6ccc;	
	margin:0 auto;
	text-align:center;
	margin-top:-2px;
}
.erji-line3{
	width:100px;
	height:1px;
	background:#DDDDDD;	
	margin:0 auto;
	text-align:center;
	margin-top:14px;
}

/*----二级box样式----*/
.erji-box{
	width:90%;
	margin:0 auto;
	margin-top:20px;
	}
	
.erji-box .video{
	display:inline-block;
	}

/*----图文简介样式----*/
.jianjie-tuwen{
	line-height:24px;
	color:#666;
	margin-top:14px;
	z-index:0;}
	
.qm{width:150px;
	float:right;}



/*----TAB切换-1---*/
.tab {
	width: 100%;
	height: auto
}

.tab-title {
	height:46px;
	line-height:46px;
	font-size: 0;
	background-color: #F5F5F5
}

.tab-title .item {
	display:inline-block;
	width:50%;
	height:46px;
	line-height:46px;
	text-align:center;
	color:#333;
	font-size:15px
}

.tab-title .item-cur {
	color: #fff;
	background-color: #3c6ccc
}

.tab-cont {
	background-color: #FFF;
	width: 100%;
	height: auto;
	overflow: hidden;
	display: inline-block
}

.tab-cont .item {
	width:100%;
	height: auto;
	text-align: left;
	color: #999;
	font-size: 13px;
}

/*----企业文化-具体内容-样式---*/
.tab-cont .item p{line-height:40px;margin-top:10px !important;}

/*----三角形-样式---*/
.sanjiao{
	position: relative;
    width:0px;
    height:0px;
    overflow:hidden;
    border-width:10px;
    border-color:transparent transparent #3c6ccc transparent;
    border-style:dashed dashed solid dashed;
    margin: 0 auto;
    margin-top: -20px;
    z-index: 99999;      
	}

/*----photo-样式1----*/
.photos{width:100%;height:auto;display:inline-block;}
.photos .one-box{width:49%;height:auto;margin-top:2%;}
.photos .one-box .picture{width:100%;height:auto;}
.photos .one-box .picture img{width:100%;}
.photos .one-box .txtbox{
	width:100%;
	height:auto; 
	border:1px solid #ddd;
	margin-top:-1px;
	padding: 0 5%;
}
.photos .one-box .txtbox .top{
	width:100%;
	margin:0 auto;
	text-align:center;
	height:40px;
	line-height:40px;
	font-size:12px;
	color:#666;
	border-bottom: 1px solid #ddd;
	}
.photos .one-box .txtbox .bottom{
	width:100%;
	height:40px;
	line-height:40px;
	}
.photos .one-box .txtbox .bottom .left{
	color: #666;
	float: left;	
}
.photos .one-box .txtbox .bottom .right{
	float: right;
	width:20px;
	height:20px;
	margin-top:10px;
	}	
.photos .one-box .txtbox .bottom .right img{
	width:100%;
	}

/*----photo-样式2----*/
.photoss{width:100%;height:auto;display:inline-block;}
.photoss .one-box{width:49%;height:auto;margin-top:2%;}
.photoss .one-box .picture{width:100%;height:auto;}
.photoss .one-box .picture img{width:100%;}
.photoss .one-box .txtbox{
	width:100%;
	height:auto; 
	background-color: #3c6ccc;
	margin-top:-1px;
	padding: 0 10%;
}
.photoss .one-box .txtbox .bottom{
	width:100%;
	height:40px;
	line-height:40px;
	}
.photoss .one-box .txtbox .bottom .left{
	color:#FFF;
	text-align:center;
}
.photoss .one-box .txtbox .bottom .right{
	float: right;
	width:20px;
	height:20px;
	margin-top:10px;
	}	
.photoss .one-box .txtbox .bottom .right img{
	width:100%;
	}

/*----photo-样式3----*/
.photosss{width:100%;height:auto;display:inline-block;}
.photosss .one-box{width:100%;height:auto;margin-top:2%;}
.photosss .one-box .picture{width:100%;height:auto;}
.photosss .one-box .picture img{width:100%;}
.photosss .one-box .txtbox{
	width:100%;
	height:auto; 
	border:1px solid #ddd;
	margin-top:-1px;
	padding: 0 10%;
}
.photosss .one-box .txtbox .top{
	width:100%;
	margin:0 auto;
	text-align:center;
	height:46px;
	line-height:46px;
	font-size:15px;
	color:#3c6ccc;
	border-bottom: 1px solid #ddd;
	}
.photosss .one-box .txtbox .bottom{
	width:100%;
	height:46px;
	line-height:46px;
	}
.photosss .one-box .txtbox .bottom .left{
	color: #666;
	float: left;	
}
.photosss .one-box .txtbox .bottom .right{
	float: right;
	width:20px;
	height:20px;
	margin-top:14px;
	}	
.photosss .one-box .txtbox .bottom .right img{
	width:100%;
	}
	
/*----联系我们----*/
.lxwm{width:100%;height:auto;}
.lxwm .lm{width:100%;height:auto;line-height:30px;font-size:14px;color:#666;}

/*----去除地图阴影----*/
.BMap_shadow img{ display: none !important;}

/*----私人订制输入框样式----*/
.siren-input{
	width:100%;
	font-family:"微软雅黑";
	margin-top:16px;
	padding:0 15px;
	background:#fff; 
	border:1px solid #ddd;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;}
.siren-input .cell-right .cell-input{
	font-family: "微软雅黑";
	font-size:14px;}
.siren-input .cell-right .cell-select{
	font-family:"微软雅黑";
	font-size:14px;
	padding-left:5px;
	color:#757575;}
.siren-input .cell-right .cell-textarea{
	font-family:"微软雅黑";
	height:180px;
	font-size:14px;
	color:#757575;}

/*----选择区域样式----*/
.m-cityselect.brouce-in{z-index: 99999999999 !important;}

/*----详细页样式----*/
.xqym{
	width:100%;
	height:auto;
	}
.xqym .title{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	font-size:16px;
	color:#666;
	line-height:30px;
	}
.xqym .bt{
	width:100%;
	height:50px;
	line-height:50px;	
	font-size:14px;
	color:#666;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin-top:20px;
	}
.xqym .bt li{
	float:left;
	margin-right:14px;
	font-size:12px;
	}
	
/*----详细页样式----*/
.xqnr{width:100%;height:auto;}
.xqnr img{margin:10px 0;}	
.xqnr p{ line-height:50px; margin: 0 auto; 
text-align: center; font-size: 14px; font-weight: bold; color: #FF0000; margin-top: 10px !important;}

/*----案例样式----*/
.anli-font{ 
	width:100%; 
	height:auto;}
.anli-font .title{ 
	width:100%; 
	height:auto; 
	text-align:center; 
	margin:0 auto;
	font-size: 16px;
	color: #333;} 
.anli-font .table-box{ 
	width:100%; 
	height:auto;
	border-bottom: 1px solid #d4d4d4;
	margin-bottom:10px;}
.anli-font .table-box .name{
	width:100%;
	height:40px;
	line-height: 40px;
	background:#fafafa;
	padding-left: 20px;
	font-size:13px;
	color: #666;}
.anli-font .table-box .leimu{
	width:100%;
	height:40px;
	line-height: 40px;
	background:#efefef;
	padding-left: 20px;
	font-size:13px;
	color: #666;}

/*----宽度样式----*/
.width333{width:33.333% !important;}


/*----参数样式----*/
.canshu{
	width:100%;
	height:auto;}

.canshu p{
	width:100%;
	height:auto;
	color:#666;
	line-height:30px !important;}


.fangan-list{
	width:100%;
	height:auto;
	line-height:30px;
	color:#666;}


.head .i-search{
    position: absolute;
    right: 80px;
}


.tab-cont .item p img{
    width: 100%;
}

/***翻页***/

#fanye{text-align: center;padding: 1rem 0; clear:both;}

.pagination {
	display: block;
	padding-left: 0;
	border-radius: 4px;
	text-align:center;
	margin: 0px 0;
}
.pagination > li {
  display: block !important;
}
.pagination > li > a,
.pagination > li > span {
  color: #FFF;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  height:50px;
  background-color:#0076c8;
  display:block; line-height:50px;
  width:98%;
  margin:1%;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
