@charset "utf-8";


/* CSS Document */


html{}


body{}


.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}


a{text-decoration:none; color:#666;}


.header{max-height:200px; overflow:hidden;}


.header .logoImg img{float:left;     }

.header .hdTxt{float:right; margin-top:3.4%; margin-right:2%; width:36%; text-align:left;}

.header .hdTxt h2{color:#f75d02; font-size:1.0em; margin-bottom:0.2em;font-weight:normal;}

.header .hdTxt h2 span{color:#757575;font-size:0.9em;font-weight:normal;}

.header .hdTxt a{padding-left:1.117em; color:#333333; font-size:1.2em; background:url(../images/hdPhone_ico.png) no-repeat left center; background-size:0.976em; font-family:arial;}





.nav{}


.nav ul{overflow:hidden;}


.nav li{float:left; width:25%; text-align:center;}


.nav li a{display:block; padding:15% 0px;  font-size:1.167em; color:#000; border-top:1px solid white;border-bottom:1px solid white; position:relative; background-color:#e0e0e0;}


.nav li a:after{content:''; position:absolute; top:0; right:-1px; z-index:9; height:100%; width:0px;  border-left:1px solid white;}





.bannerBox img{width:100%; display: block;}


.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }


	.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }


	.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }


	.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }


	.focus .hd ul .on{ background:#f9912d;  }


	.focus .bd{ position:relative; z-index:0; }


	.focus .bd li img{ width:100%;  }


	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }


.flBox{overflow:hidden; padding-top:0.8em;padding-bottom:0.8em;}


.flBox li{float:left; margin-bottom:0.6em; width:32%; text-align:left;padding-left:0.1em;line-height:2.0em;text-align:left;color:#e77918;}

.flBox li a{font-size:0.8em;}


.flBox li:nth-child(3n){border-right:none;}


.flBox li img{width:11.4em;}


.flBox li h5{margin-top:0.4em; font-weight:normal; font-size:1em;}


.flBox li h5 a{color:#333;}




.form-wrapper {
    background-color: #fff;
    overflow: hidden;
    padding: 1.6em 3% 0.4em;
    width: 94%;
	margin-bottom:0.5em;
}
.form-wrapper #search {
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    float: left;
    font: bold 16px "lucida sans","trebuchet MS","Tahoma";
    height: 2.5rem;
    padding: 0 1%;
    width: 80%;
}
.form-wrapper #search:focus {
    border-color: #aaa;
    box-shadow: 0 1px 1px #bbb inset;
    outline: 0 none;
}
.form-wrapper #search:-moz-placeholder {
    color: #c8ae8b;
    font-weight: normal;
}
.form-wrapper #submit {
    background-color: #df7115;
    background-image: linear-gradient(-45deg, #df7115 0%, #df7115 50%, #df7115 100%);
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
    color: #ffffff;
    cursor: pointer;
    float: right;
    height: 2.75rem;
    padding: 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    width: 17%;
}
.form-wrapper #submit:active {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
    outline: 0 none;
}
.form-wrapper #submit::-moz-focus-inner {
    border: 0 none;
}





