@charset "utf-8";
/* CSS Document */
html{height:100%;-webkit-text-size-adjust:100%;}
*{ -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
body{ margin:0px; padding:0px; margin:0px auto; line-height:24px; color:#555555; width:100%; min-width:320px;  position:relative;font-family:"Arial"; overflow-x:hidden; font-family:"Arial",微软雅黑; font-size:14px;}
.ul,.ul li,form, dl,dt,dd, div,.ol,menu{ padding: 0px; margin: 0px;}
.ul,.ul li,.ol li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px; font-weight:normal;} 
.npm{ padding:0px; margin:0px;}
select,input,textarea{font-family:微软雅黑; border-radius:0; -webkit-border-radius:0; color:#555555; font-size:14px;}
input:focus { outline: none;}
input,button,select,textarea{font-family:微软雅黑;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { margin:0; padding:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; vertical-align:top; max-width:100%;}
a{ color:#555555; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#003fa0}
.clear{ clear:both; height:0; overflow:hidden;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0px; }
.clearfix { zoom:1; }  
.h1,.h2,.h3,.h4,.h5,.h6{ padding:0; margin:0; font-weight:normal;}
table,table td{ border-collapse:collapse;}
.nowrap,
.news-list-hot ul li dl h5,
.news-list ul li,
.party-list-hot ul li h5,
.link-list ul li h5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.animate,
.header .nav,
.header .search .text,
.ind-photo ul li h5,
.ind-photo ul li dl{-moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;}

.fl{ float:left;}
.fr{ float:right;}

.case_list ul li img{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}

.case_list ul li:hover img{
	 transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
}

.auto{margin:0 auto; max-width:1600px; position:relative;}
.header { position:relative; width:100%;}
.header .nav { position:absolute; top:27%; right:80px; z-index:100;}
.header .nav ul li{ float:left; padding:0px 20px; position:relative;}
.header .nav ul li b{ font-weight:normal; line-height:40px;}
.header .nav ul li b a:before{content:''; display: inline-block; border-radius:4px 0 4px 0; width:8px; height:8px; margin-right:6px;}
.header .nav ul li.on b a:before,
.header .nav ul li b a:hover:before{ background-color:#0043ab;}
.header .nav ul li#nav10 a{ color:#0043ab;}
.header .search{ z-index:101; position:absolute; top:30%; right:15px; padding:2px 35px 2px 10px; border-radius: 14px 0 14px 0; border:solid 1px #fff; background-color:#fff;}
.header .search .text{ height:26px; width:0; border:none;}
.header .search .btn{ top:2px; right:6px; position:absolute; border:none; cursor:pointer; background:url(/images/header-search.png) no-repeat; width:26px; height:26px;}
.header .search:hover{ border-color:#eee;}
.header .search:hover .text{ width:150px;}

.header .nav li dl{ color:#fff; line-height:30px; left:-20px; width:160px; padding:33px 0; position:absolute; display:none;background-color:#1b3e74;border-radius:33px 0px 33px 0;}
.header .nav li dl span{ display:block; white-space:nowrap;}
.header .nav li dl a{ display:block; color:#e1e9f6; line-height:32px; padding-left:20%;}
.header .nav li dl a:hover{ color:#fff; background-color:#32b6f3;}
.header .nav li dl a:before{content:''; display: inline-block; border-radius:2px 0 2px 0; width:6px; height:6px; margin-right:6px;}
.header .nav li dl a:hover:before,
.header .nav li dl a:hover:before{ background-color:#fff;}

/*.header .nav li{-webkit-perspective: 500px;}*/

.header .nav li dl{	transform: rotate3d(1,0,0,-90deg);
	-webkit-transform: rotate3d(1,0,0,-90deg);
	-moz-transform: rotate3d(1,0,0,-90deg);
	-ms-transform: rotate3d(1,0,0,-90deg);
	-o-transform: rotate3d(1,0,0,-90deg);
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	transform-origin:0 0 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	transition: transform 0.5s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
	-moz-transition: -moz-transform 0.5s, opacity 0.3s;
	display:block;
}
.header .nav li:hover>dl{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transform: rotate3d(0,0,0,0);
	-webkit-transform: rotate3d(0,0,0,0);
	-moz-transform: rotate3d(0,0,0,0);
	-ms-transform: rotate3d(0,0,0,0);
	-o-transform: rotate3d(0,0,0,0);
}
.icon_menu{ display:none;}

.icon-menu{ z-index:110; width:30px; height:30px; position:absolute; top:28%; right:0;overflow:hidden; text-indent:-999em; cursor:pointer; }
.icon-menu a{ width:80%; height:4px; background-color:#00a0e6; position:absolute; right:10%; top:50%; margin-top:-1.5px; border-radius:2px;}
.icon-menu a::before,
.icon-menu a::after{ position:absolute; content:'';width:120%; height:4px;background-color:#00a0e6;right:0;-moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;transition:all 0.3s ease; right:-10%; border-radius:2px;}
.icon-menu a::before{ top:-10px;}
.icon-menu a::after{ bottom:-10px;}




.footer{ background-color:#30373f; padding:2% 0; }
.footer .nav{ position:relative; border-bottom:solid 1px #444a52; padding-bottom:20px; background-image:url(/images/footer-bg.jpg); background-repeat:no-repeat; background-position: right bottom;}
.footer,.footer a{ color:#6c7074;}
.footer a:hover{ color:#009fe8}
.footer dl{ float:left; width:10.5%;}
.footer dl dt{ padding:20px 0;}
.footer dl dt a{ color:#fff;}
.footer dl dd span{ display:block;}
.footer dl select{
border: solid 1px #454d55;
*background:none!important;
*border:0!important;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background:#3a4149 url(/images/footer-icon-select.png) no-repeat right;
color:#71757a;
padding:5px 2px 5px 10px;
cursor:pointer;
width:90%;
}

.footer .jiathis_style_32x32 a{ display:inline-block; width:34px; height:34px;}
.footer .jiathis_style_32x32 .jtico{     height: 34px!important; background-image:url(/images/footer-share.png)!important;}
.footer .jiathis_style_32x32 .jtico_cqq{ background-position:0 center!important;}
.footer .jiathis_style_32x32 .jtico_tsina{ background-position:-45px center!important;}
.footer .jiathis_style_32x32 .jtico_weixin{ background-position:-88px center!important;}
.footer .jiathis_style_32x32 .jtico_jiathis{ background-position:-131px center!important;}
.footer .jiathis_style_32x32  .jiathis_txt{ float:none!important; display: inline-block!important;}


.footer dl.website{ width:14%; z-index: 9; position: relative;}
.footer dl.share{ text-align:right;}


.footer .other{ font-size:12px; position:absolute; right:0; bottom:10px; text-align:right;}
.footer .shop{ padding:10px 0; position:absolute; right:0; bottom:0px;}
.footer .shop span{ text-align:center; display:inline-block;}
.footer .shop span.s2,
.footer .shop span.s4{ padding-left:25px; margin-left:25px; border-left:solid 1px #444a52;}
.footer .shop span a{ display:inline-block;}
.footer .shop span.s1 a,
.footer .shop span.s2 a{ padding-top:35px;}
.footer .shop span.s1 a{ background:url(/images/footer-icon1.png) no-repeat center top;}
.footer .shop span.s2 a{ background:url(/images/footer-icon2.png) no-repeat center top;}
.footer #indshop{ display:none;}
.footer .column{ font-size:14px;}
.footer .column img{ position: relative; padding-top: 5px;}
.footer .other .wanhu { display:block;}
.footer .other .wanhu a{ color:#4b5056}

.footer .column{ padding:2px 0;}

.footer .link { padding:2% 0; font-size:12px;}
.footer .link span{ display:inline-block; padding:0 7px;}
.footer .link img{ height:42px; vertical-align:middle; margin-right:10px;}


.ind-banner{ padding-bottom:19px;}
.ind-banner .wap{ display:none;}
.ind-banner .bx-wrapper{ position:relative;}
.ind-banner .bx-pager{ text-align:center; position:absolute; width:100%; text-align:center; bottom:8%; z-index:88}
.ind-banner .bx-pager .bx-pager-item{ display:inline-block; padding:0 5px;}
.ind-banner .bx-pager .bx-pager-item a{ display:inline-block; cursor:pointer; overflow:hidden; width:18px; height:18px; line-height:0; font-size:0px; background:url(/images/ind-banner-icon.png) no-repeat right;}
.ind-banner .bx-pager .bx-pager-item a.active{ background-position:left;}

.ind-photo { padding:0 2%; overflow:hidden;}
.ind-photo ul li{ overflow:hidden; float:left;  position:relative;}
.ind-photo ul li a{ display:block;overflow:hidden;}
.ind-photo ul li h5{ z-index:2; font-weight:bold; font-size:32px; line-height:76px; color:#ffc600; position:absolute; border-bottom:solid 4px #ffc600; padding:0px 17px;}

.ind-photo ul.three li{width:32.5%;}
.ind-photo ul.three li:nth-child(1),
.ind-photo ul.three li:nth-child(1) dl{ border-top-left-radius:30px;}
.ind-photo ul.three li:nth-child(2){ margin:0px 1.25%;}
.ind-photo ul.three li:nth-child(3),
.ind-photo ul.three li:nth-child(3) dl{ border-bottom-right-radius:30px;}

.ind-photo ul.two li{width:49.5%; margin-bottom:3%;}
.ind-photo ul.two li:nth-child(odd){ margin-right:1%;}
.ind-photo ul.two li:nth-child(odd),
.ind-photo ul.two li:nth-child(odd) dl{ border-top-left-radius:30px;}
.ind-photo ul.two li:nth-child(even),
.ind-photo ul.two li:nth-child(even) dl{ border-bottom-right-radius:30px;}


.ind-photo ul li img{ width:101%;max-width:101%;
   -moz-transition: all 1s cubic-bezier(.19,1,.22,1);
    -o-transition: all 1s cubic-bezier(.19,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1);
}
.ind-photo ul li:hover img{ margin-left:-1%;}
.ind-photo ul li:hover h5{ padding-top:20px;}
.ind-photo ul li dl{ z-index:1; position:absolute; width:100%; height:100%;}
.ind-photo ul li:hover dl{ background-color:rgba(0, 0, 0, 0.4)}

.ind-photo .bx-controls{position:relative;}
.ind-photo .bx-pager{ text-align:center; position:absolute; width:100%; text-align:center; bottom:8%; z-index:88}
.ind-photo .bx-pager .bx-pager-item{ display:inline-block; padding:0 5px;}
.ind-photo .bx-pager .bx-pager-item a{ display:inline-block; cursor:pointer; overflow:hidden; width:18px; height:18px; line-height:0; font-size:0px; background:url(/images/ind-banner-icon.png) no-repeat right;}
.ind-photo .bx-pager .bx-pager-item a.active{ background-position:left;}


.ind-brand { padding-bottom:36%; position: relative; margin-top:4%; margin-bottom:2%;}
.ind-brand .h5{ left:2%; top:0; line-height:48px; max-width:180px; position:absolute; font-weight:bold; font-size:36px; color:#003fa0;}
.ind-brand .h5 i:before{border-top:solid 4px #003fa0; width:28px; content:''; display:block; position:relative; top:-10px;}
.ind-brand .h5 i{ font-weight:normal; padding:15px 0; display:block; font-style:normal; font-size:45px;line-height:40px; text-transform:uppercase; color:#eaebec;}
.ind-brand .intro{ z-index:1; left:35%; position:absolute; top:0; width:65%; height:100%;}
.ind-brand .intro .txt{ display:none;}
.ind-brand .intro .txt .img{ position:absolute; right:3.3%; top:0; width:53%;}
.ind-brand .intro .txt h6{ font-size:26px;}
.ind-brand .intro .txt dl{ margin:10px 0; height:72px; overflow:hidden;  width:40%;}
.ind-brand .intro .txt .more{ display:block; width:24px; height:24px; background:url(/images/more.png) no-repeat;}

.ind-brand .empty span,
.ind-brand .brand span{  top:30.6%; position:absolute; width:11%; height:30.6%; display:block;}
.ind-brand .brand span a,
.ind-brand .empty span a{ display:block; position:absolute; width:99%; height:99%; bottom:0; background-color:#f5f8fa; border-radius:40px 0 40px 0}
.ind-brand .brand span{ z-index:8;}
.ind-brand .brand span a{ opacity:0.5; cursor:pointer;border:solid 4px transparent;  text-align:center;}
.ind-brand .brand span img { border-radius:33px 0 33px 0;width:100%;height:100%}
.ind-brand .brand span.show a{ opacity:1; background-color:#fff; border-color:#00a0e9}
.ind-brand .brand span.n1{ left:22%;}
.ind-brand .brand span.n2{ left:11%;}
.ind-brand .brand span.n3,
.ind-brand .brand span.n6{ left:22%;}
.ind-brand .brand span.n4,
.ind-brand .brand span.n7{ left:33%;}
.ind-brand .brand span.n5{ left:44%;}
.ind-brand .brand span.n1,
.ind-brand .empty span.n1,
.ind-brand .empty span.n2,
.ind-brand .empty span.n3{ top:0;}
.ind-brand .brand span.n6,
.ind-brand .brand span.n7,
.ind-brand .empty span.n8{ top:61.2%}

.ind-brand .empty span.n1,
.ind-brand .empty span.n6{ left:66%;}
.ind-brand .empty span.n2,
.ind-brand .empty span.n7{ left:77%;}
.ind-brand .empty span.n3{ left:88%;}
.ind-brand .empty span.n5{ left:55%}
.ind-brand .empty span.n4 a{ background-color:#f2f6f8;}
.ind-brand .empty span.n1 a,
.ind-brand .empty span.n5 a,
.ind-brand .empty span.n6 a{ background-color:#eaf1f5;}
.ind-brand .empty span.n8 a{ background-color:#fafcfc;}
.ind-brand .empty span.n3 a,
.ind-brand .empty span.n4 a,
.ind-brand .empty span.n7 a{border-radius:0 40px 0 40px}

.banner{ text-align:center; max-width:1870px; margin:auto}
.banner img{ border-radius:90px 0 90px 0}
.ban-wap{ display:none;}

@media screen and (max-width:1770px){
.banner{ padding:0 2%;}
}
@media screen and (max-width:1000px){
.banner img{ border-radius:50px 0 50px 0}
}
@media screen and (max-width:640px){
.banner{ display:none;}
.ban-wap{ display:block;}
.ban-wap img{ border-radius:30px 0 30px 0};
}

.build-font{ text-align:center; padding:122px 0;}

@media screen and (max-width:1700px){
.auto{ margin:auto 3%;}
}
@media screen and (max-width:1400px){
.header .nav{ right:100px;}
.header .nav ul li{ padding:0 10px;}
.header .nav li dl{ width:140px; border-radius: 26px 0px 26px 0; padding:26px 0;}

.footer .link span{ padding-right:20px;}

.ind-photo ul li h5{ font-size:24px; line-height:60px; border-width:2px;}

.ind-brand .h5{ font-size:24px;}
.ind-brand .h5 i{ font-size:22px;}

}
@media screen and (max-width:1150px){
.header{ padding-bottom:2%;}
.header .nav{ position:relative;  right:0;}
.header .nav ul li{ padding:0 4px;}
.footer dl{ width:14%}
.footer dl.website{ clear:both; width:30%;}
.footer dl.share{ display:none;}

.footer .other{ top:auto; bottom:100px;}

.footer .link span{ padding-right:10px;}

.ind-brand .brand span a,
.ind-brand .empty span a{border-radius: 30px 0 30px 0;}
.ind-brand .empty span.n3 a,
.ind-brand .empty span.n4 a,
.ind-brand .empty span.n7 a{border-radius: 0 30px 0 30px;}

.ind-brand .intro .txt dl{ height:48px;}
}
@media screen and (max-width:768px){
.footer{ padding:0;}
.footer .nav{ padding:2% 0; border-bottom:none;}
.header .nav ul li{ padding:0 1px; font-size:13px;}
.header .nav li dl{ width:120px;  border-radius: 20px 0px 20px 0; padding:20px 0;}
.header .nav li dl a{ padding-left:10%}
.footer .nav dl,
.footer .link{ display:none;}
.header .nav ul li#nav10 a{ color:#fff;}
.footer .other{ text-align:center; position:relative;}
.footer .shop{ padding:30px 0; position:relative; overflow:hidden; border-bottom: solid 1px #444a52;}
.footer .shop span{ width:50%; float:left;}
.footer .shop span.s2,
.footer .shop span.s4{ margin-left:0px;}
.footer .other{ bottom:auto }
.footer .copyright{ display:block;}
.footer .other .wanhu{ display:inline-block;}

.footer .jiathis_style_32x32 { margin-top:-24px;}


.ind-brand{ padding-bottom:0; margin-bottom:4%;}
.ind-brand .h5{ max-width:33%;}

.ind-brand .empty{ display:none;}
.ind-brand .brand{ overflow:hidden;}
.ind-brand .brand span{ float:left; width:33.333%; padding-top:33%; position: relative; left:inherit!important}
.ind-brand .brand span a{ opacity:1;}
.ind-brand .brand span.n1{ margin-left:33.333%;}
.ind-brand .brand span.n2{ clear:both}

.ind-brand .intro{ display:none;}
.ind-photo ul.two li:nth-child(even),
.ind-photo ul.two li:nth-child(even) dl,
.ind-photo ul.two li:nth-child(odd),
.ind-photo ul.two li:nth-child(odd) dl,
.ind-photo ul.two li:nth-child(odd) h5{ border-radius:0;}

.ind-photo ul li h5{ font-size:20px;}
.ind-brand .h5{ font-size:20px;}
}
@media screen and (max-width:640px){
.header{ padding-bottom:0; height:90px;}
.header .auto{ position:fixed; opacity:0.9; width:100%; background-color:#fff; z-index:102; margin:0; padding:0% 2%;}
.header .nav{right:-100%; z-index:108; position:fixed; top:0; padding-top:10%; background-color:rgba(0, 159, 232, 0.69); width:100%;  height:100%;}
.header .nav ul li{ float:none;}
.header .nav ul li a{ padding-left:2%; font-size:16px; line-height:40px; display:block; color:#fff; border-bottom:solid 1px rgba(255, 255, 255, 0.3)}
.header .nav ul li a:hover{ background-color: rgba(255, 255, 255, 0.3)}
.header .nav li dl{ width:100%; left:0; border-radius:0; padding:0}
.header .nav li dl a{ font-size:14px; padding-left:2%;}
.header .nav ul li:hover dl{ position:relative;}
.header .nav.show{ display:block; right:0; }
.icon-menu{ right:4%;}
.on.icon-menu a{ background-color:transparent;}
.on.icon-menu a::before{ transform: rotate(-45deg); top:0}
.on.icon-menu a::after{ transform: rotate(45deg); bottom:0}
.on.icon-menu a::before,
.on.icon-menu a::after{ background-color:#fff;}

.ind-banner{ padding-bottom:3%;}
.ind-banner .wap{ display:block;}
.ind-banner .pc{ display:none;}

.ind-photo{ padding:0}
.ind-photo ul li h5{ font-size:16px; line-height:40px; padding:0 8px}
.ind-photo ul.three li,
.ind-photo ul.two li{ float:none; width:100%}
.ind-photo ul.three li:nth-child(2){ margin:3% 0;}
.ind-photo ul.two li:nth-child(odd){ margin-right:0;}

.ind-brand .h5{ font-size:18px;}
.ind-brand .h5 i{ line-height:24px; padding:10px 0;}
.ind-brand .intro .txt h6{ font-size:16px;}


.ind-photo ul.three li,
.ind-photo ul.three li:nth-child(1),
.ind-photo ul.three li:nth-child(1) dl{border-radius:20px;}
}



/*10-11*/
.auto-1870,
.auto-1640,
.auto-1200{margin:0 auto; position:relative;}

.auto-1870{max-width:1870px;}
.auto-1200{ max-width:1200px;}
.auto-1640{max-width:1640px;}

@media screen and (max-width:1870px){
.auto-1870{ width:96%;}
}
@media screen and (max-width:1770px){
.auto-1640{ width:96%;}
}
@media screen and (max-width:1200px){
.auto-1200{ width:96%;}
}

.article .title{ font-size:20px; text-align:center; color:#333333; border-top:dotted 1px #dcdada; padding-top:3%;}
.article .time{ text-align:center; padding:15px 0;}
.single{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; line-height:30px; color:#555555; padding-bottom:1%;}

.prev-next{ padding:3% 0;  border-top:dotted 1px #dcdada; overflow:hidden;}
.prev-next span{ display:block;}
.prev-next .back{ float:right; padding:7px 0;}
.prev-next .back a{ line-height:34px; display:inline-block; padding:0px 20px; color:#fff;  background-color:#003fa0; border-radius:16px 0px 16px 0;}


.bg-gray{ background-color:#f5f5f5; padding:4% 0;}
.bg-white{padding:4% 0;}

.location{ line-height:41px; padding-left:50px;  background:url(/images/location-icon.png) no-repeat left;}
.location span{ color:#009fe8;}
@media screen and (min-width:960px){
.location{ position:absolute; right:0; top:25px;}
}

.column-name{ text-align:center; font-size:24px; padding:4% 0 2%; margin:0px}
.column-name i{ font-style:normal;}
.column-name span:before,
.column-name i:after{content:''; display: inline-block;width:8px; height:8px; background-color:#003fa0;}
.column-name span:before{margin-right:14px;  border-radius:4px 0 4px 0; }
.column-name i:after{margin-left:14px;  border-radius:0 4px 0 4px; }
.bg-gray .column-name{ padding-top:0;}

.sub-name{ font-size:16px; font-weight:bold; line-height:36px;}
.sub-name i{ font-size:22px; margin-right:10px; font-weight:normal; font-style:normal; display:inline-block; padding:0px 8px; color:#fff; background-color:#009fe8; border-top-left-radius:12px; border-bottom-right-radius:12px;}

.menu{ line-height:41px; padding:25px 0;}
.menu span{ padding-right:20px;}
.menu span:last-child{ padding-right:0;}
.menu span,
.menu span a{ display:inline-block;}
.menu span a{ padding:0px 16px;}
.menu span.on a,
.menu span a:hover{ color:#fff;  background-color:#003fa0; border-radius:14px 0px 14px 0;}
.menu span.on a{padding:0px 42px; }
@media screen and (max-width:1200px){
.menu span{ padding-right:6px;}
.menu span.on a{ padding:0 16px;}
}
@media screen and (max-width:960px){
.menu{ padding:16px 0; line-height:32px;}
.menu span.on a,
.menu span a:hover{ border-radius:10px 0px 10px 0;}
}
@media screen and (max-width:640px){
.column-name{ font-size:18px;}
.sub-name{ font-size:14px;}
}
/*pages*/
.Pages{ padding:5% 0; text-align:center; line-height:32px; clear:both; }
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ color:#666666; display:inline-block; overflow:hidden;}
.Pages em a{ padding:0px 14px; border:solid 1px #edecec;}
.Pages em a:hover,
.Pages em a.a_cur{color:#fff; background-color:#009fe8; border-color:#009fe8;}
.Pages em{ display:inline-block; font-style:normal;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump{ display:none;}
.Pages .a_first,
.Pages .a_prev,
.Pages .a_next,
.Pages .a_end{ width:66px; background-image:url(/images/page-icon.png); background-repeat:no-repeat;}
.Pages .a_prev,
.Pages .a_next{ width:30px; text-indent:-999px;}
.Pages .a_first{ background-position:center top;}
.Pages .a_prev{ background-position:center -32px;}
.Pages .a_next{ background-position:center -64px;}
.Pages .a_end{ background-position:center -96px;}
.Pages .a_first:hover,
.Pages .a_prev:hover,
.Pages .a_next:hover,
.Pages .a_end:hover{color:#009fe8;}

@media screen and (max-width:640px){
.Pages em{ display:none;}
.Pages em a{ padding:0 4px}
}

.news-list-hot{ padding:2% 0;}
.news-list-hot ul li{ overflow:hidden; position:relative; line-height:20px;}
.news-list-hot ul li dl h5{ font-size:16px; padding:10px 0;}
.news-list-hot ul li img{ width:110%;max-width:110%;
   -moz-transition: all 1s cubic-bezier(.19,1,.22,1);
    -o-transition: all 1s cubic-bezier(.19,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1);
}
.news-list-hot ul li:hover img{ margin-left:-20px;}

@media screen and (min-width:640px){
.news-list-hot ul li{ float:left; width:32%;}	
.news-list-hot ul li:nth-child(2){ margin:0 2%;}
.news-list-hot ul li:nth-child(1){ border-top-left-radius:40px;}
.news-list-hot ul li:nth-child(3){ border-bottom-right-radius:40px;}
.news-list-hot ul li dl{ padding:3%; position:absolute; width:100%; bottom:0; background-color:rgba(0, 0, 0, 0.60)}
.news-list-hot ul li dl,
.news-list-hot ul li dl h5 a{ color:#fff;}
.news-list-hot ul li dl h5{ font-size:22px;}
.news-list-hot ul li dl p{ height:40px; overflow:hidden;}
.news-list-hot ul li:hover dl h5 a{ color:#ffc600}
}
@media screen and (max-width:640px){
.news-list-hot ul li:nth-child(2){ margin:4% 0;}
.news-list-hot ul li:nth-child(1) img{ border-top-left-radius:40px;}
.news-list-hot ul li:nth-child(3) img{ border-bottom-right-radius:40px;}
}
.news-list ul li{ padding:2.2% 4%; background-image:url(/images/icon-news.png); background-repeat:no-repeat; background-position:2% center}
.news-list ul li span{ float:right;  padding-left:32px; background:url(/images/icon-time.png) no-repeat left;}
.news-list ul li.odd{ background-color:#f5f5f5;}

.news-list ul li:hover{ background-color:#c3e9fb}
.news-list ul li.odd:hover{ background-color:#a9dbf3}
@media screen and (max-width:640px){
.news-list ul li{ padding: 2.2% 2% 2.2% 4%;}
.news-list ul li span{ font-size:12px; padding-left:22px;}
}

.party-list-hot ul li{ line-height:30px; background-color:#f5f5f5; padding:2.5%; position:relative;}
.party-list-hot ul li div{ overflow:hidden;}
.party-list-hot ul li div img{ width:100%}
.party-list-hot ul li h5{ padding:3% 0; font-weight:bold; font-size:16px;}
.party-list-hot ul li dl p{ margin-bottom:3%;}
.party-list-hot ul li dl .time{ display:inline-block; padding-left:32px; background:url(/images/icon-time.png) no-repeat left;}
.party-list-hot ul li div img{ width:110%;max-width:110%;
   -moz-transition: all 1s cubic-bezier(.19,1,.22,1);
    -o-transition: all 1s cubic-bezier(.19,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1);
}
.party-list-hot ul li:hover img{ margin-left:-20px;}
.party-list-hot ul li:hover h5 a{ color:#009fe8}
@media screen and (min-width:640px){
.party-list-hot ul li div{ float:left; width:35%;  margin-top:-7%}
.party-list-hot ul li div img{}
.party-list-hot ul li dl{ float:right; width:63%; padding-right:10%;}
.party-list-hot ul li .icon{ position:absolute; width:9%; height:80%; top:10%; right:0; display:block; border-left:solid 1px #e6e6e6; background-image: url(/images/party-icon.png); background-repeat:no-repeat; background-position:center center;}
.party-list-hot ul li:hover .icon{background-image: url(/images/party-icon-on.png);}

}

.question-logo{ padding:3% 0;}
.question-logo h6{ padding-bottom:2%;}
.question-logo ul li{ float:left; overflow:hidden; border-radius:28px 0px 28px 0px; margin-right:13px; margin-bottom:5px;  border:solid 2px #ccefff; }
.question-logo ul li:last-child{ margin-right:0;}
.question-logo ul li a{ cursor:pointer; display:block; }
.question-logo ul li img{ max-width:156px; max-height:76px;}
.question-logo ul li.on,
.question-logo ul li:hover{ border-color:#009fe8;}

.question-list{ background-color:#eff5f8; border-top-left-radius:90px; border-bottom-right-radius:90px; margin-bottom:3%;}
.question-list .list{ padding-bottom:3%; position:relative; line-height:30px;}
.question-list .list i{ font-style:normal;}
.question-list .list .Q{ font-size:16px; font-weight:bold;  padding:3% 0 3% 200px; margin-bottom:3%;}
.question-list .list .Q i{ display:inline-block; border-top-left-radius:20px; border-bottom-right-radius:20px; left:0; top:0; position:absolute; line-height:88px; padding:0px 40px; font-size:24px; color:#fff; background-color:#009fe8;}
.question-list .list .Q i:before{ position:absolute; right:0; top:0; content:''; display:block; width:40px; height:40px; background-color:#fff; border-top-left-radius:10px; border-bottom-right-radius:10px; opacity: 0.2;}
.question-list .list .A{ position:relative; background-color:#fff; border-top-left-radius:90px; border-bottom-right-radius:90px; padding:3%;}
.question-list .list .A:before{  content:''; top:-20px; left:12%; position:absolute;  display:inline-block; width:0px; height:0px; overflow:hidden; font-size:0; line-height:0; border-color:transparent transparent  #fff transparent; border-style: dashed dashed solid dashed ; border-width:10px;}
@media screen and (max-width:960px){
.question-logo ul li{width:24%; margin-right:1.3%; border-radius: 15px 0px 15px 0px;}
.question-logo ul li:nth-child(4){ margin-right:0;}
.question-logo ul li img{ width:100%;}
.question-list,
.question-list .list .A{ border-top-left-radius:50px; border-bottom-right-radius:50px;}
}
@media screen and (max-width:640px){



.question-list,
.question-list .list .A{ border-top-left-radius:20px; border-bottom-right-radius:20px;}
.question-list .list .Q{ padding-left:0; padding-top:60px;}
.question-list .list .Q i{ font-size:18px; line-height:50px; padding:0 20px;}
.question-list .list .Q i:before{ width:22px; height:22px;}
}

.link-list ul li{ float:left; width:25%; padding:1%;}
.link-list ul li div{ position:relative; padding-bottom:50%;}
.link-list ul li div a{width:100%; height:100%; position:absolute; display:block; padding:2%; border:solid 1px #ededed;}
.link-list ul li div img{ width:100%; height:100%;}
.link-list ul li h5{ font-size:14px; padding:10px 0;}
@media screen and (max-width:640px){
.link-list ul li{ width:50%;}
}
.down-btn{ text-align:center;}
.down-btn a{ font-size:16px; line-height:51px;  display:inline-block; max-width:240px; width:80%; color:#fff; border-radius:10px 0 10px 0; background:#009fe8 url(/images/down-icon.png) no-repeat 70% center}
/*editor*/
.editor-img1{ padding:2% 0;}
.editor-img8,
.editor-img9,
.editor-img10,
.editor-img11,
.editor-img12,
.editor-img13,
.editor-img19{ text-align:center; padding:2% 0;}

.editor-technology .icon img{ background-color:#fcfdfe; border-radius:100px;}
.editor-technology .h5{ padding:20px 0; font-size:16px; font-weight:bold;}
.editor-technology .box-n1,
.editor-technology .box-n2,
.editor-technology .box-n3{ background-color:#eff5f8; margin-bottom:3%; overflow:hidden;}

.editor-technology .box-n1{ border-top-left-radius:90px; border-bottom-right-radius:90px;}	
.editor-technology .box-n1 .txt ul li{ width:76px; display:inline-block; text-align:center; margin-right:40px;}
.editor-technology .box-n1 .txt ul li:last-child{ margin-right:0;}
.editor-technology .box-n1 .txt{  padding:4%;}

.editor-technology .box-n2{ padding:0 12%; border-bottom-left-radius:90px; border-top-right-radius:90px;}
.editor-technology .box-n2 ul li{ padding:4%; line-height:30px;}
.editor-technology .box-n2 ul li:nth-child(2){ background-color:#e4f4fc;  border-top-right-radius:90px;}

.editor-technology .box-n3 {border-top-left-radius:90px; border-bottom-right-radius:90px;}
.editor-technology .box-n3 ul li{ padding:4%; line-height:30px;}
.editor-technology .box-n3 ul li:nth-child(1){background-color:#e5f5fc;}
.editor-technology .box-n3 ul li ol li{ padding:0;}
.editor-technology .box-n3 ul li.n1{ padding-left:14%; }
.editor-technology .box-n3 ul li.n2{ padding-right:14%;}

.txt_table table td,
.txt_table2 table td{ border:solid 1px #000000; text-align:center; padding:1% 0;}
.txt_table2{ padding:3% 10%;}
.txt_table2 td{ font-size:16px;}
.txt_table2 tr:nth-child(1) td{ padding:3% 0;}

.editor-culture .box{ overflow:hidden; background-color:#eff5f8; border-top-left-radius:90px; border-bottom-right-radius:90px;}
.editor-culture .box-n2{ margin-bottom:3%; margin-top:2%;}
.editor-culture .box .txt{ padding:4%;}
.editor-culture .box .txt ul li{ padding:2% 0 2% 60px; position:relative;}
.editor-culture .box .txt .h5{ font-size:16px; font-weight:bold; padding:2% 0;}
.editor-culture .box .txt .icon{ position:absolute; left:0px;}

.editor-network .box{ margin-bottom:3%; overflow:hidden; background-color:#eff5f8; border-top-left-radius:90px; border-bottom-right-radius:90px;}
.editor-network .box .txt{ padding:6% 4%;}
.editor-network .box .txt .tel,
.editor-network .box .txt .fax{ white-space:normal; line-height:50px; display:inline-block;}
.editor-network .box .txt .tel{ background:url(/images/tel-icon.png) no-repeat left; padding-left:36px; padding-right:40px;}
.editor-network .box .txt .fax{ background:url(/images/fax-icon.png) no-repeat left; padding-left:40px;}

.editor-motto .box-n1,
.editor-motto .box-n3,
.editor-motto .box-n4{ padding:3%; background-color:#f7f9fa; margin-bottom:2%;}
.editor-motto .h3{ font-size:20px; color:#006493; padding-bottom:2%;}
.editor-motto .h2{ line-height:40px; font-size:24px; position:relative; margin-bottom:2%;}
.editor-motto .h2:before{ left:-1.5%; top:40%; position:absolute; content:''; display: inline-block;width:8px; height:8px; background-color:#66c5f1; border-radius:4px 0 4px 0;}
.editor-motto .box-n2 .h2:before{ position:relative; left:0; margin-right:10px;}

.editor-motto .box-n4 ul li{ position:relative; padding-left:17px;}
.editor-motto .box-n4 ul li:before{ position:absolute; top:12px; left:0; content:''; display: inline-block;width:6px; height:6px; background-color:#66c5f1; border-radius:4px 0 4px 0;}

@media screen and (max-width:960px){
.editor-technology .box-n1 .txt ul li{margin-right:10px;}
.editor-technology .box-n1{ border-top-left-radius:50px; border-bottom-right-radius:50px;}	
.editor-technology .box-n2{padding:0;  border-bottom-left-radius:50px; border-top-right-radius:50px;}
.editor-technology .box-n2 ul li:nth-child(2){ border-top-right-radius:50px;}
.editor-technology .box-n3 {border-top-left-radius:50px; border-bottom-right-radius:50px;}
.editor-technology .box-n3 ul li.n1{ padding-left:4%; }
.editor-technology .box-n3 ul li.n2{ padding-right:4%;}

.editor-culture .box{ border-top-left-radius:50px; border-bottom-right-radius:50px;}
.editor-network .box{ border-top-left-radius:50px; border-bottom-right-radius:50px;}
}

@media screen and (max-width:640px){
.editor-technology .box-n1{ border-top-left-radius:20px; border-bottom-right-radius:20px;}	
.editor-technology .box-n2{ border-bottom-left-radius:20px; border-top-right-radius:20px;}
.editor-technology .box-n2 ul li:nth-child(2){ border-top-right-radius:20px;}
.editor-technology .box-n3 {border-top-left-radius:20px; border-bottom-right-radius:20px;}
.txt_table .fl,
.txt_table .fr{ float:none; padding:2% 0;}
.txt_table2{ padding:2% 0;}
.txt_table2 td{ font-size:14px;}

.editor-culture .box{ border-top-left-radius:20px; border-bottom-right-radius:20px;}
.editor-culture .box .txt .h5{ font-size:14px;}

.editor-network .box{ border-top-left-radius:20px; border-bottom-right-radius:20px;}

.editor-motto .box-n4 .fl,
.editor-motto .box-n4 .fr{ float:none; padding:2% 0;}
.editor-motto .h3,
.editor-motto .h2{ font-size:16px;}
.editor-motto .h2:before{position: relative; left: 0; margin-right: 10px;}
}
@media screen and (min-width:640px){
.editor-img2{ float:left; margin-right:6%; width:51%;}
.editor-img4{ float:right; margin-left:4%; width:41%;}
.editor-img5{ float:left; margin-right:4%; width:41%;}
.editor-img6{ float:right; margin-left:4%; width:41%;}
.editor-img7{ float:left; margin-right:4%; width:41%; padding-bottom:3%;}
.editor-img14{width:41%; position:absolute; right:0; bottom:40%;}
.editor-img15{ float:right; width:45%; margin-left:4%;}
.editor-img16{ float:left; width:42%; margin-right:6%;}
.editor-img17{ float:right; width:45%; margin-left:4%;}
.editor-img26{ float:right; width:50%; margin-left:4%;}

.f-big{ font-size:16px;}

.txt_table{ float:left; width:54%;}
.txt_table .fl,
.txt_table .fr{ width:48%;}

.editor-technology .box-n1 .photo,
.editor-technology .box-n1 .txt{ float:left; width:50%;}

.editor-technology .box-n2 ul li{ float:left; width:33.333%;}
.editor-technology .box-n3 ul li{ float:left; width:50%;}

.editor-technology .box-n3 ul li ol li{ padding-left:22px; padding-bottom:10px; float:none; width:100%; background:url(/images/icon-news.png) no-repeat left 12px;}

.editor-culture .box .photo,
.editor-culture .box .txt{ width:50%; }
.editor-culture .box-n1 .photo,
.editor-culture .box-n2 .txt{ float:left;}
.editor-culture .box-n1 .txt,
.editor-culture .box-n2 .photo{ float:right;}
.editor-culture .box .txt{ padding-left:10%;}

.editor-network .box .photo,
.editor-network .box .txt{width:50%; }
.editor-network .box .txt{ float:right;}
.editor-network .box .photo{ float:left; }

.editor-motto p{ padding:1%; margin:0}
.editor-motto .box-n4 .fl,
.editor-motto .box-n4 .fr{ width:48%;}

.party-editor .txt01_txt{ float:right; width:48%; padding-top:10%;}
.party-editor .txt01_photo{ float:left; width:48%}

.party-editor .txt02_txt{ float:left; width:48%}
.party-editor .txt02_photo{ float:right; width:48%}

.party-editor .txt03_txt{ float:right;padding-top:8%;  width:79%}
.party-editor .txt03_photo{ float:left; width:18%}


.party-editor .txt04_txt{ float:left; width:58%}
.party-editor .txt04_photo{ float:right; width:38.5%}

.party-editor .txt05_txt{ float:right;padding-top:7%;  width:79%}
.party-editor .txt05_photo{ float:left; width:18%}

.txt_l,
.txt_r{ width:48%;}
.txt_l{ float:left;}
.txt_r{ float:right;}
.txt2_l{ width:55%;}
.txt2_r{ width:43%;}
.txt2_r_photo{ position:relative; padding:2% 0;}
.txt3_l{ float:left; width:60%;}
.txt3_r{ float:right; width:34%;}
.txt4_l{ float:left; width:48%;}
.txt4_r{ float:right; width:48%;}

.txt5_l{ float:right; width:72%; padding:2% 0;}
.txt5_r{ float:left; width:25%;}
.txt6_l{ float:left; width:68%; padding:2% 0;}
.txt6_r{ float:right; width:29%;}
}
/*editor end*/


/*品牌家族*/
/*sidebanner*/
.banner_pc{ display:none; width:100%; height:600px;}
.banner_mobile{ padding:0 10px;}
.banner_mobile img{ border-top-left-radius:20px; border-bottom-right-radius:20px;}
@media screen and (min-width:1200px){
.banner_mobile{ display:none;}
.banner_pc{ display:block;}
}



/*品牌故事*/
.brand_info{ padding:10px 10px 30px;}
.brand_info .brand_logo{ padding-bottom:20px;}
.brand_info .brand_logo .brand_h{ padding-bottom:25px;}
.brand_h .h2{ font-size:28px; line-height:28px; color:#a88658; font-weight:normal;}
.brand_h .h2 em,.brand_h .h2 span{ font-size:12px; color:#999; line-height:28px; vertical-align:middle;}
.brand_h .h2 em{padding:0 7px;}
.brand_h>em{ display:block; width:8px; height:6px; border-top-left-radius:3px; border-bottom-right-radius:3px; background:#a88658; margin-top:11px;}
.brand_logo img{}
.brand_intro .h3{ font-size:20px; color:#555; border-left:6px solid #a88658; padding-left:13px; font-weight:bold;}
.brand_intro .p{ margin:25px 0;}
.brand_intro .p1{ text-indent:0; color:#2e9845; font-weight:bold; margin:20px 0 0;}
.brand_intro .p2{ margin-top:10px;}
.brand_intro .p3{ margin-bottom:10px; margin-top:0;}
.brand_intro .p4{ margin-top:45px;}
.brand_more{ display:block; width:168px; height:48px; line-height:48px; text-align:center; border:2px solid #d7d7d7; border-top-left-radius:20px; border-bottom-right-radius:20px; color:#8f8f8f; margin-top:25px;}
.brand_more .more{ display:inline-block; width:15px; height:15px; background:url(/images/more_btn.png) no-repeat; vertical-align:middle; margin:-2px 12px 0 0;}
.brand_more:hover{ background:#a88658; color:#fff; border-color:#a88658;}
.brand_more:hover .more{ background:url(/images/more_btn2.png) no-repeat;}
@media screen and (min-width:640px){
.brand_info{ padding-top:3%;}
.brand_info .brand_logo{ width:28.32%; float:left;}
.brand_info .brand_intro{ width:65%; float:right;}
}

@media screen and (min-width:1200px){
.brand_info{ width:1200px; margin:50px auto 0; padding:0 0 110px;}
.brand_info .brand_intro{ width:800px;}
}

/*最新推荐*/
.brand_reco{ padding:20px 10px 35px; margin-left:10px; margin-right:10px; border:3px solid #bf9964; border-top-left-radius:40px; border-bottom-right-radius:40px;}
.brand_reco .brand_h{ text-align:right;}
.brand_reco .brand_h>em{ float:right;}
.brand_reco .br_img{ padding:4px; background:url(/images/br_img_bg.jpg) no-repeat; background-size:100% 100%; margin-top:20px;}
.brand_reco .br_img img{ display:block; width:100%;}
.brand_reco *{ -moz-box-sizing:content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
@media screen and (min-width:480px){
.brand_reco .br_img{ max-width:480px; margin:40px auto 0;}
.brand_reco .br_img img{ max-width:480px;}
}
@media screen and (min-width:1200px){
.brand_reco{ width:1200px; margin:70px auto 0; border:3px solid #bf9964; border-top-left-radius:40px; border-bottom-right-radius:40px; position:relative;}
.brand_reco .brand_h{ position:absolute; right:10px; top:20px;}
.brand_reco .br_img{ width:648px; max-width:648px; height:481px; margin:0 auto; padding:10px; position:relative; top:-70px;}
.brand_reco .br_img img{ width:648px; max-width:648px; height:481px;}
}



/*品牌产品banner*/
.brand_banner{ margin:45px auto 0; padding:0 10px;}
.brand_banner .picScroll-left{ overflow:hidden; position:relative;}
.brand_banner .picScroll-left .hd{ overflow:hidden;  height:30px; padding:25px 0 50px;}
.brand_banner .picScroll-left .hd .next{ background-position:0 -50px;  }
.brand_banner .picScroll-left .hd .prevStop{ background-position:-60px 0; }
.brand_banner .picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.brand_banner .picScroll-left .hd ul{ padding:0; overflow:hidden; zoom:1; margin-top:10px;  zoom:1; text-align:center; }
.brand_banner .picScroll-left .hd ul li{ display:inline-block; width:10px; height:10px; overflow:hidden; margin:0 6px; text-indent:-999px; cursor:pointer; background:url(/images/point1.jpg) no-repeat;border-radius:10px;}
.brand_banner .picScroll-left .hd ul li.on{ background:url(/images/point2.jpg) no-repeat; }
.brand_banner .picScroll-left .bd{}
.brand_banner .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.brand_banner .picScroll-left .bd ul li{ width:240px; margin:0; float:left; _display:inline; text-align:center; list-style:none;}
.brand_banner .picScroll-left .bd ul li .pic{ text-align:center; }
.brand_banner .picScroll-left .bd ul li .pic img{  display:block;  padding:2px; }
.brand_banner .picScroll-left .bd ul li .pic a:hover{ color:#bf9964;}
.brand_banner .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.brand_banner .picScroll-left .bd ul li .title{ line-height:24px;   }
.brand_banner .tempWrap{ margin:0 auto;}

.brand_banner .brand_h{ text-align:right; margin-bottom:25px;}
.brand_banner .brand_h>em{ float:right;}
.brand_banner .pic .h3{ font-size:16px;}
.brand_banner .pic .p{ color:#999;}
.brand_banner .picScroll-left .prev,.brand_banner .picScroll-left .next{ background-color:#fff; display:block; width:40px; height:40px; border:1px solid #ccad83; border-top-left-radius:10px; border-bottom-right-radius:10px; position:absolute; overflow:hidden; display: inline-block;font-family: '宋体'; font-weight:bold;font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;font-size: 40px;line-height: 50px;color: #a88658;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;border:1px solid #a88658;text-align:center; line-height:40px;

}
.brand_banner .picScroll-left .prev{ top:25%; left:0; }
.brand_banner .picScroll-left .prev:hover{ background:#a88658; color:#fff;}
.brand_banner .picScroll-left .next{ top:25%; right:0;}
.brand_banner .picScroll-left .next:hover{ background:#a88658; color:#fff;}
@media screen and (min-width:640px){
.brand_banner .picScroll-left .prev,.brand_banner .picScroll-left .next{ width:60px; height:60px; line-height:60px;}
}
@media screen and (min-width:1200px){
.brand_banner{ width:1200px; margin-top:90px; padding:0;}
}




/*广告视频*/
.brand_banner2{ max-width:1200px; margin:0 auto; padding-top:2%; padding-bottom:2%;}
.brand_banner2 *{ -moz-box-sizing:content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
.brand_banner2 .bb2_h{ text-align:center;}
.bb2_h .h2{ font-size:28px; line-height:28px; color:#a88658;}
.bb2_h .p{ font-size:12px; color:#999999;}
.bb2_h em{display:block; width:8px; height:6px; border-top-left-radius:3px; border-bottom-right-radius:3px; background:#a88658; margin:11px auto 0;}

.Floor001025{ padding:0;}
.brand_banner2 .Floor001025 .image-thumbnail,.brand_banner2 .Floor001025 .image-thumbnail img{ border-radius:0; border-top-left-radius:50px; border-bottom-right-radius:50px;}
.brand_banner2 .bb2_icon{ display:block; width:68px; height:68px; background:url(/images/bb2_icon.png) no-repeat; margin:0 auto; position:absolute; top:30%; left:45%;}
.Floor001025 .slick-slide img{ width:754px;}
.Floor001025 .carousel-center-mode .slick-track{ padding:15px 0;}

.Floor001025 .slick-prev, .Floor001025 .slick-next{ background:none;}
.Floor001025 .slick-prev:hover, .Floor001025 .slick-prev:focus, .Floor001025 .slick-next:hover, .Floor001025 .slick-next:focus{ background:none; border:none; color:#bf9964;}
.Floor001025 .slick-prev:before, .Floor001025 .slick-next:before{ color:#bf9964 !important;}
.Floor001025 .slick-prev:hover:before, .Floor001025 .slick-prev:focus:before, .Floor001025 .slick-next:hover:before, .Floor001025 .slick-next:focus:before{ color:#bf9964;}


@media (min-width: 1200px){
.Floor001025 .image-thumbnail .caption {padding: 75px 35px;}
}

@media (max-width: 480px){
.brand_banner2 .bb2_icon{ width:40px; height:40px; background-size:100% 100%!important; top:28%; left:45%; }
}
@media (max-width: 768px){

.Floor001025 .image-thumbnail .caption{ padding:0;}
.Floor001025 .image-thumbnail .caption h5{ font-weight:normal; font-size:16px; color:#555;}
.Floor001025 .slick-prev, .Floor001025 .slick-next{ top:40%;}
.Floor001025 .slick-prev, .Floor001025 .slick-next{ top:34%;}
}

/*广告视频 结束*/



/*品牌新闻*/
.brand_news{ padding:0 10px 30px; position:relative;}
.brand_news .bn_h{}
.brand_news .bn_h .h2{ font-size:28px; line-height:28px; color:#a88658;}
.brand_news .bn_h .p{ font-size:50px; line-height:80px; color:#d5d5d5;}
.bn_news .ul li{ margin-bottom:25px;}
.bn_news .ul img{ display:block; width:100%; border-top-left-radius:30px; border-bottom-right-radius:30px;}
.bn_news .bn_m{ padding:15px 0;}
.bn_m .bn_time{ float:left; width:68px; border:2px solid #bfc5c8; border-top-left-radius:20px; border-bottom-right-radius:20px; text-align:center; padding:5px 0;}
.bn_m .bn_time .p{ font-size:30px; color:#bfc5c8; margin-top:5px;}
.bn_m .bn_time span{color:#bfc5c8;}
.bn_news .ul li:hover .bn_time{ border-color:#a88658; background:#a88658;}
.bn_news .ul li:hover .bn_time .p,.bn_news .ul li:hover .bn_time span{ color:#fff;}

.bn_m .bn_text{ float:left; width:72%; margin-left:10px;}
.bn_m .bn_text .h3{ font-size:16px; line-height:20px; max-height:40px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom:20px;}
.bn_m .bn_text .h3 a:hover{ color:#a88658;}
.bn_m .bn_text .p{ color:#999; line-height:20px; max-height:40px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.bn_news .ul .bn_li2{ display:none;}
.brand_news .brand_more{ margin:20px auto;}

@media screen and (min-width:480px){
.bn_news .ul img{ width:45%; float:left;}
.bn_news .bn_m{ float:left; width:49%; padding:0 0 0 5%;}
.bn_m .bn_time{ float:none; margin:5px 0;}
.bn_m .bn_text{ float:none; width:100%; margin:0;}
}
@media screen and (min-width:640px){
.bn_news .ul img{ width:35%;}
.bn_news .bn_m{ width:59%;}
.bn_m .bn_text .h3{ margin-top:15px;}
.brand_news .bn_h .p{ font-size:77px;}
}
@media screen and (min-width:768px){
.bn_news .ul li{ margin-bottom:40px;}
.bn_m .bn_text .h3{ margin-top:25px;}
.bn_news .ul .bn_li2{ display:block; width:45%; float:left; margin-right:5%;}
.bn_news .ul .bn_li2 img{ display:none;}
.bn_news .bn_li2 .bn_m{ width:100%; padding:0;}
.bn_li2 .bn_m .bn_time{ float:left;}
.bn_li2 .bn_m .bn_text{ float:left; width:74%; margin-left:5%;}
.bn_li2 .bn_m .bn_text .h3{ margin-top:0;}
}
@media screen and (min-width:860px){
.bn_news .ul img{ width:25%;}
.bn_news .bn_m{ width:69%;}
}
@media screen and (min-width:1200px){
.brand_news{ padding:0 0 50px; width:1200px; margin:0 auto;}
.bn_news{ width:978px; float:right;}
.brand_news .bn_h{ width:220px; float:left;}
.bn_news .ul img{ width:236px;}
.bn_news .bn_m{ width:695px; float:right; padding-left:0;}
.bn_news .ul .bn_li2{ margin-right:5%;}
.brand_news .brand_more{ position:absolute; left:0; bottom:75px;}
}


/*好爸爸颜色*/
.color-haobaba .brand_h>em,
.color-haobaba .bb2_h em{ background:#30a13e;}
.color-haobaba .brand_intro .h3{ border-left-color:#30a13e;}
.color-haobaba .brand_reco .br_img{ background:url(/images/haobaba_bg.jpg) no-repeat; background-size:100% 100%;}
.color-haobaba .bn_news .ul li:hover .bn_time,
.color-haobaba .brand_more:hover{ background:#30a13e; border-color:#30a13e;}
.color-haobaba .brand_banner2 .bb2_icon{ background:url(/images/haobaba_icon.png) no-repeat;}

.color-haobaba .brand_h .h2,
.color-haobaba .bb2_h .h2,
.color-haobaba .brand_banner .picScroll-left .bd ul li .pic a:hover,
.color-haobaba .brand_news .bn_h .h2,
.color-haobaba .bn_m .bn_text .h3:hover a,
.color-haobaba .Floor001025 .slick-prev:hover,
.color-haobaba .Floor001025 .slick-prev:focus,
.color-haobaba .Floor001025 .slick-next:hover,
.color-haobaba .Floor001025 .slick-next:focus,
.color-haobaba .Floor001025 .slick-prev:before,
.color-haobaba .Floor001025 .slick-next:before,
.color-haobaba .Floor001025 .slick-prev:hover:before,
.color-haobaba .Floor001025 .slick-prev:focus:before,
.color-haobaba .Floor001025 .slick-next:hover:before,
.color-haobaba .Floor001025 .slick-next:focus:before{ color:#30a13e;}

.color-haobaba .brand_banner .picScroll-left .prev,
.color-haobaba .brand_banner .picScroll-left .next{ color:#30a13e; border-color:#30a13e;}
.color-haobaba .brand_banner .picScroll-left .prev:hover,
.color-haobaba .brand_banner .picScroll-left .next:hover{ background:#30a13e; color:#fff}

@media (min-width: 1200px){
.color-haobaba .brand_reco{ border-color:#30a13e;}
}



/*六必治颜色*/
.color-liubizhi .brand_h>em,
.color-liubizhi .bb2_h em{ background:#e60012;}
.color-liubizhi .brand_intro .h3{ border-left-color:#e60012;}
.color-liubizhi .brand_reco .br_img{ background:url(/images/liubizhi_bg.jpg) no-repeat; background-size:100% 100%;}
.color-liubizhi .bn_news .ul li:hover .bn_time,
.color-liubizhi .brand_more:hover{ background:#e60012; border-color:#e60012;}
.color-liubizhi .brand_banner2 .bb2_icon{ background:url(/images/liubizhi_icon.png) no-repeat;}

.color-liubizhi .brand_h .h2,
.color-liubizhi .bb2_h .h2,
.color-liubizhi .brand_banner .picScroll-left .bd ul li .pic a:hover,
.color-liubizhi .brand_news .bn_h .h2,
.color-liubizhi .bn_m .bn_text .h3:hover a,
.color-liubizhi .Floor001025 .slick-prev:hover,
.color-liubizhi .Floor001025 .slick-prev:focus,
.color-liubizhi .Floor001025 .slick-next:hover,
.color-liubizhi .Floor001025 .slick-next:focus,
.color-liubizhi .Floor001025 .slick-prev:before,
.color-liubizhi .Floor001025 .slick-next:before,
.color-liubizhi .Floor001025 .slick-prev:hover:before,
.color-liubizhi .Floor001025 .slick-prev:focus:before,
.color-liubizhi .Floor001025 .slick-next:hover:before,
.color-liubizhi .Floor001025 .slick-next:focus:before{ color:#e60012;}

.color-liubizhi .brand_banner .picScroll-left .prev,
.color-liubizhi .brand_banner .picScroll-left .next{ color:#e60012; border-color:#e60012;}
.color-liubizhi .brand_banner .picScroll-left .prev:hover,
.color-liubizhi .brand_banner .picScroll-left .next:hover{ background:#e60012; color:#fff}

@media (min-width: 1200px){
.color-liubizhi .brand_reco{ border-color:#e60012;}
}



/*蓝天颜色*/
.color-lantian .brand_h>em,
.color-lantian .bb2_h em{ background:#014099;}
.color-lantian .brand_intro .h3{ border-left-color:#014099;}
.color-lantian .brand_reco .br_img{ background:url(/images/lantian_bg.jpg) no-repeat; background-size:100% 100%;}
.color-lantian .bn_news .ul li:hover .bn_time,
.color-lantian .brand_more:hover{ background:#014099; border-color:#014099;}
.color-lantian .brand_banner2 .bb2_icon{ background:url(/images/lantian_icon.png) no-repeat;}

.color-lantian .brand_h .h2,
.color-lantian .bb2_h .h2,
.color-lantian .brand_banner .picScroll-left .bd ul li .pic a:hover,
.color-lantian .brand_news .bn_h .h2,
.color-lantian .bn_m .bn_text .h3:hover a,
.color-lantian .Floor001025 .slick-prev:hover,
.color-lantian .Floor001025 .slick-prev:focus,
.color-lantian .Floor001025 .slick-next:hover,
.color-lantian .Floor001025 .slick-next:focus,
.color-lantian .Floor001025 .slick-prev:before,
.color-lantian .Floor001025 .slick-next:before,
.color-lantian .Floor001025 .slick-prev:hover:before,
.color-lantian .Floor001025 .slick-prev:focus:before,
.color-lantian .Floor001025 .slick-next:hover:before,
.color-lantian .Floor001025 .slick-next:focus:before{ color:#014099;}

.color-lantian .brand_banner .picScroll-left .prev,
.color-lantian .brand_banner .picScroll-left .next{ color:#014099; border-color:#014099;}
.color-lantian .brand_banner .picScroll-left .prev:hover,
.color-lantian .brand_banner .picScroll-left .next:hover{ background:#014099; color:#fff}

@media (min-width: 1200px){
.color-lantian .brand_reco{ border-color:#014099;}
}



/*呵呵宝贝颜色*/
.color-hehebaobei .brand_h>em,
.color-hehebaobei .bb2_h em{ background:#009944;}
.color-hehebaobei .brand_intro .h3{ border-left-color:#009944;}
.color-hehebaobei .brand_reco .br_img{ background:url(/images/haobaba_bg.jpg) no-repeat; background-size:100% 100%;}
.color-hehebaobei .bn_news .ul li:hover .bn_time,
.color-hehebaobei .brand_more:hover{ background:#009944; border-color:#009944;}
.color-hehebaobei .brand_banner2 .bb2_icon{ background:url(/images/haobaba_icon.png) no-repeat;}

.color-hehebaobei .brand_h .h2,
.color-hehebaobei .bb2_h .h2,
.color-hehebaobei .brand_banner .picScroll-left .bd ul li .pic a:hover,
.color-hehebaobei .brand_news .bn_h .h2,
.color-hehebaobei .bn_m .bn_text .h3:hover a,
.color-hehebaobei .Floor001025 .slick-prev:hover,
.color-hehebaobei .Floor001025 .slick-prev:focus,
.color-hehebaobei .Floor001025 .slick-next:hover,
.color-hehebaobei .Floor001025 .slick-next:focus,
.color-hehebaobei .Floor001025 .slick-prev:before,
.color-hehebaobei .Floor001025 .slick-next:before,
.color-hehebaobei .Floor001025 .slick-prev:hover:before,
.color-hehebaobei .Floor001025 .slick-prev:focus:before,
.color-hehebaobei .Floor001025 .slick-next:hover:before,
.color-hehebaobei .Floor001025 .slick-next:focus:before{ color:#009944;}

.color-hehebaobei .brand_banner .picScroll-left .prev,
.color-hehebaobei .brand_banner .picScroll-left .next{ color:#009944; border-color:#009944;}
.color-hehebaobei .brand_banner .picScroll-left .prev:hover,
.color-hehebaobei .brand_banner .picScroll-left .next:hover{ background:#009944; color:#fff}

@media (min-width: 1200px){
.color-hehebaobei .brand_reco{ border-color:#009944;}
}



/*婴元素颜色*/
.color-yingyuansu .brand_h>em,
.color-yingyuansu .bb2_h em{ background:#61a60e;}
.color-yingyuansu .brand_intro .h3{ border-left-color:#61a60e;}
.color-yingyuansu .brand_reco .br_img{ background:url(/images/haobaba_bg.jpg) no-repeat; background-size:100% 100%;}
.color-yingyuansu .bn_news .ul li:hover .bn_time,
.color-yingyuansu .brand_more:hover{ background:#61a60e; border-color:#61a60e;}
.color-yingyuansu .brand_banner2 .bb2_icon{ background:url(/images/haobaba_icon.png) no-repeat;}

.color-yingyuansu .brand_h .h2,
.color-yingyuansu .bb2_h .h2,
.color-yingyuansu .brand_banner .picScroll-left .bd ul li .pic a:hover,
.color-yingyuansu .brand_news .bn_h .h2,
.color-yingyuansu .bn_m .bn_text .h3:hover a,
.color-yingyuansu .Floor001025 .slick-prev:hover,
.color-yingyuansu .Floor001025 .slick-prev:focus,
.color-yingyuansu .Floor001025 .slick-next:hover,
.color-yingyuansu .Floor001025 .slick-next:focus,
.color-yingyuansu .Floor001025 .slick-prev:before,
.color-yingyuansu .Floor001025 .slick-next:before,
.color-yingyuansu .Floor001025 .slick-prev:hover:before,
.color-yingyuansu .Floor001025 .slick-prev:focus:before,
.color-yingyuansu .Floor001025 .slick-next:hover:before,
.color-yingyuansu .Floor001025 .slick-next:focus:before{ color:#61a60e;}

.color-yingyuansu .brand_banner .picScroll-left .prev,
.color-yingyuansu .brand_banner .picScroll-left .next{ color:#61a60e; border-color:#61a60e;}
.color-yingyuansu .brand_banner .picScroll-left .prev:hover,
.color-yingyuansu .brand_banner .picScroll-left .next:hover{ background:#61a60e; color:#fff}

@media (min-width: 1200px){
.color-yingyuansu .brand_reco{ border-color:#6fc9f4;}
}





/*清怡颜色*/
.color-qingyi .brand_h>em,
.color-qingyi .bb2_h em{ background:#d09e1e;}
.color-qingyi .brand_intro .h3{ border-left-color:#d09e1e;}
.color-qingyi .brand_reco .br_img{ background:url(/images/qingyi_bg.jpg) no-repeat; background-size:100% 100%;}
.color-qingyi .bn_news .ul li:hover .bn_time,
.color-qingyi .brand_more:hover{ background:#d09e1e; border-color:#d09e1e;}
.color-qingyi .brand_banner2 .bb2_icon{ background:url(/images/haobaba_icon.png) no-repeat;}

.color-qingyi .brand_h .h2,
.color-qingyi .bb2_h .h2,
.color-qingyi .brand_banner .picScroll-left .bd ul li .pic a:hover,
.color-qingyi .brand_news .bn_h .h2,
.color-qingyi .bn_m .bn_text .h3:hover a,
.color-qingyi .Floor001025 .slick-prev:hover,
.color-qingyi .Floor001025 .slick-prev:focus,
.color-qingyi .Floor001025 .slick-next:hover,
.color-qingyi .Floor001025 .slick-next:focus,
.color-qingyi .Floor001025 .slick-prev:before,
.color-qingyi .Floor001025 .slick-next:before,
.color-qingyi .Floor001025 .slick-prev:hover:before,
.color-qingyi .Floor001025 .slick-prev:focus:before,
.color-qingyi .Floor001025 .slick-next:hover:before,
.color-qingyi .Floor001025 .slick-next:focus:before{ color:#d09e1e;}

.color-qingyi .brand_banner .picScroll-left .prev,
.color-qingyi .brand_banner .picScroll-left .next{ color:#d09e1e; border-color:#d09e1e;}
.color-qingyi .brand_banner .picScroll-left .prev:hover,
.color-qingyi .brand_banner .picScroll-left .next:hover{ background:#d09e1e; color:#fff}

@media (min-width: 1200px){
.color-hehebaobei .brand_reco{ border-color:#d09e1e;}
}


@media (max-width: 640px){
.brand_h .h2,.bb2_h .h2,.brand_news .bn_h .h2{ font-size:18px;}
.brand_news .bn_h .p{ font-size:12px; line-height:22px;}
.brand_news .bn_h{ padding-bottom:10px;}
.brand_intro .h3{ font-size:18px;}
.brand_more{ width:120px; line-height:38px; height:42px;}
.brand_news .brand_more{ margin:10px auto;}
.bn_news .ul li{ margin-bottom:10px;}
.bn_m .bn_time{ width:60px; padding:4px 0;}
.bn_m .bn_text .h3{margin-bottom:10px; font-size:14px;}
.bn_m .bn_time .p{ font-size:20px; margin-top:0;}
.bn_m .bn_time span{ font-size:12px;}
.bn_m .bn_text .p{ font-size:12px;}
.brand_h>em{ margin-top:0;}
.brand_banner2{ padding-top:6%;}
.brand_banner2 .bb2_h{ padding:3% 0;}
.brand_banner{ margin-top:6%;}
.brand_banner .picScroll-left .hd{ display:none;}
.brand_reco{ padding:10px 15px;}
.brand_reco .br_img{ margin-top:10px;}


}



/*品牌家族 结束*/




/*集团荣耀*/
.hb_color{ background:#f5f5f5;}
.honor_banner{ padding:60px 0 60px; margin:0 auto;}

.hb_h{ font-size:24px; color:#555; text-align:center;}
.hb_h em{ display:inline-block; width:8px; height:6px; background:#66c5f1; vertical-align:middle; margin:-2px 12px 0; border-top-left-radius:3px; border-bottom-right-radius:3px;}


.honor_banner .picScroll-left .bd ul li .pic{ padding:0 5%;}
.honor_banner .picScroll-left .pic a{ display:inline-block; border:4px solid #616063; padding:10px; }
.honor_banner .hb_img .hb_position{ width:100%; position:absolute; bottom:0;}
.honor_banner .picScroll-left .bd ul li .pic .hb_img{position:relative; padding-bottom:90%;}
.honor_banner .picScroll-left .bd ul li .pic img{  max-height:90%; max-width:90%; margin:0 auto;}
.honor_banner .pic .p{  margin:0 auto; text-align:left; padding:5px 0;}

.honor_banner .picScroll-left .prev, .honor_banner .picScroll-left .next{ color:#fff; background:#b2e2f7; border-color:#b2e2f7; width:40px; height:40px; line-height:40px; font-size:25px;}
.honor_banner .picScroll-left .prev{ top:45%;}
.honor_banner .picScroll-left .next{ top:45%;}
.honor_banner .picScroll-left .prev:hover,.honor_banner .picScroll-left .next:hover{ color:#fff; background:#b2e2f7; border-color:#b2e2f7;}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{    background-image:url(/images/fancybox_sprite.png);}
.fancybox-overlay{    background: url(/images/fancybox_overlay.png);}

.honor_list{ padding:50px 10px 40px;}
.honor_list .hl_h{ font-size:16px; font-weight:bold; margin-bottom:20px;}
.honor_list .hl_time{ margin-top:10px;}

@media (min-width: 1200px){
.honor_list{ width:1200px; margin:0 auto; padding:50px 10px 40px;}
}


@media (min-width: 1340px){
.honor_banner{ width:1340px;}

}
/*集团荣耀 结束*/




/*发展历程*/
.history{ background:#f5f5f5; padding:50px 10px 40px 0;}
.history .hb_h{ margin-bottom:45px;}
.Timeline001266{ max-width:1600px;margin:0 auto; }
/*.Timeline001266 .scroll{ height:750px;overflow: auto;}*/
.Timeline001266 .scroll ul{ padding-left:10px; }
.Timeline001266 .scroll li{ position:relative; padding:20px 0 20px 310px;background:url(/images/time.png) repeat-y left top; list-style:none;}
.Timeline001266 .scroll li .ht_right{ position:relative; padding-left:235px; min-height:160px;}
.Timeline001266 .scroll li .ht_right figure{ position:absolute; left:20px; top:12px;width:190px;}
/*.Timeline001266 .scroll li p{ margin:0; line-height:24px; overflow:hidden;}*/
.Timeline001266 .scroll li time{ position:absolute; border-radius:0 5px 5px 0; background-color:#e5e5e5; padding:0 10px; left:99px; line-height:32px; top:81px;}
.Timeline001266 .scroll li time::before,
.Timeline001266 .scroll li time::after{ position:absolute; content:''; top:50%; }
/*.Timeline001266 .scroll li time::before{width:0; height:0; border:10px solid #e5e5e5; border-left:0; border-top-color:transparent;border-bottom-color:transparent; left:-10px; margin-top:-10px;}*/
.Timeline001266 .scroll li time::after{ width:14px; height:14px; border-radius:50%; background-color:#9b9690; border:2px solid #e5e5e5; left:-95px;margin-top:-7px;}
.Timeline001266 .scroll li:hover time{ background-color:#00a0e6; color:#fff;}
.Timeline001266 .scroll li:hover figure{ border-color:#00a0e6;}
.Timeline001266 .scroll li:hover time::before{ border-right-color:#009148;}
.Timeline001266 .scroll li:hover time::after{background-color:#00a0e6; border-color: #00a0e6; width:10px; height:10px; margin-top:-6px; left:-93px;}

.Timeline001266 .jspContainer{overflow: hidden;position: relative;}
.Timeline001266 .jspPane{position: absolute; margin-left:0 !important;}
.Timeline001266 .jspVerticalBar{position: absolute;top: 0;left: 0;width: 16px;height: 100%; }
.Timeline001266 .jspCap{display: none;}
.Timeline001266 .jspTrack{display:none;}
.Timeline001266 .jspArrow{ position:absolute; top:50%;background: #009148;text-indent: -20000px; width:22px; height:36px; display: block;cursor: pointer; z-index:10; box-shadow:1px 1px 0 #006030;}
.Timeline001266 .jspArrow::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; background:url(/images/Timeline001266-btn_hover.gif) no-repeat center center;}
.Timeline001266 .jspArrowDown::before{ transform:rotate(180deg);}
.Timeline001266 .jspArrowUp{ top:0;}
.Timeline001266 .jspArrowDown{top:60px;}
.Timeline001266 .jspDisabled{background: #ccc;box-shadow:1px 1px 0 #848081;cursor: default; }
.Timeline001266 .jspDisabled::before{background-image:url(/images/Timeline001266-btn.gif);}
.Timeline001266 .jspCorner{background: #eeeef4;float: left;height: 100%;}


.ht_text .h3{ font-size:24px; margin-top:45px;}
.ht_text .h3 em{ font-size:14px; font-style:normal;}
.Timeline001266 .scroll li .ht_right{ background:#fff; padding-top:10px; border-top-left-radius:20px; border-bottom-right-radius:20px;}
.Timeline001266 .ul .ht_text{ padding:0 20px 20px 20px;}
.Timeline001266 .scroll li time{ width:120px; height:48px; line-height:48px; text-align:center; color:#fff; background:#b2e2f7; font-size:24px; border-top-left-radius:10px; border-bottom-right-radius:10px; margin:0 auto;}
.Timeline001266 .scroll li time em{ font-style:normal; font-size:14px;}

@media(max-width:768px){
.Timeline001266 .scroll li{ padding:64px 0 20px 38px; }
.Timeline001266 .scroll li time{top:0;}
.Timeline001266 .scroll li time::after{ left:-102px;}
}
@media(max-width:480px){
.Timeline001266 .scroll li .ht_right figure{ position:static; margin:20px 0 0 21px;}
.Timeline001266 .scroll li .ht_right{ padding-left:0;}
.ht_text .h3{ margin-top:20px;}
}

@media(min-width:768px){
.history{ background:#f5f5f5; padding:50px 10px 100px 0;}
.Timeline001266 .scroll li{background: url(/images/time.png) repeat-y 55px top;}
.Timeline001266 .scroll li time{ left:127px;}
.Timeline001266 .scroll li time::after{ left:-75px;}
.Timeline001266 .scroll li:hover time::after{ left:-73px;}
}
/*发展历程 结束*/



/*视频弹窗*/
.video_hover{ width:100%; height:100%; position:fixed; top:0; background:rgba(0,0,0,0.6); z-index:999; display:none;}
.video_hover .video_m{ width:100%;/* position:fixed; top:5%;height:60%;*/}
.video_hover .video_m video{ display:block; margin:0 auto; width:70%; background-color: #000;}
.video_hover .videoclose{ z-index:5; width:35px; height:35px; position:absolute; top:10%; right:10%; background:url(/images/videoclose.png) no-repeat; background-size:100% 100%; cursor:pointer;}
@media(max-width:640px){
.video_hover .video_m video{ width:96%;}
}
/*弹出分享二维码*/
#jiathis_weixin_modal{ margin-left:-150px!important; width:300px!important;}
#jiathis_webchat{ padding:0; margin:0;}

.auto-690{ max-width:690px; margin:auto;}

.table{ display: table; table-layout:fixed; width: 100%; height: 100%;}
.table-cell {display: table-cell; vertical-align: middle; width: 100%; height: 100%;}

.item-link{      position: relative;    margin: auto;  max-width: 1870px;}
.item-link dl{    position: absolute; margin-top: -24%; left:46%; width:36%;     padding-bottom: 3.5%;}
.item-link a{display:inline-block;height:1px;    padding: 2% 0;     position: absolute;}
.item-link a.a1{ width: 67%;}
.item-link a.a2{ width: 17%; left:18%; bottom:0}
.item-link a.a3{ width: 17%;left: 36%;; bottom:0}
.item-link a.a4{ width: 46%; right:0; bottom:0}
@media(max-width:1500px){
.item-link dl{margin-top: -24.5%;}
}
@media(max-width:1300px){
.item-link dl{margin-top: -25.5%;}
}
@media(max-width:1024px){
.item-link dl{margin-top: -27.5%;}
}

@media(max-width:960px){
.item-link{display:none;}
}

.ik-pro {}
.ik-pro dl { float:left;background:#fff;margin:10px 15px;height:320px;}
.ik-pro dt { width:270px;height:240px;overflow:hidden;}
.ik-pro dt img { height:240px;transition: all 0.6s;}
.ik-pro dt img:hover { transform: scale(1.4);}
.ik-pro dt .pic-link { display:table-cell;text-align:center;vertical-align:middle;overflow:hidden;width:270px;height:240px;}
.ik-pro dd { text-align:center;padding:20px 0 0}
.ik-pro dd a { color:#333;font-size:16px;display:block;line-height:22px;}
.ik-pro dd a:hover { color:#003fa0}
.ik-info { text-align:center;padding:18px 0 10px;}
.ik-info img { max-width:1138px;}