@font-face {

    font-family: 'astute';

    src: url('../fonts/astuteblackssk.ttf') format('OpenType');        

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'UniversLTStd-LightCn';

    src: url('../fonts/UniversLTStd-LightCn.ttf') format('truetype');        

    font-weight: normal;

    font-style: normal;

}



*{-webkit-transition: all .3s linear;

-moz-transition: all .3s linear;

-o-transition: all .3s linear;

transition: all .3s linear;}

html{}



html, body {

-ms-overflow-style: scrollbar;

}

body{ background:#fff; color:#333;font-family: 'Microsoft Tai Le','astute'; overflow:hidden; overflow-y: scroll; margin:0;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; }

.container img{ max-width:100%;}

ul { margin: 0; padding: 0; }

li { list-style:none;}

a:hover{ text-decoration:none; }

.img { width: 100%; overflow: hidden; }

.img img { width: 100%; }

.img img:hover { transform: scale(1.1); }



.font {font-family: 'UniversLTStd-LightCn'; }

.header{ width:100%; /*box-shadow: 2px 2px 2px #eee;*/ background: #fff;}

/*.ab-head { border-bottom: 6px solid #ea5404;}*/

.header .container { /*position: relative;*/ }

.head-top {

	line-height: 30px;

	background: #464646;

}

.head-top a { color: #fff;}

.navbar {

    margin-bottom: 0;

    border-radius: 0;

    border:0;

}

.header .navbar-brand {

    height:auto;    

    padding: 30px 0 15px 0;

    margin-left: 0 !important;

}

/*.ab-head .navbar-brand { padding: 13px 0;}*/

.navbar-header { position: relative; z-index: 99; }

.navbar-toggle { margin-top: 35px; padding-right: 0; }

.navbar-toggle .icon-bar { background: #333; }

.navbar-collapse {

    padding-right: 0;

    padding-left: 0;

}

.header .navbar-nav {

    margin: 40px 7% 0 0;

    float: right;

}

/*.ab-head .navbar-nav { margin-top: 20px;}*/

.header .navbar-nav > li { padding: 0 1.5rem; }

.header .navbar-nav > li > a { 

    color: #333;

    padding: 0;

    line-height: 40px;

    font-weight: bold;

	text-transform: uppercase;

}

/*.ab-head .navbar-nav > li > a {font-family: 'UniversLTStd-LightCn'; padding: 20px 0; line-height: normal;}*/

.nav > li > a:hover, .nav > li > a:focus, .header .nav .active a {

    background: none;

    border:0;

    color: #ea5404;

}

.request {

    background: #ea5404;

    margin-left: 40px;

}

.request:hover { background: #fb5c07; }

.header .nav .request a {

    color: #fff;

}

.navbar-collapse { position: relative; }

.search {

    position: absolute;

    right: 0;

    top: 40px;

    font-size: 18px;

    cursor: pointer;

    color: #333;

}

/*.ab-head .search { top: 30px; font-family: 'UniversLTStd-LightCn';}*/

.search button {

    background: none;

    font-size: 18px;

    padding-top: 2px;

}
body.page .search img{filter: grayscale(100%) brightness(500%);}
.search .dropdown-menu {

    text-align: center;

    min-width: 120px;

    font-family: arial;

    left: -100%;

    top: 50px;

    border: 0;

    border-radius: 0;

    box-shadow: 2px 2px 2px #eee inset;

}

.search-box {

    width: 100%;

    background: rgba(255,255,255,0.2);

    padding: 15px 0;

    position: relative;

    display: none;

    font-family: 'arial';

}

/*.ab-head .search .dropdown-menu, .ab-head .search-box {font-family: 'UniversLTStd-LightCn'; }*/

.search-box form { width: 100%; position: relative;}

.search-box input{

    outline: none;

    border-radius: 5px;

    border:1px solid #ccc;

    background: #fff;

    padding: 10px;

    font-size: 16px;

    width: 100%;

}

.search-box button {

    background: #ea5404;

    color: #fff;

    font-size: 16px;

    border: 0;

    outline: none;

    padding: 10px 20px;

    height: 44px;

    border-bottom-right-radius: 5px;

    border-top-right-radius: 5px;

    position: absolute;

    right: 0;

    top: 0;

}

.search-box button:hover { background: #fb5c07; }

#close {

    position: absolute;

    right: 30px;

    top: 20px;

    font-size: 24px;

    color: #ccc;

    cursor: pointer;

}

.dw  { position: relative;}

.ab-head li, .pro-head li { position: unset;}

.down-menu, .pd-menu {

	width: 100%;

	background: #fff;

	padding: 20px 30px;

	position: absolute;

	left: 0;

	top: 79px;

    display: none;

    border-top: 6px solid #ea5404;

}

.pd-menu dt {

	font-size: 16px;

    text-transform: capitalize;

}

.pd-menu dt a {  color: #ea5404;}

.pro-head .pd-menu dd a, .pro-head .nav .active .pd-menu dd a {

    text-transform: capitalize;

	color: #646464;

	margin-top: 5px;

	display: inline-block;

	font-size: 16px;

}

.pd-menu { top: 40px; border:0;}

.ab-head .nav .menu:hover .down-menu, .pro-head .nav .pro-menu:hover .pd-menu { display: block;}

.down-menu ul { display: flex; flex-wrap: wrap;}

.down-menu li { flex: 1;}

.ab-head .active .down-menu a, .ab-head .down-menu a { font-size: 16px; color: #333; text-transform: uppercase;}

.ab-head .active .down-menu a:hover, .ab-head .down-menu a:hover, .pro-head .pd-menu dd a:hover, .pro-head .nav .active .pd-menu dd a:hover { color: #ea5404;}

.head-pro { text-align: right; padding-top: 10px;}

.head-pro a { font-size: 18px; font-weight: bold; color: #333; margin-left: 25px;}

.head-pro a:hover, .head-pro a.active {color: #ea5404;}

.head-pro img { max-width: 45px;}

.pro-head .navbar-brand { padding: 10px 0;}

.pro-head .navbar-nav { float: unset; margin: 0;}

.pro-head .navbar-collapse { background: #ea5404; box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);}

.pro-head .navbar-nav > li > a { color: #fff; font-size: 18px; font-family: 'UniversLTStd-LightCn'; font-weight:normal; padding: 0 1.5em;}

.pro-head .navbar-nav > li { padding: 0;}

.pro-head .nav .active a, .pro-head .nav a:hover { background: #fff; color: #ea5404;}

.pro-head .search { top: 3px; color: #fff !important;}

.pro-head .search .dropdown-menu { top: 35px;}



/*.section1 { 

    background: url(../images/sy-bg.jpg) no-repeat center;

    background-size: cover;

}*/

#carousel-index {

    position: relative;

    width: 100%;

    height: calc(100vh);

}

#carousel-index .carousel-inner {

    position: absolute;

    overflow: hidden;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}

#carousel-index .item {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

#carousel-index .xitem_img {

    background-position: center top;

    background-size: cover;

    background-color: #f2f2f2;

    background-repeat: no-repeat;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.banner-text {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    padding: 20% 0;

}

.left-text {

    color: #fff;

}

.left-text h4 {

    font-size: 24px;

    margin-bottom: 30px;

    font-weight: bold;

}

.left-text h1 {

    font-size: 48px;

    line-height: 60px;

    margin-bottom: 10px;

    font-weight: bold;

    text-transform: uppercase;

}

.left-text p a {

    font-size: 18px;

    color: #fff;

    font-weight: bold;

}

.r-pro {

    background: rgba(255,255,255,0.6);

    padding: 5px 30px;

    margin-bottom: 10px;

    position: relative;

    border-left: 12px solid #fe4900;

}

.r-pro a { display: flex; }

/*.r-pro01 { border-left: 12px solid #fe4900; }

.r-pro02 { border-left: 12px solid #ffba00; }

.r-pro03 { border-left: 12px solid #6fcf28; }*/

.sy-img {/* width: 100%; text-align: right; */

    position: absolute;

    right: 20px;

    top: 10px;



}

.r-pro h1 {

    font-size: 22px;

    line-height: 100px;

    color: #333;

    font-weight: bold;

}

/*.r-pro01 h1 { color: #fe4900; }

.r-pro02 h1 { color: #ffba00; }

.r-pro03 h1 { color: #6fcf28; }*/

#fullPage { margin-top: 98px; }

.arrow {

    width: 25px;

    height: 50px;

    color: #fff;

    border-radius: 0 25px 25px 0;

    font-size: 20px;

    text-align: center;

    line-height: 50px;

    position: absolute;

    left: -12px;

    top: 50%;

    transform: translateY(-50%);

    background: #fe4900;

}

/*.r-pro01 .arrow { background: #fe4900; }

.r-pro02 .arrow { background: #ffba00; }

.r-pro03 .arrow { background: #6fcf28; }*/

.r-pro:hover .arrow { left: 0; }



footer {

    background: #f2f2f2;

    padding-top: 60px;

}

.ft-lx { color: #646464; padding: 0 13%;}

.ft-lx dt, .ft-link dt { font-size: 18px; font-weight: normal; color: #646464;}

.ft-lx dd, .ft-link dd { margin-top: 5px; }

.ft-link { display: flex; float:right;}

.ft-link dd a {

    color: #fff;

    font-size: 16px;

}

.file dd, .social dd {

    background: #48484a;

    line-height: 42px;

    padding: 0 20px;

    text-align: center;

    min-width: 220px;

}

.file dd:hover, .social dd { background: #ea5404; }

.social dd:hover { background: #da4e03; }

.social { margin-left: 25px; margin-bottom: 0;}

.ft-link i { float: left; line-height: 40px;}

.social i { font-size: 18px; }

.copy { color: #646464; padding: 10px 0; width: 100%;}

.gotop {

    width: 50px;

    height: 50px;

    background: #333;

    color: #fff;

    font-size: 20px;

    border-radius: 5px;

    position: fixed;

    right: 30px;

    bottom: 100px;

    text-align: center;

    line-height: 50px;

    cursor: pointer;

    display: none;

}

.gotop:hover { background: #008ee8; }
.f-lx {
    position: fixed;
    bottom: 0;
    z-index: 99;
    left: 0;
    width: 100%;
    background: #ea5404;
    display: flex;
}
.f-lx a {
    color: #fff;
    font-size: 24px;
    text-align: center;
    border-right: 1px solid #ccc;
    display: inline-block;
    width: 24%;
    line-height: 40px;
}
.f-lx a:last-child { border:0;}



.banner { 

	margin-top: 106px;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	padding: 13% 0;

}

/*.ab-banner { background-image: url("../images/ab-banner.jpg");}*/

.page-nav a {

	line-height: 40px;

	color: #646464;

	padding: 0 5px;

	text-transform: uppercase;

}

.page-nav a i { font-size: 16px; color: #ea5404; padding-right: 5px;}

.page-nav a:hover { color: #ea5404;}

.img{ width: 100%; overflow: hidden;}

.img img { width: 100%;}

.img img:hover { transform: scale(1.1);}

.about { margin: 50px 0;}

.ab-top h4, .faq h6, .news-wrap h6 {

	font-size: 15px;

	font-weight: bold;

	color: #555;

	margin: 10px 0;

	text-transform: uppercase;

}

.ab-top h1 {

	font-size: 32px;

	font-weight: bold;

	color: #333;

	margin-bottom: 30px;

	text-transform: uppercase;

}

.ab-top p {

	font-size: 16px;

	color: #333;

	line-height: 24px;

}

.scale {

	background: #ea5404;

	padding: 50px 0;

	width: 100%;

	margin-bottom: 50px;

	color: #fff;

}

.s-text { padding: 0 10%;}

.s-text h1, .innovation h2 { font-size: 24px; margin: 10% 0 20px;}

.s-text p, .innovation p { font-size: 16px; line-height: 24px;}

.ab-serv { color: #333;}

.ab-serv h2 { font-size: 24px; margin: 40px 0 20px;}

.ab-serv p { font-size: 16px; line-height: 24px; padding-right: 5%;}

.innovation { margin: 50px 0; color: #fff;}

.innovation ul { position: relative; display: flex;}

.innovation li { float: left;}

.innovation h2 { margin-top: 0; font-weight: bold;}

.innovation li:last-child { background: #ea5404; padding: 70px 60px 80px; position: absolute; max-width: 640px; right: 40px; top: 50px;}

.ab-map { text-align: center;}

.ab-map h1 {

	font-size: 36px;

	margin-bottom: 30px;

}

.ab-map h1:after {

	content: '';

	display: block;

	width: 70px;

	height: 4px;

	background: #ea5404;

	margin: 0 auto;

	margin-top: 10px;

}

.ab-map p { font-size: 16px; line-height: 24px; margin-bottom: 20px;}

.ab-foot { margin-top: 85px; height: auto;}

.table-responsive table { width: 100%; margin-top: 20px;}

.join thead {

    background: #a0a0a0;

    color: #fff;

    font-size: 18px;

    font-weight: bold;

}

.join td { padding: 10px 15px; }

.join tbody {

    font-size: 16px;

    padding-top: 10px;

}

.join a {

    padding: 10px 25px;

    color: #fff;

    background: #ea5404;

    display: inline-block;

}

.join a:hover { background: #f96a1d; }



/*.lx-banner { background-image: url("../images/lx-banner.jpg");}*/

.contact { margin: 50px 0;}

.contact h1 { font-size: 36px; font-weight: bold; margin-bottom: 30px;}

.contact h5 { font-size: 15px; font-weight: bold; color: #555;}

.contact h4 { font-size: 16px; color: #333; margin:5px 0 35px;}

.contact p { font-size: 16px; color: #555; line-height: 24px; margin-bottom: 0;}

.contact p:last-child { margin-top: 20px;}

.map {

	width: 100%;

	border-radius: 10px;

	margin-top: 50px;

}

.map iframe { width: 100%; height: 300px;}

.lx-form h1 {

	font-size: 30px;

	font-weight: bold;

	margin-bottom: 20px;

}

.lx-form input, .lx-form textarea, .lx-form select {

	background: #fafafa;

	border: 1px solid #ccc;

	border-radius: 5px;

	padding: 10px;

	margin-bottom: 15px;

	width: 100%;

	outline: none;

	resize: none;

}

.lx-form button {

	margin: 30px 0 50px;

	color: #fff;

	line-height: 40px;

	padding: 0 60px;

	background: #333;

	border-radius: 5px;

	border: 0;

}

.lx-form button:hover { background: #ea5404;}

.lx p, .farm p, .network p, .solution p, .design p, .advan h3, .advan p, .advan li, .advan h5, .faq p, .history p, .app-top, .app-text p, .app-text a, .news-wrap p, .pro-about p, .pro3 p, .pd-top li, .rp-text p { 

	font-size: 16px; 

	line-height: 24px;

}

.lx p:last-child, .lx p a { color: #ea5404;}

.lx table { margin-top: 40px; width: 100%; font-size: 16px; color: #646464; vertical-align: middle;}

.lx table th { color: #000; padding: 10px 0 10px 25px;}

.lx table td { padding: 10px 0 10px 25px;}

.lx table tr:nth-child(odd) { background: #f2f2f2;}



.serv-banner { background-image: url("../images/serv-banner.jpg");}

.farm { margin: 50px 0;}

.farm h2 {

	font-size: 24px;

	margin: 40px 0 15px;

}

.hotline h2 { font-size: 21px; color: #6b6b6b; margin-bottom: 20px;}

.hotline p { font-size: 16px; color: #ea5404; line-height: 30px; margin: 0;}

.hotline p:first-child { color: #6b6b6b;}

.network { 

	background: url("../images/serv-pic02.jpg") no-repeat center; 

	background-size: cover; 

	padding: 6% 0 8%;

	text-align: center;

}

.network h1, .over h3, .design h3, .advan h2, .history h2 { font-size: 24px; margin-bottom: 20px;}

.network p { margin-bottom: 20px; padding: 0 20px;}



/*.solu-banner {background-image: url("../images/solu-banner.jpg"); }*/

.solu-nav a { line-height: 40px; font-size: 16px; color: #333; padding: 0 5px;}

.solu-nav a:hover { color: #ea5404;}

.solu-nav { text-align: right; margin-bottom: 30px;}

.solution h1 {

	font-size: 36px;

	font-weight: bold;

	margin-bottom: 35px;

}

.solution h1:after {

	content: '';

	display: block;

	margin-top: 15px;

	width: 50px;

	height: 4px;

	background: #ea5404;

}

.over { margin: 50px 0;}

.design p { text-align: center; padding: 5px 20px 10px 20px;}

.advan h2, .advan h5 { margin-bottom: 5px;}

.advan h3 { margin-bottom: 20px;}

.advan .img { margin-bottom: 30px;}

.advan ul {padding-left: 20px;}

.advan li {

	list-style: disc;

	margin-top: 15px;

}

.faq { margin-top: 50px;}

.faq h1, .news-wrap h1 {

	margin-bottom: 30px;

	font-size: 36px;

	font-weight: bold;

}

.faq h3 { font-size: 18px; font-weight: bold; margin-bottom: 20px;}

.faq-box p { color: #666; margin-bottom: 0;}

.faq-box .space { padding-left: 33px;}

.faq img { margin-right: 5px; width: 28px; vertical-align: bottom;}

.faq-box { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 15px;}

.faq-box:last-child { border: 0;}

.history { margin-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}

.history:last-child { border: 0;}

.history h2 { margin: 25px 0 5px; font-weight: bold;}

/*.app-box { margin-top: 30px; border:1px solid #ccc;}

.app-text { padding: 30px;}

.app-text h2 { font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #333;}

.app-text p { 

	color: #333; 

	font-weight: normal;

	height: 48px;

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.app-text a { font-weight: bold; margin-top: 15px; color: #333;}

.app-box:hover a { color: #ea5404;}

.app-box:hover img { transform: scale(1.1);}

.app-detail, .news-wrap { margin-top:50px;}

.app-detail img { margin-top: 30px;}*/

.bro-box { margin-top: 20px; text-align: center;}

.bro-box img { box-shadow: 3px 3px 10px 5px #ccc; }

.bro-box p { margin-top: 15px; font-weight: bold; font-size: 16px; color: #333; }

.bro-box:hover p{ color: #ea5404; }



/*.news-banner { background-image: url("../images/news-banner.jpg");}*/

.news { margin-top: 30px;}

.news small {

	display: block;

	font-size: 14px;

	color: #ea5404;

	margin: 20px 0 10px;

}

.news small i { padding-right: 5px;}

.news h3 { font-size: 18px; color: #151515; margin-bottom: 10px;

	height: 48px;

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

	line-height: 24px;

}

.news p { font-size: 16px; color: #333; line-height: 24px; height: 72px; 

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;}

.news:hover h3 {color: #ea5404;}

.news:hover img { transform: scale(1.1);}

.nd-social { margin: 10px 0 50px;}

.nd-social a { display: inline-block; font-size: 30px;}

.nd-social a:first-child { color: #3b5998;}

.nd-social a:nth-child(2) { color: #1da1f2;}

.nd-social a:nth-child(3) { color: #dc4e41;}

.nd-social a:nth-child(4) { color: #cb2027;}

.nd-social a:nth-child(5) { color: #0077b5;}

.nd-social a:last-child { color: #ff6550;}

.nd-link p { font-size: 16px; float: left; margin-right: 5%;}

.nd-link a { color: #646464;}

.nd-link a:hover, .nd-social a:hover { color: #ea5404;}



.pro-banner {

	/*background-image: url("../images/pro-banner.jpg");*/

	color: #fff;

	text-align: center;

	margin-top: 113px;

	padding: 13.5% 0;

}
.pro-banner2 {padding: 0;  position: relative;}
.pro-banner01 {background-image: url("../images/pro-banner01.jpg");}

.pro-banner h1 { font-size: 40px; 
margin-bottom: 10px;
}
.pro-banner2 h1 {
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pro-banner p { font-size: 24px;}

.hui { background: #f2f2f2;}

.pro-top { margin-top: 50px;}

.pro-wrap { margin-bottom: 30px;}

.pro-body p { background: #fff; border-bottom: 2px solid #ccc; width: 100%; font-size: 18px; color: #ea5404; padding: 10px 15px; font-weight: bold; height: 70px; overflow:hidden;
    text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.pro-body01 a {

	display: block;

	font-size: 16px;

	color: #ea5404;

	padding: 3px 0;

}

.pro-body01 a:hover { text-decoration: underline;}

.pro-body01 { background: #fff; padding: 10px 15px; }

.pro-about { 

	background: url("../images/pro-bg.jpg") no-repeat center;

	background-size: cover;

	text-align: center;

	padding: 6% 0;

	color: #fff;

	margin-bottom: 50px;

}

.pro-about h1, .pro-news h1 { font-size: 36px; margin-bottom: 20px;}

.pro-about p { padding: 0 30px;}

.pro-about a, .pro-link {color: #fff; font-size: 16px; display: inline-block; line-height: 45px; padding: 0 20px; background: #ea5404; margin-top: 35px;}

.pro-about a:hover, .pro-link:hover { background: #fd5c06;}

.pro-news h1 { text-align: center; color: #ea5404; margin-bottom: 0;}

.pro3 h3 { font-size: 24px; margin: 10px 0 20px; color: #ea5404;}

.pro3 p { color: #646464;}

.pro3 { margin-bottom: 35px;}

.pd-top { margin: 50px 0;}

.pd-top h2 { font-size: 30px; margin-bottom: 20px; color: #ea5404;}

.pd-top ul { padding-left: 20px;}

.pd-top ul li { list-style: disc; margin-bottom: 15px;}

.pd-top .carousel-control { background: none; opacity: 1; width: 5%;}

.pd-top img { width: 100%;}

.pd-top .carousel-indicators { bottom: 0;}

.pd-top .carousel-indicators li { border: 0; width: 8px; height: 8px; background: #828282;}

.pd-top .carousel-indicators .active { margin: 1px; background: #ea5404;}

.pd-btn {

    font-size: 16px;

    padding: 10px 30px;

    background: #ea5404;

    margin-top: 30px;

    display: inline-block;

    color: #fff;

}

.pd-btn:hover {color: #fff; background: #cc4904;  }

.pd-form {

	background: #f2f2f2;

	background-size: cover;

	margin-bottom: 50px;

	padding: 50px 0 45px;

	color: #333;

}

.pd-form h1, .relate h1 { font-size: 36px; margin-bottom: 25px; text-align: center;}

.pd-form input, .pd-form select, .pd-form textarea {

	background: none;

	width: 100%;

	border:1px solid #fff;

	border-radius: 5px;

	margin-bottom: 20px;

	font-size: 15px;

	color: #fff;

	padding: 8px 12px;

	outline: none;

	resize: none;

}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fff;}

.pd-form button {

	background: none;

	border:1px solid #fff;

	border-radius: 5px;

	line-height: 45px;

	padding: 0 5%;

	margin-top: 35px;

}

.pd-form button:hover { background: #ea5404; border-color:#ea5404; }

.bro-box img { box-shadow: none; }

.pd-form .bro-box button {

    background: #000;

    border: 0;

    border-radius: 0;

    color: #fff;

    padding: 0 10%;

    text-align: left;

}

.pd-form .bro-box button:hover { background: #333; }

.relate h1 { color: #ea5404; }

.relate-pro { background: #f2f2f2; margin-bottom: 30px;}

.rp-text { padding: 25px 20px;}

.rp-text h3 { font-size: 24px; color: #333; margin-bottom: 15px;}

.rp-text p { 

	color: #646464;

	height: 96px;

	overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

}

.rp-link {

	background: #ea5404;

	color: #fff;

	font-size: 16px;

	display: inline-block;

	padding: 0 20px;

	line-height: 40px;

	margin-top: 25px;

}

.relate-pro:hover .rp-link { background: #c74804;}

.relate-pro:hover h3 { color: #ea5404;}

.relate-pro:hover img { transform: scale(1.1);}


#pro-container{ position:relative;}


@media (min-width: 1230px){ .container{ width:1200px; padding: 0;} }



@media ( min-width: 992px){  }

@media (min-width: 768px) and  (max-width: 991px){

   



}

@media (min-width: 992px) and  (max-width: 1199px){ }

	

@media (max-width: 767px){

   #pro-container{ position:unset;}
    .header .navbar-nav { float: unset; margin: 0; }

    .navbar-nav li { border-bottom: 1px solid #eee; }

    /*.search { position: unset; padding: 10px 15px;}*/
	
	.search {
  right: 60px;
  top: 22px;
  z-index:100;
}

    .search-box form { width: 85%; }

    .header .navbar-brand { padding: 10px 0; }

    .navbar-toggle {

        padding: 6px;

		margin-top: 25px;

    }

    .header .navbar-nav { float: unset; text-align: center;}

    .navbar-nav > li > a { line-height: 40px; color: #333;}
	
	#carousel-index {
    height:0;
	padding-top:100%;
	margin-top:70px;

}
.banner-text {
  position:relative;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 10% 0;
}
.r-pro h1 {
  font-size: 18px;
  line-height: 60px;
}
.xitem_img video{ width:auto; height:100%;}
    .request {margin-top: 45px;

            font-size: 18px;}

    .left-text h4 { margin-top: 45px; margin-bottom: 20px; font-size: 18px;}

    .file dd, .social dd { min-width: unset; padding: 0 12px;}

    .ft-lx { padding: 0; }

    footer { padding-top: 20px; /*height: 600px;*/ font-family: 'Arial';}

	.banner { padding: 0;}
	.pro-banner h1 { font-size: 30px;}

	.head-pro, .ab-head .btn-group { display: none;}

    .left-text h1 {

        font-size: 24px;

        line-height: 30px;

    }
    .ft-link { float:none;}

    .sy-img img { max-width: 60px; }

    .r-pro { padding: 10px 30px; }

	

	.s-text, .ab-serv p, .pro-about p { padding: 0;}

	.innovation li:last-child, .innovation ul { position: unset;}

	.innovation ul { flex-wrap: wrap;}

	.innovation li:last-child { padding: 30px 10px;}

	.solu-nav { text-align: left;}

	.nd-link p { float: unset; margin-right: 0;}

	.pro-banner { margin-top: 73px;}

	.pd-top h2 { margin-top: 20px;}

    



}







@media (max-width: 480px){



}