blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
a, body, div, h1, h2, h3, h4, img, input, li, ol, p, span, ul {
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ margin: 0; padding: 0; font-size:14px; font-family: "PingFang SC", "HanHei SC", "Helvetica neue"," Microsoft Yahei", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif; line-height:2em; color:#333;}
h1,h2,h3,h4,h5,h6{font-size:100%;color:#333; font-weight:500}
li,ol,ul{list-style:none}
*{ margin:0; padding:0;}
img,a{ border:0;}
img{ width:100%;}
em,i,b {font-style: normal;font-weight: normal}
a{text-decoration:none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
a:hover{text-decoration: none;
	-webkit-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	-ms-transition: background-color .2s ease;
	-o-transition: background-color .2s ease;
	transition: background-color .2s ease}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
button,input,select,textarea{font-size:100%}

input,textarea {-webkit-appearance: none;}
input[type=button], input[type=submit], input[type=file], button{ cursor:pointer; -webkit-appearance:none;}
input {	-webkit-border-radius: 0;	-webkit-box-shadow: insert 0 0 0 transparent;background: #fff;}


button,input,textarea{outline:0}
img{vertical-align:top;display:inline-block; border:0; width: 100%;	height: auto;}
article,aside,audio,details,figcaption,figure,footer,header,hgroup,mark,menu,nav,section,summary,time,video{display:block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}

.fl{float:left}
.fr{float:right}
.block{display:block}
.tac{text-align:center}
.tar{text-align:right}
.tal{text-align:left}
.dn{display:none}
.pr{position:relative}
.pa{position:absolute}
.ofh{white-space:nowrap;word-wrap:normal;word-break:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}
.w100{width:100%}
.h100{height:100%}


.clearfix{display:block;zoom:1;}
.clearfix:after{content:" ";display:block;font-size:0;height:0; line-height:0; font-size:0; clear:both;visibility:hidden}




.fs12{font-size:12px}
.fs14{font-size:14px}
.fs16{font-size:16px}
.fs18{font-size:18px}
.r2{-webkit-border-radius:2px;-khtml-border-radius:2px 2px 2px 2px;-moz-border-radius:2px;border-radius:2px}
.r3{-webkit-border-radius:3px;-khtml-border-radius:3px 3px 3px 3px;-moz-border-radius:3px;border-radius:3px}
.r4{-webkit-border-radius:4px;-khtml-border-radius:4px 4px 4px 4px;-moz-border-radius:4px;border-radius:4px}
.r5{-webkit-border-radius:5px;-khtml-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;border-radius:5px}
.rt2{-webkit-border-radius:2px 2px 0 0;-khtml-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}
.rt3{-webkit-border-radius:3px 3px 0 0;-khtml-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}
.rt4{-webkit-border-radius:4px 4px 0 0;-khtml-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
.rt5{-webkit-border-radius:5px 5px 0 0;-khtml-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
.rb2{-webkit-border-radius:0 0 2px 2px;-khtml-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px}
.rb3{-webkit-border-radius:0 0 3px 3px;-khtml-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}
.rb4{-webkit-border-radius:0 0 4px 4px;-khtml-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}
.rb5{-webkit-border-radius:0 0 5px 5px;-khtml-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}

.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}

.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr30{padding-right:30px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl30{padding-left:30px}
.p30{padding:30px}
.textRed {color: #dd0011!important}
.textBlack {color: #222!important}
.textGrey6 {color: #666!important}
.textGrey9 {color: #999!important}
.textGreyfff{color: #fff!important}
html {
	width: 100%;
	-ms-touch-action: none;
	height: 100%
}
body {
	position:relative;
	width:100%;
}
/*首页导航-----------*/
.header {
	height:8.4rem;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	transition: all .3s ease
}
.header-in {
	width: 95%;
	margin: 1.6rem auto;
	height:4.8rem;
	transition: all .3s ease
}
.header-in .logo img {
	transition: all .3s ease
}
.header .header-in .logo {
	float: left;
}
.header .meun-off, .header-small .header-in-small .meun-off{
	float: right;
	padding-top:3px;
}

.header .meun-off span, .header-small .meun-off span {
	width: 25px;
	height: 2px;
	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-small {
	height:42px;
	width:100%;
	background:#fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index:100;
	-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
	-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
	box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
	transition: all .3s ease;
}
.header-small .header-in-small{ width:95%; margin:5px auto 0 auto; transition: all .3s ease; height:42px;}
.header-small .header-in-small .logo img{ float:left; width:157px; height:33px; display:block;}
.bg0{background-color: #000;}
.bgf{background-color: #fff;}
.nav {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.9); display:none;
}
.nav ul {
	margin: 0 auto;
	width: 50%;
	text-align: center;
	height: 500px;
	position: absolute;
	top: 50%;
	margin-top: -250px;
	left: 50%;
	margin-left: -25%
}
.nav ul li {
	-webkit-animation: DDInY .8s .3s ease both;
	-ms-animation: DDInY .8s .3s ease both;
	-moz-animation: DDInY .8s .3s ease both;
	animation: DDInY .8s .3s ease both
}
.nav ul a { color:#fff; font-size:42px; font-weight: lighter;
	display: block;
	height: 80px;
	overflow: hidden;
	margin: 10px 0
}
.nav ul a:hover{ color:#dd0011;}
.nav .close {
	display: block;
	position: absolute;
	top: 4%;
	right: 4%
}
.nav .close img {
	transition: all .5s ease
}
.nav .close:hover img {
	transform: rotate(180deg)
}

/*banner*/
.islider { position: relative; width:100%; overflow: hidden; max-width:100%;}
.islides { height:100%; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.islide {float:left; clear: none; overflow:hidden;}
.islide img{ width:100%; display:block;}

.islider-nav { position: absolute; bottom:1rem; height:14px; }
.islider-nav-item { float: left; clear: none; display: block; height:7px; width:7px; margin:0 5px; background: rgba(255,255,255,.5); border-radius:50%; }
.islider-nav-item:hover { background:#dd0011; }
.islider-nav-item-current { background:#fff; width:30px; height:6px; border-radius:100px; }


.cont01{ width:1260px; margin:0 auto; padding:70px 0;}
.cont01 h1{font-size:36px; text-align:center; color:#dd0011; font-style:italic; padding-bottom:30px; font-weight:normal;}
.cont01 p{ width:875px; margin:0 auto; font-size:16px; color:#333; text-align:center;}
.more{ font-size:16px; color:#dd0011; text-align:center; width:150px; height:48px; line-height:48px; display:block; margin:30px auto 0 auto;}
.more span{ background:url(../images/more-point.png) no-repeat; width:8px; height:14px; margin-left:15px; display:inline-block;}

.news-wrap{width:1260px; margin:0 auto; padding-bottom:100px;}
.news-list{ width:400px; background:#ececec;}
.news-hd{ width:400px; height:225px;}
.news-bg{ width:400px; height:225px; overflow:hidden;}
.news-bg img{-webkit-transition: transform .7s cubic-bezier(.25,.46,.33,.98);
transition: transform .7s cubic-bezier(.25,.46,.33,.98);}
.news-bg:hover img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}
.news-bg-tit{ width:380px; position:absolute; z-index:1; left:20px; top:20px; font-size:36px; color:#fff;font-style:italic;font-weight:normal;}
.more2{ font-size:16px; color:#fff; position:absolute; left:20px; top:85px; width:380px;}
.more2 em{ background:url(../images/more-point2.png) no-repeat; background-size:8px 14px; width:8px; height:14px; display:inline-block; margin-left:10px;}
.news-tex{ padding:20px 0 30px 0; width:365px; margin:0 auto;}
.news-tlte{font-size:20px; width:365px;display:block;
            overflow: hidden;/*超出部分隐藏*/
            white-space: nowrap;/*不换行*/
            text-overflow:ellipsis;/*超出部分文字以...显示*/}
.time{ font-size:12px; color:#999999; padding-top:10px;}
.news-texe{ color:#666; display:block;height: 84px;}
.news-more{ background:url(../images/point01.png) no-repeat; width:32px; height:14px;display:block; margin-top:20px; -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}	
.news-more:hover, .news-more:active{ background:url(../images/point01-h.png) no-repeat;width:32px; height:14px;display:block; margin-left:10px;}

/*footer*/
.footer{ width:100%; background:#333333; padding:45px 0;}
.f-cont{ width:95%; margin:0 auto;}
.footer-logo{ background:url(../images/foot-logo.png) no-repeat; width:206px; height:43px; display:block;}
.footer-tex{ width:500px;margin:0 auto;}
.f-link{ width:240px; height:30px;  text-align:right;}
.footer-area{height:30px;float:right;}
.f-link span{ font-size:14px; color:#999999; display:inline-block; float:left;}
.f-link a{ color:#fff; float:left; text-align:right; padding-left:15px;}
.footer-area em{ display:inline-block; float:left;  height:30px; color:#999;}
.footer-area .icp-rz{ float:left; display:inline-block; color:#999; padding:0 5px;}
.top{ position:fixed; bottom:210px; right:58px; background:url(../images/top-a.png) no-repeat; width:43px; height:43px; text-indent:-999em; -webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.top:hover{ background:url(../images/top-h.png) no-repeat;}

/*关于我们*/
.about-cont{ padding-top:30px;}
.cont{ width:1466px; margin:0 auto; padding:90px 0;}
.pt110{ padding-top:110px;}
.pt95{ padding-top:85px;}
.about-title{ font-size:36px; font-weight:lighter;}
.cont-l{ width:533px;}
.cont-r{ width:933px;}
.nav-list{ height:60px; padding-bottom:90px;}
.nav-list .list-title{ color:#444; font-size:36px; float:left; padding-right:80px; height:60px; line-height:60px;font-weight:lighter;}
.nav-list ul li{ float:left; height:60px;color:#818181;}
.nav-list ul li a{color:#818181; line-height:60px; padding:0 30px; }
.nav-list ul li a:hover{ color:#333;}

.about-img01{ width:100%; height:960px;}
.about-img01 .about-img01-fixed{
    height:960px;
    width:100%;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*发展历程*/

.about_history {
	margin-top:70px;
}
.about_history .a_his_time {
	width: 100%;
	position: relative;
}
.about_history .a_his_time>a {
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	z-index: 9;
	bottom: 10px;
}
.about_history .a_his_time>a.his_left {
	background: url(../images/left-a.png) no-repeat;
	left: 0px;
}
.about_history .a_his_time>a.his_right {
	float: right;
	background: url(../images/right-a.png) no-repeat;
	right: 0px;
}
.about_history .a_his_time>a.his_left:hover {
	background: url(../images/left-h.png) no-repeat center bottom;
}
.about_history .a_his_time>a.his_right:hover {
	float: right;
	background: url(../images/right-h.png) no-repeat center bottom;
}
.about_history .a_his_time>a.his_left.disabled:hover {
	cursor: default;
	background: url(../images/left-h.png) no-repeat;
	left: 0px;
}
.about_history .a_his_time>a.his_right.disabled:hover {
	cursor: default;
	float: right;
	background: url(../images/right-h.png) no-repeat;
	right: 0px;
}
.about_history .index_history {
	margin: 9px 40px 0;
	overflow: hidden;
}
.about_history .index_history li p {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
}
.about_history .index_history ul {
	position: relative;
	height: 90px;
	overflow: hidden;
}
.about_history .index_history ul:before {
	content: "";
	width: 100%;
	position: absolute;
	top:65px;
	left: 0px;
	right: 0px;
	height: 1px;
	background: #f3ece9;
}
.about_history .index_history li {
	z-index: 3;
	float: left;
	width: 197px;
	text-align: center;
	position: relative;
	height:85px;
	cursor: pointer;
}
.about_history .index_history li:before {
	content: "";
	width: 100%;
	height: 26px;
	background: url(../images/point-a.png) no-repeat center top;
	display: block;
	position: absolute;
	bottom: 0px;
	transition: all 0.5s ease-in-out;
}
.about_history .index_history li a {
	color: #747474;
}
.about_history .index_history li:hover a {
	color: #222;
}
.about_history .index_history li:hover p {
	font-size: 40px;
	color: #d7000f;
}
.about_history .index_history li:hover:before {
	background: url(../images/point-h.png) no-repeat center top;
	opacity: 1;
}
.about_history .index_history li.active a {
	color: #222;
}
.about_history .index_history li.active p {
	font-size: 40px;
	color: #d7000f;
}
.about_history .index_history li.active:before {
	background: url(../images/point-h.png) no-repeat center top;
	opacity: 1;
}
@media only screen and (max-width:1366px) {
.about_history .index_history li {
	width: 170px;
}
}
@media only screen and (max-width:1100px) {
.about_history .index_history li {
	width: 232px;
}
}
@media only screen and (max-width:800px) {
.about_history .index_history li {
	width: 168px;
}
}
@media only screen and (max-width:767px) {
.about_history {
	margin-top: 10px;
}
.about_history .index_history li {
	width: 160px;
}
.about_history .index_history li.active p {
	font-size: 24px;
}
}
@media only screen and (max-width:400px) {
.about_history .index_history li {
	width: 138px;
}
}
@media only screen and (max-width:340px) {
.about_history .index_history li {
	width: 111px;
}
}

.history-lst{ padding-top:50px;}
.history-lst ul{ padding-left:533px;}
.history-lst ul li{ padding:10px 0;}

/*企业荣誉*/

.honor-cont{ background:url(../images/honor-cont-bg.jpg) no-repeat center top; width:100%; height:852px;}
.honor-lis ul{ padding-top:60px;}
.honor-lis ul li{ width:289px; height:80px; float:left; margin-bottom:60px;}
.mr90{ margin-right:98px;}

/*办公环境*/

.hj-box{ padding-top:50px;}
.hj-box li{ float:left;height:282px; margin-bottom:14px;}
.hj-box li.img-l{ height:578px;}
.mr14{ margin-right:14px;}

/*薪酬福利*/
.welfare-tex li{ padding-bottom:15px; color:#666;}
.welfare-tex li span{ color:#333; font-size:16px; display:block;}

.join-box{ width:100%; background:#dd0011; height:142px;}
.join-cont{ width:1466px; margin:0 auto;}
.join-cont .join-tex{ font-size:40px; color:#fff; padding-top:30px;}
.join-cont a.join-btn{ width:270px; height:56px; line-height:56px; border:2px solid #fff; margin-top:45px; font-size:20px; color:#fff; text-align:center; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.join-cont a.join-btn::after {
	content: "";
	display: block;
	margin-top: -58px;
	width: 0;
	height: 56px;
	background:#fff; 
	transition: all 0.6s ease 0s;
}
.join-cont a.join-btn:hover {
	color: #dd0011;
}
.join-cont a.join-btn:hover::after {
	width: 100%;
	color: #dd0011;
}

/*activity*/
.activity{ padding-top:50px;}
.activity ul li{ float:left; height:233px; margin-bottom:14px;}
.activity ul li.acti-img{ height:480px;}
.mr13{ margin-right:13px;}
.activity-btn{ width:125px; float:right; padding-top:20px;}
.activity-btn a.act-left{ background:url(../images/fy-left-a.png) no-repeat; width:14px; height:28px; display:block; float:left; margin-right:35px;}
.activity-btn a.act-left:hover{ background:url(../images/fy-left-h.png) no-repeat;}
.activity-btn a.act-right{ background:url(../images/fy-right-a.png) no-repeat; width:14px; height:28px; display:block; float:right;}
.activity-btn a.act-right:hover{ background:url(../images/fy-right-h.png) no-repeat;}
.activity-btn a.act-close{ background:url(../images/close2.png) no-repeat; width:26px; height:26px; display:block; float:left;transition: all .5s ease}
.activity-btn a.act-close:hover{
	transform: rotate(180deg)
}

/*新闻动态*/
.nav-list{padding-top:30px;}
.w1000{ width:1000px; margin:0 auto; padding:100px 0;}
.n-list ul, recruit-list ul{ width:100%;}
.n-list ul li{ border-bottom:1px solid #eee; padding-top:35px;}
.n-list ul li a.news-img{ width:360px; height:305px; float:left; margin-bottom:35px; overflow:hidden;}
.n-list ul li a.news-img img{height:305px;-webkit-transition: transform .7s cubic-bezier(.25,.46,.33,.98);transition: transform .7s cubic-bezier(.25,.46,.33,.98);}
.n-list ul li a.news-img:hover img{-webkit-transform: scale(1.04);transform: scale(1.04)}
.n-list ul li .news-texbox{ width:590px; float:right;}
.n-list ul li .news-texbox .n-title{ font-size:22px;}
.n-list ul li .news-texbox .n-tex{ font-size:14px; color:#333; padding:30px 0;}
.n-list ul li .news-texbox .n-time{ color:#999999;}
.n-list ul li .news-texbox .xq-btn{ background:url(../images/point01.png) no-repeat; width:32px; height:14px;transition: all 0.3s;-webkit-transition: all 0.3s; text-indent:-9999px; display:block; margin-top:20px;}
.n-list ul li .news-texbox .xq-btn:hover{background:url(../images/point01-h.png) no-repeat;-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin-left:10px; display:block;}

.page{width: 100%;	
	line-height: 30px; padding-top:60px;
	font-size:16px;
	text-align: center;
	}
.page a{ padding:0 15px; color: #999;}
.page a:hover, .page a.click{ color:#333;}
.page span{ color:#999;}

/*社会招聘*/

.recruit-list ul li{ border-bottom:1px solid #eeeeee; padding-top:35px;}
.recruit-list ul li .recruit-title{ font-size:22px; padding-bottom:20px;}
.recruit-list ul li .recruit-title .place{right:125px; top:0; color:#999;font-size:14px; line-height:44px;}
.recruit-list ul li .recruit-title .experience{right:0; top:0; color:#999; font-size:14px;line-height:44px;}
.recruit-list ul li p{ color:#666;}
.recruit-list ul li .rec-btn{ width:130px; height:38px; line-height:38px; border:1px solid #dd0011; text-align:center; font-size:16px; color:#dd0011; display:block; border-radius:100px; margin:35px 0;transition: all 0.3s;-webkit-transition: all 0.3s;}
.recruit-list ul li .rec-btn:hover{ background:#dd0011; color:#fff;transition: all 0.3s;-webkit-transition: all 0.3s;}

/*联系我们*/

.w545{ width:545px;}
.cont-tex{ padding-left:75px;}
.cont-tex .iphone-tex{ padding-bottom:30px;} 
.cont-tex .iphone-tex h2{ font-size:16px; color:#333; padding-top:5px;}
.cont-tex .iphone-tex p span{ color:#999;}
.cont-tex .iphone-tex .iphone-icon{ left:-75px; top:0; width:40px; height:40px;}
.cont-tex .iphone-tex .ewm-img{ width:192px; height:192px; display:block; margin-top:40px; border:1px solid #ececec;}

/*详情页*/
.details-cont{ width:1260px; margin:150px auto 90px auto;}
.details-cont-l{ width:430px;}
.details-cont-l .details-time{ font-size:22px; font-weight:lighter;}
.details-cont-l .deta-link a{transition: all .3s;
	-webkit-transition: all .3s;
	display: inline-block;
	color: #999;
	font-size: 12px;
	padding-right: 10px;
	margin-right: 5px; background:url(../images/sm_23.png)center right no-repeat;
}
.details-cont-l .deta-link a:hover{ color:#333;transition: all .3s;
	-webkit-transition: all .3s;}
.details-cont-r{ width:830px;}

.details-cont-r .details-title{ font-size:22px; padding-bottom:20px;}
.details-box{ border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:30px 0;}
.details-box p{ padding:10px 0;}
.details-box .details-images{ max-width:100%; height:auto; margin:20px auto;}