.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:33px;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 .messcom{margin-top:40px;}
.wrappage .pageright .pagecomtit .clutit{color:#fff;display:inline-block;background:#008cd9;width:auto;height:30px;line-height:30px;padding:0 10px;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 .procom{width:100%;}
.wrappage .pageright .procom h1{font-size:22px;display:inline-block;*display:inline;*zoom:1;margin:0 auto;font-weight:bold;color:#222;border-bottom:1px solid #e7e7e7;padding:15px 0;}
.wrappage .pageright .procom p{padding:15px 0;}
.wrappage .pageright .procom p>span{display:inline-block;font-size:14px;margin-right:20px;}
.wrappage .pageright .procom .telph{border-top:1px solid #e7e7e7;padding:10px 0;border-bottom:1px solid #e7e7e7;display:inline-block;*display:inline;*zoom:1;}
.wrappage .pageright .procom .telph span{display:inline-block;margin-right:20px;font-size:20px;font-weight:bold;color:#e6212a;}
.wrappage .pageright .procom .telph span a{display:block;padding:10px 15px;line-height:25px;color:#fff;font-size:18px;background:#e6212a;}

.wrappage .pageright .comtittop{margin:30px 0 25px 0;}


/*本页面留言部分*/
.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 .meagetext{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 .tactmess{width:100%;} 
.wrappage .pageright .tactmess .pagecont{width:35%;margin-right:4%;float:left;padding:20px 0;line-height:1.5;color:#333;font-size:16px;text-align:justify;text-justify:inter-ideograph;}
.wrappage .pageright .tactmess .pagecont .clutit{color:#444;display:inline-block;width:235px;height:30px;line-height:30px;font-size:18px;text-align:center;font-weight:bold;}
.wrappage .pageright .tactmess .pagecont p{margin:10px 0 0 0;}
.wrappage .pageright .tactmess .pagecont img{width:360px;border:1px solid #ccc;margin:10px auto;}
.wrappage .pageright .tactmess .pagecont p b.tact1{background:url(../images/position.png) no-repeat;font-weight:normal;color:#444;margin-bottom:4px;display:block;
    line-height:24px;font-size:15px;padding: 0 0 0 25px;
}
.wrappage .pageright .tactmess .pagecont p b.tact2{background:url(../images/phone.png) no-repeat;font-weight:normal;color:#444;margin-bottom:4px;display:block;
    line-height:24px;font-size:15px;padding: 0 0 0 25px;
}
.wrappage .pageright .tactmess .pagecont p b.tact3{background:url(../images/web.png) no-repeat;font-weight:normal;color:#444;margin-bottom:4px;display:block;
    line-height:24px;font-size:15px;padding: 0 0 0 25px;
}
.wrappage .pageright .tactmess .pagecont p b.tact4{background:url(../images/eamil.png) no-repeat;font-weight:normal;color:#444;margin-bottom:4px;display:block;
    line-height:24px;font-size:15px;padding: 0 0 0 25px;
}

.wrappage .pageright .tactmess .procom{width:60%;padding:20px 0;float:left;}
.wrappage .pageright .tactmess .procom .clutit{color:#444;display:inline-block;height:30px;line-height:30px;font-size:18px;text-align:center;font-weight:bold;}
.wrappage .pageright .tactmess .procom form{width:100%;}
.wrappage .pageright .tactmess .procom table{width:100%;}
.wrappage .pageright .tactmess .procom table td{padding:8px;}
.wrappage .pageright .tactmess .procom table td input{outline:none;padding:5px;height:30px;width:320px;border:1px solid #a7a7a7;}
.wrappage .pageright .tactmess .procom table td .meagetext{padding:5px;outline:none;width:450px;border:1px solid #a7a7a7;height:125px;}
.wrappage .pageright .tactmess .procom table td .vdcode{outline:none;padding:5px;height:22px;width:100px;border:1px solid #a7a7a7;float:left;}
.wrappage .pageright .tactmess .procom table td .vdcodeimg{padding-top:6px;display:block;height:22px;float:left;padding-left:8px;}
.wrappage .pageright .tactmess .procom table td .vdcodeimg img{cursor:pointer;}
.wrappage .pageright .tactmess .procom table td .mesbut{background:#008cd9;padding:0;width:15%;height:32px;color:#fff;line-height:32px;cursor:pointer;font-weight:bold;font-size:18px;}
.wrappage .pageright .tactmess .procom table tr:last-child{text-align:center;}

/*********联系我们页面***********/

/*********关于我们***********/
.wrappage .pageright .pageabout{border:none;margin:0 auto;}
.wrappage .pageright .pageabout .aboutus{color:#008cd9;text-align:left;background:none;}
/* .wrappage .pageright .pagecont p{text-indent:32px;text-align:justify;font-size:16px;margin:10px 0 5px;color:#666;line-height:24px;} */
.wrappage .pageright .pagecont p{font-size:16px;margin:10px 0 5px;color:#666;line-height:24px;}

/*********关于我们***********/
.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: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 h1{font-size:20px;}
	.wrappage .pageright .procom .telph span a{display:block;padding:8px 10px;line-height:25px;color:#fff;font-size:18px;background:#e6212a;}
	
	
	/**本页面留言部分*/
	.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 .tactmess .pagecont{width:100%;margin:0;}
	.wrappage .pageright .tactmess .pagecont img{width:auto;}
	.wrappage .pageright .tactmess .procom{display:none !important;}
	
	/*本页面留言部分*/
	.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;}
}