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

*{margin: 0px;padding: 0px;}
body,html {font-size:100px;font-family: 'Microsoft YaHei',Arial,Helvetica,sans-serif,SimSun; color:#4a4a4a;  }
body{ background:#fff; font-size:15px; line-height:24px;}
ul,li,p,h1,h4,h5,h6,img,video{ margin:0px; padding:0px; list-style:none;}
a{ text-decoration:none; color: #4a4a4a; cursor:pointer}
img{ display: block; border:0px;}
.fl{ float:left}
.fr{ float:right;}

@media screen and ( min-width: 320px){html{font-size:50px}}
@media screen and ( min-width: 360px){html{font-size:56.25px}}
@media screen and ( min-width: 375px){html{font-size:58.59375px}}
@media screen and ( min-width: 384px){html{font-size:60px}}
@media screen and ( min-width: 400px){html{font-size:62.5px}}
@media screen and ( min-width: 414px){html{font-size:64.6875px}}
@media screen and ( min-width: 424px){html{font-size:66.25px}}
@media screen and ( min-width: 480px){html{font-size:75px}}
@media screen and ( min-width: 540px){html{font-size:84.375px}}
@media screen and ( min-width: 640px){html{font-size:100px}}
@media screen and ( min-width: 768px){html{font-size:120px}}
@media screen and ( min-width: 1024px){html{font-size:160px;}}
@media screen and ( min-width: 1120px){html{font-size:175px;} .wrap,.banner{ width:1120px;}}
@media screen and ( min-width: 1366px){html{font-size:213.4375px}}
.fix{ clear:both; height:1px; line-height:1px; overflow:hidden;}

.banner{ clear:both; width:100%; margin:0px auto; height:377px; background:url(../img/banner.jpg) no-repeat center; }

.w1{ width:1120px; }
.wbit{height:38px; overflow:hidden; padding-top:20px; margin:0px auto}
.wl{ width:50%; float:left;}
.wr{ width:50%; float:right; }
.wr img{ float:right}

.ttbar{line-height:50px; height:50px; width:1120px; margin:0 auto; text-align:center; font-size:34px; padding-top:0px;}
.ttbar h1{  line-height:50px; height:50px; width:auto; display: inline-block; background: ; margin:0px;font-size:34px; }
.ttbar span{ width:265px; height:50px; line-height:50px; display: inline-block; }
.enft{ font-size:18px; line-height:25px; height:25px; text-align:center; width:1120px; margin:0 auto;}
.txt{ margin:0px auto;  padding-top:15px; text-align:left;}
.txt b{ font-size:16px;}

.sec1{ clear:both; height:auto; width:100%; padding-bottom:30px; margin:0px auto;} 
.sec1 .wenb{ text-align:center; margin:0px auto; font-size:100px; color:#f7f7f7; position:relative; height:100px; line-height:80px; font-weight:bolder; padding-top:0px; padding-bottom:10px; }
.sec1 .wenb h4{ position:absolute; top:10px; text-align:center; color:#000000; font-size:36px; left:0; right:0; width:500px;margin: auto; line-height:40px;}
.sec1 .wenb h4 p{ font-size:32px; font-weight:normal;}	
.sec1 .wenb h4 span{ color:#076fb8;}
.profie{ width:860px; margin:0px auto; padding:0px 130px;}
.part1{width:720px; margin:0px auto;}
.part1 img{ float:left; padding-right:50px;}
.part1 p{ padding:10px 0px}
.part1 b{ font-size:16px;}

.bbtn{  margin:0px auto; text-align:center; clear:both;}
.bbtn h5{display: inline-block;  background: url(../img/icon.gif) no-repeat top 11px right 15px #2a90d8; height:20px; line-height:20px;font-size:18px;color:#FFFFFF; padding:10px 45px 10px 15px; margin-top:20px; border-radius:5px}




.part2{ position:relative; clear:both; padding-top:20px; font-size:50px; color:#f7f7f7; font-weight:bolder; height:60px; }
.pbit{ position:absolute; top:10px; color:#000000; font-size:26px; height:60px; line-height:60px;}
.pbit h4{ width:auto; float:left; padding-right:120px;}
.pbit span{ float:right; display:block; width:55px; height:55px; border-radius:50%; background: url(../img/icon1.png) no-repeat center #fff;-moz-box-shadow:3px 3px 10px #e2f0f9; -webkit-box-shadow:3px 3px 10px #e2f0f9; box-shadow:3px 3px 10px #e2f0f9;}
.pbit span:hover{width:65px; height:65px; border-radius:50%; background: url(../img/icon1.png) no-repeat center #000000;-moz-box-shadow:3px 3px 10px #e2f0f9; -webkit-box-shadow:3px 3px 10px #e2f0f9; box-shadow:3px 3px 10px #e2f0f9; }
.show1,.show2{ display:none}
.pbit b{ color:#076fb8;}
.td1 {-moz-box-shadow:1px 1px 10px #caedfa; -webkit-box-shadow:1px 1px 10px #caedfa; box-shadow:1px 1px 10px #caedfa; padding:20PX;border-radius:8px; width:760px; margin:0px auto}
.td1:hover{background:#076bb2; color:#FFFFFF;-moz-box-shadow:1px 1px 10px #00abeb; -webkit-box-shadow:3px 3px 10px #00abeb; box-shadow:1px 1px 10px #00abeb;}

.xqli{ width:885px; height:280px; padding-bottom:0px;}
.xqli li{ width:175px; height:160px; margin:0px 35px; padding:80px 25px 25px 25px; float:left; text-align:center;-moz-box-shadow:1px 1px 10px #caedfa; -webkit-box-shadow:3px 3px 10px #caedfa; box-shadow:0px 5px 10px #caedfa;border-radius:8px;font-weight:bolder;font-size:16px;}
.xqli li:hover{ color:#FFFFFF;-moz-box-shadow:1px 1px 10px #00abeb; -webkit-box-shadow:3px 3px 10px #00abeb; box-shadow:1px 1px 10px #00abeb;
}
.xqli li.xq01{ background:url(../img/xq03.png) no-repeat top 10px center}
.xqli li.xq02{ background:url(../img/xq02.png) no-repeat top 10px center}
.xqli li.xq03{ background:url(../img/xq01.png) no-repeat top 10px center}
.xqli .xq01:hover{ background:url(../img/xqh03.png) no-repeat top 10px center #076bb2}
.xqli .xq02:hover{ background:url(../img/xqh02.png) no-repeat top 10px center #076bb2}
.xqli .xq03:hover{ background:url(../img/xqh01.png) no-repeat top 10px center #076bb2}
.xqli li div{ text-align:left;font-weight:normal;  line-height:21px;font-size:14px; padding-top:10px;}

.tx{ width:860px; margin:0px auto; text-align:center; padding-top:40px; float:left;}
.tx li{ width:145px; float:left; text-align: left; margin:0px 20px; padding:15px;-moz-box-shadow:1px 1px 10px #caedfa; -webkit-box-shadow:3px 3px 10px #caedfa; box-shadow:1px 1px 10px #caedfa;border-radius:8px; line-height:20px; font-weight:bolder}
.tx li:hover{ background:#076bb2; color:#FFFFFF;-moz-box-shadow:1px 1px 10px #00abeb; -webkit-box-shadow:3px 3px 10px #00abeb; box-shadow:1px 1px 10px #00abeb;}
.tx li img{ display:block; padding-bottom:12px;}
.tx li div{  margin-top:15px; border-top:1px solid #caedfa; padding:10px; text-align:left; font-size:12px; font-weight:normal}
.tx li i{ font-style:normal; color:#00abeb}
.tx li b{ font-weight:normal; color: #aacd06}
.bjx{ -moz-box-shadow:1px 1px 10px #caedfa; -webkit-box-shadow:3px 3px 10px #caedfa; box-shadow:1px 1px 10px #caedfa; }

.sec2 h1,.sec4 h1,.sec8 h1{ color:#FFFFFF;}
.sec2  .ttbar span,.sec4  .ttbar span,.sec8  .ttbar span{background: url(../img/line.png) no-repeat center ;}
.sec2 .enft,.sec4 .enft,.sec8 .enft{color:#FFFFFF}
.sec2 .txt{color:#FFFFFF;width:650px;text-align:left; padding-left:235px; padding-right:235px; }
.sec4 .txt,.sec8 .txt{color:#FFFFFF;width:650px;text-align: left; padding-left:235px; padding-right:235px;}
.sec3 h1,.sec5 h1{ color:#000000;}
.sec3  .ttbar span,.sec5  .ttbar span{background: url(../img/lineh.png) no-repeat center ;}
.sec3 .enft,.sec5 .enft{color:#000000}
.sec3 .txt,.sec5 .txt{color:#000000;width:690px; text-align: left;padding-left:215px; padding-right:215px; }



.sec2{ clear:both; height:auto; background:url(../img/sec2.jpg) no-repeat center; width:100%; padding-bottom:30px; margin:0px auto;}

.case{ margin:0px auto; height:405px;width:980px; padding:20px 70px 0px 70px;}

.fad{ width:465px; height:405px; position:relative;}
.fad img{ position:absolute; right:0; top:0}
.dzs{ width:382px; height:332px; position:absolute; bottom:0; left:0; border: 20px solid rgba(255,255,255,0.3);}
.nr{ background:#FFFFFF;width:332px; height:282px; padding:25px;}
  .nr h6{ font-size:15px; color:#076bb2; line-height:40px;}
  .nr  p{text-indent:5em}
  .nr  div{ padding:10px 0px; height:144px; vertical-align:middle;display:table-cell; }
  .nr span{ display: inline-block; background:#076bb2; color:#FFFFFF; font-size:14px; padding:5px 10px; margin-top:10px;}
  
.sec3{ clear:both; height:auto; width:100%; padding-bottom:30px;}  
.cpwbox{ width:540px; height:155px; position:relative;  margin:0px auto; margin-top:10px;}
.bcon{ width:395px; height:75px; padding:20px;-moz-box-shadow:1px 1px  10px #e2f0f9; -webkit-box-shadow:1px 1px 10px #e2f0f9; box-shadow:1px 1px 10px #e2f0f9; position:absolute; bottom:0; left:0;}
.bcon:hover{-moz-box-shadow:1px 1px  10px #92c5f1; -webkit-box-shadow:1px 1px 10px #92c5f1; box-shadow:1px 1px 10px #92c5f1;}
.cpwbox img{position:absolute; top:0; right:0}

.bcon h6{ font-size:15px; color:#076bb2; }
.bcon span{ display: inline-block; background:#076bb2; color:#FFFFFF; font-size:14px; padding:5px 10px; margin-top:10px;}

.sec4{ clear:both; height:auto; background:url(../img/sec3.jpg) no-repeat center; width:100%; padding-bottom:30px;}

.sec4 .swiper-container {
      width: 1120px;
      height: 420px;
    }
.sec4 .swiper-slide {

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: top;
    }

.sec5{ clear:both; height:auto; width:100%; padding-bottom:30px;}  	
.sec5 .case{ margin:0px auto; height:325px; padding-top:20px;}
.sec5 .fad{ width:465px; height:325px; position:relative;}
.sec5 .fad img{ position:absolute; right:0; top:0}
.sec5 .dzs{ width:382px; height:252px; position:absolute; bottom:0; left:0;-moz-box-shadow:3px 3px   30px #92c5f1; -webkit-box-shadow:3px 3px   30px #92c5f1; box-shadow:3px 3px   30px #92c5f1;}
.sec5 .dzs:hover{-moz-box-shadow:3px 3px   30px #92c5f1; -webkit-box-shadow:3px 3px   30px #92c5f1; box-shadow:3px 3px   30px #92c5f1;}
.sec5 .nr{ background:#FFFFFF;width:332px; height:222px; padding:25px;}
  .nr h6{ font-size:15px; color:#076bb2; line-height:40px;}
  .nr  p{text-indent:5em}
.sec5  .nr  div{ padding:10px 0px; height:94px; vertical-align:middle;display:table-cell; }
  .nr span{ display: inline-block; background:#076bb2; color:#FFFFFF; font-size:14px; padding:5px 10px; margin-top:10px;}


.ts{margin:0px auto; height:285px; padding-top:30px;}
.ts .fad{ width:645px; height:285px; position:relative;}
.ts .fad img{ position:absolute; right:0; top:0}
.ts .dzs{ width:562px; height:212px; position:absolute; bottom:0; left:0; border: 20px solid rgba(255,255,255,0.3);}
.ts .nr{ background:#FFFFFF;width:512px; height:182px; padding:25px;}
.ts .nr  div{ padding:10px 0px; height:54px; vertical-align:middle;display:table-cell; }

.sec6{ clear:both; height:auto; background:url(../img/sec6.jpg) no-repeat top center; width:100%; height:170px; margin:0px auto; text-align:center}

.sec6_1{ clear:both; height:auto; background: #076bb2; width:100%; height:160px; margin:0px auto; text-align:center; margin-top:20px; margin-bottom:20px;}
.sec6_1 .wenb{ text-align:center; margin:0px auto; font-size:64px; color:#2976b7; position:relative; height:70px; line-height:50px; font-weight:bolder; padding-top:0px;}
.sec6_1 .wenb h4{ position:absolute; bottom:0px; text-align:center; color:#fff; font-size:36px; left:0; right:0; width:500px;margin: auto;}

.sec6 h1{ color:#000000; padding-top:0px; height:35px;line-height:35px;margin:0px;font-size:34px;}
.sec6 p{color:#000000; font-size:30px; padding-top:10px;}

.sec7{clear:both; height:auto;width:100%;  margin:0px auto; text-align:center}
.sec7 img{ display:block; margin:0px auto}


.sec8{ clear:both; height:auto; background:url(../img/sec8.jpg) no-repeat center; width:100%; padding-bottom:30px;}

.sec8 .swiper-container {
      width: 1120px;
      height: 440px;
    }
.sec8 .swiper-slide {

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: top;
    }
	
.sec8 .case{ margin:0px auto; height:425px; padding-top:20px;}
.sec8 .fad{ width:465px; height:425px; position:relative;}
.sec8 .fad img{ position:absolute; right:0; top:0}
.sec8 .dzs{ width:382px; height:332px; position:absolute; bottom:0; left:0; border: 20px solid rgba(255,255,255,0.3);}
.sec8 .nr{ background:#FFFFFF;width:332px; height:282px; padding:25px;}
  .sec8 .nr h6{ font-size:15px; color:#076bb2; line-height:40px; padding-top:30px;}
  .sec8 .nr  p{text-indent:5em}
  .sec8 .nr  div{ padding:10px 0px; height:104px; vertical-align:middle;display:table-cell; }
  .sec8 .nr span{ display: inline-block; background:#076bb2; color:#FFFFFF; font-size:14px; padding:5px 10px; margin-top:10px;}	
	
.sec9{ clear:both; height:auto; width:100%;}  
.sec9 .wenb{ text-align:center; margin:0px auto; font-size:64px; color:#f7f7f7; position:relative; height:90px; line-height:80px; font-weight:bolder; padding-top:40px;}
.sec9 .wenb h4{ position:absolute; bottom:0px; text-align:center; color:#000000; font-size:36px; left:0; right:0; width:500px;margin: auto;}	

.sec9 .swiper-container {
      width: 1120px;
      height: 500px;
    }
.sec9 .swiper-slide {
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: top;
    }

.sec10{ clear:both; height:auto; background:url(../img/sec10.jpg) no-repeat center; width:100%; height:130px; margin:0px auto; text-align:center}
.sec10 h1{ color:#FFFFFF; padding-top:00px; height:35px;line-height:35px;margin:0px;font-size:34px;}
.sec10 p{color:#FFFFFF; font-size:30px;}

.newsli{ width:1000px; margin:0px auto; padding:10px 60px; height:160px; margin:0px auto;}
.newsli li{ width:485px; float:left; height:40px; line-height:40px; background:url(../img/dot.png) no-repeat left; padding-left:15px;}

@media screen and ( max-width: 1120px){ .banner,sec1,.sec2,.wenb,.sec3,.sec4,.sec5,.sec8,.sec6,.sec7,.sec6_1,.sec10{ width:1120px;}}