.content{ width: 1200px; margin: 0 auto; text-align: left; }



.top{ width: 100%;

    height: 80px; background: url("../images/nav.png"); position: fixed; top: 0px;z-index: 99999999999999; border-bottom: solid 1px #e9e9e9;



}

*{

    box-sizing:border-box;

    -moz-box-sizing:border-box; /* Firefox */

    -webkit-box-sizing:border-box; /* Safari */

}

li,ul,img{ margin:0px; padding: 0px;}



.nav{ width: 100%; display: flex;

    height: 80px; justify-content: space-between}

.logo{ flex: 1; -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1; }

.logo img{ height: 54px; margin-top: 13px; }

.nava { width: 350px; height: 80px; line-height: 80px; display: flex;

   display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	 -webkit-justify-content: space-between;
	justify-content: space-between;}

.nava a{ width: 70px; font-size: 16px;font-weight: bold;}

.nava a:hover{ color: #e60012; font-weight: bold; border-bottom: solid 3px #e60012;}

.banner{ width: 100%; margin-top: 80px;

    height: 500px; display: flex;
 display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	background:url("../images/banner.png") top center repeat-x;}

.hdq{ width: 1200px;

    height: 400px; margin-top: 35px;}





.slideBox{ width:100%; height:430px; overflow:hidden; position:relative;   }

.slideBox .hd{ height:16px; overflow:hidden; position:absolute; width:100%; text-align:center; bottom:10px; z-index:1; }

.slideBox .hd ul{text-align: center;  }

.slideBox .hd ul li{

    cursor: pointer;

    display: inline-block;

    zoom: 1;

    width: 16px;

    height: 16px;

    margin: 0 1px;

    background: #fff;

    overflow: hidden;-webkit-border-radius:8px;



}

.slideBox .hd ul li.on{ width: 40px;background:#f00; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd li{ zoom:1; vertical-align:middle; text-align:center;}

.slideBox .bd img{width:1200px; position:absolute; left:50%; top:0; margin-left:-600px; }



/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,

.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:#000 url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slideBox .prevStop{ display:none;  }

.slideBox .nextStop{ display:none;  }

.e5e5e5{ width: 100%; background-color: #f1f1f1; display: flex; display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;}

.about{ width: 100%; background-color: #ffffff; display: flex; display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;

    flex-direction: column;

margin-top: 20px; padding-bottom: 40px;}

.abouttitle{ width: 100%; font-size: 16px; color: #666; display: flex; display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	 -webkit-justify-content: flex-start;
	justify-content: flex-start;

	margin-top: 30px; padding-left: 20px; font-weight:bold}

.abouttitle a{ margin: 2px 15px; color: #999999;    text-decoration: underline; font-size: 14px;}

.about1{ width: 100%; display: flex;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;


 margin-top: 30px; font-size: 36px; color: #333; justify-content: center; -webkit-justify-content: center; }
.box-sizing-box{
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}


.about ul.about2{ width: 94%; margin-top: 10px; font-size: 14px; color: #666;  padding: 20px ; line-height: 28px; border-bottom: solid 1px #f1f1f1; text-align: center;}

.about ul.about3{ width: 100%;  flex-wrap: wrap; margin-top: 40px;  display: flex; justify-content: flex-start;

 display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	 -webkit-justify-content: flex-start;
 padding: 0px 30px;}

.about ul.about3 li{ width: 180px; display: flex; 
 display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	 -webkit-justify-content: center;
margin-left: 80px; text-align: center;

    flex-direction: column; margin-bottom: 40px;}

.about ul.about3 li img{ width:48px; height: 48px; margin: 0 auto }

.about ul.about3 li p{  width: 100%; font-size: 16px; font-weight: normal; margin-top: 15px; color: #333; text-align: center; }

.about ul.about3 li span{  width: 100%; font-size: 14px; margin-top: 15px; color: #999; text-align: left;  }

.map{ width: 100%; display: flex;

    flex-direction: column; background-color: #ffffff; margin-top: 20px; }

.map2{ width: 100%;

    height: 500px; background-color: #cccccc; margin-top: 20px;}

.map3{ width: 100%;

    background-color: #0030ce; margin-top: 20px;}

.map3 img{ width: 100%;

  }

.sc{ width: 100%; display: flex;

  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	
	 -webkit-justify-content: column;

    flex-direction: column; margin-top: 20px; background-color: #ffffff;}

.sc1{ width: 100%; display: flex; justify-content: flex-start; padding: 10px 20px; margin-top: 20px;
  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
 -webkit-justify-content: flex-start;


}

.sc1 li{ width: 210px; display: flex;

    flex-direction: column; 
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	
	margin-right: 25px;}

.sc1 li img{ width: 210px;  height: 145px;  display: flex; display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;}

.sc1 li span{ width: 210px;

    height: 40px; line-height: 40px; font-size: 14px; text-align: center; }

.xq{ width: 100%; display: flex;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;

    flex-direction: column; background-color: #fff; margin-top: 20px; padding-bottom: 40px; margin-bottom: 20px;}

.xq1{ width: 100%; display: flex; 

display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	 -webkit-justify-content: space-between;
	justify-content: space-between}

.xq1 ul{ flex: 1; display: flex;

display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	
	 
	 

    flex-direction: column; padding: 20px; line-height: 35px; font-size: 14px;}

.xxx{ display: flex;

display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;


	 width: 2px; border-right: solid 1px #e5e5e5; margin: 0px 20px;}

.xq1 ul li{ width:100%;color: #999999; display: flex; 
display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	 -webkit-justify-content: space-between;
	 
	 justify-content: space-between; }

.xq1 ul li b{ color: #666; width: 140px;  }

.xq1 ul li span{ flex:1;

 -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
	color: #666; text-align: left; }

.mo{ width: 100%; display: flex;  justify-content: space-between;}

.moo{ width: 100%; display: flex;  background: #222433 url(../images/mobg.png) bottom center no-repeat; padding-bottom: 30px; }

.moleft{ width: 900px;}

.moright{ width: 200px; display: flex;

    flex-direction: column;}

.moright li.moright1{ width: 100%; font-size: 12px; color: #fff;

    height: 24px; display: flex;; justify-content: flex-start; margin-top: 30px; padding-left:70px;

    }

.moright1 p{ width: 24px;

    height: 24px; background: url(../images/webpreview-95890a454216bb2346f9bb0f273f0388.png) 0 -543px no-repeat;}

.moright1 span{ flex: 1; text-align: left; display: flex; justify-content: flex-start; margin-left: 8px; color: #f00; font-size: 14px; }

.rvm1{ flex: 1;}

.moright li.moright2{ width:100%;font-size: 12px; color: #fff; margin-top: 20px; display: flex; justify-content: space-between;}

.rvm1{ flex: 1;}

.rvm{ width: 105px;}

.moright li.moright2 img{ width: 105px;

    height: 105px;}



.moright li.moright2 p{ width: 100%; display: flex;justify-content: space-between; margin-top: 8px;

    }

.moright2 p span.biao{

    width: 12px;

    height: 13px; margin-top: 3px; font-size: 12px; color: #bababa;

    background: url(../images/webpreview-95890a454216bb2346f9bb0f273f0388.png) -119px -411px no-repeat;



}

.moleft1{ width: 100%; font-size: 24px; font-weight: bold; color: #f00; margin-top: 25px;}

.moleft2{ width: 100%; font-size: 14px; color: #fff;  margin-top: 20px; border-bottom: solid 1px #4d4f5e; padding-bottom: 20px;  }

.moleft2 a{color: #fff;  }

.moleft2 a:hover{color: #f00  }



.moleft3{ width: 100%; font-size: 14px; color: #fff;  margin-top: 20px; padding-bottom: 20px;  }

.moleft3 a{color: #fff; margin-left: 20px;  }

.moleft3 a:hover{color: #f00  }

.moleft4{ width: 100%; font-size: 12px; color: #474956;  margin-top: 10px;   }
.moleft4 a{ color: #474956;   }



.aboutnw1{ background-size: 1920px 900px; display: flex;}

.w400{ width: 400px; display: flex; text-align: left;

    flex-direction: column; margin-top: 70px; }

.f1f1{ flex: 1;}

.abtitle{ width: 100%; font-size: 24px; font-weight: bold; color: #f00; text-align: left; }

.abounw1{ width: 100%; font-size: 14px; color: #666; text-align: left; margin-top: 36px; line-height: 28px; }

.abtu{ width: 100%; display: flex; justify-content: center; padding: 50px 0px}

.abtu img{ width: 80%; margin: 0 auto}

.abtu1{ width: 100%; display: flex; justify-content: center; padding: 40px 0px; font-size: 14px; line-height:25px; color: #666 }



.ablst{ width: 100%; display: flex; justify-content: space-between;}

.ablst li{ width:220px; display: flex; border: solid 1px #e5e5e5; padding-bottom: 30px;

    flex-direction: column; }

.ablst li img{ width:60px; height: 60px; margin:30px 80px}

.ablst li span{ width:100%; font-size: 18px;  color: #333; text-align: center;}

.ablst li p{ width:100%; font-size: 14px;  color: #666; text-align: center; padding: 20px;}





.contact{ width: 100%;

    height: 360px; display: flex;  background: url("../images/01.jpg") center center no-repeat; margin-bottom: 70px;

    flex-direction: column;

}



.contact1{ width:550px;

    height: 300px; background: url("../images/nav.png"); margin-top: 30px; margin-right: 30px;  }

.contact2{ width: 120px; font-size: 30px; color: #484848; border-bottom: solid 2px #e60012; margin-left: 20px; margin-top: 30px; padding-bottom:17px;}

.contact3{ width: 100%; display: flex; justify-content: space-between; margin-top: 60px; margin-left: 30px; color: #666; font-size: 14px}

.contact3 span{ width: 35px; margin-right: 30px;

    height: 35px;

    background: url(../images/webpreview-95890a454216bb2346f9bb0f273f0388.png) -245px -492px no-repeat;}

.contact3 p{ flex: 1;}



.contact4{ width: 100%; display: flex; justify-content: space-between; margin-top: 30px; margin-left: 30px; color: #666; font-size: 14px}

.contact4 span{ width: 35px; margin-right: 30px;

    height: 35px;

    background: url(../images/webpreview-95890a454216bb2346f9bb0f273f0388.png) -280px -492px no-repeat;}

.contact4 p{ flex: 1; margin-top: 8px;}

.smtop{ width: 100%;

    height: 250px;     background: url(../images/sm.jpg) no-repeat top center; height: 250px; line-height: 250px;

    background-size: 1920px 250px;  font-size:36px; font-weight: bold; color: #fff; margin-top: 80px;}

.xc{ width: 100%; display: flex; margin-top: 100px; font-size: 16px; color: #666; }

.xcnw{ width: 100%; display: flex; justify-content: space-between; margin-top: 20px; margin-bottom: 20px;}

.xcleft{ width: 900px;

   }

.xcright{ flex: 1; margin-left: 20px;

     }

.xcright1{ width: 100%;

    height: 180px; display: flex; justify-content: space-between; margin-top: 20px;align-items: center;}

.xcright1 img{ width: 100%;

    height: 180px;}


@media (max-width:1200px){
.banner,.e5e5e5,.moo,.top{width:1200px;}


}