@charset "utf-8";

/* CSS Document */

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	color: #333;
	direction: rtl;
}

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

.img {
	float: right;
	padding: 1px;
	margin: 5px 0px 0px 10px;
	border: 1px solid #ccc;
}

.clear {
	clear: both;
}

p {
	padding-bottom: 30px;
}

ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

h2 {
	font-size: 30px;
	height: auto;
	line-height: 30px;
	color: #000;
}

.table {
	float: right;
	width: 98%;
	height: auto;
	background: #ddd;
	margin-bottom: 10px;
	border-top: 1px solid #c7c7c7;
}

.table td {
	margin-bottom: 3px;
	padding: 0px 3px;
}

.table tr {
	background: #fff;
}

.table1 {
	float: right;
	width: 98%;
	height: auto;
	background: #ddd;
	margin-bottom: 10px;
	border-top: 1px solid #c7c7c7;
	border-top: #c7c7c7 solid 1px;
	line-height: 22px;
}

.table1 td {
	margin-bottom: 3px;
	padding: 0px 3px;
}

.table1 tr {
	background: #fff;
}

.table1 tr.top {
	background: #ccc;
	height: 20px;
	font-weight: bold;
}

a,
area {
	blr: expression(this.onFocus=this.blur())
}


/* for IE */

:focus {
	outline: none;
}


/* for Firefox */

#head,
#head1 {
	width: 1010px;
	height: 90px;
	margin: 0 auto;
}

#head1 {
	background: #fff;
}

.headl {
	width: 505px;
	height: 98px;
	float: left
}

.headr {
	width: 505px;
	height: 98px;
	float: left
}

.logo {
	float: right;
	width: 108px;
	height: 73px;
	margin: 14px auto auto 17px;
}

.companyname {
	float: right;
	width: 300px;
	height: auto;
	margin: 45px 0 0 45px;
}

.companyname h2 {
	font-size: 20px;
	color: #000;
	font-weight: bolder;
}

.language {
	float: left;
	width: 470px;
	height: 18px;
	line-height: 18px;
	background: url("../images/map.jpg")/*tpa=http://cement-machine.com/images/map.jpg*/
	no-repeat left center;
	padding-left: 40px;
	margin-top: 20px;
}

.language a {
	padding: 0px 5px;
	color: #000;
}

.language a:hover {
	text-decoration: underline;
}

#menu {
	margin: 0 auto;
	margin-top: 20px;
	background: #247bc2;
}

#menu:after {
	content: " ";
	display: block;
	clear: both;
}

.menu {
	width: 1010px;
	margin: 0 auto;
}

.menu>ul li {
	float: right;
	position: relative;
	width: 14%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	transition: all .2s ease-out 0s; 
	
}

.menu>ul li.x {
	background: none;
}

.menu>ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
	font-size: 16px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 14px;
	-webkit-transition: all .2s ease-out 0s; 
	-moz-transition: all .2s ease-out 0s; 
	-o-transition: all .2s ease-out 0s; 
}

.menu>ul li:hover a {
	-moz-box-shadow: 0px 0px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
	box-shadow: 0px 0px 15px #000;
	background: #247bc2;
	margin-top: -5px;
	border-radius: 5px;
}

.menu>ul li a:hover,
.menu>ul li a.dq {
	text-decoration: underline;
}

.menu1 {
	float: right;
	width: 855px;
}

.menu1 ul li {
	float: right;
	position: relative;
	width: 14%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	transition: all .2s ease-out 0s; 
	
}

.menu1 ul li.x {
	background: none;
}

.menu1 ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
	font-size: 16px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 14px;
	-webkit-transition: all .2s ease-out 0s; 
	-moz-transition: all .2s ease-out 0s; 
	-o-transition: all .2s ease-out 0s; 
}

.menu1 ul li:hover a {
	-moz-box-shadow: 0px 0px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
	box-shadow: 0px 0px 15px #000;
	background: #247bc2;
	margin-top: -5px;
	border-radius: 5px;
}

