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

/*-----------------------------------------公共样式-----------------------------------------*/
* {margin:0; padding:0;}
body {font-family:"Microsoft Yahei",Simsun,sans-serif; font-size:16px;color:#5e5e5e;line-height:22px; background:#ffffff;}
h1{ font-size:16px;line-height:35px;}
h1 a:hover{ font-size:16px; font-weight:bold; line-height:45px;color:#ffe0a2;}
h1,h2,h3,h4,h5,h6{ font-size:16px; font-weight:normal;}
img{border:none;vertical-align:middle;}
ul,ol,li {list-style:none;}
a:link,a:visited,a:active{text-decoration:none;color:#9a9a9a; font-size:14px;}
a:hover{text-decoration:none;color:#8a8557;}
.block{margin:0 auto; padding:0;}
.block_banner{ width:100%; height:420px; background:url(/jp/images/banner.jpg) no-repeat center top;}
.clear{ clear:both;}
.l{ float:left}
.r{ float:right}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.hover{color:#860007!important;}
#nav11 a.nav1,#nav22 a.nav2,#nav33 a.nav3,#nav44 a.nav4,#nav55 a.nav5,#nav66 a.nav6,#nav77 a.nav7{color:#8a8557!important;}
#nav11 .nav1 span,#nav22 .nav2 span,#nav33 .nav3 span,#nav44 .nav4 span,#nav55 .nav5 span,#nav66 .nav6 span,#nav77 .nav7 span{color:#ffffff!important;}
#page{ width:1100px; margin:30px auto; text-align:right; }
#page b{background:#8a8557; color:#FFFFFF;padding:10px 20px;font-size:14px; border-radius:3px;height:38px; line-height:38px;} 
#page a{ background:#c6c6c6;padding:10px 20px; color:#fff;font-size:14px;border-radius:3px;height:38px; line-height:38px;}
#page a:hover{background:#8a8557; color:#FFFFFF;}
.zhi11 a.new1,.zhi22 a.new2{color:#8a8557 !important;border-bottom:2px #8a8557 solid;}
#xin{ width:440px; height:100px; margin:0 auto;}
#xin a{color:#888888; width:220px; display:block;line-height:100px; height:100px; margin-bottom:-2px; float:left;font-size:28px;}
#xin a:hover { color:#8a8557;}
.hui{color: #8c8555;font-weight: bold;}
/*-----------------------------------------公共样式-----------------------------------------*/
#top{width:1200px; height:120px; margin:0 auto;}
#top #logo{ width:434px; height:91px; padding-top:15px; float:left;}
#top #daoh{float:right;background: #8a8557;border-radius: 0 0 5px 5px; color:#fff;padding: 0 15px;line-height: 40px;}
#top #daoh a{ color:#fff;font-size: 16px;line-height:40px;}
#top #daoh a:hover { color:#ffde00;} 
/*-----------------------------------------导航代码-----------------------------------------*/
#nav {float:right;}
#nav a:link, #nav a:visited { display:block;color:#000000;font-size:18px;line-height:80px;text-align:center; float:left;margin-left:40px;} 
#nav a span{ color:#8f8f8f;display:block;font-size:14px;}
#nav a:hover { color:#8a8557;} 

/*---首页公司介绍---*/
#in_title{width:100%; margin:0 auto; text-align:center; padding:50px 0 20px;color:#878787;}
#in_title p{ font-size:30px; line-height:45px; text-align:center; color:#000;position:relative}
#in_title .ftitle{width: 1200px;margin: 15px auto 19px;position: relative;text-align: center;}
#in_title i {background: #ddd;width: 100%;height: 1px;overflow: hidden;position: absolute;left: 0;top: 50%;}
#in_title dl {display: inline-block;z-index:66;overflow: hidden; position: relative;}
#in_title dd {background: #fff;z-index:66;padding:0 20px;margin:0 auto;font-size: 18px;display: inline-block;color:#848484;}

#in_ab{width:1200px; margin:0 auto; }
#in_ab .left{width:510px;height:450px;float: left;color:#fff;background: #8d7c54;text-align: center}
#in_ab .left .box{border-top: 1px #fff solid;border-bottom: 1px #fff solid;width:88%;margin:60px auto 20px;font-size: 16px; line-height: 24px;padding: 20px 10px;text-align: left;}
#in_ab .left a{color: #fff;display: block;font-size: 18px;}
#in_ab .left a:hover{color: #ffd800;}

#in_ab .right{width:652px;height:450px;float: right;border:1px #e9e9e9 solid;text-align: center;}
#in_ab .right h3{font-size: 30px;color: #000;line-height: 65px;}
#in_ab .right .box{text-align: left;width:570px; margin:15px auto 0;font-size: 15px;line-height: 22px;}
#in_ab .right .box .leftr{float: left;}
#in_ab .right .box .leftr ul li{list-style:square;/*方块*/color: #8d7c54;white-space: nowrap}
#in_ab .right .box .leftr ul li.on{list-style:square;color: #fff;}
#in_ab .right .box .rightr{float: left;margin-left:10px;}

/*业务范围*/
.in-yewu{background:#fafafa url(/jp/images/in-ywbg.png) no-repeat left top ;padding-bottom: 50px;margin-top: 50px;}
.in-yewu .wrap{overflow: hidden;}
.c-main{width: 1200px;margin: 0 auto;}
.wrap{}
.clearfix {zoom: 1;}
.swiper {position: relative;margin-top: 50px;}
.index-tops h2{font-size: 30px;color: #fff;text-align: center;line-height: 30px;font-weight:bold;}
.index {padding-top: 50px;}
.swiper1 .bd{overflow: hidden;}
.swiper1 .bd li{transition: all 1s; width: 230px !important;margin-right:10px; border: solid 1px #dcdcdc;border-radius: 5px;background: white;}
.swiper1 .bd li:last-child{margin-right:0px;}
.swiper1 .bd li:hover{box-shadow: 0 5px 20px rgba(0,0,0,0.2);transform: translateY(-10px);}
.swiper1 .bd li a{display: block;}

.slides li{position: relative;float: left;}
.slides img{width: 100%;display: block;}
.index .index-tops p{color: #fff;/* float: left; */font-size: 16px;text-align: center;line-height: 36px;position: relative;line-height: 66px;}
.swiper1.swiper-container{margin-top: 81px;height: 440px;}
.swiper1 .swiper-slide{transition: all 1s; padding-top: 62px; width: 332px;border: solid 1px #dcdcdc;height: 382px;border-radius: 5px;background: white;}
.swiper1 .swiper-slide:hover{box-shadow: 0 5px 20px rgba(0,0,0,0.2);transform: translateY(-10px);}
.swiper1 .swiper-slide a{display: block;}
.slide-icon{height: 305px;background-repeat: no-repeat;z-index: 9;background-position: center;margin: 3px;}
.swiper1 .swiper-slide .h3{font-family: 'Open Sans semibold';color: #777;font-size: 16px;text-align: center;margin-top: 39px;line-height: 16px;}
.slide-font{border-radius: 0px 0px 5px 5px;text-align: center;z-index: 999;position: absolute;width: 100%;line-height:80px;color: #666;font-size: 20px;background: url(/jp/images/inywbg.png) no-repeat center bottom;height:70px;transition: all 1s;transform: translate(-50%, 0%);bottom: 0;left:50%;}
.swiper1 .bd li a:hover .slide-font{background: url(/jp/images/hover.png) no-repeat center bottom;color: white;}
.swiper .swiper-pagination-bullet{width: 12px;height: 12px;background: none;border-radius: 50%;opacity: 1;border: solid 2px #999999;}
.swiper .swiper-pagination-bullet-active{border-color: #dd2223;}
.swiper .swiper-pagination{bottom: 0px !important;}
.inyw-swiper{position: relative;}

/*---关于我们---*/
.tab{width:1200px;height:50px;font-size:16px;margin:50px auto 0; clear:both; position:relative; bottom:-1px; left:0;}
.tab li{float:left;width:200px;height:46px; margin:0 5px 0 0; line-height:46px; display:block; text-align:center;cursor:pointer;background:#FFF;border:1px #dddddd solid;}
.tab li a {font-size:16px;}
.tab li.on_zzjs {width:200px; height:50px;line-height:50px; background:#FFF; border-bottom:1px #ffffff solid!important;border-top:2px #8a8557 solid;border-left:1px #dddddd solid;border-right:1px #dddddd solid;}
.tab li.on_zzjs a{color:#8a8557; }

#tab_box {width:1158px;min-height:550px; height:auto!important; height:600px;font-size:14px;margin:0 auto 50px; overflow:hidden; padding:20px; line-height:32px;border:1px #dddddd solid; clear:both;background:#FFF;}
#tab_box p{}
#tab_box .bg1{background:url(/jp/images/about_bg.jpg) no-repeat right bottom; height:550px;}
#tab_box .bg2{background:url(/jp/images/ppwh_bg.jpg) no-repeat center bottom; height:600px;}

.about2{text-align: left; margin:15px 20px 0;font-size: 15px;line-height: 22px;}
.about2 .leftr{float: left;}
.about2 .leftr ul li{list-style:square;/*方块*/color: #8d7c54;white-space: nowrap}
.about2 .leftr ul li.on{list-style:square;color: #fff;}
.about2 .rightr{float: left;margin-left:10px;}

/*---品质管理---*/
.pin1,.pin2{line-height: 30px;height: 429px;}
.pin1 .r{margin-left: 40px;}
.pin2 .l{margin-right:40px;}
.xx{margin: 35px auto 50px;}

/*---联系我们---*/
#contact{ width:100%; height:500px; margin:0 auto; position:relative; z-index:9;}
#contact #box{width: 1160px;position:absolute;z-index:999;padding: 20px 20px;line-height:30px;transform: translate(-50%, -50%);top:50%;left:50%;background: url(/jp/images/dian.png);}
#contact #box #lx{}
#contact #box .lx1{ padding-left:90px;background:url(/jp/images/lx1.png) no-repeat center left;line-height:66px;font-size:30px;color:#fff;margin-bottom:20px;}
#contact #box .lx2{ padding-left:90px;background:url(/jp/images/lx2.png) no-repeat center left;line-height:66px;font-size:30px;color:#fff;margin-bottom:20px;}
#contact #box .lx3{ padding-left:90px;background:url(/jp/images/lx3.png) no-repeat center left;line-height:66px;font-size:30px;color:#fff;margin-bottom:20px;}
#contact #box .lx4{ padding-left:90px;background:url(/jp/images/lx4.png) no-repeat center left;height:66px;line-height:38px;font-size:26px;color:#fff;margin-bottom:20px;}
#contact #box h3{ line-height:50px; border-top:1px #afafaf dashed; margin-top:10px;}

/*---报价---*/
.zbt{width: 1200px;margin: 50px auto 30px;}
.zbt p{ font-size:26px; line-height:45px; text-align:center; color:#000;position:relative}

/* 首页报价 */
.cpForm_l, .cpForm_r, .cpForm_r dd, .cpForm_r dt, .form_radio, .tagOl li {float: left;}
.countPrice_box {width:1156px;padding:20px;margin:0 auto;background-color:#fff;border:2px dashed #ececec;position:relative;z-index:20}
.cpTit {font-size:32px;padding-bottom:30px;font-weight:400}
.cpTit span {padding-left:40px;font-size:14px}
.cpTit strong {color:#d50001}
.cpForm_l {color:#888}
.cpForm_l>ul>li {float:left;margin-right:16px}
.cpForm_l>ul>li:nth-of-type(3) {margin-right:0px}
.cpForm_l>ul>li:nth-of-type(6) {margin-right:0px}
.cpForm_l>ul>li:nth-of-type(9) {margin-right:0px}
.control_group {padding-bottom: 16px;}
.cpForm_l .control_group .controls {margin-left:0}
.cpForm_l .text_input {color:#888;border:1px solid #f4f4f4;background-color:#f4f4f4;outline:none;}
.cpForm_l .text_input:focus {color:#333;border:1px solid #cecece;background-color:#fff;-webkit-box-shadow:0 0 3px #cecece;box-shadow:0 0 3px #cecece}
.cpForm_l .text_input::-webkit-input-placeholder {color:#888}
.cpForm_l .text_input:-moz-placeholder {color:#888}
.cpForm_l .text_input::-moz-placeholder {color:#888}
.cpForm_l .text_input:-ms-input-placeholder {color:#888}
.text_input {font-size:16px;border:1px solid #ccc;background-color:#fff;width:372px;height:55px;line-height:55px;text-indent:20px;border-radius:3px;-webkit-transition:border-color .3s ease-in-out;transition:border-color .3s ease-in-out}
.text_input:focus {outline:0;border-color:#42b0e3;-webkit-box-shadow:0 0 3px #42b0e3;box-shadow:0 0 3px #42b0e3}
.text_input:-moz-placeholder,.text_input::-moz-placeholder {opacity:1}
.cpForm_l .model_selectBox {width:258px;border-color:#F4F4F4;background-color:#f4f4f4}
.cpForm_l .model_selectText::after {top:22px}
.cpForm_r {padding-left:24px}
.cpForm_r dt,.cpForm_r dd {font-size: 16px;}
.cpForm_r dl {width:580px;padding:14px 0}
.cpForm_r dl.fenggeDl {padding-top:21px;margin-top:10px;border-top:1px solid #eee}
.form_radio {text-align:left;cursor:pointer;margin-right: 35px;}
.form_radio:last-child{margin-right:0;}
.otherRadio {width:50px}
.cpBtn_div {padding-top:12px}
.cpBtn {height:50px;line-height:46px;border: none;text-align:center;width: 100%;color:#fff;background-color:#6f6743;font-size:16px;border-radius:3px;cursor:pointer;transition:all .3s ease 0s}
.cpBtn:hover {background-color:#a59c45}
.radio_input{width: 15px;height: 15px;vertical-align:text-bottom; margin-bottom:2px; margin-bottom:-2px9;}

.leftIcon,.rightIcon{display: inline-block; }
.leftIcon{left:370px;-webkit-animation: fadeInLeft 2s infinite  both ;
    -moz-animation:fadeInLeft 2s infinite  both;
    -o-animation: fadeInLeft 2s infinite  both;
    animation: fadeInLeft 2s infinite  both;margin-right: 50px;}
.rightIcon{right:370px;-webkit-animation: fadeInRight 2s infinite  both ;
    -moz-animation:fadeInRight 2s infinite  both;
    -o-animation: fadeInRight 2s infinite  both;
    animation: fadeInRight 2s infinite  both;margin-left: 50px;}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*---成功案例---*/
#case_news{width:1100px; height:380px; margin:50px auto;}
#case_news #case{ float:left;width:700px; margin-top:-18px; overflow:hidden;}
#case_news #case #box{width:750px; padding-top:20px;}
#case_news #case a{ display:block; float:left; margin:11px 11px 0 0; width:220px; height:130px; border:3px #dbdbdb solid;position:relative;}
#case_news #case a img{width:220px; height:130px;}
#case_news #case a .title{ display:none;}
#case_news #case a:hover .title{ display:block;background:url(images/case_bg.png); height:35px; line-height:35px; color:#fff; position:absolute; bottom:0; left:0; width:100%; text-align:center;}

/*-----------------------------------------主体部分-----------------------------------------*/
#content{ width:1200px;margin:50px auto;}
#content a{}
#content a:hover{color:#8a8557}

/*新闻列表页*/
.news{width:1100px;height:100px;background:url(images/rili.png) no-repeat; margin:0 auto; overflow:hidden;text-align:left; margin-bottom:17px;border-bottom:1px #dedede dashed;}
.news .l{width:90px; height:83px; font-size:20px; color:#FFFFFF; text-align:center; line-height:32px;}
.news .l p{font-size:24px; color:#8a8557;line-height:52px;}
.news .r{width:990px; height:83px; overflow:hidden;}
.news .r h2{line-height:30px; height:35px;}
.news .r h2 a{font-size:18px; color:#8a8557;}
.news .r h2 a:hover{color:#ff5400;}
.news .r .small{font-size:14px;}

/*新闻内容页*/
#text{ text-align:left; width:1200px; margin:0 auto;}
#text #font{margin-bottom:20px;border-bottom:1px #dedede dashed;}
#text #font h1{font-size:22px;height:50px; line-height:45px; color:#8a8557; text-align:center;}
#text #font p{font-size:14px;text-align:center;}
#text #nr{font-size:14px;line-height:30px; width:1200px; min-height:500px; overflow:hidden;}
#text #next{font-size:14px; color:#8a8557; line-height:30px; height:30px; clear:both; padding:20px 0;}

/*---成功案例列表---*/
.block_w{margin:0 auto; padding:0; width:1100px;}
.block_w a{ display:block; float:left; margin:0 8px 16px; width:247px; height:146px; border:1px #dbdbdb solid; padding:5px;position:relative;}
.block_w a img{width:247px; height:146px;}
.block_w a .title{ display:none;}
.block_w a:hover .title{ display:block;background:url(images/case_bg.png); height:35px; line-height:35px; color:#fff; position:absolute; bottom:5px; left:5px; width:247px; text-align:center;}
/*-----------------------------------------页脚-----------------------------------------*/
#footer{background:#6f6743;width:100%; font-size:16px;text-align:center;color:#ffffff; line-height:80px; clear:both;}
#footer a{ color:#ffffff;font-size:16px; }