/*!
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

*,
::after,
::before {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}



body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #FFF;
}





@media (min-width:0px) {

.logo_nav { width:45px; background-size:45px; background:url(../../images/logo_B.svg) no-repeat;}
.logo_nav a { height:45px; }

.yc_language { display:none;}
.version_nav { right:65px; top:18px;}
.version_nav a { left:0px; position:relative;}

.back_to_top i{ display: none;}





}


@media (min-width:0px) {

* { font-size:14px;}
#header .navbar { max-width:100%; padding: 10px 20px; margin:auto;}	



#header .nav-item a:hover { color:#009da5;}
#header .nav-item a:hover:before{ color: #009da5;}
#header .dropdown-menu{	 margin: 10px 0; border: 1px solid rgba(0, 0, 0, 0.1)}

#header .dropdown-menu:before { color:#009da5;}
#header .menu_fix .dropdown-menu:before { color:#FFF;}


.container { background-color: rgba(255, 255, 255,0.98);}

.carousel-item{ background: no-repeat center center scroll; background-size:cover; min-height: 32vh;  height:0px; }


#header .navbar-nav{ border-top: 1px solid #009da5; margin-top:10px; padding-top:15px;}


#header .nav-link{ padding: 2px 20px;}

.carousel-indicators { bottom: 15px; }


.carousel-item{
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.top-188 { margin-top:64px;}

.width_contact { padding:0 20px; }

.left_contact_nav { float:left; width:100%;}

.con_contact_me { width:100%; }
.quick_menu_nav { width:100%; text-align:left; float:left;}

.m-top30 { margin-top:30px; }



/* company_intro begin */
.company_intro_nav { padding:0 20px; margin:50px auto;}
.company_view { width:100%; }
.about_us { width:100%; margin-top:40px;}
.about_us p {line-height:1.2;}
.about_us h3 { text-align:center;}
.about_us ul { margin:10px auto 30px auto;}

.about_us li { text-align:center; width:50%;}
.about_us li span { font-size: 2.25em;}
.about_us li p { text-align:center; font-size:1em;}
.about_us li i{ bottom: 13px;}

.about_us a { margin:40px auto 0 auto; text-align:center; float: none; display: table;}

