@charset "utf-8";
/* CSS Document */
body{ font-family: "Arial","微软雅黑"; background:#f0f0f0;min-width:1360px;}
header{ width:100%; height:64px; background:#FFFFFF;}
.header{ max-width:1200px; margin:0 auto; height:64px;}
.logo{ margin:12px 0;}
.logo a,.bot_logo a{ display:block;}
.logo a img,.bot_logo a img{ height:40px;}
.switch{ line-height:64px; color:#CCCCCC;}
.switch a{ font-size:16px; font-weight:bold; color:#4c4c4c; margin:0 16px;}
.switch a.current{ color:#0a75b3;}

.banner_box{ min-width:1200px; max-width:100%; position: relative;}
.banner{ position: relative;}
.ban_list{ width:100%; height:760px; margin:0 auto; position: relative;overflow:hidden;}
.ban_list li{ width:1920px; position:absolute; float:left; left:50%; margin-left:-960px;bottom:0;}
@media only screen and (max-width: 1440px) {
	.ban_list{height:500px;}
	.ban_list li{bottom:-50px;width:1440px;margin-left:-720px;}
}
.ban_list li img{width:100%; transition: all 300ms ease 0s;}
.banner .btn_box{ width:100%; text-align:center; position:absolute; bottom:-20px; z-index:999;} 
.btn{ height:45px; display:inline-block;}
.btn .s_banner{ display: inline-block; width:100px; height:45px; border:solid 1px #FFFFFF; margin-right:10px;float:left; cursor:pointer;}
.btn .current{ border:solid 1px #fdd10d;}

.nav,.nav01{ min-width:1200px; height:90px; left:50%; margin-left:-600px; background:#1e8ccc; position: absolute; top:0px; z-index:9999; transition:all 0.3s;}
.nav ul{}
.nav ul li,.nav01 .home{ width:199px; height:90px; border-right:solid #2da9f2 1px; float:left;transition:all 0.3s;}
.nav ul li a,.nav01 .home a{ display:block; height:64px; padding-top:26px; font-size:16px; color:#FFFFFF; text-align:center; line-height:22px;}
.nav ul li a b,.nav01 .home a b{ font-size:12px; color:#fdd10d;}
.banner_box .no_border{ border-right:none;  width:200px;}
.nav ul li a.current,.nav ul li a:hover,.nav01 .home a:hover{ background:#0a75b3;}

.nav01 .nav02{ float:left;}
.nav02 ul li{ width:199px; height:45px; border-right:solid #2da9f2 1px; border-bottom:solid #2da9f2 1px; float:left;transition:all 0.5s;}
.nav02 ul li a{ display:block; width:100%; height:100%; font-size:16px; color:#FFFFFF; text-align:center; line-height:45px;}
.nav02 ul li.select{ background:#0a75b3; border-bottom:solid #0a75b3 1px;}
.nav02 ul li.select a{ color:#fdd10d;}
.nav02 ul li:hover{ background:#0a75b3;}
.nav01 .sub_nav{ background:#0a75b3; padding:16px 0;}
.sub_nav dd{ width:199px; height:12px; border-right:solid rgba(255,255,255,0.3) 1px; float:left;}
.sub_nav dd a{ display:block; width:100%; height:100%; font-size:14px; color:#FFFFFF; text-align:center; line-height:12px;transition:all 0.3s;}
.sub_nav dd a:hover,.sub_nav dd a.select{ color:#fdd10d;}

.nav01.aaaa,.nav.aaaa{ position:fixed; top:-48px;}
.nav.aaaa ul li a{ display:block; height:44px; padding-top:46px; font-size:16px; color:#FFFFFF; text-align:center; line-height:44px;}
.nav.aaaa ul li a b{ display:none;}
.nav01 .home.bbbb{ width:199px; height:64px; padding-top:26px; border-right:solid #2da9f2 1px; float:left;}
.nav01 .home.bbbb a{ display:block; height:44px; font-size:16px; color:#FFFFFF; text-align:center; line-height:34px;}
.nav01 .home.bbbb a b{ display:none;}
.nav01 .home.bbbb a:hover{ height:38px;}

.main{ width:100%;}
.content{ max-width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.sy_first{ width:100%; height: auto; background:#f0f0f0 url(../../images/default/pro-bg.jpg) top no-repeat;height:640px;}
.sy_first h2{ font-size:32px; color:#FFFFFF;font-weight:bold; text-align:center; padding:90px 0 25px 0;}
.sy_first h2 span{ color:#fdd10d;}
.sy_first .s_title{ font-size:18px; color:#FFFFFF; text-align:center; padding-bottom:70px}
.box{width: 31.6667%; height:387px; overflow:hidden; float: left;cursor: pointer; position:relative;}
.img{ position:relative;height:380px;overflow:hidden;}
.img img{ display:block; width:380px;}
.img .cover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none;}
.menu,.menu02,.menu03{ width: 100%; text-align: center; position: absolute; transition:all 0.8s; }
.menu{ bottom:-220px;}
.menu02{ bottom:-220px;}
.menu03{ bottom:-54px;}
.textContainer{
    display: inline-block;
    width: 100%;
	height:115px;
    background: #fff;
    padding:25px 0 0 0;
	transition:all 0.3s;
}
.textContainer h3{ color:#333333; font-size:22px; font-weight:bold;}
.textContainer .sub{
    margin:5px 0 7px 0;
    color: #fdd10d;
    font-family: "Open Sans", "Noto Sans Japanese", Meiryo, MS PGothic, sans-serif;
    font-size: 14px;
	font-weight:bold;
}
.textContainer .text{
    font-size:14px; color:#4c4c4c;
}
.menu ul,.menu02 ul,.menu03 ul{
    position:;
    overflow:;
	transition:all 0.3s;
}
.menu ul li,.menu02 ul li,.menu ul03 li{
	height:53px;
    border-top: 1px solid #eeeeee;
    opacity:;
    position: ;
    width: 100%;
	transition:all 0.3s;
}
.menu ul li a,.menu02 ul li a,.menu03 ul li a{ 
	line-height:54px;
    color: #0a75b3;
    font-size: 16px;
    background: #fff;
    transition: 0.1s;
	display:block;
	transition:all 0.3s;
}
.menu ul li a:hover,.menu02 ul li a:hover,.menu03 ul li a:hover{ background: #0a75b3; color:#FFFFFF;}
.box:hover .menu,.box:hover .menu02,.box:hover .menu03{ bottom:0px}
.box:hover .cover{ display:block;}

.sy_two{ width:100%; height:auto; background:#F0F0F0; padding-bottom:50px;}
.sy_two .title,.sy_three .title{font-size:32px; color:#333333;font-weight:bold; text-align:center; padding:90px 0 25px 0;}
.sy_two .title span,.sy_three .title span{ color:#1e8ccc;}
.sy_two .s_title,.sy_three .s_title{ font-size:18px; color:#666666; text-align:center; padding-bottom:40px}
.sy_two .two_con{ padding-top:30px;}
.sy_two .two_con li{ width:380px; height:auto; float:left; margin-left:10px; margin-right:10px; margin-bottom:30px;cursor:pointer;transition:all 0.8s;background: #fff ;}
.sy_two .two_con li img{ width:100%; height:300px;}
.sy_two .two_con li .using{ width:320px; height:96px; padding:24px 30px 0 30px; background:#0a75b3;}
.sy_two .two_con li .using h3{ font-size:18px; color:#FFFFFF; margin-bottom:20px;}
.sy_two .two_con li .using .more{ display:block; width:68px; height:26px; padding-left:20px; font-size:12px; color:#d2efff; border:solid #d2efff 1px; line-height:26px; background:url(../../images/default/more.png) 50px no-repeat;}
.sy_two .two_con li.m0{ margin-right:0;}
.sy_two .two_con li:hover{ margin-top:-30px;margin-bottom:60px;}
.sy_two .t_more{ width:240px; margin:50px auto 0 auto;}
.t_more a{ display:block; width:238px; height:38px; border:solid #0a75b3 1px; font-size:14px; text-align:center; line-height:38px; color:#0a75b3; background:url(../../images/default/more01.png) 150px no-repeat;transition:all 0.3s;}
.t_more a:hover{ line-height:24px; background:url(../../images/default/more01.png) 150px 6px no-repeat;}

.sy_three{ width:100%; height:auto; background:#FFFFFF; padding-bottom:60px;}
.sy_three .th_content{ margin-top:30px;}
.th_content li{ width:33%; height:90px; border-right:solid #d9d9d9 1px; float:left;}
.th_content li a{ width:100%; height:100%; display:block;}
.th_content li a h3{ font-size:16px; color:#333333; line-height:54px; margin-left:220px}
.th_content li a span{ font-size:12px; color:#999999; margin-left:220px}
.th_content li a.bg_icon01{ background:url(../../images/default/sy_th_icon01.png) 100px no-repeat; transition:all 0.5s;}
.th_content li a.bg_icon02{ background:url(../../images/default/sy_th_icon02.png) 100px no-repeat; transition:all 0.5s;}
.th_content li a.bg_icon03{ background:url(../../images/default/sy_th_icon03.png) 100px no-repeat; transition:all 0.5s;}
.th_content li a.bg_icon01:hover{ background:url(../../images/default/sy_th_icon04.png) 100px no-repeat;}
.th_content li a.bg_icon02:hover{ background:url(../../images/default/sy_th_icon05.png) 100px no-repeat;}
.th_content li a.bg_icon03:hover{ background:url(../../images/default/sy_th_icon06.png) 100px no-repeat;}

.sy_four{ width:100%; height:658px; background: url(../../images/default/sy_four_bg.jpg) center no-repeat;}
.sy_four h2{ font-size:32px; color:#FFFFFF; font-weight:bold; text-align:center; line-height:56px; padding:70px 0 50px 0;}
.sy_four h2 span{ color:#fdd10d;}
.sy_four .four_text{ font-size:14px; color:#FFFFFF; width:410px; float:left; margin-top:60px; line-height:24px; text-align:justify; }
.sy_four img{ width:250px; float:left; margin:0 65px;}
.sy_four .four_text a{ display:block; width:80px; height:28px; background:#1e8ccc; font-size:14px; color:#FFFFFF; text-align:center; line-height:28px; float:right; margin-top:30px}

.sy_two .new{ padding-top:30px;}
.new li{ width:340px; padding:0 20px; height:180px; background: rgba(0,160,233,0.15); float:left; transition:all 0.3s; margin-left:10px;margin-right:10px; margin-bottom:30px;}
.new li a{ display:block; width:100%; line-height:90px; border-bottom:solid  rgba(0,160,233,0.5) 2px; font-size:14px; color:#333333; margin-bottom:20px; transition:all 0.5s;}
.new li .new_text{ width:100%; font-size:12px; color:#808080; line-height:20px; transition:all 0.3s;}
.new li:hover{ background: rgba(0,160,233,1);}
.new li:hover a{ border-bottom:solid  #FFFFFF 2px; color:#FFFFFF;}
.new li:hover .new_text{ color:#FFFFFF;}
.new li.m0{ margin-right:0;}

.sy_three .cooperation{ margin-top:30px;}
.cooperation ul{ width:200%; padding-bottom:20px;}
.cooperation li{ width:228px; height:85px; float:left; margin-right:15px;}
.cooperation li a{ display:block; width:100%; height:100%; overflow:hidden;}

.bottom{ width:100%; height:300px; background:url(../../images/default/bottom_bg.jpg) center no-repeat; padding-top:30px;}
.bottom .bot_left{ width:46%; float:left; padding-top:40px; color:#cccccc;} 
.bot_left ul{ margin-bottom:30px;}
.bot_left li{ width:62px; height:62px; float:left; margin-right:40px;}
.bot_left li img{ width:100%; height:100%;}
.bot_left li img:hover{ opacity:0.8;}
.bot_left h2{ font-size:18px; margin-bottom:20px;}
.bot_left .address{ font-size:14px; line-height:22px;}
.address a{ font-size:14px; color:#cccccc; margin-left:20px;}
.address span{ margin-left:20px;}
.bottom .bot_right1{ width:18%; float:left;}
.bot_right1 ul{}
.bot_right1 ul li{ margin-bottom:20px;}
.bot_right1 ul li p a{ font-size:12px; color:#cccccc;}
.bot_right1 ul li p{ margin-bottom:15px;}
.bot_right1 ul li dl{ padding-left:10px;}
.bot_right1 ul li dl dd{ margin-bottom:10px;}
.bot_right1 ul li dl dd a{ font-size:12px; color:#cccccc;}
.bottom a:hover{ color:#FFFFFF;}

<!--吊车系列-->
.pro_box{ width:100%; height:auto; background:#f0f0f0; position:relative;min-width: 1200px;}
.pro_box .crane_box{ top:-60px; z-index:999; padding-bottom:40px;}
.pro_box .crane{ width:100%;min-width: 1200px; margin-bottom:60px;}
.crane li{ width:50%; height:300px; float:left;background: #fff ;}
.crane li a{ display: block; width:50%; height:100%; background:#333333; float:left;}
.crane li a:hover{ background:#262626;}
.crane li a h2{ font-size:20px; text-align:center; padding-top:100px; color:#FFFFFF;}
.crane li a h3{ font-size:12px; font-weight:bold; color:#fdd10d; margin:5px 0 20px 0; text-align:center;}
.crane li a .cr_text{ font-size:12px; color:#FFFFFF; width:210px; overflow:hidden; margin:0 auto 30px auto;}
.crane li a  span{ display:block; width:140px; height:26px; border:solid #FFFFFF 1px; margin:0 auto;font-size:12px; color:#FFFFFF; line-height:26px; text-align:center;}
.crane li img{ width:50%; height:100%; float:left;}

.stu_btn{ width:100%; height:34px; text-align:center; background:#FFFFFF; margin:;}
.stu_btn dt{ display:inline-block; width:82px; height:32px; margin-right:10px;}
.stu_btn dt a,.stu_btn dd a{ display:inline-block; width:100%; border:solid #cccccc 1px; height:100%; font-size:16px; color:#333333; line-height:32px; background:#FFFFFF;}
.stu_btn dt a:hover,.stu_btn dd a:hover,.stu_btn .current{ background:#1e8ccc; color:#FFFFFF; border:none; line-height:34px; height:34px;}
.stu_btn dt a:hover,.stu_btn dt .current{ width:84px;}
.stu_btn dd a:hover,.stu_btn dd .current{ width:34px;}
.stu_btn dd{ display:inline-block; width:32px; height:32px; margin-right:10px;}
.no_bg{ background:none;}

<!--详情页-->
.view_box{ width:100%; background:#F0F0F0;}
.view_box .view{ top:-60px; z-index:999; width:1000px; padding:40px; background:#FFFFFF; text-align:center;}
.view .location,.location a{ font-size:14px; color:#333333; text-align:left;}
.view .view_title{ color:#8e6532; font-size:24px; font-weight:bold; margin-top:40px; text-align:left;}
.view .view_title01{ font-size:20px;  font-weight:bold; color:#333333; margin:40px 0; text-align:left;}
.view p{ width:100%; font-size:16px; color:#333333; line-height:30px; text-align:left; margin-bottom:5px;}
.view p img{  max-width:999px;}
.view img{ display:inline-block;}
.view .next{ display:inline-block; width:300px; height:75px; background:#333333; text-align:center; margin-top:50px;}
.view .next:hover{ background:#262626;}
.view .next span{ color:#b4986f; font-size:12px; display:block; margin:15px 0 5px 0;}
.view .next h4{ font-size:18px; color:#FFFFFF; text-align:center; width:100%;}
.view_box .message{ max-width:1200px; height:auto; margin:0 auto; overflow:hidden; background:#8d785a; padding:50px 0; margin-bottom:100px;}
.message .mes_left{ float:left; margin-left:110px;  font-weight:bold; color:#ffffff;}
.mes_left h2{ text-align:left; font-size:24px;  line-height:34px;}
.mes_left h3{font-size:18px; margin:25px 0}
.mes_left span{ display:block; width:165px; height:40px; text-align:center; line-height:40px; font-size:18px; background:#755f40;}
.message .mes_right{ float:right; margin-right:90px; width:600px;}
.mes_right .in01{ width:270px; height:34px; background:#FFFFFF; font-size:12px; color:#999999; padding-left:10px; float:left; margin-right:20px;}
.mes_right .in02{ width:570px; height:80px; background:#FFFFFF; font-size:12px; color:#999999; padding-left:10px; padding-top:10px; margin:20px 0; text-align:}
.mes_right .in03{ width:580px; height:34px; background:#755f40;color:#FFFFFF;}


.view .pro_title01{ color:#333333; font-size:36px; font-weight:bold; margin-top:40px; text-align: center;}
.view .pro_title02{ width:100%; height:120px; margin-top:60px; background:url(../../images/default/title_line.png) top center no-repeat; font-size:30px; color:#333333; text-align:center; line-height:160px;}
.view .line{ width:30px; height:3px; margin:15px auto 30px auto; background:#2f67da;}
.view .pro_text{ font-size:14px; color:#333333; margin-bottom:40px;}
.view .parameter{ width:100%;}
.parameter li{ width:466px; margin:0 2px; height:48px; padding-left:30px; line-height:48px; font-size:16px; color:#333333; float:left; text-align:left;}
.parameter li.back{ background:#e7e7e7;}



<!--关于我们-->
.about{ width:100%;}
.about .ab_content{ top:0; z-index:999; width:1200px; margin:0 auto; position:relative; padding-bottom:px;}
.about .ab_title01{ font-size:30px; color:#333333; line-height:44px; padding:100px 0 15px; font-weight:bold;}
.about .ab_title02{ font-size:24px; color:#8d785a;}
.about .ab_title03{ font-size:30px; color:#ffffff; line-height:44px; padding:100px 0 15px; font-weight:bold;}
.about .ab_title04{ font-size:24px; color:#FFFFFF;}
.about .ab_list_bg{ background:#333333; width:430px; height:370px; padding:150px 0 0 180px; margin-top:50px; position:absolute; right:-80px;}
.about .ab_show01{ width:800px; height:auto; background:#FFFFFF; padding-bottom:60px; position: absolute; top:-210px; right:0; z-index:999;}
.about h2{ font-size:30px; color:#333333; color:#8d785a; width:700px; margin:50px auto 20px auto; text-align:left;font-weight:bold;}
.about h2 span{ font-size:48px; color:#CCCCCC; margin-right:10px;}
.about .ab_text{ font-size:18px; color:#333333; line-height:36px; width:700px; margin:0 auto; text-align:justify;}
.about .ab_show02{ width:800px; height:auto; background:#FFFFFF; padding-bottom:60px; position: absolute; top:480px; left:0; z-index:999;}
.ab_show02 ul{ width:100%;}
.ab_show02 ul li{ width:25%; height:266px; float:left;}
.about .serve{ width:100%; height:440px; background:url(../../images/default/ab_img02.jpg) center no-repeat; margin-top:720px; padding-top:160px; margin-bottom:200px;}
.about .ab_show03{ width:800px; height:auto; background:#FFFFFF; padding-bottom:60px; position: absolute; top:1160px; right:0; z-index:999;}
.line{ width:100%; height:80px;}