@charset "utf-8";
/* CSS Document */
.header {
       width:100%;
       height:97px;
       background:url(../../images/img/top_bg.png) 0 0 repeat-x;
       position:fixed;
       z-index:999;
       top:0;
       left:0;
}
.logo {
	float:left;
	padding-left:40px;
	}
.menu {
	float:right;
	padding-right:70px;
	}
.lang {
	float:right;
	padding-right:20px;
}

.section2 {
           background:url(../../images/img/2.jpg) center top no-repeat;
           background-size:cover;
	   animation: breatheBg 6s ease-in-out infinite alternate;
           -moz-animation: breatheBg 6s ease-in-out infinite alternate;
           -webkit-animation: breatheBg 6s ease-in-out infinite alternate;
           -o-animation: breatheBg 6s ease-in-out infinite alternate;
	   -ms-animation: breatheBg 6s ease-in-out infinite alternate;
}
.section3 { 
           background:url(../../images/img/3.jpg) center top no-repeat;
           background-size:cover; 
	   animation: breatheBg 6s ease-in-out infinite alternate;
           -moz-animation: breatheBg 6s ease-in-out infinite alternate;
           -webkit-animation: breatheBg 6s ease-in-out infinite alternate;
           -o-animation: breatheBg 6s ease-in-out infinite alternate;
	   -ms-animation: breatheBg 6s ease-in-out infinite alternate;

}
.section4 { background:url(../../images/img/4.jpg) center top no-repeat;background-size:cover;}
.section5 { 
           background:url(../../images/img/5.jpg) center top no-repeat;
	   background-size:cover; 
}
.section6 { background:url(../../images/img/6.jpg) center top no-repeat;background-size:cover;}
.section7 {  
           background:url(../../images/img/7.jpg) center top no-repeat;
           background-size:cover; 
	   animation: breatheBg 6s ease-in-out infinite alternate;
           -moz-animation: breatheBg 6s ease-in-out infinite alternate;
           -webkit-animation: breatheBg 6s ease-in-out infinite alternate;
           -o-animation: breatheBg 6s ease-in-out infinite alternate;
	   -ms-animation: breatheBg 6s ease-in-out infinite alternate;
}
@keyframes breatheBg {
    0% { opacity: 1; background-size:100% 100%;}
    100% { opacity: 1; background-size:110% 110%;}
}
@-moz-keyframes breatheBg {
    0% { opacity: 1; background-size:100% 100%;}
    100% { opacity: 1; background-size:110% 110%;}
}
@-webkit-keyframes breatheBg {
    0% { opacity: 1; background-size:100% 100%;}
    100% { opacity: 1; background-size:110% 110%;}
}
@-o-keyframes breatheBg {
    0% { opacity: 1; background-size:100% 100%;}
    100% { opacity: 1; background-size:110% 110%;}
}


/*第二屏样式*/
.about_jz{
    width:1200px;
    height:100%;
    margin:auto;
    position:relative;
    left:0;
    top:0;
    z-index:100;
}
.a_circle{
    width:1170px;
    height:100%;
    margin:auto;
    position:relative;
    left:0;
    top:30px;
    z-index:100;
    padding-top:60px;
}
.a_til {
   height:80px;
   text-align:center;
   position:relative;
   top:0px;
}
.a_til h3{
    color:#333;
    font-size:46px;
    text-align:center;
    line-height:80px;
}
.a_con {
    width:960px;
    margin:0 auto;
    color:#555555;
    font-size:13px;
    position:relative;
    top:30px;
}
.a_con  p{
    line-height:26px;
}
.a_con span{
     color:#20a219;
     font-weight:bold;
}
.btn_cirle {
   float:left;
   padding-left:45px;
   padding-right:45px;
   position:relative;
   top:0px;
}
.pic_dot {
   float:left;
   width:133px;
   height:133px;
   position:relative;
   left:0px;
   top:0px;
   overflow:hidden;
}
.pic_dot img {
    border: 0 none;
    cursor: pointer;
    height: 133px;
    left: -133px;
    position: absolute;
    top: 0;
    width: 266px;
}
.btn_font {
   float:left;
   padding-left:20px;
   padding-top:30px;
}
.btn_font p {
  color:#000;
  font-size:18px;
  line-height:30px;
}
.btn_font span {
  color:#777777;
  font-size:16px;
  font-family:arial;
}
.btn_cirle {
   display:block;
}
.a_circle .cr1 {
  left:0px;
  top:0px;
}
.a_circle .cr2 {
  left:0px;
  top:0px;
}
.a_circle .cr3 {
  left:0px;
  top:0px;
}

