@charset "utf-8";
/*全局初始化样式*/
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143; font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; color: #666460; min-width: 320px; width: 100%; zoom:1;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);


/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}

/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666460; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #2fa3d4;}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

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


.w1200{ width: 1200px; margin: 0 auto;}
/*全局样式*/


/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}


/*页面框架结构*/
.contain{width: 1200px; max-width: 96%; margin: 0 auto;} /*页面主体内容*/
.maincontent{} /*主要内容*/
.content{min-height: 400px; padding: 2% 0; font-size: 16px;} /*内容*/
.xhx a{border-bottom: 1px solid #666;text-decoration: blink!important;}
.xhx a:hover{border-bottom: 1px solid #00a1e9;}
.txtbox,
.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;}
.current{ /*当前位置*/}


/*Banner*/
.HomeBan {width: 100%; position: relative; z-index: 2;}
.HomeBan .BanList {overflow: hidden; position: relative;}
.HomeBan .BanList li {width: 100%;} 
.HomeBan .BanList li img{display: block; width: 100%;}
.HomeBan .bx-controls .bx-pager{ display: none;}
.HomeBan .bx-controls-direction .bx-prev{width: 44px; height: 44px; background: url(../images/ban_arrowl.jpg) 0 0 no-repeat; left: 50%; margin-left: -600px; z-index: 99; position: absolute; top: 50%; margin-top: -22px; }
.HomeBan .bx-controls-direction .bx-next{width: 44px; height: 44px; position: absolute; top: 50%; margin-top: -22px; right: 50%; margin-right: -600px; background: url(../images/ban_arrowr.jpg) 0 0 no-repeat; z-index: 99;}
.HomeBan .bx-controls-direction .bx-prev:hover{background: url(../images/ban_arrowl2.jpg) 0 0 no-repeat;}
.HomeBan .bx-controls-direction .bx-next:hover{background: url(../images/ban_arrowr2.jpg) 0 0 no-repeat;}

.Banner{/*height: 268px;*/width: 100%;}
.Banner img{ width:100%; display: block;}



/*分页开始*/
.Pages{text-align: center; padding:40px 10px; line-height:18px; zoom:1; overflow:hidden; }
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{height: 35px; line-height: 35px; display:inline-block; margin:0px 2px; overflow: hidden;}
.Pages a:hover{color:#00a1e9;}
.Pages .num{padding: 0;}
.Pages .p_page em{font-style:normal; font-family:"Arial";}
.Pages .p_page em a{width: 35px; font-size: 14px; margin: 0; color: #888888; border: solid 1px #e8e8e8;}
.Pages .p_page em a:hover{color:#fff; background: #00a1e9; border:solid 1px #00a1e9;}
.Pages .p_page em a.a_cur{background: #00a1e9; color:#fff; border:solid 1px #00a1e9; }
.Pages .p_page b{ font-weight:normal;}
.a_prev{background: url(../images/page_arrowl.png) 50% 0 no-repeat; border: 1px solid #edecec;}
.a_next{background: url(../images/page_arrowr.png) 50% 0 no-repeat; border: 1px solid #edecec;}
.a_first,.a_end{width: 63px; padding: 0 12px;  border: 1px solid #ececec; color: #888;}
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump{display: none;}
.a_prev,.a_next{width: 40px;overflow: hidden;  text-indent: 40px;}
/*分页*/


/*头部*/
.headerW{ border-top: 2px solid #ccecfb; padding: 13px 0;}
.header{width: 1200px; margin: 0 auto; max-width: 96%; position: relative;}
.header .logo{float: left;}
.header .tip{float: left; margin-left: 30%; margin-top: 17px;}
.header .tip img{max-height: 40px;}
.header .phone{height: 40px; float: right; padding-left: 55px; background: url(../images/icon_phone.png) 0 50% no-repeat; font-size: 20px; font-weight: bold; color: #ff9000; line-height: 22px; margin-top: 10px;}
.header .phone span{display: block;}
.header .tall{display: none;}
.header .search_box{ float: right; width: 195px;height: 32px; line-height: 32px; background: url(../images/searchbg.png) bottom center no-repeat; margin-top: 16px; margin-left: 20px;}
.header .search_box input{ padding-left:8%; width:75%; height: 32px; line-height: 32px; float:left; }
.header .search_box .btn{ display: block; width:15%; height:32px; float: right; }
.header .header_btn{width: 24px; height: 24px; position: absolute; right: 0; top: 50%; margin-top: -12px; background: url(../images/nav_bg.png) 0 0 no-repeat; display: none;}

.mainnavW{width: 100%; height: 50px; line-height: 50px; background: #00a1e9;}
.mainnav{width: 1200px; max-width: 96%; margin: 0 auto;}
.mainnav ul li{width: 14.2%; float: left; position:relative;}
.mainnav ul li a{color: #fff; display: block; text-align: center; background: url(../images/nav_line.png) 100% 50% no-repeat; position: relative; font-size: 14px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.mainnav ul li i{background: url(../images/nav_line.png) 100% 50% no-repeat; width: 1px; height: 15px; position: absolute; top: 50%; margin-top: -8px; left: 0;}
.mainnav ul li.on a,.mainnav ul li:hover a{background: #ff9000; font-weight: bold;}
/*头部*/
.mainnav ul li dl{ z-index:888; text-align:left; top:48px;position:absolute; display:none; width:100%; min-width:140px; padding:0; margin:0; background-color:#ff9000;}
.mainnav ul li dl span{ display:block; border-top:solid 1px #fff;}
.mainnav ul li dl a{ display:block; color:#fff; padding:1.5% 8%;}
.mainnav ul li dl a:hover{ color:#fff; background-color:#ffa22a;}
.mainnav ul li dl{	display: none;
/*
    transform: rotate3d(1,0,0,-90deg);
	-webkit-transform: rotate3d(1,0,0,-90deg);
	-moz-transform: rotate3d(1,0,0,-90deg);
	-ms-transform: rotate3d(1,0,0,-90deg);
	-o-transform: rotate3d(1,0,0,-90deg);
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	transform-origin:0 0 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	transition: transform 0.5s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
	-moz-transition: -moz-transform 0.5s, opacity 0.3s;
	display:block;
*/
}
/*
.mainnav ul li:hover>dl{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transform: rotate3d(0,0,0,0);
	-webkit-transform: rotate3d(0,0,0,0);
	-moz-transform: rotate3d(0,0,0,0);
	-ms-transform: rotate3d(0,0,0,0);
	-o-transform: rotate3d(0,0,0,0);
}
*/

/*底部*/
.footerW{width: 100%; background: #333438;}
.footer{width: 1200px; max-width: 96%; position: relative; margin: 0 auto; padding: 70px 0 30px 0;}
.footer .footer_t{text-align: center; height: 40px; line-height: 40px; color: #fff; background: #00a1e9; font-size: 14px; width: 272px; padding-right: 28px;  background: #00a1e9 url(../images/arrowb.png) 184px 50%  no-repeat; position: absolute; top: -20px; left: 50%; margin-left: -150px;}
.footer .footer_t .footer_partner{position: absolute; top: 100%; left: 0; width: 100%; display: none;}
.footer_partner ul li{height: 35px; line-height: 35px; text-align: center; border-top: 1px solid #2abbfc; background: #00a1e9; color: #2abbfc; padding: 0 2%;}
.footer_partner ul li a{color: #fff; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.footer_link{background: #eff3f5 url(../images/footer_bg.jpg) 50% 0 no-repeat; padding: 55px 0 117px 0;}
.footer_list{padding: 0 2%;}
.footer_list ul li{width: 10%; margin-top: 30px; float: left; text-align: center;}
.footer_list ul li a{font-size: 14px; color: #555; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 2%;}
.footer_list ul li a:hover{color: #00a1e9;}
.footer_menu{text-align: center; font-size: 14px; margin-top: 38px;}
.footer_menu a{color: #adaeaf; display:inline-block;  *zoom:1; *display:inline; margin: 0 14px;}
.footer_menu a:hover{color: #fff;}

.footer_code{width: 196px; margin: 25px auto 0;}
.footer_code span{display: block; margin-top: 10px; color: #adaeaf;}
.footer_code .left{float: left; width: 48%; text-align: center;}
.footer_code .right{float: right; width: 48%; text-align: center;}
.footer .footer_Top{width: 36px; height: 36px; position: absolute; bottom: -18px; left: 50%; margin-left: -18px; background: url(../images/top.png) 0 0 no-repeat;}

.bottomW{width: 100%; padding: 52px 0; background: #2e2f34;}
.bottom{width: 1200px; max-width: 96%; margin: 0 auto;}
.bottom_link{text-align: center;}
.bottom_link a{ display:inline-block;  *zoom:1; *display:inline; color: #6b6c6e; padding: 0 14px; background: url(../images/footer_line.png) 0 50% no-repeat;}
.bottom_link a:first-child{background: none;}
.bottom_link a:hover{color: #bfbfbf;}
.bottom .cop{color: #6b6c6e; text-align: center;}
.bottom .cop a{color: #6b6c6e;}
.bottom .cop .cop_link{text-decoration: underline;}

/*底部*/


/*页面二级/左侧/右侧菜单*/
.slidebar{width: 100%; border-bottom: 1px solid #ededed;}
.menu{width: 1200px; max-width: 96%; margin: 0 auto;}
.menu ul li{float: left; line-height: 47px; width: 10%; text-align: center;position: relative;}
.menu ul li.on>a,.menu ul li:hover>a{background: #00a1e9; color: #fff;}
.menu ul li>a{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.menu ul li .dl{margin: 0;padding:5px 1%;position: absolute;top: 100%;left: 0;width: 98%;background: #fff;}
.menu ul li .dl a{display: block;padding: 5px 0;line-height: 20px;}
.menu ul li .dl dd{margin: 0;padding: 0;}
.menu ul li .dl{display: none;}
.menu ul li:hover .dl{display: block;}
/*页面二级/左侧/右侧菜单*/


.h_caseW{position: absolute; bottom: 15%; left: 0; width: 100%; margin: 0 auto; z-index: 99;}
.h_case{width: 60%; margin: 0 auto;}
.h_case ul li{float: left; width: 25%; text-align: center;}
.h_case ul li div{ overflow:hidden; padding:3%;}
.h_case ul li img{transition:all 0.3s ease-out 0s;}
.h_case ul li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.h_case ul li span{display: block; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 10px; font-size: 16px; color: #fff;}
.h_case ul li:first-child span{text-shadow: 3px 0px 1px #c1a833;}
.h_case ul li:nth-child(2) span{text-shadow: 3px 0px 1px #4ed0cb;}
.h_case ul li:nth-child(3) span{text-shadow: 3px 0px 1px #46ce68;}
.h_case ul li:nth-child(4) span{text-shadow: 3px 0px 1px #d78753;}

.H_title{text-align: center;}
.H_title .title{font-size: 30px; color: #555; font-weight: bold;}
.H_titleColor .title{color: #fff;}
.H_title i{width: 29px; height: 2px; background: #00a1e9; margin: 14px  auto; display: block;}
.H_titleColor i{background: #ffa939;}
.H_title .tip{font-size: 14px; color: #666;}
.H_titleColor .tip{color: #fff;}


.h_businessW{padding: 150px 0 180px 0; background: #f0f5f7 url(../images/text.png) 50% 20% no-repeat;}
.h_business{width: 1200px; margin: 0 auto; max-width: 96%;}

.h_busList{margin-top: 54px;}
.h_busList ul{margin-right: -1%;}
.h_busList ul li{width: 32.33%; float: left; padding: 4% 0; margin: 1% 1% 0 0; background: #fff; text-align: center;}
.h_busList ul li a{display: block;}
.h_busList ul li span{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 30px; font-size: 18px; color: #00a1e9;}

.h_photo{ text-align:center; margin-top:20px;}
.h_photo dl,
.h_photo dl dt,
.h_photo dl dd{ padding:0; margin:0}
.h_photo dl{ display:inline-block; position:relative; width:240px;}

.h_photo dl dt{ position:relative;}
.h_photo dl dd,
.h_photo dl dt span{ position:absolute; display:block; width:240px; height:240px; }
.h_photo dl dt span{ background:url(../images/ind_bg.png) no-repeat center center}
.h_photo dl dd{ z-index:2; background:url(../images/font_bg.png) no-repeat center center}
.h_photo dl dd a{ display:inline-block; padding-top:70px; font-size:18px; color:#fff; transition:all 0.3s ease-out 0s;}
.h_photo dl dd:hover a{ padding-top:60px; color:#b8e5f9;}
@media screen and (min-width:1290px){
.h_photo dl{padding:125px 10px 124px 0; }
.h_photo dl:nth-child(1) dd{ top:0; left:124px}
.h_photo dl:nth-child(2) dd{ bottom:0; left:-128px}
.h_photo dl:nth-child(3) dd{ bottom:0; left:-128px}
.h_photo dl:nth-child(4) dd{ top:0; left:-128px}
.h_photo dl:nth-child(5) dd{ top:0; left:124px}
.h_photo dl:nth-child(6) dd{ bottom:0; left:-128px}
.h_photo dl:nth-child(5){ margin-left:-254px;}
}
@media screen and (max-width:1290px){
.h_photo { padding:0 6%;}
.h_photo dl{ float:left;}
.h_photo dl dd{ margin-left:120px; margin-top:-120px;}
}
@media screen and (max-width:1000px){
.h_photo { padding:0 3%;}
}
@media screen and (max-width:768px){
.h_photo { padding:6% 0 20% 6%;}
}

@media screen and (max-width:640px){
.h_photo { padding:2% 0;}
.h_photo dl { width:48%; margin:2% 1%;}
.h_photo dl dt{ display:none;}
.h_photo dl dd{ margin:0; position:relative; width:auto; height:auto}
.h_photo dl dd a{  padding:3% 0; font-size:16px;}
.h_photo dl dd:hover a{ padding:3% 0;}

}
.H_caseW{width: 100%; padding: 146px 0 113px 0; background: #42acdb url(../images/case_bg.jpg) 50% 100% no-repeat;}
.H_case{width: 1200px; margin: 0 auto; max-width: 96%;}
.H_caseList{margin-top: 80px; position: relative; }
.H_caseList ul li{float: left;}
.H_caseList ul li span{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff; font-size: 16px; margin-top: 15px; text-align: center;}
.H_caseList ul li:hover span{color: #ace6ff;}
.H_caseList ul li div{ overflow:hidden;}
.H_caseList ul li img{transition:all 0.5s ease-out 0s;}
.H_caseList ul li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.H_caseList .bx-prev{width: 14px; height: 26px; position: absolute; top: 50%; margin-top: -13px; left: -69px; background: url(../images/arrowl.png) 0 0 no-repeat; text-indent: 15px; overflow: hidden;}
.H_caseList .bx-next{width: 14px; height: 26px; position: absolute; top: 50%; margin-top: -13px; right: -69px; background: url(../images/arrowr.png) 0 0 no-repeat; text-indent: 15px; overflow: hidden;}
.H_caseList .bx-prev:hover{background: url(../images/arrowl2.png) 0 0 no-repeat;}
.H_caseList .bx-next:hover{background: url(../images/arrowr2.png) 0 0 no-repeat;}
.H_case .more{width: 148px; height: 40px; line-height: 40px; color: #fff; text-align: center; background: #ffa939; font-size: 14px; margin: 110px  auto 0; display: block; text-transform: uppercase;}


.h_adv_w{width: 100%; padding: 145px 0 97px 0; background: #f0f5f7;}
.h_adv{width: 1200px; max-width: 96%; margin: 0 auto;}

.h_advList{margin-top: 45px;}
.h_advList ul li{float: left; width: 21%; margin: 0 2%; text-align: center; margin-top: 20px;}
.h_advList ul li span{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.h_advList ul li .pic{display:inline-block;  *zoom:1; *display:inline;  border: 8px solid #fff; border-radius: 50%; overflow: hidden;}
.h_advList ul li .pic img{border-radius: 50%; display: block; transition: 0.5s; width: 100%;}
.h_advList ul li .title{color: #333; font-size: 16px; margin-top: 20px;}
.h_advList ul li:hover .title{color: #2fa7d8;}
.h_advList ul li .text{font-size: 12px; height: 34px; color: #999; text-align: center; margin-top: 10px;}
.h_advList ul li:hover img{transform: scale(1.05,1.05);}

.h_service{margin-top: 70px;}
.h_service .tip{text-align: center; font-size: 24px; color: #555; margin-top: 60px;}
.h_service .list{ background: url(../images/borderb.png) 50% 0 no-repeat; margin: 50px 2% 0 2%; background-size: contain;}
.h_service .list ul li{float: left; width: 25%; text-align: center; padding: 5% 0;}
.h_service .list ul li span{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 7%; position: absolute; bottom: 0; left: 0; width: 100%;}
.h_service .list ul li .pic{position: absolute; top: 0; left: 0; width: 100%;}

.h_service .list ul li.on span{top: 0; bottom: auto; margin-top: 0;}
.h_service .list ul li.on .pic{bottom: 0; top: auto;}
.H_serviceCon{position: relative; padding-bottom: 35%;}

.h_aptitudeW{width: 100%; padding: 127px 0; background: #37a5d6 url(../images/bg2.jpg) 50% 100% no-repeat;}
.h_aptitude{width: 1200px; max-width: 96%; margin: 0 auto;}
.h_aptitude .list{margin-top: 38px;}
.h_aptitude ul {margin-right: -1%;}
.h_aptitude ul li{width: 32.33%; margin: 1% 1% 0 0; padding: 23px 0; float: left; text-align: center; background: #fff;}
.h_aptitude ul li span{display: block; }
.h_aptitude ul li .tip{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; margin-top: 18px; color: #333;}
.h_aptitude ul li .text{text-align: center; margin-top: 8px; padding: 0 2%; height: 40px;}
.h_aptitude ul li a{display: block;}
.h_aptitude ul li a img{width: 100px; height: 100px;}
.h_aptitude ul li a:hover .tip{color: #2ea4d5;}

.h_aptitude .more{width: 148px; height: 40px; line-height: 40px; color: #fff; text-align: center; background: #ffa939; font-size: 14px; margin: 65px  auto 0; display: block; text-transform: uppercase;}


.h_partnerW{width: 100%; background: #f3f7f9; padding: 135px 0 162px 0;}
.h_partner{width: 1200px; margin: 0 auto; max-width: 96%; position: relative;}
.h_partnerBox{margin-top: 40px;}
.h_partner ul li{float: left; width: 16.16%; margin: 0 0.5% 0.5% 0; }
.h_partner ul li a{display: block; border: 1px solid #ccc; position: relative; padding-bottom: 41%;}
.h_partner ul li a img{position: absolute; top: 0; left: 0; width: 100%;}
.h_partner  .bx-controls-direction{display: none;}

.h_partner .bx-controls{position: absolute; bottom: -63px; left: 0; width: 100%; text-align: center;}
.h_partner .bx-pager{display:inline-block;  *zoom:1; *display:inline; overflow: hidden; height: 12px;}
.h_partner .bx-pager-item{float: left; height: 12px; margin: 0 6px;}
.h_partner .bx-pager a{width: 12px; height: 12px; text-indent: 12px; overflow: hidden; background: #fff; border-radius: 50%; display: block;}
.h_partner .bx-pager a.active{background: #ffa939;}


.business{overflow: hidden;}
.business .pic{width: 20%; float:left; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.business  ul{margin-top: -1px;}
.business  ul li{padding: 3% 0; border-top: 1px solid #f2f2f2;}
.business .title{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px;}
.business .text{margin-top: 10px; height: 42px; line-height: 22px;}
.business .time{font-size: 12px; color: #999; margin-top: 10px;}
.business .con{float: right; width: 78%;}

/*详细*/
.news-info .h5{ text-align:center; color:#666; font-size:16px; font-weight: normal; font-size: 24px;}
.news-info .time{ text-align:center; margin-top: 10px; font-size: 16px; color: #999; padding-bottom: 20px; border-bottom: 1px dashed #d2d2d2;}
.news-info{margin-top: 40px; }
.info_other{margin-top: 30px; padding: 30px 0;position: relative;}
.info_other span{ padding:2px 0; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 14px;}
.info_other span a:hover{color: #00a1e9;}
.info_other span.back{display: block;}
.info_other span.back a{display: inline-block;;}
.news-info .con{margin-top: 20px;}
.info_other .prev,.info_other .next{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.case ul {margin-right: -1%;}
.case ul li{width: 15.66%; margin: 1% 1% 0 0; float: left;}
.case ul li a{display: block; padding: 5% 5% 10% 5%; border: 1px solid #e3e8ea; }
.case ul li span{display: block;}
.case ul li .pic{background-repeat: no-repeat; background-position: center center; background-size: contain; padding-bottom: 140%;}
.case ul li .title{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666; font-size: 14px; text-align: center; margin-top: 25px;}
.case ul li:hover .title{color: #00a1e9;}
.case ul li .tip{height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center;}

.case_info{padding: 2% 0;}
.case_info .title{font-size: 20px; color: #00a1e9; padding-bottom: 20px; border-bottom: 1px solid #00a1e9; font-weight: bold;}
.case_info .text{padding: 2% 0;}

.single .pic{text-align: center;}
.single .box{margin-top: 42px; background: #f8f8f8;}
.single .box .left{width: 50%; float: left;}
.single .box .right{width: 44%; padding:5% 3%; float: right;}
.single .single_T{font-size: 16px; color: #00a1e9; position: relative; display: inline-block; font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #00a1e9;}
.single .single_T i{width: 10px; height: 5px; position: absolute; position: absolute; bottom: -5px; left: 50%; margin-left: -5px; background: url(../images/arrow.png) 0 0 no-repeat;}
.single .box .single_text{line-height: 30px; margin-top: 10px;}
.single .single_T2{margin-top: 40px;}
.single  .tip{margin-top: 20px; background: #eeeeee; padding: 10px 2%;}
.single  .tip ul{overflow: hidden;}
.single  .tip ul li{width: 33.33%; float: left; text-align: center;}

.single .single_con{margin-top: 20px; line-height: 26px;}
.single .single_con em{font-style: normal; color: #ffb660;}
.single_txt{font-size: 12px; color: #999;}


.aptitude ul{margin-right: -1%;}
.aptitude ul li{width: 15.6%; margin: 4% 1% 0 0; float: left; }
.aptitude ul li a{display: block; border: 1px solid #e3e8ea; transition:all 0.5s ease-out 0s;}
.aptitude ul li a:hover{box-shadow: 0 0 9px 0px rgba(0, 161, 233, 0.26);}
.aptitude ul li span{display: block;}
.aptitude ul li .pic{background-repeat: no-repeat; background-position: center center; background-size: contain; padding-bottom: 88%; border-bottom: 1px solid #e3e8ea;}
.aptitude ul li .title{text-align: center;font-size: 14px; padding: 20px 2%; height: 50px;}


.news ul li{background: #fafafa; margin-top: 20px; padding: 6px 0; position: relative;}
.news ul li .pic{float: left; width: 24%; display: table-cell; vertical-align:middle;}
.news ul li .pic img{ vertical-align:middle;}
.news ul li .con{float: left; width: 60%; margin-left: 2%;}
.news ul li .more{display: block; float: right;}
.news ul li .title{font-size: 18px; color: #666; font-weight: bold; margin-top: 4%; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news ul li .title:hover{color:#00a1e9;}
.news ul li .text{color: #999; margin-top: 2%; font-size: 14px; height: 40px;}
.news ul li .time{font-size: 14px; color: #999; margin-top: 2%;}
.news ul li .more{width: 58px; height: 100%; position: absolute; right: 0; top: 0; border-left: 4px solid #fff; background: url(../images/news_arrow.png) 50% 50% no-repeat;}



.PicList001088 .top_news{ background-color:#fff; border-bottom:1px solid #f2f2f2; padding:4% 0;}
.PicList001088 .list li{ overflow:hidden;}
.PicList001088 .list li figure{ float:left; width:30%; border:1px solid #efebe3; padding:5px;}
.PicList001088 .list li figure img{ width:100%;}
.PicList001088 .list li div{ float:right; width:65%; padding-bottom:15px;}
.PicList001088 .list li div h1{ padding-top:3%;}
.PicList001088  p{ font-size:15px; color:#999; line-height:24px; overflow:hidden; max-height:48px;}
.PicList001088 h1{ margin:0; font-size:20px; font-weight:normal;}
.PicList001088 h1 a{color:#666;}
.PicList001088 h1 a:hover{color:#00a1e9;}
.PicList001088 .bx-controls-direction{ display:none;}
.PicList001088 .bx-wrapper,
.PicList001088 .bx-viewport{ position:relative; z-index:1;}
.PicList001088 .bx-controls{ position:absolute; bottom:10px; left:35%; z-index:10;}
.PicList001088 .bx-pager div{ float:left; margin-left:10px; width:37px; height:4px;}
.PicList001088 .bx-pager div a{ display:block; height:4px; line-height:100px; overflow:hidden; background-color:#ccc;}
.PicList001088 .bx-pager div a.active{ background-color:#00a1e9;}


.about .title{font-size: 18px; color: #00a1e9; font-weight: bold;}
.about .text{margin-top: 10px; line-height: 26px;}
.about .box{margin-top: 30px; padding-top: 30px; border-top: 1px solid #e6e8eb;}
.about .box ul li{width: 20%; float: left; color: #fff; text-align: center; height: 110px; padding: 20px 0;}
.about .box ul li i{display: block; width: 23px; height: 2px; margin: 2% auto;}
.about .box ul li.li1{background: #5dbbc3;}
.about .box ul li.li2{background: #996188;}
.about .box ul li.li3{background: #5dc3ad;}
.about .box ul li.li4{background: #746199;}
.about .box ul li.li5{background: #dd9c64;}
.about .box ul li.li1 i{background: #7dc9cf;}
.about .box ul li.li2 i{background: #ad81a0;}
.about .box ul li.li3 i{background: #7dcfbd;}
.about .box ul li.li4 i{background: #9081ad;}
.about .box ul li.li5 i{background: #e4b083;}
.about .about_tip{width: 44px; padding-bottom: 5px; border-bottom: 2px solid #00a1e9; color: #00a1e9; font-size: 14px; margin-top: 40px; margin-bottom: 10px; font-weight: bold;}

.contact{padding-bottom: 10%;}
.contactT .left{width: 50%; float: left; color: #808080; font-size: 14px; line-height: 32px;}
.contactT .right{text-align: right; width: 40%; float: right; border-left: 1px solid #e4e4e4;}
.contactT .right img{border:1px solid #c7bfba; max-width: 160px;}
.contact .map{margin-top: 45px; width: 100%; height: 422px; max-width: 100%;}
.contact .map img{max-width: 100px;}
 
.messageW{ padding-top: 64px; border-top: 1px solid #eeeeee; margin-top: 80px;}
.message{width: 580px; margin: 0 auto ; max-width: 100%;}
.message tr td{padding-bottom: 10px;}
.message .tip{display: block; width: 70px; text-align: right; padding-right: 10px;}
.message .text{border: 1px solid #cccccc; height: 34px; line-height: 34px; width: 366px; padding: 0 10px; background: #fcfcfc; border-radius: 2px;}
.message tr td textarea{width: 458px; height: 147px; border: 1px solid #cccccc; padding: 10px; background: #fcfcfc; border-radius: 2px;}
.message tr td .btn{width: 150px; height: 42px; line-height: 42px; color: #fff; text-align: center; background: #00a1e9; color: #fff; border-radius: 2px; font-family: "微软雅黑"; font-size: 14px;}
.message tr td.btn_box{padding-top: 20px;}


/*友情链接 */
.Links_list{margin-top: 30px;}
.Links_list ul li{ text-align:center; width:21%; float:left; overflow:hidden; padding:0 2% 15px 2%;}
.Links_list ul .pic{ width:100%; }
.Links_list ul .pic a{ width:100%;  border:solid 1px #e0e0e0; padding:1px; display:block; overflow:hidden;}
.Links_list ul .pic a:hover{ border:1px solid #00a1e9;}
.Links_list ul .pic img{ width:100%; }
.Links_list ul .h1{ font-size:12px; font-weight:normal; height:20px; line-height:20px; padding-top:5px;}
.Links_list ul .h1 a{ padding:0 3px; white-space:nowrap; display:block; text-overflow:ellipsis; overflow:hidden; font-weight:normal;}

/*搜索中心 */
.Search_list{ margin-top: 30px; }
.Search_list li{ border-bottom:1px solid #e3e3e3; margin-top: 10px;}
.Search_list li .search_con{width:98%;}
.Search_list li h3{ margin:0; line-height:30px;height:30px; font-size:14px; font-weight:inherit;}
.Search_list li h3 a{ display: inline-block; color:#333333; width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Search_list li h3 a:hover{ color: #00a5e3; }
.Search_list li h3 time{ float: right; font-size: 14px; font-weight: initial; color:#333333; width:30%; text-align: right;}

/*小滚动条样式*/
.gdt::-webkit-scrollbar{width:3px;}
.gdt::-webkit-scrollbar-track{background-color:#fff;}
.gdt::-webkit-scrollbar-thumb{background-color:#bbb;}
.gdt::-webkit-scrollbar-thumb:hover{background-color:#555}
.gdt::-webkit-scrollbar-thumb:active{background-color:#666}	
.gdt{ overflow:auto !important; padding-right:10px !important;}

@media screen and (max-width:1200px){
    
.HomeBan .bx-controls-direction .bx-prev{left: 2%; margin-left: 0; z-index: 99; top: 50%; margin-top: -22px; }
.HomeBan .bx-controls-direction .bx-next{top: 50%; margin-top: -22px; right: 2%; margin-right: 0; }
    
.menu ul li{width: 12%;}
}

@media screen and (max-width:1000px){
.header .tip{margin-left: 18%;}
.h_service .list ul li .pic img{height: 40px;}
    
.footer_link{background: #eff3f5 ;}
.footer_list ul li{width: 20%;}
    
.menu ul li{width: 15%;}
    
.aptitude ul li{width: 24%;}
    
.news ul li .pic{float: left; width: 30%;}
.news ul li .con{float: left; width: 54%; margin-left: 2%;}
    
.PicList001088 h1{font-size:18px;}
.PicList001088  p{ font-size:14px}

.Search_list li h3{ line-height: 30px; height:30px;}
}

@media screen and (max-width:768px){
.headerW{padding: 2% 0;}
.header .tip{display: none;}
.header .phone{display: none;}
.header .tall{display: block;float: left;margin-left: 10px;margin-top: 10px;}
.header .tall a{
	font-size: 20px;
    font-weight: bold;
    color: #ff9000;
    line-height: 22px;
}
.header .logo{width: 30%;}
.header .header_btn{display: block;}
    
.mainnavW{width: 40%; position: absolute; top: 10%; right: 0; z-index: 100; height: auto; display: none;}    
.mainnav{width: 100%; max-width: 100%;}
.mainnav ul li{width: 100%; border-bottom: 1px solid #5ecdff;}
.mainnav ul li i{display: none;}
.mainnav ul li a{background: none;}
.mainnav ul li dl{ position:relative; top:auto; height:0;}
.mainnav ul li:hover>dl{ height:auto;}  
    
.h_caseW{position:static; bottom:auto; left: auto; width: 100%; margin: 0 auto; z-index: 99;}
.h_case{width: 100%; margin: 0 auto; margin-top: 20px;}
.h_case ul li{ margin: 0 2%; width: 21%;}
.h_case ul li span{font-size: 14px;  color: #666;}
.h_case ul li:first-child span{text-shadow: none;}
.h_case ul li:nth-child(2) span{text-shadow: none;}
.h_case ul li:nth-child(3) span{text-shadow: none;}
.h_case ul li:nth-child(4) span{text-shadow: none;}

    
    
.H_title .title{font-size: 18px;}
    
.h_busList{margin-top: 20px;}
.h_businessW{padding: 20px 0 20px 0; margin-top: 20px;}
.h_busList ul li span{font-size: 14px;}
    
.H_caseW{padding: 20px 0;}
.H_caseList{margin-top: 20px; overflow: hidden;}
.H_case .more{margin-top: 40px;}
    
.h_service .list ul li .pic img{height: 40px;}
    
.h_adv_w{width: 100%; padding: 20px 0 20px 0; background: #f0f5f7;}
    
.h_service{margin-top: 20px;}
    
.h_service .tip{font-size: 18px;}
.h_service .tip{margin-top: 20px;}
.h_service .list{margin: 20px 2% 0 2%;}
    
.h_partner ul li{float: left; width: 32.33%; margin: 0.5% 0.5%;}

.h_partnerW{padding: 20px 0 80px 0;}
.h_partner .bx-controls{bottom: -40px;}
    
.footer .footer_t{width: 100px; background: #00a1e9 url(../images/arrowb.png) 90px 50% no-repeat; margin-left: -64px;}
    
.menu ul li{width: 20%;}
.menu ul li a{font-size: 12px;}
    
.single .box .left{width: 100%; }
.single .box .right{width: 96%;}
    
.aptitude ul li{width: 32.333%;}
    
.PicList001088 .bx-controls{ left:45%;}
.PicList001088 .list li figure{width:40%}
.PicList001088 .list li div{ width:55%;}
    
.about .box ul li{width: 50%;}
.about .box ul li.li1{width: 100%;}
}


@media screen and (max-width:640px){ 
.HomeBan .bx-controls-direction .bx-prev{display: none;}
.HomeBan .bx-controls-direction .bx-next{display: none;}
.H_titleColor .tip{font-size: 12px;}
.H_title .tip{font-size: 12px;}
    
.h_case ul li span{font-size: 12px;}
.H_case .more{margin-top: 20px;}
    
.h_advList ul li{width: 46%;}
    
.h_service .list{ background: none;}
.h_service .list ul li{width: 50%;}
.h_service .list ul li.on span{margin-top: 0; top: auto; bottom: 0;}
.h_service .list ul li .pic{margin-top: -13px;}
.h_service .list ul li.on .pic{margin-top: -13px; bottom: auto; top: 0;}

.h_aptitude ul li{width: 49%; margin: 1% 1% 0 0; }
    
.h_aptitudeW{padding: 20px 0;}
    
.footer_link{padding: 20px 0;}
.footer_list ul li{width: 25%; margin-top: 16px;}
.footer_list ul li a{font-size: 12px;}
    
.bottomW{padding: 30px 0;padding-bottom: 45px;}
    
.menu ul li{width: 25%;}
    
.business .pic{width: 40%;}
.business .con{float: right; width: 58%;}

.Pages .p_page em,.Pages .a_first,.Pages .a_end{display: none;}
    
.single  .tip ul li{width: 100%; text-align: left;}
    
.aptitude ul li{width: 49%;}
    
.news ul li .title{font-size: 16px;}
.news ul li .pic{float: left; width: 45%;}
.news ul li .con{float: left; width: 52%; margin-left: 2%;}
    
.news ul li .more{width: 30px; display: none;}
    
    
.PicList001088 .bx-controls{ left:0; width:100%;}
.PicList001088 .list li figure,
.PicList001088 .list li div{ float:none; width:auto;}
.PicList001088 .bx-pager div{ float:none; display:inline-block;}
.PicList001088 .bx-pager { text-align:center;}
    
    
.contactT .left{width: 100%; }
.contactT .right{margin-top: 20px;width: 100%;  border-left: none; text-align: left;}
    
.message .text{width: 100%;}
.message tr td textarea{width: 100%;}
    
.Links_list ul li{width: 46%;}

.header .search_box{ display:none; }
}

@media screen and (max-width:768px){
#onlinebox{display: none!important;}
}


/*2017-08-03修改*/
.ADDIMGLIST{text-align: center;font-size: 0;padding-top: 10px;}
.ADDIMGLIST a{display: inline-block;overflow: hidden;position: relative;margin:2px;width: 120px;height: 40px;}
.ADDIMGLIST a img{display: block;position: absolute;left: 0;top: 0;min-height: 100%;width: 100%;}


.zxrx{
	position: fixed !important;
    width: 100% !important;
    z-index: 10 !important;
    top: auto !important;
    bottom: 0 !important;
    background: #f85959;
    text-align: center;
    display: none;
}
.zxrx a{
    height: 44px;
    line-height: 44px;
    border-radius: 4px;
    display: block;
    width: 100%;
}
.zxrx a span{
	font-size: 18px;
	display: inline-block;
	color: #fff;
}
.zxrx a img{
	display: inline-block;
	margin-top: 6px;
	margin-right: 5px;
	width: 26px;
}
@media screen and (max-width:768px){
	.zxrx{display: block;}
	.bottomW{padding: 30px 0;padding-bottom: 45px;}
}









/*快速报价*/
.auto{margin: auto;}
.auto_1200{width: 1200px;}
@media only screen and (max-width: 1200px) {
	.auto_1200{width: 100%; padding: 0 5%; box-sizing: border-box;}
}

.ksbj{position: fixed; bottom: 20px; right: 20px; display: block; cursor: pointer; z-index: 9999;}
.ceng{display: none;}
.ceng ul{margin: 0; padding: 0;}
.ceng p{color: white; font-size: 16px;}
.ceng{position: fixed; background: rgba(0,0,0,0.5); z-index: 9999;}
.ceng li input{background: white; padding-left: 10px; border: 1px solid #fcfcfc; box-sizing: border-box;width: 95%; height: 40px; line-height: 40px; color: #333; border: 0;-moz-box-sizing: border-box; box-sizing: border-box;}
.ceng li{list-style: none;}
.ceng li input.btn{cursor: pointer; background: #f40; padding-left: 0px; color: white; font-size: 16px; text-align: center;}
.ceng i{display: block; cursor: pointer; position: absolute; right: 10px; top: 10px; color: white; font-size: 30px; font-style: normal;}
.ceng li span.span{display: inline-block; line-height: 19px; float: left; margin-left: 2%; width: 120px;}
.ceng .auto div{margin-right: 2%; font-size: 16px; font-weight: 700; line-height: 38px; color: white;}
.ceng .auto div em{font-size: 28px; margin-right: 0.3%;}

@media only screen and (max-width: 640px) {
	.ceng{display: none; bottom: 0px; top: 0px; left: 0px; right: 0px; margin: auto; width: 90%; height: 60%; padding: 0 10%; box-sizing: border-box;}
	.ksbj{display: block;}
	.ceng {padding: 5% 10%;}
	.ceng li{width: 100%; margin-bottom: 3%;}
	.ceng li input{font-size: 12px; width: 100% !important;}
	.ceng li input.btn{width: 50% !important; margin: 0 auto;}
	.ceng li input.btn{float: left;}
	.ceng li span.span{width: 100%; height: 40px; font-size: 12px; color: white; margin-top: 1%;}
	.ksbj .da{display: none;}
	.ksbj{position: fixed; top: 60%; right: 5px;}
	.ksbj .xia{display: block; background: #00aef3; background-size: 50px; border-radius: 50%;}
}
@media only screen and (min-width: 641px) {
	.ksbj .da{display: block;}
	#newBridge .icon-right-bottom{bottom: 130px !important;}
	.ksbj .xia{display: none;}
	.ceng{bottom: 0px; left: 0px; width: 100%; height: 120px;}
	.ceng .auto div{float: left; width: 25%;}
	.ceng li{float: left; list-style: none; width: 20%;}
	.ceng li.li{width: 22%;}
	.ceng li input{line-height: 40px; font-size: 14px;}
	.ceng li input.btn{width: 48%; float: left;}
	.ceng li span.span{display: block; width: 50%; height: 40px; font-size: 12px; color: white;}
	
}