/* ==============================================================

Template name : Bootsnav - Multi Purpose Header
Categorie : Bootstrap Menu in CSS
Author : adamnurdin01
Version : v1.0.0
Created : 02 Juni  2016
Last update : 02 Juni  2016

============================================================== */

/*
General
=========================== */
.section{
    padding: 70px 0;
    position: relative;
}

.section a{
    color: #f43438;
}

.gray{
    background-color: #f9f9f9;
}

.heading{
    text-align: center;
    position: relative;
    font-size: 16px;
    margin-bottom: 60px;
    letter-spacing: 1px;
    margin-top: 40px;
}

.heading .title,.heading .title-case{
    position: relative;
    letter-spacing: 10px;
    font-weight: 600;
    font-family: 'Microsoft YaHei';
}
.heading .title-case{
    color: #fff;
}

.heading .title strong{
    font-weight: 700;
    text-transform: uppercase;
}

.heading:before{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 47.5%;
    margin-left: -50px;
    width: 150px;
    border-bottom: solid 4px #f43438;
}

.test-height{
    height: 1800px;
}

.pageheader{
    padding: 70px 0;
    background-image: url(../images/bg/brick-wall-dark.png);
    background-color: #f43438;
}

.pageheader.fixed-demo{
    padding-top: 200px;
}

.pageheader.fixed-demo.dark{
   background-color: #666 !important;
}

.pageheader.fixed-demo.white{
    background-image: url(../images/bg/home2.jpg);
   background-color: #fff !important;
}

.pageheader .title{
    text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
    color: #fff !important;
    font-family: "Microsoft YaHei"
}

.pageheader p{
    margin-bottom: 0;
    color: #f5f5f5;
    font-size: 16px;
    font-family: "Microsoft YaHei"
}

.pageheader.fixed-demo.white .title{
    color: #3f3f3f !important;
    text-shadow: 3px 3px 0px rgba(255,255,255,1);
}

.pageheader.fixed-demo.white p{
    color: #6f6f6f;
}

hr{
    border: solid 2px #efefef;
    margin: 60px 0 50px;
}


.above-header{
    background:#efefef;
    padding: 5px;


}

.above-header .tel-mail{

    float: left;
    width: 55%;
}

    .above-header .tel-mail .search {
        display:inline-block;
         margin:0 15px;
    }
        .above-header .tel-mail .search input {
            border:0px;
            text-align:center;
            font-size:12px;
            padding:8px 10px;
        }

        .above-header .tel-mail .search button {
            background:#ed1c24;
            border:0px;
            font-size:12px;
            text-align:center;
            color:#fff;
            padding:6px 10px;
        }



.above-header .nav-right{
    width: 40%;
    float: right;
    text-align: right;
}



        .above-header .nav-right .h-right{margin-left:100px; 
        }

@media (max-width: 1024px) {
    .heading:before{
    left: 47.5%;
    margin-left: -55px;
}
}


@media (max-width: 991px) {
        .heading:before{
    left: 47.5%;
    margin-left: -60px;
}

}


@media (max-width: 776px) {

        .heading:before{
    left: 47.5%;
    margin-left: -70px;
}
            .above-header .tel-mail .search {
        display:inline-block;
         margin:0 5px;
    }


        .above-header .tel-mail .search input {

            padding:8px 2px;
        }


            .above-header .tel-mail .search button {
            padding:4px ;
        }

    .above-header .nav-right i {
        display:none;
    }


}


@media (max-width: 320px) {
            .heading:before{
    left: 47.5%;
    margin-left: -70px;
}
}















    /*
    Home
    =========================== */

.home-pro-type,.home-case, .home-recom,.hot-news,.home-consult{
    margin: 40px 0;
}

.home-pro-type .home-pro-type-list{
    /*background: #ebebeb;*/
    border-radius: 8px;
    text-align: center;
    border:1px solid #ccc;
    margin-bottom:20px;
    padding:10px;
   overflow:hidden;

}

.home-pro-type .home-pro-type-list img{
    transition: all 0.3s ease-in-out;
    width: 100%;
    padding: 5px;
}



.home-pro-type .home-pro-type-list img:hover{transform: scale(1.1,1.1);}



.home-pro-type .home-pro-type-list h4{
    font-weight: normal;
    padding-bottom: 10px;
    font-size:20px;
}




.home-case{
    
max-height: 405px;
    background: url("../images/home-case-1.jpg")no-repeat top center;
    -webkit-background-size: 100%;
    background-size: 100% 100%;
}
.home-case-mask{
    height:100%;
    width:100%;
    background: rgba(0,0,0,.4);
}


.home-recom .flex-item {
    text-align:center;
}
    .home-recom .flex-item h4 {
        font-size:20px;
        margin:0;
        padding-top:15px;
        font-weight:normal;
    }

    .home-recom .flex-item h5 {
        font-family:Arial;
        font-size:16px;
    }

    .home-recom .flex-item .img-responsive {
        transition: all 0.3s ease-in-out;
    width: 100%;
    padding: 5px;
    }

    .home-recom .flex-item .img-responsive:hover{transform: scale(1.1,1.1);}





