*{margin: 0;padding: 0;box-sizing: border-box; font-family: Arial}
a{text-decoration: none;}
ul,li{list-style-type: none;}
.w980{width: 980px;margin: 0 auto;}
.clear{clear: both;}

.top{background: #030303;width:100%; float:left;padding: 10px;}
.top .logo{  float: left;  width: 160px;  }
.top .menu{  width: 750px;  float: right;  }
.top .menu li{  width: 150px;  float: left;  position: relative;  line-height: 50px;  }
.top .menu li a{font-size: 16px;color: #fff;line-height: 50px;display: inline-block;width: 100%;text-align: center;height: 50px;}
.top .menu li .xiala{position: absolute;top: 50px;background: #030303;width: 210px;left: -30px;display: none;z-index: 3;}
.top .menu li .xiala a{line-height: 50px;  height: auto;  border-bottom: 1px #3b3b3b solid;}
.top .menu li .xiala a:hover{background: #fcdb03; color: #000;}
.top .menu li .xiala a:last-child{border-bottom: 0;}

.banner {position: relative;z-index: 2;width: 100%;/*float: left;*/ max-width: 980px; margin: 0 auto;}
.banner img{width: 100%;}

.main_cont{width: 980px; margin: 0 auto;position: relative;}
.main_cont:after{position: absolute;content: url("../images/bgl.png");top: 30px;left: -420px;/* opacity: 0.5; */width: 400px;}

.titles{position: relative; width: 100%; text-align: center; font-size: 30px; color: #050505; font-weight: bold; padding: 15px 0; float: left;}
.titles:after{position: absolute;width: 15px;height: 15px;left: 50%;margin-left: -8px;content:url("../images/sanjiao.png");bottom: 15px;}
.main_cont1{line-height:32px; font-size: 18px;}
.main_cont1 span{padding: 15px 0;  width: 100%;  float: left;  }
.spana{/*padding-left: 120px;*/width: 100%;float: left;}
.main_cont1 h3{font-size: 30px;  padding: 15px 0;  width: 100%;  float: left;}
.main_cont1-js strong{font-size: 20px;position: relative;padding-left: 30px;}
.main_cont1-js strong:before{position: absolute;content:url("../images/gou.png");top: 0;left: 0;width: 30px;height: 30px;color: #000;font-size: 24px;}
.main_cont2{font-size: 18px;  line-height: 30px;  width: 100%;  float: left;  margin-top: 30px;  border-top: 1px #000 solid;  padding-top: 30px;}
.main_cont2-js2-left{width: 380px; float: left;  }
.main_cont2-js2-left ul li{background: #000;margin-bottom: 10px;color: #fff;padding: 5px 15px;position: relative;border-radius: 2px;}
.main_cont2-js2-right{  width: 580px;  float: right; margin-top:30px;}
.main_cont3{width: 100%;  float: left;  font-size: 18px;  line-height: 32px;  padding: 15px 0;}
.main_cont3 p{width: 100%;  float: left; padding: 10px 0;  }
.main_cont3-js {  width: 100%;  float: left;}
.main_cont3-js span {position: relative;/* width:  calc(33.33% - 10px); */float: left;text-align: center;background: #000;color: #fff;padding: 10px 15px;margin-bottom: 10px;margin-right: 10px;/*padding-left: 53px;*/border-radius: 2px;line-height: 42px;}
.main_cont3-js .spanb {/* width:  calc(66.66% - 20px); */}
/*.main_cont3-js span:before {position: absolute;content:url("../images/ico1.png");left: 10px;}*/
.main_cont3-js i{width: 32px;float: left;}
.main_cont3-js i img{width: 32px;height: 32px;}

.main_cont4{  width: 100%;  float: left;  }
.main_cont4 a{width: calc(33.33% - 20px);  float: left;  margin: 10px 20px 10px 0;}
.main_cont4 a img{width: 100%;}
.main_cont4 a img:hover{opacity: 0.8;}
.main_cont5{width: 100%;background: #000;float: left;padding: 30px;}
.main_cont5 .titles{color: #fff;}
.main_cont5-js {width: 100%;float: left;margin-top: 20px;}
.main_cont5-js span{position: relative;width: calc(25% - 10px);float: left;background: #fff;display: inline-block;margin: 5px;padding: 5px;text-align: center;font-size: 18px;height: 140px;padding-top: 50px;}
.main_cont5-js span:before{position: absolute;content: "";width: 40px;height: 1px;background: #000;left: 50%;margin-left: -20px;top: 30px;}
.main_cont5-js a{width:25%;float: left;}
.main_cont5-js a img{width: 100%; padding: 10px; height: 200px;}
.main_cont5-js1 img{width: 20%; float: left; padding: 5px;}


.main_cont6{background: url("../images/bg2.jpg") no-repeat;background-size: cover;width: 100%;padding: 30px 0;float: left;}
.main_cont6-js{width: 100%;float: left;padding: 30px 10px;}
/*.main_cont6-js img{}
.main_cont6-js img:before{position: absolute;content: "";height: 40px;width: 1px;background: #000;top: 28px;right: 0;}*/
.main_cont6-js li{position: relative;width:20%;float: left;padding: 10px;/*border: 1px #000 solid;margin: 10px;*/}
.main_cont6-js li:after{position: absolute;content: "";height: 30px;width: 1px;background: #000;top: 28px;right: 0;}
.main_cont6-js li img{width: 100%;}
.main_cont6-js li:nth-child(5n):after{display: none;}

.main_cont7{background: url("../images/bg3.jpg") no-repeat;background-size: cover;width: 100%;padding: 30px;float: left;}
.main_cont7 ul{ width: 700px;  float: left; }
.main_cont7 ul li{ width: 140px;  float: left;  font-size: 14px;  line-height: 30px;}
.main_cont7 ul li strong{ width: 100%;  display: inline-block;  float: left;}
.main_cont7 ul li a{width: 100%;  display: inline-block;  float: left;  color: #767676;}
.main_cont7-right{width: 150px;  float: right;  font-size: 14px;  text-align: center;  color: #767676;}
.main_cont7-right span{  width: 100%;  display: inline-block;  }


.bgtit{background: url("../images/titbg.png") no-repeat center;background-size: cover;width: 100%;height: 150px;margin-top: -70px;z-index: 1;position: relative;}
.bgtit a{position: absolute;width: 50%;float: left;text-align: center;font-size: 32px;color: #fff;bottom: 25px;/* left: 0; */}
.bgtit a:last-child{right: 0;color: #000;}

.main_cont8{width: 100%;  float: left;  }
.main_cont8 ul{width: 100%;  float: left;padding: 30px 0;}
.main_cont8 li{width: 33.33%;  float: left;  text-align: center;  font-size: 18px;  line-height: 30px;  }
.main_cont8 li span{width: 100%;  display: inline-block;  text-align: center;}
.main_cont8 li strong{}
.erweimashow{width: 100%; float: left; border-top: 1px #000 solid; text-align: center; padding: 50px; }

.bgtit2{background: url("../images/titbg2.png") no-repeat center;}
.bgtit2 a{color: #000;}
.bgtit2 a:last-child{color: #fff;}

.bgtit3{background: url("../images/titbg3.png") no-repeat center;}
.bgtit3 a{width: 33.33%;font-size: 30px;}
.bgtit3 a:nth-child(1){left: 0;color: #000;}
.bgtit3 a:nth-child(2){color: #fff;left: 33.33%;}
.bgtit3 a:nth-child(3){}

.main_cont_about p{padding: 20px 0;width: 100%;float: left;font-size: 18px;line-height: 30px;border-bottom: 1px #333 solid;margin-bottom: 20px;color: #222;}
.main_cont9{}
.main_cont9-js {width:100%; margin-bottom: 30px; float: left;}
.main_cont9-js a {margin: 10px;width: calc(25% - 20px);float: left;text-align: center;color: #000;font-size: 18px;line-height: 2;position: relative;}
.main_cont9-js a img {width: 100%;}
.main_cont9-js a img:hover{opacity: 0.6;}
.main_cont9-js a span {position: absolute;width: 100%;left: 0;bottom: 0;background: #000;color: #fff;}
.UI-bubble {background: url(../images/sicons_jian.png) 0px 6px no-repeat #000;display: inline-block;width: 125px;height: 35px;overflow: hidden;color:#fff;padding: 0 15px;text-align: right;}
.UI-ask {display: inline-block;width: 125px;overflow: hidden;background: url(../images/sicons_jia.png) -21px 6px no-repeat #000;height: 35px;border: 1px #ddd solid;text-align: right;line-height: 35px;padding: 0 15px;color: #fff;}
.current .UI-ask {background: url(../images/sicons_jia.png) 2px 0px no-repeat;}
#questions {margin: 20px auto;border: 1px solid #e7e7e7; /* padding-top: 14px; */}
#questions li h5 .UI-ask, #questions li h5 .UI-bubble {position: absolute;right: 0px;top: 3px;}
#questions li {border-bottom: 1px solid #e7e7e7;padding: 0 14px 5px 14px;width: 100%;}
#questions li h5 {margin: 0;position: relative;color: #666;font-size: 14px;cursor: pointer;line-height: 40px;height: 40px;overflow: hidden;padding: 0 0 0 26px;width: 100%;}
#questions li .foldContent {padding: 10px 26px;border-top: 1px dashed #e2e2e2;line-height: 24px;background: #f3f3f3;color: #888;display: none;}
#questions li .foldContent img {max-width: 100%;}

.main_dan{width: 100%;float: left;padding: 30px 0;text-align: center;}
.main_dan a{width: 100%;float: left;}
.main_dan img{border: 1px #000 solid;width: 100%;float: left;}
.main_dan img:hover{opacity: 0.8;}
.main_dan span{padding: 10px 20px;display: inline-block;text-align: center;background: #000;color: #fff;}

.main_shuang{width: 100%;float: left;padding: 30px 0;text-align: center;}
.main_shuang a{width: calc(50% - 20px);float: left;margin: 10px;}
.main_shuang a img{width:100%;float: left;border: 1px #000 solid;/*height: 360px;*/}
.main_shuang a  img:hover{opacity: 0.8;}
.main_shuang a span{padding: 10px 20px;display: inline-block;text-align: center;background: #000;color: #fff;}

.main_three{width: 100%;float: left;padding: 30px 0;text-align: center;}
.main_three a{width: calc(33.33333% - 20px);float: left;margin: 10px;}
.main_three a img{width:100%;float: left;border: 1px #000 solid;/* height: 240px; */}
.main_three a img:hover{opacity: 0.8;}
.main_three a span{padding: 10px 20px;display: inline-block;text-align: center;background: #000;color: #fff;}


.main_four{width: 100%;float: left;padding: 30px 0;text-align: center;}
.main_four a{width: calc(25% - 20px);float: left;margin: 10px;}
.main_four a img{width:100%;float: left;border: 1px #000 solid;/* height: 240px; */}
.main_four a img:hover{opacity: 0.8;}
.main_four a span{padding: 10px 20px;display: inline-block;text-align: center;background: #000;color: #fff;}


.cont01{border: 1px #000000 solid;box-sizing: border-box;width: 100%;padding: 20px;position: relative;float: left;margin: 30px 0;font-size: 18px;}
.cont01-tit{position: absolute;top: -20px;text-align:  center;width: 200px;background:  #fff;left:  50%;margin-left:  -100px;font-size: 24px;}
.cont01-js li{padding:  10px;width:  100%;display: inline-block;}
.cont01-js li:first-child{background: #000;color: #fff;}
.cont01-js li:nth-child(even){background: #ececec;}
.cont01-js li span{text-align:  center;  float:  left;width: 25%;  }
.cont01-js li:first-child span{ width:50%;}
.cont01-js li:nth-child(2) span:last-child{ width:50%;}

.cont02{width: 100%;padding:  30px 0;float: left;}
.cont02 li{  width:  50%;  float:  left;  box-sizing: border-box;  border-bottom:  1px #ddd solid;  line-height: 30px;  padding: 30px 0 20px 60px;  }
.cont02 li i{ width:  30px;  height:  30px;  float:  left;  margin-right:  20px;  }
.cont02 li:nth-child(even){border-left: 1px #ddd solid;}

.cont03{width: 100%;float: left;position: relative;}
.cont3-js{ width: 640px;  background: #f8f9fa;  padding: 30px;  box-sizing:border-box;  }
.cont3-js li{color: #62cff0;width: 320px;margin-bottom: 15px;line-height:  30px;}
.cont3-js li strong{color:  #000;position: relative;padding-left: 35px;}
.cont3-js li strong:before{position: absolute;content: url("../images/op1.png");width: 30px;height: 30px;left: 0;}
.cont3-js li:nth-child(2) strong:before{position: absolute; content: url("../images/op2.png");}
.cont3-js li:nth-child(3) strong:before{position: absolute; content: url("../images/op3.png");}
.cont3-js li:nth-child(4) strong:before{position: absolute; content: url("../images/op4.png");}
.cont3-js li:nth-child(5) strong:before{position: absolute; content: url("../images/op5.png");}
.cont3-js li span{color:  #000;width:100%;padding-left: 35px;}
.cont3-img{position:  absolute;right:  0;width: 430px;top: 50%;margin-top: -135px;overflow: hidden;}
.cont3-img-h{position: absolute;right: 255px;width: 430px;top: auto;margin-top: auto;overflow: hidden;}
.box{width: 430px;height: 270px;margin: 20px auto;overflow: hidden;position: relative;}
.box-1 ul{}
.box-1 ul li{width: 425px;height: 270px;position: relative;overflow: hidden;}
.box-1 ul li img{display:block;width: 100%;height: 270px;}
.box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 40px;width:300px;background: rgba(125,125,120,.4);text-indent: 2em;padding-right:500px ;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: normal;color: ghostwhite}
.box-2{position: absolute;left: 40%;bottom: 14px;}
.box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden;margin: 0 5px;border-radius: 50%;background: rgb(255, 255, 255);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
.box-3 span{position: absolute;color: white;background: rgba(125,125,120,.3);width: 50px;height: 80px;top:50%; line-height: 80px;font-size:60px;margin-top: -40px;text-align: center;cursor: pointer;}
.box-3 .prev{left: 10px;}
.box-3 .next{right: 10px;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(125,125,120,.8);}

.cont04{width: 100%;padding: 30px;float: left;}
.cont04 li{width: 33.33%;float:  left;padding:  30px;text-align:  center;height:  200px;border: 1px #000 solid;}
.cont04 li:nth-child(3),.cont04 li:nth-child(6){margin-right: 0;}
.cont04 li img{  display:  inline-block;  }
.cont04 li span{width:  100%;float:  left;margin-top:  20px;}

.cont05{width: 100%;height: 200px;margin: 30px auto 60px;position: relative;float: left;}
.cont05-bgt{width: 100%;background: url("../images/bg4.png") no-repeat center;background-size: cover;float: left;padding: 30px 0 50px;}
.fea_title .titles{color: #fff;}
.fea_title .titles:after{content:url("../images/sanjiao_f.png");}
.cont05-js{background: #fff;position: absolute;top: 120px;width: 700px;left:  125px;height: 80px;padding:  30px;}
.cont05-js li{ line-height:  30px;  list-style-type:  disc;  }

.cont06{width: 100%;float: left;padding: 0 30px;}
.cont06 li{width: 33.33%;float:  left;border: 1px #000 solid;padding:  30px;height: 160px;position:  relative;}
.cont06 li span{width:  100%;text-align:  center;display:  inline-block;font-size:  18px;}
.cont06 li em{font-style:  normal;width:  100%;display:  inherit;line-height:  32px;position: relative;padding-left: 15px;}
.cont06 li em:before{width: 5px;height: 5px;border-radius: 50%;background: #000;position: absolute;content: "";left: 0;top: 50%;margin-top: -3px;}


.cont07{width: 100%;background: url("../images/bg5.png") no-repeat center;background-size: cover;float: left;padding: 30px;margin: 30px 0;}
.cont07-js{width: 100%;float: left;margin-top: 20px;}
.cont07-js span{padding: 16px;height: 75px;margin-right: 10px;box-sizing:  border-box;display: inline-flex;border: 1px #fff solid;color: #fff;}

.tsht{width: 100%;background: url("../images/sys1.png") no-repeat center;float: left;padding: 30px;padding-left: 300px;}
.tsht span{text-align: left; font-size: 18px; color: #000;}

.cont09{width: 100%;float: left;border: 1px #000 solid;padding: 30px;position: relative;margin-bottom: 30px;}
.cont09:after{width: 1px;height: calc(100% - 60px);background: #000;content: "";position: absolute;left: 50%;}
.cont09-js{width: 439px;float:  left;margin-bottom:30px;}
.cont09-js h2{  padding-bottom:  10px;  border-bottom:  1px #ddd solid;  margin-bottom:  10px;  }
.cont09-js strong{  padding: 5px 0;  display:  inherit;  padding-left:  20px;  }
.cont09-js li{list-style-type:  disc;padding:  5px 0;padding-left:  20px;width:  100%;color: #000000;}
.cont09-js li span{color: #000;}

.cont10{width: 100%;float: left;padding: 30px 0 100px;text-align: center;box-shadow: -1px -1px 5px 2px #ddd;box-sizing: border-box;margin-bottom: 30px;}
.cont10 span{line-height: 30px;font-weight: bold;font-size:  24px;padding-bottom:  20px;display:  inherit;}
.example {width: 860px;margin: 0 auto;height: 370px;font-size: 40px;text-align: center;}
.carousel-item {  line-height: 336px;  color: #fff;  }


.title2{font-size: 24px;width: 100%;text-align: center;padding: 30px 0;display: inline-block;}

.main_cont11{width: 100%;float: left;}
.main_cont11_js{width: 100%;float: left;padding: 20px 0;font-size: 18px;line-height: 30px;}

.main_cont12{width: 950px;/* background: url("../images/bg6.png") no-repeat center; *//* height: 940px; */float: left;padding: 30px 0 30px 0;border: 1px #000 solid;margin-bottom: 30px;}
.main_cont12 ul{margin-left: 30px;width: 950px;float: left;padding: 53px 0 30px 0;border: 1px #000 solid;margin-bottom: 30px;padding: 30px;}
.main_cont12 li{padding: 20px 20px 5px 50px;width: 100%;font-size: 18px;float: left;list-style-type: disc;height: 40px;padding-left: 20px;}












.main_cont13{width: 100%; float: left; text-align: center; background: #000; color: #fff; font-size: 18px; padding: 20px;}
.title3{font-size: 26px; padding: 15px 0; width: 100%; float: left;}



.c-banner{width: 450px;position: relative;float:right;}
.c-banner img{width: 100%;}
.c-banner .banner ul{}
.c-banner .banner ul li{position: absolute;display: none;opacity: 0;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}
.c-banner .banner ul li img{width: 100%;position: absolute;top: 0px;}
.c-banner .banner ul li:first-child img{position: relative;}
.c-banner .nexImg,.c-banner .preImg{padding: 25px 10px 25px 10px;position: absolute;top: 50%;margin-top: -53px;background: #000000;opacity: 0.5;border-radius: 5px;z-index: 10;}
.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity: 0.8;}
.c-banner .nexImg{right: 0px;}
.c-banner .jumpBtn{width: 100%;position: absolute;bottom: 20px;text-align: center;z-index: 3;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}
.c-banner .jumpBtn ul li{width: 15px;height: 15px;border-radius: 50%;display: inline-block;background-color: white;opacity: 0.9;margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}
@media screen and (max-width:768px) {
    .c-banner{width: 100%;height: 345px;overflow: hidden;}
    .c-banner .banner ul li img{width: 768px;height: 345px;position: absolute;left: 50%;margin-left: -384px;}
}


.ddd {width: 100%;padding: 10px;float: left;background: #efefef;font-size: 16px;line-height: 26px;margin-top: 20px;}
.ddd_left {width: 570px;float: left;}
.ddd_right {width: 360px;float: right;margin-top: 30px;}
.ddd_right img{width: 100%;}


.ddd2 {width: 100%;padding: 10px;float: left;background: #efefef;margin-top: 20px;font-size: 16px;line-height: 30px;}
.ddd2 .ddd_left {width: 400px;float: right;}
.ddd2 .ddd_right {width: 360px;float: left;}
.ddd3 {width: 100%;padding: 10px;float: left;background: #efefef;font-size: 16px;line-height: 30px;}
.ddd4 {width: 100%;float: left;margin-top: 20px;height: 480px;}
.ddd4 .c-banner {background: #efefef;width: 100%;padding: 10px;float: left;height: 450px;}
.ddd5 {background: url("images/01.jpg") no-repeat center;}

















.foot{font-size: 14px;width: 980px;background: #050505;color: #fff;padding: 30px;line-height: 30px;float: left;}
.foot .img{float: left;}
.foot-js{float: left;width: calc(100% - 290px);}
.main_cont_about strong{position: relative;padding-left: 30px;}
.main_cont_about strong:before{position: absolute;content: url(../images/gou.png);top: -6px;left: 0;width: 30px;height: 30px;color: #000;font-size: 24px;}