@charset "UTF-8";
body, img, p, dl, dt, dd, ul, li { margin: 0; padding: 0; }

html, body { font-family: "微软雅黑","Microsoft Yahei",Helvetica, sans-serif; text-align: left; }

a { text-decoration: none; }

ul { list-style: none; }

button { border: none; }

img { border: none; }

input, button { box-shadow: none; -webkit-box-shadow: none; -webkit-appearance: none; border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; -webkit-box-sizing: border-box; /*消除ＩＯＳ　ｉｎｐｕｔ　　阴影*/ }

::-webkit-input-placeholder { /* WebKit browsers */ color: #CCCCCC; }

input:focus { outline: none; }

.wrap { width: 1200px; margin: 0 auto; }

.con2 .L2 .list li span, .con4 .L2 .timeline-wrap, .con4 .L2 .list .li { position: absolute; left: 0; top: 0; }

.list-time { position: absolute; right: 0; top: 0; }

.con5 .L2 .C2-1 .LL1 .more { position: absolute; right: 0; bottom: 0; }

.C2-1:before, .C3-1:before, .C3-2:before, .C4-1:before, .C4-2:before, .C4-3:before, .CC2-1:before, .CC3-1:before, .CC3-2:before, .CC4-1:before, .CC4-2:before, .CC4-3:before, .C2-2:before, .C3-3:before, .C4-4:before, .CC2-2:before, .CC3-3:before, .CC4-4:before, body:before, .con:before, .wrap:before, .L1:before, .L2:before, .L3:before, .L4:before, .L5:before, .slidebox0:before, .slidebox1:before, .C2-1:after, .C3-1:after, .C3-2:after, .C4-1:after, .C4-2:after, .C4-3:after, .CC2-1:after, .CC3-1:after, .CC3-2:after, .CC4-1:after, .CC4-2:after, .CC4-3:after, .C2-2:after, .C3-3:after, .C4-4:after, .CC2-2:after, .CC3-3:after, .CC4-4:after, body:after, .con:after, .wrap:after, .L1:after, .L2:after, .L3:after, .L4:after, .L5:after, .slidebox0:after, .slidebox1:after { content: ""; display: table; font: 0/0 a; }

.C2-1:after, .C3-1:after, .C3-2:after, .C4-1:after, .C4-2:after, .C4-3:after, .CC2-1:after, .CC3-1:after, .CC3-2:after, .CC4-1:after, .CC4-2:after, .CC4-3:after, .C2-2:after, .C3-3:after, .C4-4:after, .CC2-2:after, .CC3-3:after, .CC4-4:after, body:after, .con:after, .wrap:after, .L1:after, .L2:after, .L3:after, .L4:after, .L5:after, .slidebox0:after, .slidebox1:after { clear: both; }

.c-inline { display: inline-block; }

.C2-1, .C3-1, .C3-2, .C4-1, .C4-2, .C4-3, .CC2-1, .CC3-1, .CC3-2, .CC4-1, .CC4-2, .CC4-3 { float: left; }

.CC3-2, .CC4-2, .CC4-3 { margin-left: 10px; }

.C2-2, .C3-3, .C4-4, .CC2-2, .CC3-3, .CC4-4 { float: right; }

.con3 .L1 .C2-1 .list li { border-bottom: 1px solid #e7e5e3; }

.con1 .L1 .C2-1 .list, .con3 .L1 .C2-1 .list, .con5 .L2 .C2-2 .list { padding-top: 3px; }

.con1 .L1 .C2-1 .list li, .con3 .L1 .C2-1 .list li, .con5 .L2 .C2-2 .list li { position: relative; font-size: 14px; line-height: 40px; color: #3D3D3D; height: 40px; overflow: hidden; padding-left: 20px; background: url("../images/cli_bg5.png") 5px center no-repeat; /*	    &:hover { background: url("../images/cli_bg1_on.png") 5px 5px no-repeat; background: #4B78B6; a { color: #fff; } };*/ }

.con1 .L1 .C2-1 .list li a, .con3 .L1 .C2-1 .list li a, .con5 .L2 .C2-2 .list li a { color: #3D3D3D; }

.list-time { right: 10px; font-size: 18px; line-height: 40px; color: #ccc; }

.list-time a { color: #ccc; }

body { color: #333333; /*background: red;*/ }

body a { color: #333333; }

.banner { background: url(../images/banner.jpg) #fff center top no-repeat; height: 750px; padding-top: 0px; }

.banner .wrap { width: 100%; height: 640px; background: url(../images/banner.jpg) center top no-repeat; }

.banner #container { position: absolute; left: 0; top: 380px; height: 600px; }

.con1 { height: auto; padding-top: 20px; background: #f6f6f6; padding-bottom: 30px; }

.con1 .L1 .C2-1 { width: 560px; height: 400px; }

.con1 .L1 .C2-1 dl { padding-top: 15px; border-bottom: 1px solid #dddddd; margin-bottom: 5px; }

.con1 .L1 .C2-1 dl dt { font-size: 24px; line-height: 30px; color: #212121; overflow: hidden; font-weight: bold; }

.con1 .L1 .C2-1 dl dt a { color: #212121; }

.con1 .L1 .C2-1 dl dd { font-size: 14px; line-height: 28px; color: #656565; height: 41px; overflow: hidden; padding: 10px 0px; }

.con1 .L1 .C2-1 dl dd a { color: #656565; }

.con1 .L1 .C2-1 .list { /*li{@extend %boreee;}*/ }

.con1 .L1 .C2-2 { width: 600px; height: 400px; }

.con2 .L1 { font-size: 42px; line-height: 2; text-align: left; color: #0099FF; background: url(../images/t1.jpg) center bottom no-repeat;margin-top: 70px; }

.con2 .L1 a { color: #0099FF;width: 100%;text-align: center;display: block;height: 78px; }

.con2 .L2 .list { margin-top: 30px; height: 230px; overflow: hidden; }

.con2 .L2 .list li { position: relative; }

.con2 .L2 .list li:hover span { display: block; }

.con2 .L2 .list li span { width: 40px; height: 40px; overflow: hidden; left: 150px; top: 105px; display: none; background: url(../images/c_video_bg1.png) left bottom no-repeat; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }

.con2 .L2 .list li, .con2 .L2 .list li img { width: 365px; height: 230px; float: left; overflow: hidden; margin-right: 51px; }

.con3 .L1 { margin-top: 20px; }

.con3 .L1 .C2-1 { width: 1200px; }

.con3 .L1 .C2-1 .LL1 { font-size: 42px; line-height: 2; text-align: left; color: #0099FF; background: url(../images/_c_bg1.png) left bottom no-repeat; }

.con3 .L1 .C2-1 .LL1 a { color: #0099FF; }

.con3 .L1 .C2-1 .LL2 { height: 110px; margin-top: 20px; }

.con3 .L1 .C2-1 .LL2 .pic, .con3 .L1 .C2-1 .LL2 .pic img { width: 160px; height: 112px; float: left; overflow: hidden; }

.con3 .L1 .C2-1 .LL2 dl { width: 550px; float: left; margin-left: 20px; }

.con3 .L1 .C2-1 .LL2 dl dt { font-size: 24px; line-height: 28px; text-align: center; height: 28px; overflow: hidden; font-weight: bold; }

.con3 .L1 .C2-1 .LL2 dl dd { font-size: 14px; line-height: 28px; text-align: left; height: 80px; overflow: hidden; }

.con3 .L1 .C2-1 .list { margin-top: 15px; border-top: 1px solid #e7e5e3; }

.con3 .L1 .C2-1 .list li { width: 565px; margin-right: 14px; float: left; background: url("../images/cli_bg6.png") 5px center no-repeat; }

.con3 .L1 .C2-2 { display: none; width: 360px; }

.con3 .L1 .C2-2 .LL1 { font-size: 42px; line-height: 2; text-align: left; color: #0099FF; background: url(../images/_c_bg1.png) left bottom no-repeat; }

.con3 .L1 .C2-2 .LL1 a { color: #0099FF; }

.con3 .L1 .C2-2 .LL2 { margin-top: 20px; }

.con3 .L1 .C2-2 .LL2, .con3 .L1 .C2-2 .LL2 img { width: 360px; height: 261px; overflow: hidden; }

.con4 { margin-top: 70px;}

.con4 .L1 { font-size: 42px; line-height: 2; text-align: left; color: #0099FF; background: url(../images/t2.jpg) center bottom no-repeat;display: block; width: 100%;height: 78px; margin-bottom: 30px;}

.con4 .L1 a { color: #0099FF; }

.con4 .L2 { height: 220px; position: relative; overflow: hidden; padding-top: 50px; }

.con4 .L2 .timeline-wrap { width: 1200px; height: 200px; background: url(../images/_4_bg1.png) left bottom no-repeat; }

.con4 .L2 .list { position: relative; }

.con4 .L2 .list .li { left: 00px; top: 200px; font-size: 14px; line-height: 1.5; text-align: center; color: #8F8F95; cursor: pointer; }

.con4 .L2 .list .li a { color: #8F8F95; }

.con4 .L2 .list .li:hover .p1 { color: #45b1f8; }

.con4 .L2 .list .li:hover .p2 {color: #fff; }

.con4 .L2 .list .li1 { left: 10px; top: 35px; }

.con4 .L2 .list .li2 { left: 170px; top: -55px; }

.con4 .L2 .list .li3 { left: 340px; top: 10px; }

.con4 .L2 .list .li4 { left: 500px; top: -85px; }

.con4 .L2 .list .li5 { left: 740px; top: -30px; }

.con4 .L2 .list .li6 { left: 940px; top: -20px; }

.con4 .L2 .list .li7 { left: 1125px; top: 0px; }

.con4 .L2 .list .li8 { left: 950px; top: -90px; }

.con4 .L2 .list .p1 { margin-top: 40px; }

.con4 .L2 .list .p2 { line-height: 69px; margin-top: 40px; width: 69px; height: 69px; overflow: hidden; background: url(../images/_4_bg2.png) left bottom no-repeat; }

.con5 .L1 { margin-top: 20px; font-size: 42px; line-height: 2; text-align: left; color: #0099FF; }

.con5 .L1 a { color: #0099FF; }

.con5 .L1 .link1, .con5 .L1 .link2 { background: url(../images/_c_bg1.png) left bottom no-repeat; float: left; }

.con5 .L1 .link1 { width: 771px; }

.con5 .L2 .C2-1 { width: 715px;margin-top: 70px; }

.con5 .L2 .C2-1 .LL1 { width: 715px; height: 186px; overflow: hidden; border: 1px solid #ccc; margin-bottom: 20px; position: relative; background: url(../images/_5_bg1.png) 252px 20px no-repeat; }

.con5 .L2 .C2-1 .LL1 .a1{display: block;width: 100%;height: 100%;background: url(../images/ad1.jpg)no-repeat center;}

.con5 .L2 .C2-1 .LL1 .a2{display: block;width: 100%;height: 100%;background: url(../images/ad2.jpg)no-repeat center;}
.con5 .L2 .C2-1 .LL1 .pic, .con5 .L2 .C2-1 .LL1 .pic img { width: 226px; height: 137px; float: left; overflow: hidden; }

.con5 .L2 .C2-1 .LL1 dl { width: 346px; margin-left: 70px; padding-top: 10px; float: left; }

.con5 .L2 .C2-1 .LL1 dl dt { font-size: 22px; line-height: 28px; text-align: center; overflow: hidden; font-weight: bold; }

.con5 .L2 .C2-1 .LL1 dl dd { font-size: 14px; line-height: 28px; text-align: left; color: #969696; height: 60px; overflow: hidden; }

.con5 .L2 .C2-1 .LL1 dl dd a { color: #969696; }

.con5 .L2 .C2-1 .LL1 .more { width: 70px; height: 25px; overflow: hidden; font-size: 18px; line-height: 25px; text-align: center; color: #fff; background: #0099ff; }

.con5 .L2 .C2-1 .LL1 .more a { color: #fff; }

.con5 .L2 .C2-2 { width: 430px;margin-top: 70px; }
.con5 .L2 .C2-2 .t3{display: block;width: 100%;height: 78px;background: url(../images/t3.jpg)no-repeat center bottom;}
.con6 { margin-top: 20px; }

.con6 .C2-1 { width: 800px; margin-top: 70px;}

.con6 .C2-1 .LL1 {margin-bottom: 30px; font-size: 42px; line-height: 2; text-align: left; color: #0099FF; background: url(../images/t4.jpg) center bottom no-repeat;display: block;width: 100%;height: 78px; }

.con6 .C2-1 .LL1 a { color: #0099FF; }

.con6 .C2-1 .LL2 { margin-top: 20px; width: 800px; height: 646px; overflow: hidden; background: #ccc; }

.con6 .C2-2 { width: 370px; height: 755px; background: url(../images/phone.jpg) left top no-repeat;margin-top: 67px; }

.con7 { margin-top: 70px; height: 257px; background: url(../images/foot.jpg) center center no-repeat; }

/*轮播样式*/
.flash, .flash .bd, .flash .bd1 { overflow: hidden; position: relative; }

#flash2 .prev, #flash2 .next { position: absolute; top: 220px; width: 54px; height: 61px; }

#flash2 .prev { left: 0px; background: url("../images/c_prev5.png") center center no-repeat; }

#flash2 .prev:hover { background: url("../images/c_prev5.png") center center no-repeat; }

#flash2 .next { right: 0px; background: url("../images/c_next5.png") center center no-repeat; }

#flash2 .next:hover { background: url("../images/c_next5.png") center center no-repeat; }

#flash1 .imgdesc, #flash2 .imgdesc { height: 40px; filter: alpha(opacity=60); opacity: 0.6; background: #0099ff; position: absolute; left: 0; bottom: 0px; width: 100%; }

#flash1 .imgdesc-txt, #flash2 .imgdesc-txt { position: absolute; bottom: 0px; z-index: 2; height: 30px; width: 100%; overflow: hidden; left: 0; }

#flash1 .imgdesc-txt li, #flash2 .imgdesc-txt li { padding-left: 10px; height: 40px; line-height: 40px; width: 100%; position: absolute; bottom: 20px; }

#flash1 .imgdesc-txt li a, #flash2 .imgdesc-txt li a { font-size: 14px; color: #FFF; }

#flash1 .hd, #flash2 .hd { position: absolute; z-index: 100; width: auto; top: 376px; overflow: hidden; text-align: right; left: 450px; }

#flash1 .hd, #flash2 .hd { padding-right: 20px; }

#flash1 .hd li, #flash2 .hd li { float: left; cursor: pointer; width: 10px; height: 10px; margin-right: 6px; background: #fff; border: none; color: #fff; text-align: center; border-radius: 50%; }

#flash1 .hd li.on, #flash2 .hd li.on { background: #00FFDC; }

#flash1 { /*@extend %flash-arrow1;*/ }

#flash1 .bd, #flash1 img, #flash1 { width: 600px; height: 400px; }

#flash2 { width: 1100px; height: 587px; }

#flash2 .bd, #flash2 img { width: 1100px; height: 587px; }

#flash2 .imgdesc, #flash2 .imgdesc-txt, #flash2 .imgdesc-txt li { bottom: 0px; text-align: left; padding-left: 20px; height: 100px; font-size: 18px; line-height: 24px; color: #fff; }

#flash2 .imgdesc a, #flash2 .imgdesc-txt a, #flash2 .imgdesc-txt li a { color: #fff; }

#flash2 .imgdesc a, #flash2 .imgdesc-txt a, #flash2 .imgdesc-txt li a { font-size: 20px; }

#flash2 .imgdesc-txt { width: 1040px; bottom: -10px; }

#flash2 .hd { display: none; left: 400px; top: 623px; }

#flash2 .hd li { width: 16px; height: 16px; line-height: 16px; background: url("../images/cli_bg3.png") center center no-repeat; }

#flash2 .hd li.on { background: url("../images/cli_bg3_on.png") center center no-repeat; }

/* #flashHeader{
   @include flash2(1020px,240px,1020px,240px);
    &,.bd li{
       position: absolute;
       left: 0;
       top: 0;
    }
    .bd li{opacity: 0;}


}*/
/*------------------------以下为slidebox-------------------------------------*/
.slidebox0 .hd { position: relative; width: 65px; height: 32px; float: left; overflow: hidden; }

.slidebox0 .hd li { font-size: 14px; line-height: 32px; text-align: center; font-weight: bold; border-left: 3px solid #E70000; }

.slidebox1 .hd { position: relative; height: 42px; border-bottom: 2px solid #5FB687; }

.slidebox1 .hd li { float: left; font-size: 24px; line-height: 42px; text-align: center; color: #5FB687; width: 120px; height: 42px; overflow: hidden; margin-right: 10px; }

.slidebox1 .hd li a { color: #5FB687; }

.slidebox1 .hd li.on { height: 37px; background: #fff; margin-top: 6px; color: #9D1200; line-height: 30px; }

.slidebox1 .hd li.on a { color: #9D1200; }

.slidebox1 .more { position: absolute; top: 0; padding-right: 12px; right: 5px; /*background: url("../images/c_more.png") right center no-repeat; */ font-size: 14px; line-height: 42px; }

.slidebox1 .more a { color: #333333; }

.slidebox1 .more span { font-family: 'sans-serif'; }

/* 首屏con2快讯轮播 */
.slidebox0 { /*border-bottom: 1px solid #BBBBBB;*/ padding-bottom: 10px; padding-top: 10px; }

/*首屏con2 C2-2|con3 LL2 */
/*---------------------------------picScroll*/
#picscroll1 { overflow: hidden; position: relative; }

#picscroll1 .hd { overflow: hidden; }

#picscroll1 .bd { width: 1100px; height: 232px; overflow: hidden; margin: 25px 60px; }

#picscroll1 .bd ul { overflow: hidden; zoom: 1; }

#picscroll1 .bd ul li { margin: 0 35px 0 0; padding: 15px; width: 300px; float: left; _display: inline; overflow: hidden; text-align: center; background: #fff; }

#picscroll1 .bd .title1 { font-size: 14px; line-height: 28px; text-align: center; color: #111111; position: absolute; }

#picscroll1 .bd .title1 a { color: #111111; }

#picscroll1 .bd .title2 { font-size: 14px; line-height: 20px; text-align: left; color: #545454; width: 158px; text-align: left; }

#picscroll1 .bd .title2 a { color: #545454; }

#picscroll1 .pic { background: #fff; margin: 10px 0px 0px 0px; }

#picscroll1 .pic img { width: 300px; height: 200px; display: block; }

#picscroll1 .prev, #picscroll1 .next { position: absolute; top: 95px; width: 50px; height: 50px; }

#picscroll1 .prev { left: 0px; background: url("../images/c_prev6.png") center center no-repeat; /*&:hover{background:url("../images/c_prev1_on.png") center center no-repeat};*/ }

#picscroll1 .next { right: 0px; background: url("../images/c_next6.png") center center no-repeat; /*&:hover{background:url("../images/c_next1_on.png") center center no-repeat};*/ }

#picscroll1 { margin-top: 10px; width: 1200px; height: 255px; overflow: hidden; }

#picscroll1 .pic { margin: 0; height: 200px; }

#picscroll1 .bd .title1 { display: none; position: absolute; width: 300px; height: 200px; overflow: hidden; background: url(../images/c_opt_bg1.png); }

#picscroll1 .bd .title1 .txt { display: table-cell; width: 300px; height: 200px; overflow: hidden; vertical-align: middle; font-size: 18px; line-height: 1.5; text-align: center; color: #fff; }

#picscroll1 .bd .title1 .txt a { color: #fff; }

#picscroll1 .bd ul li:hover .title1 { display: block; }

/*----------以下为页脚----------*/
#footers { width: 100%; margin: 0 auto; color: #2a2a2a; }

#footer { width: 980px; text-align: center; line-height: 30px; margin: 0 auto; padding-top: 20px; }

#footer a { padding: 0 20px; font-size: 12px; color: #2a2a2a; }

#copyright { width: 940px; margin: 0 auto; text-align: center; line-height: 30px; font-size: 12PX; }

#copyright a { color: #2a2a2a; }

#copyright pre { font-size: 12px; }

#copyright pre a { color: #2a2a2a; }

/*#footers {  height: 122px; padding-bottom: 40px; }*/
/*#footers #footer { padding-top: 40px; }*/
#footers { margin-top: 40px; height: 171px; background: url("../images/_footerbg.jpg") center top repeat-x; }

.animation-element { opacity: 0; position: relative; }

.animation-element.in-view { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); }

@-webkit-keyframes timeline-bg { 0% { -webkit-transform: translate(-1200px, 400px) rotate(30deg) scale(0.2); transform: translate(-1200px, 400px) rotate(30deg) scale(0.2); }
  100% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); transform: translate(0px, 0px) rotate(0deg) scale(1); } }

@keyframes timeline-bg { 0% { -webkit-transform: translate(-1200px, 400px) rotate(30deg) scale(0.2); transform: translate(-1200px, 400px) rotate(30deg) scale(0.2); }
  100% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); transform: translate(0px, 0px) rotate(0deg) scale(1); } }