body,ul,li,i,a,img,div,p,h1,h2,h3,h4,h5,h6,span,em,table,tr,td,dd,dl,dt,ol{padding:0; margin:0;border:none;}
ul,ol,li{list-style:none;}
a{text-decoration:none;}
.margin5{margin:5px;}
.margin10{margin:10px;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.marginbottom{padding-bottom:60px}
.marginbottom40{padding-bottom:40px}
a,input,button{ outline:none; }
::-moz-focus-inner{border:0px;}
/*header*/
header{ position:relative;width:100%;background:#fff;z-index:99;top:0;}
header img{width:100%}
header .logo{width:129px;padding:17px 10px 12px;}
header .nav_btn{width:75px;padding:17px 10px 12px;background:#000;}
header .nav_btn a { font-size:18px; color:#fff;}
header .am-offcanvas-bar{background:#fff;width:200px;}
header .am-offcanvas-content{color:#fff;padding:15px 0;}
header .am-offcanvas-content ul li:first-of-type{border-bottom:none;margin-bottom:20px;}
header .am-offcanvas-content ul li{border-bottom:1px solid #eee;}
header .am-offcanvas-content ul li a{text-align:left;padding:8px 20px 8px 20px;color:#333;}
header .am-offcanvas-bar:after{width:0;}
header .to_nav2 i{transform:rotate(0deg);font-style: normal;width:16px;margin-top:-1px;}
header .to_nav2.active i{transform:rotate(180deg);}
header .nav2{display:none;padding-left:20px;}
header .nav2 li{border-bottom:none !important;border-top:1px solid #eee;}
header .nav2 li:first-of-type{margin-bottom:0 !important;}
header .nav2.active{display:block;}
/**/
/*nav*/
nav{background:#fff;float:left;width:100%;}
nav ul{border-top:1px solid #f2f2f2;border-left:1px solid #f2f2f2;}
nav ul li{float:left;width:33.33%;text-align:center;}
nav ul li a{color:#999;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;display:block;font-size:14px;line-height:28px;}
nav ul li.active a,nav ul li:hover a{color:#10A0EA;}

/**/
/*footer*/
footer{background:url(../../images/mobile/footer_bg.png) no-repeat;background-size:100% 100%;text-align:center;}
footer .information{text-align:center;padding-top:34px;padding-bottom:36px;}
footer .information img{width:100%;}
footer .information a{width:40px;margin-right:5%;display:inline-block;}
footer .information a:last-of-type{margin-right:0;}
footer .txt{margin-bottom:28px;}
footer .company{font-size:15px;color:#d0cdcd;line-height:18px;}
footer .address{font-size:12px;color:#d0cdcd;line-height:16px;}
footer .copyright{font-size:11px;color:#d0cdcd;padding-bottom:21px;line-height:16px;}

/**/
.content{margin-top:0px; background:#f2f2f2;}
/*index*/
.index_banner{position:relative;overflow:hidden;}
.index_banner img{width:100%;}
.index_banner .wrapper{width:300%;float: left;position:relative;}
.index_banner .wrapper li{width:33.333%;float:left;}
.index_banner .pagination{text-align: center;position:absolute;bottom:10px;width:100%;}
.index_banner .pagination .page{width:12px;height:12px;border-radius:100%;background:#fff;display:inline-block;margin:0 5px;}
.index_banner .pagination .page.active{background:#0a75b3;}
.product{text-align:center;width:100%;float:left;padding-bottom:40px;}
.product1{background:#fff;}
.product2{background:#f2f2f2;}
.product h3{font-size:22px;color:#333;margin-top:40px;margin-bottom:10px;}
.product h3 span{color:#fdd10d;}
.product p{color:#666;font-size:12px;margin-bottom:25px;}
.product .slider{float:left;width:90%;margin:0 5%;overflow:hidden; position:relative;}
.product .slider .wrapper{position:relative;float:left;}
.product .slider .wrapper li{float:left;width:320px;position:relative;}
.product .slider .wrapper li p{color:#fff;background:rgba(0,0,0,0.5);position:absolute;bottom:0;z-index:9;margin-bottom:0;height:30px;line-height:30px;font-size:14px;width:100%;}
.product .slider .wrapper img{width:100%;float:left;}
.product .slider .next,.slider .prev{position:absolute;width:25px;height:40px;top:50%;margin-top:-20px;}
.product .slider .next img,.slider .prev img{width:100%;}
.product .slider .next{right:0;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}

.application{text-align:center;width:100%;float:left;padding-bottom:40px;background:#fff;}
.application h3{font-size:22px;color:#333;margin-top:40px;margin-bottom:10px;}
.application h3 span{color:#1e8ccc;}
.application p{color:#666;font-size:12px;margin-bottom:25px;}
.application ul{width:100%;}
.application ul li{width:49%;float:left;margin-right:2%;margin-bottom:8px;}
.application ul li:nth-of-type(even){margin-right:0;}
.application ul li img{float:left;width:100%;}
.application ul li p{float:left;color:#fff;background:#0a75b3;margin-bottom:0;height:40px;line-height:40px;font-size:12px;width:100%;}
.application .button_box{width:100%;float:left;margin-top:20px;}
.application .button_box a{border-radius:4px;border:1px solid #0a75b3;font-size:15px;display:inline-block;width:140px;line-height:32px;height:30px;color:#0a75b3;}

.why_choose_us{text-align:center;width:100%;float:left;padding-bottom:40px;background:#fff;}
.why_choose_us h3{font-size:22px;color:#333;margin-top:10px;margin-bottom:10px;}
.why_choose_us h3 span{color:#1e8ccc;}
.why_choose_us p{color:#666;font-size:12px;margin-bottom:25px;}
.why_choose_us .picture{width:80%;margin:0 auto;}
.why_choose_us .picture img{width:100%;}

.join_us{background:url(../../images/mobile/join_us_bg.png) no-repeat;background-size:100% 100%;text-align:center;width:100%;float:left;padding-bottom:40px;}
.join_us h3{font-size:22px;color:#fff;margin-top:40px;margin-bottom:10px;}
.join_us h3 span{color:#fdd10d;}
.join_us p{color:#fff;font-size:12px;margin-bottom:0px;margin-top:70px;padding:0 30px;text-align:left;line-height:18px;}

.news_box{text-align:center;width:100%;float:left;padding-bottom:40px;background:#fff;}
.news_box h3{font-size:22px;color:#333;margin-top:10px;margin-bottom:10px;}
.news_box h3 span{color:#1e8ccc;}
.news_box p{color:#666;font-size:12px;margin-bottom:25px;}
.news_box ul{padding:0 10px;}
.news_box ul li{padding:4px 15px 4px;background:#0a75b3;color:#fff;text-align:left;margin-bottom:10px;}
.news_box ul li h5{color:#fff;font-weight:normal;font-size:14px;line-height:36px;border-bottom:1px solid #fff;}
.news_box ul li p{color:#fff;font-size:11px;line-height:20px;margin-bottom:0;padding:2px 0;}
.news_box .button_box{width:100%;float:left;margin-top:20px;}
.news_box .button_box a{border-radius:4px;border:1px solid #0a75b3;font-size:15px;display:inline-block;width:140px;line-height:32px;height:30px;color:#0a75b3;}

.partner{text-align:center;width:100%;float:left;padding-bottom:40px;}
.partner h3{font-size:22px;color:#333;margin-top:10px;margin-bottom:10px;}
.partner h3 span{color:#1e8ccc;}
.partner p{color:#666;font-size:12px;margin-bottom:25px;}
.partner .scroll{overflow:hidden;height:80px;}
.partner .scroll .wrapper{overflow-x:scroll;overflow-y:hidden;height:95px;}
.partner .scroll ul{white-space:nowrap;height:80px;float:left;overflow-x:visible;}
.partner .scroll li{height:80px;display:inline-block;margin-right:10px;}
.partner .scroll li img{height:100%;}
/**/

.banner{width:100%;}
.banner img{width:100%;}

/*list_box*/
.list_box{padding:0 10px;margin-top:-19px;position:relative;z-index:9;margin-bottom:60px;}
.list_box .box_style1,.list_box .box_style2{background:#333;float:left;position:relative;width:100%;margin-bottom:2px;}
.list_box .txt{background:#333;color:#fff;width:50%;text-align:center;}
.list_box .txt a{color:#fff;}
.list_box .txt h4{margin-top:10%;font-size:18px; font-weight:normal;}
.list_box .txt h5{color:#fdd10d;font-size:12px;}
.list_box .txt p{padding:0 15px;font-size:11px;margin-bottom:5px;}
.list_box .txt span{border:1px solid #fff;border-radius:5px;font-size:11px;color:#fff;padding:2px 12px;margin-bottom:10px;display:inline-block;}
.list_box .pic{width:50%;}
.list_box .pic img{width:100%;height:100%;}
.list_box .box_style1 .txt{float:left;}
.list_box .box_style1 .pic{float:right;}
.list_box .box_style2 .txt{float:right;}
.list_box .box_style2 .pic{float:left;}
/**/

/*view_box*/
.view_box{margin:-19px 10px 0;position:relative;z-index:9;padding-bottom:60px;background:#fff;}
.view_box .view_style1{background:#fff;position:relative;width:100%;text-align:center;}
.view_box .view_style1 h4{color:#333;font-size:22px;padding-top:43px;line-height:1em;font-weight:normal;}
.view_box .view_style1 img{width:100%;margin-top:20px;}
.view_box .view_style1 .hr{width:115px;margin:0 auto;}
.view_box .view_style1 .hr img{margin-top:0;}
.view_box .view_style1 ul{margin-top:25px;}
.view_box .view_style1 li{text-align:left;padding:0 15px;height:32px;line-height:32px;font-size:13px;color:#666;}
.view_box .view_style1 li:nth-of-type(odd){background:#e7e7e7;}
.view_box .view_style1 p{line-height:18px;font-size:12px;color:#666;padding:20px 10px;}
.view_box .view_style1 .pic img{margin:0;width:49%;margin-right:2%;margin-bottom:6px;float:left;}
.view_box .view_style1 .pic img:nth-of-type(even){margin-right:0;}
/**/

/*view_box2*/
.view_box2{margin:-19px 10px 0;position:relative;z-index:9;padding-bottom:60px;background:#fff;}
.view_box2c{margin-left:10px;margin-right:10px;}
.view_box2 h3{font-size:22px; color:#0a75b3;text-align:center;padding-top:43px;font-weight:normal;}
.view_box2 .view_style1{background:#fff;position:relative;width:100%;text-align:center;}
.view_box2 .view_style1 h5{color:#333;font-size:15px;padding-top:30px;line-height:1em;}
.view_box2 .view_style1 img{width:100%;margin-top:20px;}
.view_box2 .view_style1 .hr{width:115px;margin:0 auto;}
.view_box2 .view_style1 .hr img{margin-top:0;}
.view_box2 .view_style1 ul{margin-top:25px;}
.view_box2 .view_style1 li{text-align:left;padding:0 15px;height:32px;line-height:32px;font-size:13px;color:#666;}
.view_box2 .view_style1 li:nth-of-type(odd){background:#e7e7e7;}
.view_box2 .view_style1 p{line-height:18px;font-size:13px;color:#666;padding:20px 15px;text-align:left;}
.view_box2 .view_style1 .pic img{margin:0;width:49%;margin-right:2%;margin-bottom:6px;float:left;}
.view_box2 .view_style1 .pic img:nth-of-type(even){margin-right:0;}
/**/

/*about*/
.overview_of_our_business{background:#fff;margin:-19px 10px 0;position:relative;z-index:9;text-align:center;}
.overview_of_our_business h2{font-size:22px;font-weight:normal;padding-top:55px;padding-bottom:17px;}
.overview_of_our_business h5{font-weight:normal;font-size:12px;text-transform:Uppercase;color:#1e8ccc;padding-bottom:50px;}
.overview_of_our_business img{width:100%;margin-bottom:57px;}
.overview_of_our_business h4{font-size:18px;color:#1e8ccc;}
.overview_of_our_business h4 span{font-size:20px;color:#ccc;}
.overview_of_our_business p{padding:10px 32px 25px;font-size:12px;text-align:left;}
.title_bg{width:100%;position:relative;margin-top:-18px;}


.our_honorary_qualifications{margin:-108px 10px 0;position:relative;z-index:9;text-align:center;}
.our_honorary_qualifications h2{color:#fff;font-weight:normal;font-size:22px;}
.our_honorary_qualifications h5{color:#fdd10d;font-weight:normal;font-size:12px;margin-bottom:27px;text-transform:Uppercase;}
.our_honorary_qualifications .scroll{overflow:hidden;height:165px;background:#fff;padding-top:10px;}
.our_honorary_qualifications .scroll .wrapper{overflow-x:scroll;overflow-y:hidden;height:180px;}
.our_honorary_qualifications .scroll ul{white-space:nowrap;height:165px;float:left;overflow-x:visible;}
.our_honorary_qualifications .scroll li{height:165px;display:inline-block;margin-right:15px;}
.our_honorary_qualifications .scroll li img{height:100%;}
.our_honorary_qualifications h4{background:#fff;padding-top:32px;font-size:18px;color:#1e8ccc;}
.our_honorary_qualifications h4 span{font-size:20px;color:#ccc;}
.our_honorary_qualifications p{background:#fff;padding:10px 32px 25px;font-size:12px;text-align:left;}

.our_service_client{margin:-108px 10px 0;position:relative;z-index:9;text-align:center;}
.our_service_client h2{color:#fff;font-weight:normal;font-size:22px;}
.our_service_client h5{color:#fdd10d;font-weight:normal;font-size:12px;margin-bottom:27px;text-transform:Uppercase;}
.our_service_client img{width:100%;}
.our_service_client h4{background:#fff;padding-top:43px;font-size:18px;color:#1e8ccc;}
.our_service_client h4 span{font-size:20px;color:#ccc;}
.our_service_client p{background:#fff;padding:10px 32px 25px;font-size:12px;text-align:left;}


.more_products_and_services{margin:-108px 10px 0;position:relative;z-index:9;text-align:center;}
.more_products_and_services h2{color:#fff;font-weight:normal;font-size:22px;}
.more_products_and_services h5{color:#fdd10d;font-weight:normal;font-size:12px;margin-bottom:27px;text-transform:Uppercase;}
.more_products_and_services .product .slider{width:100%;margin:0;}
.more_products_and_services .product h3{clear:both;padding:20px 0 0;margin:0;}

.contact_us{background:#1e8ccc;text-align:center;clear:both;}
.contact_us h3{color:#fff;font-weight:normal;font-size:18px;line-height:24px;padding-top:20px;}
.contact_us p{color:#fff;font-size:12px;line-height:18px;margin-top:10px;}
.contact_us a{color:#fff;background:#00649e;height:30px;padding:0 22px;display:inline-block;margin-top:20px;margin-bottom:30px;}
.contact_us a:hover{color:#fff;}
.contact_us input{width:70%;background:#fff;padding:0 12px;height:40px;font-size:13px;line-height:40px;border-radius:5px;border:none;margin-bottom:10px;color:#333;}
.contact_us textarea{width:70%;background:#fff;padding:2px 12px;height:90px;font-size:13px;border-radius:5px;border:none;margin-bottom:10px;color:#333;}
.contact_us button{width:45%;background:#00649e;padding:2px 12px;height:40px;font-size:15px;border-radius:40px;border:none;margin-bottom:10px;color:#fff;}
/**/

/*详情翻页*/
.page{font-size:12px;background:#fff;}
.page .arrow{width:40px;height:40px;}
.page .page_left{float:left;width:49%;background:#1e8ccc;text-align:left;-webkit-box-sizing: border-box;box-sizing: border-box;padding:10px; color:#fff;}
.page .page_left .arrow{float:left;background:url(../../images/mobile/arrow_left.png)no-repeat;background-size:100% 100%;margin-right:3px;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);}
.page .page_right{float:right;width:49%;background:#1e8ccc;text-align:right;webkit-box-sizing: border-box;box-sizing: border-box;padding:10px; color:#fff;}
.page .page_right .arrow{float:right;background:url(../../images/mobile/arrow_left.png)no-repeat;background-size:100% 100%;margin-left:3px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}

.page .page_left.none{background:none;border-top:1px solid #999;}
.page .page_left.none p{color:#666;}
.page .page_left.none span{color:#999;}
.page .page_left.none .arrow{background: url(../../images/mobile/arrow_right.png)no-repeat;background-size: 100% 100%;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}

.page .page_right.none{background:none;border-top:1px solid #999;}
.page .page_right.none p{color:#666;}
.page .page_right.none span{color:#999;}
.page .page_right.none .arrow{background: url(../../images/mobile/arrow_right.png)no-repeat;background-size: 100% 100%;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);}

/**/
<!--吊车系列-->
.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:52px; 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:54px;}
.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;}