@charset "utf-8";
/* CSS Document */

body { font-family:"宋体"; font-size:12px; color:#666; background-color:#fff}
* { margin:0; padding:0;}
a { color:#d60619; text-decoration:none;}
a:hover { color:#183169; text-decoration:none; cursor:pointer}
img { border:0;} 
.clear{ clear:both;}
ul{ list-style-type:none}
li{ display:inline}
li a{ font-size:12px}
a {outline: none;} 
a {star:expression(this.onFocus=this.blur())} 


#main2 .titspan{ float:left;color:#d60619; font-size:14px; font-weight:bold; font-family:SimHei}



/*top*/
#header{ width:100%; height:97px; background:url(../Images/topbg.jpg) repeat-x; margin:0 auto}
#header .topdiv{ width:1000px; margin:0 auto; height:90px}
#header .logo{ width:320px; height:82px; float:left; background:url(../Images/logo.gif) no-repeat}
#header .topright{ width:680px; float:right; overflow-x:hidden;}
#header .topright form {margin:0; padding:0; height:39px; overflow:hidden;}
#header .topright form input {float:left; padding:2px; margin-top:13px;}
#header .topright form input#q {margin-top:15px;}
#header .topright form img {float:left; margin-top:12px;}
#header .toprightul {background:url(../Images/topsmall.gif)  no-repeat; width:310px; overflow:hidden; float:right; padding-left:10px; height:19px}
#header .toprightul li {padding:0 12px; float:left}
#header .toprightul li a{ color:#fff; display:block; text-align:center; line-height:19px}
#header .toprightul li a:hover{color:#ce0202}
/*导航*/
#header .navul{ width:680px; margin:0 auto;float:right; margin-top:17px;}
#header .bgli{width:95px; float:left; height:44px; background:url(../Images/navbg.jpg) repeat-x; text-align:center; line-height:34px}
#header .bgli a{ font-size:14px; color:#222222; font-weight:bold; display:block;float:left; font-family:SimHei; text-align:center; height:34px ; margin-left:10px}
.flash{ width:100%; height:440px; margin:0 auto;float:left}
/*最后一个li的背景图*/
#header .bgwei{ width:95px; float:left; height:34px; background:url(../Images/navbgz.jpg) repeat-x; text-align:center; line-height:34px; margin-left:5px; margin-top:-1px}
#header .bgwei a{ font-size:14px; color:#222222; font-weight:bold; display:block;float:left; font-family:SimHei; text-align:center;height:34px}
/*隐藏导航*/
#header .smallulnav {float:left; height:25px; position:absolute; margin-top:30px; margin-left:-70px;_margin-left:-170px;*margin-left:-170px; color:#666666; display:none; overflow:hidden-y; *width:600px; _width:600px;}
#header .smallulnav li {float:left; padding:0;}
#header .smallulnav li.spe {float:left; padding:0; *width:3px; _width:3px;}
#header .smallulnav li a{ font-size:12px; font-family:SimHei; font-weight:bold; color:#666666; margin:0; padding:0 12px;}
#header .smallulnav li a:hover{ font-size:12px; font-family:SimHei; font-weight:bold; color:#ce0202; padding:0 12px;}
#header .smallulnav li span {margin:0; padding:0; width:auto; float:none;}
#header .smallulnav#pro {margin-left:-270px;_margin-left:-370px;*margin-left:-370px;}
#header .smallulnav#cont {margin-left:-150px;_margin-left:-250px;*margin-left:-300px;}

/*main*/
#main1{ width:100%; float:left; background:url(../Images/mainbg.jpg) repeat-x; border-bottom:1px solid #ccc; margin-bottom:12px;}
#main2 { width:1000px; min-height:275px; margin:0 auto; margin-top:10px}


/*公司简介*/
#main2 .gsjj{ width:345px; float:left}
#main2 .gsjj{ width:345px float:left}
#main2 .gsjjtit{ width:345px;height:30px; line-height:30px; float:left}
#main2 .gsjj p{ line-height:25px; float:left; width:345px}
/*center*/
#main2 .centerclass{ width:280px; float:left; margin-left:5px}
#main2 .centerclass a{ display:block; float:left; width:75px; height:100px; color:#D00; font-family:"微软雅黑"; font-size:12px; font-weight:bold; text-align:center; margin-top:30px;margin-right:16px;}
#main2 .centerclass a img{ width:65px; height:70px; padding:5px}

/*产品展示*/
#main2 .prozs{ width:1000px; float:left; margin-top:5px}
#main2 .prozs ul{ width:1000px; float:left; height:110px}
#main2 .prozs ul li{ float:left; width:160px; margin-right:6px; height:110px; text-align:center;}
#main2 .prozs ul li img{ padding-top:15px;_padding-top:13px}
#main2 .prozs ul li a{ font-size:14px; color:#d6030c; font-weight:bold}


/*联系我们*/
#main2 .phoneright{ width:345px; float:right; overflow:hidden}
#main2 .phonerighttit{ width:345px; height:30px; line-height:30px; float:left}
#main2 .phoneright font{ float:left; width:345px; line-height:25px; font-size:12px}
#main2 .phoneul{ width:330px;line-height:24px; float:left; height:96px; overflow:hidden;}
#main2 .imgli{float:right; margin-right:30px; display:inline}


#main3 {width:1000px; margin:0 auto;}
#main3 #resource {width:640px; float:left; height:226px;    margin-top: 20px;}
#main3 #resource #sour {height:164px; overflow:hidden;}
#main3 #resource #sour a {color:#000;}
#main3 #news {width:350px; float:right;    margin-top: 20px;}
#main3 #news #newsscrol { height:192px; overflow:hidden; margin-top:6px;}
#main3 #news #newsscrol table tr td {height:24px; line-height:24px;}
#main3 #news #newsscrol table tr td a {color:#333;}

/*footer*/
#footerbg {width:100%; height:146px; /*background:url(../Images/footerbg.jpg) repeat-x;*/ float:left}
#footerbg #frdlink { /*height:32px;*/ line-height:32px; width:1000px; margin:auto; border-bottom:#CCC 1px solid; border-top:#CCC 1px solid;}
#footerbg #frdlink span {color:#E10000;}
#footerbg #frdlink a {padding:0 6px;}
#footerdiv {width:1000px; height:120px;line-height:25px; margin:0 auto; color:#6a6a6a; font-size:12px}
#footerdiv .smalllogo {float:left; margin-top:10px}
#footerdiv .yyljdiv {float:right; margin-top:10px; height:30px}
#footerdiv .yyljdiv input {float:right;}
#footerdiv .yyljdiv #q { width:115px; height:20px; float:right; margin-right:5px}
#footerdiv .yyljdiv a{ float:right; margin-right:5px}
#footerdiv .borderdiv {width:970px; height:1px; float:left; margin:0 auto; background:url(../Images/bottom.gif) no-repeat}

#footerdiv .bottomul{ float:left; width:530px; margin-top:5px}
#footerdiv .bottomul li a{ color:#666666; font-size:12px; font-family:"宋体"; margin-right:20px}
#footerdiv .bottomul li a:hover{color:#ce0202}
#footerdiv .banquan{ float:right; width:470px; margin-top:5px}
#footerdiv .banquan span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
.btmanu {
    display: none;
}

.footer-three{width: 15%;
    margin: 0 auto;
    text-align: center;}
.threeewm{width: 50%;float: left;}
.footer-three .threeewm img{width: 100%}


@media screen and (max-width: 1200px)
{

#header .topdiv {
    width: 100%;
   
    height: 90px;
}
#header .topright form{display: none;}
#header .navul {
    width: 100%;
    margin: 0 auto;
    float: left;
    margin-top: 17px;
}
#header .navul li:first-child{display: none;}
#header .navul .smallulnav li:first-child{display: block;}
#header .topright {
    width: 100%;
    float: right;
    overflow-x: hidden;
}
#header .bgli {
    width: 20%;}

