@charset "utf-8";
/* CSS Document */
.top{
    background:#002949
;
    }
.top_con{
    width:1100px;
    margin:0 auto;
    font-family:"Microsoft YaHei";
    color:#FFF;
    height:32px;
    line-height:32px;
    }
.top_con span{
    float:left;
    font-size:12px;
    }
.top_con p{
    float:right;
    width:109px;
    background:url("tel_ico.jpg")/*tpa=http://www.sdgjgl.com/Statics/Common/images/tel_ico.jpg*/ no-repeat left center;
    text-align:right;
    font-size:13px;
}
.logo_nav{
    width:1100px;
    margin:0 auto;
}
.logo_nav h1{
    width:344px;
    float:left;
}
.logo_nav .nav{
	/*  width:705px;*/
	 width:750px;
	float:right;
	height: 101px;
	
}

.nav .item-wrapper{
   /* width:77px;*/
    float:left;
    margin:0 16px 0 10px;
    position: relative;
    /*height:101px;*/
    z-index: 100;
    border-bottom: transparent 3px solid; /*transparent边框透明，起到占位的作用*/
}
.nav .item-wrapper:last-child{
    margin-right:0;
}
.nav .item-wrapper .item-title{
    display:block;
    text-align:center;
    color:#000;
    font-size:15px;
    font-family:"Microsoft YaHei";
    line-height:115px;
    height:98px;
}
.nav .item-wrapper .item-child{
    position: absolute;
    top: 78px;
    text-align: center;
    width: 77px;
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-in/*设置高度动画时间0.3s   ease-out表示过渡速度是由慢到快，不写此属性默认是匀速过渡*/  
    /*transition: all 1s;  也可以写all把所有的属性用all代替   */
    /*这里的属性与:hover里的内容不同才会触发过渡，如果不加transition属性，动画很生硬，加上后又一个柔和渐变的过程，
    如果不想要过渡效果的话直接把这个属性去掉即可*/
}
.nav .item-wrapper .item-child .item-child-item{
    height: 30px;
    background:#002949
;
}

.nav .item-wrapper:hover{
    border-bottom:#063138 3px solid;
}
.nav .item-wrapper:hover .item-child{
    height: 100px;
}
.nav .item-wrapper .item-child li a{
	color:#fff;
	font-size:13px;
	}
#banner{width:100%;overflow:hidden;position:relative;}
#banner li{font-size:0}
#banner li img{width:100%;}
/*xiangmu*/
.xm_four{
    width:100%;
    background:url("xm_back.jpg")/*tpa=http://www.sdgjgl.com/Statics/Common/images/xm_back.jpg*/ repeat-x;
    }
.xm_four_con{
    width:1100px;
    margin:0 auto;
    padding:47px 0 52px 0;
    }
.xm_four_con dl{
    width:229px;
    float:left;
    padding:0 17px 8px 17px;
    border-left:#e0e0e0 1px solid;
    }
.xm_four_con dl:first-child{
    border:0;
    }
.xm_four_con dt{
    text-align:center;
    }
.xm_four_con dd{
    text-align:center;
    font-family:"Microsoft YaHei";
    }
.xm_four_con dd h2{
    color:#000;
    font-size:18px;
    font-weight:normal;
    height:40px;
    line-height:40px;
    margin-top:10px;
    }
.xm_four_con dd p{
    color:#9a9a9a;
    font-size:13px;
    line-height:22px;
    }
/*youshi*/
.youshi{
    width:1100px;
    margin:30px auto 0 auto;
    background:url("youshi_titi.jpg")/*tpa=http://www.sdgjgl.com/Statics/Common/images/youshi_titi.jpg*/ no-repeat top center;
    padding-top:65px;
    }
.un_tit{
    text-align:center;
    color:#333;
    font-size:14px;
    margin-bottom:35px;
    font-family:"Microsoft YaHei";
    }
.ys_list dl{
    width:492px;
    float:left;
    overflow:hidden;
    margin:0 115px 42px 0;
    }
