.wrappage{width:100%;margin:10px auto 30px;}
.wrappage .pageleft{width:240px;float:left;}
.wrappage .pageleft .pagephone{width:240px;height:auto;background:#fafafa;}
.wrappage .pageleft .pagephone .phonecon{display:block;width:240px;height:50px;color:#fff;
    font-size:22px;padding:0 0 0 35px;line-height:50px;background:#008cd9 url(../images/telephone.jpg) 40px center no-repeat;
}
.wrappage .pageleft .pagephone .phoneimg{width:240px;height:210px;}
.wrappage .pageleft .pagephone .phoneimg img{width:220px;height:197px;display:block;margin:10px auto;}
.wrappage .pageleft .pagephone .serphone{display:block;width:240px;height:30px;color:#818181;
    font-size:20px;padding:0 0 0 30px;line-height:30px;
    background:#fff url(../images/serphone.jpg) 8px center no-repeat;
}
.wrappage .pageleft .pagephone .phonenum{display:block;width:240px;height:70px;color:#e6212a;font-size:32px;line-height:65px;text-align:center;font-weight:bold;}

.wrappage .pageleft .certif{width:240px;height:100px;background:#1d60d3;color:#fff;text-align:center;padding:20px 0;}
.wrappage .pageleft span{display:block;font-size:22px;text-align:center;}
.wrappage .pageleft i{text-transform:uppercase;display:block;font-style:normal;font-size:16px;text-align:center;}
.wrappage .pageleft .certimenu{overflow:hidden;}
.wrappage .pageleft .certimenu li{width:240px;height:36px;float:left;line-height:36px;font-size:14px;font-weight:normal;
    margin:0px 0 5px 0px;overflow:hidden;background:url(../images/listh3.jpg) 12px 13px no-repeat rgb(253, 241, 236);
    padding:0px 0px 0px 26px;
}
.wrappage .pageleft .certimenu li a{display:block;width:100%;background:#fdf1ec;}


.wrappage .pageright{width:925px;float:right;}
.wrappage .pageright .pagecomtit{overflow:hidden;height:40px;line-height:40px;margin-top:5px;border-bottom:1px solid #dfdfdf;}
.wrappage .pageright .pagecomtit .clutit{color:#fff;display:inline-block;background:#008cd9;height:30px;padding:0 10px;line-height:30px;font-size:18px;text-align:center;font-weight:bold;}
.wrappage .pageright .pagecomtit .cluadd{float:right;padding-right:15px;}
.wrappage .pageright .pagecomtit .cluadd em{color:#333;font-size:14px;}
.wrappage .pageright .pagecomtit .cluadd a{color:#333;font-size:14px;}

.wrappage .pageright .projectli{width:100%;height:auto;margin:20px auto;}
.wrappage .pageright .projectli .prode{width:90%;padding:10px;margin-right:20px;margin-bottom:20px;border:1px solid #E7E7E7;border-radius:5px;margin:0 0 10px;}
.wrappage .pageright .projectli .prode a{display:block;}
.wrappage .pageright .projectli .prode a span{display:block;font-size:16px;font-weight:bolder;width:100%;height:25px;line-height:25px;color:#0d3d8f;}
.wrappage .pageright .projectli .prode a .prodecon{text-align:justify;font-size:14px;margin:10px 0 5px;color:#666;line-height:24px;}
.wrappage .pageright .projectli .prode a .prodecon h5{font-weight:normal;font-size:14px;width:235px;color:#0d3d8f;margin-top:5px;}
.wrappage .pageright .projectli .prode a .prodecon h5 i{font-weight:normal;font-style:normal;font-size:14px;color:#0d3d8f;margin:5px 30px 0 0;}

.wrappage .pageright .current{padding-top:10px;text-align:center;}
.wrappage .pageright .current ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.wrappage .pageright .current ul li{margin:0 3px;display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.wrappage .pageright .current ul li.on{background:#0055b8;color:#fff;}
.wrappage .pageright .current ul li.on a{color:#fff;}
.wrappage .pageright .current ul li a{color:#333;font-size:14px;padding:4px 8px;line-height:18px;display: block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}


/*本页面留言部分*/
.wrappage .pageright .procom form{margin:20px;}
.wrappage .pageright .procom table{width:800px;}
.wrappage .pageright .procom table td{padding:5px;}
.wrappage .pageright .procom table td.tdtit{width:80px;}
.wrappage .pageright .procom table td.tdtit span{display:block;width:80px;}
.wrappage .pageright .procom table td input{outline:none;padding:5px;height:30px;width:320px;border:1px solid #a7a7a7;}
.wrappage .pageright .procom table td .messtext{padding:5px;outline:none;width:450px;border:1px solid #a7a7a7;height:125px;}
.wrappage .pageright .procom table td .vdcode{outline:none;padding:5px;height:30px;width:100px;border:1px solid #a7a7a7;float:left;}
.wrappage .pageright .procom table td .vdcodeimg{padding-top:6px;display:block;width:120px;height:30px;float:left;margin-left:10px;}
.wrappage .pageright .procom table td .vdcodeimg img{cursor:pointer;}
.wrappage .pageright .procom table tr .subtn{width:100%;text-align:center;}
.wrappage .pageright .procom table td .mesbut{background:#008cd9;display:block;padding:0;width:120px;height:32px;margin:0 auto;color:#fff;line-height:32px;cursor:pointer;font-weight:bold;font-size:18px;}
.wrappage .pageright .procom table tr:last-child{text-align:center;}
/*本页面留言部分*/





.wrappage .pageright .comtittop{margin:30px 0 0 0;}
.wrappage .pageright .pagecont{width:100%;padding:30px 0;line-height:1.5;color:#333;font-size:16px;text-align:justify;text-justify:inter-ideograph;}
.wrappage .pageright .pageind{width:100%;}
.wrappage .pageright .pageind .pageindtest{margin:0 0 5px 0;}
.wrappage .pageright .pageind li{width:231px;height:36px;float:left;line-height:33px;font-size:14px;font-weight:normal;margin:0px 0 5px 5px;
    overflow:hidden; background:url(../images/listh3.jpg) 12px 13px no-repeat rgb(253, 241, 236);padding:0px 0px 0px 26px;
}
.wrappage .pageright .pagenews{width:100%;}
.wrappage .pageright .pagenews .pageindcom{width:100%;}
.wrappage .pageright .pagenews .pageindcom li{width:50%;float:left;overflow:hidden;border-bottom:1px dashed #d7d7d7;}
.wrappage .pageright .pagenews .pageindcom li span{display:block;float:right;padding-left:10px;height:32px;font-size:12px;line-height:32px;}
.wrappage .pageright .pagenews .pageindcom li a{color:#646464;height:32px;font:14px/29px "微软雅黑";padding:0 0 0 14px;display:block;background:url(../images/dd.jpg) no-repeat left center;}




@media (min-width:320px) and (max-width:640px){
	.wrap-header{display:none;}
	.bgnav{display:none;}
	.mhead{display:block;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;}
	.mhead .mlogo{padding-top:10px;padding-left:5%;float:left;}
	.mhead .mlogo img{height:42px;}
	.mhead .mnav{padding-right:5%;padding-top:19px;float:right;}
	.mhead .mnav a img{height:25px;vertical-align:top;}
	.mpenu{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000;}
	.mpenu .mwrap1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1;}
	.mpenu .mwrap2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
	.mpenu .mwrap3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height: 100%;z-index: 100;right: -80%;}
	.mpenu .mwrap3 ul{padding-left:5%;padding-right:5%;}
	.mpenu .mwrap3 ul li{border-bottom:1px solid #232530;}
	.mpenu .mwrap3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px;}
	.mpenu .mwrap3 ul li .mtit2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.mpenu .mwrap3 ul li .mtit2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.mpenu .mwrap3 ul li .mpenu2{display:none}
	.mpenu .mwrap3 ul li .mpenu2 a{height:40px;line-height:40px;font-size:14px}	
	
}



@media (min-width:320px) and (max-width:399px){
	.wrappage .pageright .pageind li{width:100% !important;margin:0 auto 5px;}
	.wrappage .pageright .pagenews .pageindcom li{width:100%;float:none;}
	.wrappage .pageright .procom table td.tdtit span{width:56px;font-size:14px;}
}

@media (min-width:400px) and (max-width:640px){
	.wrappage .pageright .pageind li{width:48% !important;}
	.wrappage .pageright .pagenews .pageindcom li{width:100%;float:none;}
	
	/**本页面留言部分*/
	.wrappage .pageright .procom table{width:100% !important;margin:0 auto;}
	.wrappage .pageright .procom table tr{width:100%;display:block;}
	.wrappage .pageright .procom table td{width:80%;font-size:14px;padding:5px;}
	.wrappage .pageright .procom table td.tdtit{width:80px;}
	.wrappage .pageright .procom table td.tdtit span{width:56px;}
	.wrappage .pageright .procom table td input{width:100%;}
	.wrappage .pageright .procom table td .meagetext{width:100%;}
	/**本页面留言部分*/
}

@media (min-width:641px) and (max-width:950px){
	.wrappage .pageright .pageind li{width:32% !important;}
	
}

@media (min-width:320px) and (max-width:950px){
	.wrap-header{display:none;}
	.bgnav{display:none;}
	.mhead{display:block;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;}
	.mhead .mlogo{padding-top:10px;padding-left:5%;float:left;}
	.mhead .mlogo img{height:42px;}
	.mhead .mnav{padding-right:5%;padding-top:16px;float:right;}
	.mhead .mnav a img{height:30px;vertical-align:top;}
	.mpenu{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000;}
	.mpenu .mwrap1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1;}
	.mpenu .mwrap2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
	.mpenu .mwrap3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height: 100%;z-index: 100;right: -80%;}
	.mpenu .mwrap3 ul{padding-left:5%;padding-right:5%;}
	.mpenu .mwrap3 ul li{border-bottom:1px solid #232530;}
	.mpenu .mwrap3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px;}
	.mpenu .mwrap3 ul li .mtit2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.mpenu .mwrap3 ul li .mtit2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.mpenu .mwrap3 ul li .mpenu2{display:none}
	.mpenu .mwrap3 ul li .mpenu2 a{height:40px;line-height:40px;font-size:14px}
	
	.wrappage .pageright .current ul li{margin:3px;}

	.wrappage .pageleft{display:none;}
	.wrappage .pageright{width:95%;float:none;margin:0 auto;}
	.wrappage .pageright .projectli .prode{width:100%;}
	.wrappage .pageright .pageind li{width:231px;height:36px;}
	
}

@media(min-width:951px) and (max-width:999px){
	.container{width:95%;margin:0 auto;}
	.wraplay{width:95%;margin:0 auto;}
	.conlogo{width:50%;float:left;}
	.conlogotel{width:50%;float:left;}
	.citnav{display:none;}
	.mhead{display:none;}
	.mpenu{display:none;}	
	.bgnav .navpills li .subnav{margin-left:-365px;}
	.bgnav .navpills li .auth{margin-left:-272px;}
	.bgnav .navpills li .subnews{margin-left:-5px;}
	.bgnav .navpills li a{padding: 0 14px;font-size:16px;}
	.bgnav .navpills li .subser{width:730px;margin-left:-180px;border-top: 1px solid #f3f3f3;z-index:999999;}
	.bgnav .navpills li .subnav ul li.subzone{width:430px;padding:0 0 10px;}
	.bgnav .navpills li .subnav ul li.subzone > i{width:50%;}
	
	.wrappage .pageleft{min-width:200px;max-width:20%;}
	.wrappage .pageleft .pagephone{width:100%;}
	.wrappage .pageleft .pagephone .phonecon{width:100%;}
	.wrappage .pageleft .pagephone .phoneimg{width:100%;}
	.wrappage .pageleft .pagephone .serphone{width:100%;padding:0;background:none;}
	.wrappage .pageleft .pagephone .phonenum{width:100%;font-size:28px;}
	.wrappage .pageleft .certif{width:100%}
	.wrappage .pageleft .certimenu li{width:100%;}
	
	.wrappage .pageright{width:77%;}
	.wrappage .pageright .projectli .prode{width:100%;}
	.wrappage .pageright .pageind li{width:226px;}
}

@media(min-width:1000px) and (max-width:1100px){
	.container{width:95%;margin:0 auto;}
	.conlogo{width:33.333333%;float:left;}
	.conlogotel{width:33.333333%;float:left;}
	.citnav{width:33.333333%;float:left;}
	.mhead{display:none;}
	.mpenu{display:none;}
	.bgnav .navpills li .subser{width:950px;}
	.bgnav .navpills li .subnav ul{padding:5px 10px 15px;overflow:hidden;}
	.bgnav .navpills li .subnav ul li.subnavli{width:200px;margin-right:10px;}
	.bgnav .navpills li .subnav ul li.subnavli > i.subnavtit{float:left;width:100%;}
	.bgnav .navpills li .subnav ul li.subzone{width:710px;}
	.bgnav .navpills li .subnav ul li.subzone > i{float:left;width:177px;margin-top:5px;height:26px;font-style:normal;}

	.wrappage .pageleft{min-width:230px;max-width:24%;}
	.wrappage .pageleft .pagephone{width:100%;}
	.wrappage .pageleft .pagephone .phonecon{width:100%;}
	.wrappage .pageleft .pagephone .phoneimg{width:100%;height:205px;}
	.wrappage .pageleft .pagephone .serphone{width:100%;}
	.wrappage .pageleft .pagephone .phonenum{width:100%;}
	.wrappage .pageleft .certif{width:100%}
	.wrappage .pageleft .certimenu li{width:100%;}
	
	.wrappage .pageright{width:75%;}
	.wrappage .pageright .projectli .prode{width:100%;}
	
}

@media(min-width:1101px) and (max-width:1200px){
	.container{width:95%;margin:0 auto;}
	.conlogo{width:33.333333%;float:left;}
	.conlogotel{width:33.333333%;float:left;}
	.citnav{width:33.333333%;float:left;}
	.mhead{display:none;}
	.mpenu{display:none;}
	.bgnav .navpills li .subser{width:860px;}
	.bgnav .navpills li .subnav ul{padding:5px 10px 15px;overflow:hidden;}
	.bgnav .navpills li .subnav ul li.subnavli{width:200px;margin-right:10px;}
	.bgnav .navpills li .subnav ul li.subnavli > i.subnavtit{float:left;width:100%;}
	.bgnav .navpills li .subnav ul li.subzone{width:710px;}
	.bgnav .navpills li .subnav ul li.subzone > i{float:left;width:177px;margin-top:5px;height:26px;font-style:normal;}
	
	.wrappage .pageleft{min-width:240px;max-width:24%;}
	.wrappage .pageright{width:76%;}
	.wrappage .pageright .projectli .prode{width:95%;}
}


@media(max-width:1200px){
	/*本页面留言部分*/
	.wrappage .pageright .procom table{width:100% !important;margin:0 auto;}
	.wrappage .pageright .procom table tr{width:100%;display:block;}
	.wrappage .pageright .procom table td{width:90%;}
	.wrappage .pageright .procom table td.tdtit{width:80px;}
	.wrappage .pageright .procom table td input{width:100%;}
	.wrappage .pageright .procom table td .meagetext{width:100%;}
	.wrappage .pageright .procom table tr.subtn td{width:120px;display:block;margin:0 auto;}
	.wrappage .pageright .procom table td .mesbut{width:120px;height:32px;margin:0 auto;line-height:30px;}
	/*本页面留言部分*/
}

@media(min-width:1201px){
	.container{width:1200px;margin:0 auto;}
	.conlogo{width:35%;float:left;}
	.conlogotel{width:30%;float:left;}
	.citnav{width:35%;float:left;}
	.mhead{display:none;}
	.mpenu{display:none;}
	
	.wrappage .pageright .pageind li{width: 211px;}
}