body, div, dl, dt, dd, ul, ol, ul, li, h1, h2, h3, h4, h5, h6, p, span, a, b, strong, object, iframe, label, img, blockquote, ins, del, select, form, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-weight: normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
table { border-collapse: collapse; border-spacing: 0 }
a { text-decoration: none; }
li { list-style: none outside none }
fieldset,
img { border: 0 none }
textarea { resize: none }
input:focus,
select:focus,
textarea:focus,
a:focus { outline: 0 none }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1 }
.c:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*+html .c{display:inline-block;}
* html .c{height:1%;}
em { font-style: normal; }
.center { width: 1260px; margin: 0 auto; }
.left { float: left; }
.right { float: right;  }
.relative { position: relative; }
.absolute { position: absolute; }
.block { display: block; }
.hide{ display:block; text-indent:9999px; line-height:9999px; overflow:hidden;}
.wh100 {  display: block; width: 100%; height: 100%; }
.none {display: none;}
.col-l,.col-m{ float: left; height: 100%; position: relative;}
.col-r{ float: right; height: 100%;position: relative;}
.center{ width: 960px;  position:relative; margin: 0 auto;}
.title,.content{float: left;}
a{ color: #615e5c; cursor: pointer;}
a:hover{color: #000;}
body{ width: 100%; min-width: 1000px;
 position: relative;
font:14px/1.2  "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,Helvetica,Arial,Microsoft Yahei,sans-serif; }
body.home{background:url(../images/section_01.jpg) no-repeat  center 0;}
body.home1{background:url(../images/banner1.jpg) no-repeat  center 0;}


.icon{ display: block; background-image: url(../images/logo.png);  /*background-image: url(http://static.sdg-china.com/csgj/pic/Web1/icon.png?v11);*/ background-repeat: no-repeat ; }
.wrap{ width: 960px; margin: 0 auto; position: relative;}

.footer{ width: 100%; height: 132px;}
.logo{ width: 200px; height: 103px;position: absolute; top:14px; left:95px;}

.nav{ display: block; width:720px ; height: 96px; line-height: 20px; float: left; margin-left: 330px; }
.nav li{ display: block; width:120px ; height: 96px; text-align: center; float: left;position: relative;}
.nav li a{ display: block; height: 66px; color: #eaeaea; font-size: 16px; font-weight: bold; padding-top: 30px; position: relative; z-index: 2;  }
.nav li a i{ color: #5d5d5d; font-size: 10px; font-family: helvetica; text-transform:uppercase; padding: 0; font-style: normal;}
.nav li.on a{ }
.nav li.on a i{ color: #f67e82;}

.nav li .menu-list{ display: block; position: absolute; left: 0; top: 0px;  width: 120px;  text-align: center; height: 0; overflow: hidden; background: #e21919; z-index: 1;  }
.nav li .menu-list .clearfix{ height: 100px;}
.nav li.on .menu-list{height:96px;}
.nav li.on .menu-list1{height:240px;border-radius:0 0 50px 50px ;}
.nav li.on .menu-list2{height:290px;border-radius:0 0 50px 50px ;}
.nav li.on .menu-list3{height:240px;border-radius:0 0 50px 50px ;}

.nav li .menu-list a{ display: block; width: 120px; height: 30px; line-height: 30px; color: #fdfdfd; font-size: 13px; padding: 0; position:  relative; z-index: 20;}

.header { background: rgba(0,0,0, 0.3); width: 100%; height: 90px;}

.header .weixin { display: block; width: 140px; height: 41px; position:absolute; top: 28px; right:30px; background-position:-566px 0 ;}
.header .weixin span{ display: block; width: 150px; height: 0; position: absolute; top: 45px; left: -5px;background-position:-562px -58px ; overflow: hidden;}
.header .weixin:hover span{ height: 180px; }
.adTop{ width: 135px; height: 38px; position: absolute; top:345px; left: 310px;}
.more{ display: block; width: 124px; height: 38px; border: 1px solid #464646;  line-height:38px ; color: #464646; font-size: 18px; position: relative; overflow: hidden; }
.more span{ display: block; position: absolute; left: 15px; top:0;}
.more i{ font-style: normal; display: inline-block;position: absolute; left: 95px; top:0; font-size: 22px;opacity: 1; }
.more span,.more i{-webkit-transition:all 0.3s  ease-in;
    -moz-transition: all 0.3s  ease-in;
    -ms-transition: all 0.3s  ease-in;
    -o-transition: all 0.3s  ease-in;
    transition: all 0.3s  ease-in;} 
.more:hover{color: #464646;}    
.more:hover span{  left: 28px;  }  
.more:hover i{  left: 150px; opacity: 0;  }  

.bg { display: none; background-color: #000; width: 100%; height: 100%; left: 0; top: 0; /*FF IE7*/ filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; z-index: 1000; position: fixed; /*FF IE7*/ _position: absolute; }

.close_layer { position: absolute; width: 60px; height: 60px; right: 5px; top: 0px; }
.hide { display: block; text-indent: -9999em; line-height: 999px; overflow: hidden; }


.videoBox{ width:708px; height:520px; margin-left:-354px; margin-top:-260px; background:#000;}
.videoBox .close_layer{ width:40px; height:40px; right:-40px; top:0; background-position:-759px 0 ; }
.vTab{ display:block; width:100%; height:66px;}
.vTab a{ display:block; width:235px;  height:100%; float:left; background-color:#505050; color:#b0b0b0; font-size:22px; line-height:66px; text-align:center;  border-right:1px solid #000;}
.vTab a.on{ background-color:#9f2525; color:#ffffff;}
.vVideo{ width:100%; height:454px;}

.videoBox1{ width:708px; height:454px; margin-left:-354px; margin-top:-260px; background:#000;}
.videoBox1 .close_layer{ width:40px; height:40px; right:-40px; top:0; background-position:-759px 0 ; }
.vVideo1{ width:100%; height:454px;}



.ydFlash{ width:163px ; height: 90px; z-index: 1; position: absolute; top:101px; left: 0;}
.ydAdBtn{ display: block; width:130px; height: 40px; position: absolute; z-index: 3; top: 131px; left: 21px;}
.ydAdCLose{ display: block; width:30px; height: 30px; position: absolute; top: 35px; left: 22px;}
.form-control{ border: 1px solid #0b0205; background: #f2f2f2; padding: 2px 5px; line-height: 36px; position: absolute; font-family: "微软雅黑"; color: #333; font-size: 18px; }
#mobile{ width: 340px; top: 128px; left:373px;}
 
#ydBtn{ display: block; width:171px ; height: 50px;   position: absolute; top: 195px; left: 465px;}
#ydBtn:hover{background-position: -900px -191px;}
 
.sectionA{background: transparent; height: 865px;}

.SAVideo a{ display:block; width:172px; height:94px;animation: quan 20s infinite linear; -webkit-animation: quan 20s infinite linear; -ms-animation: quan 20s infinite linear;}
.sectionA .downlinks{ display:block; width: 335px;height: 132px; position: absolute; top:435px ; left: 0;}
.downlinks a.icon-downAndriod{ width: 200px;height:64px; background-position: 0 0; position: absolute; top: 0; left: 0; }
.downlinks a.icon-downIos{ width: 200px;height:64px; background-position: 0 -68px;  position: absolute; top: 68px; left: 0;}
.downlinks a.icon-2dcode{ width: 131px;height:131px; background-position: -206px 0px;  position: absolute; top: 0px; left: 204px;}
/*.yyBtn{ d width:393px; height:139px;background: url('http://static.sdg-china.com/csgj/pic/Web1/btn0611.png') no-repeat center 0; position:absolute; top:486px; left:-10px; }


.downlinks a.icon-downAndriod:hover{ background-position: 0 -640px; }
.downlinks a.icon-downIos:hover{background-position: 0 -708px;}
*/

.downlayer{  display:none; width:317px; height: 230px; position: absolute; z-index: 999; }

.downlayer a{display: block; width: 124px; height: 64px; position: absolute; top:60px; left: 173px;}

/*幻灯*/
#focus{ display: block; position: absolute; top: 575px; left: 0; width:475px; height: 245px; }
.sectionA .imgs{ display: block; position: absolute; top: 0; left: 0; width: 475px; height: 245px; overflow: hidden;}
.sectionA .imgs ul{ display: block; width: 1000px; height: 245px; position: absolute; top: 0; left: 0;}
.sectionA .imgs li { display: block;width: 475px; height: 245px;  float: left;}
.sectionA .imgs li a ,.sectionA .imgs li a img{ display: block; width: 100%; height: 100%; }
.sectionA .imgs li img{	-webkit-transition: all 0.8s ;
    -moz-transition: all 0.8s ;
    -ms-transition: all 0.8s ;
    -o-transition: all 0.8s  ;
    transition: all 0.8s ;}
.sectionA .imgs li a:hover img{ transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);}

.sectionA .ctrl{ width: 100px; height: 12px; position: absolute; top:221px; left:30px;}
.sectionA .ctrl a{ display: inline-block; margin-right: 4px; width: 12px; height:12px;}
.sectionA .ctrl a span{ display: block; width: 100%; height: 100%;background: #fff; border-radius: 6px;}
.sectionA .ctrl a:hover span,.sectionA .ctrl a.on span{ background: #ffd646;opacity: 1;}

/*首页新闻*/
.newServer{ width: 300px; height: 26px; padding-left: 175px; position: absolute; top: 540px; left: 485px; text-align: center; color: #fff; font-size: 14px; line-height: 26px; background-position: 0 -685px;}
.roll-wrap{ width: 100%; height: 26px; overflow: hidden;}
.roll-wrap li{ height: 26px;}
.sectionA .news{ width: 475px; height: 245px;  position: absolute; top:575px; left: 485px; background-color: #fff;  }
.sectionA .news .title{ display: block; width: 100%; height: 43px;background:#7e7c66;position: relative;  }
.sectionA .news .title li{ width:80px;display: block; height: 43px; float: left; }
.sectionA .news .title li a{ width:100%;display: block; height: 40px; line-height:40px;text-align: center; color: #fff; font-size: 14px;border-top: 3px solid #7e7c66;}
.sectionA .news .title li.on a,.sectionA .news .title li:hover a{ background-color:#ffffff ; color: #000;border-top: 3px solid #b80000;}
.sectionA .news .title .more{position: absolute; top:10px ; right: 10px; width: 20px; height: 20px; display: block; background-position: -502px -688px; border: none;}
.sectionA .news .content{ width:475px; height:200px;position: relative; overflow: hidden;}
.sectionA .news .content .contentList{width:4800px; position: absolute; top: 0; left: 0;}
.sectionA .news .content ul{ display: block;width:475px; height: 200px; float: left;}
.sectionA .news .content li{ display: block; width: 100%; float: left; height:40px ; line-height: 40px;  overflow: hidden; position: relative ;}
.sectionA .news .content li a{ display: block; width:475px; font-size: 14px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; text-indent:60px; }
.sectionA .news .content li a i{ display:block; width: 40px; height: 20px; background-color: #c6c39e;font-style: normal; position: absolute; left: 10px; top: 10px; text-indent:0px; line-height: 20px; text-align: center; color: #fff;}
.sectionA .news .content li span{ position: absolute ; top: 0; right:15px;text-indent:0px; color: #b7b7b7; }
 .sectionA .news .content li:first-child{   height: 55px; margin-bottom: 10px;  }
.sectionA .news .content li:first-child a{margin: 0 10px; height: 54px;line-height: 54px; width: 455px; color: #b35656; text-align: center; text-indent: 0;border-bottom: 1px solid #dcdcdc;font-size:18px;}
.sectionA .news .content li:first-child i,.sectionA .news .content li:first-child span{ display: none;}

/*sectionB*/
.sectionB{background: transparent; height:670px;}
.sectionB h2.title{ width:200px ; height: 80px; position: absolute; top: 0px; left: 0;background-position:0 -282px ;}
.sectionB .ad1{ display: block; width:475px; height: 130px;position: absolute; top:80px; left: 0;}
.sectionB .ad2{ display: block; width:475px; height: 130px;position: absolute; top:80px; right: 0;}
.sectionB .ad1 img,.sectionB .ad2 img{
    width: 475px; height: 130px;
    -webkit-transition: all 0.8s ;
    -moz-transition: all 0.8s ;
    -ms-transition: all 0.8s ;
    -o-transition: all 0.8s  ;
    transition: all 0.8s ;}
.sectionB .ad1:hover  img,.sectionB .ad2:hover img{ transform: scale(1.02);-webkit-transform: scale(1.02);-ms-transform: scale(1.02);-o-transform: scale(1.02);-moz-transform: scale(1.02);}
.glBox{ width: 662px; height: 500px; position: absolute;top: 220px; left: 299px;}
.helpBox{ width: 260px; height: 366px; position: absolute; top: 241px; left: 0;}
.faqBtn{ display: block; width: 260px; height: 66px; background-position: 0 -778px; margin-bottom: 5px;}
.helpBox .title{ height: 35px; width: 257px; background-color: #eee; line-height: 35px; border-left: 3px solid #d1d1b6; color: #4d4d4d;font-size: 15px; text-align: center; float: left;}
.helpBox .chbzBox{padding: 10px 0; background-color: #fafafa;float: left; width: 100%;}
.helpBox .chbzBox .search_bar{width: 210px; height: 35px; }
.helpBox .chbzBox .search_bar .inside_box{ height: 33px;}
.helpBox .chbzBox .search_bar  .searchBox input.search{ height: 33px;border: 1px solid #b5b5b5; padding: 0; text-indent: 10px; font-size: 14px; color: #c0c0c0; width: 176px; padding-right: 30px;}

.zxkfBox,.qqBox{padding:20px 0; background-color: #fafafa;float: left; width: 100%;}


.helpUlDIv{ display: block; width: 210px; height:46px; overflow: hidden; margin: 0 auto;}

.helpUl{ display: block; width: 210px; margin: 0 auto;}
.helpUl li{ display: block; height: 20px; line-height: 20px; margin-bottom: 5px; color: #a9a9a8; font-size: 15px;}
.helpUl li a{color: #a9a9a8; }
.helpUl li span{ display: inline-block; text-align: center; width: 70px;  height: 18px; line-height: 18px; border:1px solid #9a966f; font-size: 13px; border-radius: 8px;margin-right: 10px;}

/*sectionC*/
.sectionC{  height: 428px; position: relative;}
.sectionC h2.title{ width:200px ; height: 80px; position: absolute; top: 0px; left:0;background-position:0 -194px ;z-index: 30;}
.sectionC .imgs{ display: block; position: absolute; top: 90px; left: 0; width: 960px; height:337px; overflow: hidden;}
.sectionC .imgs ul{ display: block; width: 100%;   height:100%; position: absolute; top: 0; left: 0;}
.sectionC .imgs li { display: none;width: 100%;   height:100%;   float: left; position:absolute;top: 0; left: 0; z-index: 1;}
/*.sectionC .imgs li .role{ display: block; width: 100%;   height:100%; position: absolute; top: 0; right: -100%;}
.sectionC .imgs li .tit{ display: block; width: 700px; height: 50px; position: absolute; top:278px ; left: -1500px;}
.sectionC .imgs li .img{ display: block; width: 700px; height: 400px;position: absolute; top:390px ; left:  -1500px;}
.sectionC .imgs li.on{z-index: 10;}
.sectionC .imgs li.on .role{  right: 0;}
.sectionC .imgs li.on .tit{ left: 0;}
.sectionC .imgs li.on .img{left: 0px;}*/


.sectionC .imgs li.on{ display: block;}
.sectionC .imgs li.li1{ background:  url(../images/hd1.jpg) no-repeat  center bottom; }
.sectionC .imgs li.li2{ background:  url(../images/hd2.jpg) no-repeat  center bottom; }
.sectionC .imgs li.li3{ background:  url(../images/hd3.jpg) no-repeat  center bottom; }
.sectionC .imgs li.li4{ background:  url(../images/hd4.jpg) no-repeat  center bottom; }
.sectionC .imgs li.li5{ background:  url(../images/hd5.jpg) no-repeat  center bottom; }


.sectionC .ctrl{ width: 100px; height: 12px; position: absolute; top:390px; left:290px; z-index: 20;}
.sectionC .ctrl a{ display: inline-block; margin-right: 4px; width: 12px; height:12px;}
.sectionC .ctrl a span{ display: block; width: 100%; height: 100%;background: #fff; border-radius: 6px;}
.sectionC .ctrl a:hover span,.sectionC .ctrl a.on span{ background: #ae3939;}
.sectionC a.next{ width:20px ; height: 70px; position: absolute; top: 220px; left:635px;background-position:-511px 0 ;z-index: 30; opacity: .7;}
.sectionC a.prev{ width:20px ; height: 70px; position: absolute; top: 220px; left:20px;background-position:-433px 0 ;z-index: 30; opacity: .7;}
.sectionC a.next:hover,.sectionC a.prev:hover{opacity: 1;}

.sectionD{ height:190px;  }
.sectionD h2.title{ position: absolute; top: 32px; left:0;background-position:-720px -668px ; display: block; width: 100px; height: 40px; }
.sectionD .logs{ display: block; width: 980px; height: 83px; position: absolute; top: 68px; left:0; overflow: hidden; }
.sectionD .logs a img { width: 182px; height: 83px;}
.sectionD .logs ul li { float: left; width: 182px; height: 83px;margin-right: 10px;}

.sectionE{ height: 190px; margin-top: 60px;   }
.home .sectionE{ height: 190px;   margin: 0; border-top: 1px solid #c7c7c7;}
.sectionE .links{ display: block; width: 960px; height: 80px; text-align: center; position: absolute; top: 30px; left:0; }
.sectionE .links a{ display: inline-block; width: 76px; height: 76px; margin-right: 55px; background-color: #FFF; border-radius: 38px; text-align: left ; overflow: hidden; color: #FFF; line-height: 16px; font-size: 12px;position: relative;}
.home .sectionE a{ border: 1px solid #c9c9c9; background-color: #f2f2f2;}

.sectionE .links a i{ display: block; width: 76px; height: 76px;border-radius: 38px; float: left; }
.sectionE .links a span{ display: none;  }
.sectionE .links a:hover span{ display: block; width: 110px; position: absolute; top: 23px; left: 90px; }
.sectionE .links a:hover span em{ display: block; width: 60px; height: 16px; text-align: center; color:#474747 ; background: #ffe034; margin-top: 2px; }

.sectionE .links a.link1 i{ background-position:0px -406px ;}
.sectionE .links a.link2 i{ background-position:-132px -406px ;}
.sectionE .links a.link3 i{ background-position:-264px -406px ;}
.sectionE .links a.link4 i{ background-position:-397px -406px ;}
.sectionE .links a.link5 i{ background-position:-528px -406px ;}
.sectionE .links a.link6 i{ background-position:-634px -406px ;}
.sectionE .links a:hover{background-color: #e21919; width:210px; }

.sectionE .links a.link1:hover i{ background-position:0px -525px ;}
.sectionE .links a.link2:hover i{ background-position:-132px -525px ;}
.sectionE .links a.link3:hover i{ background-position:-264px -525px ;}
.sectionE .links a.link4:hover i{ background-position:-397px -525px ;}
.sectionE .links a.link5:hover i{ background-position:-528px -525px ;}
.sectionE .links a.link6:hover i{ background-position:-634px -525px ;}

.sectionE .links a.link4:hover{ width:240px; }

.sectionE .links a.link4:hover span{  width: 240px; }


.sider{ width: 60px; height: 300px; display: none; z-index: 50; position: fixed; right: 30px; top: 50%; margin-top: -150px;}
.sider a{ display: block; width: 60px; height: 60px; float: right; border-radius:30px; background: #e21919; margin-top: 20px; position:relative; overflow: hidden;}
.sider a i{ position:absolute; top: 0; right: 0;display: block; width: 60px; height: 60px;border-radius:30px; background-color: #e21919; }
.sider a span{ display: none;}
.sider a:hover{ width: 160px;}
.sider a:hover span{ display: block; width: 100%; float: left; line-height: 60px; color:#fdfdfd; font-size: 15px; text-indent: 40px;}
.sider a.icon-sider1 i{ background-position:-453px -154px ;}
.sider a.icon-sider2 i{ background-position:-453px -228px ;}
.sider a.icon-sider3 i { background-position:-453px -303px ;}
.sider a.icon-sider4 i { background-position:-453px -352px ;}
.sider a.icon-sider4 { background: none; overflow: visible; }
.sider a.icon-sider4:hover{ width:211px;}
.sider a.icon-sider4:hover span{ background-position:-623px -260px ;display: block; width: 150px; height: 140px; top: -38px; left: 0px; position: absolute;}

/*新闻列表*/

.sectionInT{ height: 420px;}

.sectionInT .downlinks{ width: 335px;height: 130px; position: absolute; top:160px ; left:620px;}
/*.sectionInT .downlinks a.icon-downAndriod{ width: 197px;height:64px; background-position: 0 -860px; position: absolute; top: 0; left: 0; }
.sectionInT .downlinks a.icon-downIos{ width: 197px;height:64px; background-position: 0 -926px;  position: absolute; top: 65px; left: 0;}
.sectionInT .downlinks a.icon-2dcode{ width: 130px;height:130px; background-position: -199px -860px;  position: absolute; top: 0px; left: 199px;}

.sectionInT .downlinks a.icon-downAndriod:hover{ background-position: 0 -1005px; }
.sectionInT .downlinks a.icon-downIos:hover{background-position: 0 -1071px;}*/
 
.sectionInM{ height: auto; margin-top:428px;}
.sectionInM .title{ width:110px;border-left: 2px solid #e21919;   height: 13px; line-height: 13px;   font-size: 13px; color: #333; text-indent: 8px; float: right;  }
.sectionInM  .title a{color: #666;}
.sectionInM  .title span{ padding: 0 5px; color: #666; }
.sectionInM .content{ width: 100%; min-height:500px; }
.sectionInM .newslist dl{ display: block; width: 100%; height: 40px; border-bottom: 1px solid #bfbfbf; }
.sectionInM .newslist dd{ display: block; width: 110px; height: 40px; line-height: 28px;float: left; text-align: center; color: #797979; font-size: 25px; cursor: pointer;}
.sectionInM .newslist dd.on{ color: #e21919; font-weight: bold; border-bottom: 2px solid #e21919; }
.sectionInM .newslist{ width: 100%; float: left;  }
 
.newsbox{ display: none;}
.newsbox li{ display: block; width: 100%; float: left; height:50px ; line-height: 50px; overflow: hidden; position: relative ; border-bottom: 1px  dashed #dbdbdb;}
.newsbox li  a{color: #464646;}
.newsbox li span{ position: absolute; top: 5px; right: 0; color: #868686;}


.pager  { text-align: center; height: 30px; line-height:24px;    margin-top: 43px;
    margin-bottom: 50px }
.pager a{ color: #7b7b7b; font-size: 14px; padding: 0 5px;}
.pager a.current{ color: #464646; }
.pager .p2,.pager .p1{ display: inline-block; padding:0 12px; margin: 0 8px; border: 1px solid #464646; color: #464646;}
.pager .p2:hover,.pager .p1:hover{ background:#464646 ; color: #FFF;}

/*新闻内容*/
.article { padding:25px 40px ;}
.article h2{ color: #151515; font-size: 30px; line-height: 80px; padding-top: 5px; text-align: center;}
.article .des{ line-height: 40px; color: #797979; border-top: 1px solid #bfbfbf; position: relative; text-align: center;}
.article .ashare{ width: 300px; height: 24px; position: absolute; left: 560px; top: 8px;line-height: 24px; text-indent: 0; text-align: left; }
.article .ashare .jiathis_style{ position: absolute; left: 60px; top:4px;}
.abody{ font-size:16px; line-height:1.8em; color:#383838; padding-top: 8px;}
.abody strong,.abody em,.abody h1,.abody h2,.abody h3,.abody h4,.abody h5,.abody h6{font-weight: bold;}

.abody p{ margin:0.8em 0}
.abody .blue{color:#c09e00;}
.abody  a{ color:#3466af;}
.abody  a:hover{ text-decoration:underline}

/*游戏资料*/
.data .sectionInM .content{ background-color: #ebebeb;}
.sectionInM .datalist dl{ display: block; width: 100%; height: 38px; background: #c1bba9;  }
.sectionInM .datalist dd{ display: block; width: 100px; height: 38px; line-height: 38px;float: left; text-align: center; color: #606060; font-size: 15px; cursor: pointer;font-weight: bold; }
.sectionInM .datalist dd.on{ color: #e8dcdc; background: #822929;  }
.sectionInM .datalist{ width: 100%; float: left;}

.databox{ display: none; position: relative; padding: 30px; color: #666666; float: left; width:900px ;}
.databox li{ display: block; width: 100%; float: left; height:50px ; line-height: 50px; overflow: hidden; position: relative ; border-bottom: 1px  dashed #dbdbdb;}
.databox li  a{color: #464646;}
.databox li span{ position: absolute; top: 5px; right: 0; color: #868686;}

.databox .tese h4{ font-size: 20px; text-indent: 30px; color: #424242; line-height: 40px; position: relative; border-bottom: 1px solid #b8b8b8; margin-bottom: 25px;margin-top: 25px;}
.databox .tese h4 span{ display: block; position: absolute; top: 11px; left:20px; width: 4px; height: 20px; border-radius: 2px; background: #c43636;}
.databox .tese h5{ display: block; background-color: #c43636; width: 150px; height: 30px; border-radius: 15px; text-align: center;line-height: 30px; color: #FFF; font-size: 16px;  }
.databox .tese img{ display: block; margin: 50px 0;}
.databox .tese p{ font-size: 16px; text-indent: 2em; color: #666; line-height: 30px; width: 100%; margin: 10px 0; }

.databox .job{ display: none; height:500px ; margin-top: 20px;}
.databox .job img{ margin-left: 10px;}
.databox .job p{margin-top: 30px; line-height: 20px;}
.databox .jobCtrl{ width: 100%; height: 23px; border-bottom: 1px solid #c9c9c9; text-align: center; margin-bottom: 100px;}
.databox .jobCtrl a{ display: inline-block; width : 46px; height: 46px; text-align: center; line-height: 46px; color: #555555;font-size: 13px;font-weight: bold; margin-left: 40px; position: relative;}
.databox .jobCtrl a span{ display: inline-block; width: 46px; height: 46px; background-color: #c9c9c9;  -webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.databox .jobCtrl a em{ display: inline-block; width: 46px; height: 46px;position: absolute; top: 0; left: 0;}
.databox .jobCtrl a:hover,.databox .jobCtrl a.on{ color: #fff;}
.databox .jobCtrl a:hover span,.databox .jobCtrl a.on span{ background: #822929;}

.databox .page{ width: 100%; height: 50px; float: left; line-height: 50px; color: #000000; text-align: center; }
.databox .page a{ padding-left: 5px;}
.databox .page a:hover,.databox .page a.on{ color: #822929;}
/*技能*/
.databox .skills{ display: block; width: 175px; height: 600px; margin:40px 0 0 100px; float: left;} 
.databox .skills a{ display: block; width: 82px; height: 82px; float: left; margin: 0 5px 5px 0;}
.databox .skills a img{ display: block; width: 82px; height: 82px;}
.skillTips{ display:none; background: #faf3e0; padding: 15px; border:2px solid #c1bba9; position: absolute;}
.skillTips span{ display:block; color: #696969; font-size:13px; line-height: 20px;}
.skillTips i{ font-style:normal;}
.skillTips .s-name{ font-size: 13px; color: #3c3c3c; font-weight: bold; line-height: 20px; padding-bottom: 5px;}
 
.databox .tabtit{ width: 100%; height: 50px; background: #383838;text-align: center; }
.databox .tabtit a{display: inline-block; width: 160px; text-align: center; color: #d1d1d1; line-height: 46px; margin-top: 4px; margin-left:4px;font-size: 16px;}
.databox .tabtit a:hover,.databox .tabtit a.on{ background-color:#ebebeb ; color: #b43030;}
.databox .tabbox{display: none;}
.databox .item{ width:250px; height: 75px; padding-right: 40px; float:left; margin: 10px 10px 0 0; background: #f7f7f7;}
.databox .item img{ float: left; padding: 13px;}
.databox .item h4{ padding-top: 13px; font-weight: bold;}
.databox .item p{ font-size: 12px; line-height: 16px;}

#itemBox3.databox .tabbox{ width: 980px;}
#itemBox3.databox .item{ width: 90px; height: 145px; text-align: center; padding: 0; background: none;margin: 25px 25px 0 0;}
#itemBox3.databox .item img{ float: left;  width: 90px; height: 90px; padding: 0;}
#itemBox3.databox .item h4{ padding-top: 13px; font-weight: bold; line-height: 24px; padding-top: 6px;}
#itemBox3.databox .item p{ font-size: 12px; line-height: 16px;}

/**faq*/
.faq .sectionInM .content{ background-color: #ebebeb;}

.faqlist { background: #ebebeb; }
 
.faqlist dl{ display: block; width: 100%; height: 38px; background: #c1bba9;  }
.faqlist dd{ display: block; width: 100px; height: 38px; line-height: 38px;float: left; text-align: center; color: #606060; font-size: 15px; cursor: pointer;font-weight: bold; }
.faqlist dd.on{ color: #e8dcdc; background: #822929;  }
.faqlist dd.on a{ color: #E8DCDC;}
.faqlist{ width: 100%; float: left;}

 
.faqsbox { display: none; background-color: #383838; margin-top:30px;height: 50px; background: #383838;text-align: center; color: #d1d1d1; }
.faqsbox a{display: inline-block; padding: 0 20px; text-align: center; color: #d1d1d1; line-height:50px;}
/*.faqsbox a:hover,.faqsbox a.on{ background-color:#ebebeb ; color: #b43030;}
*/ 
.faqContent {   width: 860px; padding: 20px; margin: 0 auto; }
.faqContent h2 { line-height: 30px; color: #737386; font-size: 24px; float: left;}
.faqContent #faqC2{ float: left;}
.faqContent dl { display: block; width: 820px; padding:0 20px; float: left;  background-color: #f9f9f9; margin-top: 20px; }
.faqContent dt { height: 50px; width: 100%; line-height: 50px; border-bottom: 1px dashed #d1d1d1;  float: left; display: block; font-size: 14px; color: #666666;font-weight: bold; text-indent: 40px; background: url("http://static.sdg-china.com/csgj/pic/Web1/q.png") no-repeat 4px 12px; }
.faqContent dd { line-height: 50px;   float: left; display: block; font-size: 14px; color: #898989; width: 820px; text-indent: 40px; background: url("http://static.sdg-china.com/csgj/pic/Web1/a.png") no-repeat 4px 12px; }
.faqContent img{ display: block; margin: 20px auto;}

/*.topVideo{ width:483px;  height:223px; position: absolute; top:98px; left:277px;}*/
 
 /*动画*/
.animate-1{
	-webkit-transition: all 0.3s  ease-in;
    -moz-transition: all 0.3s  ease-in;
    -ms-transition: all 0.3s  ease-in;
    -o-transition: all 0.3s  ease-in;
    transition: all 0.3s  ease-in;
}
.animate-2{
	-webkit-transition: all 0.3s ;
    -moz-transition: all 0.3s ;
    -ms-transition: all 0.3s ;
    -o-transition: all 0.3s  ;
    transition: all 0.3s ;
}

.animate-3{
	-webkit-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 1.1s  cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
}
.on .animate-3{
	-webkit-transition:  all 1.1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
    -moz-transition:  all 1.1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
    -ms-transition:  all 1.1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
    -o-transition:  all 1.1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
}


.animate-4{
	-webkit-transition: all 0.3s ease-in ;
    -moz-transition: all 0.3s ;
    -ms-transition: all 0.3s ;
    -o-transition: all 0.3s  ;
    transition: all 0.3s ;
}


@-webkit-keyframes quan{
    0%{-webkit-transform:rotate(0);}
    100%{-webkit-transform:rotate(360deg);}
}
@-ms-keyframes quan{
    0%{-ms-transform:rotate(0);}
    100%{-ms-transform:rotate(360deg);}
}
@keyframes quan{
    0%{transform:rotate(0);}
    100%{transform:rotate(360deg);}
}

/*
.header{ top:46px;}
#g_plus{ position:fixed !important; width:100% !important;}

*/