@charset "utf-8";
/* CSS Document */ 
*{margin:0; padding: 0}
html{height: 100%; font-size: 16px;}
@font-face {
	font-family: 'Source';
	src: url('fonts/SourceHanSansCN-Light.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Sourcem';
	src: url('fonts/SourceHanSansCN-Medium.otf');
	font-weight: normal;
	font-style: normal;
}
div,ul,li{list-style: none}
a{text-decoration: none; color: #000}
body, dl, dt, dd{ font-family:"Source"; margin:0; padding: 0; height: 100%}
h1, h2, h3{font-style: inherit; font-weight: inherit;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0}
.dn{display: none}
.fs12{font-size: 12px}
.fs14{font-size: 14px}
.fs16{font-size: 16px}
.fs18{font-size: 18px}
.fs20{font-size: 20px!important}
.fs22{font-size: 22px}
.fs38{font-size: 38px}
.fw{font-weight: bold}

.mrt5{margin-top: 5px!important}
.mrt10{margin-top: 10px!important}
.mrt20{margin-top: 20px!important}
.mrt30{margin-top: 30px!important}
.mrt40{margin-top: 40px!important}
.mrt50{margin-top: 50px!important}
.mrt60{margin-top: 60px!important}
.mrb10{margin-bottom: 10px!important}
.mrb20{margin-bottom: 20px!important}
.mrb30{margin-bottom: 30px!important}
.mrb40{margin-bottom: 40px!important}
.mrb50{margin-bottom: 50px!important}
.mrb80{margin-bottom: 80px!important}
.mrb130{margin-bottom: 130px!important}
.mrl30{margin-left: 30px!important}

.c89{color: #898989}
.cred{color: #ff0000}
.c9b{color: #9b9b9b}
.cb4{color: #b4b4b4}
.c666{color: #666}

.fl{float: left}
.fr{float: right}

.ohidden{overflow: hidden}

/* main */
.main-warp{position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; }
.main-top{width: 0; background-color: #000; position: absolute;top: 0;}
.main-middle{width: 100%;height: auto;position: absolute; top: 100px; bottom: 250px;}
.main-middle div{margin:0; padding: 0; font-size: 0; float: left;}
.zt-warp1,.zt-warp6{width: 16%; height: 100%;}
.zt-warp2,.zt-warp5,.zt-warp7{width: 2.2%; height: 0; background-color: #000;}
.zt-warp3,.zt-warp4,.zt-warp8,.zt-warp10{width: 15%; height: 100%; position: relative;}
.zt-warp9{position: relative;width: 2.2%; height: 100%;}
.zt-warp3-1{width: 0; height: 7%; background-color: #000; position: absolute; bottom: 25%}
.zt-warp4-1{width: 0; height: 7%; background-color: #000; position: absolute; top: 25%}
.zt-warp9-1{width: 100%; height: 0%; background-color: #000; position: absolute; top: 20%}
.fdd{width: 100%;height: 100%;}
.fd div.fd-1{width: calc(100% / 6 - 15px); height: 0; float: left;}
.fd .jd-1{width: 22.5px; float: left; height: 0; background-color:#000;}
.jd-1-1{width: 100%; height: 0; background-color: #000;}
.jdd1{background-color: #fff!important;}
.jd-1-5{width: 0; height: 22.5px; background-color: #000}
.main-bottom{width: 0; height: 100%; background-color: #000; float: right; position: relative;}

.index-wrap{height: 580px}
.index-wrap video{width: 100%}


.hide-nav {top: 0;left: 0;z-index: 98;position: fixed;display: none;width: 100%;height: 100%;background: #0038d6;-moz-transform: scale(1.4);-ms-transform: scale(1.4);-webkit-transform: scale(1.4);transform: scale(1.4);-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-webkit-transition-property: -webkit-transform;transition-property: transform;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;overflow-y: hidden;overflow-x: hidden;-webkit-overflow-scrolling: touch}
.hide-nav-wrap {width: 100%;height: 100%;display: table;table-layout: fixed}
.hide-nav.active {-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1)}
.hide-nav ul {display: table-cell;vertical-align: middle;text-align: center;margin: 0;padding: 0}
.hide-nav li {list-style-type: none;text-align: center;height: 50px;line-height: 50px;margin: 0 40px;font-size: 30px;display: inline-block}
.hide-nav li, .hide-nav li a {color: #FFF;font-weight: bold;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.hide-nav li:after {content: '';display: block;margin: auto;height: 2px;width: 0px;background: #2089cb;transition: width .5s ease, background-color .5s ease}
.hide-nav li:hover:after {width: 100%;background: #2089cb}
.hide-nav li:hover a {color: #2089cb}
.hide-nav li a {text-decoration: none}
.hide-nav li:nth-of-type(1) {-webkit-animation-delay: .3s;animation-delay: .3s}
.hide-nav li:nth-of-type(2) {-webkit-animation-delay: .6s;animation-delay: .6s}
.hide-nav li:nth-of-type(3) {-webkit-animation-delay: .9s;animation-delay: .9s}
.hide-nav li:nth-of-type(4) {-webkit-animation-delay: 1.2s;animation-delay: 1.2s}
.hide-nav li:nth-of-type(5) {-webkit-animation-delay: 1.5s;animation-delay: 1.5s}
.hide-nav .hide-nav-bottom {-webkit-animation-delay: 2.4s;animation-delay: 2.4s;width: 100%;height: 60px;line-height: 30px;margin: 20px 0;text-align: center;font-size: 16px;font-weight: bold;color: #333;position: absolute;left: 0px;bottom: 0px}
.hide-nav .hide-nav-bottom .tel {font-size: 14px;font-weight: normal}
.hide-nav .hide-nav-bottom a {color: #333;text-decoration: none}

.banner-wrap{width: 100%; position: relative}
.banner-wrap video{width: 100%; height: 100%; object-fit: cover;}
.banner-down{position: absolute; bottom: 30px; left: 50%; margin-left: -15px; z-index: 99; cursor: pointer; animation: arrow_down 4.0s infinite ease-in-out;}
@keyframes arrow_down {
    0%,
    100% {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        opacity: 0.2
    }
    50% {
        transform: translateY(35px);
        -moz-transform: translateY(35px);
        -o-transform: translateY(35px);
        -webkit-transform: translateY(35px);
        -ms-transform: translateY(35px);
        opacity: 1
    }
}

@-webkit-keyframes arrow_down {
    0%,
    100% {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        opacity: 0.2
    }
    50% {
        transform: translateY(35px);
        -moz-transform: translateY(35px);
        -o-transform: translateY(35px);
        -webkit-transform: translateY(35px);
        -ms-transform: translateY(35px);
        opacity: 1
    }
}
/* header */
/*.header{width: 100%; height: 100px; position: fixed; top: 0; left: 0;line-height: 130px; z-index: 9999}*/
.header{height: 65px;width: 100%;left: 0;top: 0;z-index: 99;position: fixed;background: #fff;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);}
.header.pa-normal{position: absolute; top: 0}
.header.pf-up {transform: translateY(-70px)}
.header.pf-normal{transform: translateY(0px)}
.header-v2 {background: rgba(0,0,0,0);border-bottom: none;box-shadow: none}
.header-vd {background: rgba(0,0,0,0);border-bottom: none;box-shadow: none}
.header.transition {transition: transform .3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform .3s cubic-bezier(0.35, 0, 0.25, 1)}

.header a{width: 158px; height: 50px;margin: 10px 0; display: inline-block; padding-left: 60px}
.header .meun-off{position: absolute; top: 20px; right: 60px; cursor: pointer;}
.header .meun-off span{width: 23px;height: 2px;background-color: #000;display: block;margin: 6px auto;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.header .active #span2{opacity: 0; background-color: #000;}
.header .active #span1{background-color: #000;-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg)}
.header .active #span3{background-color: #000;-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg)}

.pp-warp{width: 1200px;margin: 0 auto;padding: 60px 0 60px 0;position: relative;z-index: 9; font-family: 'Source'; background: url(../../images/xm/brandbg.png) no-repeat 150px center;}
.pp-warp h3{font-size: 30px;color: #333;margin-bottom: 48px; font-weight: 600}
.pp-warp h3 a{color: #333;}
.pp-warp p a{color: #666;transition: all .3s ease;font-size: 16px;font-family: 'Source';}
.pp-warp a:hover{color: #666}
.pp-warp div:hover p a{color: #000}

/* brand */
.brand{position: relative; width: 100%; background-color: #fafafa; margin: 30px 0}
.brand-wrap{padding:60px 3.6rem 60px 5rem; }
.brand-list{width: calc(100% / 5 - 20px); float: left;margin-left:25px; color: rgba(0,0,0, .7);}
.brand-list:hover{ color: rgba(0,0,0);}
.brand-list:first-child{margin-left:0}
.brand-list h2{font-size: 24px}
.brand-list .brand-subtit{font-size: 14px}
.brand-list .brand-line{width: 100%; height: 2px; background-color: rgba(0,0,0, .6); margin: 12px 0 15px 0; transition: width .8s ease, background-color .8s ease}
.brand-list:hover .brand-line{width: 0; background-color: #FFF;}
.brand-list .brand-txt{font-size: 12px; padding-bottom: 4px}

/* case */
.in_case {margin: 0 0 0 4rem; padding-bottom: 60px}
.in_case .title {line-height: 90px;margin-right: 33px}
.in_case .title ul {margin: 0;padding: 0;width: 100%;overflow: hidden; }
.in_case .title ul li {display: block;float: right; margin-right:25px;}
.in_case .title ul li a {display: inline-block; font-size: 15px;line-height: 36px; text-align: left;color: #888889; border-radius: 2px}
.in_case .title ul li a:hover{color: #000;}
.in_case .title ul li a.on{color: #000; }
.list_case {overflow: hidden; margin: 0 auto; width: 100%}
.list_case .list {width: calc(100% / 3 - 20px); float: left;position: relative; font-size:0;margin-right: 12px}
.list_case .list:nth-child(3n+3){margin: 0 2rem 0 0;}
.list_case .list a {display: block;overflow: hidden;width: 100%; height: 100%}
.list_case .list a img {width: 100%;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; height: 100%}
.list_case .list:hover img {-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1)}

.list_case .list .txt {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transform: scale(1);}
.list_case .list:hover .txt{opacity: 1; background-color: rgba(0,0,0, .4);}
.list_case .list .txt .mtxt{position: relative; width: 100%; height: 100%}
.list_case .list .txt .mtxt .mtitle{color: #FFF; font-size: 22px; position: absolute; top: 20px; left: 30px}
.list_case .list .txt .mtxt .mkeyword{color: #FFF; font-size: 14px; position: absolute; bottom: 20px; left: 30px}
.in_case .more { padding-right: 4rem; text-align: center; padding-top: 90px}
.in_case .more a {padding: 1em 3em;color: #444;border:1px solid #e6e6e6; border-radius: 6px; font-size: 16px}
.in_case .more a:hover{border:1px solid  #e6e6e6;}

.news{width: 100%; position: relative}
.news-wrap{padding:60px 0; width: 1200px;margin: 0 auto}
.news-left{float: left; width: 30%; background-color: #fafafa; height: 480px; margin-right: 30px}
.news-left h2{padding: 20px 0; text-align: center; font-size: 26px; color: #5f6062}
.news-right{float: right; width: 67%; }
.news-list h2{font-size: 18px; color: #898989; padding-bottom: 5px}
.news-list .desc{font-size: 13px; color: #898989; border-bottom: 1px solid rgba(0,0,0, .4); padding-bottom: 20px; margin-bottom: 20px}
.news-more a{color: #5f6062; display: inline-block; padding-top: 10px}


.footer{width: 100%; position: relative; background-color: #2b2e33}
.footer-wrap{padding:60px 0 60px 0; width: 1200px; margin:0 auto; color: #FFF}
.footer-wrap .left{ width: 390px; float: left }
.code-f{float: left; width: 102px; font-size: 14px; text-align: center; color: #919090}
.code-f img{margin-bottom: 15px; width: 102px}
.logo-f{float: right; width: 225px; font-size: 14px; line-height: 2em; color: #919090}
.logo-f img{width: 125px; margin-bottom: 22px}
.middle{float: left; width: 420px; margin-left:75px}
.middle dl {float: left;margin-right: 60px;margin-top: -15px}
.middle dl dt {font-size: 24px;border-bottom: 1px solid #6a6a6a; margin-bottom: 14px; color: #999}
.middle dl dt a{color: #999}
.middle dl dd {height: 24px}
.middle dl dd a {color: #919090;transition: all .3s ease;font-size: 14px;display: block;line-height: 24px}
.right {width: 275px;font-size: 14px;color: #919090; float: right; line-height: 2em}

/* case page */
.casez{margin-top: 120px}
.casez h2{color: #5f6062; font-size: 32px; padding-top: 30px}

/* news page */
.newsz{margin-top: 120px}
.newsz .news-left{background-color: inherit; width: 26%}
.newsz .news-right{width: 71%}
.news-type{width: 100%}
.news-type li{text-align: center; font-size: 18px; height: 50px; line-height: 50px; margin-bottom: 10px; background-color: #fafafa}
.news-type li a{color: #5f6062; display: inline-block; width: 100%; height: 100%}
.news-type li.active a, .news-type li:hover a{color: #FFF}
.news-type li.active, .news-type li:hover{background-color: #5f6062; color: #FFF}
.sub-tit{font-size: 16px; padding: 25px 0 10px 0}
.newsz .desc{padding-bottom: 10px; border: 0; margin: 0; color: #000}
.newsz-more{padding: 15px 0; font-size: 16px; border-bottom: 1px solid #898989; margin-bottom: 20px}

/* contact page */
.contactz{background-color: #fafafa; width: 100%; position: relative; margin-top: 220px}
.contactz-wrap{width: 1200px; margin: 0 auto; padding: 80px 0 70px 0; position: relative;}
.contactz-wrap h2{font-size: 24px;}
.contactz-line{width: 100px; height: 2px; margin:20px 0; background-color: #000}
.contactz-mail{font-size: 16px; line-height: 22px; padding-top: 20px}
.contact-b{position: absolute; top: -60px; height: 100px; width: 200px; text-align: center; line-height: 100px; background-color: #000; font-size: 26px; color: #FFF}

.contactz-addr{width: 100%; position: relative;}
.contactz-addrw{width: 1200px; margin: 0 auto; padding: 80px 0; position: relative;}
.contactz-tel{font-size: 16px; line-height: 24px;}
.contact-hell{padding-top: 60px; font-size: 60px; color: #666}

.addr-map{height: 500px}

/* about page */
.aboutz{background-color: #fafafa; width: 100%; position: relative; margin-top: 80px; margin-bottom: 200px}
.aboutz-wrap{width: 1200px; margin: 0 auto; padding: 45px 0 370px 0; position: relative;}
.aboutz-b{position: absolute; top: -60px; height: 120px; width: 200px; text-align: center; line-height: 120px; background-color: #000; font-size: 26px; color: #FFF}
.aboutz-desc{font-size: 14px; color: #666; padding-left: 220px}
.aboutz-ppl{width: 100%; position: absolute; bottom: -135px; left: 0}

.aboutz-z{width: 100%; position: relative;}
.aboutz-zwrap{width: 1200px; margin:0 auto;}
.aboutz-zwrap h2{padding: 2px 0; font-size: 32px;}
.aboutz-zwrap .aboutz-line{width: 80px; height: 2px; background-color: #000; margin: 25px 0}
.aboutz-zwrap .aboutz-subtit{color: #666; font-size: 16px}
.aboutz-ydesc{padding: 40px 0 50px 0}
.aboutz-img .aboutz-il{float: left}
.aboutz-img .aboutz-ir{float: right;}


/* news detail  */
.gdd-detail{margin: 60px 2rem; text-align: center}
.gdd-detail h2{font-size: 30px; font-weight: 100}
.gdd-content{margin: 20px 2rem; overflow: hidden}
.gdd-c-con{padding-bottom: 60px; border-bottom:1px solid #b4b4b4;text-align: center}
.gdd-c-con img{width: 100%;}
.gdd-c-gob{ margin-top: 40px; text-align: center; }


.fixed{position:fixed;bottom:0px;right:0px;width:45px; display:none;}
.fixed .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#d6000f;line-height: 45px;margin-top:1px;}
.fixed .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.fixed .child:hover{width:135px;background: #000;}
.fixed .child img{position:absolute;top:0px;left:0px;}
.fixed .child p{position: absolute;left:45px;color:#fff;}
.fixed .child:hover img.call{display:none;}
.fixed .child:hover p{left:0;}

.fixed .fixedQQ{bottom:92px;}
.fixed .fixedCall{bottom:46px;}
.fixed .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#c9caca;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.fixed .fixedTop a.top{color:#fff; width:45px; height:45px; display:block;}
.fixed .fixedTop a.top:hover{background:url(../../images/xm/1510logo.png) no-repeat; background-size:45px; font-size:0;}
.fixed .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.fixed .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#d6000f;line-height: 45px;margin-top:1px;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:48px;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}

.hz-img{width: 290px; height: 160px;float: left; margin: 0 8px 8px 0}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;cursor: pointer}

.move-down{opacity:0;-webkit-transform:translate3d(0, 60px, 0);-moz-transform:translate3d(0, 60px, 0);-ms-transform:translate3d(0, 60px, 0);transform:translate3d(0, 60px, 0)}
.move-up{opacity:0;-webkit-transform:translate3d(0, -30px, 0);-moz-transform:translate3d(0, -30px, 0);-ms-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}
.move-left{opacity:0;-webkit-transform:translate3d(-40px, 0, 0);-moz-transform:translate3d(-40px, 0, 0);-ms-transform:translate3d(-40px, 0, 0);transform:translate3d(-40px, 0, 0)}
.move-right{opacity:0;-webkit-transform:translate3d(40px, 0, 0);-moz-transform:translate3d(40px, 0, 0);-ms-transform:translate3d(40px, 0, 0);transform:translate3d(40px, 0, 0)}
.zp-line {border-top: 1px #ccc solid}

.tq-hide-pc{display: none}
.mf-zw{padding-top: 20px}
.mf-zw dt{font-size: 18px; padding: 5px;}
.mf-zw dd{text-indent: 25px; font-size: 14px}
.mf-zw dd.subtit{font-size: 16px; padding: 20px 0 10px 0}
/* 大屏幕 */
@media (min-width: 1025px) { 

}
 
/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 641px) and (max-width: 1024px) {

}
 
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 640px) { 

	.tq-hide-m{display: none}
	.tq-hide-pc{display: block}
	
	.header{height: 60px;}
    .header a{margin: 10px 20px;}
	.header .meun-off{top: 10px; right:20px}
	.news-wrap, .footer-wrap{width: 100%}	

	.header img{width: 100px}
	.hide-nav li{width: 100%; margin: 0}

	.pp-warp{padding: 30px 10px; width: 94%}
	.pp-warp h3{font-size: 24px; margin-bottom: 20px}
	.pp-warp p{line-height: 22px}
	.pp-warp p a{font-size: 14px}

	.brand-wrap{padding: 40px 10px}
	.brand-list{width: 100%; margin-left: 0; margin-bottom: 30px; text-align: center}
	.brand-list .brand-txt{font-size: 13px}

    .index-wrap{font-size: 14px}

	.in_case{width: 94%; padding: 30px 10px; margin: 0}
	.in_case .title{line-height: 30px; padding-bottom: 20px; margin: 0}
	.list_case .list{width: 100%; margin-bottom: 20px}
	.list_case .list .thumb a{height: auto}
	.in_case .more{padding-top: 15px; padding-right: 0; margin-top: 30px}
	.list_case .list a{height: auto}

	.news-left{width: 100%; height: auto}
	.news-right{width: 96%; padding: 30px 10px}
	.news-list h2{font-size: 16px}
	.news-list .desc{font-size: 12px}

	.news-more{text-align: center}
	.news-more a{font-size: 20px}

	.footer-wrap{padding: 60px 0}
	.footer-wrap .left{width: 100%; text-align: center;}
	.logo-f{margin: 0 auto}
	.code-f{margin: 0 auto; padding-top: 20px}
	.middle .f-company{font-size: 22px}
	.middle{width: 96%; margin-top: 40px; padding: 0 10px}

	.mrl30{margin-left:0!important;}

	/* contact page */
	.contactz-wrap{width: 95%; padding: 50px 10px }
	.contact-b{font-size: 18px; height: 65px; line-height: 68px; width: 160px; top: -40px}
	.contactz-wrap h2{font-size:16px}

	.contactz-addrw{width: 95%; padding: 40px 10px}
	.contactz-addrw h2{font-size: 18px}
	.contact-hellz{font-size: 38px}

	/* about page */
	.aboutz-wrap{width: 95%; padding: 40px 10px}
	.aboutz-b{font-size: 18px; height: 65px; line-height: 68px; width: 160px; top: -40px; font-size: 16px}
	.aboutz-desc{padding:20px 0 0 0}
	.aboutz-ppl img{width: 100%}
	.aboutz-zwrap{width: 95%; padding: 0 10px}
	.aboutz-zwrap h2{font-size: 20px}
	.aboutz-il img{width: 100%}
	.aboutz-ir img{width: 100%}
	.hz-img{text-align: center; width: 48%; height: auto; margin:0 0 0 5px;}
	.hz-img img{width: 100%}

	/* news page */
	.news-wrap{width: 95%; padding: 40px 10px}
	.newsz .news-left{float: inherit; width: 80%; margin: 0 auto}
	.news-right{width: 100%}
	.newsz .news-right{width: 100%; padding: 50px 0}

	/* news detail */
	.gdd-detail, .gdd-content{width: 95%; padding: 0 10px; margin: 40px 0}
	.gdd-detail h2{font-size: 22px}
	.gdd-content img{width: 100%}

	/* case detail */
	.main-banner img{width: 100%}

    .footer{background: none}
    .m-f-con{display: block;width: 94%;margin: 35px auto 0}
    .m-f-top{font-size: 14px;height: 40px;line-height: 40px}
    .m-f-bottom{font-size: 14px;height: 40px;line-height: 30px}
    .m-f-bottom img{width: 102px}

    .contact-hell{font-size: 40px}

	.header a{padding-left:0}
}