.development-line {
    padding-bottom: 30px;
    border-left: 1px solid #eaeaea;
    margin-bottom: 50px;
}
.pro_list_box >.development-line li {
    min-height: 110px;
	width:100%;
}
.development-line li span {
    /*height: 100%;*/
    font-size: 30px;
    color: #444;
    width: 110px;
    display: block;
    float: left;
    padding-left: 10px;
    padding-top: 20px;
}
.development-line li p {
    width: 890px;
    float: left;
    padding-top: 20px;
    font-size: 14px;
    color: #777;
    line-height: 18px;
}
.pro_list_box .detial-top{width:100%;height:440px;}
.detail-left {
    width: 480px;
    float: left;
}
.detail-left p {
    font-size: 12px;
    color: #777;
    line-height: 22px;
}
.detail-left ul {
    padding: 10px 0;
}


.detail-left ul li::before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #000;
    content: '';
    border-radius: 50%;
}
.detail-left ul li {
    line-height: 24px;
    position: relative;
    padding-left: 13px;
    font-weight: bolder;
    text-transform: uppercase;
}
.detail-right {
    width: 510px;
    float: right;
}
.detail-right ul.hbjk li {
    width: 244px;
    height: 198px;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
}
.pro_list_box .detail-btm {
    clear: both;
    margin-top: 50px;
    width: 100%;
	height:258px;
    overflow: hidden;
    margin-bottom: 30px;
}
.tab {
    height: 25px;
    position: relative;
    z-index: 110;
    width: 100%;
    margin-bottom: 25px;
}
.tab span {
    background: url(../images/tab_bg.png) top right #000 no-repeat;
    color: #fff;
    font-size: 14px;
    font-weight: bolder;
    padding-right: 22px;
    padding-left: 10px;
    display: inline-block;
    line-height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 110;
}
.certificate-list {
    width: 1070px;
}
.certificate-list li {
    width: 140px;
    height: 206px;
    float: left;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    margin-right: 34px;
}
.img-long {
    margin-bottom: 1px;
}
.pro_list_box >.img-list > li {
    width: 254px;
    height: 253px;
    overflow: hidden;
    float: left;
    margin-right: 1px;
}
.pro_list_box >.img-list > li > ul.img-small > li {
    width: 126px;
    margin-right: 1px;
    height: 126px;
    overflow: hidden;
    float: left;
    margin-bottom: 1px;
    display: table;
    background: #777;
}
.pro_list_box >.page_rlzy{height:250px;}
.pro_list_box >.page_sqpz{height:500px;}
.page_sqpz>.hxnl_li03{top:50%;}
.page_sqpz>.hxnl_li04{top:50%;}

.pro_list_box >.img-list > li > ul.img-small > li a {
    display: table-cell;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 0 8px;
    vertical-align: middle;
    text-align: center;
    line-height: 24px;
}
.pro_list_box .safe-list {
    width: 1024px;
    height: auto;
    overflow: hidden;
}
.safe-list > ul > li {
    float: left;
    margin-right: 10px;
    width: 500px;
    margin-bottom: 40px;
}
.safe-list > ul > li:nth-child(2n+1) {
    clear: left;
}
.safe-list > ul > li > .imgholder {
    margin-bottom: 30px;
    height: 132px;
    width: 500px;
}
.safe-list > ul > li > .imgholder li {
    height: 132px;
    width: 236px;
    margin-right: 13px;
    float: left;
    overflow: hidden;
}
.safe-list > ul > li p {
    line-height: 24px;
    color: #777;
    position: relative;
    padding-left: 15px;
	padding-right: 10px;
}
.safe-list > ul > li p::before {
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    border: 5px solid transparent;
    _border-style: dashed;
    border-left-style: solid;
    border-left-color: #000;
    position: absolute;
    content: '';
    top: 8px;
    left: 0px;
}
.img-list {
    width: 100%;
}
.img-list > li.aqywd {
    width: 243px;
    position: relative;
}
.img-list > li.gray-bg {
    background: #ebebeb;
    margin: 0 1px;
    padding: 10px;
    width: 234px;
    height: 233px;
}
.img-list > li.gray-bg p {
    padding: 15px;
    line-height: 20px;
    font-size: 14px;
    color: #777;
}
.img-list > li.gray-bg span {
    display: block;
    text-align: center;
    padding: 100px 0;
    color: #777;
    font-size: 14px;
	line-height: 1;
}
.pro_list_box .hyyy-map {
    height: 255px;
	width:100%;
    margin-top: 2px;
    width: 1019px;
	background:#ebebeb;
}
.pro_list_box > div.hyyy-map p {
	width:50%;
    font-size: 14px;
    line-height: 20px;
    color: #333;
	float:left;
	padding:0;
	height:254px;
	margin:0;
}
.pro_list_box > div.hyyy-map .hyyy-map-txt{
	padding:80px 30px;
	width: 44%;
	height: 94px;
	}