.menu1 ul li a:hover,
.menu1 ul li a.dq {
	text-decoration: underline;
}


























.group {
	float: right;
	width: 130px;
	height: auto;
	margin-left: 15px;
}

.menu2 {
	float: right;
	width: 130px;
	line-height: 30px;
	margin: 0 auto;
	font-weight: bold;
	color: #fff;
}

.menu2 li {
	float: right;
	width: 130px;
	background: url("../images/ic.jpg")/*tpa=http://cement-machine.com/images/ic.jpg*/
	no-repeat right center;
}

.menu2 li a.top_link {
	display: block;
	float: right;
	color: #000;
	padding-left: 5px;
}

.menu2 li a.top_link:hover {
	width: 125px;
	padding-left: 5px;
}

.menu2 a:hover {
	visibility: visible;
	position: relative;
	z-index: 200;
}

.menu2 li:hover {
	position: relative;
	z-index: 200;
}

.menu2 ul,
.menu2 :hover ul ul,
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #FFFFFF;
}

.menu2 :hover ul.sub {
	left: -1px;
	top: 23px;
	background: #fff;
	border: 1px solid #ccc;
	white-space: nowrap;
	width: 130px;
	line-height: 22px;
	z-index: 300;
	height: auto;
	border-bottom: none;
}

.menu2 :hover ul.sub li {
	display: block;
	position: relative;
	float: right;
	width: 130px;
	height: 20px;
	line-height: 20px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	background: none;
}

.menu2 :hover ul.sub li img {
	vertical-align: middle;
}

.menu2 :hover ul.sub li a {
	width: 125px;
	height: 20px;
	line-height: 20px;
	color: #666;
	text-decoration: none;
	float: right;
	padding-left: 5px;
	vertical-align: middle;
	display: block;
}

.menu2 :hover ul.sub li a:hover {
	color: #000;
	background: #f5f5f5;
	width: 125px;
}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul {
	left: 76px;
	top: 0px;
	background: #fff;
	width: 76px;
	border: 1px solid #989494;
	z-index: 400;
}

.menu2 a {
	display: block;
}












/*   banner   */

.bg-ban {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background:#b8d8f1;
}

.banner_wrap {
	width: 1600px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#banner {
	position: relative;
	z-index: 2;
	overflow: hidden;
}

#loading {
	position: relative;
	width: 100%;
	z-index: 99999;
	background: #000;
}

#loading img {
	display: block;
	width: 31px;
	height: 31px;
	position: absolute;
}

#bannerin {
	position: relative;
	font-size: 0px;
	width: 100%;
	height: 444px;
	overflow: hidden;
}

#bannerin ul {
	position: absolute;
	height: 444px;
}

#bannerin li {
	float: right;
    width: 1600px;
    height: 444px;
    overflow: hidden;
    opacity: 0;
}

#bannerin img {
	width: 100%;
	cursor: pointer;

}

#scrollin {
	position: absolute;
	bottom: 8%;
	left: 50%;
	margin-left: -66px; 
	height: 12px;
}

#scrollin span {
	float: right;
	background: #fff;
	width: 12px;
	height: 12px;
	cursor: pointer;
	margin: 0 5px;
	display: inline-block;
	border-radius: 12px;
}

#scrollin .on {
	background: #69aaec;
}

#arrowin {
	width: 100%;
	overflow: hidden;
}

#arrowin ul {
	width: 100%;
}

#arrowin li {
	position: absolute;
	width: 10%;
	height: 15%;
	top: 50%;
	margin-top: -33px;
	z-index: 22;
}

.arrow_left {
	left: 3%;
}

.arrow_right {
	right: 3%;
}

#arrowin a {
	position: absolute;
	z-index: 10;
	display: block;
	width: 56px;
	height: 66px;
	opacity: 1;
	transition: margin 300ms cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition: margin 300ms cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	cursor: pointer;
}

#banner .fadein .fn-left {
	margin-left: 0px;
	background: url(../images/l.png) no-repeat center left;
}

