@charset "utf-8";
/* CSS Document */
div,ul,li,h1,h2,h5,h6,img,dd,dl,dt,p{padding:0px; margin:0px;}
ul,li{ list-style-type:none; margin:0; padding:0;}
body{
    font:normal 100% "微软雅黑";
    padding:0;
    margin:0;
    font-size: 13px;
    color: #565656;
}
img{
    list-style:none;
    max-width:100%;
    border:0px;
}
a{
    text-decoration:none;
    cursor:pointer;
    border:0;
}
.anp{
    color: #767676;
}

html{
    width: 100%;
}
.top{
    width: 100%;
    height: 25px;
    background-color: #484848;
}
.hearder{
    max-width: 1200px;
    margin: 0 auto;
}
.logo{
    width: 27%;
    float: left;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-left: 3%;
}
.hearder_right{
    width: 70%;
    float: right;
}
.nav_top{
    width: 30%;
    float: right;
}
.nav_p1{
    width: 30%;
    height: 40px;
    float: right;
    font-size: 0.9rem;
    color: #f5ad00;
    padding-top: 22px;
}
.nav_p1 .anp{
    color: #f5ad00;
}
.nav_tp2{
    width: 89%;
    background-color: #eaeaea;
    text-align: center;
    font-size: 0.8rem;
    line-height: 20px;
    display: none;
    border-bottom: 1px solid #ffffff;
}
.nav_tp2:hover .anp{
    color: #f5ad00;
}
.nav_p1:hover .nav_tp2{
    display: block;
}
.nav_tp2 .anp{
    color: #555555;
}
.nav_p2{
    width: 14%;
    float: right;
    padding-top: 21px;
    font-size: 0.9rem;
    color: #f5ad00;
    line-height: 10px;
}
.nav_p2 span{
    font-size: 15px;
}
.nav_p3{
    width: 21%;
    float: left;
    padding-top: 17px;
}
.nav_p3 span{
    font-size: 20px;
    color: #f5ad00;
}
.nav_p3 .anp{
    color: #f5ad00;
    margin-left: 5%;
    font-size: 0.9rem;
}

.nav{
    width: 100%;
    clear: both;
	height:60px;
}
.nav ul{
    width: 90%;
    margin-left: 10%;
    padding-top: 20px;
}
.nav ul li{
    padding-left: 1%;
    padding-right:2%;
    float: left;
    margin-left: 1.5%;
    background-color: white;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    font-family: "Arial";
    font-size: 1rem;
    position:relative;
}
.nav ul li .anp{
    color: #767676;
}
.nav ul li:hover .anp{
    color: #000000;
	font-weight:bold;
}
.nav ul li.sli2 ul{
    width:170px;
    margin-left: 10%;
    padding-top: 20px;
	display:none;
	left:0px;
	position:absolute;
	z-index:9999;
}
.nav ul li.sli2:hover ul{
    width:170px;
	display:block;
    margin-left: 10%;
    padding-top: 10px;
	left:-40px;
	position:absolute;	
	text-transform:capitalize;
	text-decoration:none;
	z-index:9999;
}
.nav ul li.sli2:hover ul li{
    width: 170px;
	display:inline;
	height:15px;
    border-radius: 0px;
	filter:alpha(opacity=90); 
	-moz-opacity:0.9; 
	opacity:0.9;
}

.nav ul li ul li .ans{
    color: #767676;
}
.nav ul li ul li:hover .ans{
    color: #000000;
	font-weight:bold;
}





