@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
html, body {width:100%; height:100%;}
body {margin:0 auto; vertical-align:baseline;}
*{margin: 0;  padding: 0; font:14px/1 "Arial", "微软雅黑", sans-serif;color: #000;}
ul,li{list-style: none;  }
a{text-decoration: none;color: #000000;display: inline-block; }
.clear{ clear: both;}
img{ border: none;}
.fl{float: left;}
.fr{ float: right;}
.w1400{ width: 1400px; height:100%;margin: 0 auto;overflow: hidden;}
.animate{-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}

.swiper-container {
    width: 100%;
    height: 100%;
}
#swiper-container4{
    width:100%;
    height:100%;
    margin-left:0;
}
#swiper-container4 .swiper-slide{
    height:100%;
}
#swiper-container4 .swiper-slide:last-child{
     height:320px;
   line-height:320px;
 }
.banner{
    width: 100%;
    height: 100%;
}
.banner1{
    background: url(img/banner1.jpg) no-repeat center bottom;
    background-size: cover;
}
.banner1 .w1400{
    position: relative;
}
.banner1-img{
    position: absolute;
    left: -100%;
    top: 57%;
    margin-top: -122px;
}
.banner2{
    background: url(img/banner2.jpg) no-repeat top center;
    background-size: cover;
}
.banner2-img{
    text-align: center;
    margin-top: 15%;
}
.banner2-msg{
    width: 975px;
    margin: 25px auto 35px;
    font-size: 20px;
    color: #000;
    line-height: 25px;
    text-align: center;
}
.banner-more{
    text-align: center;
}
.banner-more a{
    width: 135px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    text-transform: uppercase;
}
.banner-more a:hover{
    background: #332d2d;
    color: #ffa920;
}
.banner2-list{
    margin-top: 5%;
    width: 100%;
}
.banner2-list li{
    float: left;
    width: 25%;
    text-align: center;
}
.banner2-list li a{
    width: 100%;
}
.banner2-list .ban2-img{
    width: 280px;
    height: 280px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto 60px;
}
.banner2-list .ban2-img img{
    width: 280px;
    height: 280px;
    border-radius: 50%;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.banner2-list .ban2-title{
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 10px;
}
.ban2-icon{
    width: 100%;
    background: url(img/banner2-bg.png) no-repeat center center;
    background-size: contain;
}
.ban2-icon i{
    display: inline-block;
}
.ban2-icon .ban2-icon1{
    width: 53px;
    height: 41px;
    background: url(img/banner2-icon1.png) no-repeat;
}
.ban2-icon .ban2-icon2{
    width: 39px;
    height: 42px;
    background: url(img/banner2-icon2.png) no-repeat;
}
.ban2-icon .ban2-icon3{
    width: 43px;
    height: 41px;
    background: url(img/banner2-icon3.png) no-repeat;
}
.ban2-icon .ban2-icon4{
    width: 44px;
    height: 42px;
    background: url(img/banner2-icon4.png) no-repeat;
}
.banner2-list li:hover .ban2-img img{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.banner3{
    background: url(img/banner3.jpg) no-repeat top center;
    background-size: cover;
}
.banner3-logo{
    width: 100%;
    text-align: center;
}
.banner3-pro-bg{
    width: 761px;
    height: 600px;
    background: url(img/banner3-img-bg.png) no-repeat;
    background-size: 100% 100%;
    margin: 30px auto;
}
.banner3-pro{
    width: 590px;
    height: 590px;
    margin: 0 auto;
    position: relative;
}
.banner3-pro .ban3-img1{
    position: absolute;
    top: 0;
    left: 0;
}
.banner3-pro .ban3-img2{
    position: absolute;
    top: 0;
    left: 0;
}
.banner3-pro .ban3-img3{
    position: absolute;
    top: 0;
    left: 0;
}
.ban3-images{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}
.ban3-images img{
    width: 458px;
    height: 458px;
    margin-top: 66px;
    border-radius: 100%;
}
.banner3-msg1{
    position: absolute;
    top: 52%;
    left:0;
    visibility: hidden;
}
.banner3-msg2{
    position: absolute;
    top: 52%;
    right: 0;
    visibility: hidden;
}
.animate0{
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
}
.animated{
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
.fadeInLeft{
    left: 90px;
}
.fadeInRight{
    right: 190px;
}
.ban3-li{
    width: 100%;
    height: 100%;
}
.ban3-li li{
    width: 590px;
    position: absolute;
    left: 0;
    top: -20px;
    cursor: pointer;
}
.ban3-li li:nth-of-type(6){
    top: 69px;
    left: 214px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ban3-li li:nth-of-type(7){
    top: 285px;
    left: 304px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.ban3-li li:nth-of-type(8){
    top: 505px;
    left: 213px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.ban3-li li:nth-of-type(1){
    top: 595px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.ban3-li li:nth-of-type(2){
    top: 505px;
    left: -216px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.ban3-li li:nth-of-type(3){
    top: 291px;
    left: -310px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.ban3-li li:nth-of-type(4){
    top: 70px;
    left: -217px;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}
.ban3-li li:nth-of-type(5){
    top: -15px;
    left: 0px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.ban3-li li p{
    font-size: 12px;
    color: #898989;
    text-align: center;
}
.ban3-li li img{
    display: none;
}






.banner4{
    background: url(img/banner4.jpg) no-repeat top center;
    background-size: cover;
}
.banner4-img{
    margin-top: 10%;
    margin-bottom: 20px;
}

.banner4-banner{
    width: 100%;
    margin-top: 40px;
}
.banner4-banner li{
    width: 420px;
    height:300px;
    float: left;
    margin-right: 70px;
}
.banner4-banner li:last-of-type{
    margin-right: 0;
}
.banner4-banner li img{
    width: 100%;
    height:100%;
}
.banner4-more a:hover{
    background: #ffa920;
    color: #000;
    border: 1px solid #ffa920;
}

.index-news{
    width: 100%;
    margin-top: 40px;
}
.index-news li{
    width: 487px;
    float: left;
}
.index-news li a{
    width: 425px;
    margin-right: 62px;
}
.index-news li.last-li{
    width: 425px;
}
.index-news li.last-li a{
    margin-right: 0;
}
.index-news .in-l{
    width: 87px;
}
.index-news .in-d{
    font-size: 34px;
}
.index-news .in-y{
    font-size: 18px;
    margin-top: 5px;
    text-align: right;
  width: 80px;
}
.index-news .in-r{
    margin-left: 100px;
}
.index-news .in-title{
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 15px;
    font-weight: 500;
}
.index-news .in-info{
    font-size: 14px;
    line-height: 18px;
    height: 54px;
    overflow: hidden;
}
.in-more{
    width: 98px;
    height: 22px;
    border: 1px solid #000000;
    text-align: center;
    line-height: 22px;
    border-radius: 15px;
    margin-top: 25px;
}
.in-line{
    width: 100%;
    height: 10px;
    background: url(img/index-news-bg.png) no-repeat top center ;
    background-size: contain;
    margin-bottom: 20px;
    position: relative;
}
.in-line i{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(img/index-news-icon2.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}
.index-news li:hover .in-more{
    background: #ffa920;
    border: 1px solid #ffa920;
}
.index-news li:hover .in-title{
    color: #ffa920;
}
.index-news li:hover .in-line i{
    background: url(img/index-news-icon1.png) no-repeat;
}

.banner5{
    background: url(img/banner5.jpg) no-repeat center top;
    background-size: 100% 100%;
    cursor: pointer;
}
.banner5.hover{
    background: url(img/banner5-1.jpg) no-repeat center top;
    background-size: 100% 100%;
    cursor: pointer;
}
.banner5-more a{
    border: 1px solid #fff;
    color: #fff;
}
.banner5-more a:hover{
    background: #ffa920;
    color: #fff;
    border: 1px solid #ffa920;
}
.banner-page{
    position: absolute;
    right: 20px;
    bottom: 0;
    z-index: 999;
}
.page-position{
    position: relative;
}

.page-bg{
    width: 10px;;
    background: url(img/index-page.png) no-repeat center center;
    margin-right: 36px;
}
.page-mask{
    margin-right: 15px;
    position: absolute;
    top: 43%;
    left: -35px;
}
.page-mask .label{
    font-size: 22px;
    color: #b5b5b5;
}
.page-count{
    font-size: 14px;
    color: #959595;
    line-height: 22px;
    position: absolute;
    top: 43%;
    right: 0;
}
.page-active-mask{
    height: 22px;
    overflow: hidden;
}


/*关于我们*/
.inner-banner{
    width: 100%;
    height: 460px;
    overflow: hidden;
    position: relative;
}
.overlay-1{
    width: 100%;
    height: 400px;
    background: #6f6f6f;
}
.overlay-1 img{
    width: 100%;
    height: 400px;
}
.overlay-2{
    width: 100%;
    position: absolute;
    bottom:0px;
}
.overlay-2 img{
    text-align: right;
}
.main{
    width: 100%;
    margin-bottom: 60px;
}
.main-title{
    color: #707070;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
}

.main-menu{
    width: 100%;
    height: 15px;
    padding: 15px 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    margin-top: 20px;
}
.left_menu{
    float: left;
}
.left_menu ul{
    overflow: hidden;
}
.left_menu li{
    float: left;
    padding: 0 25px;
    border-right: 1px solid #898989;
}
.left_menu li:last-of-type{
    border-right: none;
}
.left_menu li a{
    color: #898989;
    width: 100%;
    height: 15px;
    line-height: 15px;
}
.left_menu li a.on{
    color: #ffa920;
}
.main-bread{
    float: right;
}
.main-bread h2{
    color: #898989;
    height: 15px;
    padding-left: 20px;
    background: url(img/home.png) no-repeat left center;
}
.main-bread h2 a{
    color: #898989;
}

.main-content{
    width: 100%;
    margin-top: 25px;
}
.about-title{
    font-size: 60px;
    font-weight: bold;
    color: #a0a0a0;
}
.about-msg{
    font-size: 24px;
    color: #ffa920;
    font-weight: bold;
    margin-top: 10px;
}
.main-info{
    width: 100%;
    margin-top: 15px;
}
.main-info p{
    font-size: 14px;
    color: #3d3d3d;
    line-height: 20px;
}
.main-info img{
    max-width: 100%;
}

/*资质荣誉*/
.honor-title{
    font-size: 30px;
    font-weight: bold;
    color: #a0a0a0;
    text-transform: uppercase;
}

.honor-menu{
    width: 100%;
    margin-top: 25px;
}
.honor-menu ul{
    overflow: hidden;
}
.honor-menu li{
    float: left;
    margin-right: 20px;
}
.honor-menu li a{
    padding: 6px 7px;
    background: #eeeeee;
    color: #898989;
    border-radius: 15px;
}
.honor-menu li a.on{
    color: #ffa920;
}

#container{position:relative;width:1400px;margin:25px auto 0;}
.grid{width:254px;min-height:100px;background:#fff;font-size:14px;float:left;box-shadow:0 5px 5px rgba(0,0,0,0.1);-moz-box-shadow:0 5px 5px rgba(0,0,0,0.1);-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.1);-webkit-transition:top 1s ease, left 1s ease;-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease;}
.grid p{height: 40px;line-height:40px;padding:0 5px;background: #fff}
.grid .imgholder{position: relative;}
.grid .imgholder img{width:100%;background:#ccc;display:block;background:url(img/loding.gif) no-repeat center;}
.honor-bg{width: 100%;height: 100%;position:absolute;left:0;top:0;background-color: rgba(255,169,32,0);background-image: url(img/honor-search.png);background-position: center center;background-repeat: no-repeat;opacity: 0;}
.grid:hover .honor-bg{background-color: rgba(255,169,32,0.85);opacity: 1;}


/*发展历程*/
.history-list{
    width: 100%;
    height: 100%;
}
.history-list ul{
    background: url(img/licheng-bg.png) repeat-y top center;
    padding-top: 40px;
}
.history-list li{
    width: 100%;
    background: url(img/dian.png) no-repeat center center;
    margin-bottom: 35px;
    overflow: hidden;
}
.history-list li:nth-of-type(2n){
    background: url(img/dian.png) no-repeat center center;
}
.history-list .his-time{
    width:48%;
    text-align: right;
    padding-right: 20px;
    font-size: 30px;
    font-weight: bold;
    color: #ffa920;
    float: left;
    line-height: 40px;
}
.history-list .his-info{
    margin: 10px 0;
    float: right;
    width: 48%;
}
.history-list .his-info p{
    color: #3d3d3d;
    line-height: 20px;
}
.history-list  li:nth-of-type(2n) .his-time{
    float: right;
    text-align: left;
    padding-right: 0;
    padding-left: 20px;
}
.history-list li:nth-of-type(2n) .his-info{
    float: left;
    text-align: right;
}
.history-list .his-info img{
    height: 30px;
    vertical-align: middle;
}


/*产品频道页*/
.pro-cls{
    width: 100%;
}
.pro-cls1{
    width: 100%;
}
.pro-cls li{
    float: left;
    cursor: pointer;
    margin-right: 40px;
    height: 190px;
    padding-top: 30px;
}
.pro-cls li img{
    margin: 0 20px;
    height: 140px;
}
.pro-cls li p{
    text-align: center;
    color: #3d3d3d;
    margin-top: 10px;
}
.pro-cls1 li.on{
    background: url(img/pro-bg.png) no-repeat center bottom;
}

.pro-cls-count{
    display: none;
}
.pro-cls-count2{
    /*width: 100%;*/
    display: none;
    /*position: absolute;
    left: 0;
    top: 220px;*/
}
.pro-cls2{
    width: 100%;
    border-top: 4px solid #ffa920;
    display: none;
    position: relative;
    /*height: 450px;*/
}
.pro-cls3{
    width: 100%;
    border-top: 4px solid #ffa920;
}
.pro-cls2 li.on{
    background: url(img/pro-bg.png) no-repeat center bottom;
}

.pro-title{
    font-size: 20px;
    color: #a0a0a0;
    font-weight: bold;
    text-transform: uppercase;
}
.pro-list li img{
   
    height: 140px;
    margin: 0 48px;
}
.pro-list li.last-li{
    margin-right: 0;
}
.pro-list li:hover p{
    color: #ffa920;
}

/*产品详情页*/
.pro-title1{
    font-size: 30px;
}
.product-content{
    width: 100%;
    margin-top: 20px;
}
.product-content .pro-l{
    width: 920px;
    float: left;
}
.product-content .pro-l img{
   max-width: 100%;
}
.product-content .pro-r{
    float: right;
    width: 420px;
}
.product-content .pro-r img{
    width: 100%;
}
.product-content .pro-l li{
	 height: 25px;
    line-height: 25px;
   list-style-type: disc;

}
.pro-images{
    width: 100%;
    margin-top: 25px;
}
.pro-images h2{
    font-size: 18px;
    color: #ffa920;
    margin-bottom: 20px;
}

.pro-images li{
    float: left;
    width: 338px;
    height: 338px;
    overflow: hidden;
    border: 1px solid #eeeeee;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}
.pro-images li img{
    width: 277px;
    height: 277px;
    margin-top: 30px;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.pro-images li:hover img{
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

/*新闻；列表*/
.news-list{
    width: 100%;
}
.news-list li{
    border: 1px solid #e5e5e5;
    padding: 20px;
    margin-bottom: 20px;
}
.news-list li a{
    width: 100%;
}
.news-list .news-l{
    float: left;
    width: 220px;
}
.news-list .news-l img{
    width: 220px;
    height: 150px;
}
.news-list .news-r{
    float: right;
    width: 90px;
    margin-top: 45px;
}
.news-list .news-r .nr-date{
    font-size: 35px;
    color: #000;
    opacity: 0.5;
}
.news-list .news-r .nr-year{
    font-size: 18px;
    color: #000;
    opacity: 0.5;
    text-align: right;
}
.news-list  .news-m{
    margin-left: 240px;
    margin-right: 280px;
}
.news-m .news-title{
    font-size: 20px;
    margin: 13px 0;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.news-m .news-info{
    font-size: 14px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
}
.news-m .news-more{
    width: 130px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    margin-top: 10px;
    border-radius: 15px;
}
.news-list li:hover .news-m .news-title{
    color: #ffa920;
}
.news-list li:hover .news-m .news-more{
    color: #fff;
    background: #ffa920;
    text-align: center;

}

/*新闻详情页*/
.nc-l{
    width: 1060px;
    float: left;
}
.nc-l .nc-title{
    font-size: 26px;
    color: #3d3d3d;
    margin-bottom: 22px;
}
.nc-r{
    width: 300px;
    float: right;
}
.nc-l  .nc-span{
    overflow: hidden;
}
.nc-l  .nc-span span{
    float: left;
    display: inline-block;
    margin-right: 10px;
    color: #adadad;
}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more a{
    margin: 0 6px 0 0 !important;
}
.nc-title{
    font-size: 20px;
    color: #3d3d3d;
    margin-bottom: 20px;
}
.nc-list li{
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #e1e1e1;
}
.nc-list li a{
    width: 100%;
    font-size: 14px;
    color: #3d3d3d;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.nc-list li span{
    float: right;
    font-size: 14px;
    color: #3d3d3d;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.nc-list li:hover a{
    color: #ffa920;
}
.nc-list li:hover span{
    color: #ffa920;
}
.nc-img-list{

}
.nc-img-list li{
    padding-bottom: 20px;
    border-bottom: 1px dashed #e1e1e1;
    margin-top: 20px;
}
.nc-img-list li img{
    width: 300px;
    height: 200px;
}
.nc-img-list li p{
    font-size: 14px;
    color: #3d3d3d;
    margin-top: 10px;
}
.nc-img-list li:hover p{
    color: #ffa920;
}

/*销售网络*/
.net-table{
    width: 100%;
    margin-top: 30px;
}
.net-table table{
    background: #e5e5e5;
}
.net-table table tr{
    background: #fff;
    height: 40px;
    line-height: 40px;
}
.net-table table tr:nth-of-type(1){
    background: #ffa920;
    color: #fff;
}
.net-table table tr th{
    background: #ffa920;
    color: #fff;
    font-size: 18px;
    padding-left: 4%;
    text-align: left;
}
.net-table table tr td{
    padding-left: 4%;
}


/*诚招代理商*/
.net-form{
    width: 100%;
    margin-top: 30px;
}
.net-form li{
    float: left;
    width: 453px;
    margin-right: 20px;
    margin-bottom: 20px;

}
.net-form li.last-li{
    margin-right: 0;
}
.net-form li input[type="text"]{
    width: 100%;
    padding-left: 3%;
    font-size: 14px;
    color: #a0a0a0;
    border: 1px solid #d2d2d2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f8f8f8;
    height: 33px;
    line-height: 33px;
    box-sizing: border-box;
}
.net-form li textarea{
    width: 100%;
    padding: 1%;
    font-size: 14px;
    color: #a0a0a0;
    border: 1px solid #d2d2d2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f8f8f8;
    height: 280px;
    box-sizing: border-box;
}
.net-form li .btn{
    width: 160px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #d2d2d2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 33px;
    line-height: 33px;
    cursor: pointer;
}
.net-form li input[type="submit"]{
    background: #ffa920;
    margin-right: 20px;
}
.net-form li input[type="reset"]{
    background: #535353;
}


/*客户意见箱*/
.client-title{
    padding-top: 40px;
    border-top: 1px solid #e5e5e5;
    margin-top: 40px;
}

/*应用技巧*/
.tip-list{
    width: 100%;
    border-top: 1px solid #dcdcdc;
    margin-top: 30px;
}
.tip-list li{
    width: 100%;
    height: 19px;
    line-height: 19px;
    padding: 22px 0;
    border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
    cursor: pointer;
}
.tip-list li i{
    font-size: 14px;
    height: 19px;
    font-weight: bold;
    color: #ffa920;
    font-style: normal;
}
.tip-list li .tip-m{
    -webkit-transition: all .5s;
    transition: all .5s;
    margin-right: 90px;
    margin-left: 10px;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
}
.tip-list li a{
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.tip-list li .a1{
    border-left: 1px solid #dddddd;
    padding-left: 13px;
    margin-left: 15px;
}
.tip-list li:hover .tip-m{
    color: #ffa920;
}
.tip-list li a:hover{
    color: #ffa920;
}
.tip-list1 li a{
    padding-right: 13px;
    background: url(img/a-icon.png) no-repeat right center;
}


/*下载专区*/
.tip-list li img{
    height: 19px;
    vertical-align: top;
    margin-right: 10px;
}
.tip-list li .tip-m{
    margin-right: 200px;
}

/*人才招聘*/
.join-img{
    width: 100%;
}
.join-img img{
    width: 100%;
}
.join-msg{
    font-size: 18px;
    text-align: center;
    margin-top: 35px;
    line-height: 30px;
    font-weight: normal;
    color: #3d3d3d;
}
.join-table table{
    border: 1px solid #e5e5e5;
}
.join-table table tr th{
    font-size: 16px;
    cursor: pointer;
}
.join-table table tr:nth-of-type(2n) td{
    background: #fff;
}
.join-table table tr td{
    background: #f8f8f8;
}
.join-table table tr td a{
    color: #3d3d3d;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
}
.join-table table tr:hover a{
    color: #ffa920;
}

/*联系我们*/
.client-title1{
    border-top: none;
    padding-top: 0;
}
.net-form li.fli{
    width: 925px;
}
.contact-img{
    width: 100%;
    margin-top: 30px;
}
.contact-img img{
    width: 100%;
    vertical-align: middle;
}
.contact-span{
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #ffa920;
    text-align: center;
}
.contact-span span{
    font-size: 16px;
    color: #fff;
    display: inline-block;
    margin: 0 30px;
}
.contact-box{
    padding: 40px;
    border: 1px solid #d2d2d2;
}
.con-box{
    float: left;
    padding: 0 60px;
    border-left: 1px solid #dcdcdc;
}
.con-box:nth-of-type(1){
    padding-left: 0;
    border-left: none;
}
.con-box p{
    font-size: 18px;
    color: #ffa920;
}
.con-box li{
    font-size: 12px;
    margin-top: 15px;
    color: #3d3d3d;
}
.con-box li span{
    font-size: 12px;
    display: inline-block;
    width: 70px;
}




















/*底部*/
#footer-box{
     width: 100%;
}
.footer{
    width: 100%;
    background: #fff;
    padding: 30px 0;
}
.footer-bg{
    background: #f8f8f8;
}
.footer .footer-content{
    width: 95%;
    margin: 0 auto;
}
.ft-box1 p{
    color: #545454;
    margin-top: 35px;
}
.ft-title{
    font-size: 18px;
    text-transform: uppercase;
    color: #545454;
}
.ft-box2{
    margin: 0 100px 0 90px;
}
.ft-list{
    margin-top: 25px;
}
.ft-list li{
    color: #545454;
    margin-top: 7px;
}
.mail-box{
    width: 360px;
    height: 33px;
    border: 1px solid #bfbfbf;
    margin-top: 7px;
}
.mail-box input{
    float: left;
}
.mail-box input[type="text"]{
    padding: 0 10px;
    width: 240px;
    border: none 0;
    height: 33px;
    line-height: 33px;
    color: #545454;
}
.mail-box input[type="submit"]{
    width: 100px;
    border: none 0;
    height: 33px;
    line-height: 33px;
    color: #fff;
    background: #ffa920;
    cursor: pointer;
}
.ft-box4{
    padding: 5px;
    border: 1px solid #d2d2d2;
}
.ft-box4 img{
    width: 125px;
    height: 125px;
}
.ft-box3 .jiathis_style_24x24{
    margin: 10px 0;
}
.ft-box3 .jiathis_style_24x24 .jtico {
    height: 30px!important;
    line-height: 30px!important;
    padding-left: 30px!important;
    background: none;
    margin-right: 5px;
}
.ft-box3 .jiathis_style_24x24 .jtico_cqq {
    background: url(img/ft-icon1.png) no-repeat center center;
}
.ft-box3 .jiathis_style_24x24 .jtico_weixin {
    background: url(img/ft-icon2.png) no-repeat center center;
}
.ft-box3 .jiathis_style_24x24  .jtico_tsina {
    background: url(img/ft-icon3.png) no-repeat center center;
}
.ft-box3 .jiathis_style_24x24 .jtico_fb {
    background: url(img/ft-icon4.png) no-repeat center center;
}
.ft-box3 .jiathis_style_24x24  .jtico_twitter {
    background: url(img/ft-icon5.png) no-repeat center center;
}
.ft-box3 .jiathis_style_24x24 .jtico_linkedin {
    background: url(img/ft-icon6.png) no-repeat center center;
}
.ft-box3 .jiathis_style_24x24  .jtico_pinterest {
    background: url(img/ft-icon7.png) no-repeat center center;
}
.ft-box3 .jiathis_style_24x24  .jtico_googleplus {
    background: url(img/ft-icon9.png) no-repeat center center;
}



/*友情链接*/
.link{
    background: #ffa920;
    height: 120px;
}
.link-l{
    margin-top: 37px;
}
.link-r{
    height: 60px;
    width: 1250px;
    margin-top: 30px;
    overflow: hidden;
}
#cbtn{position: relative; height: 60px;}
#cSlideUl {
    width: 1200px;
    height: 42px;
    overflow: hidden;
    position: relative;
    top: 5px;
}
#cbtn ul {
    position: relative;
    width: 10000px;
    height: 42px;
}
#cbtn ul li {
    float: left;
    width: 180px;
    height: 42px;
    cursor: pointer;
    text-align: center;
    padding: 0 10px;
}
#cbtn ul li img {
    width: 180px;
    height: 42px;
}
.link-r .picSildeLeft, .link-r .picSildeRight {
    position: absolute;
    width: 25px;
    height: 25px;
    z-index: 10;
    cursor: pointer;
}
.link-r .picSildeLeft{
    background-image: url(img/banner6-icon1png.png);
    right: 10px;
    top: 0;
}
.link-r .picSildeRight{
    background-image: url(img/banner6-icon2png.png);
    bottom: 0;
    right: 10px;
}

#nav{
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.nav-bg{
    background: rgba(49,49,49,0.9);
}
#nav .nav-l{
    width: 13%;
    padding: 13px 0 16px;
    text-align: center;
    box-sizing: border-box;
}
#nav .nav-r{
    width: 87%;
}
#nav .nr-t{
    width: 100%;
    height: 50px;
}
#nav .nr-t .nr-a{
    margin-right: 15px;
}
#nav .nr-t .nr-a a{
    color: #959595;
    padding: 18px 15px;
    background: url(img/top-line.png) no-repeat right center;
}
#nav .nr-icon{
    margin-top: 17px;
    margin-right: 40px;
}
#nav .nr-icon i{
    display: inline-block;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
}
#nav .nr-icon .top-icon2{
    width:21px ;
    height:16px ;
    background: url(img/top-icon2.png) no-repeat;
}
#nav .nr-icon .top-icon3{
    width:21px ;
    height:17px ;
    background: url(img/top-icon3.png) no-repeat;
}
#nav .nr-icon i .img-bg{
    width: 82px;
    height: 86px;
    position: absolute;
    top: 21px;
    left: 50%;
    margin-left: -39px;
    background: url(img/erweima-bg.png) no-repeat center center;
    text-align: center;
    display: none;
  z-index: 99999;
}
#nav .nr-icon i img{
    width: 78px;
    margin-top: 6px;
}
#nav .nr-icon i:hover .img-bg{
    display: block;
}

.nav-list li{
    float: left;
    margin: 0 30px;
    position:relative;
}
.nav-list li a{
    display:block;
    text-align:center;
    color:#959595;
    height:50px;
    line-height: 50px;
    width: 100%;
    -webkit-transition:color 500ms;
    transition:color 500ms;
    font-family: '微软雅黑';
}
.nav-list li .bkg {position:absolute; left:0; bottom:0; z-index:1; width:0;height:1px;background-color:#b5b5b5; -webkit-transition:width 500ms; transition:width 500ms;}
.nav-list li.on .bkg {width:100%;}
.nav-list li.on a {color: #b5b5b5;}

.search{
    position: relative;
    width: 60px;
    height: 50px;
  
    text-align: center;
    cursor: pointer;
}
.search .search-icon{
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(img/search.png) no-repeat;
    margin-top: 15px;
}
.search-box{
    position: absolute;
    right: 0;
    top: 50px;
    display: none;
    background: transparent;
}
.search-box input{
    width: 230px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #a5a5a5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: #a5a5a5;
    padding: 0 10px;
}

.lang a{
    width: 60px;
    line-height: 50px;
    color: #a5a5a5;
    text-align: center;
}




/*分页*/
.page-main{
    width: 100%;
    padding: 30px 0 0;
}
.page-main .page{
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}
.page-main .page span{
    font-size: 16px;
    margin-right: 5px;
    width: 28px;
    height: 28px;
    border: 1px solid #d2d2d2;
    text-align: center;
    line-height: 28px;
}
.page-main .page span a{
    font-size: 16px;
    width: 100%;
    height: 100%;
}
.page-main .page .JZD_PAGE_PREVIOUS{
    display: inline-block;
    width: 80px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #d2d2d2;
    font-size: 12px;
}
.page-main .page .JZD_PAGE_NEXT{
    display: inline-block;
    width: 80px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #aaaaaa;
    font-size: 12px;
}
.page-main .page .JZD_PAGE_SHUZIYE{
    display: inline-block;
}
.page-main .page .JZD_PAGE_FIRST,.JZD_PAGE_LAST,.JZD_PAGE_GONG ,.JZD_PAGE_ZONGSHU,.JZD_PAGE_TIAOJILU,.JZD_PAGE_YECI,.JZD_PAGE_NUMBER,.JZD_PAGE_XIEGANG,.JZD_PAGE_YE,.JZD_PAGE_ZHUANGDAO,.JZD_PAGE_SELECT,.JZD_PAGE_SELECT_YE{
    display: none;
}
.page-main .page span.JZD_PAGE_DISABLED{
    background: #ffa920;
    color: #fff;
}

#mobile-nav{
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
#mobile-nav .mn-l{
    float: left;
    margin-top: 5px;
    margin-left: 20px;
}
#mobile-nav .mn-l img{
    height: 50px;
}
#mobile-nav .mn-r{
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    cursor: pointer;
    position: relative;
}
#mobile-nav .mn-r .search-icon{
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(img/search.png) no-repeat;
}
#mobile-nav .mn-m{
    cursor: pointer;
    margin-left: 70px;
    margin-right: 70px;
    text-align: center;
    margin-top: 22px;
}
#mobile-nav .mn-m .icon-menu{
    display: inline-block;
    width: 22px;
    height: 15px;
    background: url(img/top-menu.png) no-repeat;
}
.search-box1{
    width: 175px;
    background: #fff;
    height: 30px;
    border: 1px solid #4b4b4b;
    position: absolute;
    top: 40px;
    right: 0;
    transition: top 300ms;
    display: none;
}
.search-box1 .ipt{
    width: 145px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    float: left;
    border: none 0;
    outline: none;
}
.search-box1 .sub{
    float: left;
    width: 19px;
    border: none 0;
    height: 19px;
    background: url(img/search.png) no-repeat;
    cursor: pointer;
    outline: none;
    margin-top: 5px;
}

