@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:#666;}
@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%;}
}

/*header*/
.header{ overflow:hidden; padding:0.3em 0.8em;}
.logo{ float:left;}
.logo dt{ float:left;}
.logo dt img{ display:block; width:153px; height:55px;}
.logo dd{ margin-left:4.7em; font-size:1.1em; border-left:1px solid #dbdbdb; padding-left:0.5em;}
.logo dd p{ color:#363636;}
.phone{ float:right; padding-top:10px;}
.phone dt{ font-size:1em; color:#000; padding-left:1.6em; background:url("http://www.tianqisujiao.com/Mobile/Styles/../images/Common/phoneImg.png") no-repeat left center; background-size:1.167em; margin-left:0.5em;}
.phone dd{}
.phone dd a{ font-size:1.2em; color:#053a7b;}

/*nav*/
nav { overflow:hidden; width:100%; background-color:#084ca0;}
nav a{ overflow:hidden; width:25%; text-align:center; padding:0.7em 0; background:url(../images/nav_bor.png) right top repeat-y; font-size:1em; color:#fff; border-top:1px solid #053a7b; border-bottom:1px solid #084ca0; display:block; float:left}
nav a:nth-child(4),
nav a:nth-child(8){ background:none}

/*banner*/
.banner { width:100%; overflow:hidden;background: url(../images/banner_bg.jpg) repeat center;}
.banner .bannertu{ overflow: hidden; width:100%;}
.banner .bannertu img{ display:block; width:100%;}
.banner .btn{ overflow:hidden; width:100%; text-align:center; padding:0.7em 0;}
.banner .btn li{ display: inline-block; width:2em; height:3px; background-color:#cfcfcf; margin:0 4px; margin-top:2px;text-indent: -99999em;}
.banner .btn li.on{ height:5px; margin-top:0; background-color:#053a7b;}



/*title*/
.title { overflow:hidden; width:100%; margin-bottom:2em;}
.title h2{ text-align:center; font-size:1.2em; color:#000; font-weight:normal}
.title h2 a{ color:#000;}
.title p{ text-align:center; text-transform:uppercase; margin-top:0.2em; padding-bottom:1em; background:url(../images/titlebg.png) no-repeat center bottom; background-size:100%; color:#818181}
.title b{ font-size:1.5em; color:#084ca0;}

/*pro*/
.pro { margin-top:0.3em; overflow:hidden; width:100%;}
.pro ul{ overflow:hidden; width:98%; margin:0 auto}
.pro li{ float:left; width:48%; margin:0 1%; margin-bottom:1em;}
.pro li img{ display:block; width:96%; border:2px solid #e9e9e9; margin:0 auto}
.pro li span{ display:block; width:96%; margin:0 auto; text-align:center; font-size:1em; color:#000; padding:0.8em 0; border-bottom:2px solid #e9e9e9}
.pro .more{ display:block; width:40%; margin:0 auto; text-align:center; padding:0.6em 0; background-color:#f3f3f3; border-radius:5px; margin-top:1em; margin-bottom:1.5em; color:#222}

/*show*/
.show { overflow:hidden; width:100%; background-color:#f8f8f8; padding:1.5em 0;}
.show .sbox{ overflow:hidden; width:100%; padding-top:55%; background:url(../images/showbg.jpg) no-repeat center top; background-size:100%;}
.show .swin{ overflow:hidden; width:94%; margin:0 auto; background-color:#fff; position:relative}
.show .slist{ overflow:hidden; width:90%; padding:5%;}
.show .slist img{ display:block; width:96%; padding:2%; background-color:#e1e1e1; margin-bottom:1.25em;}
.show .slist h3{ text-align:center; font-size:1.2em; color:#222; margin-bottom:0.8em;}
.show .slist p{ text-align: justify; font-size:1em; color:#333; line-height:1.7em;}
.show .menu { overflow:hidden; width:94%; margin:0 auto; background-color:#fff; padding-top:0.5em;}
.show .menu li{ float:left; width:24.5%; margin-right:0.5%; text-align:center; font-size:1em; color:5d5d5d; padding:0.6em 0; background-color:#dbdbdb; position:relative}
.show .menu li:nth-child(4){ margin-right:0; width:25%;}
.show .menu li img{ display:none; position:absolute; width:1em; left:50%; margin-left:-0.5em; top:-0.4em;}
.show .menu li.on{ background-color:#fd581f; color:#fff;}
.show .menu li.on img{ display:block;}

/*ad*/
.ad{ overflow:hidden; width:100%; margin-bottom:1.7em;}
.ad img{ display:block; width:100%;}

/*about*/
.about { overflow:hidden; width:100%; margin-bottom:2.5em;}
.about img{ display:block; width:85%; margin:0 auto; border:0.3em solid #e1e1e1; margin-bottom:1.7em;}
.about h3{ text-align:center; font-size:1em; margin-bottom:1em;}
.about h3 a{ color:#222;}
.about>p{ font-size:1em; color:#333; line-height:1.7em; width:85%; margin:0 auto; text-align:justify}

/*ad02*/
.ad02 { overflow:hidden; width:100%; position:relative;}
.ad02 img{ display:block; width:100%;}
.ad02 a{ display:block; width:40%; height:3em; position:absolute; top:60%;}
.ad02 .a01{ left:9%;}
.ad02 .a02{ right:9%;}


/*news*/
.news { overflow:hidden; width:94%; padding:1.7em 3%; background-color:#eee; padding-bottom:6em;}
.news .menu{ overflow:hidden; padding-bottom:0.4em; width:100%; background-color:#fff;}
.news .menu li{ float:left; width:33.3%; padding:1em 0; font-size:1em; color:#5d5d5d; text-align:center; background-color:#dbdbdb; position:relative}
.news .menu li img{ display:none; width:1em; position:absolute; left:50%; margin-left:-0.5em; bottom:-0.4em;}
.news .menu li.on{ background-color:#084ca0; color:#fff;}
.news .menu li.on img{ display:block}
.news .menu li:nth-child(2){ float:right}
.news .newsbox{ overflow:hidden; width:100%; background-color:#fff;}
.news .newslist { overflow:hidden; width:94%; padding:0.2em 3% 1.5em 3%}
.news .newslist dl{ overflow:hidden; width:100%; margin-bottom:1.5em;}
.news .newslist dt{ overflow:hidden; width:40%; float:left}
.news .newslist dt img{ display:block; width:100%;}
.news .newslist dd{ overflow:hidden; float:right; width:55%;}
.news .newslist h4{ font-size:1em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:0.8em;}
.news .newslist h4 a{ color:#222}
.news .newslist p{ font-size:0.8em; color:#333; line-height:1.5em; height:4.3em; overflow:hidden; text-align:justify}
.news .newslist .list{ overflow:hidden; width:100%;}
.news .newslist li{ overflow:hidden; font-size:0.8em; line-height:2.5em;}
.news .newslist li a{ display:block; width:70%; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333;}
.news .newslist li span{ float:right; color:#b5b5b5;}

/*footer*/
.ftmain{ margin-top:5em;}
footer { overflow:hidden; width:100%; height:4em; background:url(../images/f05.png) repeat-x left center; background-size:cover; position:fixed; left:0; bottom:0; z-index:10000}
footer a{ display:block; width:33.333333333%; float:left; height:4em; background:url(../images/f04.png) right top repeat-y; text-align:center; font-size:1em; color:#fff; font-family:Microsoft Yahei;}
footer a img{ display:block; margin:0.3em auto; width:18%;}