.ys_list dl:nth-child(2n){
    margin-right:0;
    }
.ys_list dt{
    width:130px;
    float:left;
    }
.ys_list dd{
    font-family:"Microsoft YaHei";
    width:335px;
    float:right;
    }
.ys_list dd h2{
    font-size:17px;
    color:#000;
    font-weight:normal;
    height:30px;
    line-height:30px;
    }
.ys_list dd p{
    font-size:13px;
    color:#929292;
    line-height:22px;
    margin-top:5px;
    }
/*shijing*/
.shijing{
    background:url("fg_bor.jpg")/*tpa=http://www.sdgjgl.com/Statics/Common/images/fg_bor.jpg*/ no-repeat top center;
    width:1100px;
    margin:0 auto;
    padding-top:40px;
    }
.shijing li{
    width:238px;
    height:163px;
    padding:5px;
    border:#ddd 1px solid;
    margin-right:20px;
    }
/*about*/
.about{
   /* background:url("about_back.jpg") no-repeat;*/
    background:url("about_back.jpg");
    margin-top:26px;
    padding:46px 0 43px 0;
    }
.about_con{
    width:1100px;
    margin:0 auto;
    }
.about_ny{
    width:639px;
    float:right;
    background:url("about_name.png")/*tpa=http://www.sdgjgl.com/Statics/Common/images/about_name.png*/ no-repeat left top;
    padding-top:41px;
    margin-top:15px;
    }
.about_con img{
    width:408px;
    float:left;
    }
.about_ny a{
    display:block;
    background:url("view_more.jpg")/*tpa=http://www.sdgjgl.com/Statics/Common/images/view_more.jpg*/ no-repeat;
    width:111px;
    height:30px;
    margin-top:28px;
    }
.about_ny p{
    font-size:13px;
    color:#FFF;
    font-family:"Microsoft YaHei";
    line-height:29px;
    }
/*new*/
.news{
    background:url("new_tit.jpg")/*tpa=http://www.sdgjgl.com/Statics/Common/images/new_tit.jpg*/ no-repeat top center;
    padding-top:62px;
    margin:35px auto 0 auto;
    width:1100px;
    }
.new_list dl{
    background:#f7f7f7;
    border-bottom:#c3c3c3 7px solid;
    width:245px;
    float:left;
    padding-bottom:17px;
    margin-right:40px;
    }
.new_list dl:nth-child(4){
    margin-right:0;
    }
.new_list dd{
    font-family:"Microsoft YaHei";
    padding:0 13px;
    }
.new_list dd h2{
    font-size:16px;
    color:#000;
    font-weight:normal;
    height:47px;
    line-height:47px;
    margin-top:3px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }
.new_list dd p{
    font-size:12px;
    color:#999;
    line-height:23px;
    }
.new_list dd a{
    display:block;
    background:url("more_ico.png")/*tpa=http://www.sdgjgl.com/Statics/Common/images/more_ico.png*/ no-repeat left center;
    font-size:13px;
    color:#999;
    padding-left:27px;
    height:22px;
    line-height:22px;
    margin-top:15px;
    }
/*hezuo*/
.hezuo{
    width:1100px;
    margin:45px auto 0 auto;
    background:url("hezuo_tit.jpg")/*tpa=http://www.sdgjgl.com/Statics/Common/images/hezuo_tit.jpg*/ no-repeat top center;
    padding-top:62px;
    }
.hezuo table{
    border-bottom:#dcdcdc 1px solid;
    border-right:#dcdcdc 1px solid;
    }
.hezuo table tr{
    border-bottom:#dcdcdc 1px solid;
    border-right:#dcdcdc 1px solid;
    }
.hezuo table td{
    border-left:#dcdcdc 1px solid;
    border-top:#dcdcdc 1px solid;
    }

/*合作案例css动画函数*/
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.hezuo .img-wrapper{
    display: block;
    overflow: hidden
}

