@charset "utf-8";


@media only screen and (min-width:320px) and (max-width:640px){

	html{margin-top: 4.2rem;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,iframe{margin:0;padding:0; font-family:}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,iframe,input{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: bold; color:#2c3e50;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
a, button { cursor:pointer}

/*defined*/
.fudong {
    max-width: 640px;
    min-width: 320px;
    float: left;
    margin: 0 auto;
}
strong { font-weight:bold;}
a { color: #333;text-decoration: none;}
a:hover{text-decoration: none;}
a:hover { text-decoration:none;} 
.cl:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}

.r { float:right}
.l { float:left} 
.pt20{ padding-top:20px;}
.w1200 {
    width: 101%;

margin: 0 auto;

min-width: 320px;

position: relative;

top: -7px;

z-index: 999;
}
.tupian {

    float: left;
    width: 49%;
    padding: 1rem;
    height: 25rem;

}
.text-hot-cp {
    color: #bcbcbc;
    text-align: left;
    padding: 1rem;
}
.tupian-span {

    position: relative;
    top: 5px;

}
/*one stare*/
.title{ text-align:center; padding:50px 0 15px 0;/* border-bottom:1px dashed #e0e0e0;*/}
.title h1{ font-size:40px;}
.title h1 span{ color:#1dd2af;}
.title p{ font:20px/46px "Microsoft YaHei"; color:#2c3e50;}
.title p b{color:#1dd2af;}
.important {
   margin: 0 auto; 
font-family: ΢ÈíÑźÚ;
}
.important li{float: left;

max-width: 40%;

margin: 0 auto;

vertical-align: middle;

min-width: 33%;
}
.tongzhi li {

    color: white;
    text-align: ;
    text-align: center;
    line-height: 30px;

}

.tongzhi li span {
    padding-right: 80px;
    background: url(/style/images/lingdang.gif) no-repeat;
    background-position: left;
background-size: 50%;
}
.tongzhi li a {
    color: white;
}
.important li a{color: inherit;

text-decoration: none;}
.tongzhi {
         width: 300px;
background: #3b3a3ae6;
position: absolute;
height: 30px;
top: 645px;
border-radius: 5px;
}
.important li span {
   width: 60px;
height: 40px;
display: block;
position: relative;
left: 30px;
}
.important .rcsp_1 span{ background:url("/images/icon1.png") no-repeat bottom center;}
.important .rcsp_2 span{ background:url("/images/icon2.png") no-repeat bottom center;}
.important .rcsp_3 span{ background:url("/images/icon3.png") no-repeat bottom center;}
.important .rcsp_4 span{ background:url("/images/icon4.png") no-repeat bottom center;}
.important .rcsp_5 span{ background:url("/images/icon5.png") no-repeat bottom center;}
.important .rcsp_6 span{ background:url("/images/icon6.png") no-repeat bottom center;}
.important .rcsp_7 span{ background:url("/images/icon7.png") no-repeat bottom center;}
.important .rcsp_8 span{ background:url("/images/icon8.png") no-repeat bottom center;}
.important .rcsp_9 span{ background:url("/images/icon9.png") no-repeat bottom center;}
.important .rcsp_10 span{ background:url("/images/icon10.png") no-repeat bottom center;}
.bgbg { background:url("/style/images/bgbg.png") center bottom no-repeat; width:100%; padding-bottom: 20px;}
/*.w1200 .important .rcsp_1:hover span, .w1200 .important .rcsp_2:hover span,.w1200 .important .rcsp_3:hover span,.w1200 .important .rcsp_4:hover span,.w1200 .important .rcsp_5:hover span,.w1200 .important .rcsp_6:hover span, .w1200 .important .rcsp_7:hover span, .w1200 .important .rcsp_8:hover span, .w1200 .important .rcsp_9:hover span{transition: background 0.3s;
-moz-transition: background 0.3s;
-ms-transition: background 0.3s;
-webkit-transition: background 0.3s;
-o-transition: background 0.3s;}
.w1200 .important .rcsp_1:hover span{ background:url("/style/images/icon1.png") no-repeat top center;}
.w1200 .important .rcsp_2:hover span{ background:url("/style/images/icon2.png") no-repeat top center;}
.w1200 .important .rcsp_3:hover span{ background:url("/style/images/icon3.png") no-repeat top center;}
.w1200 .important .rcsp_4 span:hover{ background:url("/style/images/icon4.png") no-repeat top center;}
.w1200 .important .rcsp_5 span:hover{ background:url("/style/images/icon5.png") no-repeat top center;}
.w1200 .important .rcsp_6 span:hover{ background:url("/style/images/icon6.png") no-repeat top center;}
.w1200 .important .rcsp_7 span:hover{ background:url("/style/images/icon7.png") no-repeat top center;}
.w1200 .important .rcsp_8 span:hover{ background:url("/style/images/icon8.png") no-repeat top center;}
.w1200 .important .rcsp_9 span:hover{ background:url("/style/images/icon9.png") no-repeat top center;}
.important .rcsp_9{ margin-right:0px;}*/
.important li p {
   text-align: center;
padding:0;
display: block;

color: white;

font-size: 1.3rem;
}

.important li strong{ border-bottom:1px solid #24d2b0; position:relative; display:block;margin-top:15px;z-index:4;}
.important li strong i{display:none;  position:absolute; width:0px; height:0px; border:10px solid transparent;display:block;left: 50%;margin-left: -9px;border-top-color: #1dd2af;}
.important_l{ padding:30px 60px 0 20px; float:left; width:510px; overflow: hidden;}
.important_l img{width:450px;height:384px;}
.important_r{ float:right; padding:30px 60px 0px 0px;width:530px; overflow: hidden; }
.title_1{ text-align:center;}
.title_1 h3{ font:14px/16px "Arial";text-transform: uppercase; color:#535353; display: block;}
.title_1 h3 span ,.title_1 h2 span{ color:#ef571a;}
.title_1 h2{ font: bold 30px/40px "Microsoft YaHei"; color:#535353;padding-bottom: 5px;}
.icon_top{ width:100%; padding-top:25px;}
.icon_top i{ display:block; width:32px; height:32px;}
.icon_top .i_left{ float:left; background:url("/style/images/icon_left.png") 0 center no-repeat;}
.icon_top .i_right{ float:right; background:url("/style/images/icon_right.png") 0 center no-repeat;}
.icon_top .i_left1{ float:left; background:url("/style/images/icon_left1.png") 0 center no-repeat;}
.icon_top .i_right1{ float:right; background:url("/style/images/icon_right1.png") 0 center no-repeat;}
.study{ padding:0px 32px;}
.study h3{ font: bold 25px/30px "Microsoft YaHei"; color:#1dd2af; display: block; padding-bottom:15px;}
.study span{ font:14px/18px "Microsoft YaHei";color:#535353;display: block;text-indent: 2em;}
.study img{ display:block; width:140px; height:90px; overflow:hidden; margin-left:35%;padding-top: 10px;}
.study .know{ background:#1dd2af; display:block; font: bold 16px/30px "Microsoft YaHei"; padding:0px 10px; border-radius:50px; height:30px; color:#FFFFFF; text-align:center; margin:0 90px; margin-top:10px;}
/*one end*/
.public_img{ display:block; width:29px; height:29px; padding:15px 0 2px 0;}
.public_img_1{ width:59px; height:29px; display:block;}

.rcsp_1 {

    background: #146fda;

}
.rcsp_2 {

    background: #3488ea;

}
.rcsp_3 {

    background: #146fda;

}
.rcsp_4 {

    background: #3488ea;

}
.rcsp_5 {

    background: #146fda;

}
.rcsp_6 {

    background: #3488ea;

}

.rcsp_7 {

    background: #146fda;

}
.rcsp_8 {

    background: #3488ea;

}
.rcsp_9 {

    background: #146fda;

}

.rcsp_10 {

    background: #3488ea;

}


.important li:hover {
    background: #15b164;
        background-size: auto auto;
    background-size: 100%;
	
}
.important li abbr {
    font-size: 12px !important;
    float: left;
    width: 200px;
    text-align: center;
letter-spacing: 0px;
line-height: 30px;
display:none;
}
.factory-bg {

    float: left;
    width: 100%;
    margin: 0 auto;

}
.about-us-m-top {
    float: left;
    width: 100%;
    margin: 1rem auto;
}.about-us-m {

    width: 100%;
    float: left;
    margin: 0 auto;

}
.about-us-m-li1 {

    font-size: 1.8rem;
    font-family: ΢ÈíÑźÚ;
    text-align: center;
    color: #656565;
    padding: 1rem;

}.about-us-m-down {

    width: 100%;
    margin: auto;
    float: left;

}
.about-us-m-down p {

    font-size: 1.3rem;
    line-height: 25px;
    font-family: ΢ÈíÑźÚ;
    color: #989595;
    width: 100%;
    padding: 0 1rem;
    float: left;
    margin: 0 auto;

}
.countus-width {

    width: 100% !important;
    margin:  auto;

}
.countus-left {

    font-size: 1.5rem !important;
    color: white;
    font-family: ΢ÈíÑźÚ;
    width: 100% !important;
    float: left;
    padding-bottom: 30px;

}
.countus-left li {

    padding: 1rem !important;

}

.countus-bg {

    width: 100%;
    float: left;
    background: #3b3b3b;

}