/*第三屏样式*/
.pro_bt{
    width:1101px;
    height:100%;
    margin:auto;
    position:relative;
    left:0;
    top:0px;
    z-index:100;
    text-align:center;
}
.pro_jz{
    width:1101px;
    height:100%;
    margin:auto;
    position:relative;
    left:0;
    top:50px;
    z-index:100;
    text-align:center;
}
.pro_til {
   position:relative;
   text-align:center;
   top:-10px;
}
.pro_til h3 {
    font-size:46px;
    color:#069fdf;
    line-height:80px;
    height:80px;
}
.pro_jz li:hover a {
   color: #aefbfe;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 1px #034888;
}
.pro_font h3 {
    font-size:20px;
    font-weight:bold;
    line-height:60px;
}
.pro_font p {
    font-size:13px;
    line-height:24px;
}
.pan1 {
   position:relative;
   top:0px;
}
.pan2 {
   position:relative;
   top:0px;
}
.pan3 {
   position:relative;
   top:0px;
}

.fix::before, .fix::after {
    clear: both;
    content: "";
    display: table;
}
.pro_jz li {
    background-position: center top;
    float: left;
    font-size: 16px;
    text-align: center;
    transition: all 0.3s ease 0.1s;
    width: 265px;
    margin-left:51px;
    margin-right:51px;
}
.pro_jz li .pro_pic {
    width:147px;
    height:198px;
   margin-left:59px;
}
.pro_jz li .pro_pic img {
    transition: all 0.3s linear 0.1s;
}
.pro_jz li.pan1 .pro_pic {
    background:url(../../images/img/p1_on.png) center center no-repeat;
}
.pro_jz li.pan2 .pro_pic {
     background:url(../../images/img/p2_on.png) center center no-repeat;
}
.pro_jz li.pan3 .pro_pic {
     background:url(../../images/img/p3_on.png) center center no-repeat;
}
.pro_jz li.pan4 .pro_pic {
    background:url(../../images/img/p4_on.png) center center no-repeat;
}
.pro_jz li.pan5 .pro_pic {
     background:url(../../images/img/p5_on.png) center center no-repeat;
}
.pro_jz li.pan6 .pro_pic {
     background:url(../../images/img/p6_on.png) center center no-repeat;
}
.pro_jz li a {
    color: #fff;
    text-decoration: none;
}
.pro_jz li:hover img {
    opacity: 0;
    transform: scale(1.3);
}

