@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}

a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
figure{margin:0}img{vertical-align:middle}

/*title*/
.title{height:100px; text-align:center;     background: #f9f9f9;) center 54px no-repeat;padding:20px 0;}
.title strong{ display:block; height:35px; line-height:35px; font-weight:400;color:#ff7852; font-size:20px;font-weight: 600;}
.title span{ display:block;height:25px; line-height:25px; font-size:12px; font-weight:400;margin: 0px 20px 100px 20px;}
/*pro-ser*/
.pro-ser dl{ float:left;width:354px; height:227px;border:#d9d9d9 1px solid; text-align:center;padding:15px;margin:0 63px 40px 0;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;}
.pro-ser dl.ps3{margin-right:0;}
.pro-ser dl.ps6{margin-right:0;}
.pro-ser dl.ps1 dt{ background:url(../images/rj_1.png) center bottom no-repeat;}
.pro-ser dl.ps2 dt{ background:url(../images/rj_2.png) center bottom no-repeat;}
.pro-ser dl.ps3 dt{ background:url(../images/rj_3.png) center bottom no-repeat;}
.pro-ser dl.ps4 dt{ background:url(../images/rj_4.png) center bottom no-repeat;}

.pro-ser dl:hover{ background:#3c977a;color:#fff;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;}
.pro-ser dl:hover dd{color:#fff;}
.pro-ser dl.ps1:hover dt{ background:url(../images/rj_11.png) center bottom no-repeat;}
.pro-ser dl.ps2:hover dt{ background:url(../images/rj_22.png) center bottom no-repeat;}
.pro-ser dl.ps3:hover dt{ background:url(../images/rj_33.png) center bottom no-repeat;}
.pro-ser dl.ps4:hover dt{ background:url(../images/rj_44.png) center bottom no-repeat;}

.pro-ser dt{height:100px;}
.pro-ser .psName{ font-size:18px; height:30px; line-height:30px; font-weight:bold;color:#828282;}
.pro-ser dd{ line-height:22px;color:#828282;}


/*此样式在窗口小于1200px的时候生效*/
@media screen and (max-width: 1200px) {/*1280*600*/
.width1200{width:100%;    background: #f9f9f9;}

.navOpen{ display:block;}
.nav{ display:none;float:none;}

.psList{width:33.33%; float:left;padding:4px;}
.pro-ser dl{margin:0;width:100%; height:250px;}
.pro-ser dl.ps3,.pro-ser dl.ps6{margin:0}
.hengfu{height:179px; background-size:100%;}
.links li{width:16.66%;margin:0;border:0;padding:0 10px;margin:5px 0; text-align:center;}
.links li a{ display:block;width:100%;border:#D7D7D7 1px solid;}
.links li a:hover{border:#f00 1px solid;}
.links li:hover{ border:0;}
.inCaseList{float:left;width:25%;padding:5px;}
.inCase dl{width:100%;margin:0;}
.inCase dd{width:100%; }
.inCase dd a{width:100%;}
.Process dl{padding:10px;margin:0;}
.neiBan{ background-size:auto;}
.wzchyzz{ height:auto;}
.wzchLeft,.positions,.servLeft,.serRight,.services{ float:none;width:100%;text-align:center;padding:5px;margin:0;}
.title2{ font-size:18px;}
.caseList{width:33.33%; height:209px;padding:5px;margin:0;}
.caseList dl{width:100%; height:115px;padding:10px 15px; background:#fff;border:#f4f4f4 1px solid;}
.caseList dt,.caseList dd{ width:49%;}
.serLink a{ margin:10px auto; text-align:center}
.contactLeft,.contactMid,.contactRight{ width:20%;margin:0;padding:10px; font-size:14px;}
.contactRight{width:35%;}
.mapLeft,.map{ float:none;width:80%;margin:5px auto; text-align:center;}
.map iframe{width:100%;}
.messRight,.messLeft,.messText{ float:none;width:95%;margin:5px auto;padding:0;}
.messList,.messList .inputWidth1,.messList .inputWidth2,.messList .inputWidth3{width:100%;}
.messRight textarea{width:100%;}
.aboutLeft{width:60%;}
.aboutRight{width:40%;}
.case-1 dl{margin:10px 10%;}
}

/*此样式在窗口小于980px的时候生效*/
@media screen and (max-width: 980px) {/*980*1280*/

.footer{ display:none;}
.serRight h3{ font-size:18px; line-height:25px;}
.caseList{width:50%;}
.contactLeft,.contactMid,.contactRight{ width:99%;float:none;margin:10px auto;padding:10px; text-align:center;}
.case-1 dl{margin:10px 15%;}
}
/*此样式在窗口小于800px的时候生效*/
@media screen and (max-width: 800px) {/*800*1280*/
.inCase dl{width:272px;margin:10px auto; float:none;}
}

/*此样式在窗口小于768px的时候生效*/
@media screen and (max-width: 768px) {/*768*1024*/
.psList{width:50%; float:left;padding:10px;}
.inCaseList{width:50%;padding:5px;}
.pro-ser dl{ height:200px;}
.links li{width:33.33%;padding:0 5px;margin:5px 0;}
.inNew dl{ float:none;margin:10px auto;}
.Process dl{width:33.33%;}
.guanzhu,span.font14{ display:none;}
.aboutLeft,.aboutRight{ float:none;margin:5px auto;width:99%;}
.case-1 dl{margin:10px 13%;}
}
@media screen and (max-width: 480px) {
.Process dl{width:50%;}
.psList{width:100%; float:non;padding:10px;}
.inCaseList{width:100%;padding:10px;}
.caseList{width:100%;height:auto;}
.caseList dl{ height:auto;}
.nav.navToggle li a{ text-align:left;}
.case-1 dl{margin:10px 7%;}
}
/*此样式在窗口小于360px的时候生效*/
@media screen and (max-width: 360px) {/*320*640*/
.haderRight.fr{float:none;}
.phones{margin:0 5px 0 0;font-size:12px;}
.Process dl{width:50%;}
.case-1 dl{margin:10px 4%;}
}