.pro_list_box .clients-list{
	width:100%;
	height: 194px;
	float:none;
	}

.clients-list .list-item {
    width: 1024px;
    height: 194px;
    float: left;
}
.clients-list ul{
	overflow:hidden;
	}
.clients-list ul li {
    margin-right: 7px;
	float:left;
}


.clients-icon {
    width: 70px;
    margin: 20px auto;
}
.clients-icon .on {
    background: #00b4e6;
}
.clients-icon li {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #999;
    cursor: pointer;
    display: block;
    float: left;
    margin-right: 10px;
}
.clients-icon li span{ display:none;}
.safe-list > ul > li p strong {
    display: block;
    font-size: 14px;
    color: #00b4e5;
    margin-top: 15px;
    font-weight: bold;
}
 .img-list > li {
    width: 254px;
    height: 253px;
    overflow: hidden;
    float: left;
    margin-right: 1px;
}
 .img-list > li > ul.img-small > li {
    width: 126px;
    margin-right: 1px;
    height: 126px;
    overflow: hidden;
    float: left;
    margin-bottom: 1px;
    display: table;
    background: #777;
}

.pro_list_box .img-list > li > ul.img-small > li a {
    display: table-cell;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 0 8px;
    vertical-align: middle;
    text-align: center;
    line-height: 24px;
}
.pro_list_box .img-list > li > ul.img-small > li a.f-small {
    font-size: 16px;
}
.pro_list_box .img-list > li.aqywd a.apz {
    position: absolute;
    z-index: 1000;
    color: #fff;
    top: 110px;
    left: 20px;
    font-size: 24px;
    font-weight: bold;
    width: 154px;
    height: 53px;
    padding: 100px 0 100px 100px;
}

.advantage-list ul li p{line-height:14px;}


.img-list > li > ul.img-small > li>img{width:126px;}
.img-list >li > img{width: 254px;}
.img-long > img {width: 512px;}
.clients-list ul>li img{width: 195px; height:81px;}

