@charset "UTF-8";
/*------------// Overall //------------------*/
body{font:12px/140% Arial,"宋体",Helvetica, sans-serif,Verdana;color:#5a5a5a; margin:0; background:#FFF; }
html,body{-webkit-text-size-adjust:none;}
table,td{font:12px/140% Arial,"宋体",Helvetica, sans-serif,Verdana; color:#5a5a5a;}
table{border-collapse:collapse; border-spacing:0; empty-cells:show; }
th, td { border-collapse:collapse; }
A:link{text-decoration:none; color:#5a5a5a;}
A:visited{text-decoration:none; color:#5a5a5a;}
A:hover{text-decoration:none; color:#47cdff;}
img{ border:0; }
div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{   border:none;padding:0 }
a{blr:expression(this.onFocus=this.blur())} /*for IE*/
a{outline:none;} /*for Firefox*/
ol,ul,li{list-style-type:none;}
/*头部标题*/
.canvas_container{
    width: 100%;
    min-width: 1100px;
}
.full_column{
    width: 100%;
    height: 35px;
    background-color: rgb(204, 204, 204);
    background-image: url(../images/footer_bg.jpg);
}
.full_column .full_width{
    width: 1100px;
    height: 35px;
    margin:0 auto;
}
.wp_content{
    float: left;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    font-family: "微软雅黑",Arial;
}
.cstlayer{
    float: right;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    font-family: "微软雅黑",Arial;
}
/*End 头部标题*/

/*顶部logo*/
.logo_column{
    width: 100%;
    height: 140px;
    background: rgb(204, 204, 204);
    background: url("../images/bg_01.jpg");
}
.logo_column .logo_width{
    width:1100px;
    height:140px;
    margin:0 auto;
}
.logo_left{
    float:left;
    height:140px;
    line-height: 140px;
}
.logo_left img{
    height: 105px;
    margin-top: 22px;
}
.logo_right{
    float:right;
    height:140px;
    width: 233px;
    line-height: 140px;
}
.logo_right .logo_phone{
    width: 183px;
    height:140px;
    position: relative;
    right: -50px;
    /*margin-top: 36px;*/
}
.logo_right .logo_tel{
    float: left;
    line-height: 172px;
}
/*End 顶部logo*/

/*导航栏*/
.nav_bar{
    width: 100%;
    min-width: 1100px;
    height:50px;
    background:#006db8;
}
.nav_bar .nav_width{
    width: 1100px;
    height:50px;
    margin:0 auto;
}
.nav_bar .nav_width li.wp_subtop{
    width:173px;
    height: 50px;
    float: left;
    line-height: 50px;
    padding-left: 5px;
    padding-right: 5px;
}
.nav_bar .nav_width li.wp_subtop>a{
    white-space: nowrap;
    font-style: normal;
    font-weight: normal;
    font-family: Microsoft YaHei,arial;
    font-size: 15px;
    text-align: center;
    display: block;
    padding: 0px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}
.nav_bar .nav_width li.wp_subtop:hover{
    height: 42px;
    line-height: 42px;
    width: 120px;
    text-align: center;
    background-image: url(../images/menu6_hover.jpg);
    background-repeat: repeat-x;
    background-color: transparent;
    background-position: top left;
    background-image: url(../images/png_bg.png);
    line-height: 50px;
    height: 50px;
    background-color: #ff9900;
    width: 173px;
}
/*End 导航栏*/

/*banner*/
.banner-box {
    width: 100%;
    min-width: 1100px;
    height: 500px;
    margin: 0px auto;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.banner-box .img {
    width: 10000px;
    position: absolute;
    top: 0;
    left: 0;
}

.banner-box .img li {
    float: left;

}
.banner-box .img li>img {
    height: 500px;
    width: 1920px;
}

.banner-box .li {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 10px;
}   
.banner-box .li li {
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 50%;
    display: inline-block;
    margin: 0 3px;
    cursor: pointer;
}

.banner-box .but {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 38px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-family: '宋体';
    cursor: pointer;
    display: none;
}

.banner-box:hover .but {
    display: block;
}

.banner-box .but-left {
    left: 0;
}

.banner-box .but-right {
    right: 0;
}

.banner-box .li .index {
    background: #f60;
    width: 30px;
    border-radius: 10px;
}

.banner-box .bar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    background-color: hsla(24, 100%, 50%, 0.5);
}
/*End banner*/

/*产品栏*/
.product-box{
    width: 100%;
    min-width: 1100px;
    height: 704px;
    background: url("../images/bg_01.jpg");
}
.product-box .product-width{
    width: 1100px;
    height:704px;
    margin: 0 auto;
    /*background: darkgrey;*/
}
.product-box .product-width .product-nav{
    width: 210px;
    height: 623px;
    position: absolute;
    top: 27px;
    background: #FFFFFF;
}
.product-box .product-width .product-nav .product-title{
    width: 210px;
    height: 75px;
    background: #fe9900;
}
.product-box .product-width .product-nav .product-title .title-style{
    width: 210px;
    height: 75px;
    padding-top: 12px;
    text-align: center;
}
.product-box .product-width .product-nav .product-title .title-style .p-product-1{
    color: #FFFFFF;
    font-family: 微软雅黑,Arial, 宋体,Helvetica, sans-serif,Verdana;
    font-size: 26px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 140%;
}
.product-box .product-width .product-nav .product-title .nav-title{
    width: 192px;
    height: 435px;
    margin:0 9px;
}
.product-box .product-width .product-nav .product-title .nav-title .nav-sort{
    /*line-height: 48.375px;*/
    height: 48.375px;
    width: 192px;
    color: #000000;
    background-image: url(../images/pro_ic2.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-color: transparent;
    float: left;
    clear: left;
    padding-left: 18px;
    padding-right: 4px;
    padding-bottom: 3px;
    margin-bottom: 3px;
}
.product-box .product-width .product-nav .product-title .nav-title .nav-sort:hover{
    background-image: url(../images/pro_ic2h.png);
}
.product-box .product-width .product-nav .product-title .nav-title .nav-sort>a{
    /*font-size: 15px;*/
    font-weight: bold;
    font-family: Microsoft YaHei;
}
.product-box .product-width .product-nav .product-title .nav-title .nav-sort>a:hover{
    color:#ff9900;
}
.product-box .product-width .product-nav .product-title .product-adv{
    height: 101px;
    width: 210px;
    background: #006db8;
}

.product-box .product-width .product-column{
    width: 885px;
    height: 623px;
    position: absolute;
    left: 215px;
    top: 27px;
}
.product-box .product-width .product-column .product-show{
    width: 275px;
    height:307px;
    float: left;
    margin-bottom: 10px;
    margin-left:20px;
    /*background: salmon;*/
}
.product-box .product-width .product-column .product-show .product-img{
    width: 273px;
    height:273px;
    border: 1px solid #acacac;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    /*background: forestgreen;*/
}
.product-box .product-width .product-column .product-show .product-img>a>img{
    height: 273px;
    width: 273px;
    max-width: 273px;
    max-height: 273px;
    margin: 0px auto;
    position: relative;
    display: block;
    background: #FFFFFF;
}
.product-box .product-width .product-column .product-show .product-img-title{
    height:22px;
    width: 275px;
    margin-top: 10px;
    text-align: center;
}
.product-box .product-width .product-column .product-show .product-img-title .title-1{
    font: normal 120% 'Microsoft yahei', Arial, Verdana;
}
.product-box .product-width .product-column .product-show .product-img-title .title-1>a{
    font-family: Microsoft YaHei;
    font-size: 16px;
    color: #5a5a5a;
    line-height: 140%;
}
.product-box .product-width .product-column .product-show .product-img-title .title-1>a:hover{
    color: #fd9903;
}
/*End 产品栏*/
/*选择我们*/
.chooseUs{
    width: 100%;
    min-width: 1100px;
    height: 602px;
    background: #FFFFFF;
}
.chooseUs .chooseUs-width{
    width: 1100px;
    height: 602px;
    margin:0 auto;
    overflow: hidden;
}
.chooseUs .chooseUs-title{
    width: 575px;
    height: 65px;
    position: relative;
    left: 262.5px;
    top:35px;
}
.chooseUs .chooseUs-title .chooseUs-title-line{
    position: absolute;
    top: 12px;
    word-wrap: break-word;
    padding: 0px;
    border-color: rgb(160, 160, 160) transparent transparent;
    border-width: 1px 0px 0px;
    height: 32px;
    width: 575px;
    border-style: solid;
    background-color: transparent;
}
.chooseUs .chooseUs-title .chooseUs-title-line .chooseUs-titleUs{
    left: 147px;
    top: -14px;
    position: absolute;
    z-index: 128;
    width: 281px;
    height: 72px;
    word-wrap: break-word;
    padding: 0px;
    border: 0px solid transparent;
    display: block;
    background-color: rgb(255, 255, 255);
}
.chooseUs .chooseUs-width .title-line-left{
     position: relative;
     top: -18px;
 }
.chooseUs .chooseUs-width .title-line-left>li{
    background: #006db8;
    width: 281px;
    height: 64px;
    position: absolute;
}
.chooseUs .chooseUs-width .title-line-right{
    position: relative;
    top: -18px;
    right: -819px;
}
.chooseUs .chooseUs-width .title-line-right>li{
    background: #006db8;
    width: 281px;
    height: 64px;
    position: absolute;
}
.chooseUs .chooseUs-width .number{
    width: 65px;
    height: 64px;
    position: absolute;
    background: #fe9900;
}
.chooseUs .chooseUs-width .number span{
    display: block;
    text-align: center;
    line-height: 269%;
    font-size: 25px;
    color: rgb(255, 255, 255);
    letter-spacing: 0px;
}
.chooseUs .chooseUs-width .number-title{
    left: 86px;
    top: 17px;
    position: absolute;
    z-index: 131;
    width: 183px;
    height: 48px;
}
.chooseUs .chooseUs-width .number-title .number-title-p1{
    color: rgb(90, 90, 90);
    font-family: Arial, 宋体, Helvetica, sans-serif, Verdana;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 140%;
}
.chooseUs .chooseUs-width .number-title .number-title-p1>span{
    font-size: 18px;
    font-family: 微软雅黑;
    color: rgb(255, 255, 255);
}
.chooseUs .chooseUs-width .number-title .number-title-p2>span{
    color: rgb(204, 204, 204);
    font-family: 微软雅黑,Arial;
}
.chooseUs .chooseUs-width .us-img{
    width: 430px;
    height: 430px;
    position: relative;
    top: 58px;
    left: 338px;
    /*background: #00aff1;*/
}
/*End选择我们*/

/*关于我们*/
.aboutUs{
    width: 100%;
    min-width: 1100px;
    height: 550px;
    background: url("../images/bg_01.jpg");
}
.aboutUs .aboutUs-width{
    width: 1100px;
    height: 550px;
    margin: 0 auto;
    /*background: slateblue;*/
}


.aboutUs .aboutUs-title{
    width: 575px;
    height: 65px;
    position: relative;
    left: 262.5px;
    top:35px;
}
.aboutUs .aboutUs-title .aboutUs-title-line{
    position: absolute;
    top: 12px;
    word-wrap: break-word;
    padding: 0px;
    border-color: rgb(160, 160, 160) transparent transparent;
    border-width: 1px 0px 0px;
    height: 32px;
    width: 575px;
    border-style: solid;
    background-color: transparent;
}
.aboutUs .aboutUs-title .aboutUs-title-line .aboutUs-titleUs{
    left: 147px;
    top: -14px;
    position: absolute;
    z-index: 128;
    width: 281px;
    height: 72px;
    word-wrap: break-word;
    padding: 0px;
    border: 0px solid transparent;
    display: block;
    background:url("../images/bg_01.jpg");
}
.aboutUs .aboutUs-img{
    overflow: hidden;
    width: 1100px;
    height: 265px;
    position: relative;
    top: 70px;
    /*background: slateblue;*/
}
.aboutUs .aboutUs-img-left{
    overflow: hidden;
    float: left;
    width: 447px;
    height: 265px;
    background: slategray;
}
.aboutUs .aboutUs-img-right{
    overflow: hidden;
    float: right;
    width: 636px;
    height: 265px;
    background: #006db8;
}
.aboutUs .aboutUs-img-right .img-right-content{
    height: 166px;
    width: 594px;
    display: block;
    left: 22px;
    top: 21px;
    position: relative;
    font-size: 12px;
}
.aboutUs .aboutUs-img-right .img-right-content .span-1{
    color: white;
    font-size: 14px;
    font-family: 微软雅黑;
    line-height: 180%;
}
.aboutUs .aboutUs-img-right .aboutUs-button-left{
    overflow: hidden;
    width: 130px;
    height: 46px;
    background: #fe9901;
    text-align: center;
    position: relative;
    left: 16px;
    top: 37px;
}
.aboutUs .aboutUs-img-right .aboutUs-button-left .btnarea-1{
    width:130px;
    height:46px;
    display: block;
    line-height:46px;
    background: #fe9901;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.aboutUs .aboutUs-img-right .aboutUs-button-left .btnarea-1:hover{
     background: #ff6600;
 }
.aboutUs .aboutUs-img-right .aboutUs-button-left .btnarea-1>span{
    font-weight: bold;
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #FFFFFF;
}

.aboutUs .aboutUs-img-right .aboutUs-button-right{
    overflow: hidden;
    width: 130px;
    height: 46px;
    background: #fe9901;
    text-align: center;
    position: relative;
    left: 162px;
    top: -9px;
}
.aboutUs .aboutUs-img-right .aboutUs-button-right .btnarea-2{
    width:130px;
    height:46px;
    display: block;
    line-height:46px;
    background: #d9d9d9;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.aboutUs .aboutUs-img-right .aboutUs-button-right .btnarea-2:hover{
    background: #cccccc;
}
.aboutUs .aboutUs-img-right .aboutUs-button-right .btnarea-2>span{
    font-weight: bold;
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #666666;
}




.aboutUs .aboutUs-year{
    width: 1100px;
    height: 40px;
    /*background:darkcyan;*/
    position: relative;
    top: 125px;
}
.aboutUs .aboutUs-year li{
    position: relative;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-bottom: 12px;
}
.year-max span{
    cursor: default;
    font-weight: normal;
    font-family: microsoft yahei;
    float: left;
    font-size: 12px;
    background-color: #fd9a00;
    color: #fff;
    text-align: center;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.aboutUs .aboutUs-year .line{
    background-color: #a1a1a1;
    margin-top: 19px;
    height: 3px;
    width: 98px;
    float: left;
}
.year-mix .circle{
    /*cursor: pointer;*/
    position: absolute;
    left: 0;
    top: 12px;
    height: 10px;
    width: 10px;
    background-color: #fff;
    border: 3px solid #fd9a00;
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}




/*End关于我们*/

/*客户案例*/
.case-box{
    width: 100%;
    min-width: 1100px;
    height: 520px;
    background: #FFFFFF;
}
.case-box .case-width{
    width: 1100px;
    height: 503px;
    margin: 0 auto;
}
.case-box .case-title{
    width: 575px;
    height: 65px;
    position: relative;
    left: 262.5px;
    top:35px;
}
.case-box .case-title .case-title-line{
    position: absolute;
    top: 12px;
    word-wrap: break-word;
    padding: 0px;
    border-color: rgb(160, 160, 160) transparent transparent;
    border-width: 1px 0px 0px;
    height: 32px;
    width: 575px;
    border-style: solid;
    background-color: transparent;
}
.case-box .case-title .case-title-line .case-title{
    left: 194px;
    top: -14px;
    position: absolute;
    z-index: 128;
    width: 187px;
    height: 72px;
    word-wrap: break-word;
    padding: 0px;
    border: 0px solid transparent;
    display: block;
    background-color: rgb(255, 255, 255);
}


.case-box .case-width .case-column{
    width: 1130px;
    height: 353px;
    position: relative;
    top: 61px;
    /*background: seagreen;*/
}
.case-box .case-width .case-column .case-show{
    width: 254px;
    float: left;
    margin-bottom: 10px;
    margin-right:27px;
    /*background: salmon;*/
}
.case-box .case-width .case-column .case-show .case-img{
    width: 254px;
    height:254px;
    border: 1px solid #acacac;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    /*background: forestgreen;*/
}
.case-box .case-width .case-column .case-show .case-img>a>img{
    height: 254px;
    width: 254px;
    max-width: 254px;
    max-height: 254px;
    margin: 0px auto;
    position: relative;
    display: block;
    background: #FFFFFF;
}
.case-box .case-width .case-column .case-show .case-img-title{
    height:85px;
    width: 254px;
    margin-top: 10px;
    /*padding: 0 3px 0 6px;*/
    /*text-align: center;*/
}
.case-box .case-width .case-column .case-show .case-img-title .title-2{
    font: normal 120% 'Microsoft yahei', Arial, Verdana;
}
.case-box .case-width .case-column .case-show .case-img-title .title-2>a{
    font-family: Microsoft YaHei;
    font-size: 15px;
    color: #5a5a5a;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: center;
    line-height: 140%;
}
.case-box .case-width .case-column .case-show .case-img-title .title-2>a:hover{
    color: #fd9903;
}
.case-box .case-width .case-column .case-show .case-img-title .title-3{
    width: 100%;
    overflow: hidden;
    word-wrap: break-word;
    line-height: 140%;
    display: inline-block;
    font-family: Microsoft YaHei;
    font-size: 13px;
    padding-top: 10px;
    color: #979797;
    font-weight: normal;
    text-decoration: none;
}
/*End客户案例*/

/*底部*/
.footer{
    width: 100%;
    min-width: 1100px;
    height: 280px;
    background: #484443;
}
.footer .footer-width{
    width: 1100px;
    height: 280px;
    margin: 0 auto;
}
.footer .footer-width .QRcode{
    word-wrap: break-word;
    padding: 0px;
    border: 0px solid transparent;
    height: 280px;
    width: 250px;
    background-color: #006db8;
    float: left;
}
.footer .footer-width .QRcode .QRcode-img{
    left: 30px;
    top: 30px;
    position: relative;
    z-index: 117;
    width: 180px;
    height: 180px;
    background: seagreen;
    margin-top: 20px;
}
.footer .footer-width .QRcode .p-1{
    width: 220px;
    height: 22px;
    position: relative;
    top: 25px;
    left: 28%;
    line-height: 160%;
    color: rgb(255, 255, 255);
    font-size: 14px;
}
.footer-info{
    width: 815px;
    height: 280px;
    float: right;
    /*background: slateblue;*/
}
.footer-info .footer-nav{
    width: 815px;
    height: 40px;
    top: 64px;
    position: relative;
    z-index: 100;
    border-color: transparent transparent rgb(102, 102, 102);
    border-width: 0px 0px 1px;
    border-style: solid;
    padding: 0px;
    display: block;
    overflow: visible;
}
.footer-info .footer-nav .footer-nav-title{
    padding-left: 0px;
    height: 40px;
    background-color: transparent;
    position: relative;
    border: 0px solid #ffffff;
}
.footer-info .footer-nav .footer-nav-title .wp_subtop{
    height: 30px;
    line-height: 30px;
    position: relative;
    float: left;
    padding-bottom: 0px;
    border: 0px solid #ffffff;
    text-align: center;
}
.wp_subtop-this{
    background: #fe9900;
}
.footer-info .footer-nav .footer-nav-title .wp_subtop>a{
    white-space: nowrap;
    font-weight: normal;
    font-style: normal;
    font-family: arial;
    display: block;
    font-size: 15px;
    padding: 0 19.5px;
    color: #ffffff;
    text-decoration: none;
}
.footer-info .footer-nav .footer-nav-title .wp_subtop>a:hover{
    color: #fd9a00;
}
.footer-info .footer-title{
    word-wrap: break-word;
    padding: 0px;
    border: 0px solid transparent;
    height: 120px;
    width: 815px;
    display: block;
    font-size: 12px;
    position: relative;
    top: 74px;
}
.footer-info .footer-title>p>span{
    font-family: 微软雅黑;
    font-size: 13px;
    line-height: 180%;
    color: rgb(204, 204, 204);
}
/*End底部*/