.tabTitEr{background-color:#353537;}


.tabTitEr:after{content:''; display:block; width:0; height:0; clear:both;}


.tabTitEr li{position:relative; float:left; padding:1.083em 0 1.083em 5%; width:45%; font-weight:bold; text-align:center; font-size:1.167em; color:#fff;}


.tabTitEr li:after{content:''; position:absolute; bottom:-1em; left:50%; margin-left:-0.5em; width:0; height:0; border:0.5em solid transparent; border-top-color:#f35502; display:none;}


.tabTitEr li.on{background-color:#e77918;}


.tabTitEr li.on:after{display:block;}



.cpBoxz p{padding-top:1.2em;padding-botttom:1.2em;}


.cpBoxz p img{width:100%;}


.cpBoxzjm p {padding-top:1.2em;}

.cpBoxzjm p img{width:100%;}


.cpBoxzjmtit p {padding-top:1.2em;}

.cpBoxzjmtit p img{width:100%;}


.cpBoxzjmbot p {padding-top:0.5em;padding-bottom:1.5em;}

.cpBoxzjmbot p img{width:100%;}


.cpBoxzjm50 p {padding-top:0.5em;padding-bottom:1.5em;}

.cpBoxzjm50 p img{width:100%;}


.flBoxjm{overflow:hidden; padding-top:1.833em;padding-left:0.8em;}

.flBoxjm li{float:left; margin-bottom:0.6em; width:48.6%; text-align:center;}

.flBoxjm li:nth-child(3n){border-right:none;}

.flBoxjm li img{width:11.8em;}

.flBoxjm li h5{margin-top:0.4em; font-weight:normal; font-size:1em;}

.flBoxjm li h5 a{color:#333;}

.cpBoxzz p{height:3.5em;}

.cpBoxzz p img{width:100%;}


.cpBox .cpCont{overflow:hidden; padding-top:2em;}


.cpBox .cpCont li{float:left; margin-bottom:1.583em; width:50%; text-align:center;}


.cpBox .cpCont li img{width:12.083em; height:10.250em; border:1px solid #e2e2e2;}


.cpBox .cpCont li h5{margin-top:1em; font-weight:normal; font-size:1.083em;}


.cpBox .cpCont li h5 a{color:#333;}





.phones{padding:1.250em 0; display: block; text-align: center; color:#fff;


background-color:#303030; 


background-image:-moz-linear-gradient(top , #303030 , #303030);


background-image:-webkit-linear-gradient(top , #303030 , #303030);


background-image:-o-linear-gradient(top , #303030 , #303030);


background-image:-ms-linear-gradient(top , #303030 , #303030);


background-image:linear-gradient(top , #303030 , #303030);}


.phones span{font-size:1.2em; position: relative; top:-0.1em; padding-left:2em; background:url(../images/hdPhone_ico.png) no-repeat left center; background-size:1.2em auto;}


.phones em{font-size:1.500em; font-family:LiHei Pro , arial;}





.contTit{padding:1.0em 0; font-weight:bold; font-size:1.0em; background:url(../images/abttit.png) no-repeat left top;}


.contTit a{display: block; color:#fff; padding-left:3.0em;  background-size:1.2em auto;}

.contTit a img{width:100%;}


.bxgs{text-align: center;padding-top:1.8em;}

.bxgs  img{width:90%;}

.jmhot{text-align: center;padding-top:0.5em;padding-bottom:1.5em;}

.jmhot  img{width:90%;}


.infoBox dl{padding:1em 0;}


.infoBox dl dt{text-align: center;}


.infoBox dl dt img{width:90%;}


.infoBox dl dd{margin:0 5%;}


.infoBox dl dd h5{padding:0.5em 0; font-size:1.250em; font-weight: normal;}


.infoBox dl dd h5 a{color:#333;}


.infoBox dl dd p{color:#666;}

.infoBox dl dd p img{width:100%;}


.infoBox dl dd .btnMore{display: block; margin:1em 34%; text-align: center; padding:0.5em 0; font-size:1.167em; color:#fff; background-color:#f9912d; border-radius:0.2em;}



.toTop{padding-top:1.2em;font-size:1.2em; display: block; text-align: center; color:#fff; background:url(../images/toTop_icoo.png) no-repeat left center;background-size:100% 100%;}


.footer{background-color:#ffffff;}


.fotNav{overflow:hidden;}


.fotNav li{float:left; width:25%; text-align:center;}


.fotNav li a{display:block; padding:15% 0px;  font-size:0.8em; color:#4a4a4a;position:relative;


}


.fotNav li a:after{content:''; position:absolute; top:50%; right:-1px; z-index:9; margin-top:-10%; height:40%; width:0px;  border-left:1px solid #d6d6d6;}


.fotTxt{padding:1em 0 2em 0; color:#4a4a4a; text-align: center; font-size:1em;}


.flBoxfoot{overflow:hidden;margin:0px auto;text-align:center;}

.flBoxfoot li{float:left;width:33.1%; text-align:center; border-right:1px solid #35488c;}

.flBoxfoot li:nth-child(3n){border-right:none;}

.flBoxfoot li img{width:8.2em;}

.flBoxfoot li h5{margin-top:0.4em; font-weight:normal; font-size:1em;}

.flBoxfoot li h5 a{color:#333;}



.scsylist dl{padding:1em 0;}

.scsylist dl dt{text-align: center;float:left;width:10em;}

.scsylist dl dt img{width:90%;}

.scsylist dl dd{float:left;width:15em;margin-left:0.4em;}

.scsylist dl dd h5{font-size:1.1em; font-weight: normal;}

.scsylist dl dd h5 a{color:#333;}

.scsylist dl dd p{color:#666;font-size:1.1em;}

.scsylist dl dd p a{font-size:0.8em;}





@media screen and (min-width:320px) {


	body{font-size:75%;}


}


@media screen and (min-width:480px) {


	body{font-size:87.5%;}


}


@media screen and (min-width:540px) {


	body{font-size:112.5%;}


}


@media screen and (min-width:550px) {


	body{font-size:125%;}


}


@media screen and (min-width:640px) {


	body{font-size:150%;}


}





.dtBox li {
    background:url("../images/dtLiIco.png") no-repeat scroll left center;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    margin: 0 14px;
    overflow: hidden;
    padding-left: 14px;
	text-align:left;
}
.dtBox li a {
    color: #666;
}





.binPlus{position:fixed; left:10px; bottom:10px; z-index:9999;}


.binPlus .bpBtn{position:relative; width:50px; height:50px; background:url(../images/logo.png) no-repeat;  }





.binPlus .circle{position:absolute; left:30px; bottom:30px; width:160px; height:160px; transition: all .2s;}


.binPlus .circle a{position:absolute; display:block; width:60px; height:60px; line-height:80px; text-align:center; border-radius:100%; background-color:#333; background-image:url(../images/binPlusItem.png); background-repeat:no-repeat; text-indent:-99em;}


.binPlus .circle .cir01{left:-36px; bottom:40px; background-position:left top;}


.binPlus .circle .cir02{left:30px; bottom:30px; background-position:left -60px;}


.binPlus .circle .cir03{left:40px; bottom:-36px; background-position:left -120px;}





.binPlus .circle.hide{opacity:0; -webkit-transform:translate(-100px,100px) scale(0.2); pointer-events:none;}


.binPlus .circle.show{opacity:1; -webkit-transform:translate(-0px,0px) scale(1); pointer-events:auto;}