.bgBox{position: absolute;left:0;top:0;width: 100%;background-color: #333;height: 1500px;}
.bgBoxSub{height: 456px;}
.bgBoxSub .bgsub{background-image: url(../img/bg-sub.jpg)!important;background-size: auto auto; background-position: 0 0}
.bgConSub{height: 456px;}
.fancybox img:hover{opacity: 0.8}
.page_about .pageCon {font-size:18px}
.bg {

    background-size: auto 100%;
    background-attachment: fixed;
    background-position: center 0;
    background-repeat: repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #333;

}
.bgCon{
    height: 1500px;
    position: relative;
    background-color: transparent!important;
    z-index: 100;
}

.page .bg1 {
    background-image: url(../img/bg-1.jpg)!important;

}
.page .bg2 {
    background-image: url(../img/bg-2.jpg)!important;
    display: none;
}
.page .bg3 {
    background-image: url(../img/bg-3.jpg)!important;
    display: none;
}

.bg2 .logo img{width: 200px}
.bg2 .ser_container{width: 200px}
.bg2 header .container{background: rgba(0,0,0,0.5);border-radius: 10px}
.bg2 .ser_container .title{font-size: 15px!important;}
.bg2 .ser_container .item[style='']:nth-child(2){font-size: 15px!important;}
.bg2 .ser_container .item{font-size: 13px!important;}

.bottomContact.v2{position: inherit;padding-bottom: 20px}
.bottomContact.v2 li{color:#333;text-shadow: inherit}
.bottomContact.v2 li a{color:#333}



.subContent{font-size: 18px;margin-top: 10px;margin-bottom: 10px}

.dropdown-menu{background-color: #000}
.dropdown-item{background-color: #000;}
.dropdown-menu .dropdown-item:hover{background-color: #333;}

.logo_container{display: block!important;}
.logo{text-align: center;display: block;margin: 20px auto 0;width: 200px}
.logo img{width: 100%;}

.topNav{width: 100%;justify-content: center}

.ser_container{text-shadow:1px 1px 3px #000;text-align: center;margin-top: 40px;}
.ser_container .title{font-size: 21px;padding-bottom: 10px;opacity: 0.6}
.ser_container .item{opacity: 0.6;
    /*transition-duration: 0.5s;*/
    /*-moz-transition-duration: 0.5s; !* Firefox 4 *!*/
    /*-webkit-transition-duration: 0.5s; !* Safari 和 Chrome *!*/
    /*-o-transition-duration: 0.5s; !* Opera *!*/
}
.ser_container .item[style='']:nth-child(2){font-size: 22px;opacity: 0.9}
.ser_container .pagination{display: none}
.ser_container li{list-style: none;font-size: 16px;color: #fff;margin: 0;padding: 0}
.ser_container ul{list-style: none;margin: 0;padding: 0}

.bg-nav{ padding-top: 0}
.bg-nav .navbar-collapse{margin-left:30px}
.bg-nav .navbar-collapse a{color:#fff!important;font-size: 22px;text-shadow:1px 1px 3px #000;font-weight: bold;
    /*border-bottom: 1px solid #fff;*/
}
.bg-nav .navbar-collapse .nav-item{margin: 0 20px}
.bg-nav .navbar-collapse .dropdown-menu a{font-size: 17px;border-bottom: 1px solid #333!important;}
.bg-nav .navbar-collapse .dropdown-menu :last-child a{border-bottom: none!important}
.bottomContact{position: absolute;bottom:30px;left:0;width: 100%}
.bottomContact li,.bottomContact ul{list-style: none;margin:0;padding: 0}
.bottomContact li{text-shadow:1px 1px 3px #000;font-size: 18px;color:#fff;width: 33%;float: left;text-align: center;background-repeat: no-repeat;background-position:  center 0;padding-top: 80px;border-right: 1px solid #fff}
.bottomContact li:last-child{border-right: none!important;}
.bottomContact li a{color: #fff}
.bottomContact li .title{font-size: 20px}
.bottomContact li.email{background-image: url("../img/icon_email.png")}
.bottomContact li.phone{background-image: url("../img/icon_phone.png")}
.bottomContact li.address{background-image: url("../img/icon_address.png")}

.page_sub .bottomContact{position:static;padding-top: 50px}
.page_sub .bottomContact li{text-shadow:none;color:#333;border-right: 1px solid #eee}
.page_sub .bottomContact li a{color: #333}
.page_sub .bottomContact li.email{background-image: url("../img/icon_sub_email.png")}
.page_sub .bottomContact li.phone{background-image: url("../img/icon_sub_phone.png")}
.page_sub .bottomContact li.address{background-image: url("../img/icon_sub_address.png")}
.page_sub .bottomContact .container{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding-bottom: 25px;padding-top: 25px }

.affix {
    position: fixed;
    background: rgba(0,0,0,0.6);
    z-index: 100;
    top:0
}
.messageBox{float: left;padding-left: 20px;line-height: 35px}
.submitButton {float: left;padding-left: 20px}
.heading{text-align: center;margin-top: 25px;margin-bottom: 30px;font-size: 23px;border-bottom:1px solid #ddd;padding-bottom: 35px}
.headings{text-align: center;margin-top: 25px;margin-bottom: 30px;font-size: 35px;border-bottom:1px solid #ddd;padding-bottom: 35px}
.headings div{font-size: 18px;margin-top: 5px}
.service .heading{font-size: 27px;}
#myCarousel{margin-bottom: 20px}
.foot{ padding-top: 20px;margin-top: 20px;text-align: center}


.navbar-nav .nav-link{padding-bottom: 0px!important;}

.pageCon h1{text-align: center;padding-top: 30px;border-bottom: 1px solid #ccc;padding-bottom: 15px;}


body{padding-top: 0px}

.indexProductList.ver2{    margin-right: 0px;
    margin-bottom: 25px;
    margin-top: 0px;
    padding-left: 25px;
    padding-top: 10px;background: #fff}
.indexProductList{margin-right: -25px;margin-bottom: 25px;margin-top: 0px;}
.indexProductList ul,.indexProductList ul{margin: 0;padding: 0;list-style: none}
.indexProductList li{width: 25%;float: left;text-align: center;padding-right: 25px;margin-bottom: 25px ;}

.indexProductList li a{ width: 100%;float: left;text-align: center;box-shadow: 0 0 5px #fff}
.indexProductList li a:hover{ opacity: 0.9}
.indexProductList li a .pic{display: inline-block;width: 100%;float: left; border-top:0px solid #06255f;background-color: #06255f;}
.indexProductList.ver2 li a .pic{border-top:none;background-color: #0153f9;}
.indexProductList li a .pic img{width: 100%;float: left;padding: 2px;}
.indexProductList li a .title{display: inline-block;width: 100%;float: left;color:#000;padding: 2px 0;font-size: 18px;height: 42px;line-height: 0.8;padding-top: 10px;
    background-image: -ms-linear-gradient(top, #ffffff, #e7ebed);
    background-image: -moz-linear-gradient(top, #ffffff, #e7ebed);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7ebed));
    background-image: -webkit-linear-gradient(top, #ffffff, #e7ebed);
    background-image: -o-linear-gradient(top, #ffffff, #e7ebed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7ebed', GradientType='0');
    background-image: linear-gradient(top, #ffffff, #e7ebed);
}

.carousel-item{height: 400px}
.navbar-toggler-icon{background: red;border-radius: 50%;padding: 20px;}






.mm-menu.mm-offcanvas{z-index: 10000}
.headerMobile{
    /*!*position:fixed!important;*!*/
    /*background: #a1bce7;width:100%;z-index: 10000;height:50px;top:0;*/
    /*background-image: -ms-linear-gradient(top, #5c7f9f, #325a82);*/
    /*background-image: -moz-linear-gradient(top, #5c7f9f, #325a82);*/
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#5c7f9f), to(#325a82));*/
    /*background-image: -webkit-linear-gradient(top, #5c7f9f, #325a82);*/
    /*background-image: -o-linear-gradient(top, #5c7f9f, #325a82);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c7f9f', endColorstr='#325a82', GradientType='0');*/
    /*background-image: linear-gradient(top, #5c7f9f, #325a82);*/
}
a#menuBtn
{
    background: center center no-repeat transparent;
    background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAAPklEQVQ4jWO8wcT4n4EGgIkWhg5Ng1kYGBgYaWLwirp6WpjLwHiDiSYOZmBhYGAYTW60NXg0ucHBaHKjvcEAPtMJCBX4bKwAAAAASUVORK5CYII= );

    display: none;
    width: 40px;
    height: 40px;
    position: fixed;
    top: 15px;
    right: 15px;
    z-index:10000
}



.service_list{margin: 0;padding: 0;list-style: none}
.service_list .title{font-size: 21px;margin-top: 20px;margin-bottom: 1px;padding-bottom:10px;border-bottom: 3px solid #ffa200}
.service_list li:first-child .title{margin-top: 10px!important;}
.service_list .pic img{width: 100%}



.rightContactBox{border-top:3px solid #b10000;margin:10px 0;padding:0;font-size:16px;text-align:center;font-weight:bold;box-shadow:0 1px 5px #999;
    /*background:#d4d4de;*/
    /*background-image:-ms-linear-gradient(top, #d4d4de, #ffffff);*/
    /*background-image: -moz-linear-gradient(top, #d4d4de, #ffffff); !* Firefox *!*/
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d4d4de), color-stop(1, #ffffff)); !* Saf4+, Chrome *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d4de', endColorstr='#ffffff', GradientType='0'); !* IE*!*/
}

.request_heading{line-height:33px;color:#b10000;font-size:21px;padding-top:8px;padding-bottom:0px}

.rightContactBox .contactBox{padding:20px 20px 10px}
.rightContactBox table{ padding-left:5px}

.inputWidth{width:100%;border:1px solid #fff; padding:5px;font-size:15px;margin-bottom:0;}
.textareaWidth{width:100%;height:200px;border:1px solid #fff;border:1px solid #fff;padding:5px;font-size:15px;}
.rightContactBox .submitButton{background:#b10000;color:#fff;padding:4px 15px;border:none;border-radius:3px;font-size:16px;float:left;cursor:pointer;margin:5px 0 10px; ;}
.rightContactBox .submitButton:hover{opacity:0.7}

.contactBox .table td{padding: 5px 10px;margin: 0 }
@media (min-width:769px) and (max-height:960px){
    .marketing{max-width: 900px}
}

@media (min-width:769px) and (max-height:1100px){
    .page_index .logo{width: 150px;margin-top: 5px}
    .ser_container{margin-top: 0px}
    .bg-nav{height: 50px}
}

@media (min-width:769px) and (max-height:860px){
    .marketing{max-width: 800px}
    .page_index .logo{width: 100px;margin-top: 3px}
    .ser_container{margin-top: 0px}
    .bg-nav{height: 40px}
    .bottomContact li{background: none!important;padding-top: 0}
    .bottomContact{bottom: 10px}
}



@media (max-width: 767px){
    .logo{margin-top: 0;}
    .logo img{width: auto}
    .bottomContact{bottom: 0px}
    .bottomContact li{background-size:40px 40px;width: 100%;padding-top: 0;background-position: 5px center;border-right: none;border-top: 1px solid rgba(255,255,255,0.4);padding-top: 10px;padding-bottom: 10px;font-size: 16px;}
    .bottomContact .title{font-size: 17px!important;}
    .ser_container{margin-top: 0px}
    .navbar-brand img{height: 160px}
    .bg-nav{display: none}
    .ser_container .title{padding-bottom: 0}
    a#menuBtn{display: block}
    .page_sub .bottomContact li{border-right: none;border-bottom: 1px solid #eee}
    .page_sub .bottomContact li:last-child{border-bottom: none}
    .bgBoxSub{height: 280px}
    .bgConSub{height: 280px}
}




@media (max-width:769px){

    .bg-nav{height:70px}

    .carousel-item{height: 300px}
    .indexProductList{
        /*margin-right: -1px;*/
        position: absolute;top:100%;left:0}
    .indexProductList img{min-height: 80px;}
    .indexProductList li{width: 50%;margin: 0;padding-right: 1px;margin-bottom: 20px}
    .indexProductList li .title{font-size: 18px!important;}


}


@media (max-width:507px){

.carousel-item{height: 200px}

    .indexProductList{ margin-right: -1px;}
    .indexProductList img{min-height: 80px;}
    .indexProductList li{width: 100%;margin: 0;padding-right: 1px;margin-bottom: 10px;margin-top: 20px}
    .indexProductList li .title{font-size: 16px!important;}

}