html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin: 0; padding: 0; }
/* IE5.xIE6бbug */ 
* html body{overflow: visible; } 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}.clearfix {display:block;}
td { word-break: break-all; word-wrap:break-word;}

/* body */ 
body{ color:#333; font-size:14px; font-family:"微软雅黑"; line-height:22px;} 
i, em, cite { font-style: normal; }
/* a */ 
a{color:#333; text-decoration:none; }
a:hover{text-decoration:none; color:#e4691c }
/* form */ 
textarea,input{ word-wrap:break-word;word-break:break-all;} 
input {vertical-align:middle;font-size:12px}
/* li */ 
ul,li{list-style-type:none;} 
/* img */ 
img{border:0; vertical-align:middle;} 
/* h* */ 
h1{ font-size:24px;} 
h2{ font-size:20px;} 
h3{ font-size:18px;} 
h4{ font-size:16px;} 
h5{ font-size:14px;} 
h6{ font-size:12px;}
embed { width:98%;}
.newsnr{ width:100%; overflow:hidden}
.newsnr img{ width:99% !important; text-align:center; height:auto !important}
.newsnr .p0 img{ width:99% !important; text-align:center; height:auto !important}


/*********清除浮动处理**********/
.clr {clear:both; display:block; height:0;font-size:0; overflow:hidden;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

.bk52{width: 100%;height:52px;}
.bk20{width: 100%;height: 20px;}
.bk10{width: 100%;height: 10px;}
.line{ width:100%; height:1px; background:#ddd;}

.heawrap{ height:60px;  width:100%; background:#fff; top:0px; left:0px; z-index:200; position:fixed; -webkit-box-shadow:0 0px 3px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);box-shadow:0 1px 3px rgba(0,0,0,0.25);-webkit-border-radius:2px;-moz-border-radius:2px;}
.top1 { height:60px; width:100%;  }
.logo{float:left;  height:60px; overflow:hidden; }
.logo img{ width:204px; height:60px; margin-top:0px;}
.heawrap .rewm { float:left; padding-top:5px; width:50px;}
.heawrap .rewm2 { float:left; text-align:left;width:50px; line-height:22px; padding-top:10px;}
.hea-R{overflow:hidden;position:absolute; right:5px; top:5px;width:60px;height:53px;}
.hea-R img{width: 60px;height: 53px;overflow:hidden;}

.qqkefu { width:100%; height:30px; background:#CCCCCC;}
.qqkefu a { float:left; padding-left:23px;  line-height:30px; display:block; width:44px; background:url(../../qq/images/qq.gif) no-repeat 5px 7px; }

.heawrap .en{ position:absolute; right:70px; top:20px; }
.heawrap .en a{ color:#0bdaf3; font-family:Arial, Helvetica, sans-serif; padding:0 3px; font-size:16PX; font-weight:bold;}


/*banner*/
.swiper-container {
        width: 100%;
        height: 100%;
        background: #000; 
		padding-top:60px;  
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;       
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-slide a{
        display: block;
    }
    .swiper-slide a img{
        display: block;
        width: 100%;
        height: auto;
    }

/*hr*/
    .flgr-hr{
        width:96%;
        height: 6px;
		margin:0 auto;    }
    .flgr-hr span{
        display: block;
        width: 25px;
        height: 6px;
        background: #2e0261;
        margin: -11px auto 0 auto;
    }
    .flgr-hr hr{
        display: block;
        width: 100%;
        height: 1px;
        background: #bfbfbf;
        border: 0;
    }
    .flgr-hr span.flgr-hr-l{
        margin: -3px 0 0 0;
    }

/*首页导航*/
.home_nav{ width:100%; display: -webkit-box; -webkit-box-orient: horizontal; background:#FFF;}
.home_nav ul{ width:100%; padding:10px 0;}
.home_nav li{-webkit-box-flex:1; text-align:center; font-size:1em; line-height:26px; width:25%; float:left; margin:10px 0; color:#000;}
.home_nav li img{width:60%; height:auto;}

/*产品分类*/
.section{ padding-top:40px; padding-bottom:30px;}
.section--gray01 {
	background: #f5f5f5; 
}
.section--light {
	background: #fff;padding-bottom:15px;
}
.section__header{ margin-bottom:15px;}
.section__header__title {
	text-align: center; font-size:28px; color:#000; line-height:30px;
}
.section__header__title a{ color:#000; font-weight:bold;}
.section__header__text {
	margin-top:6px; font-size:1.3rem; line-height:20px; color:#666;
	text-align: center;
}

.cranes-series {
	display: table;
	width: 100%;

	margin-left: auto;
	margin-right: auto;
	table-layout: fixed;
}

.pro_class{ width:46%; margin:15px 2%; float:left; text-align:center;}
.class_img{ -webkit-box-flex:1; display:block; width:100%; margin:0 auto; text-align:center;}
.class_img img{ width:100%; height:auto; overflow:hidden;}
.class_title{ font-size:18px; font-weight:bold; color:#333; line-height:36px; height:36px; overflow:hidden;}
.class_text{ font-size:13px; color:#666; line-height:20px; max-height:40px; overflow:hidden;}
.class_btn{ width:100%; margin-top:8px;}
.common-button {
	display: inline-block;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	text-align: center;
	line-height:28px;
	font-size: 1.3rem;
	transition: 0.2s;
}
.common-button:hover {
	transition: 0.3s;
}
.common-button--dark {
	width: 100px;
	border-color: #999;
	color: #333;
}
.common-button--dark:hover,
.common-button--black:hover {
	border-color: #db2035;
	background: #db2035;
	color: #fff;
}


/*首页产品*/	
.crane-lineup{ width:100%; margin:0 auto; margin-top:30px;}
.crane-lineup__item{ width:48%;  position:relative; margin:0 1%;margin-bottom:20px; float:left;}
.crane-lineup__img{-webkit-box-flex:1; display:block; width:100%; margin:0 auto; text-align:center; border:1px solid #ddd;}
.crane-lineup__img img{ width:100%; height:auto; overflow:hidden;}
.crane-lineup__title{ font-size:16px; line-height:36px;color:#000; background:#fff; text-align:center;}


/*首页关于我们*/
.made-in-japan{height:auto; background: url(../images/gs.jpg) center top no-repeat; margin-top:40px; margin-bottom:40px;}

.section__header__text11{ color:#eee;}
.made-in-japan__text{ width:90%; margin:0 auto; font-size:13px; line-height:26px; color:#333;}
.made-in-japan__btn{text-align:center; width:122px; margin:0 auto; margin-top:20px; display:block;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	text-align: center;
	line-height:34px;
	font-size: 1.3rem;
	transition: 0.2s;border-color: #777;}
.common-button_gs{width:120px; display:block;
	border-color:#777;
	color: #000;}
.common-button_gs:hover {
	border-color: #fff;
	background: #000;
	color: #fff;
}

/*首页案例*/
.rollBox{ margin-top:30px;position:relative; height:255px; overflow:hidden;}
.rollBox .LeftBotton{height:100px;width:50px;background:url(../images/left.png) no-repeat left;overflow:hidden; cursor:pointer; position:absolute; z-index:999; left:0; top:60px;}
.rollBox .RightBotton{height:100px;width:50px;background:url(../images/right.png) no-repeat left;overflow:hidden; cursor:pointer; position:absolute;z-index:999; right:0; top:60px;}
.rollBox .Cont{width:300px;overflow:hidden; margin:0 auto;}
.rollBox .ScrCont{width:10000000px;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox ul li{ float:left; width:300px; height:255px; overflow:hidden; text-align:center; }
.rollBox ul li .al_img{-webkit-box-flex:1; display:block; width:100%; margin:0 auto; text-align:center;}
.rollBox ul li .al_img img{width:300px;height:225px; overflow:hidden;}
.rollBox ul li p{color:#333; font:100 15px/36px "微软雅黑";text-align:center;height:30px; overflow:hidden;}


/*首页新闻*/
.q_tpm5{width:100%; overflow:hidden;}
.q_tpm5 a{display: block;width: 100%;overflow: hidden;}
.q_tpm5 a img{ display: block; width: 100%; height:230px;margin: auto;}
.q_tpm5 a i{height:40px; line-height:40px; font-size:14px; color:#fff; background:rgba(0, 0, 0, 0.5); padding:0 4%; width:100%; display:block; font-style:normal; position:absolute; z-index:1; margin-top:-40px; overflow:hidden;}

.news_list{}
.news_list li{ margin:0 4%; width:92%;  border-bottom:1px solid #eee; height:90px; padding:15px 0;}
.news_list li .l_117{ float:right; width:22%; height:60px; padding-top:10px; padding-bottom:10px; background:#b7b7b7; }
.news_list li .t_50_1{  width:100%;font-family:"Arial"; font-size:20px;  height:22px; line-height:22px; color:#fff; text-align:center; display:block; }
.news_list li .d_23_5{  width:100%; font-family:"Arial"; font-size:12px; height:18px; line-height:18px;  color:#fff; text-align:center;display:block; }


.news_list li .r_714{ float:left; width:73%; height:60px; overflow:hidden;}
.news_list li .r_714 .t_48_1{ float:left; width:100%; height:24px; line-height:24px; font-size:14px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_list li .r_714 .t_48_1 a{ color:#333;}

.news_list li .r_714 .d_56{ float:left; width:100%; height:36px; line-height:18px; font-size:12px; color:#999; overflow:hidden;}
.news_list li .r_714 .d_56 a{ color:#999;}

.news_list li:hover .t_48_1 a{ color:#ff6a00;}
.news_list li:hover .d_56 a{ color:#999;}
.news_list li:hover .l_117{ background:#ff6a00;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}

/*首页荣誉资质*/
.js-gallery{ width:98%; margin:0 auto;}
.animated .gallery__item {
	animation-name: viewScaleUp;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-duration: 1s;
	animation-fill-mode: both;
}
.gallery__item {
	float: left;
	width:50%;
}
.gallery__link {
	overflow: hidden;
	display: block;
	position: relative;
}
.gallery__link:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.79);
	opacity: 0;
	transition: 0.4s;
	z-index: 1;
}
.gallery__link:hover:before {
	opacity: 1;
}
.gallery__link:hover:after {
	opacity: 0;
}

.gallery__img {
 padding:1%;
	width:94%;
	height: auto;
	transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); border:1px solid #ddd; margin:2%;
}

.rycommon-button{text-align:center; width:122px; margin:0 auto; margin-top:20px; display:block;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	text-align: center;
	line-height:34px;
	font-size: 1.3rem;
	transition: 0.2s;border-color: #ddd;}


/*why*/
.why{ width:100%;}
.why a{ display:block;}
.why a img{ width:100%; height:auto;}


/*内页*/
#box_main {position:relative;}

.inpro { width:100%; height:46px; line-height:46px; font-size:18px; background:#fff; color:#111; border-bottom:1px solid #ccc;}
.inpro h6{}
.inpro h6 a{line-height:46px; font-size:18px; background:#fff; color:#111; font-weight:normal;}
.inpro h6 em{width:3px; height:16px; background:#f82528; margin:15px 10px; float:left;}

/*内页nav*/
.nav{ width:98%; margin:0 auto; padding-bottom:10px; text-align:center;}
.nav a{float:left; margin:0 5px 10px 5px;display:inline-block;padding:10px 12px;background:#eee;color:#000;font-size:1.4rem;text-align:center}
.nav a:hover{background:#0bdaf3;color:#fff }
.nav a.cur{background:#0bdaf3;color:#fff;}

/*内页名称*/
.ny_name{ text-align:center;}
.ny_name a{ color:#111; font-size:22px; font-weight:bold;line-height:40px; display:block;}
.ny_name hr{ width:20px; height:3px; background:#f10000; margin:0 auto; margin-bottom:5px; border:none;}

.menu-second { position:absolute;top:35px; right:10px;display:none; z-index:10;}
.menu-second .col{ background:#2e0261;}
.menu-second ul{ overflow:hidden;}
.menu-second li { }
.menu-second li a { font-weight:normal;}
.menu-second a.ui-link{ font-size:12px; display:block;line-height:26px; color:#fff; padding:0 15px; text-decoration: none; border-bottom:1px solid #ccc;}
.menu-second .ui-link:hover {color:#fff;background:#d30000;}
.menu-second ul dl a{font-weight:normal;}


.inpro_list { width:100%; margin:0 auto ; padding-top:10px;  display:-webkit-box; -webkit-box-orient: vertical;}
.inpro_list li{-webkit-box-flex:1; display:-webkit-box; background:#ededed; padding:5px;  margin-bottom:10px; -webkit-box-orient: horizontal; }
.inpro_list li .inpro_img{-webkit-box-flex:4; width:35% }
.inpro_list li .inpro_img img{ width:90%; border:1px solid #dadada}
.inpro_list li .inpor_text{-webkit-box-flex:1; width:60%;  font-size:0.8em; }
.inpro_list li .inpor_text strong{ font-weight:normal; }
.inpro_list li .inpor_text a strong { color:#033d6b}


/*#footer*/
footer{display: -webkit-box; -webkit-box-orient: horizontal; width:100%;  height:52px; bottom:0px; left:0px; z-index:1; position:fixed }
footer a{ color:#FFFFFF; font-size:0.9em; background:#000; display:block; width:100%; height:52px; text-align:center; line-height:52px; -webkit-box-flex:1; }
footer a:nth-child(1),footer a:nth-child(2),footer a:nth-child(3){}
footer a:hover{background:#0bdaf3;color: #FFF}
footer a:visited {color:#FFF}
footer img{width:20px; margin-top:-4px;}



/*page_mesg*/
#box_main { overflow: hidden; height:100%;}
.content_txtwrap  { text-align:left; padding:15px; overflow: hidden; height:100%; }

.cot_inner2 { width:302px; margin:0 auto;}
.cot_inner2 li { float:left; text-align:center; width:145px; line-height:24px; margin-bottom:8px; margin-left:3px; margin-right:3px;}
.cot_inner2 li img { width:145px; height:105px; }

/*æ–°é—»*/
.news_ul{ width:100%; display: -webkit-box; -webkit-box-orient: vertical;}
.news_ul li { -webkit-box-flex:1; border-bottom:1px dashed #CCC; height:32px; line-height:32px; padding:5px 10px; overflow:hidden;}
.news_ul li a{ display:block; width:auto; height:auto; background:url(../images/icon2.gif) left center no-repeat; padding-left:8px; background-size:3px 3px;}
.news_ul li span { float:right;}

.pronr{ width:100%; margin-top:20px; overflow:hidden;}
.pronr li{ width:48%; float:left; margin:0 1%; margin-bottom:15px;}
.pro-nr{ display: -webkit-box; -webkit-box-orient: vertical; width:47%;  margin-left:2%;-webkit-box-flex:1; margin-bottom:10px;}
.pro-nr01{ -webkit-box-flex:1; display:block; width:100%; margin:0 auto;border:1px solid #eee; text-align:center}
.pro-nr01 img{ width:100%;height:auto; overflow:hidden;}
.pro-nr02{-webkit-box-flex:1; display:block; text-align:center;  font-size:16px; line-height:36px;color:#000; background:#f2f2f2;}
.pro-nr02 a{color:#000;}

.pronr1{ width:100%; margin-top:20px; overflow:hidden;}
.pronr1 li{ width:47%; float:left;}
.pro-nr05{-webkit-box-flex:1; display:block; text-align:center;  font-size:14px; line-height:24px;}

.pro-nr03{ -webkit-box-flex:1; display:block; width:100%; margin:0 auto; border:1px solid #eee; padding:5px; text-align:center}
.pro-nr03 img{ width:100%; height:auto;}
.pro-nr04{ -webkit-box-flex:1; display:block; width:100%; margin:0 auto; text-align:center}
.pro-nr04 img{ width:100%; height:140px; overflow:hidden; border:1px solid #ddd;}

.pro-nr044{ -webkit-box-flex:1; display:block; width:99%; margin:0 auto;border:1px solid #CCC; text-align:center}
.pro-nr044 img{ width:100%; height:130px; overflow:hidden;}


/*singleCase*/
.sgnews_wrap .title{border-bottom:1px solid #cecece;padding:15px 0;text-align:center;}
.sgnews_wrap h1{font-size:18px;padding-bottom:10px;}

.htmlEditcontent{ width:92%; margin:15px auto;}
.htmlEditcontent img{ margin:0 auto; width:100%; margin-bottom:10px;} 

.switch{ clear:both;padding:10px 20px;border-top:1px solid #dfdfdf;}
.switch li{ line-height:30px;}

.contit { width:100%; font-size:16px; font-weight:bold; color:#fff; background:#e7e7e7; height:35px; line-height:35px; }
.contit p { background:#11781b; height:35px; line-height:35px; width:100px; text-align:center;}


/* slider */
.slider_bx{width:276px;margin:0 auto;padding-top:20px;}
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none;}
.flexslider {width: 100%; margin: 0;padding: 0;height:180px;border:1px solid #dfdfdf;position:relative;}

.flexslider .slides > li {display: none;position:relative;text-align:center;}
.flexslider .slides img {/*width:100%;*/margin:5px auto;display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slide_tip{position:absolute;bottom:0;width:100%;height:28px;line-height:28px;font-size:12px;background:rgba(0,0,0,0.45);color:#fff;text-indent:15px;}
.slides:after { content: "."; display: block; clear: both; visibility: hidden;line-height: 0; height: 0;}
.flexslider {position: relative;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1;position: relative;}
.flex-control-nav { width: 100%;line-height:10px; position: absolute;bottom:10px;text-align: center;}
.flex-control-nav li { margin: 0 0 0 10px;display: inline-block;}
.flex-control-nav li:first-child {margin: 0;}

.flex-control-nav li a {width: 8px; height: 8px;display: block;background:#E3E1E1;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;cursor: pointer;text-indent: -9999px;}
.flex-control-nav li a.active { background:#888; cursor: default;}
.flex-direction-nav .prev, .flex-direction-nav .next {display:none;}


.cot_inner2 {clear:both;text-align:left;color:#000;padding:10px 5px;}
.sectit { font-weight:bold; font-size:15px; height:36px; line-height:36px; padding-left:15px; background:#ddd; margin-top:15px; margin-bottom:10px;}

.q_tpm { padding:10px 10px 20px 10px; line-height:23px; overflow:hidden;}
.q_tpm h3 {  }
.q_tpm h3 img { width:99%}
.q_tpm p { display:inline;}

.q_tpm2 { line-height:28px; padding:10px 10px 20px 10px;overflow:hidden; padding-bottom:10px; }
.q_tpm2 li { height:28px; line-height:28px; width:100%; display:block; }
.q_tpm2 li a { float:left; background:url(../images/icon2.gif) no-repeat 5px center; padding-left:15px;}

/*联系我们*/
.lxdt{ margin-top:20px;}



/*底部联系*/
.ft_contact{border-top:1px solid #dedede;}
/* tel */
.tel{background:#fff; padding:16px 10px; margin:5px auto 0;}
.tel_l{ float:left;}
.tel_r{ float:right;}
.tel_r a{display: block;font-size:22px;color: #0bdaf3;line-height:40px; background:url(../images/tel.jpg) left center no-repeat; padding-left:30px;}
.tel_l p{ font-size:16px; font-weight:bold; line-height:18px; height:18px;}
.tel_l span{ font-size:12px; color:#aaa; line-height:14px; height:14px;}


.foot02{text-align:center;line-height:20px;font-size:12px;padding:30px 0 30px 0;color:#999; background:#f5f5f5;}
.foot02 a{color:#999}
.foot02 .foot02_2 a{margin:0 5px}

.global-pagetop {
	position: fixed;
	right: 15px;
	bottom:60px;
	opacity:1;
	transition: opacity 0.3s;
	z-index: 100;
}

.global-pagetop__link {
	display: block;
	width: 40px;
	height: 40px;
	padding-top:11px;
	background: rgba(0,0,0,0.10);
	text-align: center;
	line-height: 1;
	transition: 0.2s;
}
.global-pagetop__link:hover {
	background: rgba(0,0,0,0.90);
	transition: 0.3s;
}
.global-pagetop__link img{ margin:0 auto;}

/*内页*/
.page-top{ padding-top:60px;}
.page-header{ width:96%; margin:0 auto;}
.page-header hr{ width:26px; height:3px; background:#0bdaf3; border:none; margin:10px 0;}
.page-header h1{ font-size:32px; color:#000; line-height:36px; font-weight:normal;}

.ban{ padding-top:60px; width:100%;}
.ban img{ width:100%; height:auto; overflow:hidden;}
.about01{background: #db2035;color: #fff;padding: 2rem 1rem;}
.about01 .txt img.t01 {width: 60%;}
.about01 .txt_des {font-size: 1.2rem;line-height: 25px;}
.about01 .txt .t02 {
    display: block;
    font-size: 1.8rem;
    margin: 1rem 0;
    font-weight: bold;
}
.about_t01 {
    font-size: 1.8rem;
    color: #282828; line-height:28px;
}
.about_t02 {
    margin: 0;
    font-size: 3rem;
    font-weight: normal;
    color: #282828; line-height:32px;
}
.about_t03 {
    margin: 0;
    font-size: 1.4rem;
    color: #787878; line-height:26px;margin-top:20px;
}

.about_phil{ width:94%; margin:0 auto; overflow:hidden;}
.about_t04 {
    margin: 0;
    font-size: 1.4rem;
    color: #666; text-align:left; line-height:26px; margin-top:20px;
}
.about_t04 img{ margin:0 auto; width:100%; height:auto;}

.about_envi .list .item {
    padding: 0 1rem 1rem 0;}
	
.no_padding{ width:92%; margin:0 auto;}
.am-g{ margin-top:20px;}
.contact_txt{ margin:30px 0; line-height:26px;}

/*合作客户*/
.cus{ width:96%; margin:0 auto; margin-top:20px;}
.cus li{width:46%; float:left; display: -webkit-box; -webkit-box-orient: vertical; margin:0 2%;-webkit-box-flex:1; margin-bottom:15px;}
.cusimg{ -webkit-box-flex:1; display:block; width:100%; margin:0 auto;border:1px solid #ddd; text-align:center }
.cusimg img{ width:140px; height:104px;overflow:hidden; padding:20px 0;}