.wrap{ width:100%; overflow:hidden; margin:0px auto; background:#fff;}

.index_head .head{ height:80px;}
.index_head .header h1 a{ height:60px; margin-top:10px;}
.navlist,.search{ margin-top:30px;}



.slide_nav{position: fixed;width: 25px;left:1%;top:15%;background: url("../images/xian.png") center repeat-y;z-index:999;}
.slide_nav li{ width:100%; overflow: hidden;}
.slide_nav li a{display: block;background: url("../images/icon11.png") center top no-repeat;line-height: 18px; }
.slide_nav li p{ display:none; color:#fff;float:left;margin-left: 0px;width: 25px;text-align:center;transition:all 0.3s;padding: 5px 0px;margin-bottom: 10px;}
.slide_nav li span{display:block;width:100%;overflow:Hidden;text-align: center; height:75px;}
.slide_nav li .span2{ height:13px;}
.slide_nav li.navSelect a{ background: url("../images/icon22.png") center top no-repeat; height:auto; }
.slide_nav li.navSelect p{display:block; color:#fff;background:#f3b73f;  }
.slide_nav li.navSelect i{display:block;width:100%;height:7px;background:url("../images/icon.png") center no-repeat;margin-top: 14px;}
.slide_nav li.navSelect span{ height:auto;}
.slide_nav li.navSelect .span2{ display;block; width:13px; height:13px;}
/*首页*/
.banner{ width:100%; overflow: hidden; }
.banner img{ width:100%; display: block;}
.banner a{ display:block; overflow:hidden;}
/*关于我们*/
#content2{ width:100%; overflow: hidden; background:url("../images/bj1.jpg") center no-repeat;}
.about{ width:1200px; margin:120px auto; overflow: hidden; position: relative; }
.about_img{ cursor: pointer; width:650px; height: 478px; float: left; overflow: hidden;}
.about_img .image{  width:100%; height: 388px;  overflow: hidden; position: relative;}
.about_img img{ width:100%; height: 100%; display: block; transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; -moz-transition:all 0.6s;}
.about_img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.about_info{ width:100%; height:90px;  background:#434343; color:#fff; overflow: hidden;}
.about_info p{ width:95%; margin:20px auto 15px auto; color:#fff;}
.about_info span{ display: block; width:95%; margin:0px auto; font-size:12px; height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.about_text{ position: absolute; top:0px; right:0px; z-index:1; overflow: hidden; }
.about_text .about_tit{position: relative; width:100%; overflow: hidden;}
.about_tit .huayuan i{ display: block;}
.about_tit .huayuan b{ font-size:30px;}
.about_tit .huayuan{left:53px; top:255px;  position:absolute; font-size:24px; color:#474747;  font-family:Constantia; font-weight: bold; letter-spacing: 2px; }
.about_text img{ width:100%; overflow: hidden; }
.about_text .info{ width:450px; margin-right:70px; color:#474747; font-size:12px; line-height: 25px; float:right; margin-top:15px;}

/*我们的服务*/
#content3{ width:100%; overflow: hidden; background:url("../images/bj2.jpg") center no-repeat;}
.service{ width: 1200px; margin:120px auto 0px auto; overflow: hidden;}
.service .service_tit{ width:170px; overflow: hidden; float: left;}
.service .title{ float: left; width:148px; height: 230px; background:rgba(0,0,0,0.3); border:1px solid #a29c7e;}
.service .title p{ font-family:"宋体"; font-size:24px; color:#f3b73f; line-height: 25px; width:1420px; margin-left:27px; margin-top:20px; border-bottom:1px solid #b09358; padding-bottom:10px;}
.service .title b{ color:#fff; font-size:16px; font-weight: normal; margin-left:27px; line-height:30px; letter-spacing: 5px; display: block; margin-top:10px;}

.service_list{ width:1015px; float:right; overflow:hidden;}
.service_list li{ width:195px; margin-left:55px; float:left;  margin-bottom:30px; position: relative;}
.service_list li a{display: block;width:155px;height: 210px;overflow: hidden;margin-left:25px;margin-top:20px;}
.service_list li a span{display: block;font-size:12px;color:#fff;border-bottom: 1px solid #fff;line-height: 20px;padding-bottom:10px; text-transform: uppercase;}
.service_list li p{ margin-top:20px; color:#fff;}
.service_list li .xian{ position: absolute; content: ''; top:0px; left:0px; width:100%; height:100%; cursor: pointer; z-index:-1;}
.xian span{ position: absolute; transition:all 0.5s;  opacity:0.5;  -webkit-transition:all 0.5s; -o-transition:all 0.5s; -moz-transition:all 0.5s;}
.xian .x1{ width:1%; height:1px; top:0px; right:0px; }
.xian .x2{ width:1px; height:1%; bottom:5%; right:0px; }
.xian .x3{ width:1%; height:1px; bottom:0px; left:0px;}
.xian .x4{ width:1px; height:1%; top:5%; left:0px;}
.service_list li:hover .xian span{background:#f9c956;}
.service_list li:hover .xian .x1,.service_list li:hover .xian .x3{ width:70%;}
.service_list li:hover .xian .x2,.service_list li:hover .xian .x4{ height:70%;}
.service_list li:hover span{ color:#f3b73f; border-bottom:1px solid #f3b73f; }
.service_list li:hover p{ color:#f3b73f;}
.service_list li a.more{ width:150px; height: 30px; line-height: 30px; text-align: center; color:#fff; font-size:12px; border:1px solid #fff; margin-top:70px; transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; -moz-transition:all 0.6s;}
.service_list li a.more:hover{ background:#f9c956;}
.service_list .img{ width:66px; height: 61px; overflow: hidden; margin-top:20px;}
.service_list li.one .img{ background:url("../images/icon1.png") no-repeat;}
.service_list li.two .img{ background:url("../images/icon2.png") no-repeat;}
.service_list li.three .img{ background:url("../images/icon3.png") no-repeat;}
.service_list li.four .img{ background:url("../images/icon4.png") no-repeat;}
.service_list li.five .img{ background:url("../images/icon5.png") no-repeat;}
.service_list li.six .img{ background:url("../images/icon6.png") no-repeat;}
.service_list li.serven .img{ background:url("../images/icon7.png") no-repeat;}
.service_list li.one:hover .img{ background:url("../images/icon01.png") no-repeat;}
.service_list li.two:hover .img{ background:url("../images/icon02.png") no-repeat;}
.service_list li.three:hover .img{ background:url("../images/icon03.png") no-repeat;}
.service_list li.four:hover .img{ background:url("../images/icon04.png") no-repeat;}
.service_list li.five:hover .img{ background:url("../images/icon05.png") no-repeat;}
.service_list li.six:hover .img{ background:url("../images/icon06.png") no-repeat;}
.service_list li.serven:hover .img{ background:url("../images/icon07.png") no-repeat;}

/*精选案例*/
#content4{ width:100%; background:#f8f8f8; overflow:hidden; }
#content4 .case{ margin-top:60px;}
#content4 .case_info{ display:none;}
#content5 .title{ margin-top:100px;}
.case{ width:1200px; overflow: hidden; margin:0px auto;}
.case .title{ width:1005px; margin:50px auto 0px auto; background:url("../images/tit_bj.png") center no-repeat; text-align:center;}
.case .title p{ line-height: 20px;}
.case .title b{ font-weight: normal; letter-spacing: -1px;}
.case .title .case_tit{ width:345px; margin:0px auto;}
.case  .case_tit p{font-size:24px; color:#434343; display: inline-block; padding-right:15px; border-right:2px solid #000;}
.case .case_tit b{  font-size:24px; color:#f4c772; margin-left:15px;}
.case .case_info{ width:100%; text-align: center; font-size:12px; color:#898989; line-height: 35px;}
.case .case_li{width: 100%;margin:15px auto;overflow: hidden;text-align: center;}
.case .case_li  li{width:115px;display: inline-block;border:1px solid #d7d7d7;box-sizing:border-box;border-left:0px;margin-left: -5px;}
.case .case_li li:first-child{ border-left:1px solid #d7d7d7; }
.case_li a{ display: block; width:100%; font-size:12px; color:#474747; line-height: 30px; }
.case_li li.on{ border:1px solid #a3a3a3; background:#f5be39;}

.case_show{ width:1200px; margin:5px auto; display: none;}
.case_list{ width:100%; position: relative; background:#2f383d;  }
.case_list li{ float: left; overflow: hidden; width:40%; height:200px;}
.case_list li.one{ width:60%;  }
.case_list li .case_img{ height:100%; overflow: hidden; position: relative; float: left; }
.case_list .case_img img{ display: block; width:100%; overflow: hidden; height:100%;transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; -moz-transition:all 0.6s;}
.case_list .case_img:hover img{transform: scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.case_list i{ position: absolute;  width:9px; height: 22px;background:url("../images/em1.png") no-repeat; right:0px; top:50%; margin-top:-11px;}
.case_list i.em01{ left:0px; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg);}
.case_list .case_info1{ float: left; background:#2f383d; width:250px;height: 100%; overflow: hidden; position: relative; transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; -moz-transition:all 0.6s;}
.case_list .case_info1:hover{ background: #3c97ca;}
.case_list .case_info1 .c_info{ display: block; width:85%; margin:0px auto; color:#fff;}
.case_info1 .c_info p{ color:#fff; line-height: 70px;  height:60px; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.case_info1 .c_info span{ font-size:12px; display: block; width:100%; line-height: 30px; height: 95px; overflow:hidden;}
.case_info1 .read_more{  display: block; width:100%; position: absolute; bottom:0px; left:0px; line-height: 37px; height: 37px; background:#21292c;}
.case_info1 .read_more p{ margin-left:20px; float: left; font-size:12px; color:#f9c956;}
.case_info1 .read_more b{ display: inline-block; float: right; width:35px; height: 37px;background: #000; overflow: hidden;}
.case_info1 .read_more b img{ display: block; margin:12px auto;}
.case_info1 .read_more b:hover img{ animation: dong 1s;}
@keyframes dong {
    0%{
        transform:translateX(0px);

    }25%{  transform:translateX(20px);

    }50%{  transform:translateX(-20px);opacity: 0;
    }75%{transform:translateX(0px);}100%{transform:translateX(0px);}
}
@-webkit-keyframes dong {
    0%{
        -webkit-transform:translateX(0px);

    }25%{  -webkit-transform:translateX(20px);

    }50%{  -webkit-transform:translateX(-20px);opacity: 0;
    }75%{-webkit-transform:translateX(0px);}100%{-webkit-transform:translateX(0px);}
}
@-o-keyframes dong {
    0%{
        -o-transform:translateX(0px);

    }25%{  -o-transform:translateX(20px);

    }50%{  -o-transform:translateX(-20px);opacity: 0;
    }75%{-o-transform:translateX(0px);}100%{-o-transform:translateX(0px);}
}
@-moz-keyframes dong {
    0%{
        -moz-transform:translateX(0px);

    }25%{  -moz-transform:translateX(20px);

    }50%{  -moz-transform:translateX(-20px);opacity: 0;
    }75%{-moz-transform:translateX(0px);}100%{-moz-transform:translateX(0px);}
}
.case_zu{ width:100%;  margin:0px auto; overflow: hidden;}
.g_box{ width:100%;  position:relative; overflow:hidden;}
.g_parent{ position: relative; width:760px; height:5px; margin:35px auto; border-radius:5px;  background-color:#e8e8e8;}
.g_child{ background:#f6bf39; border-radius:5px; position: absolute; width:50px; height:5px;}
.g_content{  position: absolute;  }

/*新闻中心*/
.new{ width:100%; overflow: hidden; background: #fff; margin-bottom:40px;}
.new_center{ width: 1198px; height: 460px; margin:0px auto; border:1px solid #eeefef;}
.new_left{ width:560px; float: left; margin:35px 0px 0px 20px;}
.new_left .new_img{ width:100%; overflow: hidden;}
.new_left .new_img img{ width:100%; height: 201px; display: block;  transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -moz-transition:all 0.5s;}
.new_left .new_img:hover img{  transform: scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.new_left p{  margin-top:10px; line-height: 50px; height:50px; overflow: hidden; font-size:16px; color:#595b5b; text-overflow: ellipsis; white-space: nowrap;}
.new_left i{ display: block;  font-size:12px; color:#595b5b;}
.new_left span { display:block; width:100%; height:50px; line-height: 25px; color:#959696; margin:20px 0px; overflow:hidden;}
.new_left a.more{ display: block; width:104px; height: 32px; overflow: hidden; line-height: 32px; border:1px solid #dcdcdc; font-size:12px; color:#595b5b; text-align: center; transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -moz-transition:all 0.5s;}
.new_left a.more:hover{ background:#f9c956; color:#fff;}
.new_right{ float: right; width:578px; border-left:1px solid #e5e4e4; margin:35px 20px 0px 0px;}
.new_right ul{ width:95%; float:right; overflow: hidden;}
.new_right ul li{ width:100%; overflow: hidden; border-bottom:1px solid #ebebeb; padding:25px 0px;}
.new_right ul li:last-child{ border:0px;}
.new_right ul li a{ display: block; width:440px; float: left; overflow: hidden;}
.new_right li a p{width:100%; height:30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#595b5b;}
.new_right li i{ color:#595b5b; display: block; font-size:12px; line-height: 25px;}
.new_right li span { font-size:12px; display:block; width:100%; height:25px; line-height: 25px; color:#959696; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.new_right li:hover a p{ color:#f9c956;}
.new_right .data{ float: right; width:73px; height: 80px; border:1px solid #d6d6d6; text-align: center; }
.new_right .data p{ display: block; line-height: 24px; font-weight: bold; color:#fff; background: #626362;}
.new_right .data b{ display: block; font-size:38px; color:#595b5b; line-height: 50px; font-family: "Arial"; font-weight: normal;}
.new_right li:hover .data{ border:1px solid #f6be37;}
.new_right li:hover .data p{ background:#f6be37;}

@media screen and (min-width:1900px){
.slide_nav{ left:10%; top:20%;}
.about{margin:260px auto;}
.service{ margin:240px auto;}
#content4 .case{ margin-top:100px;}
#content5 .title{ margin-top:210px;}
#content6{ padding:0px;}
#content4 .case_info{ display:block;}
.case_show{ margin:35px auto;}
.case_list li{ height:260px;}
.case_info1 .c_info span{ height:150px;}
.case .case_info{ line-height:45px; margin-top:10px;}
}