@charset "utf-8";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {margin: 0; padding: 0; } 
fieldset, img {border: none; }
img{vertical-align:top; display:inline-block}
ul, ol {list-style: none; }
input {padding-top: 0; padding-bottom: 0; font-family: "SimSun", "宋体"; }
select, input {vertical-align: middle; }
select, input, textarea {font-size: 12px; margin: 0; }
textarea {resize: none; }
table {border-collapse: collapse; }
body {font: 21px '微软雅黑'; color:#333333 }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1,h2,h3 ,h4 ,h5 ,h6{font-weight:normal; }
i,em{font-style: normal;}
a {color: #fff; text-decoration: none; }
.fl{ float:left;}
.fr{ float:right;}
.fix:after{ clear:both; content:"."; height:0px; display:block; overflow:hidden; visibility:hidden }
.fix{*zoom:1;}
.hs{ color:#fa5500}
.dot-bottom {
    width: 0;
    height: 0;
    border-top: 15px solid #00a000;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}  
.dot-left {
    width: 0;
    height: 0;
    border-left: 15px solid #47abc3;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
} 

.wrap{
  max-width: 1680px;
  min-width: 1200px;
  margin:0 auto;
}
.btncon{ text-align:center; padding:50px 0}
.btncon .btn{position:relative;display:inline-block; padding:0 65px;height:65px; line-height:65px;font-size:24px; border-radius:65px; color:#fff;animation:shake 8s linear normal both infinite;}
.btncon .btn:hover{/*animation:rubberBand 2.5s cubic-bezier(0.39, 0.66, 0.57, 1) 1;-webkit-animation:rubberBand 2.5s cubic-bezier(0.39, 0.66, 0.57, 1) 1*/}
.btncon .btn:nth-of-type(1),.btncon .btn:nth-of-type(2){ background:#ff9933; margin-right:45px;}
.btncon .btn:last-child{ background:#ff3344;}

.titlecon{padding:40px 0 40px 0; position:relative;color:#333333; text-align:center; }
.titlecon .tt1{font-size:50px; line-height:50px; padding-bottom:10px; font-weight:700}
.titlecon .tt2{ height:43px;display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.titlecon .tt2 .l{-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 20%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
 height:1px; overflow:hidden; border-bottom:2px solid #535353; transform:translateY(25px)}
 .titlecon .tt2 .r{-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 20%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
 height:1px; overflow:hidden; border-bottom:2px solid #535353; transform:translateY(25px)}
.titlecon .tt2 .m{ position:relative; padding:0 25px; font-size:30px; line-height:43px; background:#535353; color:#fff} 
 
.titlecon .tt2 .m .s-bottom { position:absolute; bottom:-15px; left:50%; transform:translateX(-50%);
    width: 0;
    height: 0;
    border-top: 15px solid #535353;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}  
.banner{ width:100%; height:915px; background:url(../images/banbg1.jpg) center 0 no-repeat}
.banner .con{ position:relative; width:1200px; height:915px; margin:0 auto;}
.banner .con .p1{ position:absolute; left:328px; top:90px;}
.banner .con .p2{ position:absolute; left:348px; top:425px;}
.banner .con .p3{ position:absolute; left:552px; top:438px; font-size:39px; line-height:39px; color:#fffcf6}
.banner .con .p4{ position:absolute; left:582px; top:658px;animation:movement2 3.5s infinite linear ;} 
.banner2{ width:100%; height:392px; background:url(../images/banbg2.jpg) center 0 no-repeat}
.banner2 .con{ position:relative; width:1200px; height:392px; margin:0 auto;}
.banner2 .con .p1{ position:absolute; text-indent:56px; width:722px; left:125px; top:0; line-height:42px; font-size:28px; color:#fff;}
.banner2 .con .p1 span{ color:#ffef3d}
.banner2 .con .p2{ position:absolute; width:153px; left:964px; top:175px; animation:movement2 3.5s 1s infinite linear ;}



.md-kv{ max-width: 1680px; min-width: 1200px; margin:0 auto; color:#fff;}
.md-kv .re{ position: relative;}
.md-kv .cont{ width:1200px; margin:0 auto; height:100%;}
.md-kv .md-1{ width:100%; height:884px; background:url(../images/kv.jpg) no-repeat top center;}
.md-kv .md-txt1{ position: absolute; left: 30%; top: 74%; font-size: 26px; line-height: 42px;}
.md-kv .md-txt1 p{ float: left; width:355px; font-weight: bold;}
.md-kv .md-txt1 p span{ color:#ffcc66;}
.md-kv .linkk{ position: absolute; bottom:35px; right: 100px;animation: movement2 3.5s infinite linear;}
.md-kv .md-2{ width:100%; height:406px; background:url(../images/p1.jpg) no-repeat top center;}
.md-kv .md-2 p{ font-size: 24px; line-height: 45px; box-sizing: border-box; width:872px; left: 0; top: 45px; position: absolute; padding:0 75px; text-indent: 2em;}
.md-kv .md-2 p span{ color:#ffef3d;}
.md-kv .linkk2{ position: absolute; right: 75px; top: 175px;animation: movement2 3.5s infinite linear;}


.p1tt{width:100%; height:226px; background:url(../images/tt1.jpg) center 0 no-repeat}
.p1tt .con{ margin:0 auto; width:1200px; height:226px; position:relative}
.p1tt .con .t1{ text-align:center; width:100%; position:absolute; left:0; top:84px; line-height:60px; font-size:60px; height:60px; color:#fff;}
.p1tt .con .t2{ text-align:center; width:100%; position:absolute; left:0; top:150px; line-height:31px; font-size:31px; height:31px; color:#fff;}
.part1{ width:100%; height:944px; background:url(../images/p1_1.jpg) center 0 no-repeat}
.part1 .con{ position:relative; width:1200px; margin:0 auto; height:944px;}
.part1 .con .p1box{ width:762px; height:374px; position:absolute; left:203px; top:550px; }
.part1 .con .p1slide{ width:100%; height:249px; position:relative;}
.part1 .con .p1slide .bd li img{ border-radius:20px;}
.part1 .con .p1slide .hd{ position:absolute; width:100%; left:0; bottom:0; text-align:center; padding-top:20px;}
.part1 .con .p1slide .hd li{ width:20px; height:20px; display:inline-block; border-radius:50%; background:#d1d1d1; margin-right:10px; text-indent:999px; overflow:hidden}
.part1 .con .p1slide .hd li.on{ background:#ffa348}

.part1 .con .p1box .btnbox{ text-align:center; padding:20px 0 0 0}
.part1 .con .p1box .btnbox .btn{position:relative;display:inline-block; padding:0 65px;height:65px; line-height:65px;font-size:24px; border-radius:65px; color:#fff;}
.part1 .con .p1box .btnbox .btn:nth-of-type(1){ background:#ff4234; margin-right:20px;}
.part1 .con .p1box .btnbox .btn:nth-of-type(2){ background:#ffb13d;}

.part1_2{ width:100%; height:615px; background:url(../images/p1_2.jpg) center 0 no-repeat}
.part1_2 .con{ margin:0 auto; width:1200px; height:616px; position:relative}
.part1_2 .con .p1{ position:absolute; left:156px; top:30px; width:880px; height:524px;}
.part1_2 .con .p1 .list:nth-of-type(1){ float:left}
.part1_2 .con .p1 .list:nth-of-type(2){ float:right}

.part2{ width:100%; height:860px; background:url(../images/p2bg.jpg) center 0 no-repeat}
.part2 .con{ margin:0 auto; width:1200px; height:860px; position:relative}
.part2 .con .title{ text-align:center; padding:64px 0}
.part2 .con .title .t1{ font-size:43px; color:#000; line-height:43px; padding-bottom:5px}
.part2 .con .title .t2{ font-size:54px; color:#dc5d2a; line-height:54px;}
.p2slide{ width:100%;}
.p2slide .tab-hd{ margin:0 auto; position:relative; width:1161px; height:103px; background:url(../images/p2memubg.jpg) no-repeat; border-radius:103px; overflow:hidden}
.p2slide .tab-hd ul{ margin-left:68px;}
.p2slide .tab-hd ul li{float:left; height:103px; line-height:103px;}
.p2slide .tab-hd ul li.on{ background:rgba(255,255,255,0.3)}
.p2slide .tab-hd ul li a{ display:block; padding:0 35px; font-size:37px;}
.p2slide .tab-hd .gengduo{ position:absolute; font-size:37px; color:#f1ff0c; line-height:103px; right:50px; top:0}
.p2slide .tab-bd{ width:100%; margin-top:30px;}
.p2slide .tab-bd .tab-pal{ width:100%;}
.p2slide .tab-bd .tab-pal .list{ float:left; display:inline; margin-right:18px; width:286px; background:#fff;}
.p2slide .tab-bd .tab-pal .list:last-child{ margin-right:0}
.p2slide .tab-bd .tab-pal .list .txt{ position:relative; width:100%; height:180px;}
.p2slide .tab-bd .tab-pal .list .txt .t1{ font-size:26px; text-align:center; line-height:26px; padding-top:26px;}
.p2slide .tab-bd .tab-pal .list .txt .t2{ text-align:center; width:100%; height:60px; line-height:60px; padding-top:15px}
.p2slide .tab-bd .tab-pal .list .txt .t2 .q{ display:inline-block; vertical-align:middle; width:50px; height:50px; line-height:50px; background:#ecb670; border-radius:50%; font-size:20px;}
.p2slide .tab-bd .tab-pal .list .txt .t2 .n{ display:inline-block; vertical-align:top; font-size:35px; height:35px; line-height:35px; color:#ff4234;}
.p2slide .tab-bd .tab-pal .list .txt .t2 .t{ display:inline-block; vertical-align:top; font-size:59px; height:59px; line-height:59px; color:#ff4234;}
.p2slide .tab-bd .tab-pal .list .txt a{ position:absolute; width:170px; height:55px; border-radius:55px; background:#ff4234; font-size:23px; color:#fff; line-height:55px; text-align:center; left:50px; bottom:-25px;}

.part3{ width:100%; height:946px; background:url(../images/p3bg.jpg) center 0 no-repeat}
.part3 .con{ margin:0 auto; width:1100px; height:946px; position:relative}
.part3 .con .title{ padding:40px 0 30px 0; font-size:64px; line-height:64px; color:#fff;}
.part3 .con .title span{ line-height:64px; display:inline-block; vertical-align:top}
.part3 .con .title font{ vertical-align:bottom; font-size:35px;display:inline-block; line-height:35px;}

.part3 .con .p1{ width:730px;}
.part3 .con .p1 .pic{ float:left; width:344px;}
.part3 .con .p1 .txt{ position:relative; float:left; width:386px; height:273px; background:#fff;}
.part3 .con .p1 .txt .t1{ font-size:54px; text-align:center; line-height:54px; padding-top:26px;}
.part3 .con .p1 .txt .t2{ text-align:center; width:100%; height:80px; line-height:80px; padding-top:15px}
.part3 .con .p1 .txt .t2 .q{ display:inline-block; vertical-align:middle; width:50px; height:50px; line-height:50px; background:#ecb670; border-radius:50%; font-size:20px;}
.part3 .con .p1 .txt .t2 .n{ display:inline-block; vertical-align:top; font-size:35px; height:35px; line-height:35px; color:#ff4234;}
.part3 .con .p1 .txt .t2 .t{ display:inline-block; vertical-align:top; font-size:80px; height:80px; line-height:80px; color:#ff4234;}
.part3 .con .p1 .txt a{ position:absolute; width:200px; height:55px; border-radius:55px; background:#ff4234; font-size:23px; color:#fff; line-height:55px; text-align:center; left:100px; bottom:-25px;}

.part3 .con .p2{ width:615px; padding-top:60px;}
.part3 .con .p2 .list{ float:left;width:286px; height:465px; display:inline; margin-right:40px; background:#fff;}
.part3 .con .p2 .list .txt{ position:relative; width:100%; height:180px;}
.part3 .con .p2 .list .txt .t1{ font-size:26px; text-align:center; line-height:26px; padding-top:6px;}
.part3 .con .p2 .list .txt .t2{ text-align:center; width:100%; height:40px; line-height:40px; padding-top:10px}
.part3 .con .p2 .list .txt .t2 .q{ display:inline-block; vertical-align:middle; width:40px; height:40px; line-height:40px; background:#ecb670; border-radius:50%; font-size:20px;}
.part3 .con .p2 .list .txt .t2 .n{ display:inline-block; vertical-align:top; font-size:30px; height:30px; line-height:30px; color:#ff4234;}
.part3 .con .p2 .list .txt .t2 .t{ display:inline-block; vertical-align:top; font-size:40px; height:40px; line-height:40px; color:#ff4234;}
.part3 .con .p2 .list .txt a{ position:absolute; width:170px; height:55px; border-radius:55px; background:#ff4234; font-size:23px; color:#fff; line-height:55px; text-align:center; left:50px; bottom:-25px;}
.part3 .con .p2 .list .txt .t3{ padding:5px 10px 0 10px; font-size:14px; line-height:20px; color:#2c2c2c}
.part3 .con .p3btn{ position:absolute; left:688px; top:782px;animation:movement2 3.5s 1s infinite linear ;}

.picList{ width:100%;}
.picList { width:100%}
.picScroll{ position:relative}
.picScroll .hd{ position:absolute; width:100%; left:0; bottom:0px; text-align:center}
.picScroll .hd li{ display:inline-block; width:20px; height:20px; text-indent:-999px; overflow:hidden; margin-right:10px; border-radius:50%; background:#CCCCCC}
.picScroll .hd li.on{background:#FFCC00}

.part4{ width:100%; height:1156px; background:url(../images/p4_bg.jpg) center 0 no-repeat}
.part4 .con{ margin:0 auto; width:1200px; height:1156px; position:relative}
.part4 .con .title{ text-align:center; padding:64px 0}
.part4 .con .title .t1{ font-size:43px; color:#000; line-height:43px;}
.part4 .con .title .t2{ font-size:54px; color:#dc5d2a; line-height:54px; padding-bottom:5px}
.p4slide{ width:100%; position:relative}
.p4slide .tab-hd{ width:100%; height:132px; background:#2a2a2a; text-align:center}
.p4slide .tab-hd li{ display:inline-block;height:132px; text-align:center}
.p4slide .tab-hd li a{ display:block; padding:15px 100px 0 100px; color:#fff; }
.p4slide .tab-hd li a font{font-size:60px; line-height:60px; display:inline-block; padding-bottom:5px;}
.p4slide .tab-hd li a span{ font-size:30px; line-height:30px; display:inline-block;}
.p4slide .tab-hd li.on a{ color:#fff600}
.p4slide .tab-bd{ width:100%}
.p4slide .tab-bd .tab-pal{ position:relative; width:100%; height:669px; color:#fff;}
.p4slide .tab-bd .tab-pal .p1{ position:absolute; left:528px; top:53px; font-size:64px; line-height:64px;}
.p4slide .tab-bd .tab-pal .p2{ position:absolute; left:528px; top:130px; font-size:28px; line-height:28px;}
.p4slide .tab-bd .tab-pal .p3{ position:absolute; left:528px; top:180px; font-size:38px; line-height:38px;}
.p4slide .tab-bd .tab-pal .p4{ position:absolute; left:528px; top:230px; font-size:24px; line-height:28px;}
.p4slide .tab-bd .tab-pal .a{ font-size:24px; color:#fff600}
.p4slide .tab-bd .tab-pal .btn{ position:absolute; width:180px; right:20px; bottom:70px;animation:movement2 3.5s  infinite linear ;}
.p4slide .tab-bd .tab-pal .btn img{ width:100%}
.p4slide .prev{ position:absolute; left:-74px; top:300px; width:64px;}
.p4slide .next{ position:absolute; right:-74px; top:300px; width:64px;}

.part5{ width:100%; height:944px; background:url(../images/p5_1bg.jpg) center 0 no-repeat}
.part5 .con{ margin:0 auto; width:1200px;}
.part5 .con .title{ text-align:center; padding:64px 0 30px 0}
.part5 .con .title .t1{ font-size:60px; color:#fff; line-height:60px; padding-bottom:5px}
.part5 .con .title .t2{ font-size:31px; color:#fff; line-height:30px;}
.part5 .con .t3{ font-size:22px; color:#fff; line-height:32px; text-align:center}
.part5_2{ width:100%; height:440px; background:url(../images/p5_2bg.jpg) center 0 no-repeat}
.part5_2 .con{ margin:0 auto; width:1200px; height:440px; position:relative}
.part5_2 .con  .btnbox{ position:absolute; left:0; bottom:50px; width:100%; text-align:center; padding:20px 0 0 0}
.part5_2 .con  .btnbox .btn{position:relative;display:inline-block; padding:0 65px;height:65px; line-height:65px;font-size:24px; border-radius:65px; color:#fff;}
.part5_2 .con  .btnbox .btn:nth-of-type(1){ background:#ff4234; margin-right:20px;}
.part5_2 .con  .btnbox .btn:nth-of-type(2){ background:#ffb13d;}

.part6{ width:100%; height:516px; background:url(../images/p6bg.jpg) center 0 no-repeat}
.part6 .con{ margin:0 auto; width:1200px; height:516px; position:relative}
.part6 .con .btn{ position:absolute; width:192px; left:256px; top:330px;animation:movement2 3.5s  infinite linear ;}

.light{
  cursor:pointer;
  position: absolute;
  left: -180px;
  top: 0;
  width: 80px;
  height: 100%;
  
  background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
  background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
  background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
  background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
  
  transform: skewx(-25deg);
  -o-transform: skewx(-25deg);
  -moz-transform: skewx(-25deg);
  -webkit-transform: skewx(-25deg);
  -ms-transform: skewx(-25deg);
  
  animation:light_move 3.5s 1s infinite linear ;
  -webkit-animation:light_move 3.5s 1s infinite linear ;
  -moz-animation:light_move 3.5s 1s infinite linear ;
  -o-animation:light_move 3.5s 1s infinite linear ;
  -ms-animation:light_move 3.5s 1s infinite linear ;
}

@keyframes light_move {
0% {left:-180px;}
30%{left:720px}
75%{left:20px;}
100%{left:720px;}
}
@-moz-keyframes light_move {
0% {left:-180px;}
30%{left:720px}
75%{left:20px;}
100%{left:720px;}
}
@-webkit-keyframes light_move {
0% {left:-180px;}
30%{left:720px}
75%{left:20px;}
100%{left:720px;}
}
@-o-keyframes light_move{
0% {left:-180px;}
30%{left:720px}
75%{left:20px;}
100%{left:720px;}
}
@-ms-keyframes light_move{
0% {left:-180px;}
30%{left:720px}
75%{left:20px;}
100%{left:720px;}
}

@keyframes movement2 {
    0% {
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
    75% {
        -webkit-transform: translate(-8px,0px);
        transform: translate(-8px,0px);
    }
    100% {
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }
}
@-webkit-keyframes movement2 {
    0% {
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
    75% {
        -webkit-transform: translate(-8px,0px);
        transform: translate(-8px,0px);
    }
    100% {
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }
}


.youhui-tianj{
    max-width: 1680px;
    min-width: 1200px;
    margin:0 auto;
  color:#fff;
}
.youhui-tianj-1{ width:100%;height:675px;background:url(../images/bg-tj.jpg) no-repeat top center;}
.youhui-tianj .minkuan{ width:1200px; margin:0 auto;}
.youhui-tianj .te{ text-align: center;}
.youhui-tianj .ov{ overflow: hidden;}
.youhui-tianj .title{ text-align:center; padding:64px 0;}
.youhui-tianj .title .t1{ font-size:43px; color:#000; line-height:43px; padding-bottom:5px;}
.youhui-tianj .title .t2{ font-size:54px; color:#dc5d2a; line-height:54px;}
.youhui-tianj ul li{margin-bottom: 35px; float: left; position: relative;}
.youhui-tianj ul li .tianjia-txt{ position: absolute; left: 0; top: 0; width:100%;}
.youhui-tianj ul li h2{ font-weight: bold; font-size: 60px; line-height: 130px;}
.youhui-tianj ul li p{ font-size: 36px; line-height: 60px; margin: 25px 0;}
.youhui-tianj ul li b{ color:#fff600; font-size: 62px;}
.youhui-tianj ul li:nth-of-type(2n){ margin-left: 42px;}

.youhui-tianj-2{ width:100%;height:1425px;background:url(../images/bg-dj.jpg) no-repeat top center;}
.junp img{
    webkit-animation: jump 3s linear normal both infinite;
    -o-animation: jump 3s linear normal both infinite;
    animation: jump 3s linear normal both infinite;
}
@keyframes  jump{
    0%{
        transform: translateX(0);
    }
    50%{
        transform: translateX(15px);
    }
    100%{
        transform: translateX(0);
    }

}