.company-img img{width:501px;}
@media screen and (min-width:768px){
.sub>li:hover {border:1px solid #00a0e9;}
.nav>.c_wap>li.lt:hover .sub{display:block;}
.nav>.c_wap>li.lt:hover .sub>li:hover>a{color:#00a0e9;}
.tel>ul>li:hover>div{display:block;cursor:pointer;}
.top .nav>ul>li:hover>a,.pro_nav>a:hover,.pro_nav>a.now:hover,.pro_list_title>ul>li:hover>a,.footer_nav>li:hover>a{color:#00a0e9;}
.about_r ul li:hover{ background:#fa938d}
.about_r ul li:hover{ background:#4dcc89;}
.about_r ul li:hover{ background:#217fc4;}
.about_r ul li.hover01{ background:#fa938d;}
.about_r ul li.hover02{ background:#4dcc89;}
.about_r ul li.hover03{ background:#217fc4;}
.about_r ul li.hover01:hover{background:#b4c2cd;}
.about_r ul li.hover02:hover{background:#b4c2cd;}
.about_r ul li.hover03:hover{background:#b4c2cd;}
.power ul li.hover{max-width:365px;width:100%;height:494px;background:#fff;margin-top:-18px;box-shadow:0 0 25px #999;z-index:22;}
.power>ul>li.hover>img{display:block;margin:0 auto;}
.power>ul>li.hover>a{display:block;}

.pro_box ul li:hover div{display:block;width:100%; height:100%; background:rgba(21,166,232,0.7);position:absolute;top:0;left:0;}
/*
.power ul li:hover{width:322px;height:494px;background:#fff;margin-top:-18px;box-shadow:0 0 25px #999;z-index:22;}
.power>ul>li:hover>img{display:block;margin:0 auto;}
.power>ul>li:hover>a{display:block;}*/
.pro_list>.pro_list_con>li:hover>div{display:block;width:100%;height:100%;background:rgba(53,158,242,0.7);position:absolute;top:0;left:0;}
.news_list>li:hover p{color:#00a0e9;}
.news_list>li:hover p a{color:#00a0e9;}
.pro_list_box>ul>li>div>h2:hover p{background:#02b3e5;}
.pro_list_box > ul>li>div>h2:hover{background:#02b3e5;}
.pro_list_box >.img-list > li > ul.img-small > li:hover{background: #00b4e6;}
.img-list > li.gray-bg:hover{background: #02b3e5;}
.img-list > li.gray-bg:hover p,.img-list > li.gray-bg:hover span{color:#fff;}
.img-list > li > ul.img-small > li:hover{background: #02b3e5;}
.pro_list_box > .clients-more{display:none;}

.toTop a:hover{background:url(../images/up_hover.png);}
}
@media screen and (max-width:767px) and (min-width:320px){
.main{width:100%;}
.top {height:20%;margin-bottom:20px;}	
.top .logo{margin:0 auto;float:none;}	
.top .tel{width:100%;}
.tel > img{width:100%; max-width:128px; margin-top:8px; float:right;}
.top .nav{width:100%;float:none;}
.top .nav>ul>li{width:33%;}
.top .nav>ul>li a{width:100%;display:inline-block;}
.top .search{margin:0 auto;float:none;width:80%;min-width: 167px;}
.top .search .input{width:80%;}
.top .search .btn{background:url(../images/search.png) no-repeat 100% 98%; width: 20%;}
.sub,.sub>li{width:100%;}
.banner>ul>li img{max-width:1500px;width:100%;}
.banner .num{top:18%;}
.topbanner{height:200px;}
.toTop{right:0;}
.about{padding-right:0;background:#00a0e9;width:94%;}
.about p{margin:0 auto;}
.about .about_more{left:47%;}
.about>ul{width:270px;margin:0 auto;margin-top:20px;}
.about_r,.about{float:none;margin:0 auto;margin-top:20px;}
.about_r ul li{padding: 15px 5px;}
.pro_box ul{width:100%;}
.pro_box ul li img{max-width:190px;width:89%;border:5pt solid #fff;display:block;margin:0 auto;}
.pro_title{font-size:14px;width:89%;line-height:24px;padding:0 12px;}
.pro_info{width:89%;}
.pro_box ul li:hover div{display:none;}
.power_info{width:100%;}
.power ul{width:100%;height:1100px;max-width:362px;margin:0 auto;}
.power ul li{margin:0 auto;display:block;max-width:359px;width:100%;padding:0;}
.power ul .power_li01{top:0;left:0;}
.power ul .power_li02{top:28%;left:0;}
.power ul .power_li03{top:67%;left:0;}

.main_info_slide{width:100%;}
.prev{top:-23%;left:2%;}
.next{top:-23%;left:92%;}
.server{width:100%;}
.video_slide{width:100%;}
.contact{height:483px;}
.contact_box{float:none;width:100%;}
.contact_title{text-align:center;}
.contact_info{overflow:hidden;}
.contact_info>div{width:100%;text-align:center;}
.contact dl{margin:0 auto;}
.footer{width:100%;}
.footer_nav{width:100%;max-width:430px;}
.footer_nav li{width:32%;}
.pro_top{width:100%;}
.pro_top img{max-width:1500px;width:100%;}
.pro_list{width:100%;}
.pro_list_title>span,.pro_list_title>ul{width:100%;float:none;overflow:hidden;}
.pro_list_title>span{display:block;text-align:center;width:100%;}
.pro_list_title>ul>li{width:33%;text-align:center;}
.pro_list_title>ul.list_nav>li{width:43%;max-width:140px;}
.pro_list>.pro_list_con>li img{max-width:190px;width:89%;border:5pt solid #fff;}
.pro_list>.pro_list_con>li .pro_title,.pro_list>.pro_list_con>li .pro_info{padding:0;width:90%;margin:0 auto;}
.pro_list>.pro_list_con>li:hover>div{display:none;}
.pro_list>.pro_list_con{margin-bottom: 0;}
.page{float:none; margin:0;}
.page a{display:none;}
.page .prev_page,.page .next_page{display:inline-block; float:none; padding:5px 0; margin:0 12%; width:24%; text-align: center;}
.map_box{width:100%;overflow:hidden;height:1070px;}
.map_weixin{max-width:586px;width:100%;float:none;margin:0 auto;}
.map_weixin>div{margin:0 auto;float:none;padding-top:80px;}
.map_sddr,.map_con{width:100%;}
.map_sddr{padding-left:0;}
.map_sddr>div{width:300px;margin:0 auto;}
.map_sddr>p{width:100%;text-align:center;}



.pro_list_nav{float:none;width:100%;max-width:540px;margin:0 auto;}
.pro_list_nav a{margin:0 11px;}
.pro_list_title{width:100%;padding:0;text-align:center;}

.about_r ul li.hover01{ background:#fa938d;}
.about_r ul li.hover02{ background:#4dcc89;}
.about_r ul li.hover03{ background:#217fc4;}
.power ul li.hover{max-width:365px;width:100%;height:494px;background:#fff;margin-top:-18px;box-shadow:0 0 25px #999;z-index:22;}
.power>ul>li.hover>img{display:block;margin:0 auto;}
.power>ul>li.hover>a{display:block;}

.pro_list_box .safe-list{width:100%;}
.development-line{border:0;margin-bottom: 0;}
.pro_list_box > .development-line li{border-bottom:1px solid #eee;overflow:hidden;padding-bottom:20px;}
.development-line li p{width:100%;}
.pro_list_box .hyyy-map{width:96%;height:auto;overflow: hidden;margin:0 auto;float:none}
.pro_list_box > div.hyyy-map p{width:100%;height:auto;}
.pro_list_box > div.hyyy-map .hyyy-map-txt{padding:0;width:90%;padding:5%;height:auto;}
.pro_list_box .clients-list{height:auto;}
.pro_list_box_title{line-height:30px;}
.pro_list_box_info{width:80%;}
.clients-list>.bd{width:100%;margin:0 auto;}
.page_addr01{line-height:30px;}

.pro_list_box > ul > li > div > img{max-width:254px;width:100%;}
.pro_list_box > .page_sqpz{height:auto;max-width:512px;}
.pro_list{padding-bottom: 40px;}
.pro_list_box > .clients-more{display:block;}
.contact dl{float:none;margin:0 auto;}

.img-small .f-small img{display:none;}
}
@media screen and (max-width:767px) and (min-width:481px){
	.pro_box ul li{width:33%;height:350px;}
	.pro_list>.pro_list_con>li{width:33%;height:310px;}
	.about_r{width:85%;max-width:330px; margin:0 auto;}
	.safe-list > ul > li{max-width:500px;margin:0 auto;float:none;}
	.detail-left{float:none;margin:0 auto;}
	.detail-right{float:none;margin:0 auto;max-width:510px;width:100%;}
	.pro_list_box .detial-top{float:none;height:auto;}
	.pro_list_box .detail-btm{float:none; height:auto;}
	.certificate-list{width:100%;max-width:486px;margin:0 auto;}
	.certificate-list li{margin:9px;}
	.pro_list_box > div{width:100%;max-width:510px;height:auto;float:none;margin:0 auto;}
	.pro_list_box > div > p{padding:0;}
	.pro_list_box > div img{width:100%;}
	.pro_list_box > div >.page_addr_con{padding-left:55px;}
	.pro_list_box > ul{max-width:520px;width:100%;}
	.pro_list_box > ul > li{width:258px;height:128px;}
	.pro_list_box > ul > .litxt{width:174px;height:84px;padding: 22px 40px;font-size:8pt;line-height:20px;}
	.pro_list_box > ul > li > div{width:50%;border:0;}
	.pro_list_box > ul > li > div > h2{width:62px;font-size:8pt;height:63px;}
    .pro_list_box > ul > li > div > h2 img{max-width:126px;width:100%;}
	.pro_list_box > .page_rlzy > .litxt{font-size:7pt;line-height:15px;}
	.pro_list_box > .page_sqpz >li{float:none;margin:0 auto;width:100%;height: 252px;}
	.pro_list_box > .page_sqpz > .litxt{width:432px;height:103px;}
	.pro_list_box > .page_sqpz > li > div > h2{width:126px;}
	.clients-list ul>li {margin:0;}
	.clients-list-box>li{width:50%;}
	.clients-list ul > li >.clients-list-box>li img{max-width:195px;width:100%;display:block;margin:0 auto;}
	.img-list{max-width:511px; margin:0 auto;}
	.clients-list>.hd{display:none;}
	.tempWrap{max-width:568px!important;width:100%;margin:0 auto;}
}
@media screen and (max-width:480px) and (min-width:320px){
	.pro_nav a{margin: 0 11px;}
	.pro_box ul li{width:50%;height:350px;}
	.pro_list>.pro_list_con>li{width:45%;height:310px;margin-left: 3%;}
	.about_r{width:97%;max-width:310px;}
	.about_r ul li{margin-left:0;}
	.next{left:87%;}
	.safe-list > ul > li{float:none; width:236px;margin:0 auto;}
	.safe-list > ul > li > .imgholder{width:100%;}
	.safe-list > ul > li > .imgholder li{margin:0 auto;}
	.img-list > li{float:none; margin:0 auto;width:100%;}
	.img-list > li > ul.img-small > li{width:49.5%;}
	.img-list > li > ul.img-small > li>img{width:100%;}
	.img-list > li.aqywd{width:100%;}
	.detail-left{width:100%;}
	.detail-right{width:100%;}
	.pro_list_box .detial-top{float:none;height:auto;}
	.pro_list_box .detail-btm{float:none; height:auto;}
	.certificate-list{width:100%;max-width:284px;margin:0 auto;}
	.certificate-list li{max-width:140px; width:49%;margin-right:0px;}
	.detail-right ul.hbjk li{float:none; margin:0 auto;}
	.pro_list_box > div{width:100%;height:auto;}
	.pro_list_box > div > p{padding:0;}
	.pro_list_box > div img{width:100%;display:block;margin:0 auto;}
	.pro_list_box > .img-list > li{float:none;margin:0 auto;}
	.clients-list ul>li {margin:0;}
	.pro_list_box > div >.page_addr_con{padding-left:55px;}
	.pro_list_box > ul > li{width:260px;height:128px; float:none; margin:0 auto;}
	.pro_list_box > ul > .litxt{width:182px;height:116px;}
	.pro_list_box > ul > li > div{width:50%;border:0;}
	.pro_list_box > ul > li > div > h2{width:62px;font-size:8pt;height:63px;}
    .pro_list_box > ul > li > div > h2 img{max-width:126px;width:100%;}
	.pro_list_box > .page_rlzy > .litxt{height:200px;}
	.pro_list_box > .page_sqpz > .litxt{height:286px;}
	.zyycx .img-list > li{max-width:254px;}
	.clients-list-box>li{width:50%;}
	.clients-list ul > li >.clients-list-box>li img{max-width:195px;width:100%;}
	.clients-list>.hd{display:none;}
	.tempWrap{width:285px!important;margin:0 auto;}
	
	}