#banner .fadein .fn-right {
	margin-right: 0px;
	background: url(../images/r.png) no-repeat center right;
}

#arrowin .fn-left {
	background: url(../images/l.png) no-repeat center left;
	left: 0;
	margin-left: -56px
}

#arrowin .fn-right {
	background: url(../images/r.png) no-repeat center right;
	right: 0;
	margin-right: -56px
}

#container {
	width: 1010px;
	height: auto;
	margin: 0 auto;
}

#container h2 {
	font-size: 20px;
	padding: 25px 0px;
}

.content1 {
	width: 78%;
	margin-left: 2%;
	border: none;
	padding: 0px;
	margin-top: 5px;
	line-height: 25px;
	float: right;
}

.titles {
	color: #000;
	font-weight: bold;
	font-size: 16px;
	padding: 5px 0 5px 10px;
	text-align: right;
	background:#FDFDFD;
	border:1px solid #CCCCCC;
}

.titles1 {
	width: 685px;
	height: 30px;
	line-height: 30px;
	padding-left: 5px;
	background: #f0f2f7;
	color: #333;
	font-weight: bold;
	float: right;
}

.title2 {
	float: right;
	background: #f0f2f7;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	padding-right: 10px;
}

.titles .left {}

.titles .right {
	width: 330px;
	height: 14px;
	line-height: 14px;
	float: right;
	margin-top: 7px;
}

.titles .right a {
	float: right;
	color: #d50001;
	text-decoration: none;
	font-size: 12px;
	padding: 0px 8px;
}

.titles .right a:hover {
	color: #d50001;
	text-decoration: underline;
}

.about>p {
	color: #888;
	line-height: 24px;
}

.about>p img {
	float: right;
	margin-bottom:20px;
}
.about .video{
	display: block;
	width: 350px;
	height: 200px;
	margin: 0 auto;
	background: #ccc;
	margin-bottom: 20px;
}
.about iframe{ background:url("../images/video.jpg") no-repeat center;}
.product ul {
	float: right;
	width: 22%;
	height: 180px;
	overflow: hidden;
	margin: 1%;
	padding: 1px;
	border: 1px solid #ccc;
	background-color: #f3f3f3;
	transition: all .5s ease-in 0s;
	-webkit-transition: all .5s ease-in 0s;
	-moz-transition: all .5s ease-in 0s;
	transition: all .5s ease-in 0s;
}
.youtube{ width:100%; height:auto; float:left;}
.product ul.product-420{
	height:420px;
}
.product ul:hover {
	background-color: #247bc2;
	color: #fff;
}

.product ul:hover li.t a {
	color: #fff;
}

.product ul:hover li.t {
	color: #fff;
}

.product ul li img {
	width: 100%;
}

.product ul li.t {
	height: 100%;
	padding: 0 10px;
	color: #888;
}

.product ul li.t a {
	display: block;
	text-align: center;
	color: #333;
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 40px;
	font-family:Arial, Helvetica, sans-serif
	font-weight:bold;
}

.product ul li a {
	color: #02267c;
	font-weight: bold;
}

.list:after {
	content: " ";
	display: block;
	clear: both;
}

.list ul {
	float: right;
	width: 21%;
	height: auto;
	margin: 2%;
}

.list ul li {
	float: right;
	width: 100%;
	height: auto;
	padding: 3px 0px;
	display: none;
}

.list ul li.s {
	display: block;
	padding: 8px 0;
}

.list ul li a {
	color: #666;
}

.list ul li.f a {
	color: #069;
	font-size: 14px;
}

.list ul li.s a {
	color: #000;
	display: inline-block;
	-webkit-transition: all .2s ease-in 0s;
	-moz-transition: all .2s ease-in 0s;
	transition: all .2s ease-in 0s;
}

.list ul li.s:hover a {
	color: #009b4d;
	-webkit-transform: translate(20px);
	-moz-transform: translate(20px);
	transform: translate(20px);
}