.boder_line { border-left:0px solid #DDD; border-right:0px solid #DDD; padding:0;}

.dis_pantent { display: block;}
/* company_intro end */

.container_choose { background-color: #F5F5F5; padding-top:40px;}

.section_title h3 { font-size:1.875em;}

/* why_choose_us begin */
.why_choose_nav { padding:0px; margin:30px auto;}
.why_choose_nav li { width:100%; margin:20px auto; padding:0px 20px;}
.why_choose_nav li ol { background-color:#FFF; }
.why_choose_nav li:hover { cursor:pointer;}

.clear_layer { display: table;}

.border-box:before{ background: #CCC;}

/* why_choose_us end */



/* Product_Category begin */
.container_product {  background-color:#FFF;  padding:40px 0 20px 0; }

.product_category_nav { margin:20px auto 0 auto; }
.product_category_nav li { width:44%; margin:35px 10px; background-color:#F5F5F5; }
.product_category_nav li ol { top:-35px; }
.product_category_nav li h1 { font-size:1em; padding-top:10px; margin-top:-45px; }

.product_category_nav li:hover ol { top:-50px; position:relative;} 
/* Product_Category end */



/* news_nav begin */
.nav_news { margin:20px auto;}
.company_news { width:100%; float:left;}

.news_title,
.news_title ul { float: none; margin:auto; }

.company_news_info { width:100%; float:right; }
.company_news_info H2 { font-size:1.4em; line-height:1.2;}
.company_news_info p { padding-bottom:20px; -webkit-line-clamp:0; line-height:1.2;
    text-align: none;
	text-align-last:none;
	text-justify:none;
	text-justify:none;
	text-justify:none;
 }


.hangye_news { width:100%; margin-top:60px; }

.mainnews_nav { width:100%; transition: all 0.4s;}

.mainnews_nav ol { margin: 0 auto; }

.nav_hy_news li a { font-size:1.125em; }


/* news_nav end */


.right_netlink_nav { float:left; width:100%; margin-top:40px; padding:0 30px;}
.right_netlink_nav img { width:25%;}
.right_netlink_nav div li { width:14%; margin:0 8px; }
.right_netlink_nav div li span { display: none;}


.menu_title { width:45%;}
.menu_right { margin-left:30px;}

.footer_company { background-color:#009da5;}

.company_info_nav { padding:15px 20px;}
.company_info_nav P a:hover { color:#FFF;}

}



@media (min-width:576px) {


#header .navbar {  max-width: 100%;  margin:auto;}	

#header .nav-item a:hover { color:#009da5;}
#header .nav-item a:hover:before{color: #009da5;}
#header .dropdown-menu{	margin: 10px 0; border: 1px solid rgba(0, 0, 0, 0.1);}


.carousel-item{  height: 400px;  }

/* why_choose_us begin */
.why_choose_nav li { width:50%; padding:0px 30px;}
/* why_choose_us end */


.container_product { padding:40px 0 0 0; }

/* Product_Category begin */
.product_category_nav { margin:30px auto 0 auto; }
.product_category_nav li { width:45%; margin:60px 15px; }
.product_category_nav li ol {  top:-60px; }
.product_category_nav li h1 { font-size:1.25em; padding:20px 0; margin-top:-65px; }

.product_category_nav li:hover ol { top:-80px; position:relative;} 

/* Product_Category end */

 
/* news_nav begin */
.mainnews_nav { width:50%; }
.r_news_15 { padding-right: 25px;}
.l_news_15 { padding-left:25px; float:right; }

.nav_hy_news li a { font-size:1.25em; }
/* news_nav end */

.right_netlink_nav { padding:0 60px;}
.right_netlink_nav img { width:15%;}
.right_netlink_nav div li { width:9%; }
.right_netlink_nav div li span { display: none;}


.boder_line { border-left:1px solid #DDD; }


.menu_title { width:50%;}
.menu_right { float: none; margin-left:0px;}

}



@media (min-width:768px) {
* { font-size:16px;}

#header .nav-item a:hover { color:#009da5;}
#header .nav-item a:hover:before{ color: #009da5;}
#header .dropdown-menu { margin: 10px 0; border: 1px solid rgba(0, 0, 0, 0.1);}

.carousel-indicators { bottom: 30px; }


.carousel-item{ min-height: 60vh; height:0px; }

.back_to_top i{ display: block;}



/* company_intro begin */
.boder_right { padding-right:0;}
.boder_left { padding-left:0;}

.about_us li { width:33.333333%;}
.about_us li span { font-size: 2.75em;}
.about_us li p { font-size: 1.125em;}
.about_us li i{ bottom: 18px;}

.boder_line { border-left:1px solid #DDD; border-right:1px solid #DDD;}

.dis_pantent { display: none;}
/* company_intro end */

.section_title h3 { font-size: 2.5em;}

.about_us p,
.why_choose_nav li p,
.company_news_info p { -webkit-line-clamp:5; line-height:1.3; }

/* Product_Category begin */
.product_category_nav li { width:29.9%; margin:60px 15px;}
/* Product_Category end */

/* news_nav begin */
.newimg_nav { width:25%; float:left;}


.company_news_info { width:67%; float:right;}
.company_news_info H2 { font-size:1.5em; line-height:1.3; }
.company_news_info p { padding-bottom:0;}

.mainnews_nav ol { margin:30px auto 0 auto;}

/* news_nav end */


.con_contact_me { float:left; width:50%; padding:0;}
.quick_menu_nav { float:right; width:35%; padding:0; text-align:left;}


.m-top30 { margin-top:0; }


.con_contact_me { float:left; width:40%;}
.quick_menu_nav { float:right; width:48%;}

.menu_title { width:45%;}
.menu_right { float: none; margin-left:30px;}

.right_netlink_nav img { width:12%;}
.right_netlink_nav div li { width:7%; }

}


@media (min-width:992px) {

#header .navbar { max-width: 100%; border-left:0px solid #CCC; border-right:0px solid #CCC; margin:auto; padding:20px 0px 10px 20px; display: block;}


.close_menu { display:none;}

	
.menu_bg { height:60px; }



.nav-item { margin-top:-35px;}
.nav-item a { color:#FFF;}

.carousel-item{ background: no-repeat center center scroll; background-size:cover; min-height: 100vh; width:100%; height:0px; }



#header .dropdown-menu{	margin-top: 40px; border: 0px solid rgba(0, 0, 0, .1); box-shadow:1px 2px 5px #333;}

#header .dropdown-menu:before{ color: #FFF;}


#header .navbar-nav{ border-top: 0px solid #EEE; margin-top:0px; padding-top:0; }


#header .nav-link{	padding: 48px 20px 0 20px;}


.container { background-color: rgba(0, 0, 0,0);}
.container:hover { background-color: rgba(0, 0, 0,0.3);	
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
}


.menu_fix .top-bg:hover {  background:url(../../images/star-bg.gif); background-color: rgba(0, 0, 0,0.96); transition: all 5s;}


.logo_nav {  width:50px; background-size:50px; background:url(../../images/logo.svg) no-repeat;}
.logo_nav a { height:50px; }

.menu_fix .logo_nav { background:url(../../images/logo_B.svg) no-repeat;}

.menu_fix .nav-item a{ color:#FFF; }


.top-188 { margin-top:0px;}

/* company_intro begin */
.company_intro_nav { margin:80px auto;}
.company_view { width:47%; }
.about_us { width:47%; margin:0;}

.about_us h3 { text-align:left;}
.about_us ul { margin:10px 0 30px 0;}

.about_us li { width:50%; text-align:left;}
.about_us li p { text-align:left;}

.boder_right { padding-right:0px;}
.boder_left { padding-left:0px;}
.boder_line { border-left:1px solid #DDD; border-right:0px solid #DDD; padding:0 35px;}

.about_us a { float:left; clear:both; margin-top:40px;}

.dis_pantent { display: block;}
/* company_intro end */


/* why_choose_us begin */
.container_choose { background-color: #FFF; padding:0 0 20px 0;} 
.why_choose_nav li { padding:0px 50px;}
.why_choose_nav li ol { background-color:#F2F2F2; }

.border-box:before{ background: #E5E5E5;}
/* why_choose_us end */


/* Product_Category begin */
.container_product {  background-color:#F5F5F5; }
.product_category_nav li { width:30.6%; margin:60px 15px; background-color:#FFF; }

/* Product_Category end */


/* news_nav begin */
.company_news { width:62%; float:left; }

.nav_news { margin:50px auto;}


.news_title,
.news_title ul { float:left;}

.hangye_news { width:30%; margin:0;}

.mainnews_nav ol { margin:25px 0 0 0;}


/* news_nav end */


.left_contact_nav { float:left; width:72%; }

.con_contact_me { float:left; width:40%;}
.quick_menu_nav { float:right; width:47%;}

.right_netlink_nav { float:right; width:25%; margin-top:0px; padding:0px;}
.right_netlink_nav img { width:25%;}
.right_netlink_nav div li { width:15%; margin:0 6px; }



.yc_language {  display: inline;}
.yc_language span { border-radius:50% 50%; background:url(../../images/world.gif) no-repeat; background-color: none; background-size:24px; background-position: left center; float:left; margin-right:10px; width:24px; height:24px; 
    transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	}
.yc_language a { color:#FFF;font-size:1.125em; display:block;}
.yc_language a:hover { color:#009da5;}
.yc_language:hover span  { background-color:#009da5;}
.menu_fix .yc_language a{ color:#000;}
.menu_fix .yc_language a:hover { color:#009da5;}
.menu_fix .yc_language span  { width:24px; height:24px; border-radius:50% 50%; background-color:#; }
.menu_fix .yc_language:hover span  { background-color:#009da5;}


.footer_company { background-color:#333;}
.company_info_nav { padding:30px 20px;}
.company_info_nav P a:hover { color:#009da5;}
}


@media (min-width:1280px) {

#header .navbar { max-width: 1500px;}


/* company_intro begin */
.about_us li { width: auto; text-align:center;}
.about_us li p { text-align:center;}

.boder_right { padding-right:35px;}
.boder_left { padding-left:35px;}
.boder_line { border-left:1px solid #DDD; border-right:1px solid #DDD; padding:0 35px;}



.about_us a { margin-top:25px;}
.dis_pantent { display:none;}
/* company_intro end */


/* why_choose_us begin */
.why_choose_nav { margin:50px auto 20px auto;}
.why_choose_nav li { width:25%; padding:0px 40px; margin:0;}
.why_choose_nav li:hover { margin-top0:-20px; }

.clear_layer { display:none;}
/* why_choose_us end */

/* Product_Category begin */
.product_category_nav { max-width:1500px; }
.product_category_nav li { width:18.5%; margin:60px 10px; }

/* Product_Category end */

/* news_nav begin */
.r_news_15 { padding-right:30px;}
.l_news_15 { padding-left:30px;}
/* news_nav end */


.width_contact { max-width:1500px;}

.right_netlink_nav img { width:20%;}
.right_netlink_nav div li { width:12%; margin:0 6px;}


}






@media (min-width:992px) {

    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler,.version_nav {
        display: none;
    }
    .navbar-expand-lg .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }
}





.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;

}

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {  display: block;}

.carousel-item-next,.carousel-item-prev {   position: absolute; top:0 ;}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}



@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-right,
    .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }


.active.carousel-item-left,
.carousel-item-prev {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}



.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #FFF;
    text-align: center;
    opacity: .2
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #FFF; 
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009da5' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); 
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009da5' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 20%;
    margin-left: 20%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 16px;
    height: 16px;
	border-radius:50%;
	margin: 0px 8px 0px 8px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 10)
}

.carousel-indicators li:before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li:after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators .active {
    background-color: #FFF;
}




.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

.ml-auto{ margin-left: auto!important}




.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}