@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 25px;height:70px; line-height:70px;font-size:30px; border-radius:20px; 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){ background:#1cc2b9; border:2px solid #0d9c94; margin-right:45px;}
.btncon .btn:nth-of-type(2){ background:#fa5500; border:2px solid #d74900}

.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;
}  
.con{ margin:0 auto; width:1200px;}
.banner{ width:100%; height:890px; background:url(../images/banner.jpg) center 0 no-repeat;}
.banner .con{height:885px; position:relative}
.banner .con .ban2{ position:absolute; width:220px; height:193px; left:866px; top:382px;animation:flash 8s linear normal both infinite;}
.banner .con .ban3{ position:absolute; width:172px; height:172px; left:50%;transform:translateX(-50%); bottom:0px;}
.banner .con .ban1{position: absolute;width:187px;top: 0;left: -37px;overflow: hidden;
	-webkit-animation: shuH 2s linear normal both infinite;
	-o-animation: shuH 2s linear normal both infinite;
	animation: shuH 2s linear normal both infinite;
}
@keyframes shuH{
	0%{height: 0;}
	100%{height:211px;}
}
@-webkit-keyframes shuH{
	0%{height: 0;}
	100%{height:211px;}
}
.part1{ width:100%; overflow:hidden;font-size:24px;}
.part1 .box{ width:100%;overflow:hidden}
.part1 .box .list{ float:left; width:385px; background:#e0e4ed; display:inline; margin-right:22px;}
.part1 .box .list:last-child{ margin-right:0}
.part1 .box .list .txt{ text-align:center;  line-height:32px; padding:8px 28px;}
.part1 .p1{ line-height:38px; padding:25px 70px;}
.part1 .p1 strong{ font-size:30px;}
.part1 .p2{ padding:0px 0 0 122px;}
.part1 .p2 .sbox{ display:inline-block; width:658px; height:72px; line-height:72px; border:1px solid #c9c9c9; background:#eeeeee; border-radius:15px}
.part1 .p2 .sbox .sicon{ display:inline-block; width:31px; vertical-align:top; margin-top:23px; margin-right:5px; margin-left:10px;}
.part1 .p2 .sbox .text{ width:580px; height:72px; font-size:24px; border:0 none;outline:none; background:none}
.part1 .p2 .sbtn{border-radius:15px; padding:0 20px; display:inline-block; margin-left:15px; height:72px; background:#fa5500; border:1px solid #da5815; color:#fff; font-size:30px; line-height:72px;}

.part2{ padding:110px 0 35px 0; width:100%; overflow:hidden;font-size:24px; background:#e0e4ed url(../images/p2bg.gif) center 0 no-repeat;}
.part2 .p1{ padding-top:40px; line-height:38px; text-align:center}

.part3 .p1{ padding-top:40px; font-size:22px; line-height:38px; text-align:center}

.part4{width:100%; height:1003px; overflow:hidden;font-size:24px; background:url(../images/p4_bg.jpg) center 0 no-repeat;}
.p4slide{ width:100%; position:relative }
.p4slide .hd{ text-align:center; padding:10px 0}
.p4slide .hd li{ display:inline-block; margin-right:10px; width:15px; height:15px; border-radius:50%; border:1px solid #fff;}
.p4slide .hd li.on{ background:#fff;}

.p4slide .prev{ position:absolute; left:-68px; top:150px; z-index:3}
.p4slide .next{ position:absolute; right:-68px; top:150px; z-index:3}

.part4 .p2{ padding:0px 0 0 122px;}
.part4 .p2 .sbox{ display:inline-block; width:658px; height:72px; line-height:72px; border:1px solid #c9c9c9; background:#eeeeee; border-radius:15px}
.part4 .p2 .sbox .sicon{ display:inline-block; width:31px; vertical-align:top; margin-top:23px; margin-right:5px; margin-left:10px;}
.part4 .p2 .sbox .text{ width:580px; height:72px; font-size:24px; border:0 none;outline:none; background:none}
.part4 .p2 .sbtn{border-radius:15px; padding:0 20px; display:inline-block; margin-left:15px; height:72px; background:#fa5500; border:1px solid #da5815; color:#fff; font-size:30px; line-height:72px;}

.p5slide{ width:1172px; margin:0 auto;  overflow:hidden}
.p5slide .bd li{ float:left; width:569px; padding-right:30px}
.p5slide .hd{ text-align:center; padding:10px 0}
.p5slide .hd li{ display:inline-block; margin-right:10px; width:15px; height:15px; border-radius:50%; border:1px solid #000;}
.p5slide .hd li.on{ background:#000;}

.wx{ width:100%; overflow:hidden; padding-bottom:50px;}
.wx .pic{ float:left;}
.wx .txt{ float:right; width:1044px; height:118px; color:#fff; font-size:24px; line-height:38px; border-radius:20px; background:#1cc2b9; box-sizing:border-box; padding:20px 40px 0 40px}

.part6{width:100%;overflow:hidden;font-size:24px; background:#e0e4ed url(../images/p6bg.gif) center bottom no-repeat; padding-bottom:164px}

.p6con{ width:100%; position:relative; height:770px;}
.p6slide{ margin:0 auto; width:796px; height:770px; position:relative;}
.p6slide .bd ul{ z-index:1}
.p6con .ll{ position:absolute; width:500px; height:770px; background:rgba(255,255,255,0.5); left:50%; margin-left:-900px; z-index:2}
.p6con .rr{ position:absolute; width:500px; height:770px; background:rgba(255,255,255,0.5); right:50%; margin-right:-900px; z-index:2}
.p6slide .prev{ position:absolute; left:-100px; top:300px; z-index:3}
.p6slide .next{ position:absolute; right:-100px; top:300px; z-index:3}
.p6slide .tempWrap{overflow: visible !important;}
.p6slide .bd li{ position:relative}
.p6slide .bd li .txt{ position:absolute; width:397px; top:138px; left:30px; color:#fff;}
.p6slide .bd li .txt .t1{ font-size:36px; line-height:36px; padding-bottom:15px;}
.p6slide .bd li .txt .t2{ font-size:102px; line-height:102px; padding-bottom:15px;}
.p6slide .bd li .txt .t3{ font-size:22px; line-height:32px; padding-bottom:15px;}
.p6slide .bd li .txt .t4{ display:inline-block; padding:0px 20px; background:#fa5500; font-size:24px; line-height:38px; margin-bottom:15px;}
.p6slide .bd li .btn{ position:absolute;left:30px; bottom:60px;}

.part6 .p1{ padding-top:40px; font-size:22px; line-height:38px; text-align:center}
.part6 .p2{ padding:0px 0 0 122px;}
.part6 .p2 .sbox{ display:inline-block; width:658px; height:72px; line-height:72px; border:1px solid #c9c9c9; background:#eeeeee; border-radius:15px}
.part6 .p2 .sbox .sicon{ display:inline-block; width:31px; vertical-align:top; margin-top:23px; margin-right:5px; margin-left:10px;}
.part6 .p2 .sbox .text{ width:580px; height:72px; font-size:24px; border:0 none;outline:none; background:none}
.part6 .p2 .sbtn{border-radius:15px; padding:0 20px; display:inline-block; margin-left:15px; height:72px; background:#fa5500; border:1px solid #da5815; color:#fff; font-size:30px; line-height:72px;}

.part7 img{ width:100%}

.part8{ width:100%; height:930px; padding-top:133px; background:url(../images/p8bg.jpg) center 0 no-repeat}
.part8 .list{ float:left; display:inline; text-align:center; width:260px; margin-right:45px; color:#fff;}
.part8 .list:last-child{ margin-right:0}
.part8 .list .pic{ width:260px; height:260px; position:relative;}
.part8 .list .pic .btn{ position:absolute; left:40px; top:105px; z-index:2; opacity:0}
.part8 .list .pic .bg{ position:absolute; left:0; top:0;width:260px; height:260px;border-radius:50%; background:rgba(0,0,0,0.6);opacity:0}
.part8 .list .pic .img{ width:260px; height:260px;border-radius:50%;}
.part8 .list .t1{ font-size:28px; line-height:30px; padding:10px 0; font-weight:700}
.part8 .list .t2{ font-size:20px; line-height:30px; }
.part8 .list:hover .btn{opacity:1}
.part8 .list:hover .bg{opacity:1}