body{
    overflow-x: hidden;
    font-family: 'Microsoft Yahei', sans-serif;
}

p{  
    font-family: 'Microsoft Yahei', sans-serif;
    font-size:14px;
    line-height: 20px;
    font-weight: 100;
}

a{color:#333}

*{
    outline-color: transparent !important;
}

/*===== common ====*/
.bg-color{
    background-color:#be231c !important;
}

section{
   /* padding-top: 50px;
    padding-bottom: 50px;*/
}

.p-l-0{
    padding-left: 0;
}

.p-l-r-0{
    padding-left: 0;
    padding-right: 0;
}

.small-tag {
    color: #777;
    font-family: "Microsoft Yahei",sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

h2.section-title{
    text-transform: uppercase;
    color: #333;
    margin-top: 0; 
    margin-bottom:18px;
    word-spacing: 5px; 
    font-size:30px;
    font-weight: 600;  
}

.section-para{
    color: #999;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
}

.btn.btn-default{
    background-color: #be231c;
    color: #fff;
    border-color: #be231c;
    border-radius: 5px; 
    padding: 10px 20px; 
    text-transform: uppercase;
    word-spacing: 3px;
    font-size: 14px;
    margin: 5px; 
}

#tijiao:hover{border:1px solid #be231c;color:#be231c;}

.btn.btn-primary{
    background-color:#be231c;
    color: #fff;
    border-color:#be231c;
    border-radius: 0; 
    padding: 10px 20px; 
    text-transform: uppercase; 
    font-size: 14px
}

.btn.btn-default:hover,
.btn.btn-primary:hover{
    background:none;
    border-color: #bc231d;
    color: #bc231d;
}

.btn.btn-primary,
.btn.btn-default,
.what-we-do .do-box,
.service-overflow {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.service-overflow,
.intro{
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
/*===== header ====*/
/* menu */
.navbar.default-menu{
    border-radius: 0; 
    border: 0; 
    margin-bottom: 0;
    min-height: 100px; 
    background-color: #fff;
    border-bottom: 2px solid #0CB88E;
}

.default-logo {
    font-family: "Microsoft Yahei",cursive;
    font-size:22px
    font-weight: 600;
    letter-spacing: 2.5px;
    line-height: 40px;
}

.default-menu.navbar-default .navbar-toggle {
    border-radius: 0; 
    border-width: 2px;
    margin-top: 32px;
    margin-bottom: 16px;
}

.default-menu.navbar-default .navbar-nav > li > a{
    font-size: 14px;
    letter-spacing: 0;
    line-height: 40px !important;
    font-family: "Microsoft Yahei",sans-serif;
    letter-spacing: 0.3px;
    padding: 30px 10px;
    text-transform: uppercase;
}

.default-menu.navbar-default .navbar-nav > li:last-child > a{
    padding-right: 0;
}

.default-menu.navbar-default .navbar-nav > li > a i{
    position: relative;
    line-height: 40px;
}

.default-menu.navbar-default .navbar-nav > li > a:active, 
.default-menu.navbar-default .navbar-nav > li > a:focus, 
.default-menu.navbar-default .navbar-nav > li > a:hover{
    color: #be231c;
}

.default-menu.navbar-default .navbar-nav > .active > a, 
.default-menu.navbar-default .navbar-nav > .active > a:focus, 
.default-menu.navbar-default .navbar-nav > .active > a:hover{
    background-color: transparent;
    color: #be231c;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
    color: #be231c;
}

.default-menu .dropdown-menu{
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color:#333;
    min-width: 200px; 
    margin-top: 2px !important;
    padding: 0;
    border-bottom: 2px solid #be231c;
}

.default-menu .dropdown-menu > li > a {
    color: #999;
    font-weight: 400;
    line-height: 1.42857;
    padding: 15px 20px;
    font-size: 14px; 
    text-transform: uppercase; 
    left: 0.3px; 
    word-spacing: 3px; 
    font-weight: 600
}

.dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:hover {
    background-color: #333333;
    color: #fff;
    text-decoration: none;
}

/* menu cart */
.default-menu .cart{
    min-width: 300px; 
    padding: 20px;
}


.cart-number {
    background-color: #be231c;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 15px;
    line-height: 1;
    padding-top: 1px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: 4px;
    width: 15px;
}

.cart > li{
    border-bottom: 1px solid rgba(153, 153, 153, 0.2);
    padding-top: 17px;
    padding-bottom: 20px;
}

.cart > li:last-child{
    border-bottom: none;
}

.cart > li > p > .btn{
    border: 0; 
    box-shadow: none;
    border-radius: 0;
    padding: 12px 20px; 
    margin-top: 8px;
    color: #fff; 
    background-color: #be231c;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px
}

.cart > li > p {
    color: #999;
    display: inline;
    font-weight: 600;
    text-transform: capitalize;
    word-spacing: 3px;
}

.cart > li > i{
    color: #999; 
    padding-top: 40px
}

.cart > li > i:hover{
    color: #be231c;
    cursor: pointer;
}

.cart > li > span {
    color: #be231c;
    display: block;
    font-size: 14px;
    font-weight: 700;
}

.cart > li > small{
    display: block;
    color: #999; 
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px; 
    font-weight: 600
}

.cart > li strong{
    display: block;
    color: #fff; 
    font-style: italic; 
    font-weight: 600;
    padding-top: 5px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.cart > li > img{
    float: left;
    display: inline-block; 
    max-width: 80px;
    padding-right: 20px;
}
/* end menu cart */

/* nav search */
.default-menu .dropdown-menu.list-search{
    border-bottom: 0;
    margin-top: 0 !important;
}

.nav-search .form-group i {
    color: #999;
    font-size: 14px;
    left: 1px;
    position: absolute;
    top: 15px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    cursor: pointer;
}

.nav-search .form-group i:hover{
    color: #be231c;
}

.nav-search .form-group{
    position: relative;
}

.nav-search .form-control::-moz-placeholder {
    color: #999;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.nav-search .form-control{
    border: 0; 
    box-shadow: none; 
    border-radius: 0; 
    height: 40px;
    width: 220px;
    background-color: transparent; 
    color: #999;
    padding-left: 18px;
}
/* end menu cart */

/* media quaries */
@media screen and (max-width: 768px){
    .default-menu.navbar-default .navbar-nav > li > a{
        line-height: 12px;
    }
    
    .default-menu .navbar-nav > li .nav-search{
        border-color: rgba(153, 153, 153, 0.1);
    }
    
    .nav-search .form-control{
        text-align: center;
        width: 100%;
        padding-left: 40px;
        padding-right: 20px;
    }
    
    .nav-search .form-group i {
        color: #999;
        font-size: 14px;
        left: 20px;
    }
    
    .default-menu.navbar-default .navbar-nav > li:last-child > a{
        padding-left: 20px !important;
    }
    
    .default-menu.navbar-default .navbar-nav > li:first-child > a{
        /*padding-left: 20px !important;*/
    }
}

.default-menu.menu-4{
    border-bottom: 0;
    background:#333;
   
}

.default-menu.menu-4 .default-logo{
    color: #be231c;
}

.default-menu.menu-4 .navbar-nav > li > a{
    color: #fff;
}

.default-menu.menu-4 .navbar-nav > li > a:before,
.default-menu.menu-4 .navbar-nav > li > a:after{
    color: transparent;
    font-size: 14px;
    position: absolute;
    transition: all 0.5s ease-in-out; 
    margin-top: -1px;
}

.default-menu.menu-4 .navbar-nav > li > a:before{
    content: '[';
    left: -10px;
}

.default-menu.menu-4 .navbar-nav > li > a:after{
    content: ']';
    right: -10px;
}

.default-menu.menu-4 .navbar-nav > li > a:hover:after,
.default-menu.menu-4 .navbar-nav > li > a:hover:before{
    color: #be231c; 
}

.default-menu.menu-4 .navbar-nav > li > a:hover:before{
    left: 8px;
}

.default-menu.menu-4 .navbar-nav > li > a:hover:after{
    right: 8px;
}

.default-menu.navbar-default .navbar-nav > li:last-child > a:after,
.default-menu.navbar-default .navbar-nav > li:last-child > a:before{
    content: '';
}

.default-menu.menu-4 .dropdown-menu{
    margin-top: 0 !important;
}

@media screen and (max-width: 768px){
    .default-menu.menu-4 .navbar-nav > li > a:hover:after,
    .default-menu.menu-4 .navbar-nav > li > a:hover:before{
        color: transparent; 
    }
}

/* small menu */
.small-menu{
    background-color: #ffffff; 
    min-height: 30px;
    border-bottom: 1px solid rgba(153, 153, 153, 0);    
}

.small-menu .list-inline{
    margin: 10px 0;
}

.info-link{
    margin-bottom: 0;
}

.social-link > li,
.info-link > li {    
    font-size: 14px;
    padding-right: 20px;
    padding-left: 0;
    cursor: pointer;
}


.social-link > li > span, 
.info-link > li > span {
    color: #555;
    display: inline-block;
    font-size: 14px;
    letter-spacing: -0.5px;
    margin-left: 6px;
    text-transform: uppercase;
    word-spacing: 2px;
}

.list-inline li:last-child{
    padding-right: 0 !important;
}

.social-link > li:first-child span{
    text-transform: lowercase;
}

.social-link > li > i.fa,
.info-link > li > i.fa {
    color: #333;
    float: left;
    margin-top: 1px;
}

.hidden-xs a{color:#333;}

.small-menu-2{
    background:#eee;/*url(../images/jla.jpg) no-repeat 50% top;*/
}

.small-menu-2 .social-link > li > span, 
.small-menu-2 .info-link > li > span{
    color:#333;
}
/*===== intro ====*/
.intro-content{width:100%;height:100%;}

.intro-content > h1{
    color: #fff;
    font-family: 'Microsoft Yahei', sans-serif;
    font-weight: 200;
    text-transform: uppercase;
    margin-bottom: 45px;
    word-spacing: 6px;
} 

.intro-content > a > i.lnr{
    font-size:14px;
    margin-left: 5px;
}

.intro-content > p{
    color: #f8f8f8;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    max-width: 570px;
}

.intro .carousel-indicators {
    bottom: 0;
}

.intro .carousel-indicators li {
    background-color: #be231c;
    border: 2px solid #be231c;
    height: 15px;
    width: 15px;
    margin: 4px;
}

.intro .carousel-indicators .active {
    background-color: #fff;
    border: 3px solid #fff !important;
    height: 13px;
    margin: 5px;
    width: 13px;
}

/*===== recent event ====*/
section.recent-event{
    padding-top: 0;
    padding-bottom: 0;
}

.recent-event{
    background:#be231c url(../images/sbb.png) no-repeat 50% top;
}

.event-box{
    padding-top: 20px;
    padding-bottom: 40px;
}

.event-box p{
    color: #333;
    font-size:14px;
    max-width: 250px;
    margin-bottom: 25px
}
.event-box h3{
    color: #333; 
    text-transform: uppercase;
    font-size: 20px; 
    font-weight: 600; 
    word-spacing: 5px;
    margin-bottom: 20px; 
}

.event-box a i.lnr{
    font-size: 14px;
    margin-left: 5px;
}

.event-img img{
    width: 100%;
    position: relative;
    border-left:1px solid #eee;
}

.event-img img:hover{filter:alpha(Opacity=80);-moz-opacity:0.3;opacity: 0.3;}

.event-overflow{
    position: absolute;
    bottom: 15px;
    width:80%;
    display:block;
    background:#2c71e1;
}

.event-overflow small{
    color: #f8f8f8; 
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
}
.event-overflow > p {
    color: #fff;
    margin-bottom: 0;
    text-transform: capitalize;
    line-height:30px;
    min-height:30px;
}
.event-overflow > p a{color:#fff;}

/*===== what we do ====*/
.what-we-do{
    padding-bottom: 50px;
    padding-top:50px;
}

.what-we-do .do-box{
    border:5px solid #eee;
    background:#eee;
    position: relative;
    margin-bottom: 45px;
    border-radius:5px;
}

.do-box i{
    margin: 0 auto;
    text-align: center;
}

.do-box i.lnr {
    background-color: #fff;
   /* border: 1px solid #ccc;*/
    border-radius: 50px;
    color: #ccc;
    font-size: 25px;
    float: left;
    width: 65px;
    height: 65px;
    position: absolute;
    margin-top: -32.5px;
    padding-top: 20px; 
    margin-left:-32.5px
}

.do-box h3{
    margin-top: 60px;
    margin-bottom: 20px; 
    color: #000; 
    font-size: 20px;
    font-weight:bold;
}
.do-box h3 a:hover{color:#fff;}

.do-box p{
    
    max-width: 250px; 
    margin: 0 auto;
    margin-bottom: 40px;
}

.do-box:hover i.lnr{
    color: #be231c;
    border-color: #be231c;
}

.do-box.bg-color,
.do-box:hover{
    cursor: pointer;
    background-color: #be231c;
    border-color: #be231c;
}

.do-box.bg-color i.lnr{
    color: #be231c;
    border-color: #be231c;
}

.do-box.bg-color h3,
.do-box:hover h3{
    color: #fff;
}

.do-box.bg-color p,
.do-box:hover p{
    color: #f8f8f8;
}

/*===== about us ====*/
.about-us{
    
    padding-bottom: 0;
    padding-top: 0;
}

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

.about-content h2{
    color: #333;
}

.about-content > p{
    color: #333; 
    max-width: 535px;
    line-height:25px;
}


/*===== our service ====*/

.four-slide .single-slide img{
    width: 100%;
}

.single-slide{
    position: relative;
    margin-left:1px;
}

.single-slide img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.owl-theme .owl-controls .owl-page span {
    background: #be231c;
    opacity: 0.3;
    border-radius: 0;
    height: 4px;
    width: 25px;
}

.owl-theme .owl-controls {
    margin-top: 35px;
}

.service-overflow{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    position: absolute;
    top: 0;
    opacity: 0;
}

.single-slide:hover .service-overflow{
    opacity: 1;
}

.service-overflow h3{
    color: #be231c;
    margin-top: 0;
}

.service-overflow p{
    color: #888;
    margin: 0 auto;
    max-width: 260px;
}

/*===== extra feature ====*/
.extra-feature{
    padding-top: 100px;
    overflow: hidden;
    background-color: #F7F7F7;
}

.extra-feature .section-title{
    max-width: 350; 
    line-height: 1.3;
}

.extra-feature .section-title > span{
    color: #be231c;
}

.extra-feature p{
    max-width: 400; 
    margin-bottom: 20px;
}

.extra-feature .btn.btn-default{
    margin-bottom: 30px;
}

.e-feature{
    position: relative;
    height: 200px;
}

.feature-img {
    bottom: 0;
    max-width: 480px;
    position: absolute;
    top: 30px;
    width: 100%;
}
/*===== our experts ====*/
.our-experts{
    padding-top: 70px;
    padding-bottom: 40px;
    background-color: #be231c;
}

.our-experts .section-title{
    color: #fff;
    margin-top: 30px;
}

.our-experts p{
    color: #f0f0f0;
    margin-bottom: 25px;
}

.our-experts .btn.btn-primary{
    margin-bottom: 30px;
}

.our-experts .single-slide img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.our-experts .single-slide img {
  border: 4px solid #F8FAF9;
  margin-bottom: 35px;
  padding: 2px;
  max-width: 165px;
}

h3.expert-name {
  color: #fff;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 10px;
    line-height: 0;
    font-size:14px;
  text-transform: uppercase;
}

strong.expert-tag{
    font-weight: 400;
    font-style: italic;
    color: #f0f0f0;
    font-size: 14px;
}

/*===== talk about us ====*/
.talk-about-us{
  
}

.talk-about-us strong{
    color: #333;  
   
}

.talk-about-us .item > p{
    max-width: 650px; 
    margin: 0 auto; 
    line-height: 1.9;  
    margin-bottom: 20px;
}

.talk-about-us .carousel-indicators li {
    background-color: #DCDCDC;
    border: 0;
    border-radius: 0;
    height: 4px;
    margin: 1px;
    width: 30px;
}

.talk-about-us .carousel-indicators li.active {
    background-color: #be231c;
}

.talk-about-us .carousel-indicators {
    bottom: -70px;
}

/*===== our client ====*/
.our-client{
    background: url("../images/client.jpg") no-repeat scroll 0 0 / cover;
}

.single-slide img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.our-client .single-slide{
    color: #fff;
    display: block;
    font-style: italic;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700; 
    font-size: 20px;
}

.our-client .owl-theme .owl-controls {
    margin-top: 0;
    display: none !important;
}

/*===== contact ====*/
.contact{
    padding-top: 90px;
}

.contact .section-title{
    margin-bottom: 30px;
}

.contact .border{
    margin-bottom: 80px;

}

/* border */
.border{
    position: relative;
    margin-bottom: 60px;
    display: inline-block;
}

.border-l-r{
    font-size: 24px; 
    color: #be231c;
    position: absolute;
}

.border-l-r .lnr,
.border-l-r .fa {
    position: relative;
    top: -8px;
    left: -10px;
}

.border-l-r::after {
    background-color: #e6e6e6;
    content: "";
    height: 2px;
    left: 30px;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 40px;
}

.border-l-r::before {
    background-color: #e6e6e6;
    content: "";
    height: 2px;
    right: 50px;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 40px;
}

/*
.contact .list-inline span::after {
    background-color: #E5E5E5;
    content: "";
    height: 1px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 150px;
    z-index: -1;
}

.contact .list-inline li span::before {
    background-color: #E5E5E5;
    content: "";
    height: 1px;
    position: absolute;
    text-align: center;
    top: 0;
    left: 150px;
    width: 150px;
    z-index: -1;
}
*/

.contact .form-group .btn.btn-default{
    margin: 0;
    padding: 28px 20px;
    font-weight: 600;
}
    
.contact .form-group{
    margin-bottom: 22px;
}

.contact .form-control {
    
    background-image: none;
    border: 1px solid #333;
    border-radius:5px;
    box-shadow: none;
    color: #333;
    font-size:14px;
    height: 45px;
    padding: 10px 15px;
    width: 100%;
}

.contact .textarea{
    min-height: 80px !important;
    width: 100% !important;
}

/*===== footer ====*/
.footer{
    padding-bottom:50px;
    padding-top:50px;
}

.footer p{
    color: #707070;
    color: #aaa;
    font-size: 14px; 
    margin-bottom: 0px
}

.footer span i.lnr{
    float: right;
    cursor: pointer;
    margin-top: -37px; 
    color: #fff; 
    padding: 7px;
    background-color: #be231c;
    width: 35px;
    height: 35px; 
    font-size:14px;
}

@media (max-width:500px)
{
	.footm{background:#313030; width:100%; overflow:hidden; display:block; position:fixed; bottom:0;opacity: 0.9;z-index:10000;}
    .footm a{ display:block; float:left; height:40px; line-height:40px; width:25%; text-align:center; color:#fcfcfc}
    .footm a:hover{ text-decoration:none; background:#272626; color:#f8f8f8}
}
@media (min-width:501px)
{
	.footm{display:none;}
}



@media (max-width:580px) 
{
.slide1{background:url(../images/slide/slide1.jpg) no-repeat center;width:100%;height:100%;-moz-background-size:100%;  
    background-size:100%;}
.slide2{background:url(../images/slide/slide2.jpg) no-repeat center;width:100%;height:100%;-moz-background-size:100%;  
    background-size:100%;}
.slide3{background:url(../images/slide/slide3.jpg) no-repeat center;width:100%;height:100%;-moz-background-size:100%;  
    background-size:100%;}	
 .intro{height:150px;}
 .default-menu.navbar-default .navbar-nav > li > a{padding:0;line-height:30px;background:#f1f1f1;border-bottom:1px solid #fff;width:95%;}

}

@media (max-width:486px) 
{
	 .intro{height:110px;}
}

@media (min-width:581px) 
{
.slide1{background:url(../images/slide/slide1.jpg) no-repeat center top;width:100%;height:100%;}
.slide2{background:url(../images/slide/slide2.jpg) no-repeat center top;width:100%;height:100%;}
.slide3{background:url(../images/slide/slide3.jpg) no-repeat center top;width:100%;height:100%;}	
.intro{height:540px;}
.about-us img, .carousel-inner > .item > img{
    -moz-background-size:100%;  
    background-size:100%;
}
}

.footer{background: url(../images/ff.png) no-repeat 50% top;overflow:hidden;}
.footer .container{width:80%;overflow:hidden;}
.footer ul{width:100%;overflow:hidden;margin:0;padding:0;}
.footer ul li{list-style:none;text-align:left;line-height:25px;}
.footer ul li a{color:#333;font-size:14px;font-weight:normal;margin-left:0;}
.footer h5{color:#fff;text-align:left;font-size:16px;line-height:30px;background:#be231c;width:130px;text-align:center;border-radius:5px;}
.footer a:Hover{color:#be231c;}
.event-overflow a:Hover{color:#be231c;}
.contact-map ul li{list-style:none;line-height:38px;text-align:left;}
.hq_fy  li{float:left;list-style:none;margin:20px 0;padding:8px;background:#be231c;}
.hq_fy li a{color:#fff;}
.feedback-top input[type="text"],input[type="email"], .feedback-top textarea {
  padding: 0.8em 1em;
  font-size:14px
  margin:0 0 0.8em;
  border: 1px solid #A3A3A3;
  color: #a3a3a3;
  background: #fff;
  outline: none;
  width: 100%;
  -webkit-appearance: none;
}
.feedback-top textarea{
	height:150px;
	resize:none;
}
.feedback-top input[type="submit"] {
 	width: 100%;
	font-size:14px
	background: #be231c;
	padding: 0.8em 1em;
	text-align: center;
	color: #fff;
	border: none;
	outline: none;
	margin: 0 auto;
	-webkit-appearance: none;
	font-weight: 700;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-moz-transition: 0.5s all;
	background:#be231c;
	border:1px solid #be231c;
}
.feedback-top input[type="submit"]:hover{background:none;border:1px solid #be231c;color:#be231c;}
.feedback-top {
  	width: 60%;
  	margin: 0 auto;
}

.row_left{float:left;color:#ccc;}
.row_right{float:right;color:#ccc;}
.protype_son{position:absolute;width:200px;height:80px;z-index:10000;}
.protype_son p{width:100%;display:block;background:#fff;line-height:40px;margin:0;border-bottom:1px solid #ccc;}
.protype_son p:hover{background:#013776;color:#000;}

/************************/
.choselist{
	border-top:2px #be231c solid;
	overflow:hidden;
	width:100%;
	border-bottom:1px #be231c solid;
}
.choselist .media{
	float:left;
	margin-right:20px;
}
.choselist .intro2{
	float:left;
	padding:15px;
}

.choselist .intro2 span{margin-right:2px 0 0 0;}
.choselist .intro2 span a:hover{color:#be231c;}
.choselist .intro2 a{
	
	display:inline-block;
	margin-right:20px;
	font-weight:bold;
}
.choselist .intro2 a.select{
	background:#be231c;
	border-radius:15px;
	padding:0 10px;
	color:#fff;
	width:200px;
}
.choselist .intro2 a.select:hover{
	background:#333;
	border-radius:15px;
	padding:0 10px;
	color:#fff;
}



.choselist .intro_1{
	float:left;
	padding:0 15px;
}

.choselist .intro_1 span{margin-right:2px 0 0 0;}
.choselist .intro_1 span a:hover{color:#bb2f30;}
.choselist .intro_1 a{
	color:#000;
	display:inline-block;
	margin-right:20px;
	margin-top:10px;
	font-weight:bold;
}
.choselist .intro_1 a.select{
	background:#db2420;
	border-radius:15px;
	padding:0 10px;
	color:#fff;
	width:200px;
	float:left;
	height:48px;
	line-height:25px;
}
.choselist .intro_1 a.select:hover{
	background:#ccc;
	border-radius:15px;
	padding:0 10px;
	color:#fff;
}

.choselist .cbg{
	background:url(../images/ft.jpg) no-repeat center bottom;
	overflow:hidden;
	width:100%;
	padding-bottom:4px;
}

/***********************************************************************/


#wrapper {
	background:#fff;
	position:relative;
}


.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:540px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:450px !important;
	position:relative;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#be231c !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#e1472f !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #fff;
    width: 188px;
    height: 6px;
    float: left;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul >li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(../images/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


.form-group input{color:#fff;}
.portfolio-wrapper a{color:#eee;}
.portfolio-wrapper a:hover{color:#be231c;}


#leftsead{width:161px;height:290px;position:fixed;bottom:50px;right:0px; z-index:100;top:200px;}

#leftsead li{width:161px;height:60px;list-style:none;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#d37b7b;height:47px;margin-left:47px;border:1px solid #d37b7b;text-align:center;line-height:47px}
#p3{width:112px;background-color:#ffba53;height:47px;margin-left:47px;border:1px solid #ffba53;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}


#main_ad { position: relative; z-index: 9;}
#main_ad > .carousel-inner > .item {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media (min-width: 768px) {
  #main_ad > .carousel-inner > .item {
    height: 650px;
  }
}
@media(max-width:1200px){
	.pro_left_list li{ float: left; }
}
#main_ad > .carousel-inner > .item > img {
  width: 100%;
}