/*主页*/
body{margin: 0px;padding: 0px;font-family: "微软雅黑";color: #666;background-color: #f7f7f7;}
.wrap{min-width: 320px;max-width: 640px;position: relative;height: auto;margin-right: auto;margin-left: auto;}
/*头部*/
header{line-height: 60px;background-color: #fff;display: block;height:60px;width: 100%;position: relative;}
.logo{display: block;background-image: url(../image/logo.png);background-repeat: no-repeat;background-position: left center;background-size:139px 40px;height:40px;width: 139px; margin-top:10px;}
/*导航*/
.nav{width: auto;display: inline-block;height: 100%;}
.btn-nav{position: absolute;background: transparent;border: none;cursor: pointer;z-index: 9999;top: 10px;right: 10px;}
.btn-nav span{background-color: #ff6600;display: block;height: 5px;width: 40px;margin-top: 6px;margin-bottom: 6px;}
.navBox{display:none;position: absolute;z-index: 9999;width: 100%;background-color:#333;top: 60px;}
.navCont{padding-right: 20px;padding-left: 20px;padding-top: 0px;padding-bottom: 20px;}
.navCont dl{padding-bottom: 5px;padding-top: 5px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #4d4d4d;}
.navCont dt{font-weight: 600;}
.navCont dt a{color: #fff;}
.navCont dd a{color: #ccc;margin-top: 10px;margin-right: 10px;display: inline-block;}
/*广告*/
.adv-box{margin-top: 15px;background-color: #fff;}
.adv-list{width: 100%;overflow: hidden;}
.adv-list li{float: left;width: 49%;text-align: center;overflow: hidden;display: block;padding-top: 15px;padding-bottom: 15px;}
.adv-list .wow_yx{border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #e5e5e5;border-bottom-color: #e5e5e5;}
.adv-list .wow_x{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e5e5e5;}
.adv-list .wow_y{border-right-width: 1px;border-right-style: solid;border-right-color: #e5e5e5;}
.adv-icon.adv-icon2{background-position: -40px 0;}
.adv-icon.adv-icon3{background-position: -80px 0;}
.adv-icon.adv-icon4{background-position: -120px 0;}
.adv-list li p{font-size: 18px;width: 100%;color: #666;line-height: 26px;display: block;*display: inline;*zoom: 1;}
.adv-list li i{display: block;}
.adv-list li .til{color: #565656;font-size: 18px;}
.adv-list .orange{color: #ff6600;font-size: 20px;font-weight: 500;}
/*服务项目*/
h1{font-size: 18px;line-height: 18px;color: #333;display: block;width: 100%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e4e4e4;padding-top: 10px;padding-bottom: 10px;background-color: #fff;overflow: hidden;margin-top: 15px;}
h1 em{display: block;float: left;border-left-width: 5px;border-left-style: solid;border-left-color: #FF6600;padding-left: 10px;margin-left: 10px;}
h1 a{color: #666;float: right;padding-right: 10px;font-size: 14px;}
.service{margin-top: 0px;width: 100%;margin-right: auto;margin-bottom: 0px;margin-left: auto;overflow: hidden;height: auto;background-color: #fff;}
.service li{float: left;width: 46%;height: auto;overflow: hidden;cursor: pointer;position: relative;padding: 2%;}
.service_img{width: 100%;overflow:hidden;}
.service_img img{margin: auto;width: 100%;border-radius:0px;transition: all 0.5s;}
.service li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}
.content_tit{color: #333;margin-top: 15px;text-align: center;font-weight: 600;}
.service .content a{border-radius: 4px;display: block;margin-top: 15px;margin-bottom: 0px;border: 1px solid #666;margin-right: auto;margin-left: auto;line-height: 2;width: 50%;text-align: center;}
.service li:hover .content a{border: 1px solid #ff6600;}
/* 案例展示*/
.case-box{overflow: hidden;height: auto;width: 100%;background-color: #fff;}
.case-list{overflow: hidden;width: 100%;padding-top: 10px;padding-bottom: 10px;position: relative;}
.case-list>li{display: block;float: left;width: 48%;margin: 1%;overflow: hidden;}
.case-list>li>a{display: block;overflow: hidden;position: relative;}
.case-list>li>a img{width: 100%;height: 12rem;}
.hover-case{position: absolute;bottom: 0;left: 0%;color: #fff;text-align: center;overflow: hidden;text-overflow: ellipsis;font-size:14px;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;background-color: #ff6600;height: auto;padding-top: 5px;padding-bottom: 5px;width: 0px;}
.case-list>li:hover .hover-case{width: 100%;}
/*公司简介*/
.about{padding: 10;background-color: #fff;text-indent: 2em;}
/*新闻*/
/*新闻*/
.news,contact,foot{display: block;width: 100%;overflow: hidden;margin-top: 15px;}
.news{background-color: #FFFFFF;overflow: hidden;}
#tags,#tagsa{height: 35px;width: 100%;clear: both;}
#tags li,#tagsa li{float: left;width:50%;height: 35px;line-height:35px;font-size: 14px;display: block;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ebebeb;}
#tags li a,#tagsa li a{display:block;text-align:center;}
#tags li.selectTag,#tagsa li.selectTag{height: 35px;}
#tags li.selectTag a,#tags li.selectTag a:active ,#tagsa li.selectTaga a,#tagsa li.selectTaga a:active{line-height:35px;height:35px;background-size:100%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ff6600;color: #FF6600;}
#tags li.selectTag a:hover,#tagsa li.selectTag a:hover{text-decoration:none;}
.news_i{display:block;padding-top: 10;padding-right: 10px;padding-bottom: 10;padding-left: 10px;}
.news_i li{line-height:30px;height:30px;overflow:hidden;border-bottom:1px dashed #cfd3d6;}
.news_i li:last-child{border:none;}
.news_i li a{font-size: 14px;}
.news_i li label{float:right;color:#999;}
#tagContent,#tagContenta{overflow:hidden;width: 100%;}
.tagContent,.tagContenta{display: none;}
#tagContent div.selectTag,#tagContenta div.selectTaga{display: block;}
.news-list li{overflow: hidden;display: block;margin-top: 15px;margin-right: 10px;margin-bottom: 0px;margin-left: 10px;}
.news .news-left{display: block;width: 120px;height: 100px;float: left;position: relative;z-index: 9;}
.news .news-right{padding-left: 130px;}
.news .news-right h3{font-weight: normal;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .news-right p{margin-top: 8px;font-size: 14px;color: #999;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;text-indent: 2em;}
/* 底部*/
.foot{font-size: 14px;background-color: #ebebeb;text-align: center;padding-top: 5px;padding-bottom: 65px;}
/*返回顶部*/
.fix-nav{display: none;position: fixed;left: 100%;bottom: 64px;width: 100%;margin-left: -60px;}
.fix-nav .fix-nav-wrap{background-color: rgba(148, 149, 148, 0.8);width: 50px;height: 50px;text-align: center;border-radius: 7px;}
.fix-nav .i-totop{width: 33px;display: block;margin: 0 auto 2px;padding-top: 8px;}
.fix-nav p{color: #fff;font-weight: bold;font-size: 12px;}
/*底部浮动*/
.social_nav{height: 55px;width: 100%;position: fixed;left: 0px;bottom: 0px;background-color:#32323a;background-image: linear-gradient(top, #32323a, #23232b);background-image: -webkit-linear-gradient(top, #32323a, #23232b);background-image: -moz-linear-gradient(top, #32323a, #23232b);background-image: -o-linear-gradient(top, #32323a, #23232b);background-image: -ms-linear-gradient(top, #32323a, #23232b);background-image: linear-gradient(top, #32323a, #23232b);z-index: 99;}
.social:before{content:'';height:1px;width:100%;background:#000;border-bottom:1px solid #4b4c57;position:absolute;top:0;left:0;}
.social:after{content:'';height:1px;width:100%;background:#000;border-top:1px solid #4b4c57;position:absolute;bottom:0;left:0;}
.social_nav a{display: block;height: 55px;width: 25%;float: left;font-size: 13px;color: #fff;text-align: center;line-height: 85px;position: relative;}
.social_nav .home{background-image: url(../image/foot1.png);background-repeat:no-repeat;background-size:24px 26px;background-position: center 5px;}
.social_nav .tel{background-image: url(http://kkk.dgyunyo.com/m/images/foot66.png);background-repeat:no-repeat;background-size:24px 26px;background-position: center 5px;}
.social_nav .sms{background-image: url(../image/foot3.png);background-repeat:no-repeat;background-size:26px 26px;background-position: center 5px;}
.social_nav .map{background-image: url(../image/foot4.png);background-repeat:no-repeat;background-size:22px 26px;background-position: center 5px;}
.social_nav img{position: absolute;padding-left: 15px;padding-top: 5px;width:24px;height:26px; animation-name: telshow;animation-duration: 1.0s;animation-timing-function: linear;animation-iteration-count: infinite;-webkit-animation-name: telshow;-webkit-animation-duration: 1.0s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-o-animation-name: telshow;-o-animation-duration: 1.0s;-o-animation-timing-function: linear;-o-animation-iteration-count: infinite;}
@keyframes telshow{0%{transform: rotate(0deg)}
5%{transform: rotate(-13deg)}
10%{transform: rotate(0deg)}
15%{transform: rotate(-13deg)}
20%{transform: rotate(0deg)}
25%{transform: rotate(-13deg)}
100%{transform: roate(0deg)}}
@-webkit-keyframes telshow{0%{-webkit-transform: rotate(0deg)}
5%{-webkit-transform: rotate(-13deg)}
10%{-webkit-transform: rotate(0deg)}
15%{-webkit-transform: rotate(-13deg)}
20%{-webkit-transform: rotate(0deg)}
25%{-webkit-transform: rotate(-13deg)}
100%{-webkit-transform: roate(0deg)}}
@media screen and (min-width:320px) and (max-width:399px){.service_img img{height:9rem;}}
@media screen and (min-width:400px) and (max-width:479px){.service_img img{height:11rem;}}
@media screen and (min-width:480px) and (max-width:559px){.service_img img{height:13rem;}}
@media screen and (min-width:560px) and (max-width:639px){.service_img img{height:14rem;}}
@media screen and (min-width:640px) and (max-width:767px){.service_img img{height:18rem;}}
@media screen and (min-width:768px){.service_img img{height:18rem;}}