/*animation css定义动画 transition css定义过渡 两者都是css动画效果，animiate可以不用被触发可以循环。transition只能被触发并且不能循环*/
.hezuo .img-wrapper:hover img{
    animation:flipInY 2s;
    -webkit-animation:flipInY 2s;
    -ms-animation:flipInY 2s;
}

/*link*/
.link{
    border:#dcdcdc 1px solid;
    background:url("link_tit.jpg")/*tpa=http://www.sdgjgl.com/Statics/Common/images/link_tit.jpg*/ no-repeat 25px center;
    height:46px;
    line-height:46px;
    padding:15px 0;
    width:940px;
    margin:22px auto 0 auto;
    padding-left:158px;
    font-family:"Microsoft YaHei";
    font-size:13px;
    }
.link a{
    font-size:13px;
    color:#333;
    }
/*bottom*/
.bottom{
    background:#002949;
    margin-top:20px;
    }
.bottom_con{
    width:1100px;
    margin:0 auto;
    font-family:"Microsoft YaHei";
    padding:35px 0 29px 0;
    }
.contact,.hx_yw{
    width:220px;
    float:left;
    }
.hx_yw{
    margin-left:100px;
    }
.contact li,.hx_yw li,.yw_xm li{
    font-size:12px;
    color:#c5c5c3;
    font-size:12px;
    height:30px;
    line-height:30px;
    }
.contact p,.hx_yw p,.yw_xm p{
    color:#FFF;
    font-size:17px;
    height:46px;
    line-height:46px;
    letter-spacing:1px;
    }
.hx_yw li a,.yw_xm li a{
    color:#c5c5c3;
    }
.yw_xm{
    width:540px;
    float:right;
    }
.yw_xm li{
    float:left;
    width:254px;
    }
/*foot*/
.foot{
    background:#001729;
    }
.foot_con{
    height:40px;
    line-height:40px;
    font-family:"Microsoft YaHei";
    color:#FFF;
    font-size:12px;
    width:1100px;
    margin:0 auto;
    overflow:hidden;
    }
.foot_con p{
    width:525px;
    float:left;
    }
.foot_con p img{
	position:relative;
	right:5px;
	}

.foot_con span{
    float:right;
    }
/*page_about*/
.ny_tit{
    background:#dcdcdc;
    height:53px;
    line-height:53px;
    }
.ny_tit_con{
    width:1100px;
    margin:0 auto;
    font-family:"Microsoft YaHei";
    }
.ny_tit_con p{
    float:right;
    text-align:right;
    font-size:12px;
    color:#999;
    }
.ny_tit_con p a{
    color:#999;
    }
.ny_tit_con span{
    height:32px;
    background:#002949
;
    font-size:17px;
    color:#FFF;
    float:left;
    text-align:center;
    line-height:32px;
    padding:0 25px;
    margin-top:10px;
    }
.page_about{
    width:1100px;
    margin:0 auto;
    padding-top:20px;
    }
.intro{
    font-size:14px;
    line-height:2em;
    font-family:"Microsoft YaHei";
    }
.qywh{
    margin-top:50px;
    }
.qywh p{
    width:260px;
    height:219px;
    float:left;
    color:#808080;
    font-size:13px;
    font-family:"Microsoft YaHei";
    margin-left:20px;
    padding-top:145px;
    }
.qywh p:first-child{
    margin-left:0;
    }
.shiming{
    background:url("wh_back1.jpg")/*tpa=http://www.sdgjgl.com/Statics/Common/images/wh_back1.jpg*/ no-repeat center;
    text-align:center;
    letter-spacing:1px;
    }
.qywh .yuanjing{
    background:url("wh_back2.jpg")/*tpa=http://www.sdgjgl.com/Statics/Common/images/wh_back2.jpg*/ no-repeat center;
    padding-left:30px;
    width:230px;
    }
.jiazhi{
    background:url("wh_back3.jpg")/*tpa=http://www.sdgjgl.com/Statics/Common/images/wh_back3.jpg*/ no-repeat center;
    text-align:center;
    letter-spacing:1px;
    }
