@charset "utf-8";
/* CSS Document */
.header{ position: relative; line-height: 39px;}
.header .wrap{ position: absolute; left: 50%; top: 0; margin-left: -550px; z-index: 100}
.logo{font-size: 36px; float: left; line-height: 39px; }
.logo a{color:rgba(0,0,0,0.475)}
.tel{ font-size:36px;color: #e43a3d;}

.nav_nav{position: absolute; left: 0; bottom: 46px;width:100%;background: url(../images/navbg.png) no-repeat center center;z-index: 100}
.nav{ width: 1100px; display: block; margin: 0 auto; padding-left:124px;}
.nav li{float: left; text-align: center; width: 138px; height: 70px; margin-left:-1px; background: url(../images/navlibg.jpg) no-repeat right center;}
.nav li:last-child{ background: none}
.nav li a{ display: block;color: #212426; font-size: 18px; line-height: 70px;}
.nav li.on { cursor:pointer;background:#0285d0;}
.nav li.on a{ color: #FFF}
.nav li:hover{cursor:pointer;background:#0285d0;}
.nav li:hover a{ color: #FFF}
/*content*/
.content { position: relative; }
/*index banner*/
.banner{width: 100%;height:601px; overflow:hidden;z-index:1;}

.banner .flexslider{ width:1920px;height:100%;position:relative;left: 50%;margin-left: -960px;overflow:hidden; min-width:1000px;}
.banner .slides{position:relative;z-index:1;}
.banner .slides li{height:100%;}
.banner .slides li img{width: 100%; margin:0 auto; display:block;}
/*左右切换*/
.banner .flex-direction-nav {width: 1200px;height: 71px;position: absolute;left: 50%;top: 50%;margin:-24px 0 0 -600px;  z-index: 1}
.banner .flex-direction-nav a.flex-prev,
.banner .flex-direction-nav a.flex-next{position: absolute;border-radius:10px;width: 71px;height: 71px;background:url(../images/left.png) no-repeat;font-size: 0}
.banner .flex-direction-nav a.flex-prev{left: 0;}
.banner .flex-direction-nav a.flex-next{right: 0;background:url(../images/right.png) no-repeat; }
/*dot*/
.banner .flex-control-paging{}
.banner .flex-control-nav{ width: 1000px;position:absolute;left: 50%;margin-left: -500px;bottom: 10px; z-index:2;text-align:center;}
.banner .flex-control-nav li{display:inline-block;*display:inline;zoom:1;font-size: 0;margin: 0 6px;}
.banner .flex-control-nav a{display:block;width:14px;height:14px;background:url(../images/public/dot.png) 0 0 no-repeat;cursor:pointer;}
.banner .flex-control-nav .flex-active{background-position:right 0;}

.in-content{ position: relative; z-index: 99;}
.in-content .title{
    text-align: center;
    padding-top: 65px;
}
.in-content .title h2{
    font-size: 42px;
    color: #ffffff;
}
.in-content .title p{
    font-size: 21px;
    color: #cccccc;
    height: 30px;
}
.in-content .title span{
    color: #FFF;
    font-size: 42px;
    font-weight: bold;
    display: block;
    margin: 0 auto;
}

.in-about .wrap{
    background: #e8f1ff;
    height: 400px;
    position: relative;
    margin-bottom: 60px;
}
.in-about .wrap .left{
    width: 342px;
    height: 421px;
    background: url(../images/abou-left.png) no-repeat top center;
    text-align: center;
    position: absolute;
    left: 20px;
    top: 20px;
}
.left h2{
    color: #0285d0;
    font-size: 22px;
    font-weight: normal;
    line-height: 60px;
    text-align: center;
}
.left h2 span{
    color: #393a3a;
    font-size: 18px;
    border-left: 1px solid #393a3a;
    margin-left: 10px;
    padding-left: 10px;
}
.in-about .wrap .right{
    width: 665px;
    height: 239px;
    margin: 68px 30px 0 0;
    font-size: 15px;
    line-height: 30px;
    color: #1b1b1b;
}
.in-about .wrap .right .more1{
    margin-top: 30px;
}
.more{
    background: #0285d0;
    color: #FFF!important;
    padding: 10px 0 10px 10px;

}
.more span{
    background: #313131;
    color: #FFF;
    padding: 10px 20px;
    margin-left: 10px;
}
.in-pro {
     background: url(../images/pro-left.png) no-repeat top left;
     position: relative;
    overflow: hidden;
}
.in-pro .left{
    width: 263px;
    height: 550px;
}
.in-pro .left ul {
    padding: 105px 0 5px 45px;
    height: 326px;
}
.in-pro .left ul li{
    height: 30px;
    line-height: 30px;
    margin-bottom: 6px;
    text-align: left;

}
.in-pro .left ul li a{
    color: #fbf9f9;
    font-size: 16px;
    display: block;
}
.in-pro .left p{
    text-align: center;

}
.in-pro .left p a{
    color: #FFF;
    padding: 52px 30px 30px 30px;
    display: inline-block;
}

.multipleColumn{ overflow:hidden; position:relative; width:814px;}
.multipleColumn .bd{overflow:hidden;}
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:270px;  float:left; _display:inline;  }
.multipleColumn .bd ul li{border: 1px solid #a0a0a0;  margin:30px 6px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative; }
.multipleColumn .bd ul li img{ width:256px; height:202px; display:block;}
.multipleColumn .bd ul li .title{width:176px;font-size: 15px; color: #252424; text-align: left; padding:0 60px 0 20px; height:46px;overflow:hidden;line-height:46px;background:url(../images/morebg.png) no-repeat  215px center;  }
.multipleColumn .bd ul li:hover .title{background:url(../images/morebg.png) no-repeat  215px center #d9edf8;  }



.in-add .title h2,.in-add .title span{color:rgb(228, 57, 60)}


.in-add ul{overflow: hidden;  text-align: center}
.in-add ul li{float: left; width: 25%; background: #f4f4f4; overflow: hidden}

.in-add ul li img{
    max-width: 100%;
    margin: 25px auto 0;
}
.in-add ul li h2{
    color: #000000;
    font-size: 18px;
    text-align: center;
    margin: 25px 0;
}
.in-add ul li em{
    width: 40px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    display: block;
}
.in-add ul li p{
    width: 225px;
    margin: 20px auto 0;
    line-height: 25px;
    font-size: 15px;
    color: #3c3c3c;
    height: 75px;
}
.in-add ul li .a2{
    height: 236px;
    width: 286px;
}

.in-add ul li.gray_background{
    background: #dceafe;
}
.in-add2{
    height: 214px;
    margin-top: 52px;
    background: url(../images/addbg.png) no-repeat top center;
}
.in-add2 .wrap{
    color: #fbf9f9;
    font-size: 22px;
    padding: 170px 0 0 488px;
    width: 500px;
}
.in-news{
    overflow: hidden;
    margin: 20px auto 40px;
}
.in-news .left{
    width: 295px;
    height: 394px;
    background: url(../images/news-left.png) no-repeat top center;
}
.in-news .right{
    background: #e8f1ff;
    width: 735px;
    padding: 25px;
    height: 344px;
}
.in-news .right .top{
    overflow: hidden;
}
.in-news .right .img{
    float: left;
}
.in-news .right .news_news{
    width: 520px;
    float: right;
}
.in-news .right .news_news h2{
    color: #272828;
    font-size: 16px;
}
.in-news .right .news_news p{
    font-size: 14px;
    color: #272828;
    height: 90px;
    line-height: 30px;
    overflow: hidden;
    padding: 10px 0;
}
.in-news .right .news_news span{
    color: #0285d0;
    font-size: 14px;
}
.in-news .right .bottom{
    margin:0 -2%;
}
.in-news .right .bottom li{
    width: 45%;
    margin: 0 2.5%;
    border-bottom: 1px dashed #9a9a9b;
    line-height: 43px;
    float: left;
}
.in-news .right .bottom li a{
    color: #272828;
    font-size: 16px;
}
.in-news .right .bottom li a span{
    color: #0285d0;
    padding-right: 15px;
}
.footer{
    height: 216px;
    font-size: 16px;
    color: #faf8f8;
    background:url(../images/footerbg.jpg) repeat-x;
}
.footer .wrap2{
    position: relative;
    height: 168px;
}
.footer .wrap2 img{
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
}
.footer .wrap2 .footer_nav{
    overflow: hidden;
}
.footer .wrap2 .footer_nav li{
    width: 136px;
    float: left;
    height: 80px;
    line-height: 80px;
}
.footer .wrap2 .footer_nav li a{
    color: #b0acac;
    font-size: 15px;
    opacity: 0.6;
    border-right: 1px solid #b0acac;
    padding-right: 36px;
}
.footer .wrap2 .address{
    overflow: hidden;
}
.footer .wrap2 .address li{
    float: left;
    width: 235px;
    padding: 10px 0 10px 80px;

}
.footer .wrap2 .address li p{
    color: #b0acac;
    font-size: 14px;
    opacity: 0.6;
}
.footer .wrap2 .address li.a1{
    background:url(../images/address01.jpg) no-repeat left center;
}
.footer .wrap2 .address li.a2{
    background:url(../images/address02.jpg) no-repeat left center;
}
.footer .wrap2 .address li.a3{
    background:url(../images/address03.jpg) no-repeat left center;
}
.footer .fr{
    position: absolute;
    right: 0;
    top: 0;
    width: 234px;
    height: 261px;
    background: #088cc9;
}
.footer .fr p{
    padding: 40px 40px 10px;
    font-size: 14px;
}
.footer .fr img{
    width: 150px;
    height: 150px;
    margin: 0 auto;
    display: block;
}

.foot { font-size: 14px;}
.ddb p { float: left;line-height:45px;color: #5f5f5f; width: 33%; }
.ddb p a{ color: #5f5f5f}

.xf{
    text-align: center;
    vertical-align: middle;
    position: fixed;
    height: 150px;
    width: 50%;
    left: 0;
    background: rgba(24,11,10,0.2);
    bottom: 0;
    z-index: 999;
}
.xf2{
   left:50%;
}
.xf2 .close{
    position: absolute;
    right: 20px;
    top: 5px;
    color: #FFF;
    font-size: 20px;
    cursor: pointer;
}
.xf a{
    text-align: center;
    font-size: 60px;
    width: 87%;
    background: #E1EEFA;
    color: #180B0A;
    height: 67%;
    position: relative;
    border-radius: .15em;
    text-decoration: none;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 16.5%;
    left: 6.5%;
    z-index: 1;
    cursor: pointer;
}
.bdy {
    position: fixed;
    top: 10%;
    display:none;
    background-color: rgba(24,11,10,0.8);
    height: 600px;
    width: 50%;
    margin-left: 25%;
    padding-top: 100px;
    z-index: 1000;
}
.bdy .theme-buy{
    margin-bottom: 20px;
}
.bdy .btn {
    display: block;
    margin-left: 25%;
    width: 50%;
    font-size: 30px;
    height: 70px;
    background-color: #337ab7;
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height: 70px;
}
.bdy .lbl {
    font-size: 30px;
    width: 50%;
    text-align: justify;
    float: left;
    height: 70px;
    margin-left: 25%;
    letter-spacing: 40px;
    color: #fff;
    padding: 20px 0 0;
}
.bdy .form-control {
    width: 50% !important;
    height: 50px;
    margin-left: 25%;
    border: 1px solid #FFF;
}
.x2 {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    z-index: 1001;
    cursor: pointer;
}

/*in-ourdc*/
.in-ourdc { overflow: hidden; margin-bottom: 40px; }
.ourdcimg  { overflow:hidden;display: block;margin: 0 auto 46px;padding-top: 45px; text-align: center; font-size: 14px; line-height: 30px; }
.ourdcimg a{ color: #7f7f7f;}
.ourdcimg h2{ color:#3b8f5b; font-size: 26px; width: 480px; border-bottom: 1px solid #afafaf; display: block; margin: 0 auto; line-height: 50px;}
.ourdcimg p{ width: 80px; display: block; height: 5px; background: #3b8f5b; margin: 0 auto; margin-top: -3px;}
.dzx p { background: url(../images/bg3.png) no-repeat ;width: 476px;height: 32px;font-size: 18px;color: #ffffff;padding: 3px 0 0 10px }
.dyh p { background: url(../images/bg3.png) no-repeat ;width: 476px;height: 32px;font-size: 18px;color: #ffffff;padding: 3px 0 0 10px }
.dzx ul,.dyh ul { list-style: square outside url('../images/dian.png') !important; }
.dzx ul li,.dyh ul li { font-weight:500; line-height: 30px; width: 470px; font-size:16px;list-style: square outside url('../images/dian.png') !important;color: #7f7f7f;margin: 5px 0 0 14px; }
.dzx ul li span{ color: #3b8f5b}
.dzx,.dyh { margin-top: 50px; }
/*in-ourdb*/
.in-ourdb { background: url(../images/dbbg.png) no-repeat center center;height: 601px; c }
.in-ourdb .ourdcimg{}
.in-ourdb .ourdcimg h2{color: #FFF;}
.in-ourdb .ourdcimg p{; background: #FFF;}
.in-ourdb .ourdcimg a{color: #FFF;}
.ourdb img { display: block;margin: 0 auto;padding-top: 40px; }
.ourdblist { margin-top: 70px; }
.ourdblist li { float: left;width: 250px; }
.ourdblist li img { display: block;margin: 0 auto 18px; }
.ourdblist li p { font-size: 14px;color: #fff;display: block;width: 180px;margin: 0 auto; padding: 5px 0 }
/*in-our*/
.in-our { overflow: hidden}
/*in-ouradv*/
.ouradv img { display: block;margin: 0 auto;padding-top: 40px; }
.advlist { margin-top: 40px; overflow: hidden}
.advlist li { float: left;width: 250px; }
.advlist li img { margin: 0 auto;display: block; }
.advlist li p { color: #0d3f20;font-size: 18px; font-weight:500;text-align: center;margin-top: 5px; }
.advlist li span { display: block;color: #7f7f7f;font-size: 14px;text-align: center;width: 200px;margin: 10px auto 0; }
/*in-ourab*/
.inr img { float: left;margin-top: 37px; }
.inrr { margin-top: 43px;width: 480px;color: #7f7f7f; font-size: 18px;}
.more img { float: right; }
/*hzlist*/
.hzlist{ margin-bottom: 40px; overflow: hidden}
.hzlist li { float: left;width: 174px;margin: 10px 13px 0px; }
.jigou img { margin-top: 25px; }
/*in-ourcon*/
.in-ourcon { height: 528px;background: url(../images/conbg.jpg) no-repeat; }
.ouradd h1 { font-size: 27px;color: #fff;margin-bottom: 27px; }
.ouradd { font-size: 16px;color: #fff;padding-top: 80px;width: 550px; }
.add1 p { line-height: 30px; }
.syly { width: 393px;position: relative;height: 434px; }
.syly span { font-size: 16px;color: #fff }
.txtt1 { width: 308px;height: 38px;border-radius: 10px;margin-top: 15px;line-height: 38px;text-indent: 1em }
.texacnt span { float: left;margin-top: 15px; }
.btnt { background: url(../images/btn.png) no-repeat;width: 126px;height: 39px;position: absolute;bottom: 20px;right: 100px; }
.texar { }
.dy { font-size: 14px;color: #fff;margin-top: 27px; }
.dy p { width: 308px;float: right; }
/*foot*/

.bq { width: 300px;text-align: right; }
.ba { width: 300px;text-align: center; }
.js { width: 300px;text-align: left; }