@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;font-family:"微软雅黑";font-size:14px;}
table { border-collapse:collapse; border-spacing:0; margin:0; padding:0;}
textarea{resize:none;}
fieldset, img { border:0; }
img{ vertical-align:bottom;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
abbr, acronym { border:0; }
em,i{font-style: normal;}
.clear{zoom:1;}
.clear:after{ content:""; display:block; clear:both;}
a{ text-decoration:none; cursor:pointer; }
a:hover{ text-decoration:none; cursor:pointer; }
a:focus { outline-style:none;}
body{
  min-width: 1100px;
}
/*公用*/
.base{
  width:1000px;
  margin:0 auto;
}
.con{
  background: #f7f7f7;
}
.banner a,.lead a,.con1 a,.con2 a,.con3 a,.con4 a,.con5 a,.con6 a,.con8 .a{
  display: block;
  color:#fff;
  text-align: center;
  border-radius: 10px;
  font-weight:bold;
}
.con1_prc1{
  margin-bottom:60px;
}
.nav{
  width:100%;
  background: #000;
  position:fixed;
  top:0;
  left:0;
  z-index: 10;
}
.nav_list{
  padding:26px 0;
  margin-right:-12px;
}
.nav_list a{
  display: block;;
  float: left;
  font-size:16px;
  padding:10px 20px;
  margin-right:12px;
  color:#fff;
  transition: background 0.4s ease 0.1s;
  -moz-transition: background 0.4s ease 0.1s;
  -webkit-transition: background 0.4s ease 0.1s;
  -o-transition: background 0.4s ease 0.1s;
  display: inline;
}
.nav_list .nav_index,.nav a:hover{
  background:#f17904;
}
.banner{
  width:100%;
  height:1051px;
  background: url(../images/sc_Ad/banner.jpg) no-repeat center top;
  position: relative;
  margin-bottom:70px;
  margin-top:90px;
}
.banner a{
  font-size:48px;
  background:#f17904;
  box-shadow:0px 5px 0px #c66200;
  width:411px;
  line-height: 95px;
  position: absolute;
  left:50%;
  top:793px;
  margin-left:-205px;
}
.lead{
  text-align: center;
  background: url(../images/sc_Ad/lead_bg.jpg) no-repeat center top;
  padding:50px 0;
  position: relative;
}
.lead h3{
  font-size:46px;
  font-weight:bold;
  line-height:90px;
  color:#fff;
  margin-bottom:50px;
}
.lead p{
  font-size:16px;
  color:#1a1c1c;
  width:745px;
  line-height: 32px;
  margin-left:240px;
  text-align: left;
  text-indent: 32px;
  margin-bottom:130px;
}
.lead a{
  font-size:34px;
  background:#f17904;
  box-shadow:0px 3px 0px #c66200;
  width:250px;
  line-height: 78px;
  position: absolute;
  left:50%;
  top:358px;
  margin-left:-100px;
}
.con1,.con2,.con3,.con4,.con5,.con6,.con7,.con8,.con9,.bottom{
  padding:65px 0;
}
.con1 ul{
  margin-bottom:120px;
}
.con1 li div{
  margin-bottom: 45px;
  transition:all 1s ease;
  -webkit-transition:all 1s ease;
  -ms-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -o-transition:all 1s ease;
}
.con1 li div:hover{
  transform:scale(1.2);
  -webkit-transform:scale(1.2);
  -moz-transform:scale(1.2);
  -ms-transform:scale(1.2);
  -o-transform:scale(1.2);
}
.con1 li div{
  float: left;
  width:315px;
  padding-left:165px;
  height:144px;
}
.con1 li h6{
  font-size: 22px;
  color:#1a1c1c;
  line-height: 32px;
  margin-bottom:10px;
}
.con1 li p{
  color:#7b7d7d;
  line-height: 26px;
}
.con1 li .right{
  float:right;
}
.l1{
  background: url(../images/sc_Ad/con1_ico1.png) no-repeat;
}
.l2{
  background: url(../images/sc_Ad/con1_ico2.png) no-repeat;
}
.l3{
  background: url(../images/sc_Ad/con1_ico3.png) no-repeat;
}
.l4{
  background: url(../images/sc_Ad/con1_ico4.png) no-repeat;
}
.l5{
  background: url(../images/sc_Ad/con1_ico5.png) no-repeat;
}
.l6{
  background: url(../images/sc_Ad/con1_ico6.png) no-repeat;
}
.con1 a,.con2 a,.con3 a,.con4 a,.con5 a,.con6 a,.con8 .a{
  font-size:34px;
  background:#f17904;
  box-shadow:0px 3px 0px #c66200;
  width:250px;
  line-height: 78px;
  border-radius: 10px;
  margin:0 auto;
}
.con2_p1,.con3_p1,.con4_p1{
  text-align: center;
  font-size:16px;
  line-height: 30px;
  color:#1a1c1c;
  margin-bottom:50px;
}
.con2 ul{
  margin-bottom:64px;
}
.con2 .float{
  float:left;
  position: relative;
  width:245px;
  height:355px;
  margin-right:5px;
}
.con2 .float:hover .opac img{
  opacity: 1;
}
.con2 .opac{
  position: absolute;
  top:55px;
  left:0;
}
.con2 .opac1{
  background: #000;
}
.con2 .opac2{
  background: #02cbad;
}
.con2 .opac img{
  transition:opacity 1s ease;
  opacity:0.3;
}
.con2 .d2{
  margin-top:40px;
}
.con2 .ico{
  position: absolute;
  top:0;
  left:80px;
}
.con2 a,.con3 a{
  width:370px;
}
.con3{
  background: url(../images/sc_Ad/con3_bg.jpg) no-repeat center top;
}
.con3_p1{
  color:#bcc7c7;
}
.con3 ul{
  margin-right:-20px;
  margin-bottom:65px;
}
.con3 li{
  float: left;
  width:235px;
  margin-right:20px;
  display: inline;
  text-align: center;
}
.con3 li img{
  margin-bottom:15px;

}
.con3 li:hover img{
  transition:all 1s;
  transform:rotateY(360deg);
 -webkit-transform:rotateY(360deg);
 -ms-transform:rotateY(360deg);
 -moz-transform:rotateY(360deg);
 -o-transform:rotateY(360deg);
}
.con3 li h5,.con3 li h6,.con3 li p{
  background: #000;
  color:#fff;
  text-align: center;
}
.con3 li h5{
  font-size:22px;
  line-height: 60px;
  margin-bottom: 3px;
}
.con3 li h6{
  font-size:22px;
  color:#f17904;
  line-height: 34px;
  padding:18px 0;
  margin-bottom:3px;
}
.con3 li p{
  height:265px;
  text-align: left;
  padding:30px 18px 0 18px;
  line-height: 26px;
  color:#bbc6c6;
  text-indent: 28px;
}
.con4_prc2{
  margin-bottom:50px;
}
.con5_img{
  margin-right:-50px;
}
.con5 .con5_img img{
  float: left;
  margin-right:45px;
  margin-bottom:55px;
  transition:all 0.8s;
}
.con5 .con5_img img:hover{
  transform:scale(0.98);
  -webkit-transform:scale(0.98);
  -ms-transform:scale(0.98);
  -moz-transform:scale(0.98);
  -o-transform:scale(0.98);
}
#page4{ background: #141335; text-align: center;}
#page4 .base{ width:100%;}
#page4 p span{color:#2279e2;}
.page4_tabHd{ line-height:40px; background:#959f9f;line-height:40px; height:40px;}
.page4_tabHd table,.page4_tabCon table{width:1000px;color:#1a1c1c; text-align:center;margin:0 auto;}
.page4_tabHd table{color:#fff;}
.page4_tabCon table{background: #f9f9f9;}
.page4_tabCon{ height:570px; overflow:hidden; text-align:center;position:relative; width:1000px;margin:20px 0 70px 0;}
.page4_tabCon table{ position:absolute;left:0;top:0;}
.page4_tabCon tr{ line-height:50px; font-size:14px;}
.page4_tabCon tr:hover{ color:#02cbad;}
.bgc{
  background: #f2f2f2;
}
.con6 a{
  width:430px;
}
.con8 .clear{
  margin-right:-60px;
  margin-bottom:60px;
}
.con8 .clear a{
  display: block;
  color:#1a1c1c;
  float: left;
  margin-right:10px;
  width:235px;
  text-align: center;
  height:360px;
  padding:5px;
  display: inline;
  background: #f7f7f7;
  transition:background 0.5s ease;
}
.con8 .clear .con8_a{
  background: #02cbad;
}
.con8 .clear .con8_a h6{
  color:#fff;
}
.con8 .clear .con8_a p{
  color:#fff;
}
.con8 .clear a:hover{
  background: #02cbad;
}
.con8 .clear a:hover h6{
  color:#fff;
}
.con8 .clear a:hover p{
  color:#fff;
}
.con8 .clear img{
  margin-bottom:40px;
}
.con8 p{
  font-size:20px;
  color:#9da1a1;
  margin-bottom:35px;
  transition:color 0.5s ease;
}
.con8 h6{
  font-size:18px;
  color:#1a1c1c;
  font-weight:bold;
  line-height: 30px;
  transition:color 0.5s ease;
}
.con8 .a{
  width:280px;
}
.con9{
  background: url(../images/sc_Ad/con9_bg.jpg) no-repeat center top;
}
.con9 ul{
  margin-right:-20px;
}
.con9 ul li{
  width:490px;
  position: relative;
  float: left;
  margin-right:20px;
  margin-bottom:20px;
  display: inline;
}
.btn{
  position: absolute;
  top:50px;
  right:20px;
}
.bottom{
  text-align:center;
  padding-bottom: 0;
}
.beian a{
  color: #383a3a;
}

.beian {
  text-align: center;
  font-size: 16px;
  color: #383a3a;
  line-height: 80px;
}
/*css3*/
.an_btn{
  animation:rota 0.8s;
  -webkit-animation:rota 0.8s;
  -moz-animation:rota 0.8s;
  -ms-animation:rota 0.8s;
  -o-animation:rota 0.8s;

}
@keyframes rota{
0%{transform:translateY(0px);}
50%{transform:translateY(-20px);}
100%{transform:translateY(0px);}
}
@-webkit-keyframes rota{
0%{-webkit-transform:translateY(0px);}
50%{-webkit-transform:translateY(-20px);}
100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes rota{
0%{transform:translateY(0px);}
50%{transform:translateY(-20px);}
100%{transform:translateY(0);}
}
@-ms-keyframes rota{
0%{-ms-transform:translateY(0px);}
50%{-ms-transform:translateY(-20px);}
100%{-ms-transform:translateY(0);}
}
.a{
  position: relative;
  overflow: hidden;
}
.a span{
  animation:shan 1.5s infinite;
  -webkit-animation:shan 1.5s infinite;
  -moz-animation:shan 1.5s infinite;
  -ms-animation:shan 1.5s infinite;
  -o-animation:shan 1.5s infinite;
  width:50px;
  height:208px;
  position: absolute;
  top:-60px;
  display: block;
  box-shadow: inset 30px 0px 30px #fff;
  -webkit-transform:rotate(30deg);
  -ms-transform:rotate(30deg);
  -moz-transform:rotate(30deg);
  -o-transform:rotate(30deg);
  opacity:0.7;
}
@keyframes shan{
0%{transform:translateX(-100%) rotate(30deg);}
100%{transform:translateX(1000%) rotate(30deg);}
}
@-webkit-keyframes shan{
0%{-webkit-transform:translateX(-100%) rotate(30deg);}
100%{-webkit-transform:translateX(1000%) rotate(30deg);}
}
@-moz-keyframes shan{
0%{transform:translateX(-100%) rotate(30deg);}
100%{transform:translateX(1000%) rotate(30deg);}
}
@-ms-keyframes shan{
0%{-ms-transform:translateX(-100%) rotate(30deg);}
100%{-ms-transform:translatex(1000%) rotate(30deg);}
}