/* Shuang Deng Group
 * User: yangtao
 * Date: 15-3-26
 */
@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 arial,tahoma,\601D\6E90\9ED1\4F53,\5b8b\4f53;}
body{background:#FFF;color:#333;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,i{font-style:normal;}
fieldset,img{border:0;}
ul,ol,li{list-style:none;}
button,input,select,textarea{font-size:100%;outline:none}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#333;text-decoration:none;outline:none;}
a:hover{color:#00cc66;text-decoration:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear{clear:both;display:block;height:0;overflow:hidden;font-size:0;}
.hide{display:none;}
.wrapper{width:990px;min-width:990px;margin:0 auto;clear:both;}
.l{float:left;}
.r{float:right;}
body{font:14px/1.5 arial,"Source Han Sans","Hiragino Sans GB",sans-serif;background:#fff;}
/*main*/
html,body{width: 100%;height: 100%;overflow: hidden;}
.slide{position: relative; width: 100%;height: 100%; min-height: 1080px; overflow: hidden;}
.slide .info{position: absolute; top: 0; left: 0; width: 12400px; height: 100%;}
.slide .info img{display: block; float: left; height: 100%; }
.slide .info .pic{position: relative; float: left; width: 10400px; height: 1080px;}
.slide .info .pic1{width: 2000px;}
.slide .info .pic .bg{float: left; width: 1000px; height: 1080px;}
.slide .info .pic .bg-w{width: 400px;}
.slide .info .pic .DMark{position: absolute; top: 0; left: 0; width: 11000px; height: 1080px; z-index: 2;}
.slide .arrow-l,.slide .arrow-r{position: absolute; top:0; display: block; width: 100px; height: 100%; background: url(images/arrow.png) no-repeat left 50%; z-index: 4;filter:alpha(opacity=80);opacity: 0.8;}
.slide .arrow-l{left: 0;}
.slide .arrow-r{right: 0; background-position: -100px 50%;}
.slide .prev,.slide .next{position: absolute; top:0; display: block; width: 100px; height: 100%;z-index: 52;}
.slide .prev{left: 0;}
.slide .next{right: 0;}
.slide .prev:hover,.slide .next:hover{ background: #fff;  filter:alpha(opacity=30);opacity: 0.3;}
@-webkit-keyframes jMove { 0%{ -webkit-transform: translate(0px, 6px); } 50%{ -webkit-transform: translate(0px, 3px); } 100% { -webkit-transform:translate(0px,6px); } }
@-moz-keyframes jMove { 0%{ -moz-transform: translate(0px, 6px); }50%{ -moz-transform: translate(0px, 3px); } 100% { -moz-transform:translate(0px,6px); } }
@keyframes jMove { 0%{ transform: translate(0px, 6px); } 50%{ transform: translate(0px, 3px); }100% { transform:translate(0px,6px); } }
.ico{display: block; position: absolute; width: 48px; height: 70px; z-index: 50;}
.ico1{top:450px;left:280px;}
.ico2{top:515px;left:510px;}
.ico3{top:386px;left:860px;}
.ico4{top:194px;left:1178px;}
.ico5{top:648px;left:1430px;}
.ico6{top:270px;left:1720px;}
.ico7{top:370px;left:2190px;}
.ico8{top:480px;left:2800px;}
.ico9{top:216px;left:3970px;}
.ico10{top:170px;left:4960px;}
.ico11{top:114px;left:5484px;}
.ico12{top:280px;left:6250px;}
.ico13{top:120px;left:6820px;}
.ico14{top:530px;left:7170px;}
.ico15{top:108px;left:9030px;}
.ico16{top:470px;left:9734px;}
.error{display: none; position: absolute;top: 50%;left: 50%; margin: -30px 0 0 -150px; padding: 16px 30px; background: url(images/tips_bg.png); border: 1px solid #d4d4d4; border-radius: 6px; z-index: 200;}
.error span{display: block;color: #fff;line-height: 24px; padding-left: 32px;}
.error .i-error{display: block;float: left;width: 24px;height: 21px;background: url(images/error_bg.png) no-repeat;}
#grayLayer{display:none;position:absolute;left:0px;top:0;z-index:900;background:#000;filter:alpha(opacity=30);opacity:.3;}
.sd-win{/*display:none;*/ position:absolute;left: 50%;margin-left:-470px; width: 940px;height: 670px;background:#01cc67; border: 3px solid #01cc67; border-radius:5px; z-index:-10;}
.sd-win-content{ width: 940px;height: 670px;background:#FFF; border-radius:5px; background:#FFF;}
.sd-win-content .title{height: 60px; color: #00cc33; font-size: 26px; border-bottom: 2px solid #ccc; line-height: 60px; text-indent: 20px; font-weight: normal;}
.sd-win b.close{position:absolute;right:26px;top:16px;width:29px;height:29px;cursor: pointer;background: url(images/d_close.png) no-repeat;}
.sd-win b.close:hover{background-position: -29px 0;}
@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% {-webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; }}
@-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; }}
@keyframes flipInX {0% {transform: perspective(400px) rotateX(90deg);opacity: 0;}40% {transform: perspective(400px) rotateX(-10deg);}70% {transform: perspective(400px) rotateX(10deg);}100% {transform: perspective(400px) rotateX(0deg);opacity: 1;}}
.sd-win-main{padding: 20px;width: 900px;height: 630px;}
.sd-win-main .txt{color: #999;line-height: 24px;}
.sd-win-main .tit{padding: 14px 0; color: #333;font-size: 24px; font-weight: normal;}
.sd-d-scroll{ width:890px; }
.sd-d-scroll .viewport{ width: 880px; height:432px; overflow: hidden; position: relative; }
.sd-d-scroll .overview{ list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.sd-d-scroll .scrollbar{ background:transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 7px; }
.sd-d-scroll .track { height:100%; width:1px; position: relative;}
.sd-d-scroll .thumb { background:transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width:7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:-2px;}
.sd-d-scroll .disable { display: none; }
.sd-d-scroll{ user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}
.d-list{overflow: hidden; zoom: 1;}
.d-list li{position: relative; display: inline-block; margin: 0 20px 20px 0; float: left; width: 200px; height: 200px;}
/* .d-list li .p-txt{display: block;width: 200px;height: 200px;}
.d-list li img{display: block;width: 200px;height: 200px;}
.d-list li .d-txt{position: absolute; bottom: 0; left: 0; width: 200px; height: 44px; background: url(images/d_list_bg.png);color: #fff;line-height: 44px;text-align: center;overflow: hidden;} */
.back{display: block;float: left; height: 30px;  background: url(images/d_back.png) no-repeat; margin: 16px 0 0 20px; padding-left: 16px; color: #00cc33; font-size: 16px; font-weight: normal; line-height: 30px; }
.detail-pic{width: 880;overflow: hidden;zoom: 1;}
.detail-pic img{float: left;display: block;margin-right: 30px; width: 250px;height: 250px;}
.detail-pic .name{float: left;width: 580px;overflow: hidden;}
.detail-pic .name h4{color: #00cc33;font-size: 30px;padding-bottom: 10px; font-weight: normal;}
.detail-pic .name p{color: #999;line-height: 24px;overflow: hidden;}
.detail-pic .name .btn{display: block;float: left;width: 138px;height: 40px;border: 2px solid #67e185; border-radius: 4px; color: #66e085; font-size: 20px; line-height: 40px;text-align: center;}
.detail-txt{width: 860px; overflow-x:scroll; }
.detail-txt h4{padding: 10px 0;}
.detail-txt p{color: #999;line-height: 28px;}
.sd-d-scroll2 .viewport{ height: 568px; }
/*add*/
.g-dot{position: absolute; top: 0;left: 0; width: 48px; height: 70px; background: url(images/d_tips_bg.png) no-repeat;-webkit-animation: jMove 1.5s infinite; -moz-animation: jMove 1.5s infinite;animation: jMove 1.5s infinite;}
.g-box{position: absolute; padding: 18px 0 0 30px; width: 106px; height: 102px;background: url(images/box_bg.png) no-repeat;overflow: hidden; z-index: 52;}
.g-box .p-txt{display: block;width: 80px;height: 80px;}
.g-box img{display: block;width: 80px;height: 80px;}
.g-box .d-txt{position: absolute; top: 78px; left: 30px; width: 80px; height: 20px; background: url(images/d_list_bg.png);color: #fff;font-size: 9px; line-height: 20px;text-align: center;overflow: hidden;} 
.g-box .g-c-btn{display: block; position: absolute; top: 4px; right: 12px; width: 12px; height: 12px; cursor: pointer;}
.g-box1{top: -130px;left: -104px;-webkit-animation: ma .3s ease-in-out; -moz-animation: ma  .3s ease-in-out;animation: ma  .3s ease-in-out;}
.g-box2{top: -130px;left: 36px;-webkit-animation: mb .3s ease-in-out .02s; -moz-animation: mb  .3s ease-in-out .02s;animation: mb  .3s ease-in-out .02s;}
.g-box3{top: -64px;left: 164px;-webkit-animation: mc .3s ease-in-out .04s; -moz-animation: mc  .3s ease-in-out .04s;animation: mc  .3s ease-in-out .04s;}
.g-box4{top: 54px;left: 170px;-webkit-animation: md .3s ease-in-out .06s; -moz-animation: md  .3s ease-in-out .06s;animation: md  .3s ease-in-out .06s;}
.g-box5{top: 130px;left: 40px;-webkit-animation: me .3s ease-in-out .08s; -moz-animation: me  .3s ease-in-out .08s;animation: me  .3s ease-in-out .08s;}
.g-box6{top: 130px;left: -94px;-webkit-animation: mf .3s ease-in-out .1s; -moz-animation: mf  .3s ease-in-out .1s;animation: mf  .3s ease-in-out .1s;}
.g-box7{top: 66px;left: -230px;-webkit-animation: mg .3s ease-in-out .12s; -moz-animation: mg  .3s ease-in-out .12s;animation: mg  .3s ease-in-out .12s;}
.g-box8{top: -56px;left: -240px;-webkit-animation: mh .3s ease-in-out .14s; -moz-animation: mh  .3s ease-in-out .14s;animation: mh  .3s ease-in-out .14s;}
.ico-d .g-box1{top: 66px;left: -230px;-webkit-animation: mg .3s ease-in-out; -moz-animation: mg  .3s ease-in-out;animation: mg  .3s ease-in-out;}
.ico-d .g-box2{top: 130px;left: -94px;-webkit-animation: mf .3s ease-in-out .02s; -moz-animation: mf  .3s ease-in-out .02s;animation: mf  .3s ease-in-out .02s;}
.ico-d .g-box3{top: 130px;left: 40px;-webkit-animation: me .3s ease-in-out .04s; -moz-animation: me  .3s ease-in-out .04s;animation: me  .3s ease-in-out .04s;}
.ico-d .g-box4{top: 54px;left: 170px;-webkit-animation: md .3s ease-in-out .06s; -moz-animation: md  .3s ease-in-out .06s;animation: md  .3s ease-in-out .06s;}
.ico-d .g-box5{top: -64px;left: 164px;-webkit-animation: mc .3s ease-in-out .08s; -moz-animation: mc  .3s ease-in-out .08s;animation: mc  .3s ease-in-out .08s;}
.ico-d .g-box6{top: -130px;left: 36px;-webkit-animation: mb .3s ease-in-out .1s; -moz-animation: mb  .3s ease-in-out .1s;animation: mb  .3s ease-in-out .1s;}
.ico-d .g-box7{top: -130px;left: -104px;-webkit-animation: ma .3s ease-in-out .12s; -moz-animation: ma  .3s ease-in-out .12s;animation: ma  .3s ease-in-out .12s;}
.ico-d .g-box8{top: -56px;left: -240px;-webkit-animation: mh .3s ease-in-out .14s; -moz-animation: mh  .3s ease-in-out .14s;animation: mh  .3s ease-in-out .14s;}
@-webkit-keyframes ma { 0% { -webkit-transform: translate(60px,104px); opacity: 0; }  100% {-webkit-transform: translate(0,0); opacity: 1; }}
@-moz-keyframes ma { 0% { -moz-transform: translate(60px,104px); opacity: 0; opacity: 0; }  100% { -moz-transform: translate(0,0); opacity: 1; }}
@keyframes ma {0% {transform: translate(60px,104px);opacity: 0;} 100% {transform: translate(0,0); opacity: 1;}}

@-webkit-keyframes mb { 0% { -webkit-transform: translate(-76px,104px); opacity: 0; }  100% {-webkit-transform: translate(0,0); opacity: 1; }}
@-moz-keyframes mb { 0% { -moz-transform: translate(-76px,104px); opacity: 0; opacity: 0; }  100% { -moz-transform: translate(0,0); opacity: 1; }}
@keyframes mb {0% {transform: translate(-76px,104px);opacity: 0;} 100% {transform: translate(0,0); opacity: 1;}}

@-webkit-keyframes mc{ 0% { -webkit-transform: translate(-210px,50px); opacity: 0; }  100% {-webkit-transform: translate(0,0); opacity: 1; }}
@-moz-keyframes mc { 0% { -moz-transform: translate(-210px,50px); opacity: 0; opacity: 0; }  100% { -moz-transform: translate(0,0); opacity: 1; }}
@keyframes mc {0% {transform: translate(-210px,50px);opacity: 0;} 100% {transform: translate(0,0); opacity: 1;}}

@-webkit-keyframes md{ 0% { -webkit-transform: translate(-210px,-60px); opacity: 0; }  100% {-webkit-transform: translate(0,0); opacity: 1; }}
@-moz-keyframes md { 0% { -moz-transform: translate(-210px,-60px); opacity: 0; opacity: 0; }  100% { -moz-transform: translate(0,0); opacity: 1; }}
@keyframes md {0% {transform: translate(-210px,-60px);opacity: 0;} 100% {transform: translate(0,0); opacity: 1;}}

@-webkit-keyframes me{ 0% { -webkit-transform: translate(-90px,-150px); opacity: 0; }  100% {-webkit-transform: translate(0,0); opacity: 1; }}
@-moz-keyframes me { 0% { -moz-transform: translate(-90px,-150px); opacity: 0; opacity: 0; }  100% { -moz-transform: translate(0,0); opacity: 1; }}
@keyframes me {0% {transform: translate(-90px,-150px);opacity: 0;} 100% {transform: translate(0,0); opacity: 1;}}

@-webkit-keyframes mf{ 0% { -webkit-transform: translate(50px,-150px); opacity: 0; }  100% {-webkit-transform: translate(0,0); opacity: 1; }}
@-moz-keyframes mf { 0% { -moz-transform: translate(50px,-150px); opacity: 0; opacity: 0; }  100% { -moz-transform: translate(0,0); opacity: 1; }}
@keyframes mf {0% {transform: translate(50px,-150px);opacity: 0;} 100% {transform: translate(0,0); opacity: 1;}}

@-webkit-keyframes mg{ 0% { -webkit-transform: translate(180px,-80px); opacity: 0; }  100% {-webkit-transform: translate(0,0); opacity: 1; }}
@-moz-keyframes mg { 0% { -moz-transform: translate(180px,-80px); opacity: 0; opacity: 0; }  100% { -moz-transform: translate(0,0); opacity: 1; }}
@keyframes mg {0% {transform: translate(180px,-80px);opacity: 0;} 100% {transform: translate(0,0); opacity: 1;}}

@-webkit-keyframes mh{ 0% { -webkit-transform: translate(180px,30px); opacity: 0; }  100% {-webkit-transform: translate(0,0); opacity: 1; }}
@-moz-keyframes mh { 0% { -moz-transform: translate(180px,30px); opacity: 0; opacity: 0; }  100% { -moz-transform: translate(0,0); opacity: 1; }}
@keyframes mh {0% {transform: translate(180px,30px);opacity: 0;} 100% {transform: translate(0,0); opacity: 1;}}