@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;}*/

.logo { width: 70%; }
.header { max-height: 160px; overflow: hidden; }
.header .logoImg img { float: left; margin: 3.5% 0 3.5% 3%; width: 92%; }
.header .hdTxt { float: right; margin-top: 5.4%; margin-right: 2%; width: 56%; text-align: right; }
.header .hdTxt h2 { color: #333; font-size: 1.16em; }
.header .hdTxt a { padding-left: 1.117em; color: #ff7200; font-size: 1.1em; 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: #fff; border-top: 1px solid #0082e0; position: relative; background-color: #014a7f; }
.nav li a:after { content: ''; position: absolute; top: 0; right: -1px; z-index: 9; height: 100%; width: 0px; border-left: 1px solid #0082e0; }

.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: #014a7f; }
.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: 1.833em; }
.flBox li { float: left; margin-bottom: 1.833em; width: 24.6%; text-align: center; border-right: 1px solid #c4c4c4; }
.flBox li:nth-child(4n) { border-right: none; }
.flBox li img { width: 5.250em; }
.flBox li h5 { margin-top: 0.4em; font-weight: normal; font-size: 1em; }
.flBox li h5 a { color: #333; }

.tabTitEr { overflow: hidden; background-color: #014a7f; }
.tabTitEr li { float: left; padding: 1.083em 0 1.083em 5%; width: 45%; text-align: center; font-size: 1.167em; color: #fff; }
.tabTitEr li.on { font-weight: bold; background: #0082e0 url("../images/onTit_ico.png") no-repeat 18% center; background-size: 1em; }

.cpBox { margin-top: 0.417em; }
.cpBox .cpCont { overflow: hidden; padding-top: 1em; }
.cpBox .cpCont li { float: left; margin-bottom: 1.583em; width: 50%; text-align: center; }
.cpBox .cpCont li img { width: 11.333em; height: 9.333em; 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; }

.zsBox dl { padding: 1em 0; text-align: center; }
.zsBox dl dt img { width: 90%; border: 1px solid #dcdcdc; }
.zsBox dl dd h5 { padding: 0.5em; font-size: 1.250em; text-align: center; font-weight: normal; }
.zsBox dl dd h5 a { color: #333; }
.zsBox { margin-top: 0.417em; }
.zsBox .uls { overflow: hidden; padding-top: 1em; }
.zsBox .uls li { float: left; margin-bottom: 1.583em; width: 50%; text-align: center; }
.zsBox .uls li img { width: 11.333em; height: 9.333em; border: 1px solid #e2e2e2; }
.zsBox .uls li h5 { font-weight: normal; font-size: 1.083em; }
.zsBox .uls li h5 a { color: #333; }


.gyBox { }
.gyBox .tabTitEr li.on { background-color: #0082e0; }
.gyBox dl { padding: 1em 0; }
.gyBox dl dt { text-align: center; }
.gyBox dl dt img { width: 90%; border: 1px solid #dcdcdc; }
.gyBox dl dd h5 { padding: 0.5em; font-size: 1.250em; text-align: center; font-weight: normal; }
.gyBox dl dd h5 a { color: #333; }
.gyBox dl dd p { margin: 0 5%; color: #666; }
.gyBox dl dd .btnMore { display: block; margin: 1em 35%; padding: 0.3em 0; font-size: 1.167em; text-align: center; color: #fff; background-color: #014a7f; border-radius: 0.2em; }


.phones { padding: 1.250em 0; display: block; text-align: center; background: #bee4ff url("../images/phonesG.png") no-repeat 8% center; background-size: 1.583em auto; color: #333; }
.phones span { font-size: 1.2em; position: relative; top: -0.2em; }
.phones em { font-size: 1.500em; font-family: LiHei Pro, arial; }

.toTop { padding-top: 1.6em; padding-bottom: 0.6em; display: block; text-align: center; color: #fff; background: #014a7f url("../images/toTop_ico.png") no-repeat center top; background-size: 3.250em auto; }
.footer .phones { background: #014a7f url("../images/phonesW.png") no-repeat 8% center; color: #fff; background-size: 1.583em auto; }
.fotNav { padding-top: 1.667em; overflow: hidden; }
.fotNav li { margin-bottom: 1.667em; }
.fotNav li { float: left; width: 25%; height: 1.250em; line-height: 1.250em; text-align: center; }
.fotNav li a { position: relative; display: block; font-size: 1.250em; color: #333; }
.fotNav li a:after { content: ''; position: absolute; top: 0px; right: -1px; z-index: 9; height: 100%; width: 1px; background-color: #333; }
.fotTxt { padding: 1em 0 2em 0; color: #999; text-align: center; font-size: 1em; }


/*@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%;}
}*/

.binPlus { position: fixed; left: 10px; bottom: 10px; z-index: 9999; }
.binPlus .bpBtn { position: relative; width: 50px; height: 50px; background: url("../images/logo-1.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: 45px; height: 45px; 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: 55px; background-position: left top; }
.binPlus .circle .cir02 { left: 15px; bottom: 45px; background-position: left -45px; }
.binPlus .circle .cir03 { left: 55px; bottom: 10px; background-position: left -90px; }
.binPlus .circle .cir04 { left: 50px; bottom: -40px; background-position: left -135px; }

.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; }



.about_bj { /*margin-top: 100px; background: url("/images/beij.jpg") center 0 no-repeat; padding: 50px 0px; overflow: hidden;*/ }
.about_m { /*height: 620px; overflow: hidden; background: #fff; background: url("/images/xian_111.png") center 0 no-repeat; width: 1200px;*/ margin: 0 auto; }
.about_m img { width: 95%; margin: 0 auto; }
.about_left { /*width: 525px; margin-top: 50px; margin-left: 50px;*/ }
.about_right { margin: 50px 0px; float: right; width: 538px; }
.about_00000 { margin-bottom: 20px; margin-top: 20px; /*padding: 30px 40px;*/ text-align: center; }
.keji { color: #000; font-size: 20px; margin-top: 15px; text-indent: 20px; }
.keji_en { font-size: 14px; color: #4c4c4c; }
.keji_xian { width: 35px; height: 3px; background: #0075ca; margin-top: 10px; margin-left: 20px; }
.about_xq { font-size: 15px; line-height: 26px; color: #666; margin-top: 10px; padding: 0 10px; }
.about_a { background: url("/images/jiantou.png") center 0 no-repeat; width: 130px; height: 30px; line-height: 30px; display: block; color: #000; padding-left: 29px; margin-top: 20px; }
.about_a:hover { background: url("/images/jinatou_a.png") center 0 no-repeat; width: 134px; height: 38px; line-height: 38px; transition: 0.6s; }