@charset "utf-8";
@import url('iconfont.css');
@import url('font-google.css');
/***
====================================================================
Reset
====================================================================
***/
* { margin: 0px; padding: 0px; border: none;outline: none;}
body { font-family: 'Arial', sans-serif; font-size: 14px; color: #000; line-height: 1.8em; background: #ffffff; background-size: cover; background-repeat: no-repeat;background-position: center top;-webkit-font-smoothing: antialiased;}
a { text-decoration: none;cursor: pointer; color: #000;}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
h1,h2,h3,h4,h5,h6 { position: relative;font-family: 'Arial', sans-serif;  margin: 0px;background: none;line-height: 1.6em;}
input,button,select,textarea { font-family: 'Arial', sans-serif;}
[class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after { margin-left: 0;}
ul,li {list-style: none; padding: 0px; margin: 0px;}
h1,h2,h3,h4{letter-spacing: 1px;}
p{letter-spacing: 0.5px;line-height: 1.6;}
/***
====================================================================
Main Header style
====================================================================
***/
.logo,.self_nav,.self_nav .nav_one>li{display: inline-block;}
.logo{margin: 30px 0;float: left;}
.logo img{width: 100%}
.main_header{width: 100%;z-index: 10;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);background: #FFFFFF;}
.main_header .contact-top-menu{overflow: hidden;float: left;}
.main_header .contact-top-menu li{float: left;padding: 10px;}
.main_header .contact-top-menu li:hover a{color: #004588;}
.main_header .contact-top-menu a{color: #4d4d4d;}
.main_header .contact-top{overflow: hidden;float: right;margin: 12px 0 5px;}
.main_header .contact-top .float-3{float: left;line-height: 1.1;    margin-left:60px;}
.main_header .contact-top .float-3 p{letter-spacing: 0.5px;color: #DDDDDD;line-height: 1.5;float: left;}
.main_header .contact-top .cont-years i{float: left;margin-right: 15px;margin-top: 3px;}
.main_header .contact-top .cont-years span{font-weight: 700;font-size: 16px;}
.main_header .container-menu{background: #004588;z-index: 111;width: 100%;    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.container-menu .contact-right{float: right;margin-top: 47px;}
.container-menu .contact-right a{padding: 15px 50px;background: #ffeb4a;font-size: 18px;border-radius: 50px;color: #000;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}
.container-menu .contact-right:hover a{color: #FFFFFF;}
.self_nav{position: relative;float: left;margin-left:50px;}
.self_nav .nav_one>li{font-size: 20px;padding: 25px 40px;}
.self_nav .nav_one>li a{font-size: 16px;color: #FFFFFF;}
.self_nav .nav_one li:hover{background: #f3f3f3;}
.self_nav .nav_one li:hover a{color: #000000;}
.self_nav .background-img{width: 67px;height: 39px;margin: 0 auto;}
.self_nav .nav-background1 .background-img{background-image: url(../../d/file/p/20190717/Homeoverheadcrane1.png);}
.self_nav .nav-background2 .background-img{background-image: url(../../d/file/p/20190717/Homegantrycrane1.png);}
.self_nav .nav-background3 .background-img{background-image: url(../../d/file/p/20190717/Homehoist1.png);}
.self_nav .nav-background4 .background-img{background-image: url(../../d/file/p/20190717/Homeparts1.png);}
.self_nav .nav-background1:hover .background-img{background-image: url(../../d/file/p/20190717/Homeoverheadcrane.png);}
.self_nav .nav-background2:hover .background-img{background-image: url(../../d/file/p/20190717/Homegantrycrane.png);}
.self_nav .nav-background3:hover .background-img{background-image: url(../../d/file/p/20190717/Homehoist.png);}
.self_nav .nav-background4:hover .background-img{background-image: url(../../d/file/p/20190717/Homeparts.png);}
.lang_menus{display: none;position: absolute!important;background-color: #DA251C;width: 130px;top: -55px!important;left:-20px!important;color: #FFFFFF;z-index: 999;}
.lang_menus ul{padding: 38px 25px 20px 25px;}
.lang_menus li:first-child{margin-bottom: 8px;text-transform: uppercase;font-weight: 600;}
.lang_menus a{color: #FFFFFF;}
.lang_menus>i{float: right;padding: 5px 20px;font-weight: 600;}
.sc_top{margin-top: 25px;margin-bottom: 30px;}
section .sc_top{margin:0; }
.container{max-width: 1400px;width: 100%;}
.hFix {position: fixed;top: 0;}
section{width: 100%;text-align: left;overflow: hidden;}
section h2{text-transform: capitalize;line-height: 1;padding: 10px 0;text-align:center;font-weight: 600;font-size: 30px;}
.thumbnail {padding: 0px;border: none;border-radius: 0px;text-align: center;background: none;}
section h4{text-transform: capitalize;overflow:hidden;font-weight: 600;font-size: 20px;letter-spacing: 0px;}
.news_ct .thumbnail img{margin-bottom: 42px;}
.thumbnail .caption {padding: 20px 0 0;}
.ct_li time,.rm {text-transform: capitalize;color: #577A8E;margin: 20px 0;font-style: normal;font-size: 15px;}
.ct_li time{font-weight: 600;}
.rm {font-weight: 500;}
#form_message input, #form_message textarea {border: 1px solid #e4e4e4;
    max-width: 100%;width: 100%;padding: 3px;margin-bottom: 5px;
    font-size: .9em;border-radius: 3px;-moz-border-radius: 3px;}
#form_message textarea {line-height: 26px;height: 26px;}
#form_message textarea {height: 70px;}
#form_message input[type="submit"] {height: 32px;width: auto;font-size: 14px;padding: 3px 20px;border-radius: 3px;min-height: 0;clear: both;cursor: pointer;background: #DE3F3F none repeat scroll 0 0;border: medium none #ededed;color: white;float: right;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#form_message input[type="submit"]:hover {background: #42A4FF;}
.main_menu{padding-top: -25px;width: 100%;margin: 0px;text-align: right;}
.main_menu .navbar-header { position: relative;float: none;display: block; text-align: right; width: 100%; padding: 0 0 12px 0px;right: 0px;z-index: 12;}
.main_menu .navbar-collapse > .navigation > li{margin: 0 10%;}
.main_menu .navbar-collapse > .navigation > li>a{font-size:15px;}
.main_menu .navbar-collapse > .navigation > li, .main_menu .navbar-collapse > .navigation > li > ul > li{border-bottom: 1px solid #777 !important; opacity: 1 ;line-height: 2.8;}
.main_menu .navbar-collapse > .navigation > li > a, .main_menu .navbar-collapse > .navigation > li > ul > li > a{padding: 10px 10px !important;line-height: 22px;  color: #777; background: #ffffff;text-align: left;display: block;}
.main_menu .collapse.in, .main_menu .collapsing {padding: 10px 10px 0px; border: none;margin: 0px 0px 15px;width: 100%;}
.main_menu .navbar-collapse > .navigation > li.active,.main_menu .navbar-collapse > .navigation > li:hover,.main_menu .navbar-collapse > .navigation > li>ul>li:hover {background: #0a3e97;color: #ffffff;}
.main_menu .navbar-collapse > .navigation > li.active>a,.main_menu .navbar-collapse > .navigation > li:hover>a,.main_menu .navbar-collapse > .navigation > li>ul>li:hover a{color: #ffffff;background: #0a3e97;}
.main_menu .navbar-collapse > ul li.dropdown .dropdown-btn {position: absolute; right: 10px; top: 6px; width: 34px;height: 30px;border: 1px solid #ffffff; background: url(../images/submenu-icon.png) center center no-repeat;background-size: auto auto;background-size: 20px;cursor: pointer;z-index: 5;    background-color: #0a3e97;}
.main_menu .navbar-collapse > .navigation li:nth-child(7) .dropdown-btn{display: none;}
.main_menu .navbar-collapse > .navigation > li > ul > li> a{background: #f1f1f1}
.main_menu .navbar-collapse > .navigation > li > ul{border-top: 1px solid #777 !important;}
.main_menu .navbar-collapse > .navigation > li > ul {display: none;width: 100%;margin-bottom: 10px;}
.navbar-toggle {display: inline-block;z-index: 7;border: 1px solid #ffffff;float: none;margin: 10px 25px 0 0;border-radius: 4px;padding: 10px 10px;background: #0a3e97;}
.navbar-toggle .icon-bar { background: #ffffff;}
.carousel-control.right,.carousel-control.left{background-image:none;}
.carousel-control .iconfont{  font-size: 30px;}
.carousel-control .icon-angle-left,
.carousel-control .icon-angle-right {position: absolute;top: 40%;z-index: 5;display: inline-block;margin-top: -10px;width: 390px;height: 62px;border: none;vertical-align: middle;padding:20px 0;text-shadow: none;}
.icon-angle-left{left:0;}
.icon-angle-right{right:0;}
.carousel-indicators li {width: 30px;height: 3px;margin: 0;}
.carousel-indicators .active {width: 30px;height: 3px;}
.cn_li_10 ul{overflow: hidden;}
.cn_li_10 li{width:10%;float: left;text-align: center;padding:25px 20px;}
.cn_li_10 li i{font-size: 50px;color: #FFFFFF;}
.cn_li_10 li h4{font-size:16px;min-height: 60px;margin-top: 18px;font-weight: 300;color: #FFFFFF;}
.cn_li_10 li:hover i,.cn_li_10 li:hover h4{color: #fff438;}
.cn_li_6 ul{overflow: hidden;}
.cn_li_6 li{width: 16.6%;float: left;padding: 10px;}
.cn_li_6 li img{width: 100%;margin-bottom: 25px;border: 1px solid #e5ecf2;    transition: all 0.5s ease 0s;}
.cn_li_6 li:hover img{transform: scale(1.03);}
.cn_li_6 li:hover a{color: #e50012;}
.cn_li_6 .thumbnail h3{font-size: 15px;font-weight: 500;}
.cn_li_2{overflow: hidden;}
.cn_li_2 li{width: 50%;float: left;padding:0 10px;}
.cn_li_2 li img{width: 100%;transition: all 0.5s ease 0s;}
.cn_li_2 li .img{overflow: hidden;}
.cn_li_2 li .more{margin-top: 20px;}
.cn_li_2 li .more a{color: #000000;padding: 10px 60px;background: #ffd51f;border-radius: 5px;font-weight: 600;}
.cn_li_2 li .more a:hover{color: #FFFFFF;background:#012b72;}
.cn_li_2 li p,.cn_li_2 li time{color: #222222;}
.cn_li_2 li:hover img{transform: scale(1.03);}
.cn_li_5 {overflow: hidden;}
.cn_li_5 li{width: 19.2%;float: left;text-align: center;padding: 0;}
.cn_li_5 li:hover img{transform: scale(1.03);}
.cn_li_5 li .img{overflow: hidden;}
.cn_li_5 li+li{margin-left:1%;}
.cn_li_5 li img{width: 100%;transition: all 0.5s ease 0s;}
.cn_li_5 li i{font-size: 50px;color: #dadbe1;}
.cn_li_5 li h4{font-size:16px;min-height: 60px;margin-top: 18px;}
.cn_li_5 li:hover i,.cn_li_5 li:hover h4{color: #115bd6; }
.cn_li_4{overflow: hidden;}
.cn_li_4 li{display: inline-block;width: 24%;vertical-align: text-top;padding: 10px;;margin-bottom: 20px;}
.cn_li_4 li img{width: 100%;transition: all 0.5s ease 0s;}
.cn_li_4 li:hover img{transform: scale(1.03);}
.cn_li_3{overflow: hidden;}
.cn_li_3 li{width: 33.3%;float: left;text-align: center;padding:0 10px;}
.cn_li_3 li img{width: 100%;transition: all 0.5s ease 0s;}
.cn_li_3 li:hover img{transform: scale(1.03);}
.home-products .container{padding: 40px 0;}
.home-products-top{background: #FFFFFF;}
.home-products .cn_li_2 li h2{text-align: left;margin:50px 0 20px;}
.home-products .cn_li_2 li p{line-height:2;max-width: 600px;}
.home-products .cn_li_2 li p + p{margin-top: 20px;}
.home-products .cn_li_4 h3{width: 100%;background: #FFFFFF;text-align: center;padding: 20px 0;font-size: 16px;font-weight: 600;}
.home-products .cn_li_4 li{display: block;width: 25%;float: left;}
.home-products .cn_li_4 li div{overflow: hidden;}
.home-products .cn_li_4 li:hover h3{background: #004588;color: #FFFFFF;}
.home-industry .title{padding: 40px 0;}
.home-industry,.home-news{background: #FFFFFF;padding: 70px 0;}
.home-industry .industry-list{overflow: hidden;margin-bottom: 45px;}
.home-industry .industry-list .img img{width: auto;}
.home-industry .industry-list .img{width: 187px;float: left;}
.home-industry .industry-list .info{float: left;width: 50%;padding: 15px 30px;}
.home-industry .info h3{font-weight: 600;letter-spacing:0px;}
.home-industry .cn_li_2 li:first-child{position: relative;}
.home-industry .cn_li_2 li:first-child .info{position: absolute;width: 70%;left: 10%;color: #FFFFFF;bottom: 7%;}
.home-industry .cn_li_2 li:first-child p{color: #FFFFFF;}
.home-industry .cn_li_2 li:first-child:hover h3{color: }
.home-industry .cn_li_2 li:last-child:hover img{transform: scale(1);}
.home-industry .industry-list a:hover .img img{transform: scale(1.03);}
.home-news .cn_li_4,.home-news .cn_li_2{margin:0 10px;}
.home-news .cn_li_4 li p,.home-news .cn_li_2 li p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 12px;padding: 0 20px;color: #FFFFFF;}
.home-news .cn_li_4 li h3,.home-news .cn_li_2 li h3{font-size: 16px;padding: 0 20px;letter-spacing: 0.5px;margin:10px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-weight: 600;}
.home-news .cn_li_4 li{border: 1px solid #dddddd;margin: 20px 0;padding: 0;overflow: hidden;width: 24.2%;float: left;position: relative;}
.home-news .cn_li_4 li .info,.home-news .cn_li_2 li .info{position: absolute;color: #FFFFFF;bottom: 0;    background: rgba(0, 0, 0, 0.6);}
.home-news .cn_li_4 li img{height: 270px;width: 100%;}
.home-news .cn_li_4 li+li{margin-left: 1%;}
.home-news .cn_li_2 li{position: relative;}
.home-news .home-news-img{overflow: hidden;}
.home-news .cn_li_2 li{border: 1px solid #dddddd;margin: 20px 0;padding: 0;overflow: hidden;width: 49.3%;float: left;position: relative;}
.home-news .cn_li_2 li+li{margin-left: 1%;}
/***
====================================================================
list page style
====================================================================
***/
.subbanner{width: 100%;margin: 0;text-align: center;background:#FFFFFF;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.subbanner img{width: 100%;}
.breadcrumbs-lift{padding-top: 35px;text-transform: uppercase;font-size: 30px;font-weight: 600;}
.inside_body{background-color: #efefef;}
.breadcrumbs{padding: 5px 0 30px;overflow: hidden;}
.breadcrumb{margin-bottom: 0;background: none;padding: 0;}
.breadcrumb li a,.breadcrumb a{font-size: 12px;}
.breadcrumb i{font-size: 14px;color: #c41e2a;padding-right: 18px;}
.breadcrumb li.active a,.breadcrumb>.active{font-size: 12px;}
.breadcrumb > li + li::before {padding: 0;content: "-\00a0";padding-left: 4px;color: #000000;}
.breadcrumb a:hover{color: #004588;}
.breadcrumb > li + li::before:first-child{content: none;}
.sidebar-left{width: 23%;float: left;margin-bottom: 30px;}
.sidebar-left .sidebar-list {margin-bottom:15px;border-radius:15px;overflow: hidden;}
.content-ringht{width: 75%;float: left;margin-left: 2%;border-radius: 15px;background-color: #FFFFFF;}
.content-ringht .inside_container:first-child .title{padding: 0;}
.content-ringht .inside_container:first-child{border-bottom: 1px solid #f1f2f4;}
.sidebar-list img{width: 100%;}
.sidebar-list .sidebar-title{background: #004588;color: #000000;padding: 15px 50px;}
.sidebar-list .sidebar-title h2{color: #FFFFFF;font-size: 22px;text-transform: uppercase;font-weight: 600;}
.sidebar-Contact .sidebar-title,.sidebar-cases .sidebar-title,.sidebar-list .sidebar-title:hover{background:#004588; }
.sidebar-Contact .sidebar-title h2,.sidebar-cases .sidebar-title h2,.sidebar-list .sidebar-title:hover h2{color: #FFFFFF;}
.sidebar-list li{background: #ffffff;padding:10px 50px;}
.sidebar-list li+li{border-top: 1px solid #f1f2f4;}
.sidebar-list li a, .sidebar-list li{font-size: 16px;color: #666666;}
.sidebar-list li p{margin-left: 40px;}
.sidebar-list .hd-on,.sidebar-list li:hover{background: #f1f2f4;color: #004588;} 
.sidebar-list .hd-on a,.sidebar-list li:hover a{color: #004588;} 
.sidebar-list .hd-on i{padding: 0 0 0 20px;float: right;}
.sidebar-Contact .row p{margin: 15px 20px;border-bottom: 1px dashed #cccccc;padding: 10px 0;font-weight: 600;font-size: 16px;}
.sidebar-Contact .row li:last-child a,.sidebar-Contact .row li:last-child{color: #004588;}
.sidebar-cases .row li{padding: 0}
.sidebar-cases li h5{margin: 0 20px;border-bottom: 1px solid #cccccc;padding: 10px 0;text-transform: capitalize;}
.sidebar-cases .row li:first-child{color: #000000;}
.sidebar-cases-more{background: #ffffff;text-align: right;padding: 30px 20px;}
.sidebar-cases-more .view i{color: #ff6a00;margin-left: 5px;}
.inside_container{padding:30px 50px;}
.no-margin{margin: 0;}
.inside_content p>img{max-width: 100%;height: auto;}
.inside_container .title h2{font-weight: 600; }
.about_cn p{font-size: 13px;line-height: 2;color: #444444;}
.title{width: 100%;padding: 25px;text-align: center;}
.title>p{margin: 0 auto; font-size:13px;padding:15px 0;color: #666666;}
.title_unline{width: 100%;padding: 25px 25px 0;text-align: center;}
.about-content{line-height: 2.2;font-size: 16px;color: #666666;}
.about_cn .about-content img{max-width: 800px;width: 100%;}
.about_cn .about-content h3{color: #444444;}
.about_cn .about-content .company-culture li{min-height:430px; }
.about_cn .about-content .company-culture img{padding: 10px 0;}
.about_cn .equipments li {padding: 10px;}
.about_cn .equipments li p{padding: 10px 0}
.about_cn .certificate li{min-height: 470px;}
.product_cn .cn_li_4{padding-top: 0px;padding-bottom:50px;}
.product_cn .cn_li_4 .img{overflow: hidden;}
.product_cn .cn_li_4 img{transition: all 0.5s ease 0s;}
.product_cn .cn_li_4 a:hover img{transform: scale(1.08);}
.product_cn .cn_li_4 a:hover .caption p{color: #018dfe;}
.product_cn .cn_li_4 .caption p{text-transform: capitalize;margin: 0;}
.product_cn .cn_box:last-child .title p{width: 1150px;}
.product_cn .cn_box:nth-child(5) .title p{width: 870px;}
.product-content-list{border-radius: 15px;background-color: #FFFFFF;padding-top: 50px;}
.product-content-list .cn_li_4 .thumbnail{border: 1px solid #e5ecf2;min-height: 450px}
.product-content-list .cn_li_4 h3{font-size: 16px;min-height: 60px;font-weight: 600;}
.product-content-list .cn_li_4 .cn_li_3 li{float: none;width: 100%;padding: 5px 0;margin: 0;}
.product-content-list .cn_li_4 .cn_li_2 li{width: 50%;margin: 20px 0;}
.product-content-list .cn_li_4 .cn_li_2 li a{border: 1px solid #e5ecf2;padding: 10px 25px;}
.product-content-list .cn_li_4 .cn_li_2 li a:hover,.product-content-list .cn_li_4 .cn_li_2 li:last-child a{background: #004588;
    color: #FFFFFF;}
.product_inside_container .inside_container{background-color: #FFFFFF;width: 49%;margin-bottom: 30px;padding: 0;}
.product_inside_container .inside_container:nth-child(2n){margin-left: 1%;}
.product_inside_container .cn_li_2 li:hover img{transform: none;}
.product_inside_container .cn_li_5 li:hover img{transform: scale(1.08);}
.product_inside_container .product_cn{padding: 50px;}
.product_inside_container .related-title{overflow: hidden;padding: 10px 0;}
.product_inside_container .related-title .view{float: right;color: red;font-weight: 600;}
.product_inside_container .related-title .related{float: left;font-size: 16px;font-weight: 600;}
.product_inside_container .related-title a:hover{color:#018dfe;}
.product_inside_container .cn_li_5 .caption{font-size: 12px;padding: 10px 0;min-height:75px;}
.product_inside_container .cn_li_5 img{height:75px;}
/***
====================================================================
product page style
====================================================================
***/
.product_cn_page .inside_container {background: #FFFFFF;margin-bottom: 30px;}
.product_cn_page .inside_container:first-child{background: none;}
.picture{overflow: hidden;width: 80%;margin: 0 auto;}
.product_cn_info .tempWrap{overflow: hidden;position: relative;}
.product_cn_info .button{margin-top: 15%;position: absolute;z-index: 3;}
.product_cn_info .left-button{left:2%;}
.product_cn_info .right-button{right:2%;}
.slide{width: 100%;min-height: 100px;overflow: hidden;position: relative;}
.slide .img{overflow: hidden;position: absolute;transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;}
.slide .img img{width: calc(100%);height: calc(100%);max-width: 610px;max-height: 400px}
.slide .img1{width: 20%;height: 20%;top: 20%;left: -50%;z-index: 1;    filter: blur(2px);}
.slide .img2{width: 50%;height: 80%;top: 10%;left: 0%;z-index: 2;    filter: blur(2px);}
.slide .img3{width: 60%;height: 100%;top: 0%;left: 20%;z-index: 3;max-height: 400px}
.slide .img4{width: 50%;height: 80%;top: 10%;left: 60%;z-index: 2;    filter: blur(2px);}
.slide .img5{width: 20%;height: 20%;top: 20%;left: 110%;z-index: 1;    filter: blur(2px);}
.product_cn_info button{width: 50px;margin: 20px; background: none;}
.product_cn_info button .iconfont {font-size: 60px;color: #FFFFFF;font-weight: 900;}
.picture-bottom{background: #FFFFFF;margin: 0 auto;max-width: 610px;width: 60%;}
.picture-bottom .cn_li_3 li{padding: 30px 10px;}
.picture-bottom .cn_li_3 li+li{border-left: 1px solid #e5ecf2;}
.inside_container_detail {padding: 0;}
.inside_container_detail .cn_li_4 li{margin: 0;text-align: center;border: 1px solid #e5ecf2;float: left;width: 25%;padding: 15px 0;}
.inside_container_detail .cn_li_4 li a{font-size: 18px;font-weight: 600;}
.inside_container_detail .cn_li_4 .on,.inside_container_detail .cn_li_4 .on a{background:#ff9000; color: #FFFFFF;display: block;}
.inside_container_detail .bd{padding: 50px;}
.inside_container_detail .tab table{width: 100%}
.inside_container_detail .tab table td{border: 1px solid #e5ecf2;}

.industry_cn .cn_li_3 li{min-height: 300px;}
.industry_cn .cn_li_3 li h3{padding: 10px 0;font-size: 18px;}

/***
====================================================================
news list/content page style
====================================================================
***/
.news_cn .title{padding: 20px 0;text-transform: uppercase;}
.news_cn .title h3{font-weight: 600;margin-bottom: 10px;font-size: 20px;}
.news_cn .news-title{text-transform: capitalize;}
.news_cn .news-list li{text-align: left;min-height: 300px;margin-bottom: 30px;}
.news_cn .news-list img{height:190px }
.news_cn .news-list h4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 18px;}
.news_cn .news-list p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 14px;}
#wrap_page{text-align: center;padding: 10px 0;}
#wrap_page ul{margin:0px;width: 100%;clear: both;padding:0px 0px 20px 0px;text-align: center;}
#page>li {padding: 0px 6px;vertical-align: middle;text-align:center;width: auto; height: auto;background: #FFFFFF; margin-right: 10px;display: inline-block;float: none;width: 35px;height: 35px;font-size: 16px;padding: 6px;}
#page>li>a{color:#666666;}
#page>li.thisclass,#page>li.thisclass a{color: #018dfe;}
#page .iconfont{font-size: 14px;color: #666666;}
.related .title{padding:25px 0;}
.related .title h3{width: 260px;position: relative;background-color: #FFFFFF;display: inline-block;}
.title time{color: #115bd6;font-size: 16px;line-height: 2.4;text-decoration: underline;}
.news_cn .news_content{margin-bottom: 25px;}
.news_container{border-bottom: 1px solid #f1f2f4;}
.next_pre>div:first-child span,.next_pre>div:first-child a{color: #666666;}
.next_pre span{margin-right: 10px;}
.next_pre a:hover,.next_pre>div:first-child a:hover{color:#018dfe;}
/***
====================================================================
contact page style
====================================================================
***/
.content-us .inside_container{padding: 0;overflow: hidden;border-radius: 15px;background: #ffffff;}
.content-us .inside_container + .inside_container{margin-top: 30px;}
.content-us .inside_content_tel{color: #FFFFFF;background: #004588;}
.content-us .inside_content_tel a{color: #FFFFFF;}
.content-us .inside_content_tel ul{padding: 70px 90px;}
.content-us .inside_content_tel li{padding: 0 30px;text-align: left;min-height: 122px;}
.content-us .inside_content_tel li i{float: left;font-size: 35px;margin: 20px 35px 50px 0;color: #FFFFFF;}
.content-us .inside_content_tel li+li{border-left: 1px solid #FFFFFF;}
.content-us .inside_content_tel li span{font-size: 18px;font-weight: 600;line-height: 45px;}
.content-us .inside_content_tel li a:hover {color: #018dfe;}
.content-us .inside_content .cn_li_2 li{padding: 0 25px;}
.content-us .inside_content .cn_li_2 .img{padding-top: 40px}
.content-us .msg .title h3{letter-spacing: 0;}
.content-us .msg #form_messege{text-align: center;}
.content-us .msg #form_messege li{width: 50%;padding: 5px 10px;text-align: center;}
.content-us .msg #form_messege li:last-child{width: 100%;}
.content-us .msg #form_messege input,.content-us .msg #form_messege select{border-radius: 10px;}
.content-us .msg #form_messege li textarea{height: 110px;border-radius: 10px;}
.content-us .msg #form_messege input[type="submit"]{margin: 15px 12px;}
.msg{width:90%;margin:0 auto;overflow: hidden;padding: 35px 0;}
.msg .title{padding: 25px 0;}
.msg .title h3{font-weight: 600;text-transform: uppercase;}
.msg ul{overflow: hidden;}
.msg li{width:100%;padding: 9px 15px;}
.msg li input{width: 100%;margin-bottom: 8px;height: 45px;padding:3px 15px;}
.msg select{height: 45px;padding:3px 15px;margin-bottom: 8px;}
.msg li textarea{width: 100%;padding:10px 15px;height: 175px;}
.msg input::-moz-placeholder,.msg textarea::-moz-placeholder {font-size: 13px;color:#666666;}
.msg input::-ms-input-placeholder,.msg textarea::-ms-input-placeholder {font-size: 13px;color:#666666;}
.msg input::-webkit-input-placeholder,.msg textarea::-webkit-input-placeholder {font-size: 13px;color:#666666;}
.msg input[type="submit"]{width:200px;height: 40px;color: #FFFFFF;background-color: #ff6a00;border-radius:5px;margin:30px 12px;font-size: 16px;font-weight: 600;box-shadow:10px 10px 20px 0px rgba(255, 106, 0, 0.25);}
.msg input[type="submit"]:hover{color: #FFFFFF;background-color: #000000;box-shadow:10px 10px 20px 0px rgba(0, 0, 0, 0.25)}
/***
====================================================================
get quotation style
====================================================================
***/
.getquotation{background: #FFFFFF;text-align: center;background: url(../../d/file/p/20190717/quickquote.jpg) no-repeat center top;background-repeat: repeat;}
.getquotation .msg{width: 100%;}
.getquotation .msg .title h3{color: #FFFFFF;text-transform: capitalize;letter-spacing: 0px;font-size: 40px;font-style: italic;text-align: left;}
.getquotation .msg .title h3 span{color: #ffeb4a;}
.getquotation .msg .title p{color: #FFFFFF;font-style: italic;width:70%;margin: 0;font-size: 14px;text-align: left;}
.getquotation .msg input{height: 35px;border-radius: 20px;padding: 25px;}
.getquotation .msg textarea{border-radius: 20px;padding: 25px;height: 200px;margin-bottom: 20px;}
.getquotation .msg input[type="submit"]{width: 140px;height: 45px;padding: 0;}
.getquotationimg img{max-width: 590px;min-height:618px;padding-top: 20px; }
/***
====================================================================
scroll-to-top style
====================================================================
***/
.scroll-to-top { position: fixed;  color: #ffffff; width: 45px; height: 45px; font-size: 24px; line-height: 46px; border: 1px solid #43b1e8;background: #43b1e8; text-align: center; z-index: 99; cursor: pointer; display: none; border-radius: 17px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.scroll-to-top:hover { background: #ffffff; color: #43b1e8;}
.box{ font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;}
.box dl{font-size: 14px; color: #000000;z-index:99; display:table; position:fixed; bottom:-20px; right:5px; width:300px; background:#fff;box-shadow: 0 0 7px rgba(0,0,0,.3); border-top-left-radius:10px;border-top-right-radius:10px; }
.box dl dd{height: 40px;line-height: 40px; color:#fff; font-size: 16px;position: relative;padding-left: 10px; background:#027ECB; border-top-left-radius:10px;border-top-right-radius:10px;}
.box dl dd b{ display: block; height:40px; width:40px; position:absolute; top:0; right:0; cursor:pointer;}
.box dl dd b.up:after{content: "\f106";}
.box dl dd b.down:after{content: "\f107";}
.box dl ul{padding:2px 20px;display:none;}
.box dl ul li{ border-top: 1px dashed #EDEDED;}
.box dl ul li span{ display:inline-block;  text-align:right;color:#5CA0D1;padding-bottom: 5px;}
.box dl ul li i{ font-style:normal; margin-left:10px;}
/***
====================================================================
footer style
====================================================================
***/
footer {background: #060610; position:static;font-size: 13px;}
footer .container{}
.footer_logo{text-align: center;padding: 40px 0;border-bottom: 1px solid #292929;}
.footer_copy{width: 100%;height: 60px;text-align: center;border-top: 1px solid #1f1f29;}
.footer_copy p{font-size: 14px;margin:0;padding:18px 0;color: #FFFFFF;}
.footer_con h3{text-transform: uppercase;line-height: 30px;color: #FFFFFF;font-size: 30px;font-weight: 700;padding: 50px 0 25px;}
.footer_box{width: 25%;display: inline-block;height: auto;position: relative;float: left;padding: 0 50px; min-height: 340px;border:1px solid #292929;}
.footer_box +.footer_box{padding-left: 40px;}
.footer_con ul{padding:4px 0 0;}
.footer_con li{color: #FFFFFF;width: 100%;line-height: 2.5;}
.footer_con li:hover{color: #FFFFFF;}
.footer_con a{color: #FFFFFF;}
.footer_con a:hover{color: #FFFFFF;}
#formemail input{padding:5px 10px; width: 100%;height: 32px;margin-bottom: 1px;border:1px solid #C3C6CF;background-color:#C3C6CF; }
#formemail input#text1{width: 70%;float: left;}
#formemail textarea{width: 100%;height: 100px;padding:5px 10px;border:1px solid #C3C6CF;background-color:#C3C6CF;}
#formemail input[type="submit"] {  height: 32px;width: 30%;font-size: 14px;min-height: 0; clear: both;text-transform: uppercase; cursor: pointer;background: #DA251C none repeat scroll 0 0;border: medium none #DA251C;color: white;margin: 0;}
#formemail input[type="submit"]:hover{background-color: #F75E18;border: 1px #F75E18 solid;}
#formemail input::-moz-placeholder,#formemail textarea::-moz-placeholder {color: #FFF;}
#formemail input:-ms-input-placeholder,#formemail textarea:-ms-input-placeholder {color: #FFF;}
#formemail input:-webkit-input-placeholder,#formemail textarea:-webkit-input-placeholder {color: #FFF;}
#formemail input:focus,#formemail textarea:focus {border:1px solid #C3C6CF;}
#formemail input:hover,#formemail textarea:hover{ border: 1px solid #C3C6CF;}
.bg_pink{background-color: #E7E7E7;}
.news_ct{background-color: #FFFFFF;margin: 66px 0;}
.news_ct li{display: inline-block;width:24.85%;margin-right:0.2%;margin-bottom:20px;}
.news_ct li:nth-child(4n){margin-right:0;}
.news_ct li img{width: 100%;height: 205px;}
.news_ct li .thumbnail a{overflow: hidden;display: block;position: relative;}
.rm>i{font-size: 30px;margin-left: 10px;position: relative;
        line-height: 0.2;top: 6px;}
.ct_li{padding:0 100px 100px;}
.ct_li p{height: 70px;overflow:hidden;margin-top:10px;font-size: 15px;padding-right: 10px;}
/***
====================================================================
c_right style
====================================================================
***/
.c_right{position:fixed;  bottom: 39%;right:1px;z-index: 1111;}
.c_right>ul li{width:69px ;height: 69px; margin:3px 0;text-align: center;border-top-left-radius: 8px;border-bottom-left-radius: 8px;position: relative;background:#1c2333;}
.c_right>ul li:first-child{background:#ffd51f;}
.c_right>ul li a{display: block;width: 100%;height: 100%;color: #FFFFFF;text-transform:none;text-decoration:none;}
.c_right>ul li:first-child a{color: #000000;}
.c_right>ul li:hover{background:#004588;color: white; }
.c_right>ul li:hover p{color: white;}
.c_right>ul li a span:nth-of-type(1) {width: 28px;height: 28px;margin-top: 10px;display: inline-block;}
.c_right>ul li d{font-size: 25px;}
.c_right>ul li a span{font-size: 25px;}
.c_right>ul li:nth-of-type(5) span{font-size: 30px;line-height: 60px;}
.c_right>ul li:hover a span,.c_right>ul li:hover a p{color: #FFFFFF;}
.c_right>ul li a p{font-size: 12px;}
.c_right>ul li div{position: absolute;background:#004588;top:0;border-radius: 5px;display: none;text-align: center;line-height: 65px;}
.c_right>ul li:nth-of-type(5){border:none;border-radius: 0;border-top-left-radius: 8px;border-bottom-left-radius: 8px; }
.c_right>ul li:nth-of-type(4) div,.c_right>ul li:nth-of-type(3) div{width:200px;left: -130px;}
.c_right>ul li:nth-of-type(2) div{width:230px;left: -160px;}
.c_right>ul li div span{font-size: 15px;color: white; vertical-align: middle; float: right;padding-right: 14px;}
.c_right>ul li:hover div{display: block;}
.filterbox {position: fixed;top: 0;width: 100%;height: 100%;display: block;background: #000000a6;z-index: 2000;display: none}
.filtercontent {width: 30%;margin: 3% auto;background: #eef1f5;border-radius: 1rem}
.filtertitle {height: 2em;line-height: 2em;font-size: 2.5rem;background: #383345;position: relative;margin-bottom: 1.5rem;color: #fff;font-weight: 700;-radius: 1rem 1rem 0 0;text-align: center}
.filtercontent p {padding: 0 8%;color:#7b7f90}
.filtertitle span {width: 20px;height: 20px;position: absolute;right: 30px;top: 15px;font-size: 3rem;line-height: 20px;background-size: 18px;cursor: pointer;color: #44bb6e;}
.filtercontent form {line-height: 2;padding: 0 8%}
.filtercontent input {width: 100%;height: 34px;border: 1px solid #d3d3d4;border-radius: .4rem;padding: 0 1%;margin-bottom: 2rem}
.filtercontent .form-control{margin-bottom: 2rem;}
.filtercontent textarea {width: 100%;height: 12rem;border: 1px solid #44bb6e;border-radius: .4rem;padding: 0 1%;line-height: 1.5;margin-bottom: 1.1rem}
.filtercontent input[type=submit] {background: #44bb6e;color: #fff;border: 0;margin-bottom: 2rem}
.filtercontent input[type=submit]:hover {background: #258c49}
.filtercontent input:focus,.filtercontent textarea:focus,.filtercontent .form-control:focus {border: 1px solid #44bb6e;outline: #44bb6e;}
.virticalcenter {margin: 10% auto;}
.filtercontent .form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #9fabb7;background-color: #fff;background-image: none;border: 1px solid #d3d3d4;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;outline:#44bb6e;}
.filtercontent input::-webkit-input-placeholder, .filtercontent textarea::-webkit-input-placeholder {color: #9fabb7;}
.filtercontent input:-moz-placeholder, .filtercontent textarea:-moz-placeholder {color: #9fabb7;}
.filtercontent input::-moz-placeholder, .filtercontent textarea::-moz-placeholder {color: #9fabb7;}
.filtercontent input:-ms-input-placeholder, .filtercontent textarea:-ms-input-placeholder {color: #9fabb7;}

@media(max-width: 1600px){
    .ct_li p {font-size: 14px;}
    .ct_li time, .rm {margin: 15px 0;font-size: 14px;}
    .news_ct .thumbnail img {margin-bottom: 32px;}
    .cn_box_50 p.power img{width: 100%;height: auto;}
    .product_cn .cn_box:nth-child(5) .title p,.product_cn .cn_box:last-child .title p {width: 80%;font-size: 12px;padding: 10px 0;height: 50px;overflow: hidden;}
}
@media(max-width: 1400px){
    .news_ct li img {height: 165px;margin-bottom: 20px;}
    .news_ct .thumbnail img {margin-bottom: 0;}
    .bg_img{width: 100%;padding: 0 10px;}
    .ct_li {padding: 0 50px 50px;}
    .cn_li_4 li {width: 23.5%;}
    .about-content{line-height: 1.8;}
}
@media(max-width: 1300px){
	.self_nav{margin-left:0;}
}
@media(max-width: 1200px){
	.self_nav .nav_one>li{padding: 25px;}
    .container,.msg{width: 100%;}
    .ct_li p {font-size: 13px;height: 60px;}
    .ct_li time, .rm {margin: 10px 0;font-size: 13px;}
    .news_ct { margin: 20px 0;}
    .cn_li_10 li h4{font-size: 14px;}
    .about-content{line-height: 1.6}
    .about_cn .certificate li{min-height: 385px;}
}
@media(max-width: 1150px){
    .main_header .contact-top{display: none;}
}
@media(max-width: 1100px){
   .sidebar-list .sidebar-title,.sidebar-list li{padding: 10px 15px;}
   .sidebar-list .sidebar-title h2{font-size: 18px;}
   .getquotation{background: #013567;}
   .getquotation .cn_li_2 li{width: 100%;float:none;}
   .getquotation .cn_li_2 li:last-child{display: none;}
}
@media(max-width: 1065px){
    .news_cn .cn_box_30 img {width: 100%;height: auto;}
    .related .cn_li_4 {padding: 30px 0 0;}
    .self_nav .nav_one > li{padding: 25px 10px;}
    .product-content-list .cn_li_4 .cn_li_2 li{width: 100%;margin: 5px 0;}
}
@media(max-width: 1000px){
    .cn_li_10 li{width: 20%;}
    .home-industry .cn_li_2 li{width: 100%;}
    .slide{height: 265px  !important;}
}
@media(max-width: 960px){
	.container-menu .contact-right a{padding: 11px 25px;}
    .cn_li_4 .caption p {font-size: 13px;}
    .filtercontent{width: 70%;}
    .content-us .inside_content .cn_li_2>li:first-child {display: none;}
    .content-us .inside_content .cn_li_2 li{width: 100%}
}
@media(max-width: 880px){
	.container-menu .contact-right{    margin: 0 0 20px;}
	.content-us .inside_content_tel li{width: 100%;}
	.content-us .inside_content_tel li+li{    border-left: none;}

}
@media(max-width: 767px){
    .container-menu,.main_header .contact-top,.main_header>.container,.footer_box,.bg_img,.sidebar-left .sidebar-list{display: none;}
    .home-news .cn_li_4 li{width: 49%;}
    .home-news .cn_li_4 li:nth-child(3){margin-left:0;}
    .trigger{top: 70px;}
    .main_menu{background: #004588;padding: 20px;}
    .logo{margin: 0;}
    .ct_li {padding: 0 15px 20px;}
    .news_ct li {width: 49.3%;margin-right: 0.4%;}
    .news_ct li:nth-child(2n){margin-right:0;}
    section h2 {font-size: 20px;padding: 20px 0 15px;}
    .breadcrumb li a {font-size: 13px;}
    .addthis-share{float:none;}
    .inside_container {padding: 20px 15px;}
    .title_unline {padding: 0 25px 0;}
    .title h3,.title_unline h3{font-size: 16px;}
    .cn_box_50 {padding-top: 20px;padding-bottom: 30px;}
    .title {padding: 0 25px 10px 25px;}
    .title time {font-size: 12px;line-height: 1.8;}
    .news_cn .cn_box_30 p{font-size: 13px;margin: 5px 0;}
    .next_pre a {font-size: 12px;}
    .cn_li_4 li {width: 49%;margin-bottom: 0;}
    .related .cn_li_4 {padding: 50px 0 0;}
    .lang_menus > i {padding: 20px 20px 5px;}
    .lang_menus {width: 110px;}
    .lang_menus ul {padding: 38px 15px 20px 15px;font-size: 13px;}
    .main_header .container .logo{float:left;}
    .picture,.content-us .inside_content{width: 100%;float: none;}
    .cn_li_6 li{width: 33.3%;    min-height: 310px;}
    .sidebar-left,.content-ringht{width: 100%;margin-left: 0;}
    .industry-application .cn_li_5 li i{font-size: 30px;}
    .industry-application .cn_li_5 li h4{font-size: 14px;}
    .industry-application .cn_li_5 li{padding: 15px 0px;}
    .msg li{width: 100%;}
    .getquotation .msg li{width: 100%;}
    .getquotation_from textarea{width: 97%;}
    .sidebar-Contact{padding-bottom:0;}
    .scroll-to-top { bottom: 70px; right: 15px; color: #ffffff; width: 45px; height: 45px; font-size: 24px; line-height: 46px; border: 1px solid #43b1e8;background: #43b1e8; }
    .c_right>ul li:last-child, .box,.c_right>ul li div {display: none !important;}
    .c_right{bottom: 0px;width: 100%;overflow: hidden;  right: 0; }
    .c_right>ul li{width: 25%;float: left; margin: 0;border-radius: 0;    border: 1px #e5ecf2 solid;}
    .c_right>ul li:hover{background:#ffd51f;color:#000000;}
    .c_right>ul li:hover p, .c_right>ul li:hover span, .c_right>ul li:hover a{color: #000000 !important;}
    .scroll-to-top:hover { background: #43b1e8; color: #ffffff;}
    .footer_copy .container{padding-bottom: 60px;background: #000000;}
    .slide{height: 220px  !important;}
    .inside_container_detail .cn_li_4 li{width: 50%;min-height: 60px;}
    .inside_container_detail .bd img{width: 100% !important;height: auto !important;}
    .industry_cn .cn_li_3 li{width: 50%;}
}
@media(max-width: 676px){
    .filtertitle{font-size: 3rem;}
    .filtertitle span{top: 20px;}
    .home-products .cn_li_4 li,.news_cn .news-list li{width: 50%;}
    .picture-bottom .cn_li_3 li{width: 100%;float: none;padding: 0;}
}
@media(max-width: 520px){
    .filtercontent{width: 100%;}
    .cn_li_10 li{padding: 10px 0px;}
    .cn_li_2 li{width: 100%;float: none;margin-bottom: 30px;}
    .cn_box_30{padding: 30px 20px;}
    .cn_li_2 li img{max-height: none;height: auto;}
    .home-news .cn_li_4 li,.home-projects .cn_li_2 li,.industry_cn .cn_li_3 li{width: 100%;min-height: auto;}
    .home-news .cn_li_4 li+li{margin-left:0;}
    .content-us .msg #form_messege li{width: 100%;}
    .content-us .inside_content_tel li i{display: none;}
}
@media(max-width: 460px){
    .cn_li_6 li,.industry-application .cn_li_5 li{width:50%;}
    .cn_li_6 .thumbnail h3{min-height: 60px;}
    .home-industry .industry-list .img,.home-industry .industry-list .info{float: none;width: 100%;padding: 0;}
    .about_cn .certificate li,.product-content-list .cn_li_4 li{width: 100%;}
    .news_cn .news-list li,.product-content-list .cn_li_4 .thumbnail{width:100%;min-height: auto;}
    .product-content-list .cn_li_3,.product-content-list .cn_li_2{display: none;}
    .slide{height: 145px  !important;}
    .content-us .inside_content_tel ul{padding: 70px 20px;}
}
@media(max-width: 375px){
    .filtertitle{font-size: 2rem;}
    .filtertitle span{top: 10px;}
    .cn_li_4 li,{width: 100%}
}
@media(max-height: 660px){
    .filterbox .filtercontent .form-control{display: none;}
}
@media(max-height: 560px){
    .filterbox .filtercontent p{display: none;}
}