.wrapper{}
.banner{ width:1920px; position:relative; left:50%; margin-left:-960px; height:668px;}
/*.banner .hd{ width:100%; position:absolute; left:0; bottom:30px; text-align:center; z-index:9} 
.banner .hd li{ display:inline-block; vertical-align:top; margin:0 5px; width:18px; height:18px; background:url(g_29.png) center center no-repeat; font-size:0; cursor:pointer; border-radius:50%}
.banner .hd li.on{ background:url(g_28.png) center center no-repeat;}*/
.banner .prev{ display:block; width:70px; height:70px; background:url(prev.png) center center no-repeat; position:absolute; left:50%; margin-left:-670px; top:50%; margin-top:-35px; z-index:99; cursor:pointer}
.banner .next{ display:block; width:70px; height:70px; background:url(next.png) center center no-repeat; position:absolute; right:50%; margin-right:-670px; top:50%; margin-top:-35px; z-index:99; cursor:pointer}
.x1{ width:1200px; height:156px; background:#fff; position:relative; z-index:2; margin:0 auto; margin-top:-78px}
.x1 h3{ text-align:center; font-size:20px; color:#333333; line-height:1; font-weight:normal; padding:28px 0 20px}
.x1 .s1{ width:978px; margin:0 auto}
.x1 .s1 .m1{ width:363px; float:left}
.x1 .s1 .m1 .inp1{ width:363px; height:48px; border:1px solid #bfbfbf; box-sizing:border-box; padding:0 28px; color:#9f9f9f; font-size:18px}
.x1 .s1 .m2{ width:363px; float:left; margin-left:32px}
.x1 .s1 .m2 .inp1{ width:363px; height:48px; border:1px solid #bfbfbf; box-sizing:border-box; padding:0 28px; color:#9f9f9f; font-size:18px}
.x1 .s1 .m3{ width:185px; float:right}
.x1 .s1 .m3 .inp1{ width:185px; height:48px; border:1px solid #bfbfbf; box-sizing:border-box; padding:0 28px; color:#fff; font-size:18px; background:#ffa421; cursor:pointer}

.x2{ width:100%}
.tops{ width:100%; text-align:center}
.tops h3{ font-size:34px; color:#333333; line-height:1; padding:50px 0 18px; background:url(x2.jpg) bottom center no-repeat; margin-bottom:10px}
.tops p{ font-size:16px; color:#666666}
.x2 .nr{ width:1200px; margin:0 auto; padding-top:50px; background:url(x3.png) center center no-repeat;margin-top:120px; position:relative }
.x2 .nr .lt{ width:100%; float:left; padding-top:50px}
.x2 .nr .rt{ float:right}
.x2 .nr .lt ul{ }
.x2 .nr .lt ul li{ width:50%; float:left; margin:20px 0 40px}
.x2 .nr .lt ul li:nth-child(2n){ float:right; width:350px}
.x2 .nr .lt ul li:nth-child(1) .tit{ width:275px}
.x2 .nr .lt ul li:nth-child(2) .tit .p2{ width:225px}
.x2 .nr .lt ul li:nth-child(3) .tit .p2{ width:275px}
.x2 .nr .lt ul li:nth-child(4) .tit .p2{ width:210px}
.x2 .nr .lt ul li:nth-child(5){ position:absolute; left:40%; bottom:390px}
.x2 .nr .lt ul li:nth-child(5) .tit .p2{ width:300px}

.x2 .nr .lt ul li .num{ width:54px; height:54px; border:3px solid #283b7b; border-radius:50%; text-align:center; line-height:54px; font-size:36px; color:#283b7b; font-weight:bold; float:left}
.x2 .nr .lt ul li .tit{ float:left; margin-left:15px}
.x2 .nr .lt ul li .tit .p1{ font-size:28px; color:#283b7b; line-height:1; font-weight:bold; background:url(g1.jpg) left bottom no-repeat; padding-bottom:15px; }
.x2 .nr .lt ul li .tit .p2{ font-size:12px; color:#5d5d5d; padding-top:5px; height:60px}
.x2  .more{ width:100%; text-align:center; margin-top:50px; margin-bottom:75px}
.x2  .more a{ display:inline-block; vertical-align:top; width:186px; height:45px; text-align:center; line-height:45px; background:#2eb5ed; color:#fff; border-radius:8px; font-size:16px}



.x3{ width:100%; background:url(x4.jpg) top center no-repeat; height:483px}
.x3 .tops{ width:100%; text-align:center}
.x3 .tops h3{ font-size:34px; color:#fff; line-height:1; padding:60px 0 18px; background:url(x5.jpg) bottom center no-repeat; margin-bottom:10px}
.x3 .tops p{ font-size:16px; color:#fff}
.x3 .nr{ width:100%; text-align:center}
.x3 .nr li{ display:inline-block; vertical-align:top; font-size:18px; color:#ffffff; padding:0 35px; transition:all 0.5s linear}
.x3 .nr li:hover{ color:#36c4ff}
.x3 .nr li span{ display:block; width:100%; height:120px; margin-bottom:22px; transition:all 0.5s linear; }
.x3 .nr li:nth-child(1) span{ background:url(x6.png) bottom center no-repeat}
.x3 .nr li:nth-child(2) span{ background:url(x7.png) bottom center no-repeat}
.x3 .nr li:nth-child(3) span{ background:url(x8.png) bottom center no-repeat}
.x3 .nr li:nth-child(4) span{ background:url(x9.png) bottom center no-repeat}
.x3 .nr li:nth-child(5) span{ background:url(x10.png) bottom center no-repeat}
.x3 .nr li:nth-child(6) span{ background:url(x11.png) bottom center no-repeat}
.x3 .nr li:nth-child(1):hover span{ background:url(a4.png) bottom center no-repeat;transform:rotateY(180deg)}
.x3 .nr li:nth-child(2):hover span{ background:url(a5.png) bottom center no-repeat;transform:rotateY(180deg)}
.x3 .nr li:nth-child(3):hover span{ background:url(a6.png) bottom center no-repeat;transform:rotateY(180deg)}
.x3 .nr li:nth-child(4):hover span{ background:url(a7.png) bottom center no-repeat;transform:rotateY(180deg)}
.x3 .nr li:nth-child(5):hover span{ background:url(a8.png) bottom center no-repeat;transform:rotateY(180deg)}
.x3 .nr li:nth-child(6):hover span{ background:url(a9.png) bottom center no-repeat;transform:rotateY(180deg)}
.x3 .nr .more{ width:100%; text-align:center; margin-top:50px}
.x3 .nr .more a{ display:inline-block; vertical-align:top; width:186px; height:45px; text-align:center; line-height:45px; background:#2eb5ed; color:#fff; border-radius:8px; font-size:16px}

.slideGroup{ width:1200px; margin:0 auto}
.slideGroup .parHd{ width:100%; text-align:center; margin-top:25px}
.slideGroup .parHd li{ display:inline-block; vertical-align:top; width:122px; height:40px; line-height:40px; background:#eeeeee; color:#333; font-size:16px; margin:0 10px; cursor:pointer; }
.slideGroup .parHd li.on{ background:#1c2c60; color:#fff}
.slideGroup .parBd{ width:100%; overflow:hidden}
.xx1{ width:100%; margin-top:33px}
.xx1 ul li{ width:373px; float:left; border:1px solid #dcdcdc; margin-right:37px}
.xx1 ul li .pic{ width:100%; border-bottom:1px solid #dcdcdc}
.xx1 ul li .title{ width:100%; height:170px; box-sizing:border-box; background:#fff; padding:15px; transition:all 0.5s linear}
.xx1 ul li .title h3{ font-size:21px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; border-bottom:1px solid #e4e4e4; font-weight:normal; padding:10px 0; transition:all 0.5s linear}
.xx1 ul li .title h3 a{ color:#333; transition:all 0.5s linear}
.xx1 ul li .title .intro{ font-size:16px; color:#333; line-height:28px; margin-top:10px; transition:all 0.5s linear}
.xx1 ul li:hover .title{ background:#1c2c60}
.xx1 ul li:hover .title h3{ color:#fff}
.xx1 ul li:hover .title h3 a{ color:#fff}
.xx1 ul li:hover .title .intro{ color:#fff}
.xx2{ width:100%; text-align:center; margin-top:22px}
.xx2 ul li{ display:inline-block; vertical-align:top; width:88px; height:6px; background:#e4e4e4; margin:0 8px; font-size:0; cursor:pointer}
.xx2 ul li.on{ background:#1c2c60}

.x5{ width:100%; padding-bottom:42px}
.x5 .nr{ width:1200px; margin:0 auto; margin-top:30px}
.x5 .nr ul{ width:1250px}
.x5 .nr li{ width:308px;  float:left; margin-right:4px; margin-bottom:4px }
.x5 .nr li img{ width:100%}
.x5 .nr li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden}
.x5 .nr li a .s1{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(28,44,96,0.9); text-align:center; color:#fff; opacity:0; transition:all 0.5s linear}
.x5 .nr li a .s1 h3{ font-size:20px; line-height:1; font-weight:normal; margin-top:65px}
.x5 .nr li a .s1 span{ display:inline-block; vertical-align:top; width:106px; height:25px; border:1px solid #fff; border-radius:5px; line-height:25px; margin-top:17px}
.x5 .nr li a .s1 span i{ display:inline-block; vertical-align:top; background:url(x15.png) right center no-repeat; padding-right:20px; font-size:14px}
.x5 .nr li:hover a .s1{ opacity:1}

.x6{ width:100%; background:url(x16.jpg) top center no-repeat; height:640px}
.x6 .tops{ width:100%; text-align:center}
.x6 .tops h3{ font-size:34px; color:#fff; line-height:1; padding:60px 0 18px; background:url(x5.jpg) bottom center no-repeat; margin-bottom:10px}
.x6 .tops p{ font-size:16px; color:#fff}
.x6 .nr{ width:1200px; margin:0 auto; padding-top:60px}
.x6 .nr .lt{ width:550px; float:left}
.x6 .nr .rt{ width:600px; float:right}
.x6 .nr .rt h3{ font-size:26px; color:#fff;}
.x6 .nr .rt h3 a{ color:#fff}
.x6 .nr .rt .intro{ font-size:15px; text-align:justify; line-height:30px; color:#fff; margin-top:15px; height:175px}
.x6 .nr .rt ul li{ width:100px; height:100px; float:left; background:#1c2c60; border-radius:10px; margin-right:40px}
.x6 .nr .rt ul li a{ display:block; width:100%; height:100%}
.x6 .nr .rt ul li a span{ display:block; width:100%; height:60px;}
.x6 .nr .rt ul li:nth-child(1) a span{ background:url(x18.png) bottom center no-repeat}
.x6 .nr .rt ul li:nth-child(2) a span{ background:url(x19.png) bottom center no-repeat}
.x6 .nr .rt ul li:nth-child(3) a span{ background:url(x20.png) bottom center no-repeat}
.x6 .nr .rt ul li:nth-child(4) a span{ background:url(x21.png) bottom center no-repeat}
.x6 .nr .rt ul li a p{ font-size:16px; color:#fff; text-align:center; margin-top:10px; line-height:1}

.x7{ width:100%; padding-bottom:70px}
.x7 .nr{ width:1200px; margin:0 auto; padding-top:40px}
.x7 .nr .lt{ float:left; width:480px; position:relative}
.x7 .nr .lt { width:476px; border:1px solid #dcdcdc;}
.x7 .nr .lt .bd li .pic{ width:100%; border-bottom:1px solid #dcdcdc}
.x7 .nr .lt .bd li .title{ width:100%; height:115px; box-sizing:border-box; background:#fff; padding:15px; transition:all 0.5s linear}
.x7 .nr .lt .bd li .title h3{ font-size:20px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;  padding:0 0 10px 0; transition:all 0.5s linear}
.x7 .nr .lt .bd li .title h3 a{ color:#333; transition:all 0.5s linear}
.x7 .nr .lt .bd li .title .intro{ font-size:14px; color:#666666; line-height:25px;transition:all 0.5s linear}
.x7 .nr .lt .hd{ width:100%; text-align:center; height:10px; position:absolute; top:245px; left:0; z-index:2}
.x7 .nr .lt .hd li{ display:inline-block; vertical-align:top; width:10px; height:10px; background:#fff; border-radius:50%; font-size:0; margin:0 3px; cursor:pointer}
.x7 .nr .lt .hd li.on{ background:#1c2c60}
.x7 .nr .rt{ width:682px; float:right}
.x7 .nr .rt .s1{ width:680px; height:114px; border:1px solid #dcdcdc; background:#fff; margin-bottom:17px}
.x7 .nr .rt .s1 .time{ width:111px; height:89px; float:left; border:1px solid #dcdcdc; box-sizing:border-box; margin:12px; background:#eaeaea; text-align:center}
.x7 .nr .rt .s1 .time .p1{ line-height:1; font-size:36px; font-weight:bold; color:#1c2c60; margin-top:15px}
.x7 .nr .rt .s1 .time .p2{ font-size:15px; color:#1c2c60}
.x7 .nr .rt .s1:hover{ background:#f3f3f3}
.x7 .nr .rt .s1 .tit{ width:520px; float:left; margin-left:10px}
.x7 .nr .rt .s1 .tit h3{ font-size:20px; color:#333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:17px}
.x7 .nr .rt .s1 .tit h3 a{ color:#333}
.x7 .nr .rt .s1 .tit .intro{ font-size:14px; color:#666666; margin-top:5px}



















































input[type="button"], input[type="submit"], input[type="reset"] , botton,bottom {-webkit-appearance:none!important;}
input::-webkit-input-placeholder { color:#9f9f9f;opacity:1!important}
input:-moz-placeholder {color:#9f9f9f;opacity:1!important}
input::-moz-placeholder {color:#9f9f9f;opacity:1!important}
input::-ms-input-placeholder {color:#9f9f9f;opacity:1!important}
textarea::-webkit-input-placeholder {color:#9f9f9f;opacity:1!important}
textarea:-moz-placeholder {color:#9f9f9f;opacity:1!important}
textarea::-moz-placeholder {color:#9f9f9f;opacity:1!important}
textarea::-ms-input-placeholder {color:#9f9f9f;opacity:1!important}