/*****************************************
* 作 者：larry
* 网 址：www.fo-sky.com
* 版 本：1.0 
* 概 要：灵风科技-网站公共样式
*****************************************/

/*-----------------------------------------公共样式-----------------------------------------*/
* {margin:0; padding:0;}
body {font-family:Arial,Helvetica,sans-serif;font-size: 12px;color: #888;line-height:22px;background:#fff;}
h1,h2,h3{ font-size:16px; font-weight:normal;}
h1 a:hover{ font-size:16px; font-weight:bold; line-height:45px;color:#ffe0a2;}
img{border:none;vertical-align:middle;}
ul,ol,li {list-style:none;}
a:link,a:visited,a:active{text-decoration:none;color: #666;font-size:12px;}
a:hover{text-decoration:none;color:#f9714b;}
.block{margin:0 auto; padding:0;}
.clear{ clear:both;}
.clear2{ clear:both; height:15px;}
.clear3{height:15px; border-bottom:4px #408ed6 solid;clear:both;}
.l{float:left;}
.r{float:right;}
.hover{color:#860007!important;}
#shu11 a.shu1,#shu22 a.shu2,#shu33 a.shu3,#shu44 a.shu4,#shu55 a.shu5,#shu66 a.shu6,#shu77 a.shu7,#shu88 a.shu8{color: #000!important;background:url(/images/li.jpg) no-repeat bottom!important;}
.ad{ margin:0 auto; width:100%; text-align:center; padding-bottom:20px;}
.more a{ color:#ab8532;}
.f2{ color:#fff;}
.f3{color:#757474; font-size:14px;line-height:30px;}
.f3 a{ font-size:14px;line-height:30px;}
#page{ padding:50px 0 0; }
.page{text-align:right;line-height: 2rem;margin: 2rem auto 0;}
.page b{background:#f9714b; border:1px #dddddd solid; color:#fff;padding:8px 18px;font-family:"Microsoft Yahei",Arial,Simsun,sans-serif; font-size:14px; font-weight:normal;margin-left:6px;} 
.page a{ background:#fff;border:1px #dddddd solid;padding:8px 18px; color:#666;font-family:"Microsoft Yahei",Arial,Simsun,sans-serif; font-size:14px; margin-left:6px;} 
.page a:hover{background:#f9714b; color:#FFFFFF;}
.lin{ line-height:32px;}

/*-----------------------------------------公共样式-----------------------------------------*/
.top1{background-color: #e1e1e1;padding: 0.5rem 0;border-bottom: 0.15rem #0051a2 solid;position:relative;}
.top1 .l{position:absolute;top: 0.8rem;left: 1rem;}
.top1 .l a{border-style: solid;border-width: 2px 2px 0 0;border-color: #494949;display: inline-block;transform:rotate(225deg);-webkit-transform: rotate(225deg);height: 15px;width: 15px;}
.top1 .r{position:absolute;top: 1.1rem;right: 1rem;}
.top1 .l img{width:2.5rem; height:2.5rem}
	
.top1 .m { text-align:center;  width:100%;}
.top1 .m img{height: 1.6rem;}

.iconBg{}
table.topMenu{width:6.2rem; margin:0 auto;height:.77rem; padding:.1rem 0; background:#25254B;}
.topLogo{ height:.67rem;}
.topLogo img{ max-width:100%;}
.topLogo h1{ display:none;}
.topMenuHome{width:.5rem; height:.5rem; float:left; background-position:-.1rem -.1rem; margin-left:.1rem}
.topMenuHome a{ display:block;width:.5rem; height:.5rem;}
.topMenuBtn{width: 1.6rem;height: 0.11rem;background-color: #494949;border-radius: 10px;}
.topMenuBtn:before, .topMenuBtn:after{content: "";display: block;position: absolute;width: 100%;height: 100%;left: 0;background-color: #494949;transition: top .3s .2s ease, -webkit-transform .3s ease;border-radius: 10px;-webkit-transform-origin: 50% 50%;}
.topMenuBtn:before{top: -8px;-webkit-transform: rotate(0deg);}
.topMenuBtn:after{top: 8px;-webkit-transform: rotate(0deg);}

.topSubMenu{display:none;width: 10rem;border-radius:0 0 5px 5px;background: #000;opacity:.9;-moz-opacity:.9;filter:alpha(opacity=90);right: 0.2rem;margin-top: 1.5rem;z-index:999;position:absolute;margin-right: -1rem;}
.topSubMenu li{height: 2.6rem;line-height: 2.6rem;position:relative;text-align: center;border-bottom:#5F5F67 solid 2px;}
.topSubMenu li:last-child{border: none;}
.topSubMenu li a{color:#fff;font-size: 1rem;display: block;}
.topSubMenu li.ico1{background-position: -.1rem -.6rem;}
.topSubMenu li.ico2{background-position: -.1rem -1.27rem;}
.topSubMenu li.ico3{background-position: -.1rem -1.9rem;}
.topSubMenu li.ico4{background-position: -.1rem -2.6rem;}
.topSubMenu li.ico5{background-position: -.1rem -3.3rem;}
.topSubMenu li.ico6{background-position: -.1rem -3.9rem;}
.topSubMenu li.ico7{background-position: -.1rem -4.58rem;}
/*-----------------------------------------banner-----------------------------------------*/
.slider img{ width:100%;}
#banner {width: 100%;margin:0 auto;position: relative; text-align:center;overflow:hidden;background:#0051a2; padding-bottom:0.5rem;}
#banner .box{width:30%; display:inline-block; margin:0.5rem 0.1rem 0; border:2px solid #fff;}
#banner .box img{width:100%;}
#banner .box p{background:#fff;line-height:2rem; font-size:0.8rem;color:#7c7c7c;}

/* 首页图标导航 */
.wapnav{padding-top: 1rem;width:98%; margin:0 auto}
.wapnav a{display:block;width:100%; float:left; position:relative;text-align:center; overflow:hidden;/* border: 0.5rem #fff solid; */font-size:0.8rem;margin-bottom: 1rem}
.wapnav a:nth-of-type(5){margin-left:25%;}
.wapnav a span{display:block;position:absolute;padding:10% 0;top:25%;left:10%;text-shadow: black 0.1em 0.1em 0.2em;color:#fff;width:80%;font-size: 2rem}
.wapnav .wapimg{text-align:center;margin:0 auto;}
.wapnav .wapimg img{width:100%;border-radius: 3px;}
.wapnav:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}


#index_a{width:96%;text-align:center;clear:both;padding-bottom: 2rem;padding-top: 1rem; margin:0 auto;}
#index_a h2{border-bottom:2px solid #d8d8d8; font-size:2rem; line-height:3rem; color:#0051a2; }
#index_a p{font-size:0.8rem; text-align:left; line-height:1.6rem; color:#2e2e2e;text-transform:uppercase;margin:20px 0;}
#index_a br{ line-height:2rem;}
#index_a a{ background:#901440; border-radius:5px; display:inline-block;color:#fff; font-size:16px; padding:10px 26px;}
#index_a a:hover{background:#760532;}
#index_a hr{border:none; background:#0051a2;height:2px;width:50%; margin:-2px auto 0;}


/*-----------------------------------------主体部分-----------------------------------------*/
#tit{width:100%;padding-top: 1rem;background:url(/images/jt.jpg) no-repeat top center;text-align:center;border-bottom:3px #e6e6e6 solid;}
#tit h2{border-bottom: 3px #0051a2 solid;height: 3rem;line-height: 3rem;font-size: 1.8rem;text-transform:uppercase;color: #0051a2;width: 70%;margin:0 auto -3px;}
/* 关于我们页面 */
#content #about{/* background:#f0f0f0; */padding: 2% 2%;font-size: 1rem;}
#content #about h2{font-size: 1.3rem;color: #666;line-height:36px;}
#content #about p{font-size: 1rem;line-height: 1.8rem;padding-bottom: 1rem;}
#content #about span{font-size:16px;line-height:36px;color: #666;}
#content #about img{width: 49%;margin-bottom: 2%;}
#content #about img:nth-of-type(odd){margin-right: 2%}
/* 联系我们页面 */
#content #contact{width:96%; margin:1rem auto 0;}
#content #contact section{padding:1rem 1rem;border:1px dashed #901340;border-radius:5px;font-size:16px;line-height:30px; margin-bottom:2rem;}
#content #contact section h2{ background:#901340; margin-top:-2rem; margin-bottom:12px;border-radius:5px; width:70%; height:2.6rem;line-height:2.6rem; font-size:1.6rem; color:#fff; text-align:center; }
#content #contact p{font-size:1rem; }
#content #contact img{max-width: 100%}
#content #contact #submit{ float:right; border:1px #e1e1e1 solid; width:445px; height:428px;}
#content #contact #submit p{background:url(/images/sub_bg.jpg) no-repeat bottom center; font-size:18px; padding-left:62px; color:#383838; line-height:50px;}

/* 技术资料页面 */
#content{ margin-bottom:20px;}
#content #jishu{margin:0 auto;width: 96%;padding-top:2rem;font-size:1rem;color: #fff;}

#content #jishu .fujian{background:#c32f63;padding:0 5%;line-height:2rem;height:2rem;display:inline-block;border-radius:2rem;overflow:hidden;width:90%;}
#content #jishu .fujian:nth-of-type(even){background:#90133f;}
#content #jishu .fujian a{color: #fff;font-size:1rem;}
#content #jishu .downsize{/* display:inline-block; */display:none;padding:0 1rem 0 1rem;font-size:1.2rem;margin-left:15px;background:url(/images/x.png) no-repeat left center;}
#content #jishu img{ padding-left:1rem;padding-right:0.5rem;display:none;}
#content #jishu p{height:0.4rem;}

#content #rong{margin:0 auto;width: 98%;font-size:1rem;}
#content #rong img{ width:100%}

#content #rong2{margin:0 auto;width: 96%;font-size:1rem;}
#content #rong2 img{ max-width:100%}
#content #rong2 table{background:#ddd;}
#content #rong2 td{background:#fff; padding:5px 3px}

#content #rong2 .firstRow tr:nth-of-type(1) td{border-bottom:2px #929292 solid;}
#content #rong2 .firstRow tr:nth-of-type(2) td{background:#f2f2f2;padding:5px 10px}

#content .tit2{padding-left:2%;text-align:left;}
#content .tit2 h1{line-height:4rem; line-height:4rem;font-size:1.6rem;color: #666;}

.tit{width:100%;padding-top: 1rem;background:url(/images/jt.jpg) no-repeat top center;text-align:center;border-bottom:3px #e6e6e6 solid;margin-bottom: 1rem;}
.tit h2{border-bottom: 3px #999 solid;height: 2.5rem;line-height: 2rem;font-size: 1.2rem;color: #000;width: 50%;margin:0 auto -3px;}

/* 左侧分类特效 */
.con {position:fixed;z-index:99999;bottom:0;left:0;width:100%;}
.con a {width:100%;height:3rem; line-height:3rem;display:block;color:#fff;float:left;font-size:1.2rem; text-align:center;text-transform:uppercase;}
.con a:hover {}
.con .left{background: #0051a2;}
.con .book{background: #901440;}
.bgDiv {	width: 100%;height: 100%;background: #000;opacity: .5;position: fixed;display: none;z-index: 99;bottom: 0;}
.leftNav {width:70%;height: 100%;background-color: #fff;position: fixed;z-index: 999;top: 0;left: -70%;}

#submit{width:96%;margin:1rem auto;color:#90133f;background:#eaeaea;padding-bottom:1px;}
#submit h3{ font-size:1.6rem; border-bottom:2px #90133f solid; line-height:40px; text-transform:uppercase;background:#fff;}
#submit p{ font-size:1.4rem;line-height:2rem;padding-top:0.6rem; width:90%; margin:0 auto;}

.input{ height:2.6rem; line-height:1.2rem;margin:0 auto;display:block; width:86%;border:1px solid #dfdfdf;padding:0 0.4rem;border-radius:3px; font-size:1rem; color:#b4b4b4}
.input2 { border:1px solid #dfdfdf;padding:0.4rem 0.4rem;margin:0 auto;display:block;width:86%; height:5rem;line-height:1.2rem; overflow-y:auto;border-radius:3px; font-size:1rem; color:#b4b4b4}
.submit{height:2.6rem;line-height:2.6rem;color:#fff;text-align:center;font-size:1.4rem;background:#901340;border:none;border-radius:3px;display: block;width:90%;margin:1rem auto;}

/* 左侧分类样式 */
.leftNav #list{ width:100%；}
.leftNav #list a{display:block;padding:0 6%;font-weight:bold;font-size:1rem;width:88%;height:3rem;line-height:3rem;margin-bottom:2px;float:left;color:#760632;background:#ddd;}
.leftNav #list a:hover{color:#000;}

.leftNav #list2{ width:100%;}
.leftNav #list2 .fl h2{height:2rem;line-height:2rem; margin-top:2px;}
.leftNav #list2 .fl h2 a{display:block;padding:0 6%; font-size:1rem;font-weight:bold;width:88%; height:2rem;line-height:2rem;margin-bottom:2px;float:left;color:#760632;background:#ddd; }

.leftNav #list2 .fl p{border-bottom:0.1rem #c4c4c4 solid;}
.leftNav #list2 .fl p a{display:block;padding-left:6%;font-size:1rem;height:2rem;line-height:2rem;color:#760632;background:#eaeaea;}
.leftNav #list2 .fl span{font-family:"宋体",Helvetica,sans-serif; font-size:1rem;font-weight:bold; padding-right:0.4rem;}
.leftNav #list2 .fl a:hover{color:#000;}

.yanse{border-spacing:1px;font-size:14px!important;}
.yanse td{padding:0px 0px!important;line-height:16px!important}
.lihong{ background:#c00000!important}
.lilan{ background:#0070c0!important}
.lihuang{ background:#ffc000!important}
/*-----------------------------------------页脚-----------------------------------------*/
#footer{width:100%;text-align:center;clear:both;background:#606060;color:#FFFFFF;font-size: 0.8rem; line-height:3rem;}
#footer a{ color:#5f5f5f;font-size:1rem;}