@charset "utf-8";
/*
	name:basic.css
	author:M.X
	date:2015/10/22
	frame-basic:
*/
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;outline:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,audio,canvas,video{display:block;}
sub,sup{position: relative;font-size:75%;line-height: 0;vertical-align: baseline;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
html{min-width:320px;max-width: 750px;margin: 0 auto;overflow-x: hidden;-webkit-tap-highlight-color:transparent;}
body {width: 100%;min-width:320px;max-width: 750px;padding-bottom:26%;font:1rem/1 normal;overflow-x: hidden;}
i,cite,em,var,address,dfn,em{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
img{display:block;border:0 none;width: 100%;height:auto;}
h1,h2,h3,h4,h5,h6,em,strong{font-weight:bold;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
input,label,button,select,textarea,legend{display:inline-block;font-family:arial;vertical-align:top;font-family:\5FAE\8F6F\96C5\9ED1;}
option{display:block;text-indent:0;}
a{cursor:pointer;display:block;text-decoration:none;color:#4c4c4c;}
a:hover{text-decoration:none;}
/*reset end*/
/*function*/
/*.f-fl{float:left;}*/
/*.f-fr{float:right;}*/
/*.f-tac{text-align:center;}*/
/*.f-tal{text-align:left;}*/
/*.f-tar{text-align:right;}*/
/*.f-posr{position:relative;left: 0;top: 0;z-index: 10;}*/
/*.f-dib{display: inline-block;}*/
/*.f-vsh{text-indent:-9999px; display:block;}*/
.f-ovh{overflow:hidden;}
/*.f-tovh,.title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}*/
.f-th{text-indent: -99em;font: 0/1 arial;height: 0;overflow: hidden;}
/*.f-sd{-webkit-box-shadow:0 0 0.19rem #ccc;box-shadow:0 0 0.19rem #ccc;}*/
/*function end*/
/*ui*/
/*.u-bgf{background:#fff;}*/
/*.u-bg2{background:#482012;}*/
/*ui end*/
/*u-icon*/
/*.i-back{width:0.875rem;height:1.5rem;background:url(../bg/nav-back.png) center center no-repeat;background-size:100% 100%;-webkit-background-size:100% 100%;}*/
/*.i-nav{width:2.625rem;height: 1.625rem;background:url(../bg/nav-menu.png) center center no-repeat;background-size:100% 100%;-webkit-background-size:100% 100%;}*/
/*.u-i{display:inline-block;-webkit-background-size:100% 100%;background-size:100% 100%;background-position: 0 0;background-repeat: no-repeat;vertical-align: middle;}*/
/*u-icon end*/
/*btn*/
.u-b{cursor: pointer;display: inline-block;border: 0 none;text-align: center;-webkit-appearance: none;text-align: center;}
.u-radius{border-radius:3px;-webkit-border-radius:3px}
.b1{font:1.8rem/4rem normal;color: #fff;background-color: #f72832;}
.b2{font:1.8rem/4rem normal;color: #fff;background-color: #0c0c0c;}
.b3{font:1.8rem/4rem normal;color: #fff;background-color: #ffcc00;}
/*.b2 span{display: inline-block;vertical-align:middle;}*/
/*btn end*/
/*ui*/
/*.u-t1{font-size:0.32rem;}*/
/*ui end*/
/*gride*/
/*.g-mp101{width: 10%;}*/
/*gride end*/
/*header*/
.header{position: relative;z-index: 10;padding:3.2% 2.13% 3%;border-bottom: 1px solid #c5c5c5;background-color: #fff;overflow: hidden;}
#logo{width: 26.4%;}
.nav{position: absolute;right: 2.13%;top:50%;z-index:15;height:3rem;margin-top: -1.5rem;}
.nav li{float: left;}
.nav li a{padding: 0 1.5rem;color: #959595;font:bold 1.6rem/3rem normal;text-align: center;}
.nav li a:before{content:"|";float: left;margin-left: -2rem;color: #717171;}
.nav li:first-child a:before{display: none;}
/*header end*/
/*dom*/
.bannerText{margin-bottom:7.73%;}
.bannerImg2{margin-bottom:12%;}
.serviceBtn{margin-bottom: 12.6%;}
.caseList{margin:6.2% auto 18.6%;overflow: hidden;}
.caseList li{float: left;width: 50%;text-align: left;}
.caseList h3{font:bold 1.5rem/3.5 normal;text-indent: 1em;color: #000;width: 100%;height: 3.5em;overflow: hidden;text-overflow:ellipsis;text-transform: uppercase;white-space: nowrap;}
.caseList .odd{background-color: #f1f1f1;}

.tel{padding:11% 7% 10.1% 7%;border-bottom: 1px solid #d2d0ce;}
.tel .des{margin-bottom: 8%;}
.address{padding:8% 4%;border-bottom: 1px solid #d2d0ce}
.sns{padding: 9.3% 0 6%;text-align: center;}
.sns a{display: inline-block;width: 13.86%;margin: 0 4%;}
.links{margin-bottom: 15.2%;text-align: center;}
.links li{display: inline-block;margin:0 1.45%;}
.links li a{display: block;font-size:1.5rem;white-space: nowrap;border-bottom: 1px solid #A3A3A3;}
.links li:first-child a{border-bottom: 0 none;}
.submitForm{padding:0 2.3%;}
.formList{margin: 5.7% auto 4%;}
.formList li{position: relative;z-index: 10;margin-bottom: 1.4%;}
.formList label{position: absolute;top: 1px;z-index: 12;color: #8e8e8e;font: 1.25rem/3.75 normal;text-indent: 1em;}
.formList li{overflow: hidden;}
.formList li .m-ipt{width: 100%;padding:1em 0;text-indent:10em;font: 1.25rem/1.75 normal;border: 1px solid #f4f4f4;background-color: #f4f4f4;}
.formList li:first-child .m-ipt{text-indent: 8em;}
.formList li:last-child .m-ipt{width: 95%;padding: 5rem 1em 1rem;height:9.6rem;text-indent: 0;}
.formList li .m-ipt:focus{border-color: #d8d8d8;background-color: #fff;}
.submitForm a{float: left;width: 48%;}
.submitForm .b2{float: right;}
.submitForm .tips{padding:1.5rem 0;font: 1.1rem/1.8rem normal;color: #7c7c7c;text-align: center;}
/*dom end*/
/*floatbar*/
/*fancybox*/
.fancybox-inner{overflow: hidden;}
.fancybox-iframe{height: 100%;width: 100%;background-color: #fff;}
/*fancybox end*/
.floatbar{display: none;position: fixed;top:0;right: 0;z-index: 110;width: 13.73%;max-width: 102px;}
.floatbar a{width:100%;}
.floatbarFoot{position: fixed;left: 0;bottom: 0;z-index: 100;width: 100%;background-color: #fff;}
.floatbarFoot a{float:left;width:50%;font-size: 1.6rem;}
.floatbarFoot a:last-child{float: right;}
.menuCtn{display: none;position: fixed;left:200%;top: 0;z-index: 150;width: 100%;height: 100%;background:rgba(255,255,255,0.2);overflow: hidden;}
.menuBg{position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;}
.menuList{position: relative;top: 0;left:0;z-index: 140;width:50%;margin-left: 50%;padding-top: 16%;background-color: #e7e7e7;}
.menuList li{border-bottom: 1px solid #b0b0b0;border-top: 1px solid #fff;overflow: hidden;}
.menuList li:first-child{border-top: 0 none;}
/*.menuList li:first-child:after{content:"";display: block;position: absolute;right: 0;top: 15%;z-index: 10;width:100%;height:4rem;background:rgba(255,100,255,0.2);}*/
.menuList li:last-child{border-bottom: 0 none;}
.menuList li a{padding-left: 6%;font: 1.5rem/2.84 normal;color: #202020;text-transform: uppercase;}
.menuList li a span{margin-left: 1rem;font-weight: bold;color: #a3a3a3;}
.menuColse{position: absolute;right:0;top: 0;z-index:  150;width:7%;padding-bottom:7%;margin: 6% 6% 0;}
.menuColse img{position: absolute;width: 100%;height: 100%;z-index: 12;}
/*floatbar end*/
/* page = 招聘 */
.banner-index .bannerImg{margin-bottom:9.33%;}
.banner-contact{padding: 7.2% 0 5.3%;border-bottom: 1px solid #cdcdcd;}
.banner-case{border-bottom: 1px solid #cdcdcd;}
.join-list{border-bottom: 1px solid #cdcdcd;}
.join-list li{margin: 3.3%;}
.mailto{padding:9.3% 0 5.3%;border-bottom: 1px solid #cdcdcd;}
/* page = 招聘 end */
/* page = case */
.case{text-align: center;}
.case .title{width: 27.2%;margin:11.3% auto 5.3%;}
.case .caseList{margin-bottom: 0;}
.more{display: inline-block;margin: 11.2% auto 3%;padding:0.1rem 1em 0;font-size: 1.5rem;line-height: 2;border: 1px solid #000;color: #000;}
.case-box{margin-bottom:10%;}
.case-box .opr{padding-top:10%;text-align: center;}
.case-box .opr a{display: inline-block;width: 36.5%;margin: 0 2%;}
.link{text-align: center;border-top: 1px solid #fff;margin-top: -1px;background-color: #fff;border-bottom: 1px solid #cdcdcd;padding-bottom: 5%;}
.link li{display: inline-block;margin: 0 2%;}
.link li a{font-size: 1.2rem;line-height: 1.4;text-transform: uppercase;color: #dd1818;border-bottom: 1px solid #dd1818;}
.link li:first-child a{color: #000;border-bottom: 0 none;}

.brand_list { width:90%; overflow:hidden; margin:20px auto;}
.brand_list ul li { float:left; width:30%; overflow:hidden; margin-left:1.5%; margin-right:1.5%; margin-bottom:20px;}

.case_top { width:98%; overflow:hidden; margin:15px auto;}
.case_top a { float:left; width:50%; overflow:hidden; text-align:center;margin:0 0 2.5%;}
.case_top a img { width:95%; margin:0 auto;}

/* page = case end */
@media screen and (min-width: 640px) {            
  html,body{font-size: 16px;}
}
@media screen and (min-width: 508px) and (max-width: 639px) {
   html,body{font-size:14px;}
}
@media screen and (max-width: 507px) {
  html,body{font-size:12px;}
}
.bannerImg{

	-webkit-animation: amtOpacity 1s  linear both,amtScale 1s  linear both;

	-moz-animation: amtOpacity 1s  linear both,amtScale 1s  linear both;

	-o-animation: amtOpacity 1s  linear both,amtScale 1s  linear both;

	animation: amtOpacity 1s  linear both,amtScale 1s  linear both;



}


@-webkit-keyframes amtScale {



	0% {



	transform:scale(1.2);

	-webkit-transform:scale(1.2);



	}



	100%{



	transform:scale(1);

	-webkit-transform:scale(1);



	}



}



@-moz-keyframes amtScale {



	0% {



	transform:scale(1.2);

	-moz-transform:scale(1.2);



	}



	100%{



	transform:scale(1);

	-moz-transform:scale(1);



	}



}



@-o-keyframes amtScale {



	0% {



	transform:scale(1.2);

	-o-transform:scale(1.2);



	}



	100%{



	transform:scale(1);

	-o-transform:scale(1);



	}



}



@keyframes amtScale {



	0% {

	transform:scale(1.2);

	}

	100%{

	transform:scale(1);

	}



}



@-webkit-keyframes amtOpacity {



	0% {

	opacity: 0;

	-webkit-opacity: 0;

	}



	100%{

	opacity: 1;

	-webkit-opacity: 1;

	}



}



@-moz-keyframes amtOpacity {

	0% {

	opacity: 0;

	}

	100%{

	opacity: 1;

	}

}



@-o-keyframes amtOpacity {

	0% {

	opacity: 0;

	}

	100%{

	opacity: 1;

	}

}