@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; width:100%; padding:1em 0;}

header h1{ float:left; width:23%; margin-left:1.5%;margin-top: 0.6rem;}

header h1 img{ display:block; width:100%;}

header h2{ width:72%; margin-left:1.5%; padding-left:1.5%; float:left; border-left:1px solid #e1e1e1; font-size:1.2em; color:#000}

header h2 b{ color:#c73426;}

header h2 p{ font-size:0.7em; font-weight:normal; margin-top:0.5em;}

header h2 p img{ width:1em;}



.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:#c73426;}

.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); /* 取消链接高亮 */ }



/*nav*/

nav { overflow:hidden; width:100%; background:#1e4481;}

nav a{ display:block; float:left; width:25%; text-align:center; font-size:1em; color:#fff; background:url("nav_bor.png")/*tpa=http://qicaituwang.com/skin1/nav_bor.png*/ right top repeat-y;     border-bottom: 1px solid #ffffff; border-top: 1px solid #1f4d80; padding:0.7em 0;}

/* nav a:nth-child(3),nav a:nth-child(6){ background:none} */



/*banner*/

.banner { overflow:hidden; width:100%; position:relative}

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

.banner .btn{ overflow:hidden; width:100%; position:absolute; left:0; bottom:5%; text-align:center}

.banner .btn span{ display:inline-block; width:1.5em; height:1.5em; margin:0 0.3em; text-align:center; line-height:1.6em; font-size:0.6em; color:#fff; border-radius:1.5em; background-color:#999; font-weight:bold}

.banner .btn span.on{ background-color:#ab372c;}



h2.title{ overflow:hidden; text-align:center; padding-bottom:1em; background:url("title.png")/*tpa=http://qicaituwang.com/skin1/title.png*/ no-repeat center bottom; background-size:40%; font-size:1.2em; color:#000;}

h2.title a{ color:#000}



/*服务*/

.fuwu { overflow:hidden; width:100%; padding:1.25em 0; background-color:#f7f7f7;}

.fuwu ul{ overflow:hidden; width:96%; margin:0 auto; margin-top:1em;}

.fuwu li{ float:left; width:32%; margin:1px; background-color:#fff; text-align: center; padding:2em 0;}

.fuwu li img{ display:block; margin:0 auto; width:50%; margin-bottom:1.25em;}

.fuwu li span{ display:block; text-align:center; font-size:1em; color:#000;}

.fuwu li a{ display:block; text-decoration:none}



/*产品*/

.pro { overflow:hidden; width:100%; margin:2em 0;}

.pro ul{ overflow:hidden; margin:0 auto; margin-top:1.6em; width:96%;}

.pro li{ float:left; width:50%; margin-bottom:1em;height: 13rem;}

/* .pro li:nth-child(even){float: right;} */

.pro li img{ display:block; width:90%; border:1px solid #dcdcdc; margin:0 auto; margin-bottom:0.6em;height: 13rem;}

.pro li span{ display:block; text-align:center; font-size:1em; color:#333; width:91%; margin:0 auto; padding-bottom:0.6em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border-bottom:2px solid #bebebe;}

.pro .more { display:block; width:40%; text-align:center; font-size:1em; color:#5d5d5d; padding:0.5em 0; border-radius:5px; margin:0 auto; background-color:#f3f3f3}



.pro  .Afocus{ width: 100%; height: 4px; padding-top:0.5em; text-align:center;}

.pro  .Afocus ul{  width: 100%; height: 4px;padding-top:0.5em; margin-bottom:0.5em;}

.pro  .Afocus ul li{ display:inline-block; width:1.5em; height:2px; margin:0 2px; margin-top:2px; background-color:#878787; text-indent:-999999em;}

.pro  .Afocus ul li.on{ background-color:#da473d; margin-top:0; height:4px;}



/*细节*/

.xijie { overflow:hidden; width:96%; padding:1em 2% 1.5em 2%; background-color:#f7f7f7; margin-bottom:2.5em;}

.xijie .top{ width:100%;padding:1em 0; background:url("nav_bg.png")/*tpa=http://qicaituwang.com/skin1/nav_bg.png*/ repeat center; text-align:center; position:relative; margin-bottom:0.5em; z-index:1}

.xijie h2{ font-size:1.3em; color:#fff;}

.xijie h2 em{ font-size:0.8em;}

.xijie .top span{ display:block; font-size:0.9em; color:#fff; margin-top:0.3em;}

.xijie .top i{ display:block; width:1em; height:1em; background:url("nav_bg.png")/*tpa=http://qicaituwang.com/skin1/nav_bg.png*/ repeat center; position:absolute; left:50%; margin-left:-0.5em; bottom:-0.5em; transform: rotate(45deg)}

.xijie .xjbox { overflow:hidden; width:100%; position:relative; background-color:#fff;}

.xijie .xjbox i{ display:block; width:1em; height:1em; background:#f7f7f7; position:absolute; left:50%; margin-left:-0.5em; top:-0.5em; transform: rotate(45deg)}

.xijie .xjlist{ overflow:hidden; width:94%; margin:0 auto; padding-top:1em;}

.xijie .xjlist img{ display:block; width:100%; margin-bottom:2em;}

.xijie .xjlist h3{ text-align:center; font-size:1.25em; color:#bf2a1b; margin-bottom:1.3em;}

.xijie .xjlist p{ text-align:center; font-size:1em; color:#333; line-height:1.8em; margin-bottom:1.8em;}



.xijie  .Afocus{ width: 100%; height: 4px; padding-top:0.5em; text-align:center;}

.xijie  .Afocus ul{  width: 100%; height: 4px;padding-top:0.5em; margin-bottom:0.5em;}

.xijie  .Afocus ul li{ display:inline-block; width:1.5em; height:2px; margin:0 2px; margin-top:2px; background-color:#878787; text-indent:-999999em;}

.xijie  .Afocus ul li.on{ background-color:#da473d; margin-top:0; height:4px;}



.xijie .btn{ width:100%; height:4px; padding-top:0.5em; margin-bottom:0.5em; text-align:center; }

.xijie .btn span{ display:inline-block; width:1.5em; height:2px; margin:0 2px; margin-top:2px; background-color:#878787}

.xijie .btn span.on{ background-color:#da473d; margin-top:0; height:4px;}



/*合作*/

.hezuo { overflow:hidden; width:100%; margin-bottom:2.5em;}

.hezuo .hzbox{ overflow:hidden; width:96%; margin:0 auto; position:relative; margin-top:1.2em;    margin-bottom: 1em;}

.hezuo .hzbox ul{ overflow:hidden}

.hezuo .hzbox li{ float:left; width:33.3333333333%; text-align:center; margin-bottom: 15px;}

.hezuo .hzbox li img{ display:block; width:90%; margin:0 auto; border:1px solid #d2d2d2; margin-bottom:0.7em;}

.hezuo .more { display:block; width:40%; text-align:center; font-size:1em; color:#5d5d5d; padding:0.5em 0; border-radius:5px; margin:0 auto; background-color:#f3f3f3}

/*好用*/

.haoyong { overflow:hidden; width:96%; padding:1em 2% 1.5em 2%; background-color:#f7f7f7; margin-bottom:2.5em;}

.haoyong .top{ width:100%;padding:1em 0; background:#1f4d80; text-align:center; position:relative; margin-bottom:0.5em; z-index:1}

.haoyong h2{ font-size:1.3em; color:#fff;}

.haoyong h2 em{ font-size:0.8em;}

.haoyong .top span{ display:block; font-size:0.9em; color:#fff; margin-top:0.3em;}

.haoyong .top i{ display:block; width:1em; height:1em; background:#1f4d80; position:absolute; left:50%; margin-left:-0.5em; bottom:-0.5em; transform: rotate(45deg)}

.haoyong .xjbox { overflow:hidden; width:100%; position:relative; background-color:#fff;}

.haoyong .xjbox i{ display:block; width:1em; height:1em; background:#f7f7f7; position:absolute; left:50%; margin-left:-0.5em; top:-0.5em; transform: rotate(45deg)}

.haoyong .xjlist{ overflow:hidden; width:100%; margin:0 auto; padding-top:1em; padding-bottom:3em;}

.haoyong .xjlist>img{ display:block; width:100%; margin-bottom:2em;}

.haoyong .xjlist dl{ overflow:hidden; width:90%; margin:0 auto; margin-bottom:1.7em;}

.haoyong .xjlist dt{ overflow:hidden; float:left; width:20%; background:url("haoyong02.png")/*tpa=http://qicaituwang.com/skin1/haoyong02.png*/ no-repeat center; background-size:100%; padding:1em 0; font-size:1.6em; color:#000;}

.haoyong .xjlist dt span{ display:block; width:40%; margin-left:24.5%; height:1px; background-color:#000;;}

.haoyong .xjlist dt em{ margin-left:25%}

.haoyong .xjlist dd{ overflow:hidden; width:75%; float:right;}

.haoyong .xjlist dd h3{ font-size:1.2em; color:#cf1f0c; margin-top:1em;}

.haoyong .xjlist dd h4{ font-size:1em; color:#131b10;}

.haoyong .xjlist p{ font-size:1em; line-height:1.7em; color:#131b10; width:90%; margin:0 auto}

.haoyong .xjlist p img{ margin-right:0.5em; width:1em;}



.haoyong  .Afocus{ width: 100%; height: 4px; padding-top:0.5em; text-align:center;}

.haoyong  .Afocus ul{  width: 100%; height: 4px;padding-top:0.5em; margin-bottom:0.5em;}

.haoyong  .Afocus ul li{ display:inline-block; width:1.5em; height:2px; margin:0 2px; margin-top:2px; background-color:#878787; text-indent:-999999em;}

.haoyong  .Afocus ul li.on{ background-color:#da473d; margin-top:0; height:4px;}





/*.haoyong .menu { overflow:hidden; width:100%; background-color:#fff; padding-top:0.8em;}

.haoyong .menu li{ float:left; width:33%; margin-right:0.33333333%; text-align:center; padding:0.8em 0; font-size:1em; color:#5d5d5d; position:relative; background-color:#dbdbdb;}

.haoyong .menu li i{ display:block; width:1em; height:1em; background-color:#fc6e19; transform:rotate(45deg); position: absolute; left:50%; top:-0.5em; margin-left:-0.5em; display:none}

.haoyong .menu li:nth-child(3){ width:33.333333333%; margin-right:0}

.haoyong .menu li.on i{ display:block}

.haoyong .menu li.on{ font-weight:bold; color:#fff; background-color:#fc6e19;}*/



/*about*/

.about { overflow:hidden; width:100%; margin-bottom:2em;}

.about img{ display:block; margin:1.6em auto; width:86%; padding:2%; background-color:#e1e1e1}

.about h3{ text-align:center; font-size:1em; margin-bottom:0.8em;}

.about h3 a{ color:#222}

.about p{ width:90%; margin:0 auto; text-align: center; font-size:1em; color:#333; line-height:1.5em; margin-bottom:2em;}

.about .more { display:block; width:40%; text-align:center; font-size:1em; color:#5d5d5d; padding:0.5em 0; border-radius:5px; margin:0 auto; background-color:#f3f3f3}



/*news*/

.news { overflow:hidden; width:94%; padding:1.5em 3%; background:url("news_bg.png")/*tpa=http://qicaituwang.com/skin1/news_bg.png*/ repeat center;}

.news .menu { overflow:hidden; width:100%; background-color:#fff; padding-bottom:0.8em;}

.news .menu li{ float:left; width:49.5%; margin-right:0.5%; text-align:center; padding:0.8em 0; font-size:1em; color:#5d5d5d; position:relative; background-color:#dbdbdb;}

.news .menu li i{ display:block; width:1em; height:1em; background-color:#fc6e19; transform:rotate(45deg); position: absolute; left:50%; bottom:-0.5em; margin-left:-0.5em; display:none}

.news .menu li:nth-child(2){ width:50%; margin-right:0}

.news .menu li.on i{ display:block}

.news .menu li.on{ color:#fff; background-color:#fc6e19;}

.news .menu li a{color:#5d5d5d;}

.news .menu li.on a{ color:#fff;}

.news .newsbox{ overflow:hidden; width:100%; background-color:#fff; position:relative}

.news .newslist{ overflow:hidden; padding:1em 3%; width:94%;}

.news .newslist dl{ overflow:hidden; width:100%; }

.news .newslist dt{ overflow:hidden; width:40%; float:left;margin-top: 0.8em;}

.news .newslist dt img{ display:block; width:100%;}

.news .newslist dd{ overflow:hidden; float:right; width:55%;}

.news .newslist dd h3{ font-size:1em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:0.8em; margin-top:0.8em;}

.news .newslist dd h3 a{ color:#222;}

.news .newslist dd p{ font-size:0.9em; color:#333; line-height:1.5em; height:4.3em; overflow: hidden}

.news .newslist ul{ overflow:hidden; width:100%;}

.news .newslist li{ overflow:hidden; background:url("news_s.png")/*tpa=http://qicaituwang.com/skin1/news_s.png*/ no-repeat left center; padding-left:2%; background-size:1.5%; line-height:2.2em; width:98%; font-size:0.9em;}

.news .newslist li a{ display:block; width:60%; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333}

.news .newslist li span{ float:right; color:#999}



/*留言*/

.liuyan { overflow:hidden; width:94%; padding:0 3%; background:url("news_bg.png")/*tpa=http://qicaituwang.com/skin1/news_bg.png*/ repeat center; padding-bottom:6em;}

.liuyan .top{ width:100%;padding:1em 0;     background: #1f4d80; text-align:center; position:relative; margin-bottom:0.5em; z-index:1}

.liuyan h2{ font-size:1.3em; color:#fff;}

.liuyan h2 em{ font-size:0.8em;}

.liuyan .top span{ display:block; font-size:0.9em; color:#fff; margin-top:0.3em;}

.liuyan .top i{ display:block; width:1em; height:1em; background:#1f4d80; position:absolute; left:50%; margin-left:-0.5em; bottom:-0.5em; transform: rotate(45deg)}

.liuyan .lybox { padding:1.25em 0; overflow:hidden; width:100%; position:relative; background-color:#fff;}

.liuyan .lybox i{ display:block; width:1em; height:1em; background:url("news_bg.png")/*tpa=http://qicaituwang.com/skin1/news_bg.png*/ repeat center; position:absolute; left:50%; margin-left:-0.5em; top:-0.5em; transform: rotate(45deg)}

.liuyan input{ overflow:hidden; width:73%; padding-left:12%; height:2.5em; line-height:2.5em; border:1px solid #dbdbdb; margin:0 auto; display:block; margin-bottom:0.5em; font-size:0.9em; color:#959595;}

.liuyan select { background:none;overflow:hidden; width:85%; padding-left:2%; height:2.5em; line-height:2.5em; border:1px solid #dbdbdb; margin:0 auto; display:block; margin-bottom:0.5em; font-size:0.9em; color:#959595;}

.liuyan .name{ background:url("liuyan01.png")/*tpa=http://qicaituwang.com/skin1/liuyan01.png*/ no-repeat left center; background-size:13%;}

.liuyan .phone{ background:url("liuyan02.png")/*tpa=http://qicaituwang.com/skin1/liuyan02.png*/ no-repeat left center; background-size:13%;}

.liuyan .mianji{ background:url("liuyan03.png")/*tpa=http://qicaituwang.com/skin1/liuyan03.png*/ no-repeat left center; background-size:13%;}

.liuyan textarea { overflow:hidden; padding:0.3em 2% 0.3em 12%; width:71%; height:7.5em; resize:none;  border:1px solid #dbdbdb; margin:0 auto; display:block; font-size:0.9em; color:#959595; background:url("liuyan04.png")/*tpa=http://qicaituwang.com/skin1/liuyan04.png*/ no-repeat left top; background-size:13%;}

.liuyan .lybox span{ display:block; width:85%; margin:0 auto; padding:1.25em 0; background-color:#fc6e19; font-size:1.2em; color:#fff; text-align:center; border:1px solid #fc6e19;}



/*footer*/

footer { overflow:hidden; width:100%; position:fixed; left:0; bottom:0; background:#1f4d80;; z-index:5}

footer a{ display:block; float:left; text-align:center; width:25%; background:url("f05.png")/*tpa=http://qicaituwang.com/skin1/f05.png*/ repeat-y right top; font-size:1em; color:#fff; padding:0.6em 0;}

footer a:nth-child(4){ background:none}

footer a img{ display:block; margin:0 auto; width:20%; margin-bottom:0.3em;}

.tj{ height:auto !important; line-height:normal !important; border: none !important; color:#fff !important;    display: block;
    width: 85% !important;
    margin: 0 auto;
    padding: 1.25em 0;
    background-color: #fc6e19;
    font-size: 1.2em;
    text-align: center; padding-left:0 !important}