@charset "UTF-8";
/* CSS Document */

/* Main */
.mainb1 {background: url(/images/main_bg1.jpg) no-repeat 50% 0 fixed; height: 840px; text-align: center}
.mainb1 .chromach_logo {margin: 0 auto; width: 100%}
.mainb1 .chromach_logo img {margin: 253px 0 0 0}
.mainb2 {background: url(/images/main_bg2.jpg) no-repeat 50% 0 fixed; height: 560px; text-align: center;}
.mainb2 .container {height: 360px; padding-top: 140px; text-align: left;}
.mainb2 .slogan {width: 670px; height: 314px; background: url(../images/main_slogan.png) no-repeat 0 0; display: inline-block;}
.mainb2 .video {width: 462px; height: 260px; float: right; margin-top: 50px; display: inline-block;}
.mainb2 .video iframe {width: 462px; height: 260px; border: 0}
.mainb3 {height: 700px}
.mainb3 .container {padding: 85px 0 85px 0; font-size: 0}
.mainb3 .container div {width: 270px; height: 527px; position: relative; margin-left: 33px; display: inline-block;}
.mainb3 a {width: 130px; height: 50px; line-height: 50px; font-size: 17px; display: block; position: absolute; bottom: 0; color: #FFF; text-align: center;}
.mainb3 .service {background: url(/images/main_4block_bg1.png) no-repeat; margin: 0 !important}
.mainb3 .service a {background: #b3bebe}
.mainb3 .report {background: url(/images/main_4block_bg2.png) no-repeat}
.mainb3 .report a {background: #727978}
.mainb3 .process {background: url(/images/main_4block_bg3.png) no-repeat}
.mainb3 .process a {background: #464646}
.mainb3 .shop {background: url(/images/main_4block_bg4.png) no-repeat}
.mainb3 .shop a {background: #e5345b}
.mainb4 {background: url(/images/main_bg3.jpg) no-repeat 50% 0 fixed; height: 603px; text-align: center;}
.mainb4 img {margin: 85px 0 0 0}

/* Slide Show */
#slides {width: 1180px; height: 270px; background: #4f4f4f; z-index: 50; position: absolute; top: 620px; left: 50%; margin-left: -590px}
.slides_container {width:1180px; height: 250px; overflow: hidden; position: relative; display: none;}
.slide {padding: 93px 0 0 0; width: 1180px; height: 170px; display: block; text-align: center;}
.pagination {position: absolute; top: 43px; left: 50%; z-index: 100; margin-left: -36px}
.pagination li {float: left; margin: 0 10px; list-style: none;}
.pagination li a {display: block; width: 12px; height: 0; padding-top: 12px; overflow: hidden;
	background-image: url(../images/pagination.png); background-position: 0 0; float: left}
.pagination li.current a {background-position:0 -12px;}