#header .bgwei{display: none;}
.flash{background: url(/uploadfile/2021/6/16/2021061666098329.jpg);
    background-repeat: no-repeat;
    height: 337px; 
    /*background-size: 100%;*/
    background-position: center;
}

#main2 {
    width: 95%;}

#main2 .gsjj {
    width: 100%;}
#main2 .gsjj p {
    
    width: 100%;}

#main2 .centerclass a {
    
    width: 33%;
    
    margin-top: 10px;
    margin-right: 0; 
}
#main2 .centerclass {
    width: 100%;}


#main2 .phoneright {
    width: 100%;}

#main2 .prozs {
    width: 100%;}

#main2 .prozs ul {
    width: 100%;height: auto;}

#main2 .prozs ul li {
    float: left;
    width: 48%;
        overflow: hidden;
    margin: 1%;
    height: auto;}
#header .bgli a{/*margin-left: 0;*/height: 20px;
    line-height: 20px;}

#footerbg #frdlink {
    height: 32px; 
    line-height: 32px;
    width: 100%;overflow: hidden;}

#main3 {
    width: 95%;}

#main3 #news {
    width: 100%;
    
}
#footerbg {
    width: 100%;    text-align: center;}
#main3 #resource {
    width: 100%;}

#main3 #news #newsscrol table tr td{line-height: normal;}

#footerdiv {
    width: 100%;height: auto;}
#footerdiv .borderdiv,.bottomul{display: none;}
#header .bgli{height: 34px;}


#footerdiv .banquan{width: 95%;
    margin: 0 auto;
    text-align: center;
    float: both;
    float: none;}

#main2 .phoneul {
    width: 100%;}

#header .smallulnav#pro,#header .smallulnav{margin-left: auto;
    left: 0;
    background: rgba(255,255,255,0.5);
    overflow: hidden;
    height: auto;width: 100%;}

.btmanu {
    display: block;
}

.fnav {
    position: fixed;
    bottom: 0;
    left: 0;
    min-width: 320px;
    max-width: 640px;
    width: 100%;
    height: 60px;
    background-color: #fff;
    z-index: 999;
}
.fnav li {
    width: 20%;
    float: left;
    height: 60px;
}
.fnav li a {
    display: block;
    text-align: center;
    color: #888;
    font-size: 12px;
    height: 5rem;
}
.fnav li em {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 0.3rem;
    padding-top: 0.5rem;
}
.fnav li .sy img {
    filter: contrast(100%);
    width: 40px;
    height: 30px;}
.fnav li a {
    display: block;
    text-align: center;
    color: #888;
    font-size: 12px;
    height: 5rem;
}
.footer-three {
    width: 100%;
}
.foot-tit {
    font-size: 5vw;
    text-align: center;
}
.footline {
    margin: 3vw 0;
}
.footewm{background: #2b2b2b;}
.threeewm {
    width: 30%;
    margin: 5vw 0 25vw 0;
    color: #fff;
}
.threeewm img {
    width: 100%;
}
.footewm {
    display: flex;
    justify-content: space-around;
    padding-top: .52vw;
}

.fnav li em img {
    display: block;
    width: 100%;
    -webkit-filter: contrast(30);
    filter: contrast(50%);
}



}