﻿@charset "utf-8";
/* CSS Document */
.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:#fff;}

.header{max-height:160px; overflow:hidden;}
.header .logoImg img{float:left; margin:2.5% 0 2.5% 3%; width:9.125em;}
.header .hdTxt{float:right; margin-top:3.0%; margin-right:0%; width:56%;}
.header .hdTxt h2{color:#333; font-weight:normal; font-size:1.250em;}
.header .hdTxt a{padding-left:1.117em; color:#0477d0; font-size:1.750em; background:url("http://m.cqtizi.cn/Mobile/Styles/../images/Common/hdPhone_ico.png") no-repeat left center; background-size:0.976em; font-family:arial;}
/*header*/

.nav{}
.nav ul{ overflow:hidden; position:relative;}
.nav li{ float:left; width:25%; text-align:center; background:url(../images/navbg.png) repeat-x center;}
.nav li a{ padding:0.8em 0; display:block; font-size:1em; color:#fff; background:url(../images/lbg.png) repeat-y left center;}
.nav li .noBl{ background:none;}
.nav ul:after{ content:''; position:absolute; top:50%; left:0; z-index:9; height:0; width:100%;  border-top:1px solid #5a98c2;}
/*nav*/

.baner{}
.baner img{ display:block; width:100%;}

.ssBox{ background:#e7e7e7; padding:0.5em 0 0.5em 0.8em; overflow:hidden;}
.ssBox .txt{ border:none; font-size:1em; color:#666; height:2.250em;  float:left; width:83%; padding:0 2%; box-shadow: 0px 0px 2px #4A4A4A inset;}
.ssBox .sub{ float:left; background: #005caa url(../images/ssbg.png) no-repeat center; height:2.250em; background-size:1.167em; width:10%;}

.pfzx{ background:#005caa; margin-top:0.5em; display:block; padding:1em 0; font-size:1em; color:#fff; overflow:hidden;}
.pfzx span{ font-weight:bold; padding-left:0.8em; float:left;}
.pfzx em{ float:right; padding-right:0.8em;}

.cpBox{background:#fff; padding-bottom:1.4em;}
.cpBox ul{ overflow:hidden; padding-top:0.8em; padding-bottom:1em;}
.cpBox li{ float:left; width:50%; text-align:center;}
.cpBox li a.pic {display: block;}
.cpBox li img{ border:1px solid #e2e2e2; width:90%; height:121px;}
.cpBox li p{ padding:0.6em 0.8em;}
.cpBox li p a{ font-size:1em; color:#333;}
.cpBox .cpbot{ display:inline-block; padding:0.8em 1.6em; background:#005caa; font-size:1em; color:#fff; margin-left:33%;}
/*cpBox*/

.wtBox{ padding-bottom:1.25em;}
.wtBox .wtImg{ display:block; width:100%;}
.wtBox ul{ padding-left:10%;}
.wtBox li{ overflow:hidden; margin-top:0.5em;}
.wtBox li label{ float:left; height:2.125em; border:1px solid #d9d9d9; width:2.3em;}
.wtBox li label img{ display:block; width:100%;}
.wtBox li .ftxt{ float:left; height:2.125em; border:1px solid #d9d9d9; border-left:none; width:13em; padding:0 1em; font-size:1em; color:#999;}
.wtBox .ly label{ height:6.8em;}
.wtBox .ly label img{ margin-top:1.6em;}
.wtBox .ly .rtxt{ width:13em; height:4.8em; padding:1em; border:1px solid #d9d9d9; border-left:none; font-size:1em; color:#999; resize:none;}
.wtBox .wtbot a{ display:inline-block; padding:1em 2.7em 1em 1.6em; background:#ff9711 url(../images/wtbg.png) no-repeat 6em center; font-size:1em; color:#fff; background-size:0.750em;}
/*wtBox*/

.ysBox{ background:#f7f7fa; text-align:center; padding-top:1.4em; padding-bottom:1.6em;}
.ysBox .ystop{ width:23.250em;}
.ysBox .yscont{ margin-top:1em;}
.ysBox .yscont img{ width:25em;}
/*khjzBox*/

.dtBox{}
.dtBox dl{margin:1.667em 5% 0; padding-bottom: 1.667em; overflow: hidden; border-bottom:1px dotted #0477d0;}
.dtBox dl dt img{border:0.417em solid #e2e2e2; width:10.667em; height:8.333em;}
.dtBox dl dd{margin-left:12.500em;}
.dtBox dl dd h5{padding:0.4em 0; font-size:1.083em;}
.dtBox dl dd h5 a{color:#0477d0;}
.dtBox dl dd p{color:#999;}
.dtBox ul.uls{padding:0.8em 0; margin:0 5%;}
.dtBox .uls li{padding-left:5%; height:2.283em; line-height:2.283em; background:url("http://m.cqtizi.cn/Mobile/Styles/../images/Index/dtLi_ico.png") no-repeat left center; background-size:auto 0.625em; overflow: hidden;}
.dtBox .uls li a{display: block; color:#333;}
.tabTitEr.tabTitS li{position: relative; width:33.333%;}
.tabTitEr.tabTitS li:after{content:''; position:absolute; top:0; right:-3px; z-index:9; height:100%; width:0px;  border-left:1px solid #fff; border-right:1px solid #9e9e9e;}
.tabTitEr{overflow:hidden;
background-color:#ededed; 
background-image:-moz-linear-gradient(top , #ededed , #c2c2c2);
background-image:-webkit-linear-gradient(top , #ededed , #c2c2c2);
background-image:-o-linear-gradient(top , #ededed , #c2c2c2);
background-image:-ms-linear-gradient(top , #ededed , #c2c2c2);
background-image:linear-gradient(top , #ededed , #c2c2c2);}
.tabTitEr li{float:left; width:50%; text-align:center; padding:1.083em 0; font-size:1.167em; border-bottom:0.167em solid #c2c2c2;}
.tabTitEr li.on{color:#0477d0; border-bottom-color:#0073cc;
background-color:#efefef; 
background-image:-moz-linear-gradient(top , #efefef , #939393);
background-image:-webkit-linear-gradient(top , #efefef , #939393);
background-image:-o-linear-gradient(top , #efefef , #939393);
background-image:-ms-linear-gradient(top , #efefef , #939393);
background-image:linear-gradient(top , #efefef , #939393);}
.tabTitEr.tabTitS li{position: relative; width:33.333%;}
.tabTitEr.tabTitS li:after{content:''; position:absolute; top:0; right:-3px; z-index:9; height:100%; width:0px;  border-left:1px solid #fff; border-right:1px solid #9e9e9e;}

/*khjzBox*/

.ftph{ background:#034277; overflow:hidden; border-bottom:1px solid #427199;}
.ftph dl{ background:url(../images/phbg.png) no-repeat left center; color:#fff; padding-left:3.3em; margin:1.4em 0 1.4em 6em; background-size:2.833em;}
.ftph dt{ font-size:1em;}
.ftph dd{ font-size:1.8em;}
/*ftph*/

.rtop{ background:#034277 url(../images/rtbg.png) no-repeat 37% center;margin-bottom:50px; padding:1.5em 0; display:block; font-size:1.083em; color:#fff; text-align:center; background-size:0.750em;}

.plusBox{width:100%; overflow:hidden; background-color:#005caa; position: fixed;left: 0;bottom: 0;}
.plusBox li{float:left; width:33.33%; text-align:center;}
.plusBox li a{display:block; padding:10% 0px;  font-size:1.167em; color:#fff; border-top:1px solid #095595; position:relative;}
.plusBox li a:after{content:''; position:absolute; top:0; right:-2px; z-index:9; height:100%; width:0px;  border-left:1px solid #307c1d; border-right:1px solid #095595;}
.plusBox li img{position:relative; bottom:-0.3em; left:-0.3em; width:1.458em;}

/*footer*/
.green{coor:Green}
.red{color:Red}
.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:#f96b17;  }
.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); /* 取消链接高亮 */ }



@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@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%;}
}












