@charset "utf-8";
/* CSS Document */
.header{ position: relative;z-index: 100;}
.header-top{ line-height: 32px; border-bottom: 1px solid #9e9e9f; color: #181818; font-size: 12px;}
.logo img{display: block;margin:25px  0;}
.header .wrap{ position:relative;overflow: hidden}
.tel{ font-size:18px;color: #FFF;text-align: left; position: absolute ;  right: 0; top: 10px;background: url(../images/top-telbg.png) no-repeat left 15px; padding:18px 0 0 80px;}
.tel p{ font-size: 30px; color: #f01201 ; font-weight:bold; letter-spacing: 1px; padding: 8px 0 0;}
.ss { margin-top: 10px; margin-right: 20px; float: right; position: relative;width: 150px;background: url(../images/searchbg.png) no-repeat center center }
.txt { float:left;padding: 0 0 0 10px;height: 26px;line-height: 26px;width: 118px;border:none; background: none }
.btn { height: 26px;width: 19px; float: right; background: none; border: none }
.nav_nav{background:url(../images/navbg.jpg) repeat-x;height:50px; z-index: 100;}
.nav {}
.nav li{float: left; text-align: center; width:142px; height: 50px; margin: 0 14px;}

.nav li a{ display: block;color: #FFF; font-size: 18px; line-height: 50px;}
.nav li.on{background: url(../images/navlihbg.jpg) no-repeat  center}
.nav li:hover{background: url(../images/navlihbg.jpg) no-repeat  center}
/*content*/
.content { position: relative; }
/*index banner*/
.banner{width: 100%;height:535px; overflow:hidden;position: relative;z-index:1; margin-top:-8px;}

.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: 48px;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;width: 25px;height: 48px;background:url(../images/public/banner_btn.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-position:-25px 0; }
/*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;}


.search{overflow:hidden;position: relative;line-height: 30px; padding:24px 0; font-size: 14px; background:#059ede}
.search .keywd{ color: #fff; font-size: 14px; background: url(../images/keyword.png) no-repeat left center; padding-left: 30px;}
.search .keywds {float: left;line-height: 30px; color: #FFF}
.search .keywds a{ padding: 0 10px; color: #FFF;}
.search .form{overflow: hidden;display: block;position: relative;}
.search .txt{width:195px;float: left;height:31px; line-height:31px;color: #a1a1a1; padding:0 0 0 25px;border:none; background:none;}
.search .btn{width:43px; float: left; height:31px;z-index: 9999;border:none;display: block;outline: none;cursor: pointer;}
.search .search_cnt{width: 263px; height: 31px; background: url(../images/searchbg.png) no-repeat}
.search input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #FFF;
}
.search input::-moz-placeholder{
    /* Mozilla Firefox 19+ */
    color: #FFF;
}
.search input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #FFF;
}

.prod{ overflow: hidden; position: relative}
.prod .title{
   position: absolute;
    left: 0;
    top: 45px;
    color: #181818;
    font-size: 20px;
    padding: 0;
}
.prod .title span{
    font-size: 10px;
    color: #c1c1c1;
}


.prod .slideTxtBox {

}
.prod .slideTxtBox .hd {
    position: relative;
    float: left;
    width: 100%;
    height: 123px;
}

.prod .slideTxtBox .hd ul {
    width:100%;
    float: right;
    height: 123px;
    text-align: right;

}
.prod .slideTxtBox .hd ul li {
    cursor: pointer;
    color: #181818;
    font-size: 14px;
    line-height: 32px;
    display: inline-block;
    margin:45px 5px ;
    padding: 0 10px;
}

.prod .slideTxtBox .hd ul li:hover{
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background: #059ede;
    color: #FFF;
}
.prod .slideTxtBox .hd ul li.on{
    background: #059ede;
    color: #FFF;
}
.prod .slideTxtBox .bd {
    float: right;
    width:100%;

}
.prod .slideTxtBox .bd ul {
    zoom: 1;
    margin: 0 -14px;
}
.prod .slideTxtBox .bd li {
    float: left;
    width: 385px;
    margin: 0 12px 35px;
    position: relative;
}
.prod .slideTxtBox .bd li img {
    width: 385px;
    height: 280px;
    margin: 0;
}
.prod .slideTxtBox .bd li p {
    width: 100%;
    height: 30px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #181818;
}
.prod .slideTxtBox .bd li span{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #181818;
    font-size: 14px;
    display: block;
}
.prod .slideTxtBox .bd li:hover{
    background: #059ede;
}
.prod .slideTxtBox .bd li:hover p ,.prod .slideTxtBox .bd li:hover span{
    color:#FFF;
}

.in-add{
    background:url(../images/in-addbg.jpg) top center no-repeat;
    overflow: hidden;

}
.in-add .title{
    padding-top: 67px;
    text-align: center;
}
.in-add .title h2{
    font-size: 34px;
    color: #fff;
    text-align: center;
    font-weight: normal;
}
.in-add .title span{
    text-align: center;
    font-size: 27px;
    background: #01479d;
    padding: 2px 20px;
    display: inline-block;
    margin: 19px auto 50px;
    color: #FFF;
    border-radius: 4px;
}
.in-add ul{
    position: relative;
}
.in-add ul .kk{
    position: absolute;
    width: 260px;
    height: 446px;
    border: 1px solid #fff;
    top: 16px;
    left: 16px;
}
.in-add ul li{
    width: 295px;
    height: 241px;
    float: left;
    color: #FFF;
}
.in-add ul li h3{
    font-size: 23px;
    padding: 34px 25px;
    position: relative;
    z-index: 10;
}
.in-add ul li p{
    padding: 0 25px;
    font-size: 14px;
    position: relative;
    z-index: 10;
}
.in-add ul li.a1{
    background: #01479d;
}
.in-add ul li.a2{
    background: #27a5de;
}
.in-add ul li.a2  a{
    border: 1px solid #FFF;
    color: #FFF;
    padding: 5px 20px;
    margin: 20px 80px;
    display: inline-block;
}
.in-add ul.wrap2{
    padding: 58px 100px 0;
    overflow: hidden;
    width: 1000px;
}
.in-add ul.wrap2 li{
    width: 143px;
    margin: 0 50px;
    height: auto;
    color: #27a5de;
    text-align: center;
}
.in-add ul.wrap2 li img{
    display: block;
    margin: 0 auto 20px;
}
.in-add ul.wrap2 li p{
    font-size: 25px;
    padding: 0;
}
.in-add ul.wrap2 li span{
    font-size: 11px;
}

.in-news{
    overflow: hidden;
}
.in-news .wrap{
    position: relative;
}
.in-news .title h2,.in-pro .title h2{
    font-size: 20px;
    font-weight: normal;
    color: #181818;
    line-height: 100px;
}
.in-news .title h2 span,.in-pro .title h2 span{
    font-size: 10px;
    color: #c1c1c1;
}
.in-news .left{
    width: 582px;
}

.in-news .left ul li{
    float: left;
    width: 535px;
    height: 50px;
    margin-bottom: 28px;
    padding: 20px 20px;
    position: relative;
    background:#31aef2;
}
.in-news .left ul li em{
    position: absolute;
    left: 20px;
    top: 10px;
    height: 60px;
    color: #FFF;
    font-style: normal;
    font-size: 14px;
    border-right: 1px solid #28a1e3;
    padding-top: 10px;
    padding-right: 20px;
    text-align: center;
    line-height: 25px;
}
.in-news .left ul li em b{
    display: block;
    font-size: 17px;
}

.in-news .left ul li h2{
    color: #FFF;
    font-weight: normal;
    font-size: 16px;
    padding-left: 90px;
    line-height: 30px;
}

.in-news .left ul li p{
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    padding-left: 90px;
}
.in-news .right{
   width: 580px;
    float: right;
    background: #f6f6f6;
    border: 1px solid #cecece;
    height: 443px;
}
.in-news .right img{
    display: block;
    margin: 8px auto 0;
    width: 536px;
    height: 346px;
}
.in-news .right .left ul li{
    background: none;
    margin: 0;
}
.in-news .right .left ul li em{
    color: #181818;
    border-right:1px solid #dce0e0;
}
.in-news .right .left ul li a h2,.in-news .right .left ul li a p{
    color: #181818;
}
.in-news .left ul li:hover{
    background:#01479d;
}
.in-news .right .left ul li:hover{
    background:none;
}
.in-news .left ul li:hover h2,.in-news .left ul li:hover p{
    color: #FFF;
}

.in-about{
    background: url(../images/in-about-bg.jpg) no-repeat top center;
    height: 447px;
}
.in-about .fr{
    width: 548px;
    margin: 124px 30px 0 0;
}
.in-about .fr h2{
    font-size: 20px;
    padding-left: 30px;
    font-weight: bold;
    color: #002e6e;
}
.in-about .fr p{
    font-size: 14px;
    color: #4a4a4a;
    line-height: 25px;
}
.in-about .fr a{
    border: 1px solid #525252;
    color: #525252;
    padding: 5px 20px;
    margin: 20px 200px;
    display: inline-block;
}

.in-pro{}
.product_list{ display: block; overflow: hidden; margin-bottom: 58px; padding-bottom: 40px;}
.product_list .flexslider{ width:100%;position:relative; margin-top:10px;}
.product_list .slides{position:relative;z-index:1;}
.product_list .slides li{position:relative; float: left;}
.product_list .slides li a{ width:383px; height:382px;border:1px solid #b1b1b2; display:block; margin:0 auto;text-align:center;overflow: hidden}
.product_list .slides li a img{ width:360px; height:252px;display: block; margin: 10px auto }
.product_list .slides li p{ width: 100%; display:block; line-height:38px;  }
.product_list .slides li span{width: 100%; display:block;}
.product_list .slides li em{ font-size:10px;display:inline-block;font-style: normal; border: 1px solid #505050; color: #505050;  padding:0 20px; margin-top: 10px;}
.product_list .slides li:hover a{border: 1px solid #92edfe}
.product_list .slides li:hover em{ background: #31aef2; color: #fff; border: 1px solid #31aef2}
.product_list .flex-control-paging{}
.product_list .flex-control-nav{ display: none;width: 1000px;position:absolute;left: 50%;margin-left: -500px;bottom: -30px; z-index:2;text-align:center;}
.product_list .flex-control-nav li{display:inline-block;*display:inline;zoom:1;font-size: 0;margin: 0 6px;}
.product_list .flex-control-nav a{display:block;width: 55px; height:4px;background: #c0b1a4;cursor:pointer;}
.product_list .flex-control-nav .flex-active{background:#b9d800;}
.product_list .flex-direction-nav{ display: none}

.footer{
    background: url(../images/footerbg.jpg) repeat-x;
    font-size: 14px;
    color: #ffffff;
}
.footer .wrap2{
    position: relative;
}

.footer ul{
    font-size: 16px;
    text-align: center;
    width: 100%;

}
.footer ul li{
    display: inline-block;
}
.footer ul li a{
    color: #f9f9f9;
    border-right: 1px solid #fff;
    line-height: 53px;
    padding: 0 40px;
}
.footer ul li:last-child a{
    border: none;
}

.footer .center{
    width: 1000px;
    display: block;
    margin: 50px auto 30px;
    text-align: center;
    height: 222px;
}
.footer .center .fl h1{
    font-size: 26px;
    color: #01479d;
    margin-bottom: 20px;
}
.footer .center .fl{
    font-size: 14px;
    color: #181818;
    background: url(../images/addressbg.png) no-repeat left 65px;
}
.footer .center .fl p{
    line-height: 32px;
    text-align: left;
    text-indent: 40px;

}
.footer .center .fr{
    width: 402px;
    padding-top: 30px;
}
.footer .center .fr .inp_one{
    border: 1px solid #000;
    width: 390px;
    height: 30px;
    line-height: 30px;
    background: none;
    margin-bottom: 13px;
    padding-left: 10px;
}
.footer .center .fr .texar{
    border: 1px solid #000;
    width: 390px;
    height: 85px;
    background: none;
    padding-left: 10px;
    line-height: 30px;
    font-size: 14px;
}
.footer .center .fr .submit_btn{
    background: #01409b;
    float: right;
    color: #FFF;
    padding: 5px 20px;
    margin-top: 10px;
}
.footer .center .fr input:-moz-placeholder, .footer .center .fr textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #000;
}
.footer .center .fr input::-moz-placeholder, .footer .center .fr textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #000;
}
.footer .center .fr input:-ms-input-placeholder, .footer .center .fr textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #000;
}
.footer .footer-ul li{ width: 30%; padding-top: 50px; float: left; color: #979696; font-size: 15px;}
.footer .footer-ul li img{display: block; margin: 0 auto; max-width: 100%;}
.footer .footer-ul li.a1{ background: url(../images/footerlibg.png) no-repeat right top;}
.footer .footer-ul li.a2 img{width: 142px; display: block; margin: 0 auto}
.footer .footer-ul li.a3{height:153px;width: 30%; float: right; padding-left: 30px; background: url(../images/add-bg.png) no-repeat left 58px;}
.footer .footer-ul li.a3 p{ line-height:37px;}

.footer p.a2{
    position: absolute;
    right: 0;
    bottom: 15px;
    width: 163px;
    height: 133px;
    border-left: 1px dashed #989898;
}
.footer p.a2 img {
    width: 133px;
    height: 133px;
    margin:0 0 0 40px;
}
.footer p.a2 span{
    float: right;
    width: 24px;
}
.foot { height:45px; font-size: 12px;}
.ddb p { float: left;line-height: 45px;color: #e7f2fc; width: 33%; }
.ddb p a{ color: #e7f2fc}


/*bannerul*/
.bannerul { margin-top: -50px;position: relative;z-index: 99; overflow: hidden }
.bannerul li { width: 248px;height: 210px;background: url(../images/bg2.png) no-repeat ;float: left;margin: 0px 1px; }
.bannerul li:hover { width: 248px;height: 210px;background: url(../images/bg22.png) no-repeat ; }
.bannerul li span { display: block;text-align: center;font-size: 18px;color: #ffffff;margin-top: 8px; }
.bannerul li img { margin: 50px 0 0 85px; }
/*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; }