.snavlist{
    width: 100%;
    display: none;
    clear: both;
}
.snavlist1{
    width: 100%;
    text-align: left;
    display: inline-block;
    margin: 0 auto;
}
.snavlist1 .sli1{
    width: 100%;
    height:40px;
    margin: 0 auto;
    z-index: 999;
    background-color: rgba(0,0,0,0.6);
    background-color: rgb(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
}
.snavlist1 ul li{
    width: 100%;
    margin-left: 10%;
    border-bottom: 1px dashed #424241;
}
.snavlist1 .sli1 .anp{
    width: 50%;
    font-size: 0.9rem;
    color: white;
    line-height: 40px;
    margin-left: 5%;
}
@media screen and (max-width:840px){
    .logo{
        width: 100%;
        clear: both;
        text-align: center;
        margin-left: 0%;
    }
    .hearder_right{
        width: 100%;
        clear: both;
    }
    .nav_top{
        display: none;
    }
    .nav_btn{
        width: 100%;
        height: 40px;
        background-color: rgba(35,35,35,0.7);
        background-color: rgb(35,35,35,0.7);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
        clear: both;
        z-index: 9999;
    }
    .snavlist{
        width: 100%;
        display: block;
        position: absolute;
        z-index: 999;
    }
    .nav{
        display: none;
    }
    .nav{
        margin-top: 0px;
    }
    .opens{
        display: block;
        width: 100px;
        height: 25px;
        float: left;
        padding-top: 9px;
        margin-LEFT: 5%;
    }
    .open{
        display: block;
        background: url("../images/mp_01.png") center no-repeat;
        width: 40px;
        height: 25px;
        float: right;
        margin-top: 9px;
        margin-right: 5%;
    }
    .snavlist1 ul li{
        width: 100%;
        text-align: center;
        margin-left: 0%;
        background-color: rgba(30,55,10,0.7);
        background-color: rgb(30,55,10,0.7);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
    }
}

/*!*banner*!*/

.banner_nav{
    width: 100%;
    min-width: 1200px;
    height:529px;
    margin:0 auto;
    position:relative;
    clear: both;
}
.bannerm{
    width: 100%;
    min-width: 1200px;
    height:529px;
    margin:0 auto;
}
.bannerm ul li{
    position:absolute;
    list-style:none;
    width:100%;
    min-width: 1200px;
    margin:0 auto;
    height:529px;
}
.bannerm ul li img{
    width:100%;
}
.dot{
    position:absolute;
    bottom:10px;
    width:120px;
    height:20px;
    right: 46.5%;

}
.dot span{
    display:block;
    float:left;
    width:20px;
    height:10px;
    background-color: #ffffff;
    margin-left:10px;
}
.dot .now{
    background-color:#ffbb42;
}
.change{
    position:absolute;
    width:50px;
    height:80px;
    top:50%;
    margin-top:-40px;
    background:#5e5e5f;
    opacity:0.7;
    font-size:35px;
    font-weight: bolder;
    text-align:center;
    line-height:80px;
    color: white;
    text-decoration:none;
    display:none;
    z-index: 9999;
}
.prev{
    left:0;
}
.next{
    right:0;
}



.banners{
    width:100%;
    height:auto;
}

li{
    list-style: none;
}
.examples{
    max-width:100%;
    height:auto;
}

.examples ol{position:relative;width:200px;height: 20px;top:-30px; margin:auto; z-index:3}
.examples ol li{float:left;width: 20px;height: 10px;margin: 5px;background:#ffffff; }
.examples ol li.seleted{background:#ffbb42;}

.examples1{}
.examples1 ol{position:relative;width:150px;height: 20px;top:-30px;left:60px;}
.examples1 ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #ffbb42;}
.examples1 ol li.seleted{background: #1AA4CA;}

.examples2{}
.examples2 ol{position:relative;width: 10%;height: 20px;top:-30px;left:60px;}
.examples2 ol li{float:left;min-width: 10px;height: 10px;margin: 5px;background: #fff;}
.examples2 ol li.seleted{background: #1AA4CA;}
.luaras-{position:relative;padding:0;overflow: hidden;}
.luaras- ul{padding: inherit;margin: 0;}
.luaras- ul li{display: none;padding: inherit;margin: inherit;list-style: none;}
.luaras- ul li:first-child{display:block;}
.luaras- ul li img{width: inherit;height: inherit;}



.banner{
    width:100%;
    height:auto;
    display: none;
}

li{
    list-style: none;
}
.example{
    max-width:100%;
    height:auto;
}

.example ol{position:relative;width:200px;height: 20px;top:-30px; margin:auto; z-index:3}
.example ol li{float:left;width: 20px;height: 10px;margin: 5px;background:#ffffff; }
.example ol li.seleted{background:#ffbb42;}

.example1{}
.example1 ol{position:relative;width:150px;height: 20px;top:-30px;left:60px;}
.example1 ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #ffbb42;}
.example1 ol li.seleted{background: #1AA4CA;}

.example2{}
.example2 ol{position:relative;width: 15%;height: 20px;top:-30px;left:60px;}
.example2 ol li{float:left;min-width: 10px;height: 10px;margin: 5px;background: #fff;}
.example2 ol li.seleted{background: #1AA4CA;}
.luara-{position:relative;padding:0;overflow: hidden;}
.luara- ul{padding: inherit;margin: 0;}
.luara- ul li{display: none;padding: inherit;margin: inherit;list-style: none;}
.luara- ul li:first-child{display:block;}
.luara- ul li img{width: inherit;height: inherit;}

@media screen and (max-width:1000px){
    .banner_nav{
        display: none;
    }
    .banner{
        display: block;
    }
}


/*行业领域*/
.main{
    max-width: 1200px;
    margin: 0 auto;
    clear: both;
}
.main_top{
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
    padding-top: 20px;
    color:#000000;
}
.main_center{
    width: 100%;
    margin-top: 20px;
}
.main_center ul li{
    width: 50%;
    float: left;
    margin-top: 40px;
    height:100PX;
}
.main_tm{
    width: 80%;
    margin-left: 10%;
}
.main_left{
    width: 20%;
    float: left;
    padding-top:20px;
}
.main_right{
    width: 80%;
    float: right;
}
.main_p1{
    font-size: 1rem;
    font-family: "Arial";
    font-weight: bold;
}
.main_p1 .anp{
    color: #394b50;
}
.main_p1:hover .anp{
    color: #ffbb42;
}
.main_p2{
    line-height: 20px;
    margin-top: 10px;
}

@media screen and (max-width:840px){
    .main_top{
        font-size: 1.2rem;
    }
    .main_top{
        margin-top: 0px;
    }
    .main_tm{
        width: 90%;
        margin-left: 5%;
    }
    .main_center ul li{
        width: 100%;
        clear: both;
        margin-top: 30px;
    }
}




/*产品*/

.product{
    width: 100%;
    height: auto;
    background-color: #efb419;
    clear: both;
    margin-top: 60px;
    display: inline-block;
}
.product_center{
    max-width: 1200px;
    margin: 0 auto;
}
.product_top{
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
    padding-top: 40px;
    color: white;
}
.product_tp{
    width: 100%;
    text-align: center;
    font-size: 0.75rem;
    padding-top: 15px;
    color: white;
}
.product_middle{
    width: 100%;
    height: auto;
}
.product_middle ul{
    margin-top: 50px;
}
.product_middle ul li{
    width: 25%;
    height: auto;
    text-align: center;
    float: left;
}
.pro_dd{
    width: 74%;
    margin: 0 auto;
    background-color: white;
    border-radius: 10px;
}
.pro_tp1{
    margin-top: 10px;
    font-size: 1rem;
    font-weight: bold;
}
.pro_tp2{
    width: 80%;
    margin-left: 10%;
    text-align: left;
    line-height: 25px;
    margin-top: 10px;
}
.pro_tp3{
    font-size: 0.9rem;
    font-weight: bold;
    padding-bottom: 20px;
    margin-top: 30px;
}
.pro_tp3 .anp{
    color: #ffa200;
}
.product_btn{
    width: 100%;
    margin-top: 30px;
    clear: both;
    display: inline-block;
    padding-bottom: 35px;
}
.product_bttom{
    width: 170px;
    height: 35px;
    text-align: center;
    background-color: white;
    margin: 0 auto;
    border-radius: 5px;
    line-height: 35px;
    font-size: 1.2rem;
    font-weight: bold;
}
.product_bttom .anp{
    color: #ffa200;
}

@media screen and (max-width:840px){
    .product_top{
        font-size: 1.2rem;
    }
    .pro_tp1{
        font-size: 0.9rem;
    }
    .pro_tp2{
        width: 90%;
        margin-left: 5%;
        font-size: 0.75rem;
        line-height: 20px;
    }
    .pro_tp3{
        font-size: 0.85rem;
        margin-top: 20px;
    }
    .product_middle ul{
        margin-top: 20px;
    }
    .product_middle ul li{
        width: 50%;
        margin-top: 30px;
    }
    .pro_dd{
        width: 90%;
        margin-left: 5%;
    }
}


/*全球客户*/

.case{
    max-width: 1200px;
    clear: both;
    height: auto;
    margin: 0 auto;
}
.case_top{
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
    padding-top: 40px;
    color:#000000;
}
.case_tp{
    width: 100%;
    text-align: center;
    font-size: 0.75rem;
    padding-top: 15px;
}
.case_tp span{
    color: #ffa200;
}
.case_center{
    width: 100%;
    margin-top: 50px;
}
.case_center ul li{
    width: 20%;
    margin-top: 20px;
    float: left;
    text-align: center;
}

@media screen and (max-width:840px){
    .case_top{
        font-size: 1.2rem;
    }
    .case_center ul li{
        width: 33.3%;
    }
}


/*全球布局*/
.layout{
    max-width: 1200px;
    clear: both;
    margin: 30px auto;
}
.layout_btn{
    width: 100%;
    margin-top: 40px;
    text-align: center;
    position: relative;
}
.layout_p1{
    position: absolute;
    margin-top: -150px;
    margin-left: 14px;
    text-align: left;
    color: #828081;
	opacity:0;filter:alpha(opacity=0);
}
.layout_p1 span{
    font-weight: bold;
    font-size: 0.9rem;
}
.layout_p1:hover{
    color: #060606;
	opacity:1;filter:alpha(opacity=100);
}
.layout_p2{
    position: absolute;
    margin-top: -593px;
    margin-left: 505px;
    text-align: left;
    color: #828081;
	opacity:0;filter:alpha(opacity=0);
}
.layout_p2 span{
    font-weight: bold;
    font-size: 0.9rem;
}
.layout_p2:hover{
    color: #060606;
	opacity:1;filter:alpha(opacity=100);
}
.layout_p3{
    position: absolute;
    margin-top: -591px;
    margin-left: 918px;
    text-align: left;
    color: #828081;
	opacity:0;filter:alpha(opacity=0);
}
.layout_p3 span{
    font-weight: bold;
    font-size: 0.9rem;
}
.layout_p3:hover{
    color: #060606;
	opacity:1;filter:alpha(opacity=100);
}

.layout_mp{
    width: 100%;
    margin-top: 40px;
    text-align: center;
    position: relative;
    display: none;
}

@media screen and (max-width:1190px){
    .layout_btn{
        display: none;
    }
    .layout_mp{
        display: block;
    }
}

.abouts{
    max-width: 1200px;
    margin: 0 auto;
}
.abouts_left{
    width: 60%;
    float: left;
    padding-top: 50px;
    padding-bottom: 60px;
}
.abouts_p1{
    width: 95%;
    margin-left: 5%;
    line-height: 22px;
    font-family: "Arial";
}
.abouts_right{
    width: 40%;
    float: left;
    padding-top: 50px;
    padding-bottom: 60px;
}
.abouts_mg{
    width: 80%;
    margin-left: 10%;
    margin-top: 15px;
}

@media screen and (max-width:840px){
  .abouts_left{
      width: 90%;
      margin-left: 5%;
      clear: both;
  }
    .abouts_p1{
        width: 100%;
        margin-left: 0%;
    }
    .abouts_right{
        width: 90%;
        margin-left: 5%;
        clear: both;
        padding-top: 0px;
    }
    .abouts_mg{
        width: 100%;
        margin-left: 0%;
    }
    .abouts_mg img{
        width: 100%;
    }
}

/*页脚*/

.foot{
    width: 100%;
    height: auto;
    background-color: #777777;
    float: left;
}
.foot_center{
    max-width: 1200px;
    margin: 0 auto;
}
.foot_center ul{
    width: 90%;
    margin-left: 8%;
}
.foot_center ul li{
    float: left;
	padding:0% 2% 0% 3%;
    text-align: center;
    margin-top: 40px;
    margin-left: 1%;
    font-size: 1rem;
}
.foot_center ul li .anp{
    color: #ffffff;
}
.foot_middle{
    width: 100%;
    text-align: center;
    clear: both;
    font-size: 1.1rem;
    color: #394b50;
    margin-top: 40px;
    display: inline-block;
    padding-bottom: 40px;
}
.footp{
    width: 260px;
    margin: 0 auto;
}
.foot1{
    float: left;
    margin-top: 5px;

}
.foot2{
    float: left;
    margin-top: 2px;
}

.foot_gp{
    width: 100%;
    clear: both;
    margin-top: 10px;
    text-align: center;
    line-height: 40px;
    font-size: 11px;
    color: #505050;
    padding-bottom: 18%;
    background-color: white;
    display: none;
}
.footer{
    width: 100%;
    float: left;
    margin-top: -15px;
}
.footerl{
    padding-top: 15px;
    padding-bottom: 15px;
    color: white;
    float: none;
	margin:auto;
}
.down{
    width: 100%;
    clear: both;
    background-color: #ffa200;
    position: fixed;
    bottom: 0px;
    margin-top: 10%;
    display: none;
}
.down ul li{
    width: 25%;
    float: left;
    text-align: center;
}
.down ul li img{
    width: 100%;
    margin-top: 15px;
}


@media screen and (max-width:840px){
    .foot{
        display: none;
    }
    .foot_gp{
        display: block;
    }
    .footer{
        display: none;
    }
    .down{
        display: block;
    }
}



/*产品*/

.prm{
    max-width: 1200px;
    margin: 0 auto;
}
.prmleft{
    width: 18%;
    float: left;
    margin-top: 20px;
    padding-bottom: 30px;
}
.prmleft ul li{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f6f6f6;
    margin-left: 1%;
    text-align: center;
}

.prmleft ul .an{
    background: #ffa200;
}
.ap{
    color: white;
}

.prmright{
    width: 80%;
    float: left;
    margin-left: 1%;
    padding-bottom: 30px;
}
.prmp{
    width: 100%;
}
.prmp ul li{
    width: 25%;
    float: left;
    text-align: center;
    margin-top: 20px;
}
.pro_dm{
    width: 85%;
    margin: 0 auto;
    background-color: #f3f3f3;
    border-radius: 10px;
}
.pro_dm img{
    width: 100%;
}

@media screen and (max-width:840px){
    .prm{
        width: 100%;
    }
    .prmleft{
        width: 100%;
        clear: both;
    }
    .prmleft ul li{
        width: 50%;
        float: left;
        margin-left: 0%;
        background-color: white;
    }
    .prmright{
        width: 100%;
        clear: both;
    }
    .prmp{
        width: 100%;
    }
    .prmp ul li{
        width: 50%;
    }
    .pro_dm{
        width: 90%;
        margin-left: 5%;
    }
}


/*关于我们*/

.about{
    width: 100%;
    /* margin-left: 10%; */
    /* margin-top: 20px; */
    /* line-height: 25px; */
}

/*联系我们*/

.us{
    width: 80%;
    font-size: 0.9rem;
    color: #1b1b1b;
    margin-left: 10%;
    margin-top: 20px;
}
.usm{
    width: 80%;
    color: #979797;
    margin-left: 10%;
    margin-top: 20px;
    line-height: 25px;
}

@media screen and (max-width:840px){
    .us{
        width: 90%;
        margin-left: 5%;
        margin-top: 10px;
    }
    .usm{
        width: 90%;
        margin-left: 5%;
    }
}



/*新闻*/
.news{
    width: 80%;
    padding-top: 15px;
    margin-left: 10%;
}
.news ul li{
    width: 100%;
}
.news1{
    width: 100%;
    float: left;
    padding-bottom: 15px;
    border-bottom: 1px dashed #979797;
}
.news2{
    width: 80%;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 10px;
}
.news3{
    width: 20%;
    float: right;
    padding-top: 10px;
    text-align: right;
}
.news ul li .news2:hover .anp{
    color: #ffbb42;
}

@media screen and (max-width:840px){
    .news{
        width: 90%;
        margin-left: 5%;
    }
    .news2{
        width: 100%;
    }
    .news3{
        display: none;
    }
}


/*招聘*/

.recr{
    width: 80%;
    margin-left: 10%;
    margin-top: 20px;
    line-height: 25px;
}
@media screen and (max-width:840px){
    .recr{
        width: 90%;
        margin-left: 5%;
        margin-top: 0;
    }
}