.mobile-footer{
    text-align: center;
    display: none;
}
.mobile-footer p {
    color: #545454;
    padding: 10px;
}

/*菜单*/
.cbp-spmenu-left {width: 45%;height: 100%; overflow-y:auto;top: 0;z-index: 9999;	position: fixed;left: -45%; display:block; background:rgba(49,49,49,0.8);}
.cbp-spmenu-left.cbp-spmenu-open {left: 0px;}
.menu_box{ width:100%; height:100%; background:rgba(49,49,49,0.9);overflow-y: auto;}
.cd_box{ width:100%;}
.nav_list{ width:100%;}
.nav_list li{ width:100%; font-size:16px; border-bottom:dashed 1px #fff; height: 45px;line-height: 45px;}
.nav_list li a{ color:#FFF; display:block;padding-left: 20px;height: 45px;line-height: 45px;opacity: 0.8;}

.cbp-spmenu-left i{
    display: inline-block;
}
.icon-close{
    width:16px ;
    height:16px ;
    background: url(img/menu-close.png) no-repeat;
    margin-top: 13px;
  margin-left: 20px;
}

.m-banner{width: 100%;display: none;}
.m-banner img{width: 100%;}

@media screen and (max-width: 1680px) {
    .banner3-msg1 img{width: 400px;}
    .banner3-msg2 img{width: 350px;}
    .fadeInRight{right: 150px;}
    .banner3-pro{width: 500px;height: 500px;}
    .banner3-pro .ban3-img1{width:100%;}
    .banner3-pro .ban3-img2{width: 100%;}
    .banner3-pro .ban3-img3{width: 100%;}
    .ban3-images img {width: 380px;height: 380px;margin-top: 60px;}
    .ban3-li li{width: 500px;}

    .ban3-li li:nth-of-type(1){
        top: 505px;
    }
    .ban3-li li:nth-of-type(2){
        top: 410px;
        left: -200px;
    }
    .ban3-li li:nth-of-type(3){
        top: 240px;
        left: -260px;
    }
    .ban3-li li:nth-of-type(4){
        top: 60px;
        left: -185px;
    }
    .ban3-li li:nth-of-type(6){
        top: 65px;
        left: 190px;
    }
    .ban3-li li:nth-of-type(7){
        top: 245px;
        left: 260px;
    }
    .ban3-li li:nth-of-type(8){
        top: 415px;
        left: 200px;
    }
    .banner3-pro-bg{height: 530px;}

    .banner2-list .ban2-img {width: 240px;height: 240px; margin: 0 auto 30px;}
    .banner2-list .ban2-img img {width: 240px;height: 240px;}
    .banner4-banner{margin-top: 20px;}
    .index-news {margin-top: 20px;  }
    .index-news .in-title{margin-bottom: 5px;}
    .in-more{margin-top: 15px;}
}
@media screen and (max-width: 1600px) {
    .banner2-img { margin-top: 10%;}
   .banner3-pro{width: 350px;height: 350px;}
    .ban3-images img {width: 250px;height: 250px;margin-top: 50px;}
    .ban3-li li{width: 350px;}

    .ban3-li li:nth-of-type(1){
        top: 355px;
    }
    .ban3-li li:nth-of-type(2){
        top: 310px;
        left: -120px;
    }
    .ban3-li li:nth-of-type(3){
        top: 180px;
        left: -185px;
    }
    .ban3-li li:nth-of-type(4){
        top: 60px;
        left: -155px;
    }

    .ban3-li li:nth-of-type(6){
        top: 50px;
        left: 145px;
    }
    .ban3-li li:nth-of-type(7){
        top: 175px;
        left: 190px;
    }
    .ban3-li li:nth-of-type(8){
        top: 290px;
        left: 140px;
    }
    .banner3-pro-bg{height: 370px;}
  
}
@media screen and (max-width: 1480px) {
    .ft-box2 {margin: 0 50px;}
}
@media screen and (max-width: 1440px) {
    .w1400{width: 1100px;}
    .overlay-2 img {width: 100%;}
    .main-bread { float: none; display: none;}
    .left_menu { float: none;width: 100%;}

    /*销售网络*/
    .net-form li{width: 353px;}

    /*联系我们*/
    .contact-span span {margin: 0 5px;}
    .contact-box { padding: 20px 10px; }
    .con-box { float: left;padding: 0 17px;border-left: 1px solid #dcdcdc;}
    .con-box:nth-of-type(3){padding-right: 0;}
    .net-form li.fli { width: 725px; }

    /*新闻资讯*/
    .news-list .news-m {margin-left: 240px;margin-right: 140px;}

    /*新闻详情页*/
    .nc-l {width: 760px;}

    /*产品列表*/
    .pro-cls li{margin-right: 0;}

    /*产品详情页*/
    .product-content .pro-l{ width: 720px;}
    .product-content .pro-r{ width: 320px;}
    .pro-images li{width: 24%;box-sizing: border-box;margin-right: 0.8%;height: auto;}
    .pro-images li img{width: 100%;margin-top: 0;height: auto;}

    /*首页*/
    .index-news li{width: 365px;}
    .index-news li a {width: 355px;margin-right: 10px;}
    .index-news li.last-li {width: 365px;}
    .banner4-banner li{width: 350px; height:250px;margin-right: 25px;}
    .banner3-msg1 img{width: 300px;}
    .banner3-msg2 img{width: 250px;}
    .banner2-list{margin-top: 3%;}
    .banner2-list .ban2-img {width: 200px;height: 200px;margin: 0 auto 20px;}
    .banner2-list .ban2-img img {width: 200px;height: 200px;}
    .banner1-img img{width: 500px;}
    .banner2-img{margin-top: 12%;}
    .banner4-img {margin-top: 11%;margin-bottom: 10px;}
    .banner4-img img{width: 250px;}

    .link-r{width: 950px;}
    #cSlideUl{width: 800px;}
}
@media screen and (max-width: 1380px) {
    .ft-box2 {display: none;}
    .ft-box3{margin-left: 50px;}


}
@media screen and (max-width: 1380px) {
    /*首页*/
    .banner3-msg1 img{width: 200px;}
    .banner3-msg2 img{width: 150px;}
}
@media screen and (max-width: 1140px) {
    .w1400{width: 880px;}
    .inner-banner {height: 360px;}
    .overlay-1 {height: 300px;}
    .overlay-1 img {height: 300px;}
    .left_menu li {padding: 0 15px;}

    /*销售网络*/
    .net-form li{width: 280px;}

    /*联系我们*/
    .net-form li.fli { width: 580px; }
    .contact-span span{font-size: 14px;}
    .con-box:nth-of-type(3){padding: 0;border-left: none;margin-top: 20px;}
    .client-title{margin-top: 30px;}
    .net-form{margin-top: 20px;}

    /*新闻详情页*/
    .nc-l {width: 540px;}

    /*公司简介*/
    .about-title{font-size: 40px;}

    /*产品详情页*/
    .product-content .pro-l {width: 540px;}

    /*首页*/
    .index-news li{width: 293px;}
    .index-news li a {width: 283px;}
    .index-news li.last-li {width: 293px;}
    .banner4-banner li{width: 280px; height:200px;margin-right: 20px;}
    .banner1-img img {width: 400px; }
    .banner2-list .ban2-img {width: 150px;height: 150px;}
    .banner2-list .ban2-img img {width: 150px;height: 150px;}
    .banner2-list .ban2-title{font-size: 13px;}
    .banner2-msg{font-size: 18px;margin: 15px auto 20px;}
    .banner2-img img{width: 200px;}

    .link-r{width: 730px;}
    #cSlideUl{width: 600px;}

}
@media screen and (max-width: 1080px) {
    .nav-list li {margin: 0 15px;}
    .honor-title {font-size: 24px;}
    .main-title {font-size: 20px;}
    .main-content {margin-top: 20px;}
    .page-main {padding: 20px 0 0 0; }
    .page-main .page{width: 100%;}

    /*首页*/
    .banner3-msg1{display: none;}
    .banner3-msg2 img{display: none;}
    .banner2-msg{width: 100%;}
}
@media screen and (max-width: 930px) {
    .w1400{width: 800px;}
    .nav-list li {margin: 0 8px;}
    .search{width: 50px;}
    .lang a {width: 50px;}
    .left_menu li {padding: 0 10px;}
    .ft-box4{display: none;}
    .ft-box3{margin-left: 0;float: right}

    /*销售网络*/
    .net-form li {  width: 253px;}

    /*联系我们*/
    .net-form li.fli { width: 525px; }
    .contact-span{height: auto;line-height: normal;padding: 15px 0;}
    .contact-span span{line-height: 25px;}

    /*新闻详情页*/
    .nc-r {  display: none;}
    .nc-l {width: 100%;float: none;}

    /*应用技巧*/
    .tip-list li{padding: 15px 0;}

    /*发展历程*/
    .history-list li { background: url(img/dian.png) no-repeat center 5px; }
    .history-list li:nth-of-type(2n){background: url(img/dian.png) no-repeat center 5px; }
    .history-list .his-time{font-size: 20px;padding-right: 0;line-height: normal;}
    .history-list .his-info{margin: 0;}
    .history-list li:nth-of-type(2n) .his-time {padding-left: 0;}

    /*产品列表页*/
    .pro-list li img{margin: 0 40px;}
    .product-content .pro-r {width: 250px;}
    .pro-cls li img {margin: 0 10px;}
    .index-news .in-r{margin-left: 75px;}

    /*首页*/
    .index-news li{width: 266px;}
    .index-news li a {width: 256px;}
    .index-news li.last-li {width: 266px;}
    .index-news .in-l{width: 65px;}
    .index-news .in-d{font-size: 25px;}
    .index-news .in-y{ font-size: 14px;margin-right: 5px;width: 100%;}
	.banner4-banner li{width: 250px; height:178px;margin-right: 25px;}
    .link-r{width: 650px;}
}
@media screen and (max-width: 820px) {
    .w1400{width:auto;margin: 0 20px;}
    .main {margin-bottom: 30px;}
    .main-menu { height: auto;padding: 15px 0 5px;font-weight: bold}
    .left_menu li {margin-bottom: 10px;}
    #nav{display: none;}
    #mobile-nav{display: block;}
    .inner-banner {height: 310px;}
    .overlay-1 {height: 250px;}
    .overlay-1 img {height: 250px;}

    /*销售网络*/
    .net-form li {width: 32%;margin-right: 2%;}

    /*联系我们*/
    .net-form li.fli{width: 66%;}
    .con-box{float: none;border-left: none;padding: 0;overflow: hidden;margin-top:20px;}
    .con-box:nth-of-type(1){margin-top: 0;}
    .con-box li{float: left;width:auto;margin-right: 2%;}

    /*新闻资讯*/
    .news-list li{padding: 10px;}
    .news-list .news-m {margin-left: 230px;margin-right: 100px;}

    /*公司简介*/
    .about-title{font-size: 30px;}

    /*人才招聘*/
    .net-table table tr th {padding-left: 2%;}
    .net-table table tr td {padding-left: 2%;}

    /*产品列表页*/
    .pro-cls li{width: 25%;text-align: center;}
    .pro-list li img{margin: 0;}
    .pro-cls li p{font-size: 12px;}
    .pro-title{font-size: 16px;}
    .pro-cls .pro-cls1 li{width: auto;height: 170px;}
    .pro-cls .pro-cls2 li{width: auto;height: 170px;}

    /*产品详情页*/
    .pro-title1{font-size: 24px;}
    .product-content .pro-l {width: 440px;}
    .product-content .pro-r {width: 220px;}

    .link-r{width: 500px;}
    #cSlideUl{width: 400px;}

    .banner2-img{margin-top: 8%;}
    .banner4-img{margin-top: 8%;}
    .banner3-pro-bg{width:500px;background: none;}
    .banner3-logo{display: none;}
    .index-news li{width: 32.5%;}
    .index-news li.last-li{width: 32.5%;}
    .index-news .in-title{height: 20px;}
    .index-news .in-info{height: 36px;}
    .index-news li a{width: 100%;margin-right: 0;}
  	.banner4-banner li{width: 32%;margin-right: 2%;height:auto;}
}
@media screen and (max-width: 730px) {
    .footer{display: none;}
    .mobile-footer{display: block}

    /*销售网络*/
    .net-form li {width: 49%;}
    .net-form li.last-li {margin-right: 2%;}
    .net-form li:nth-of-type(2n) {margin-right: 0;}
    .net-form li textarea{height: 200px;}

    /*联系我们*/
    .net-form li.fli{width:100%;margin-right: 0;}
    .net-form1 li:nth-of-type(2){margin-right: 2%;}
    .net-form1 li:nth-of-type(3){margin-right: 0;}
    .net-form1 li:nth-of-type(4){margin-right: 2%;}
    .net-form1 li:nth-of-type(5){margin-right: 0;}

    /*新闻资讯*/
    .news-list .news-l{float: left;width: 180px;}
    .news-list .news-l img{width: 180px;height: 123px;}
    .news-list .news-m {margin-left: 190px;margin-right: 80px;}
    .news-list .news-r{width: 70px;margin-top: 20px;}
    .news-list .news-r .nr-date {font-size: 28px;}
    .news-m .news-title {font-size: 18px;margin: 0 0 5px 0;height: 18px;line-height: 18px;}

    /*产品列表页*/
    .pro-cls li{width: 33.33%;text-align: center;}
    .product-content .pro-l {width: 100%;float: none;}
    .product-content .pro-r img {max-width: 100%;width: auto;}
    .product-content .pro-r {width:80%;float: none;}
    .link-r{width: 450px;}
  
  #swiper-container4 .swiper-slide:last-child {
    height: 154px;
     line-height: 154px;
}

}
@media screen and (max-width: 640px) {
    .w1400{width:auto;margin: 0 10px;}
    .inner-banner {height: 250px;}
    .overlay-1 {height: 220px;}
    .overlay-1 img {height:220px;}
    .honor-menu li {  margin-right: 10px;  margin-bottom: 10px;}
    #container {margin: 0 auto 0;}
    .honor-title {font-size: 22px;}
    .main-title {font-size: 18px;}
    .main-menu { margin-top: 10px; }
    .net-table table tr th {  font-size: 16px;}
    .net-table table tr td {padding-left: 2%;font-size: 12px; line-height: 18px; }
    .net-table table tr td p{ font-size: 12px; line-height: 18px; }
    .net-table {margin-top: 10px; }

    .net-form li input[type="text"]{font-size: 13px; padding-left: 2%;}

    /*联系我们*/
    .con-box li span {  width: auto; font-weight: bold; }

    /*应用技巧*/
    .tip-list{margin-top: 20px;}
    .tip-list li{padding: 15px 0 10px;}

    /*人才招聘*/
    .join-msg {font-size: 16px;line-height: 25px;margin-top: 20px;}
    .join-table table tr th {  font-size: 14px;}
    .join-table table tr td {padding: 2% 0 2% 2%;}
    .join-table table tr td a {font-size: 12px;}

    /*发展历程*/
    .history-list li { margin-bottom: 20px; }

    .link-r{width: 450px;}
    .banner-page{display: none;}
    .banner2-msg{font-size: 14px;line-height: 18px;margin: 10px auto;}
    .banner2-img{margin-top: 20%;}
    .banner4-img{margin-top: 20%;}
    .index-news li{float: none;width: 100%;margin-bottom: 5px;}
    .index-news li.last-li{width: 100%;}
    .in-line{margin-bottom: 5px;}
    .banner1-img img{width: 300px;}
    .banner3-logo{display: block;}
    .banner3-logo img{width: 100%;}
    .banner5{background-color: #000;background-size: contain;background-position: center center;}
  .banner5.hover {
    background: url(img/banner5-1.jpg) no-repeat center center;
   background-color: #000;background-size: contain;
    cursor: pointer;
}
    .banner2-list li{width: 50%;margin-bottom: 5px;}
    .ban2-icon{background: none;}
  	.banner2-list .ban2-title { margin-top: 5px;}
    .banner2-list .ban2-img{width: 90px;height: 90px;margin: 0 auto 10px;}
    .banner2-list .ban2-img img{width: 90px;height: 90px;}
    .ban2-icon .ban2-icon1{width: 26px;height: 20px;background-size: 100% 100%;}
    .ban2-icon .ban2-icon2{width: 20px;height: 21px;background-size: 100% 100%;}
    .ban2-icon .ban2-icon3{width: 21px;height: 20px;background-size: 100% 100%;}
    .ban2-icon .ban2-icon4{width: 22px;height: 21px;background-size: 100% 100%;}

    .link-r{float: none;margin-left: 125px;width: 235px;}
    .link-l img{width: 120px;}
    #cSlideUl{width: 200px;}

    .banner3-pro-bg{width: 100%;height: 300px;}
    .banner3-pro{width: 280px;height: 280px;}
    .ban3-images img {width: 220px;height: 220px;margin-top: 30px;}
    .ban3-li li{width: 280px;}
    .ban3-li li p{width: 140px;margin: 0 auto;}
    .ban3-li li:nth-of-type(1){
        top: 285px;
    }
    .ban3-li li:nth-of-type(2){
        top: 240px;
        left: -110px;
    }
    .ban3-li li:nth-of-type(3){
        top: 125px;
        left: -155px;
    }
    .ban3-li li:nth-of-type(4){
        top: 60px;
        left: -185px;
    }
    .ban3-li li:nth-of-type(4){
        top: 10px;
        left: -105px;
    }
    .ban3-li li:nth-of-type(5){
        top: -25px;
    }
    .ban3-li li:nth-of-type(6){
        top: 30px;
        left: 120px;
    }
    .ban3-li li:nth-of-type(7){
        top: 125px;
        left: 155px;
    }
    .ban3-li li:nth-of-type(8){
        top: 240px;
        left: 110px;
    }
  
   .banner1 {
        background: url(img/m-banner1.jpg) no-repeat center center;
        background-size: 100% 100%;
    }
  .inner-banner{display: none;}
.m-banner{display: block}
 
}

@media screen and (max-width: 560px) {
    .news-list .news-l{float: left;width: 120px;}
    .news-list .news-l img{width: 120px;height: 82px;}
    .news-list .news-m {margin-left: 130px;margin-right: 0;}
    .news-list .news-r{display: none;float: none}
    .news-m .news-title { font-size: 16px;height: 16px;line-height: 16px;}
    .news-m .news-info {line-height: 18px; height: 36px; }
    .news-m .news-more{height: 22px; line-height:25px;font-size:12px;width:100px;color: #fff;background: #ffa920;text-align: center;margin-top: 5px;}

    /*产品列表页*/
    .pro-cls li{width: 50%;text-align: center;height:auto;padding-top: 20px;}
  .pro-list li img {height: 100px;}
   .pro-cls .pro-cls1 li{width: 50%;text-align: center;height:140px;}
   .pro-cls .pro-cls2 li{width: 50%;text-align: center;height:140px;}
  .pro-cls li img{height: 100px;}
    .pro-images li {width: 48%;margin-right: 1%;margin-bottom: 1%;}
}


.view {

    background-color: rgba(80,80,80,1);
    border-radius:10px;
    border: 5px solid rgb(30,30,30);
    box-shadow:5px 5px 5px rgba(0,0,0,0.5);

}

#reader
{
    background-color:rgb(186,186,168);
}

#loading
{
    background-color:rgb(255,255,255);
}

/*
-----------------------------------------------------------------------------
 Bottom Bar
-----------------------------------------------------------------------------
*/

#bottomBar
{
    width:430px;
    left:50%;
    margin-left:-215px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size:600px 94px;
    padding-top: 0;
    padding-left:0;
    padding-right:0;
    height:44px;
    background-color: rgba(0,0,0,0.8);
    border: 2px solid #353535;
    border-radius: 8px 8px 0 0;
}

#leftToolBar
{
    position:absolute;
    height: 44px;
    left: 40px;
}

#leftToolBar div[class="UIButton"]
{
    position: relative;
    display: inline-block;
    width: 50px;
    height: 44px;
    margin-left: 2px;
    margin-right: 2px; 
}

#leftToolBar div[class="UIIcon"]
{
    position: absolute;
    width: 50px;
    height: 44px;
    background-position: center center;
    background-repeat: no-repeat;
}


#TOCButtonIcon
{
   background-image: url(img/tocicon.png);

}

#TOCButtonIcon:hover
{
   background-image: url(img/tociconh.png);

}

#ThumbnailButton
{   
}

#ThumbnailButtonIcon
{
    background-image: url(img/thumbnailicon.png);
}

#ThumbnailButtonIcon:hover
{
    background-image: url(img/thumbnailiconh.png);
}

#ReaderToolBar
{
   position: absolute;
   left:150px;
   width:158px;
}

#ReaderToolBar div[class="UIButton"]
{
    position: relative;
    display: inline-block;
    width: 35px;
    height: 44px;
    margin-left: 2px;
    margin-right: 2px;   
}

#ReaderToolBar div[class="UIIcon"]
{
    position: absolute;
    width: 35px;
    height: 44px;
    background-position: center center;
    background-repeat: no-repeat; 
}

#ReadPreviousButton
{
}

#ReadPreviousButtonIcon
{
    background-image: url(img/readprevious.png);
}

#ReadPreviousButtonIcon:hover
{
    background-image: url(img/readprevioush.png);
}

#ReadNextButton
{  
}

#ReadNextButtonIcon
{
    background-image: url(img/readnext.png);
}

#ReadNextButtonIcon:hover
{
    background-image: url(img/readnexth.png);
}

#PageNumberLabel
{
    position: relative;
    display: inline-block;
    width: 80px;
    height: 44px;
    bottom:17px;
    line-height:35px;
    font-family:arial;
    font-size:12px ;
    text-align:center;
    white-space: nowrap;
    color:#FFFFFF;
}

#PageNumberLabel:hover
{
    color:rgb(32,179,255);
}

#ZoomToolBar
{
    position:absolute;
    height: 44px;
    left: 330px;
}

#ZoomToolBar div[class="UIButton"]
{
    position: relative;
    display: inline-block;
    width: 35px;
    height: 44px;
    margin-left: 2px;
    margin-right: 2px; 
    float: left;  
}

#ZoomToolBar div[class="UIIcon"]
{
    position: absolute;
    width: 35px;
    height: 44px;
    background-position: center center;
    background-repeat: no-repeat; 
}

#ZoomPlusButtonIcon
{
    background-image: url(img/zoomplus.png);
}

#ZoomPlusButtonIcon:hover
{
    background-image: url(img/zoomplush.png);
}

#ZoomMinusButton
{
  
}

#ZoomMinusButtonIcon
{
    background-image: url(img/zoomminus.png);
}

#ZoomMinusButtonIcon:hover
{
    background-image: url(img/zoomminush.png);
}

#ScrollPreviousButtonIcon
{
    background-image: url(img/prevread.png);
    display: none;
}

#ScrollPreviousButtonIcon:hover
{
    background-image: url(img/prevreadh.png);
}

#ScrollNextButtonIcon
{
    background-image: url(img/nextread.png);
    display: none;
}

#ScrollNextButtonIcon:hover
{
    background-image: url(img/nextreadh.png);
}

#keyboardIndicator
{
    position:absolute;
    top:20px;
    right:60px;
    background-image: url(img/keyboard.png);
    width:54px;
    height:50px;
}

/*
-----------------------------------------------------------------------------
 PageNumber Thumbnail window
-----------------------------------------------------------------------------
*/

#PageNumberThumbWindow
{
    position:absolute;
    width:350px;
    margin-left:-175px;
    bottom: 74px;
    left:50%;
    padding-top:10px;
}

#PageSlider
{
    position:absolute;
    bottom:10px;
    width:200px;
}

#PageThumbnailView
{
    position:absolute;
    bottom:40px;   
}

/*
-----------------------------------------------------------------------------
 Thumbnail window
-----------------------------------------------------------------------------
*/

#thumbnailWindow {
    top:30px;
    
}

#thumbScrollContent {
    border-radius:5px;
}

/*
-----------------------------------------------------------------------------
 Page Thumbnail View
-----------------------------------------------------------------------------
*/

.pageThumbnailView
{
    display:inline-block;
    margin-left:10px;    
    margin-right:10px;    
    margin-top:10px;    
    margin-bottom:10px;  
    border:2px solid transparent;
}

.pageThumbnailViewSelected
{
    border:2px solid rgb(32,179,255);;
}

.pageThumbPageNumber
{
    color:#FFFFFF;
    font-size: 75%;
    text-align: center;
}

.pageThumb
{
    background-color:#FFFFFF;
    background-repeat:no-repeat;    
}

.leftPageThumbLeftShadow
{
    width:4px;
    background-image:url(img/leftpagethumbleftshadow.png);
    background-size:100% 100%;
}

.leftPageThumbRightShadow
{
    width:3px;
    background-color:rgb(127,127,127);
}

.leftPageThumbInnerShadow
{
    height:100%;
    width:30%;
    background-image:url(img/leftinnershadow.png);
    background-size:100% 100%;
    float:right;
}

.leftPageThumbTopShadow
{
    width:100%;
    height:3px;
    background-image:url(img/leftpagethumbtopshadow.png);
    background-size:100% 100%;

}
.leftThumbBottomShadow
{
    background-image:url(img/leftthumbbottomshadow.png);
    background-size:100% 100%;
    width:100%;
    height:7px;
}

.rightPageThumbLeftShadow
{
    width:3px;
    background-color:rgb(127,127,127);
}

.rightPageThumbRightShadow
{
    width:4px;
    background-image:url(img/rightpagethumbrightshadow.png);
    background-size:100% 100%;
}

.rightPageThumbInnerShadow
{
    height:100%;
    width:30%;
    background-image:url(img/rightinnershadow.png);
    background-size:100% 100%;
    float:left;
}

.rightPageThumbTopShadow
{
    width:100%;
    height:3px;
    background-image:url(img/rightpagethumbtopshadow.png);
    background-size:100% 100%;

}
.rightThumbBottomShadow
{
    background-image:url(img/rightthumbbottomshadow.png);
    background-size:100% 100%;
    width:100%;
    height:7px;

}

.pageThumbnailWithShadow
{
   display:inline-block;
   margin:0px;
   padding:0px;
}


/*
-----------------------------------------------------------------------------
 TOC
-----------------------------------------------------------------------------
*/

#tocWindow {
   left:20px;
   top:30px;
   bottom:74px;  
}

#tocWindowTitle {
    color:#FFFFFF;
    background-color:rgb(50,50,50);
    padding-top:5px;
    text-align:center;
}