#sidebar {
	background: url("../images/cont_img.jpg") no-repeat center;
	width: 100%;
	height: 532px;
	margin-top: 80px;
}

.sidebar {
	width: 70%;
	margin: 0 auto;
}

.title {
	width: 31%;
	margin-right: 2%;
	float: right;
	color: #fff;
	margin: 20px 0px 10px 0px;
	line-height: 20px;
}

.title span {
	font-size: 26px;
	display: inline-block;
	padding-bottom: 35px;
}

.con {
	line-height: 30px;
	padding: 10px;
	border: 1px solid #eee;
	clear: both;
}

.con a {
	color: #247bc2;
}

.con a:hover {
	color: #00984d;
}

.title a {
	color: #22BD84;
}

.title a:hover {
	color: #00984d;
}

.list1~.title {
	width: 100%;
}

.list1~.title a {
	display: block;
	font-size: 16px;
	padding: 5px 0 5px 10px;
	color: #666;
	background: #f8f8f8;
	border-bottom: 1px solid #d8d8d8;
}

.sidebar1 {
	margin-left: 0px;
	width: 20%;
	padding-top: 5px;
	float: right;
}
.content-title {
	width: 78%;
    margin-left: 2%;
    float: right;
    margin: 25px 0;
}
.content-title ul li{
	float: right;
	margin: 8px;
}
.content-title ul li a {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}
.content-title ul li a:hover, .content-title ul li a.act {
	background-color: #31b0d5;
}
.footer {
	background: #000;
}

#footer {
	width: 1010px;
	height: 100px;
	margin: 0 auto;
	padding-top: 30px;
	font-size: 12px;
}

.link,
.qlink {
	float: right;
	width: 1010px;
	height: auto;
	text-align: center;
	color: #fff;
}

.link a,
.qlink a {
	padding: 0px 5px;
	color: #fff;
}

.qlink {
	margin: 10px 0;
}

.qlink a {
	color: #fff;
	text-decoration: underline;
	padding: 0;
	font-size: 12px;
}

.otherlink {
	float: right;
	width: 1010px;
	height: auto;
	text-align: center;
	margin-top: 5px;
}

.otherlink a {
	color: #999;
	padding: 0 5px;
	font-size: 14px;
}

.list1 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 10px;
}

.list1 ul li {
	width: 100%;
	line-height: 25px;
}
.list1 ul li.f{ font-weight:bold;}
.list1 ul li.f a{ color:#000;}

.list1 ul li a {
	font-size: 12px;
	color: #666;
	display: block;
	padding: 5px 0 5px 10px;
	background: #f8f8f8;
	border-bottom: #eee 1px solid;
	border-top: #fff 2px solid;
	transition: all .2s ease-in 0s;
}

.list1 ul li a:hover {
	background: #247bc2;
	color: #fff;
	padding-left: 20px;
}

.cont {
	line-height: 36px;
}

.cont .tel {
	margin-left: 23px;
}

#form1 {
	margin-bottom: 10px;
}

.title1 {
	height: auto;
	line-height: 20px;
	padding: 10px 0px 0px 0px;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	color: #000;
}

.title1 a {
	font-size: 11px;
	color: #333;
}

.title1 div.cer {
	width: 80%;
	margin: 0 auto;
}

.rr2 {
	width: 305px;
	height: auto;
	border: 1px solid #eee;
	padding: 1px;
	margin: 10px 15px;
	float:right;
}
.rr2 iframe{ background:url("../images/pvideo.jpg") no-repeat center;}
.tt {
	width: 200px;
	height: 23px;
	line-height: 23px;
	float: right;
	background: #EBEEEE;
	color: #000;
	padding-left: 3px;
	margin-top: 5px;
}

.xxtp {
	width: 297px;
	height: auto;
	float: right;
	padding: 3px;
	background: #eee;
	overflow: hidden;
	padding-left: 5px;
}

.xxtp a {
	float: right;
	padding: 3px 2px;
	text-align: center;
	color: #000;
}

