@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family:"微软雅黑";}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none;}
a:hover {color:#e77917; text-decoration:none;}
.fl{float: left;}
.fr{float: right;}

.fix-header{ width:100%; height:70px; position:fixed; z-index:99;}
.header{ width:100%; height:70px; background:#fff; border-bottom:2px solid #eee; margin-bottom:2px; position:relative; top:0; left:0; }
.top{ max-width:100%; margin:0 auto;position: relative;}
.top h1{ float:left; margin-top:2px; margin-left:5px; width:100px;}
.top h1 img{ height:65px;}

.navBar{ float:right; position:relative; z-index:20;  height:80px; line-height:80px; }


	.menu{ display:block; float:right; margin-right:0; margin-top:12px;}
	.openclose{ display: block; width:60px; height:42px;background:url(../images/pic16.png) no-repeat center; background-size:65%;}
	.sub_menu{ display: none; position:absolute; top:70px; width:100%; z-index:10;}
	.sub_menu .bg{ background:#221e1f; z-index:12;}
	.sub_menu ul{ max-width:720px; margin:0 auto; padding:0;}
	.sub_menu li{ position:relative;}
	.sub_menu li p{ background-size:3%; line-height: 50px; font-size:16px; color: #FFF; padding:0 20px; border-bottom:1px solid #666;}
	.sub_menu li p.active span,.sub_menu li p.you span{ position:absolute; right:20px; top:0px; width:50px; height:50px; background: url(../images/pic17.png) no-repeat center; background-size:40%;}
	.sub_menu li p.you.active span{ width:50px; height:50px; background:url(../images/pic17.png) no-repeat center;background-size:40%;}
	.sub_menu li a{ color: #FFF; display:block;}
	.sub_menu li a:hover{ color: #FFF; display:block; text-decoration:none;}
	.sub_menu li dl{ display:none; background:#2e292a;}
	.sub_menu li dd{ border-top:1px solid #666; line-height:40px;}
	.sub_menu li dd a{ color: #FFF; display:block; padding:0 20px;}
	.sub_menu li dd a:hover{ color: #FFF; display:block; text-decoration:none;}
	
	.ch_lang{ float:right;}
	.ch_lang a{display: inline-block;/*font-size: .7rem;padding:.5rem;*/font-size: 14px;color: #fff;background: #1a46a1;border-radius: 100px;width: 40px;height: 40px;line-height: 40px;margin:15px 6px 0 0;text-align: center;}

.sj_nav{ display:none;}





.carousel.flexible .items {
display: none;}
/* Carousel */
.carousel-example { padding:0; }
#complicated-content-carousel .carousel-control { position: absolute; top: -20px; right: 0; left: auto; bottom: auto; width: 14px; font-size: 25px; 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: 320px; height: 380px; padding: 16px 13px; background-color: #f5f6f7; border: 6px solid #f5f6f7; }
#complicated-content-carousel .flex-item:hover,  #complicated-content-carousel .flex-item:focus { border: 6px solid #d2d4d5; border-radius: 3px; }
.good-top { height: 21px; }
.good-top-left { font-size: 16px; color: #424242; text-transform: uppercase; line-height: 21px; }
.good-top-right { height: 21px; text-align: right; }
.choose-color div { display: inline-block; width: 21px; height: 21px; border-radius: 50%; letter-spacing: 5px; cursor: pointer; }
.choose-color .blue { background-color: #165eb9; }
.choose-color .yellow { background-color: #ffe637; }
.choose-color .black { background-color: #535253; }
.choose-color .grey { background-color: #d3a7ac; }
.choose-color .dark-blue { background-color: #35374c; }
.choose-color .dark-blue-women { background-color: #192b5e; }
.choose-color .light-blue-women { background-color: #1682c4; }
.good-top-left .fa { position: relative; top: 2px; font-size: 21px; }
.good-bottom { height: 21px; }
.good-bottom * { margin-top: 0; margin-bottom: 0; }
.good-bottom-left a h4 { font-size: 18px; color: #3c3c3c; text-transform: uppercase; line-height: 21px; }
.good-bottom-right { position: relative; top: -1px; font-size: 22px; color: #424242; text-transform: uppercase; line-height: 21px; }
.good-top-left,  .good-bottom-left { float: left; text-align: left; }
.good-top-right,  .good-bottom-right { float: right; text-align: right; }
.good-image { height: 294px; text-align: center; }
.good-image:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.good-image img { max-height: 240px; vertical-align: middle; }
.size { position: absolute; padding: 0; cursor: pointer; transition: all .35s; }
.size.shown { padding: 0 5px 5px 5px; background-color: #fff; border-radius: 2px; }
.size.shown .option:hover { background-color: #f5f6f7; }
.carousel-control { width: 50px; height: 50px; top: 50%; transform: translateY(-50%); bottom: auto; font-size: 30px; text-align: center; opacity: 1; }
a.carousel-control.left,  a.carousel-control.right { background-image: none; opacity: 1; text-align: center; }

/* MEDIA QUERIES */
	/* styles for phones' displays */
	@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; }
}