#tocScrollContent {
    background-color:#FFFFFF;
    border-radius:5px;
}

.tocSection
{
    background-color: rgb(80,80,80);
    color:#FFFFFF;
    height:24px;
}

.tocEntry
{
    color:#000000;
    font-size:95%;
    border-bottom: 1px solid rgb(200,200,200);
}

.tocEntryDetail {
    color:rgb(107,107,107);
    font-size:85%
}

.slider
{
    position:absolute;
    display:inline-block;
    width:200px;
    height:44px;
}

.sliderBar
{
    position:absolute;
    top:50%;
    left:0px;
    right:0px;
    height:13px;
    margin-top:-5px;
    margin-left:10px;
    margin-right:10px;
    background-image: url(img/slider.png);
    background-size:100% 9px;
    background-repeat:no-repeat;
    background-position: right center;
}

.sliderBarLeft
{
    position:absolute;
    background-repeat: no-repeat;
    background-image: url(img/sliderleft.png);
    background-position: right center;
    background-size:6px 9px;
    margin-left:-6px;
    width:6px;
    height:100%;
}

.sliderBarRight
{
    position:absolute;
    background-repeat: no-repeat;
    background-image: url(img/sliderright.png);
    background-position: left center;
    background-size:6px 9px;
    right:0px;
    margin-right:-6px;
    width:6px;
    height:100%;
}