.xxtp a:hover {
	text-decoration: none;
}

.xxtp img {
	border: 1px solid #ccc;
	padding: 1px;
}

.ybtc {
	float: right;
	width: auto;
	height: auto;
	border: 1px solid #eee;
	padding: 1px;
}

.project {
	height: auto;
	overflow: hidden;
	padding-bottom: 10px;
}

.project ul li {
	float: right;
	width: 132px;
	border-radius: 4px;
	height: 145px;
	border: 1px solid #ccc;
	margin: 10px 5px 5px 5px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.project ul li:hover {
	border: 1px solid #247bc2;
}

.project ul li img {
	display: block;
	margin: 0 auto;
	padding: 20px;
	width: 100px;
	height: 66px;
}

.project ul li a {
	color: #000;
}

.project ul li a:hover {
	text-decoration: none;
}

.sitemap .title1 {
	width: 990px;
	margin: 0px 10px;
}

.sitemap ul {
	padding: 10px;
}

.sitemap ul li {
	padding-bottom: 5px;
}

.sitemap ul li.f {
	padding-bottom: 0px;
}

.sitemap ul li a {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}

.sitemap ul li.f a {
	color: #000;
	text-decoration: none;
}

.sitemap ul li.f1 a {
	color: #333;
	text-decoration: none;
}

.cer ul li {
	float: right;
	width: 20%;
	height: 215px;
	text-align: center;
	display: inline;
	padding-top: 20px;
}

.cer ul li img {
	border: 1px solid #ddd;
}

.cer ul li a {
	color: #000;
}

.cer ul li a:hover {
	text-decoration: none;
}

.tit {
	margin: 20px 0;
	text-indent: 1em;
	border-radius: 4px;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	background: #f5f5f5;
	border: 1px solid #ddd;
}

.dis {
	margin-top: 50px;
	line-height: 25px;
}

.rel ul {
	float: right;
	width: 111px;
	height: auto;
	padding: 10px;
	text-align: center;
}

.rel ul li {
	float: right;
	width: 111px;
}

.rel ul li img {
	border: 1px solid #ddd;
}

.rel ul li.t {
	padding: 10px 0;
}

.erweima {
	width: 200px;
	height: 200px;
	float: right;
	padding: 30px 50px;
}

.gege {
	width: 460px;
	float: right;
}

.geimg {
	float: right;
}

.getxt {
	width: 558px;
	margin-top: 34px;
}

.petxt ul li {
	line-height: 30px;
	margin-top: 10px;
}

dt {
	line-height: 20px;
}


.pro_feilei {
    margin-top: -30px;
    max-width: 1170px;
    height: 210px;
    z-index: 99999;
    margin: 0 auto;
    overflow: hidden;
}
.pro_feilei li {
    width: 24.9%;
    float: right;
    margin-bottom: 6px;
}
.pro_feilei .out{
	visibility: visible\9;
	-webkit-transition:all 0.6s ease-in-out;
	   -moz-transition:all 0.6s ease-in-out;
	    -ms-transition:all 0.6s ease-in-out;
	     -o-transition:all 0.6s ease-in-out;
			transition:all 0.6s ease-in-out;
    -webkit-transform-style:preserve-3d;
	   -moz-transform-style:preserve-3d;
	    -ms-transform-style:preserve-3d;
	     -o-transform-style:preserve-3d;
			transform-style:preserve-3d;
	-webkit-transform:rotateY(0deg);
       -moz-transform:rotateY(0deg);
	    -ms-transform:rotateY(0deg);
	     -o-transform:rotateY(0deg);
			transform:rotateY(0deg);
-webkit-backface-visibility:hidden;     
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
    height: 210px;
    margin-top: 0\9!important;
    text-align: center;
}    

  .pro_feilei .out p{ text-align:center}

.pro_feilei .in{
	visibility: hidden\9;
	-webkit-transition:all 0.6s ease-in-out;
	   -moz-transition:all 0.6s ease-in-out;
	    -ms-transition:all 0.6s ease-in-out;
	     -o-transition:all 0.6s ease-in-out;
			transition:all 0.6s ease-in-out;
    -webkit-transform-style:preserve-3d;
	   -moz-transform-style:preserve-3d;
	    -ms-transform-style:preserve-3d;
	     -o-transform-style:preserve-3d;
			transform-style:preserve-3d;
	-webkit-transform:rotateY(-180deg);
       -moz-transform:rotateY(-180deg);
	    -ms-transform:rotateY(-180deg);
	     -o-transform:rotateY(-180deg);
			transform:rotateY(-180deg);
    -webkit-backface-visibility:hidden;
       -moz-backface-visibility:hidden;
		-ms-backface-visibility:hidden;
		 -o-backface-visibility:hidden;
            
	backface-visibility:hidden; 
    
	margin-top: -160px;
}

.product_rp ul{ float:left; width:99%; margin-bottom:15px; border-bottom:1px dotted #CCCCCC; padding:5px 0px;}
.product_rp ul li{ float:left; width:112px; height:auto;}
.product_rp ul li img{ border:1px solid #ddd; width:180px;}
.product_rp ul li.t{ width:460px; height:auto; margin-left:90px;}
.product_rp ul li a{ display:block; color:#02267c; font-weight:bold;}

.pro_feilei li .in p{ line-height:25px;background:#f5f5f5; padding: 0; }
.pro_feilei li:hover .in{
	visibility: visible\9;
	-webkit-transition:all 0.6s ease-in-out;
	   -moz-transition:all 0.6s ease-in-out;
	    -ms-transition:all 0.6s ease-in-out;
	     -o-transition:all 0.6s ease-in-out;
			transition:all 0.6s ease-in-out;
    -webkit-transform-style:preserve-3d;
	   -moz-transform-style:preserve-3d;
	    -ms-transform-style:preserve-3d;
	     -o-transform-style:preserve-3d;
			transform-style:preserve-3d;
	-webkit-transform:rotateY(0deg);
       -moz-transform:rotateY(0deg);
	    -ms-transform:rotateY(0deg);
	     -o-transform:rotateY(0deg);
			transform:rotateY(0deg);
-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;  	
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
}
.pro_feilei li:hover .out{
	visibility: hidden\9;
-webkit-transition:all 0.6s ease-in-out;
	   -moz-transition:all 0.6s ease-in-out;
	    -ms-transition:all 0.6s ease-in-out;
	     -o-transition:all 0.6s ease-in-out;
			transition:all 0.6s ease-in-out;
 -webkit-transform-style:preserve-3d;
	   -moz-transform-style:preserve-3d;
	    -ms-transform-style:preserve-3d;
	     -o-transform-style:preserve-3d;
			transform-style:preserve-3d;
	-webkit-transform:rotateY(-180deg);
       -moz-transform:rotateY(-180deg);
	    -ms-transform:rotateY(-180deg);
	     -o-transform:rotateY(-180deg);
			transform:rotateY(-180deg);
	-webkit-backface-visibility:hidden;
	   -moz-backface-visibility:hidden;
		-ms-backface-visibility:hidden;       
         -o-backface-visibility:hidden;
            backface-visibility:hidden;   
}
.out h3,.in h3{ text-align:center; font-size:18px; margin:5px 0 5px 0;}
.out h3 a,.in h3 a { color:#222;  }

.pro-icon{ width:122px; height:123px; display:inline-block; }
.ps{ background:url(../images/stone.png) no-repeat;}
.xk{ background:url(../images/xk.png) no-repeat;}
.mf{ background:url(../images/mf.png) no-repeat;}
.jc{ background:url(../images/jc.png) no-repeat;}
.pro_feilei .content{padding-top:10px; color: #666666; width:248px; height: 80px;position: absolute; margin-left:20px;}
.pro_feilei .content p{ text-align:center; line-height:22px;font-size: 12px; margin-bottom:15px;}
.pro_feilei .content p a{width: 100%;display: block; float: right;text-align: center;text-transform: capitalize; color: #222; }
.pro_feilei .content p a:hover { color: #247bc2; text-decoration: underline; }


.container, .his-detail, .baselayout {
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;
}
.sy_new {
    width: 26%;
    margin-left: 5%;
    float: right;
    overflow: hidden;
}
.sy_new ul{ height:140px; overflow:hidden;}
.sy_choose h3, .sy_about h3, .sy_contact h3, .sy_new h3 {
    font: bold 25px/30px 'Roboto Condensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 58px 0 20px 0;
    color: #000/*#EB0007*/;
}

.sy_new li {
    width: 100%;
    line-height: 26px;
    margin-bottom: 5px;
    background: url(../images/list1.jpg) no-repeat left 9px;
    padding-left: 16px;
}

.sy_new li a {
    color: #818181;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.sy_new li a:hover{
	color: #247bc2;
	text-decoration: underline;
}





.sy_choose {
    width: 28%;
    float: right;
    margin-left: 10%;
    line-height: 20px;
}
.sy_choose img {
    width: 100%;
    height: auto;
    
}
.sy_choose ul {
    margin-top: 13px;
	height:140px; overflow:hidden;
}

.sy_choose li {
    width: 100%;
    line-height: 30px;
    background: url(../images/thick-button-crush.jpg) no-repeat left 7px;
    padding-left: 25px;
}
.btn {
    text-transform: uppercase;
    color: #fff;
    background: url(../images/moreico.jpg) no-repeat right top #3167db;
    border-radius: 0px;
    display: inline-block;
    padding: 9px 55px 9px 20px;
    margin: 0 auto;
    margin-top: 15px;
    font-weight: bold;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.sy_contact { color: #818181;}
.sy_contact li { padding: 5px 0; }
.sy_contact b{ color: #000; float: right;}
.sy_contact a{ color: #247bc2; }
.sy_contact a:hover { color: #00984d; }


.sendmessage{padding:10px 0px; width:100%; height:40px; float:left;}
.sendmessage a{ color:#FFFFFF}
.send-message1 {
    background: url(../images/message.png) no-repeat 5px center /*#00BCD5*/#ff6f00;
    margin-right: 15px;
    padding: 5px 10px 5px 40px;
    display: block;
    font-size: 12px;
    float: right;
}
.sale-service {
    background: url(../images/message.gif) no-repeat 5px center #006ECF/*#046CC1*/;
    display: block;
    float: right;
    padding: 5px 10px 5px 40px;
    font-size: 12px;
    color: #fff;
}

#scroll{ 
	margin-top: 50px;
} 
.scroll{ 
	width: 1170px;
	height: 345px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.scroll-top h3{ 
	width: 100%; 
	height: 50px; 
	line-height: 50px;  
	font-size: 24px;
	color: #000;
	position: relative;
}
.scroll-top i{
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 13px;
	cursor: pointer;

}
.scroll-top i.i1{
	left: 0;
	background: #CCD0D9 url("../images/carousel-prev-next.png") -15% 50% no-repeat;
}
.scroll-top i.i2{
	left: 26px;
	background: #CCD0D9  url("../images/carousel-prev-next.png") 115% 50% no-repeat;

}
ul.scroll-bottom{
	position: absolute;
	left: 0;
	top: 50px;
}
ul.scroll-bottom li{
	float: right;
	width: 280px;
	padding: 6px;
	text-align: center;
}
ul.scroll-bottom li img{
	width: 80%;
	padding: 1px;
	border: 1px solid #eee;
}
ul.scroll-bottom li h5{
	font-weight: 500;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding: 20px 0 15px;
    color: #304770;
    margin: 2% 0 0.5% 0;
}
ul.scroll-bottom li span{
	display: inline-block;
	width: 100%;
    color: #999;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    height: 63px;
    overflow: hidden;
    line-height: 20px;
    margin: 0 0 10px;
}