/*.headline-bg {
    position:absolute;
    width:100%;
    top:50%;
    height:300px;
    z-index:99;
}*/
/*第四屏样式*/
.case_til{
    width:1200px;
    height:100%;
    margin:auto;
    position:relative;
    left:0;
    top:0;
    z-index:100;
    text-align:center;
}
.case_til h3 {
    font-size:46px;
    color:#383838;
    line-height:80px;
    height:80px;
}
.case_pic{
    width:1200px;
    height:100%;
    margin:auto;
    position:relative;
    left:0;
    top:0;
    z-index:100;
    text-align:center;
    padding-top:35px;
}
.case_l {
   float:left;
   width:602px;
   height:439px;
   overflow:hidden;
   position:relative;
   top:0px;
}
.case_r{
   float:left;
   width:598px;
   height:439px;
   overflow:hidden;
   bottom:0px;
   position:relative;
}
.case_r_sub1 {
   float:left;
}
.case_r_sub2 {
   float:left;
}
.case_r_sub1_sub2 {
  width:299px;
  height:220px;
  background:#0074cb;
  display: table-cell;
  vertical-align: middle;
}
.case_r_sub2_sub1 {
  width:299px;
  height:220px;
  background:#54c04e;
  display: table-cell;
  vertical-align: middle;
}
.c_more1 {
  position:absolute;
  width:602px;
  height:64px;
  background:#000;
  top:375px;
  color:#fff;
  filter: alpha(opacity=45);
  opacity: 0.45;
  z-index:100;
}
.case_r_sub1_sub2 p{
  color:#fff;
  font-size:20px;
  line-height:26px;
   text-align:center;
}
.case_r_sub2_sub1 p {
  color:#fff;
  font-size:20px;
  line-height:26px;
  text-align:center;
}
.cmf {
  width:168px;
  height:64px;
  position:absolute;
  top:375px;
  left:0px;
  z-index:101;
}
.cm1 a{
  width:80px;
  height:64px;
  line-height:64px;
  position:absolute;
  top:375px;
  right:0px;
  z-index:101;
}
.cm2{
   display:block;
   width:40px;
   height:40px;
   padding-top:30px;
   margin:0 auto
}
.cm3{
   display:block;
   width:40px;
   height:40px;
   padding-top:25px;
   margin:0 auto
}
.cmf a{
  display:block;
  width:168px;
  line-height:64px;
  height:64px;
  font-size:14px;
  color:#fff;
  text-decoration:none;
}
.cmf a:hover{
  display:block;
  width:168px;
  line-height:64px;
  height:64px;
  font-size:14px;
  color:#00a0e9;
  text-decoration:none;
}
.case_l_sub1 a img{
   width:602px;
   height:440px;
   border:0;
   transition: all 0.6s ease 0s;
}
.case_l_sub1 a img:hover{
    transform: scale(1.15);
    transition: all 0.6s ease 0s;
}
.case_r_sub1_sub1 {
  width:299px;
  height:220px;
  text-align:center;
  overflow:hidden;
}
.case_r_sub1_sub1 a img{
  width:299px;
  height:220px;
  border:0;
  transition: all 0.6s ease 0s;
}
.case_r_sub1_sub1 a img:hover{
    transform: scale(1.15);
    transition: all 0.6s ease 0s;
}

.case_r_sub2_sub2 {
  width:299px;
  height:220px;
  text-align:center;
  overflow:hidden;
}
.case_r_sub2_sub2 a img{
  width:299px;
  height:220px;
  border:0;
  transition: all 0.6s ease 0s;
}
.case_r_sub2_sub2 a img:hover{
    transform: scale(1.15);
    transition: all 0.6s ease 0s;
}
/*第五屏样式*/
.news_til {
    width:1200px;
    height:100%;
    margin:auto;
    position:relative;
    left:0;
    top:0;
    z-index:100;
}
.title_h {
   position:absolute;
   width:84px;
   height:575px;
   left:440px;
   padding-top:10%;
}
.wave_sc3 {
   width:100%;
   height:100%;
   display:inline-block;
   position:relative;
   z-index:99;
   overflow:hidden;
   background:url(../../images/img/3.jpg) no-repeat scroll center top / cover;
}
/*最后一屏*/
.contact_jz{
   width:1200px;
   height:100%;
   margin:auto;
   position:relative;
   left:0;
   z-index: 100;
   text-align:center;
}
.contact_head {
   position:absolute;
   width:495px;
   top:50%;
   left:355px;
   margin-top:-300px;
}
.c_til {
   position:relative;
   top:0px;
   text-align:center;
}
.c_til h3 {
    color: #333;
    font-size: 46px;
    height:80px;
    line-height: 80px;
}
.c_tel {
   position:relative;
   top:0px;
   padding-top:10px;
   text-align:center;
}
.c_tel p {
   font-size:16px;
   color:#555;
   line-height:40px;
}
.c_tel span{  
    color:#43af3d;
    font-weight:bold;
    font-size:30px;
}
.c_tel a {
   font-size:16px;
   color:#555;
   text-decoration:none;
}
.c_tel a:hover {
   font-size:16px;
   color:#20a219;
   text-decoration:underline;
}
.contact_foot {
   width:100%;
   height:80px;
   background:url(../../images/img/foot_bg.png) 0 0 repeat-x;
   position:absolute;
   bottom:0;
   left:0;
   z-index:120;
}
.bq {
   text-align:center;
   font-size:13px;
   line-height:80px;
   color:#ffffff;
}
.bq a{
   color:#ffffff;
   text-decoration:none;
}
.bq a:hover{
   color:#ffffff;
   text-decoration:underline;
}
.contact_left {
  position:absolute;
  width:408px;
  height:445px;
  background:url(../../images/img/map_bg.png) 0 0 no-repeat;
  left:96px;
  bottom:80px;
}
.contact_right {
  position:absolute;
  width:600px;
  height:420px;
  right:0px;
  bottom:123px;
}