.sliderCursor
{
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-13px;
    margin-top:-13px;
    width:26px;
    height:27px;
    background-repeat: no-repeat;
    background-image: url(img/slidercursor.png);
    background-position: center center;
    background-size:26px 27px;
}

/*
-----------------------------------------------------------------------------
 Book Page Component
-----------------------------------------------------------------------------
*/

.bookPageLinkComponent
{
    background-color:rgba(0,255,0,0.25);
    border-color:rgb(127,127,127);
    border-style:solid;
    border-width:0px;
}

.bookPageMouseOverOpacity
{
    opacity:1;
}

.videoPlayButton
{
    position: absolute;
    width: 64px;
    height: 64px;
    left:50%;
    top:50%;
    margin-left:-32px;
    margin-top:-32px;
    background-size:100% 100%;
    /*background-position: center center;*/
    background-repeat: no-repeat;
    background-image: url(img/videoplayicon.png);
}

.videoPreview
{
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}

.audioPlayButton
{
    position: absolute;
    width: 48px;
    height: 48px;
    left:50%;
    top:50%;
    margin-left:-24px;
    margin-top:-24px;
    background-size:100% 100%;
    /*background-position: center center;*/
    background-repeat: no-repeat;
    background-image: url(img/speakericon.png);
}

.audioPreview
{
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}

.slideImage
{
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}

.slideOverlay
{
    position: absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-image: url(img/harrow.png);
}

.imageOverlay
{
    position: absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:bottom right;
    background-image: url(img/photo.png);
}