.container{ padding-top: 210px; }
.container_box .con_right p{text-indent: 1.5em;}
.container_box p{z-index: 5;font-size: 16px; color: #555555;text-align: justify;line-height: 24px; margin-bottom: 10px;}
.container_box{ margin: 5% 0}
.container_box h1{ font-size: 24px; text-transform: uppercase;margin-bottom: 30px;}
.contact h1,.contact p,.con_left{ text-align: center; }
.con_right,.con_left,.con_left img{ width: 100%; }


/*contact.html*/
.contact{  width: 550px;margin: 50px auto }
.con_form{ width: 450px; margin: 50px auto }
.form_group {margin-bottom: 15px;}
.form_group label{ display: block; text-transform: uppercase;margin-bottom: 10px; color: #646464;font-family: "Open Sans",sans-serif;letter-spacing: 1px;}
.form_group textarea,.form_group input[type=text]{resize: none;width: 95%;padding: 6px 12px; font-size: 14px;line-height: 1.42857; color: #555; background-color: #fff;border: 1px solid #ccc;border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.form_group textarea:focus,.form_group input[type=text]:focus {border-color: #666;box-shadow: none;outline: 0 none;}
.form_group button[type=submit]{ font-family:"Arial";cursor: pointer;width: 450px; background-color: #284879;padding: 6px 12px; height: 43px;text-transform: uppercase; color: #fff;border: 1px solid #284879;border-radius: 0;}
.contact h2{ text-align: center; font-weight: bold; font-size: 16px;margin-bottom: 10px}
.contact p{ text-transform: unset;line-height: 28px;font-family: "Open Sans",sans-serif;letter-spacing: 1px;}
/*socks.html*/
.banner{ position: relative;}
.banner>img{ width: 100%;}
.banner>img:nth-of-type(1){ display: block; }
.banner>img:nth-of-type(2){ display: none; }
.banner h1{text-transform: uppercase;text-align: center;position: absolute; width: 100%; left: 0; right: 0;bottom: 0; top: 195px;margin: auto; color: #fff; font-size: 32px; font-weight: bold; height: 25px; z-index: 555 }

/*面包屑*/
.bread{ background-color: #ececec; padding: 20px 0 }
.bread a{ text-transform: uppercase;margin:0 10px;    font-family: "Open Sans",sans-serif;letter-spacing: 1px;font-size: 13px; }
.bread a:hover{ color: #000; text-decoration: underline; }
.con_nav{ border-bottom: 1px solid #eeeeee;text-align: center; }
.con_nav ul li{ display: inline-block; margin:0 20px; }
.con_nav ul li a{ color: #5d5d5d;text-transform: uppercase;font-size: 14px;padding: 18px 0; display: block; border-bottom: 2px solid #fff; transition: all 0.3s ease-in-out;font-family: "Open Sans",sans-serif;letter-spacing: 1px;font-size: 13px;}
.con_nav ul li.hover a,.con_nav ul li a:hover{ border-bottom: 2px solid #000; color: #000}
.m-ins-navbox { width: 100%;height: 38px; background-color: #fff; display: none;position: relative;z-index: 11;border-bottom: 1px solid #eeeeee;}
.m-ins-navbox .left {width: 15%;cursor: pointer;}
.m-ins-navbox .left .ico {display: block;width: 100%; height: 38px;background: url(../images/ico_35.png) no-repeat center #333;background-size: auto 50%;}
.m-ins-navbox .right {width: 85%;position: relative;}
.m-ins-navbox .right .tit { display: block;padding-left: 5%; font-size: 14px;line-height: 38px;background: url(../images/ico_36.png) no-repeat 90% center; background-size: auto 50%; cursor: pointer;text-transform: uppercase;}


/*放大镜相关样式*/
#showbox { background:#fff;margin: auto;}
#showbox div{display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;}
#showbox div b img{width:100%!important;height:100%!important}
#showsum span img{max-width:100%;max-height:100%;width:auto!important;height:auto!important}
#showbox span { background:url(../images/whitebg.png) repeat;border: 1px solid #999;}
#showsum { margin:10px 0 30px;    z-index: 1;}
#showsum span {border: solid 2px #b5b5b5;margin-left: 0!important;margin-right: 7px; cursor: pointer;display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;}
#showsum span.sel { border:2px solid #000;}
.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}
#showbox p{border: 4px solid #888888; width: 400px!important; height: 400px!important}
#showbox p img{width: 800px!important; height: 800px!important}
.so_de_right h1{ font-size: 30px;text-transform: unset; }
.so_de_right h2{ text-transform: uppercase;margin-bottom: 10px}
.color .yuan{margin: 20px 0; float: left;margin-right: 20px}
.color_box{margin-bottom: 50px}
.so_de_right h4{ font-size: 20px }

/*.pro_choose{margin-bottom: 50px}*/
/*.contect_bg{ background-color: #ececec; padding: 35px 0}
.contect_pad{ width: 80%;margin: 0 auto }
.pro_choose .pro_choose_top{background-color: #eeeeee;}
.pro_choose .pro_choose_top ul li{float: left;cursor: pointer;font-size: 18px;color: #999999; width: 49%; height: 64px; text-align: center;line-height: 64px; text-transform: uppercase;}
.pro_choose .pro_choose_top ul li.current{background-color: #2d2f33;color: #fff;border: 2px solid #2d2f33;}
.pro_choose .content{padding: 50px}
.pro_choose .content p{font-size: 16px;line-height: 24px;}
.pro_choose .pro_choose_top ul li.other{border: 2px solid #2d2f33; color: #2d2f33;background-color: transparent;}
.so_de_left,.so_de_right{ width: 100%; }*/

/*推荐*/
.tujia h1{ text-align: center;text-transform: uppercase;margin-top: 50px;font-size: 20px; font-weight: bold;}
#owl-demo .item img {display:block;width:100%;height:auto;}
.owl-carousel .owl-wrapper:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel {display:none;position:relative;width:85%;-ms-touch-action:pan-y;margin:40px auto 100px;/*height:93px!important;*/}
.owl-carousel .owl-wrapper {display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px);}
.owl-carousel .owl-wrapper-outer {overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight {-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel .owl-item {float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div {cursor:pointer;}
.owl-controls {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.grabbing {cursor:url(../images/grabbing.png) 8 8,move;}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.owl-theme .owl-controls {margin-top:10px;text-align:center;display:none;}
.owl-pagination {display:none;}
.owl-theme .owl-controls .owl-buttons div {text-indent:-9999px;display:inline-block;zoom:1;*display:inline;width:45px;height:56px;position:absolute;margin-top:-28px;background-image:url(../images/ico_34.png);background-repeat:no-repeat;}
.owl-theme .owl-controls .owl-prev {left:-65px;top:50%;background-position:top left;}
.owl-theme .owl-controls .owl-next {right:-65px;top:50%;background-position:top right;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.owl-theme .owl-controls .owl-page {display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-controls .owl-page span {display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {filter:Alpha(Opacity=100);opacity:1;}
.owl-theme .owl-controls .owl-page span.owl-numbers {height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.owl-item.loading {min-height:130px;background:url(../images/AjaxLoader.gif) no-repeat center center}
.item {margin:0 20px}
.item .im1_bottom p{font-size: 16px;text-align: center;z-index: 5;color: #555555;line-height: 24px; text-transform: uppercase;margin-bottom: 15px;}
#owl-demo .yuan img{ width: auto; height: 20px }
.item:hover .im1_bottom p{text-decoration: underline; color: #000}


/*profile.html*/
.profile ul li{ width: 100%;margin:20PX 0 ; float: left;overflow:hidden; }
.profile ul li .pro_fl{ height: auto;margin-bottom: 20px;display: flex;justify-content: center;align-content: center;  background-color: #ececec;}
.profile ul li .pro_fl img{max-width: 100%;}
.profile ul li h1{ font-size: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 0; text-align: center;}
.profile_title{ background-color: #ececec; text-align:center; padding: 30px 0}
.profile_title h1{ font-size: 28px; text-transform: uppercase;}

/*页码*/
.page_desc{margin: 50px auto;text-align: center;font-size: 14px;}
.page_desc li{display:inline-block;}
.page_desc li>span,.page_desc li a{padding: 8px 15px;display: inline-block;border: 1px solid #d8d8d8;color: #333;}
.page_desc li span.current,.page_desc li a:hover{background:#2d2f33; color: #fff;border: 1px solid #2d2f33}


.so_de_right p{ width: 405px; text-align: left;}
.but{margin-top:20px; }
.but a{display: block;background-color: #2d2f33; height: 64px; line-height: 64px; color: #fff; text-align: center;width: 405px;text-transform: uppercase; font-size: 18px;}
.so_de_de{ background-color: #f5f5f5; padding: 20px;}
.so_de_de h1{ text-align: left; font-size: 16px;margin-bottom: 10px }
.so_left{margin-right: 45px;width:70px;height:70px;display: flex;
    align-items: center;
    justify-content: center;  background: #fff;}
.so_left img{ max-width: 100%; max-height: 100%; }
/*.co_left_so{ width: 300px; }*/
.co_left_so h2{ text-align: left; }
.right_detail input[type=text]{ width: 50px; padding:5px  }