.qywh .zongzhi{
    background:url("wh_back4.jpg")/*tpa=http://www.sdgjgl.com/Statics/Common/images/wh_back4.jpg*/ no-repeat center;
    padding:145px 16px 0 16px;
    width:228px;
    }
.qywh p span{
    display:block;
    letter-spacing:1px;
    }
.qywh p span:nth-child(2){
    margin-top:10px;
    }
.qywh p span:nth-child(3){
    margin-top:10px;
    padding-left:42px;
    }
/*list_img*/
.list_img{
    width:1100px;
    margin:0 auto;
    }
.list_img dl{
    width:258px;
    float:left;
    margin:25px 22px 0 0;
    }
.list_img dl:nth-child(4n){
    margin-right:0;
    }
.list_img dt{
    position:relative;
    }
.list_img dt a{
    display:block;
    width:228px;
    height:147px;
    border:#FFF 1px solid;
    position:absolute;
    top:15px;
    left:15px;
    }
.list_img dd a{
    height:38px;
    line-height:38px;
    display:block;
    color:#333;
    font-size:13px;
    padding:0 15px;
    background:#ebebeb;
    }   
/*list_new*/
.list_new{
    width:1100px;
    margin:0 auto;
    }
.list_new dl{
    border-bottom:dotted 1px #a8a8a8;
    padding:20px 8px;
    }
.list_new dl:last-child{
    border-bottom:0;
    }
.list_new dt{
    width:180px;
    float:left;
    }
.list_new dd{
    width:878px;
    float:right;
    font-family:"Microsoft YaHei";
    }
.list_new dd h2{
    font-size:17px;
    color:#000;
    font-weight:normal;
    margin-top:7px;
    }
.list_new dd h2:hover{
    color:#326ac2;
    }
.list_new dd p{
    color:#747474;
    font-size:13px;
    line-height:24px;
    margin-top:5px;
    }
.list_new dd span{
    color:#8f8f8f;
    font-size:12px;
    display:block;
    line-height:30px;
    border-bottom:solid 1px #eee;
    }
/*show*/
.show{
    margin-top:25px;
    width:1100px;
    margin:25px auto;
    }
.show h1,.fabu{
    text-align:center;
    }
.show h1{
    font-size:26px;
    font-weight:normal;
    font-family:"Microsoft YaHei";
    margin-bottom:10px;
    }
.show .fabu{
    font-size:13px;
    color:#99a1a5;
    font-family:"Microsoft YaHei";
    height:30px;
    line-height:30px;
    }
.detail{
    font-size:14px;
    line-height:2em;
    font-family:"Microsoft YaHei";
    color:#333;
    margin-top:15px;
    }
.prv,.show .next,.prv a,.show .next a{
    font-size:13px;
    color:#333;
    font-family:"Microsoft YaHei";
    height:28px;
    line-height:28px;
    }
.prv{
    margin-top:25px;
    }
.prv a:hover,.show .next a:hover{
    text-decoration:underline;
    }

.page a,.page span{display: inline-block;padding: 5px 10px;border:1px solid #999;margin:2px;color:#999;margin-top:10px;}
.page .prev,.page .next{padding:5px;margin:0px;}
.page .current{background: #999;color:#fff;}






.kode_footer_2{float:left;width:100%;position:relative;padding:60px 0 30px;background-repeat:repeat;background-position:center;background-image:url(extra-images/footer2-bg.jpg)}.kode_footer_2 .logo{padding:0;margin-bottom:26px}.kode_footer_2 .kf_contact_meta{margin-bottom:0}.kode_footer_2 .kf_contact_meta span{color:#adadad;border-color:#adadad}.kode_footer_2 .go-up{top:0;left:0;right:0;width:70px;height:37px;margin:0 auto;position:absolute;text-align:center}.kode_footer_2 .go-up i{position:relative;margin:0;font-size:33px;top:-6px}.kode_footer_2 .go-up:before{position:absolute;left:0;right:0;top:0;bottom:0;content:"";border-top:37px solid #000;border-bottom:0 solid transparent!important;border-right:35px solid transparent!important;border-left:35px solid transparent!important}