﻿@charset "utf-8";
/**/
.row{margin: 0 !important;}
.clearfix:after{display:block;clear:both;font-size:0;content:'';}
.w1200{max-width: 1200px;margin: auto;}

/*big re_head*/
.re_header{}
.re_header ul{margin: 0;}
.re_header ul li{list-style: none;}
.re_header a{text-decoration: none;}
.re_header .w1200{padding-top: 73px;margin: auto !important;}
.re_header .re_hd_fl{padding: 0 !important;}
.re_header .re_hd_fl img{float: left;max-width: 100%;}
.re_header .re_hd_nav{float: right;padding: 0 !important;}
.re_header .re_hd_navul{float: right;padding: 40px 0 0 0;}
.re_header .re_hd_navul li{position: relative; float: left;width: auto;margin: 0 12px;}
.re_header .re_hd_navul li a{display: block;padding-bottom: 30px; font-size: 20px;color: #c9151e;font-family: Arial;}
.re_header .re_hd_navul>li:hover:after{content: ""; position: absolute;left:0;right: 0;bottom: 0;width: 80%;margin: auto;height: 2px;background: #e1281d;overflow: hidden;}
.re_header .re_hd_navul .re_secnav{display: none;position: absolute;left: -32.5px;right: 0;width: 200px;background: url("../images/navshadow.png");}
.re_header .re_hd_navul .re_hd_secnav{padding: 10px 0;overflow: hidden;}
.re_header .re_hd_navul .re_hd_secnav li{width: 100%;text-align: center;margin: 0;}
.re_header .re_hd_navul .re_hd_secnav li a{display: block;font-size: 16px;line-height: 30px;padding-bottom: 0;color: #231816;}
.re_header .re_hd_navul .re_hd_secnav li:hover a{color: #e1281d;}
.re_header .re_hd_navul>li:hover .re_secnav{display: block;}


/*part1 header-logo*/
.re_header-xs{margin-top: 50px;padding: 10px;}
.re_header-xs .col-xs-12{padding: 0;}
.re_header-xs .col-xs-12 img{display: block;max-width: 100%;height: auto;margin: auto;}


/*part2 header-nav*/
.header-nav .nav-pills>li>a{line-height: 34px;font-size: 18px;color: #6b6b6b;font-family: Arial;}
.header-nav .nav-pills>li.active>a, .header-nav .nav-pills>li.active>a:focus, .header-nav .nav-pills>li.active>a:hover{color: #6b6b6b;border-bottom: 2px #fff solid;background: transparent;}
.header-nav  .nav>li>a:focus, .header-nav  .nav>li>a:hover{background: transparent;border-bottom: 2px #e1281d solid;border-radius: 0;  }
.header-nav .navbar-nav>li>a{margin:0 10px;}
.header-nav .dropdown-menu{background-color: rgba(255,255,255,1) !important;border: 0;}
.header-nav .navbar-nav .open .dropdown-menu .dropdown-header, .header-nav .navbar-nav .open .dropdown-menu>li>a{margin: 0 10px;}
.header-nav .dropdown-menu li:hover a{color: #e1281d ;background-color: transparent;}
.md-header-nav  .nav>li:hover .dropdown-menu { display: block; }



/*part3 banner*/
.banner{padding: 0;}
.banner img{display: block;max-width: 100%;min-height: auto;}

/*part4 lsimg*/
.lsimg{padding:50px 0;background: #fff;overflow: hidden;}
.lsimg .row>div{float: none; margin: 0 auto;}
.lsimg img{display: block;max-width: 100%;height: auto;margin: auto auto 35px auto;}
.lsimg .lsimg-title{line-height: 36px;text-transform: uppercase;font-size: 36px;color: #bbbbbb;text-align: right;border-right: 1px #bbb solid;overflow: hidden;}
.lsimg .lsimg-title h3{margin: 0; font-weight: normal;color: #3f3f3f;font-size: 36px;}
.lsimg .lsimg-title p{margin: 0;}
.lsimg .lsimg-txt{line-height: 24px;font-size: 14px;color: #231816;font-family: Arial;}
.lsimg-xs{padding: 30px 0;}
.lsimg .col-xs-11 .lsimg-title{border: 0;}
.lsimg .col-xs-11 h3,.lsimg .col-xs-11 p{float: left;}


/*part5 slider*/
.lsslider{padding: 55px 0 106px 0; background: #ebebeb;overflow: hidden;}
.lsslider .col-md-10{float: none;margin: auto;padding: 0;}
.lsslider .carousel-indicators{margin-bottom: 0;bottom: -50px;}
.lsslider .carousel-indicators li{width: 50px;height: 5px;border: 0;border-radius: 0; background: #d3d3d3;}
.lsslider .carousel-indicators .active{background: #e1281d;}
.lsslider .carousel-inner{padding: 0 40px;}
.lsslider .carousel-inner>.item{height: auto; margin: auto;background: #fff;overflow: hidden;}
.lsslider .carousel-inner img{margin: auto;}
.lsslider .carousel-control{width: 28px;height: 47px;top: 50%;margin-top: 24px;opacity: 1;text-shadow:none; background: transparent;background-size: 100% 100% !important;}
.lsslider .carousel-control.right{right:0; background: url("../images/next.png") center center no-repeat;}
.lsslider .carousel-control.left{left: 0; background: url("../images/prev.png") center center no-repeat;}

.lsslider .item .carousel-img{float: left;width: 574px;height: 376px;}
.lsslider .item div img{transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-webkit-transition: transform 1s ease-out;-o-transition: transform 1s ease-out;}
.lsslider .item .txt{float: left;width: 486px;height: 316px;margin: 30px;background: #fff;text-align: justify;overflow: hidden;}
.lsslider .item .txt p{margin: 0;font-size: 36px;color: #000;text-transform: uppercase;overflow: hidden;}
.lsslider .item .txt .tspan p{display: block;line-height: 24px;font-size: 14px;color: #231816;font-family: Arial;overflow: hidden;text-transform: inherit}
.lsslider .item div:hover img{transform: scale(1.03,1.03);-moz-transform: scale(1.03,1.03);-webkit-transform: scale(1.03,1.03);-o-transform: scale(1.03,1.03);}



/*lsslider-xs*/
.lsslider-xs{margin: 30px 15px !important;}
.lsslider-xs .col-xs-12{padding: 0;margin-bottom: 20px;}
.lsslider-xs img{display: block;max-width: 100%;height: auto;}
.lsslider-xs .txt p{margin:10px 0 0 0;}

/*footer*/
.copyright{width: 100%;height: auto;padding: 20px 0;text-align: center; background: #b20303;overflow: hidden;}
.copyright .col-sm-12 div{line-height: 24px;font-family: Arial;color: #fff;}

.footer-nav{background: #f2f2f2;}
.footer-nav .accordion-group{border-bottom: 1px #ddd solid;overflow: hidden;}
.footer-nav .accordion-toggle{display: block;line-height: 30px;padding: 10px; font-size: 20px;color: #000;}
.footer-nav .accordion-toggle:focus{color:red;}
.footer-nav .accordion-inner a{display: block;padding: 10px;color: #000;}

/*========contact-us=======================================*/
.contact-link{padding: 70px 0;background-color: #f8f8f8;}
.contact-link .col-md-8{float: none; padding: 110px 0;margin: auto; background-color: #fff;overflow: hidden;}
.contact-link .link-img{float: left; width: 40%;text-align: right;}
.contact-link .link{float: left;width: 60%;padding-left: 10px;}
.contact-link .link-text{padding: 0 20px;margin-top: 20px;}
.contact-link .link .link-text p{line-height: 32px;font-size: 16px;color: #757575;font-family: Arial;color: #231816;}
.contact-link .link .link-text span{color: #c9151e;}
/**/
.contact-link-xs{padding: 30px 0;}
.contact-link .col-xs-11{float: none; padding: 30px 0;margin: auto; background-color: #fff;overflow: hidden;}
.contact-link .col-xs-11>div{width: 100%;text-align: center;}
.contact-link .col-xs-11>div.link{padding-left: 0;}
.contact-link .col-xs-11>div.link .link-text{text-align: left;}
.contact-link .col-xs-11>div.link img{display: block;max-width: 100%;}

/*=====about-friends==========================================================*/
.about-list{padding: 70px 0;background: #f8f8f8;}
.about-title{margin: 0 auto 30px auto;text-align: center;}
.about-title img{max-width: 100%;}
.about-list .about-items{display: inline-block; width: 317px;margin: 0 auto 85px auto;min-height: 327px;background: #fff;box-shadow: 5px 5px 10px #ddd;overflow: hidden;}
.about-list .about-items .about-items-img{width: 100%;height: 167px;overflow: hidden;}
.about-list .about-items .about-items-txt{width: 100%;height: auto;padding: 20px;line-height: 20px;font-size: 14px;color: #676767;font-family: Arial;background: #fff;overflow: hidden;}
.about-list .about-top .about-items{margin-top: 85px;margin-bottom: 0;}
/**/
.about-list-xs{padding: 30px 0;}
.about-list-xs .col-xs-12{padding: 0;text-align: center;}
.about-list-xs .about-items{margin-bottom: 20px;}
.about-list-xs .about-items .about-items-txt{text-align: left;}
/*company*/
.about-company .row{margin-top: 70px !important;}
.company-items{width: 339px;height: 108px;margin: auto; text-align: center;border: 1px #b6b6b6 solid;}
.company-items h3{line-height: 30px;font-size: 30px;color: #000;text-transform: uppercase;}
.company-items h3 span{margin-left: 10px;color: #b6b6b6;}
.company-items p{line-height: 16px;font-size: 14px;color: #838383;font-family: Arial;}
.company-four{}
.company-four .fourimg{float: right;}
.company-four .fourtxt{float: left;width: 600px;margin-left: 130px;margin-top: 115px;}
.company-four .company-items{width: auto;height: auto; text-align: left;border: 0;}
.company-four .company-items span{margin-left: 0;}

.company-four,.company-five{width: 100%;height: 370px;background: #fff; overflow: hidden;}
.company-five .fiveimg{float: left;}
.company-five .fivetxt{float: left;width: 670px; margin: 40px 100px 40px 60px;}
.company-five .company-items{width: auto;height: auto;padding: 0 20px 25px 20px;text-align: left;border-width: 0 0 1px 0;}
.company-five .company-items span{margin-left: 0;}
.company-five .bottom{line-height: 30px;font-size: 16px;padding: 20px;color: #000;}
.company-five .bottom p{margin-bottom: 0;}
.company-five .bottom span{margin-left: 5px;color: #838383;}

/**/
.about-company-xs .company-items{width: 312px;margin-bottom: 15px;}
.about-company-xs .img-responsive img{max-width: 100%; margin-bottom: 5px;}
.about-company-xs .company-five{margin: 30px 0;height: auto;}
.about-company-xs .company-five .fiveimg{width: 100%;}
.about-company-xs .company-five .fivetxt{width: 100%; margin: 0;padding: 10px;}
.about-company-xs .company-four{margin-top: 30px; height: auto;}
.about-company-xs .company-four .fourimg{width: 100%;}
.about-company-xs .company-four .fourtxt{width: 100%; margin: 0;padding: 10px;}

/*certificate*/
.certificate-list .about-items{width: 250px;}
.certificate-list .about-items .about-items-img{min-height: 308px;height: auto;}
.certificate-list .about-items .about-items-txt{height: 80px;text-align: center;}
.certificate-list-xs .about-items{text-align: center;}
.certificate-list-xs .about-items .about-items-img{height: auto;}
.certificate-list-xs .about-items .about-items-txt{height: 80px;}

/*profile*/
.profile{padding: 0;text-align: justify;}
.profile-title{padding-top: 35px;padding-bottom: 65px;overflow: hidden;}
.profile-timg{float: left;}
.profile-ttxt{float: left;width: 705px;height: 72px;padding: 0 20px;line-height: 24px;margin: 17px 0;font-family: Arial;border-left: 1px #ddd solid;overflow: hidden;}
/*list*/
.profile-main{}
.profile-main .col-md-12{position: relative; padding: 0; background: #f8f8f8;}
.profile-main .profile-img{float: left;width: 50%;/*margin-right: 10%;*/}
.profile-main .profile-txt{position: absolute;top: 15%;left: 50%; /*width: 705px;*/width: 30%; /*margin-top: 90px;*/}
.profile-main .profile-img img{display: block; max-width: 100%;}
.profile-main .profile-fr{background: #fff;}
.profile-main .profile-fr .profile-img{float: right;}
.profile-main .profile-fr .profile-img img{float: right;}
.profile-main .profile-fr .profile-txt{right: 50%;left: auto;}
/*re_profile*/
.container-fluid.re_profile{padding: 0 !important;}
.re_profile{}
.re_profile .profile-title{padding-top: 35px;padding-bottom: 30px;overflow: hidden;}
.re_profile .profile-main .col-md-12{position: relative; height: auto;padding: 0;background: #f8f8f8;}
.re_profile .profile-main .profile-img{width: 42%;}
.re_profile .profile-main .w1200{position: absolute;left: 0;right: 0;top: 10%; margin: auto;overflow: hidden;}
.re_profile .profile-main .profile-txt{position: static;float: right;width: 45%;}
.re_profile .profile-main .profile-fr{background: #fff;}
.re_profile .profile-fr .profile-txt{float: left;}


/**/
.profile-xs .profile-title{padding-top: 35px;padding-bottom: 30px;overflow: hidden;}
.profile-xs .profile-timg{width: 100%;}
.profile-xs .profile-timg img{max-width: 100%;}
.profile-xs .profile-ttxt{width: 100%;height: auto; padding:15px 20px;line-height: 24px;border-left: none;}
.profile-xs .profile-main .col-xs-12{margin-bottom: 30px; background: #f8f8f8;}
.profile-xs .profile-main .profile-img{width: 100%;margin: 0;}
.profile-xs .profile-main .profile-img img,.profile-xs .profile-main .profile-txt img{max-width: 100%;}
.profile-xs .profile-main .profile-txt{position: static; width: 100%;padding: 15px 0; margin-top: 0;}
.profile-xs .profile-main .profile-fr{background: #fff;}

/*course*/
.course-main img{display: block;max-width: 100%;}
.course-xs .col-xs-3,.course-xs .col-xs-9{padding: 0;}
.course-xs .course-fl{float: left;}
.course-xs .course-fr{float: left;}
.course-xs .course-fr img,.course-xs .course-fl img{display: block;max-width: 100%;margin-bottom: 15px;}


/*3goods*/
.goods .about-items{width: 270px;}
.goods .about-items .about-items-img{height: 405px;}


.pro .about-items{width: auto;min-height: auto;margin: 0 15px 60px 15px;}
.pro .col-md-6 img{display: block;max-width: 100%;height: auto;}
.pro .about-items .about-items-img{height: auto;}
.pro .col-xs-12 .about-items{margin: 0 0 15px 0;}

.socks_name{margin-bottom: 20px !important;}
.socks_name div{text-align: center;}
.socks_name div p{width: 122px;padding-top: 60px;padding-bottom: 22px;font-weight: bold; margin: auto; background: url("../images/socks.png"); cursor: pointer;}
.socks_name .active p{color: #c6171e;}
.socks_main .row{display: none;}
.socks_main .row.block{display: block;}
.goods .socks_main .about-items{min-height: 270px;}
.goods .socks_main .about-items .about-items-img{height: 270px;}
.about-list-xs .socks_name .col-xs-4{padding: 0;text-align: center;}
.about-list-xs .socks_name .col-xs-4.active{color: #c6171e;}

.pro_inquiry{margin: 60px 0; text-align: center;overflow: hidden;}
.pro_inquiry p{line-height: 32px;font-size: 16px;color: #231816;}
.pro_inquiry p span{color: #c9151e;}
.pro_inquiry a{display: block; width: 230px;height: 71px;line-height: 32px;padding: 19.5px 0;margin: auto;color: #fff;text-decoration: none;font-size: 24px;border-radius: 10px; background: #c9151e;}






@media screen and (max-width: 1100px) and (min-width: 800px){
	.re_header .re_hd_navul li{margin: 0 10px;}
	.re_header .re_hd_navul li a{font-size: 19px;}
.re_profile .profile-main .w1200{width: 1000px;top: 0;}
	.re_profile .profile-main .profile-txt{width: 56%;}
}


@media screen and (max-width: 1450px) and (min-width: 1020px){
	.lsslider .item .txt{/*width: 413px;*/width: 45%;margin: 30px 2.5%;}
	.lsslider .item .carousel-img{width: 50%;}
	.profile-main .profile-txt{top: 0;right: 0;left: auto;width: 50%;padding: 0 2%;}
}