@media (max-width: 767px) {
    .home-pro-type .home-pro-type-list h4 {
        font-size:15px;
        padding:0;
        line-height:20px;
        margin:0;
    }
}

/*
 case list
=========================== */
ol.case-list{
    padding: 0;
    margin: 0 -15px;
    list-style: none;
    display: block;

}

ol.case-list li{
    margin-bottom: 15px;
}

ol.case-list li img{ 
  
    transition: all 0.3s ease-in-out;
    width: 100%;
    padding: 5px;
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:gray;
}

    ol.case-list li img:hover {
     transform: scale(1.1,1.1);
     -webkit-filter:grayscale(0);
    -moz-filter:grayscale(0);
    -ms-filter:grayscale(0);
    -o-filter:grayscale(0);
    filter:grayscale(0);
    filter:none;
    }



/*
Consult now
=========================== */

.home-consult{
    background-color: #990000;
    background: -moz-linear-gradient(top,  #990000 0%, #ed1c24 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#990000), color-stop(90%,#ed1c24));
    background: -webkit-linear-gradient(left,  #990000 0%,#ed1c24 90%);
    background: -o-linear-gradient(left,  #990000 0%,#ed1c24 90%);
    background: -ms-linear-gradient(left,  #990000 0%,#ed1c24 90%);
    background: linear-gradient(to right,  #990000 0%,#ed1c24 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#ed1c24',GradientType=0 );

}


.home-consult .btn-home{
    background-color: #990000;
    border: 0;
}


.home-consult .consult-left{
    width: 60%;
    float: left;
    text-align: right;
    padding: 20px  ;

}
.home-consult .consult-left p{
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin: 0;
}

.home-consult .consult-right{

    width: 40%;
    float: right;
    height: 100%;
    padding-top: 40px  ;
}



@media (max-width: 767px){


    .home-consult{
        background-color: #990000;
        background: -moz-linear-gradient(top,  #ed1c24 0%, #990000 95%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1c24), color-stop(95%,#990000));
        background: -webkit-linear-gradient(top,  #ed1c24 0%,#990000 95%);
        background: -o-linear-gradient(top,  #ed1c24 0%,#990000 95%);
        background: -ms-linear-gradient(top,  #ed1c24 0%,#990000 95%);
        background: linear-gradient(to bottom,  #ed1c24 0%,#990000 95%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#990000',GradientType=0 );

    }

    .home-consult .consult-left,.home-consult .consult-right{
        width: 100%;
        text-align: center;
    }

}




/*
hot news
=========================== */

.hot-news{}

.hot-news .news-list{
position: relative;
margin-bottom: 20px;
width: 100%;
overflow:hidden;
}


.hot-news .news-list img{
  transition: all 0.3s ease-in-out;
    width: 100%;
    padding: 5px;
    

}


 .hot-news .news-list:hover img
 {

        transform: scale(1.1,1.1);
    }


.hot-news .news-list .news-list-cn{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    line-height: 30px;
    background: rgba(0,0,0,0.4);
    padding: 26px 0 26px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;

}

.hot-news .news-list .news-list-cn a{
    color: #fff;
}

.hot-news .news-list .news-list-cn h4{

    margin:20px 10px 0;
     text-align: center;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
}



@media (max-width: 767px){

    .hot-news .news-list{
        max-height: 180px;
        overflow: hidden;
    }
}




/*
.section.home{
    padding: 100px 0;
    background-image: url(../images/bg/brick-wall-dark.png);
    background-color: #f43438;
}

.section.home.dark{
    background-image: url(../images/bg/brick-wall-dark.png);
    background-color: #fff;
}

.section.home .heading-home{
    text-align: center;
    position: relative;
    z-index: 2;
}

.section.home .heading-home .title{
    color: white;
    margin-bottom: 5px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: capitalize;
    text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
    color: #fff;
}

.section.home .heading-home p{
    margin-bottom: 0;
    font-size: 16px;
    letter-spacing: 1px;
    color: #f0f0f0;
}

.section.home .overlay{
    display: block;
    position: absolute;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}*/


.btn-div{ margin: 30px; text-align: center;}

.btn-div button{border: 0px;}


.btn-home{
    color: #fff !important;
    padding: 10px 20px;
    margin: 5px;
    letter-spacing: 1px;
    background-color: #ed1c24;
    border-radius: 5px;
}


.btn-home:hover,
.btn-home:focus{
    /*color: #fff !important;*/
    background-color: #990000;

}



/*
Affiliates
=========================== */
.affiliates{
    display: inline-block;
    padding: 10px;
    border: solid 1px #bbb;
    margin: 0 5px;
    color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 6px 6px 0px rgba(0,0,0,0.2);
    background: rgba(255,255,255,0.1);
    position: relative;
    text-align: left;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.affiliates a{
    text-decoration: none !important;
}

.affiliates img{
    width: 200px;
    margin-bottom: 5px;
}

.affiliates h6{
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}


/*
Menu Demo
=========================== */
ol.menu-demo{
    padding: 0;
    margin: 0 -15px;
    list-style: none;
    display: block;
}

ol.menu-demo li{
    margin-bottom: 15px;
}

ol.menu-demo li a{
    display: block;
    padding: 15px 25px;
    background-color: #fff;
    border: solid 2px #3f3f3f;
    color: #3f3f3f;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

ol.menu-demo li a:focus,
ol.menu-demo li a:hover{
    background-color: #f43438;
    border: solid 2px #f43438;
    color: #fff;
    text-decoration: none;
}



/*
pro-recom
=========================== */


#complicated-content-carousel .carousel-control {
    position: absolute;
    top: -20px;
    right: 0;
    left: auto;
    bottom: auto;
    width: 14px;
    font-size: 35px;
    color: #3c3c3c !important;
    opacity: 1;
}

#complicated-content-carousel .carousel-control.left,
#complicated-content-carousel .carousel-control.right {
    background-image: none;

}

#complicated-content-carousel .carousel-control.left {
    right: 35px;
}

#complicated-content-carousel .index {
    position: absolute;
    top: -70px;
    right: 0;
    font-size: 16px;
    color: #3c3c3c;
}

#complicated-content-carousel .flex-item {
    position: relative;
    display: inline-block;
    width: 206px;
    height: 380px;
    padding: 16px 13px;
    background-color: #ccc;
    border: 6px solid #f5f6f7;


}

#complicated-content-carousel .flex-item h4,#complicated-content-carousel .flex-item h5{
    text-align: center;
    width: 100%;
    font-weight: normal;
}




#complicated-content-carousel .flex-item:hover,
#complicated-content-carousel .flex-item:focus {
    border: 6px solid #d2d4d5;
    border-radius: 3px;
}


.carousel-control {
    width: 50px;
    height: 50px;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    font-size: 50px;
    text-align: center;
    opacity: 1;

}



@media only screen and (max-width: 350px) {
    #complicated-content-carousel .flex-item {
        width: 300px;
    }
}

/* styles for medium size displays */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #complicated-content-carousel .flex-item {
        width: 300px;
    }
}



/*
product type
=========================== */
.page-slider{

    min-height: 107px;
    margin-top: 110px;
    background:#cfcfcf;

}
.page-slider .page-slider-con{
margin: 30px 0;
}
.page-slider .page-slider-con h1{
    width: 65%;
    float: left;
    font-size: 40px;
    font-weight: normal;
}

.page-slider .page-slider-con p{
    width: 35%;
    float: right;
    margin-top: 20px;
    text-align: right;
}

.page-slider .page-slider-con p a:hover{
    color: #ed1c24;
}

.slider-news {
        background: url("../images/banner_news.jpg")no-repeat left top #cfcfcf;
        background-size:100% 100%;
    }

.slider-service {
        background: url("../images/banner-service.jpg")no-repeat left top #cfcfcf;
        background-size:100% 100%;
    }

.slider-contact {
        background: url("../images/banner-contact.jpg")no-repeat left top #cfcfcf;
        background-size:100% 100%;
    }


.slider-pro{
        background: url("../images/banner-pro.jpg")no-repeat left top #cfcfcf;
        background-size:100% 100%;
    }

.slider-about{
        background: url("../images/banner-about.jpg")no-repeat left top #cfcfcf;
        background-size:100% 100%;
    }

.slider-case{
        background: url("../images/banner-case.jpg")no-repeat left top #cfcfcf;
        background-size:100% 100%;
    }


.slider-download{
        background: url("../images/banner-download.jpg")no-repeat left top #cfcfcf;
        background-size:100% 100%;
    }









.pro-type-desc{
    background: #ececec;
}
.pro-type-desc .container{ padding-top: 20px;}


.pro-type-desc h2{
    font-size:large;
}

.pro-type{
    margin: 50px 0;
}

.pro-type .pro-type-show{
    min-height:300px;
    text-align: center;
    border-radius:8px;
    /*border: 1px solid #ccc;*/
    margin: 10px 0;
  padding:10px;
   overflow:hidden;
}

.pro-type .pro-type-show img{
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: auto;
    padding:5px;
}



    .pro-type .pro-type-show img:hover {
        transform: scale(1.1,1.1);
    }

.pro-type .pro-type-show h3{
    font-size: 18px;
    margin: 0;
}

.pro-type .pro-type-show p{
    padding-top:10px;
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
}




@media (max-width: 767px){

    .page-slider .page-slider-con{
        margin: 10px 0;
    }

    .page-slider .page-slider-con h1, .page-slider .page-slider-con p{
        width: 100%;
        text-align: center;
        margin:0;
        padding:0px;
    }
        .page-slider .page-slider-con h1 {
            font-size:28px;
        }
    .page-slider .page-slider-con p{
        margin: 0;
    }

    .page-slider {
          margin-top: 90px;
    }

    .pro-type .pro-type-show{
    min-height:200px;
}


    .pro-type .pro-type-show h3{
    font-size: 14px;
    line-height:20px;
    
}


}



/*
related information
=========================== */

.related-info{
    border-top: 1px solid #ccc;
    background: #ececec;
    padding: 30px 0;
}


.related-info h2{
    font-size: large;
    position: relative;
}


.related-info h2:before{
    content: "";
    position: absolute;
    top: 40px;
    left: 0;
    width: 40px;
    border-bottom: solid 3px #f43438;
}

.related-info h4{ font-size: medium; }

.related-info-con span{

    color: #ed1c24;
}
.related-info-con span a {
    color: #ed1c24;
    font-size:  medium;
    font-weight: 600;
}





/*
 product details
 =========================== */

.pro-dec{
    margin: 60px 0;
}


.pro-dec .pro-overview{
    border-bottom: 1px solid #ccc;
    min-height: 350px;
}



.pro-dec .pro-overview .proname{
    margin: 20px 0;

}

.pro-dec .pro-overview .proname h3{
    font-weight: normal;
    margin: 0 15px;
}
.pro-dec .pro-overview .proname h4{
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 5px 15px;
}

.pro-dec .pro-overview p{
    margin: 15px;
}

.pro-dec .pro-overview img{
    width: 100%;
}
.pro-dec .pro-overview .proimg{
    border-right: solid 1px #ccc;
    padding-right: 10px;

    height: 100%;
}


.pro-dec .intro{
    margin:40px 0;
}
.pro-dec .intro p, .pro-dec .intro table, .pro-dec .intro ul, .pro-dec .intro ol {
        margin-bottom:40px;
    }

    .pro-dec .intro h4 {
        font-size:20px;
        font-weight:normal;
        line-height:20px;
    }

ol.right-nav {
    padding: 0;
    list-style: none;
    display: block;
}

ol.right-nav li{
    margin-bottom: 2px;
}
ol.right-nav li p{ margin: 0;}

ol.right-nav li a{
    display: block;
    padding: 10px ;
    background: #ececec;
    color: #3f3f3f;


}

ol.right-nav li a:focus,
ol.right-nav li a:hover{
    background-color: #ccc;
    color: #3f3f3f;
    text-decoration: none;
}

ol.right-nav li a.cur{
    background-color: #ccc;
}





@media (max-width: 767px){

    .pro-dec .pro-overview .proimg{
        border: 0;
    }

    .pro-dec .pro-overview .proname h3 {
        font-size:18px;
    }
    .pro-dec .pro-overview .proname h4 {
font-size:16px;
    }

}



/*
about
=========================== */
.about,.download,.contact,.news,.case{
    margin: 60px 0;
}

.about .tab-content{
    margin: 40px 20px;
}

.about .nav-tabs{
    font-size: 20px;
    padding:0 25%;
    border-bottom: 1px solid #ed1c24;
}

.about .nav-tabs>li{
    margin: 0 5px;
}

.about img{
	margin-bottom:20px;
	}

.about .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    color: #fff;
    background-color: #ed1c24;

}

@media (max-width: 767px){
	
	.about img{
		width:100%!important;
		height:100%!important;
		}

    .about .nav-tabs{
        padding:0;
    }
	
	
	.about .nav>li>a{
		padding:5px ;
		}

}

.contact .container{
    max-width: 1000px;
}
.contact h3,.contact h4{
    font-size: 20px;
}

.download .heading{
    margin-top: 0px!important;
}

.download .badge{
    background-color: #ed1c24;
    color: #fff;
}


.download .fa{
 float: right;

    margin: 0 15px;

}
.download .list-group-item{
    border-bottom: 1px solid #ddd;

}

.news .news-list{
    min-height: 200px;
    border-bottom: 1px solid #ccc;
    display: block;
    padding-top: 10px;
    margin: 40px 0;
}

.news .news-list h3{
    font-weight: normal;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 5px;

}

.news .news-list span{
    margin-bottom: 20px;
    font-style: italic;
    color: #ccc;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.news .news-list p{
    margin: 20px 0;
}
.news .news-list:hover{
    background-color: #f2f2f2;
}



.news .news-list img{
    width: 100%;
      transition: all 0.3s ease-in-out;
   
}

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

.news-d{
    background-color: #f5f5f5;
    padding: 60px 0;
}

.news-d .news-d-l{
    background-color: #fff;
    margin-right: 10px;
    padding: 5px 25px;
}

.news-d .news-d-r{
    background-color: #fff;
    padding: 20px 25px;
}

.news-d .news-d-l h2{
    font-size: 26px;
    font-weight: normal;
}


.news-d .news-d-cn img{
    width: 100%!important;
	height:100%!important;
}


.news-d .news-d-cn h4{
    font-size: 20px;
}

.news-d .time {
    /*color: #ed1c24;*/
    text-align: center;
	font-size:12px;
	color:#666;
}
.news-d .heading{
	margin-bottom:10px!important; 
	
	}

.news-d .heading .title{
	letter-spacing: 0;
	}


.news-d .news-d-r .list-group-item{
    border: 0px;
    padding: 5px 0;
}

.news-d .news-d-r .list-group-item span{
    color: #ed1c24;
    font-family: Arial, sans-serif;
    margin-left: 5px;
    font-style: italic;
    font-size: small;
}





.case .case-list{
    background-color: #e9e9ea;
    text-align: center;
    border-radius: 5px;
    padding:12px 15px ;
    margin-bottom: 30px;
    min-height:220px;
    overflow:hidden;

}


.case .case-list img{
    width: 100%;
    transition: all 0.3s ease-in-out;
    padding:2px 0;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom:10px;
}


.case .case-list img:hover{
    transform: scale(1.1,1.1);

}

.case .case-list h3{
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0;
}

.case .case-list p{ margin-bottom: 0;}

.more {
    width:100%;
    background:#d1d2d4;
    text-align:center;
    padding:5px 0;
    margin:10px auto;
    cursor:pointer;

}

@media (max-width: 767px){

    .news .news-list{
       margin: 0;
    }

    .about, .download, .contact, .news, .case {
        margin:30px 0;
    }


        .news .news-list h3 {
            margin-top:20px;
        }
        .news .news-list p {
            margin:0 0 10px 0;
        }
}




    /*
    Footer
    =========================== */
footer{
    border-top: solid 1px #efefef;
    background-color: #e6e6f2;
}

footer .container-fluid{
    padding: 25px 15px;
}

footer .widget-title{
font-size: 20px;
    font-weight: normal;
    position: relative;
}


footer .widget-title:before{
    content: "";
    position: absolute;
    top: 40px;
    left: 0;
    width: 40px;
    border-bottom: solid 3px #f43438;
}


footer .in_about,footer .in_link{
    min-height: 250px;
    padding: 0 20px;
    border-right: 1px solid #f1f1f6;
}
footer .in_lxwm{

    padding: 0 20px;
}


footer .bottom-nav{
    padding: 10px 20px;
}

footer .in_about h3{
    font-size: 21px;
    color: #666;
}
footer .in_about img{
    max-width: 300px;
    /*filter: grayscale(100%);
    filter:gray;*/
}

footer .copyright{
    background-color: #990000;
    padding: 10px 20px;
    color:#ffcccc;
    position: relative;
}

footer .copyright span{
    float: right;
}

footer .copyright a{
    color:#ffcccc;
}

@media (max-width: 767px){
    footer .in_about,footer .in_link{
        border: none;
    }

    footer .in_link ul{
        margin: 0px;
        padding: 0px;
    }
    footer .in_link li{
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    footer .copyright{
        text-align: center;
    }
    footer .copyright span{
        float: none;
    }


    footer .in_about h3{
    font-size: 18px;

}


}



/*
slider
=========================== */


.home-slider {
     width:100%; 
     margin-top:100px;
     /*background: url("../images/banner4.jpg") #d1d2d4 center bottom ; 
     background-attachment:scroll; 
     background-size:cover;*/
       

}
.trent-slider {width:100%;
               position:relative;
               overflow:hidden;
               max-height:600px
}

    .trent-slider .alink {
        position:absolute;
        top:0;
        left:0;
        z-index:10;
        width:70%;
        height:70%;
        display:block;
        margin:10%;
    }






.t-slide {position:absolute;left:0;right:0;bottom:0;top:0;transition:.65s;}
.t-slide img {width:100%;height:100%;}
    .t-slide .t-slide-cn {
        width:100%;
        text-align:center;
        position:absolute;
        left:0;
        top:30%;
        z-index:1;

    }

        .t-slide .t-slide-cn h3 {
            font-size:30px;
            color:#ff0000;
            text-align:center;
          
        }

        .t-slide .t-slide-cn h4 {
            font-size:20px;
            color:#ff0000;
            text-align:center;
            
        }
        .t-slide .t-slide-cn .sliderT {
            font-size:40px;
            line-height:45px;
            color:#3a3939;
        }
            .t-slide .t-slide-cn .sliderT span {
                font-style:italic;
                color:#000;
                padding:0 2px;
            }


        .t-slide .t-slide-cn .sliderL {
            width:100px;
            margin:0 auto;
            border-radius:5px;
            background:#ff0000;
            text-align:center;
            color:#fff;
            display:block;
            padding:5px 0;
             text-decoration:none;
        }
            .t-slide .t-slide-cn .sliderL a {
               
            }



            .t-slide .t-slide-cn .sliderL:hover {
                color:#fff;
                background:#660000;
            }


.t-slider-controls {position:absolute;top:0;bottom:40px;left:0;right:0;} 
.t-slider-controls .arrow {min-height:100%;width:50px;position:relative;transition:.25s;}
.t-slider-controls .arrow:hover {cursor:pointer;}
.t-slider-controls .right-arrow {float:right;} 
.t-slider-controls .left-arrow {float:left;}
.t-slider-controls .arrow .arrow-container {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;}
.t-slider-controls .arrow .arrow-container .arrow-icon {position:relative;width:42px;height:42px;color:#fafafa;border-radius:50%;}
.t-slider-controls .arrow .arrow-container .arrow-icon i {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.t-slider-controls .t-load-bar {width:100%;height:5px;}
.t-slider-controls .t-load-bar .inner-load-bar {background:rgba(200,200,200,0.65);height:100%;}
.t-slider-controls .t-dots-container {position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:20px;min-width:350px;}
.t-slider-controls .t-slide-dots-wrap {height:100%;width:100%;position:relative;}
.t-slider-controls .t-slide-dots {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:table;content:"";clear:both;}
.t-slider-controls .t-slide-dots .t-dot {background:#fafafa;width:8px;height:8px;margin:5px;float:left;border-radius:50%;transition:.65s;} 
.t-slider-controls .t-slide-dots .t-dot.current-dot,.t-slider-controls .t-slide-dots .t-dot:hover {transform:scale(1.65);cursor:pointer;}


@media (max-width: 991px) {
        .t-slide .t-slide-cn {
        top:20%;


    }
    .t-slide .t-slide-cn .sliderT {
        font-size:30px;
    }
}


@media (max-width: 776px) {
        .t-slide .t-slide-cn {
        top:20%;


    }
                .t-slide .t-slide-cn h3 {
            font-size:25px;

          
        }

        .t-slide .t-slide-cn h4 {
            font-size:20px;
            
        }


    .t-slide .t-slide-cn .sliderT {

        font-size:18px;
            line-height:20px;
    }


            .t-slide .t-slide-cn .sliderL {
            width:100px;
            padding:2px 0;
            font-size:14px;
            margin-top:10px;
        }

}

@media (max-width: 414px) {
        .t-slide .t-slide-cn {
        top:10%;


    }
                .t-slide .t-slide-cn h3 {
            font-size:20px;
            margin:0;
            padding:0;
          
        }

        .t-slide .t-slide-cn h4 {
            font-size:15px;
            margin:0;
            padding:0;
 
            
        }


    .t-slide .t-slide-cn .sliderT {

        font-size:14px;
        margin:0;
            padding:0;
            line-height:20px;
    }


            .t-slide .t-slide-cn .sliderL {
            width:100px;
            padding:2px 0;
            font-size:14px;
            margin-top:10px;
        }

}

@media (max-width: 320px) {
       
                .t-slide .t-slide-cn h3 {
            font-size:15px;
         line-height:20px;
          
        }

        .t-slide .t-slide-cn h4 {
            font-size:12px;
            margin:0;
            padding:0;
 
            
        }


    .t-slide .t-slide-cn .sliderT {

        font-size:12px;
            line-height:20px;
    }


            .t-slide .t-slide-cn .sliderL {
            width:100px;
            padding:2px 0;
            font-size:10px;
            margin-top:5px;
        }

}


/*@media (max-width: 1199){
    .trent-slider {max-height:200px
    }
}
@media (max-width: 991px){
    .trent-slider {max-height:200px
    }
     }
@media (max-width: 767px){
    .trent-slider {max-height:200px
    }
}*/



/*close slider css*/
@media screen and (min-width:768px) {
    /*.t-slider-controls .arrow:hover {background:rgba(0,0,0,0.32);}*/
  
}






/*
@media screen and (max-width:1024px) {

.trent-slider {
      
               max-height:700px

}

}


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

    .home-slider {
               margin-top:100px;



.t-slide .t-slide-cn h2{
            font-size:20px;
             line-height:20px;

        }

        .t-slide .t-slide-cn h3 {
            font-size:30px;
            line-height:40px;

        }
}


@media screen and (max-width:414px) {

    .t-slide .t-slide-cn {
      margin:0 10%;
    }

    .home-slider {
       margin-top:100px;
    }

            .t-slide .t-slide-cn h2 {
            font-size:15px;
             line-height:20px;

        }

        .t-slide .t-slide-cn h3 {
            font-size:18px;
            line-height:25px;

        }
}*/

/*.trent-slider {width:100%;position:relative;overflow:hidden;}
.t-slide {position:absolute;left:0;right:0;bottom:0;top:0;transition:.65s;}
.t-slide .banner1,.t-slide .banner2,.t-slide .banner3{background-size:auto 100%  }
.t-slide img {width:100%;height:100%;}
.t-slider-controls {position:absolute;top:0;bottom:0;left:0;right:0;}
.t-slider-controls .arrow {min-height:100%;width:50px;position:relative;transition:.25s;}
.t-slider-controls .arrow:hover {cursor:pointer;}
.t-slider-controls .right-arrow {float:right;} .t-slider-controls .left-arrow {float:left;}
.t-slider-controls .arrow .arrow-container {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;}
.t-slider-controls .arrow .arrow-container .arrow-icon {position:relative;width:42px;height:42px;color:#fafafa;border-radius:50%;}
.t-slider-controls .arrow .arrow-container .arrow-icon i {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.t-slider-controls .t-load-bar {width:100%;height:5px;}
.t-slider-controls .t-load-bar .inner-load-bar {background:rgba(200,200,200,0.65);height:100%;}
.t-slider-controls .t-dots-container {position:absolute;bottom:20px;left:50%;transform:translateX(-50%);height:20px;min-width:350px;}
.t-slider-controls .t-slide-dots-wrap {height:100%;width:100%;position:relative;}
.t-slider-controls .t-slide-dots {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:table;content:"";clear:both;}
.t-slider-controls .t-slide-dots .t-dot {background:#fafafa;width:8px;height:8px;margin:5px;float:left;border-radius:50%;transition:.65s;}
.t-slider-controls .t-slide-dots .t-dot.current-dot,.t-slider-controls .t-slide-dots .t-dot:hover {transform:scale(1.65);cursor:pointer;}
    */
/*close slider css*/

/*


@media screen and (min-width:414px) {

    .home-slider{
        margin-top: 100px;
        max-height:150px;
    }
}


@media screen and (min-width:768px) {
    .t-slider-controls .arrow:hover {background:rgba(0,0,0,0.32);}
    .home-slider{
        margin-top: 100px;
        max-height:264px;
    }
}


@media screen and (min-width:1024px) {

    .home-slider{
        margin-top: 100px;
        max-height:353px;
    }
}




*/





/**QQ % TOP**/
.izl-rmenu {
    /*width: 60px;
    height: 243px;*/
    position: fixed;
    right: 0;
    /*top: 15.4%;*/
    bottom:15.4%;
    z-index:9999;
    text-align: center;
    }

.izl-rmenu ul{
    list-style: none;
}



.izl-rmenu .icon_kf {width: 60px; height: 100px; border-bottom: #fff solid 1px; background: rgba(239,239,239,1); border-radius: 5px 0 0 0; color: #333;}
.izl-rmenu .icon_kf1 {width: 60px; height: 100px; border-bottom: #fff solid 1px; background: rgba(239,239,239,1); color: #333;}
.izl-rmenu .icon_tb {width: 60px; height: 80px; border-bottom: #fff solid 1px; background: rgba(239,239,239,1); color: #333;}
.izl-rmenu .icon_wx {width: 60px; height: 60px; border-bottom: #fff solid 1px; background: rgba(239,239,239,1); color: #333;}
.izl-rmenu .icon_up {width: 60px; height: 70px; background: rgba(239,239,239,1); border-radius: 0 0 0 5px; color: #333;}
.izl-rmenu a {color: #333; font-size: 12px;}
.izl-rmenu img {padding: 0 10px; float: left}
.izl-rmenu span {display: block; width: 100%; float: left}

.izl-rmenu .icon_kf:hover { background: rgba(240,240,240,1);-webkit-transition: all .6s ease; transition: all .6s ease;}
.izl-rmenu .icon_tb:hover { background: rgba(240,240,240,1);-webkit-transition: all .6s ease; transition: all .6s ease;}
.izl-rmenu .icon_wx:hover { background: rgba(240,240,240,1);-webkit-transition: all .6s ease; transition: all .6s ease;}
.izl-rmenu .icon_up:hover { background: rgba(240,240,240,1);-webkit-transition: all .6s ease; transition: all .6s ease;}

.izl-rmenu .icon_wx .cyewm {padding: 0; width: 120px; height: 120px; position: absolute; left: -120px; display: none; z-index: 99}
.izl-rmenu .icon_wx:hover .cyewm {opacity: 1 !important; display: block;}

.izl-rmenu .icon_kf p,.izl-rmenu .icon_kf1 p {
    padding: 0;
    width: 110px;
    height: 100px;
    position: absolute;
    left: -110px;
    display: none;
    z-index: 99;
    background: rgba(239,239,239,1);
    line-height: 60px;
    border-radius: 10px 0 0 10px;}
.izl-rmenu .icon_kf .qq,.izl-rmenu .icon_kf1 .qq {padding: 18px 0 0 5px; width: 30px; height: auto;}
.izl-rmenu .icon_kf:hover p,.izl-rmenu .icon_kf1:hover p {opacity: 1 !important; display: block;}


@media (max-width: 767px){
    /*.izl-rmenu{
        display: none;
    }*/


.izl-rmenu {
    width: 100%; 
     max-height:85px;
    left:0;
    bottom:0px;
   position: fixed;
   background:#b2b2b4;
   margin-top:10px;
    }


.izl-rmenu ul{
     margin:0;
   padding:0;
}


    .izl-rmenu .icon_kf,.izl-rmenu .icon_kf1,.izl-rmenu .icon_tb ,.izl-rmenu .icon_wx,.izl-rmenu .icon_up{
        float:left;
        width:20%;
        background:#b2b2b4;
        text-align:center;
        min-height:100px;
    }

    .izl-rmenu .icon_kf, .izl-rmenu .icon_kf1, .izl-rmenu .icon_tb, .izl-rmenu .icon_wx {
        border-right:1px solid #d0d0d2;
    }

.izl-rmenu span {
    width:100%;
    line-height:18px;
   padding:0 10px;
   float:none;
}

.izl-rmenu .icon_wx .cyewm {
    bottom: 100px;
    left:-20px;

}


.izl-rmenu img {padding: 0 10px; float: none}








}





/*

Clear spacer
=========================== */
.margin-clear{
	margin:0 !important;
}

.padding-clear{
	padding:0 !important;
}

.margintop-clear{
	margin-top:0 !important;
}

.paddingtop-clear{
	padding-top:0 !important;
}

.marginbot-clear{
	margin-bottom:0 !important;
}

.paddingbot-clear{
	padding-bottom:0 !important;
}

.marginleft-clear{
	margin-left:0 !important;
}

.paddingleft-clear{
	padding-left:0 !important;
}

.marginright-clear{
	margin-right:0 !important;
}

.paddingright-clear{
	padding-right:0 !important;
}

.padding-top40{
	padding-top:40px !important;
}

.padding-topt60{
	padding-top:60px !important;
}

.padding-top70{
	padding-top:70px !important;
}

.padding-bot5{
	padding-bottom:5px !important;
}

.padding-bot10{
	padding-bottom:10px !important;
}

.padding-bot15{
	padding-bottom:15px !important;
}

.padding-bot20{
	padding-bottom:20px !important;
}

.padding-bot30{
	padding-bottom:30px !important;
}

.padding-bot40{
	padding-bottom:40px !important;
}

.padding-bot50{
	padding-bottom:50px !important;
}

.padding-bot60{
	padding-bottom:60px !important;
}

.padding-bot70{
	padding-bottom:70px !important;
}

.margin-mintop10{
	margin-top:-10px !important;
}

.margin-mintop20{
	margin-top:-20px !important;
}

.margin-mintop30{
	margin-top:-30px !important;
}

.margin-mintop60{
	margin-top:-60px !important;
}

.margin-mintop110{
	margin-top:-110px !important;
}

.margin-minbot10{
	margin-bottom:-10px !important;
}

.margin-minbot20{
	margin-bottom:-20px !important;
}

.margin-minbot30{
	margin-bottom:-30px !important;
}

.margin-minbot60{
	margin-bottom:-60px !important;
}

/*
Custom left right spacer
=========================== */
.margin-left10{
	margin-left:10px !important;
}

.margin-right10{
	margin-right:10px !important;
}

.margin-left20{
	margin-left:20px !important;
}

.margin-right20{
	margin-right:20px !important;
}

/*
Custom top spacer
=========================== */
.margintop5{
	margin-top:5px !important;
}

.margintop10{
	margin-top:10px !important;
}

.margintop15{
	margin-top:15px !important;
}

.margintop20{
	margin-top:20px !important;
}

.margintop25{
	margin-top:25px !important;
}

.margintop30{
	margin-top:30px !important;
}

.margintop35{
	margin-top:35px !important;
}

.margintop40{
	margin-top:40px !important;
}

.margintop45{
	margin-top:45px !important;
}

.margintop50{
	margin-top:50px !important;
}

.margintop55{
	margin-top:55px !important;
}

.margintop60{
	margin-top:60px !important;
}

.margintop80{
	margin-top:80px !important;
}

/*
Custom bottom spacer
=========================== */
.marginbot5{
	margin-bottom:5px !important;
}

.marginbot10{
	margin-bottom:10px !important;
}

.marginbot15{
	margin-bottom:15px !important;
}

.marginbot20{
	margin-bottom:20px !important;
}

.marginbot25{
	margin-bottom:25px !important;
}

.marginbot30{
	margin-bottom:30px !important;
}

.marginbot35{
	margin-bottom:35px !important;
}

.marginbot40{
	margin-bottom:40px !important;
}

.marginbot45{
	margin-bottom:45px !important;
}


.marginbot50{
	margin-bottom:50px !important;
}

.marginbot55{
	margin-bottom:55px !important;
}

.marginbot60{
	margin-bottom:60px !important;
}

.marginbot80{
	margin-bottom:80px !important;
}

/*
Pre Code
=========================== */
pre {
    font-family: monospace;
    padding: 5px 25px 30px;
    border: solid 1px #ccc;
    border-left: solid 10px #ccc;
    background-color: #f5f5f5;
    margin-bottom: 30px;
    color: #6f6f6f;
    border-radius: 0px;
}
pre + pre {
    background: #6f6f6f;
}
pre {
    word-break: break-all; /* webkit */
    word-wrap: break-word;
    white-space: pre;
    white-space: -moz-pre-wrap; /* fennec */
    white-space: pre-wrap;
    white-space: pre\9; /* IE7+ */
}

.section.gray pre{
    background-color: #fff;
}

pre span{
    color: #f43438;
}

@media (max-width:676px){
    .wrap-affiliates{
        text-align: left;
        margin-top: 30px;
    }


    .above-header .tel-mail span { display: none;}
    .above-header .tel-mail i{
        font-size: 22px;
        margin-right: 10px;
    }

}

@media (max-width:480px){
    .section.home .affiliates{
        padding-left: 15px;
    }

    .section.home .affiliates img{
        display: block;
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        margin-bottom: 15px;
    }
}