@charset "utf-8";

/* CSS Document */

body,html{height:100%;}



.site-header nav li >em a,

.site-header nav li >em a:before,

.index-more a,

.index-section1 .tabs li h3,

.pic-list li .word h3 a,

.index-section3 .text-list li time,

.index-section3 .text-list li .more a,

.index-section3 .text-list li .tit a,

.link-list li .Ispic,

.designer-info .content .btns a,

.partner-invit .form .btn,

.new-list .Ispic,

.index-banner .swiper-button>div,

.gallerybox .swiper-button-prev,

.gallerybox .swiper-button-next

{

	-webkit-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.link-list li {text-align:center;}




/*site-header start*/

.site-header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;transition: all 0.5s ease-out 0s;}

.site-header:hover,.site-header.gdnav{

	background:#fff;

}

.site-header.gdnav{

	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);

}

.site-header-wrap{ position: relative;}

.site-header .logo{float: left;max-width: 194px;width: 40%;padding: 6px 0;}

.site-header .logo .logo2,.site-header:hover .logo .logo1,.site-header.gdnav .logo .logo1{display:none;}

.site-header:hover .logo .logo2,.site-header.gdnav .logo .logo2{display:block;}

.site-header .tel{float: right;color: #ed0000;/* font-weight: bold; */font-size: 20px;margin-left: 20px;padding-top: 22px;}

.site-header nav{ float: right;}

.site-header nav li{ float: left; padding: 0 20px;}

.site-header nav li >em{ font-style: normal;}

.site-header nav li >em a{font-size: 16px;color: #fff;font-style: normal;display: block;position: relative;padding: 24px 0;}

.site-header:hover nav li >em a,.site-header.gdnav nav li  >em a{color: #666;}

.site-header nav li >em a:before{ content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 2px; background: #ed0000;}

.site-header nav li >em a:hover,

.site-header nav li.aon >em a{ color: #ed0000;}

.site-header nav li >em a:hover:before,

.site-header nav li.aon >em a:before{ left: 0; width: 100%;}

.site-header .open_menu{ display: none;}

@media(max-width:1366px){

	.site-header nav li{padding:0 10px;}

	.site-header .tel{ margin-left: 10px;}

}

@media(max-width:1240px){

	.site-header nav li{padding:0 5px;}

	.site-header .tel{ margin-left: 10px;}

}

@media(max-width:1000px){

	.site-header .tel,

	.site-header nav{ display: none;}

	

	.site-header .open_menu{display: block; position: absolute; top: 50%; width:30px; height:25px; right: 0; margin-top: -12px; cursor: pointer;}

	.site-header .open_menu i{ width:100%;background:#333; height:3px; position: absolute; top: 50%;}

	.site-header .open_menu i::before,

	.site-header .open_menu i::after{position: absolute; background:#333;left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}

	.site-header .open_menu i::before{ top:10px;}

	.site-header .open_menu i::after{top:-10px;}

	.site-header .open_menu.open_menu_on{ position: fixed; right: 260px; top: 30px;z-index: 99;}

	.site-header .open_menu.open_menu_on i::before,

	.site-header .open_menu.open_menu_on i::after{  top:0 !important; background: #fff;}

	.site-header .open_menu.open_menu_on i::before{ transform:rotate(45deg);}

	.site-header .open_menu.open_menu_on i::after{ transform:rotate(-45deg);}

	.site-header .open_menu.open_menu_on i{ background: none;}

	

	#header-menu{position:fixed; right:-100%; opacity:0; top:0; height:100%; background:#000; overflow:auto; padding:10px; transition:0.3s; width:250px; z-index: 99;}

	#header-menu.header-menu-show{ right: 0; opacity: 1;}

	#header-menu li{ line-height:40px; }

	#header-menu li em{ font-style:normal; display:block; font-size:16px;border-bottom:1px solid rgba(255,255,255,0.3);}

	#header-menu li a{display:block;}

	#header-menu li em a{ border-bottom:1px solid rgba(0,0,0,0.3); padding:0 10px;}

	#header-menu li:last-child em,

	#header-menu li:last-child em a{ border-bottom:0;}

	#header-menu li a:hover,

	#header-menu li a{ color:#fff;}

	.site-header .menu-layer{ position: fixed; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; background: rgba(0,0,0,0.65) !important;filter:Alpha(opacity=80); z-index: 98; display: none;}

	

}



.site-header1 .logo{ max-width: none; position: relative;}

.site-header1 .logo>*{ display: inline-block;}

.site-header1 .logo a{ max-width: 114px;}

.site-header1 .logo span{ font-size: 14px; color: #0f0f0f; position: absolute; bottom: 4px;}

.site-header1 nav{ float: left;}

.site-header1 .morebtn{ float: right; width: 40px; height: 39px;border: 1px solid #626262; position: relative; margin-top: 15px; margin-left: 5%; cursor: pointer;}

.site-header1 .morebtn .btn { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.site-header1 .morebtn span{ display: block; position: absolute; left: 5px; height: 2px; background: #626262;}

.site-header1 .morebtn .line1{ top: 9px; width: 28px;}

.site-header1 .morebtn .line2{ top: 18px; width: 19px;}

.site-header1 .morebtn .line3{ bottom: 9px; width: 28px;}

.site-header1 .morebtn:hover{ border-color: #ed0000;}

.site-header1 .morebtn:hover span{ background: #ed0000;}

.site-header1 .morebtn ul {position:absolute; top:45px; right:0; background-color:#fff; border:1px solid #626262; width:120px; padding:5px 0; margin:0 0 0 -60px; display:none;}

.site-header1 .morebtn li {list-style:none; text-align:center; padding:0; margin:0;}

.site-header1 .morebtn li a {display:block; padding:5px;}

.site-header1 .morebtn li a:hover {color:#f36;}

.site-header1 .nav .phone_li{ display: none;}

@media(max-width:1000px){

	.site-header1 .logo span,.site-header1 .morebtn{ display: none;}

	.site-header1 .nav .phone_li{ display: block;}

}

/*site-header end*/



/*site footer start*/

.site-bottom{background: #505254; padding: 4% 0;}

.site-bottom .wrap-container{ position: relative;}

.site-bottom .logo{ position: absolute; left: 0; top: 0; max-width: 198px;}

.site-bottom .weixinbox{ position: absolute; right: 0; top: 0; width: 145px; text-align: center; color: #fff;}

.site-bottom .weixinbox img{ width: 145px;}

.site-bottom .weixinbox span{ display: block; padding-top: 20px;}

.site-bottom nav{ max-width: 620px; margin: 0 auto; color: #e7e7e7; line-height: 1.45;}

.site-bottom nav li{ float: left; width: 33.3334%; padding: 0 3%; text-align: center;}

.site-bottom nav li h3{ font-size: 18px; margin: 0; font-weight: normal;}

.site-bottom nav li dl{ padding: 15px 0 0;}

.site-bottom nav li dl dd{ padding: 8px 0;}

.site-bottom nav li dl dd a{ color: #fff;}

.site-bottom nav li dl dd a:hover{ color: #fff;}








/*pages*/

.Pages{ padding:6% 0; line-height:18px; zoom:1; overflow:hidden; text-align: center; color: #333; font-size: 14px;}

.Pages span{ padding:0px 3px; display:inline-block;}

.Pages a{ display:inline-block; margin:0px 2px;}

.Pages a:hover{ color: #2c2c2c;}

.Pages .p_cur b{ color:#F00;}

.Pages .p_count b{ color:#F00;}

.Pages .p_total b{ color:#F00;}

.Pages .p_page em{ font-style:normal; font-family:Arial;}

.Pages a.a_num,.Pages p.a_cur{padding:0px 12px;border:solid 1px #dcdcdc;color: #999;display: inline-flex;margin: 0 2px;}

.Pages p.a_cur,

.Pages a.a_num:hover{ color:#2c2c2c; border:solid 1px #ff92ad;}

.Pages .p_page b{ font-weight:normal;}

.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}

.Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none; background:url(/images/page_goto.jpg) no-repeat;}

.Pages .p_cur,

.Pages .p_count,

.Pages .p_total,

.Pages .p_jump,

.Pages .a_first,

.Pages .a_end{display: none;}

.Pages .Total{display: none;}

/*pages end*/



.info-container{ padding: 5% 0;}

.info-container .info-left{ float: left; width: 67.375887%; padding-right: 6%; border-right: 1px solid #f1f1f1; min-height: 500px;}

.info-container .info-right{ float: right; width:32.624113%; padding: 0 3% 0 6%; min-height: 500px;}

@media(max-width:1000px){

	.info-container .info-left,.wd-list .wd-left{ float: none; width: 100%; padding-right: 0; border-right: none; min-height: 1px;}

	.info-container .info-right,.wd-list .wd-right{ float: none; width: 100%; padding-left: 0; padding-right: 0; min-height: 1px;}

	.info-container .info-right .location{ display: none;}

}



.gallerybox{ overflow: hidden;}

.gallerybox .swiper-container { width: 100%;  height: 300px;  margin-left: auto;  margin-right: auto;}

.gallerybox .swiper-slide { background-size: cover; background-position: center;}

.gallerybox .gallery-top { height: 80%; width: 100%;}

.gallerybox .gallery-top .swiper-slide{ padding-bottom: 53%;}

.gallerybox .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0;}

.gallerybox .gallery-thumbs .swiper-slide {width: 60px;height: 60px; opacity: 0.4; border: 2px solid #303c49; cursor: pointer;}

.gallerybox .gallery-thumbs .swiper-slide-active { opacity: 1;}

.gallerybox .swiper-button-prev{ opacity: 0; left: -20px;}

.gallerybox .swiper-button-next{ opacity: 0; right: -20px;}

.gallerybox .swiper-button-prev.in{ opacity: 1; left: 10px;}

.gallerybox .swiper-button-next.in{ opacity: 1; right: 10px;}

@media (max-width:767px) {

	.gallerybox .gallery-thumbs .swiper-slide{ width: 40px; height: 40px;}

}



.case-info{ padding-bottom: 5%;}

.case-info-head{border-bottom: 1px solid #ededed;position: relative;padding: 30px 118px 20px 0;}

.case-info-head:after{ content: ""; position: absolute; bottom: 0; width: 58px; height: 2px; background: #070002;}

.case-info-head h2{ margin: 0; font-size: 20px; color: #333;}

.case-info-head dl{ color: #999; font-size: 16px; padding: 35px 0;}

.case-info-head dl dd{ display: inline-block;}

.case-info-head dl dd+dd{ padding-left: 6%;}

.case-info-head .pic{ position: absolute; top: 30px; right: 0; width: 108px; height: 108px;}

.case-info-head .pic .Ispic{ display: block; padding-bottom: 108px; border-radius: 100%;}

.case-info-span{ font-size: 14px; color: #999; padding: 5% 0 2%;}

.case-info-span span{ position: relative; padding: 6px 0 6px 40px; line-height: 20px; display: inline-block;}

.case-info-span span+span{ margin-left: 20px;}

.case-info-span span.visit{ cursor: pointer;}

.case-info-span span i{display: block;font-style: normal;background: url(/images/icons2.png) no-repeat;width: 40px;height:100%;position: absolute;left: 0;top: 0;}

.case-info-span span.time i{ background-position: 0 0;}

.case-info-span span.hits i{ background-position: -166px 0;}

.case-info-span span.visit i{ background-position: -291px 0;}

.case-info-content{font-size: 14px; color: #999;line-height: 1.85;}

.case-info-label{padding: 2% 0 1%;}

.case-info-label a{display: inline-block;border: 1px solid #d9d9d9;padding: 10px 15px;line-height: 1;font-size: 14px;color: #999;border-radius: 35px;/* margin: 5px; */}

.tiw_top_title .case-info-label a{display: inline-block;border: 1px solid #d9d9d9;padding: 10px 15px;line-height: 1;font-size: 14px;color: #999;border-radius: 35px;/* margin: 5px; */}

.case-info-label a+a{ margin-left: 15px;}

.case-info-head2{border-bottom: 1px solid #ededed;position: relative;padding: 30px 0 20px;}

.case-info-head2:after{ content: ""; position: absolute; bottom: 0; width: 58px; height: 2px; background: #070002;}

.case-info-head2 h2{ margin: 0; font-size: 20px; color: #333;}

.case-info-head2 dl{color: #999;font-size: 14px;padding: 10px 0;}

.case-info-head2 dl dd{ display: inline-block;}

.case-info-head2 dl dd+dd{ padding-left: 6%;}

.case-info-head2 .pic{ position: absolute; top: 30px; right: 0; width: 108px; height: 108px;}

.case-info-head2 .pic .Ispic{ display: block; padding-bottom: 108px; border-radius: 100%;}

.case-info-head3{position: relative;padding: 30px 0 00;}

.case-info-head3 h2{margin: 0;font-size: 20px;color: #333;margin-bottom: 20px;}

.case-info-head3 dl{color: #999;font-size: 14px;padding: 10px 0;}

.case-info-head3 dl dd{ display: inline-block;}

.case-info-head3 dl dd+dd{ padding-left: 6%;}

.case-info-head3 .pic{ position: absolute; top: 30px; right: 0; width: 108px; height: 108px;}

.case-info-head3 .pic .Ispic{ display: block; padding-bottom: 108px; border-radius: 100%;}

.case-shejis{text-align:center;}

.case-shejis .pic{width: 100%;margin-top: 20px;}

.case-shejis .pic .Ispic{display: block;}

.case-shejis .pic .Ispic img{width: 100%;}

.case-shejis .txt a{font-size:16px;}

.case-info .pages{margin-top: 80px;}

.case-info .pages p{margin:0;font-size: 14px;}

@media (max-width:767px) {

	.case-info-head dl dd{ display: block; padding-left: 0 !important;}

	.case-info-head2 dl dd{ display: block; padding-left: 0 !important;}

}



.Coop-message{ padding-top: 30px;}

.Coop-message h3{ text-align: center; margin: 0; font-size: 20px; color: #333;}

.Coop-message .pic{ position: relative; margin: 25px 0;}

.Coop-message .Ispic{ display: block; height:100%; position: absolute; top: 0;left: 0; width: 100%;}

.Coop-message .pic-layer{ text-align: right; padding: 10% 5%; color: #fff; position: relative; z-index: 2;}

.Coop-message .pic-layer span{ display: block; padding: 5px 0;}

.Coop-message figure{font-size: 14px; color: #999; line-height: 1.85;}

.Coop-message .more{ color: #ed0000;}



.Online-designer{ margin-top: 12%; padding-top: 12%; border-top: 1px solid #ededed; position: relative;}

.Online-designer:before{ content: ""; top: -1px; width: 58px; height: 2px; position: absolute; left: 0; background: #070002;}

.Online-designer h3{ text-align: center; margin: 0; font-size: 20px; color: #333;}

.Online-designer .form{padding-top: 15px;}

.Online-designer .form dl{ margin-top: 20px;}

.Online-designer .form .text,

.Online-designer .form select{ display: block; border: 1px solid #ededed; height: 36px; padding: 5px 15px; line-height: 24px; color: #999; width: 100%;}

.Online-designer .form .btns{ text-align: center;}

.Online-designer .form .btn{ display: inline-block; width: 133px; color: #ed0000; border: 1px solid #ed0000; font-size: 14px; line-height: 34px; text-align: center; cursor: pointer;}

.Online-designer .form .btn:hover{ background: #ed0000; color: #fff;}



.brand-profile{}

.brand-profile .pic{ float: left; width:38.14433%;}

.brand-profile .pic img{ width: 100%;}

.brand-profile .word{ float: right; width: 56.85567%;}

.brand-profile .name{ font-weight: normal;}

.brand-profile .name span{ display: inline-block;}

.brand-profile .name .cn{ font-size: 20px; color: #333; font-weight: bold;}

.brand-profile .name .en{ font-size: 14px; font-family: Tahoma; color: #e9e9e9; text-transform: uppercase; padding-left: 10px;}

.brand-profile .con{ color: #333; font-size: 14px; line-height: 1.85;}

.brand-profile .btns{ padding-top: 5%;}

.brand-profile .btns a{display: inline-block; max-width: 114px; width: 32%; height: 36px; text-align: center; line-height: 36px; color: #fff; font-size: 14px; background: #ed0000;}

.brand-profile .btns a+a{ margin-left: 10px;}

@media(max-width:1024px){

	.case-info-head{ min-height:114px;}

	.case-info-head{ min-height:0px;}

	.case-info-span span{ padding-left: 28px;}

	.case-info-span span+span{ margin-left: 10px;}

	.case-info-span span i{ width: 25px; background-size: 201px 20px;}

	.case-info-span span.time i{ background-position: 0 5px;}

	.case-info-span span.hits i{background-position: -101px 5px;}

	.case-info-span span.visit i{ background-position: -181px 5px;}

	.case-info-head dl{ padding: 15px 0; font-size: 14px; }

	.case-info-head .pic{ width: 75px; height: 75px;}

	.case-info-head .pic .Ispic{ padding-bottom: 75px;}

	.case-info-label,

	.case-info{ padding-bottom: 0;}

	.Coop-message h3,

	.Online-designer h3,

	.case-info-head h2,

	.brand-profile .name .cn{ font-size: 18px;}

	.Online-designer{ padding-top: 6%; margin-top: 6%;}

	.brand-profile{ margin-top: 6%;}

	.brand-profile .pic,.brand-profile .word{ float: none; width: 100%;}

	.brand-profile .btns a+a{ margin-left: 0;}

}



.info-right .location{ float: none; text-align: left;}

.info-container1 .info-right{ padding-left: 40px;}

.info-container1 .info-left{ padding-right: 40px;}

.info-container1 .case-info-span{ padding: 3% 0 4%;}

.info-container1 .Online-designer{ border-top: none; margin-top: 0; padding-top: 4%;}

.info-container1 .Online-designer:before{ display: none;}

.info-container1 .case-info-head{ padding: 0;}



.browse-list{ padding: 6% 0;}

.browse-list .name{ font-weight: normal; font-size: 14px; color: #000; text-align: center;}

.browse-list li{ margin-top: 20px;}

.browse-list .pic{overflow: hidden;}

.browse-list .Ispic{ display: block; padding-bottom: 49.61039%;}

.browse-list .tit{ margin: 10px 0; font-weight: normal; font-size: 12px; text-align: center;}

.browse-list .tit a{ color: #666;}

@media(max-width:1000px){

	.info-container1 .info-right,

	.info-container1 .info-left{ padding-left: 0; padding-right: 0;}

	.info-container1 .case-info-head{ min-height: 1px;}

}



.designer-list{}

.designer-list ul{ margin: 0 -1%;}

.designer-list li{ float: left; width: 25%; padding: 1%;}

.designer-list li .href{ position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%;}

.designer-list li .pic{overflow: hidden; position: relative;}

.designer-list li .Ispic{ padding-bottom: 116.049383%; display: block;}

.designer-list li .layer{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: rgba(0, 0, 0, 0.5) !important;filter: alpha(opacity=50); opacity: 0; z-index: 1;}

.designer-list li .layer .icon{ display: block; width: 58px; height: 58px; position: absolute; top: 50%; left: 50%; margin-top: -29px; margin-left: -29px; border-radius: 100%; z-index: 2; border:1px solid #fff;}

.designer-list li .layer .icon:before,

.designer-list li .layer .icon:after{ content: ""; position: absolute; background: #fff;}

.designer-list li .layer .icon:before{ top: 50%; left: 20%; width: 60%; height: 2px;}

.designer-list li .layer .icon:after{ top: 20%; left: 50%; width: 2px; height: 60%; }

.designer-list li .word{ padding: 20px; background: #f8f8f8; line-height: 1.85;}

.designer-list li .word-inner{ position: relative;}

.designer-list li .word h3{ margin: 0 0 5px; font-weight: normal; color: #000; line-height: 1;}

.designer-list li .word h3>*{ display: inline-block;}

.designer-list li .word .name{ font-size: 24px; color: #000; font-weight: bold;}

.designer-list li .word h3 span{ font-size: 14px; padding-left: 20px;position: relative;}

.designer-list li .word h3 span:before{ content: ""; left: 10px; width: 3px; height: 80%; top: 10%; background: #000; position: absolute;}

.designer-list li .word .btn{ position: absolute; right: 0; top: 0; width: 57px; display: block;  height: 24px; line-height: 24px; text-align: center; background: #ed0000; color: #fff;}

.designer-list li .word .tit{ color: #000; margin: 0;}

.designer-list li .word figure{ color: #999; font-size: 14px; height: 45px; overflow: hidden;}

@media(max-width:1366px){

	.designer-list li{ width: 33.3334%;}

}

@media(max-width:768px){

	.designer-list li .word .name{ font-size: 20px;}

}

@media(max-width:768px){

	.designer-list li{ width: 50%;}

	.designer-list li .word .name{ font-size: 18px;}

}

@media(max-width:640px){

	.designer-list li{ width: 100%; padding: 1% 0;}

	/* .designer-list li .word .btn{position: static; margin: 10px auto 0;} */

	.designer-list li .word .name{ display: block;}

	.designer-list li .word h3 span{ display: block; padding-left: 0; padding-top: 5px;}

	.designer-list li .word h3 span:before{ display: none;}

}



.designer-info{ padding: 5% 0 3%;}

.designer-info .pic{ float: left; width: 32%; max-width: 467px;}

.designer-info .content{float: left;width: 50%;padding-left: 4%;}

.designer-info .content .h2{ margin: 0; font-size: 24px; color: #000;}

.designer-info .content .h2>*{display: inline-block;}

.designer-info .content .h2 .pos{ padding-left: 20px; position: relative; font-size: 18px; font-weight: normal;}

.designer-info .content .h2 .pos:before{ content: ""; left: 10px; width: 3px; height: 70%; top: 15%; background: #000; position: absolute;}

.designer-info .content .brief{ color: #000;line-height: 2; margin: 4% 0; border-bottom: 1px solid #ededed; padding-bottom: 4%; position: relative;}

.designer-info .content .brief:after{ content: ""; width: 58px; height: 3px; background: #070002; position: absolute; left: 0; bottom: 0;}

.designer-info .content .dlbox{ color: #000; font-size: 14px;}

.designer-info .content .dlbox dl{ position: relative;  display:flex;/*设为伸缩容器*/ flex-flow:row;/*伸缩项目单行排列*/ }

.designer-info .content .dlbox dl+dl{ margin-top: 4%;}

.designer-info .content .dlbox dl dt{ color: #080808; font-size: 18px; font-weight: bold; width: 80px;}

.designer-info .content .dlbox dl dd{  padding-left: 15px;flex:1; align-content: center; padding-top: 5px;}

.designer-info .content .btns{ padding-top: 4%;}

.designer-info .content .btns a{display: inline-block; font-size: 14px; color: #ed0000; border: 1px solid #ed0000; padding: 10px 35px; font-weight: bold;}

.designer-info .content .btns a:hover{ color: #fff; background: #ed0000;}

@media screen and (max-width:1440px){

	.designer-info .content{

		width: calc(100% - 32% - 227px);

	}

}

@media(max-width:1024px){

	.ban_yue{display: none;}

	.designer-info .content{

		width: calc(100% - 32%);

	}

}

@media(max-width:1000px){

	.designer-info .pic{ float: none; width: 100%; margin: 0 auto;}

	.designer-info .content{ float: none; width: 100%; padding-left: 0; padding-top: 6%;}

	.designer-info .content .h2{ font-size: 18px;}

	.designer-info .content .h2 .pos{ font-size: 14px;}

	.designer-info .content .dlbox dl dt{ font-size: 14px; width: 60px;}

	.designer-info .content .dlbox dl dd{ padding-top: 0;}

	.designer-info .content .btns{ text-align: center;}

}



.partner-invit{ background: #fafafa;}

.partner-invit .form{ max-width:1100px; margin: 0 auto; padding: 2% 0;}

.partner-invit .form dl{ float: left; display: flex; flex-flow: row; width: 45%; padding: 1.5% 0; align-items: center;}

.partner-invit .form dl:nth-child(2n){ float: right;}

.partner-invit .form dl dt{font-size: 18px; color: #333; width: 137px;}

.partner-invit .form dl dd { width: 70%; padding-left: 10px;}

.partner-invit .form dl dd .text{ width: 100%; height: 40px; border: 1px solid #eaeaea; background: #fff; padding: 7px 10px; line-height: 24px;}

.partner-invit .form dl dd select{height: 40px; border: 1px solid #eaeaea; background: #fff; padding: 7px 10px; line-height: 24px; width: 100%;}

.partner-invit .form .btns{ text-align: center; padding-top: 4%;}

.partner-invit .form .btn{ border: 1px solid #ed0000; color: #ed0000; padding: 10px 25px; display: inline-block; font-size: 18px; background: none; cursor: pointer;}

.partner-invit .form .btn:hover{ color: #fff; background: #ed0000;}

.partner-invit .con{color: #cdcdcd; font-size: 20px; text-align: center; margin: 0; padding: 0% 0 3%;}

@media(max-width:1000px){

	.partner-invit .form{ max-width: 500px; margin: 0 auto;}

	.partner-invit .form dl{ width: 100%;}

	.partner-invit .form dl dt{ font-size: 14px; width: 120px;}

	.partner-invit .form .btn{ font-size: 14px;}

	.partner-invit .con{ font-size: 14px; padding: 3% 0 8%;}

	

}



.news .in-menu{ float: none; width: 100%;}

.new-container{ max-width: 1200px; margin: 0 auto;}

.new-list{ padding: 2% 0;}

.new-list li{ padding: 23px 0; border-bottom: 1px solid #ededed;}

.new-list .li-inner{ position: relative;min-height: 158px;}

.new-list .word{ padding-right: 280px;}

.new-list .pic{ position: absolute; right: 0; top: 0; width: 260px; overflow: hidden;}

.new-list .Ispic{ padding-bottom: 61%;display: block;}

.new-list .word h3{font-size: 18px; font-weight: normal; margin: 0;}

.new-list .word h3 a{ color: #333;}

.new-list .word h3 a:hover{ color: #ed0000;}

.new-list .word figure{ line-height: 1.85; font-size: 14px; color: #999; margin: 15px 0 30px; height: 50px; overflow: hidden;}

.new-list .word time{ display: block; color: #999;}

@media(max-width:640px){

	.new-list ul{ margin: 0;}

	.new-list li{ width: 100%;  padding: 10px 0; border-bottom: none;}

	.new-list .li-inner{ border-bottom: 1px solid #ededed; padding-bottom: 10px;}

	.new-list .pic{ position: relative; width: 100%;}

	.new-list .word{ padding-right: 0; padding-top: 10px;}

	.new-list .word h3{ font-size: 16px;}

	.new-list .word figure{ margin: 10px 0 15px;}

}



.brandculture{}

.brandculture .in-menu{ float: none;}

.brand-section{ padding-bottom: 5%;}

.brand-section .content{ font-size: 14px; line-height: 1.85; text-align: center; margin: 0 auto; max-width: 952px;}

.brand-section .content .cn{ color: #333;}

.brand-section .content .en{ color: #999;}

.brandculture .atlas{ padding: 0 50px;}

.brandculture .atlas .swiper-pagination{ position: relative; margin-top: 5%;}

.brandculture .atlas .swiper-pagination-bullet{ width: 38px; height: 3px; background: rgba(0,0,0,.3); display: inline-block; border-radius: 0;}

.brandculture .atlas .swiper-pagination-bullet-active{ background: #000;}

.brandculture .honor-atlas{ padding: 0 50px;}

.brandculture .honor-atlas .swiper-slide{ width: auto !important;}

.brandculture .honor-atlas .swiper-pagination{ position: relative; margin-top: 5%;}

.brandculture .honor-atlas .swiper-pagination-bullet{ width: 38px; height: 3px; background: rgba(0,0,0,.3); display: inline-block; border-radius: 0;}

.brandculture .honor-atlas .swiper-pagination-bullet-active{ background: #000;}



.brand-section1,

.brand-section3{ background-color: #fff;}

.brand-section1 .content .box{ padding-top: 2%;}

.brand-section1 .content .box .tit{ color: #333; font-size: 20px; margin: 0 0 20px; }

.brand-section2,

.brand-section4{background-color: #fafafa;}

.brand-section2 .content{ padding: 2% 0 3%;}

.brand-section3 .content .pic{ padding-top: 3%;}

@media(max-width:1240px){

	.brand-section .atlas,

	.brand-section .honor-atlas{ padding: 0;}

}



.about-section{ padding-bottom: 5%;}

.about-section1,

.about-section3{ background-color: #fff;}

.about-section2,

.about-section4{background-color: #fafafa;}

.about-section1 .content{ max-width: 900px; margin: 0 auto;}

.about-section1 .content .pic{ float: left; width: 322px; height: 164px;}

.about-section1 .content .word{ float: right; color: #000; font-size: 14px; line-height: 1.85; min-height: 164px; position: relative;}

.about-section1 .content .word:after{ content: ""; width: 34px; height: 3px; background: #333; position: absolute; bottom: 0; left: 0;}

.about-section3 .content{ max-width: 900px; margin: 0 auto;}

.about-section3 { padding-bottom: 0;}

.about-section3 .content .pic{ float: left; width: 313px; height: 422px;}

.about-section3 .content .word{ float: right; width: 518px; color: #000; font-size: 14px; line-height: 1.85; height: 422px; position: relative;}

.about-section3 .content .word .fl{width: 204px; float: left;}

.about-section3 .content .word .name{  height: 195px; background: #36373b; padding: 20px 15px; color: #fff;line-height: 1; position: relative;}

.about-section3 .content .word .name:before{ content: ""; width: 0; height: 0; position: absolute; top: 50%; left: -10px; border-style: dashed solid dashed dashed; border-width: 10px 10px 10px 0; border-color: transparent #36373b transparent transparent; margin-top: -5px;}

.about-section3 .content .word .name h3{ font-size: 24px; margin: 0; font-weight: normal;}

.about-section3 .content .word .name span{font-size: 14px; display: block; margin-top: 10px;}

.about-section3 .content .word .intro{height: 227px;width: 204px; background: #3e3e4a url(/images/about_icon1.png) no-repeat center;  display: flex;align-items: flex-end;}

.about-section3 .content .word .intro figure{ padding: 15px; color: #494953; font-size: 12px; line-height: 1.45;}

.about-section3 .content .word .con{ width: 314px; height: 422px; background: #ececec; display: flex; align-items: center; float: right; color: #333;}

.about-section3 .content .word .con figure{ padding: 30px;}

.about-section4{ background: url(/images/about_his_bg.jpg) no-repeat center bottom #fafafa;}

.history-list{ padding-top: 3%;}

.history-list .btns>a{ position: absolute; display: block; background: url(/images/his_btns.png) no-repeat; height: 28px; width: 28px; margin-top: -14px; top: 50%;}

.history-list .btns>a:hover{ background-image: url(/images/his_btns_hover.png);}

.history-list .btns .prev{ left: 10%;background-position: left top;}

.history-list .btns .next{ right: 10%; background-position: right top;}

.history-list .content { position: relative; max-width: 896px; margin: 0 auto;}

.history-list .content .item{ max-width: 460px; width: 100%; min-height: 210px; background: #464c58; padding: 35px; color: #fff; position: relative; margin: 0 auto;}

.history-list .content .item:before,

.history-list .content .item:after{ content: ""; position: absolute; background: rgba(67,73,85,0.22);}

.history-list .content .item:before{ height: 13px; width: 90%; top: -13px; left: 5%;}

.history-list .content .item:after{ height: 23px; top: -23px; left: 12%; width: 76%;}

.history-list .content .item .date{font-size: 24px; margin: 0; font-weight: normal; line-height: 30px; position: relative; padding-left: 20px;}

.history-list .content .item .date:before{ content: ""; width: 2px; height: 100%; background: #fff; position: absolute; left: 0; top: 0;}

.history-list .content .item .brief{ margin: 8% 0 0; line-height: 1.85; height: 100px;}

.timelist{position: relative; margin-top: 30px;}

.timelist:before{ content: ""; position: absolute; top: 19px; width: 100%; height: 1px; left: 0; background: #959595;}

.timelist .time-container{ padding-left:20px;}

.timelist .itembox{ width: 118px; position: relative; padding-bottom: 35px;-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0;}

.timelist .itembox:before{ content: ""; position: absolute;top: 0; left: 0; height: 19px; width: 1px; background: #959595;}

.timelist .itembox .year{ position: absolute; left: -20px; top: 40px;}

.timelist .itembox .list{ padding: 5px 10px 0; text-align: right;}

.timelist .itembox .list li{ display: inline-block; width: 1px; height: 13px; background: #959595; margin-left: 8px; position: relative;}

.timelist .itembox .list li .layer{ display: none;}

.timelist .itembox.active .year{ color: #ed0000;}

.timelist .itembox li.on:before{ content: " "; width: 8px; height: 8px; border-radius: 100%; position: absolute; bottom: -3px; left: -4px; background: #ed0000; border: 1px solid #fff;}

@media(max-width:1000px){

	.about-section3 .content .pic,

	.about-section3 .content .word,

	.about-section3 .content .word .fl,

	.about-section3 .content .word .con,

	.about-section3 .content .word .intro,

	.about-section1 .content .pic,

	.about-section1 .content .word{ float: none; width: 100%;}

	.about-section1 .content{text-align: center;}

	.about-section1 .content .word:after{ left: 50%; margin-left: -17px;}

	.about-section3 .content .word .name,

	.about-section3 .content .word,

	.about-section3 .content .word .intro,

	.about-section3 .content .word .con{ height: auto;}

	.about-section3 .content .word .name:before{left: 50%; top: -5px; border-style: dashed dashed solid dashed; border-width: 0 10px 10px 10px; border-color:transparent transparent #36373b transparent;}

	.brandculture .atlas .swiper-pagination,

	.brandculture .honor-atlas .swiper-pagination{ display: none;}

	.brandculture .honor-atlas{ padding: 0;}

	.history-list .btns .next{ right: 0;}

	.history-list .btns .prev{ left: 0;}

}



.contactus{ padding: 4% 0;}

.contactus .column-name{ font-size: 20px; color: #333; margin: 0 0 35px; line-height: 1; text-align: center;}

.contact-way,.feedback,.codebox{ float: left; width: 33.3334%;}

.contact-way .content{ color: #333;}

.contact-way dl+dl{ margin-top: 30px;}

.contact-way dl dt{ font-size: 14px;}

.contact-way dl dd{ font-size: 18px;}



.feedback .form{ margin: 0 auto; max-width: 405px; padding: 0 10px;}

.feedback .form dl+dl{ margin-top: 22px;}

.feedback .form .text{ display: block; border: 1px solid #e0e0e0; height: 36px; padding: 5px 15px; line-height: 24px; color: #333; width: 100%;}

.feedback .form .btns{ text-align: center; margin-top: 35px;}

.feedback .form .btn{ display: inline-block; width: 133px; color: #ed0000; border: 1px solid #ed0000; font-size: 14px; line-height: 34px; text-align: center; background: #fff; cursor: pointer;}

.feedback .form .btn:hover{ background: #ed0000; color: #fff;}



.codebox .content{ display: block; text-align: right;}

.codebox .content dl{ display: inline-block; max-width: 48%;}

.codebox .content dl dt{ margin-top: 10px; font-size: 14px; color: #666;}

#share a{width: 26px;height: 26px;background-size: 100% 100%;background-position: 0 0px;padding: 0;}

#share .bds_tqq{background-image: url(/images/sr1.png);}

#share .bds_qzone{background-image: url(/images/sr2.png);}

#share .bds_tsina{background-image: url(/images/sr3.png);}

#share .bds_sqq{background-image: url(/images/sr4.png);}

#share .bds_weixin{background-image: url(/images/sr5.png);}

.de_tool a{height: 28px;line-height: 28px;border-radius:3px;text-align: center;padding:0 10px;color: #fff;margin-left:5px;display:  block;}

.de_tool a.a1{background: #ed0000;}

.de_tool a.a2{background: #f9576a;}

.de_tool p{display: initial;}

.de_share{

    line-height: 38px;

}

@media(max-width:1000px){

	.contact-way,.feedback, .codebox{ width: 100%; float: none; text-align: center;}

	.contact-way{ text-align: left;}

	.feedback{ padding: 4% 0;}

	.codebox .content{ text-align: center;}

}





.discoveries{ background: #505254; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;}

.discoveries:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: 0;}

.site-header-more{background: #28292a;}

.site-header-more .logo{ padding: 7px 0;}

.site-header-more .logo span{color: #fff;}

.site-header-more .tel{ color: #fff;}

.site-footer-more{ background: #28292a; color: #fff; font-size: 18px;}

.site-footer-more .wrap_container{ max-width: 1055px; margin: 0 auto; padding: 20px 0;}

.site-footer-more .copyright{ float: left;}

.site-footer-more nav{ float: right;}

.site-footer-more nav li{ display: inline-block; margin-left: 20px;}

.site-footer-more nav li a{ color: #fff;}

@media(max-width:1085px){

	.discoveries-container,

	.site-footer-more .wrap_container{ padding-left: 15px; padding-right: 15px;}

}

@media(max-width:767px){

	.site-footer-more { text-align: center; font-size: 14px;}

	.site-footer-more .wrap_container{ padding: 15px;}

	.site-footer-more .copyright,

	.site-footer-more nav{ width: 100%; float: none;}

	.site-footer-more nav{ margin-top: 10px;}

	.site-footer-more nav li{ margin: 0 5px;}

}



.discoveries-container{ max-width: 1055px; margin: 0 auto; padding: 4% 0; position: relative; z-index: 2;}

.discoveries-tabs ul{ text-align: center;}

.discoveries-tabs li{ display: inline-block; margin: 0 12%;}

.discoveries-tabs li a{ font-size: 20px; color: #fff; display: block; line-height: 1; position: relative;}

.discoveries-tabs li.on a:after{ content:""; position: absolute; bottom: -20px; height: 2px; width: 32px; background: #fff; left: 50%; margin-left: -16px;}

@media(max-width:1024px){

	.discoveries-tabs li{  margin: 0 8%;}

	.discoveries-tabs li a{font-size: 18px;}

}

@media(max-width:767px){

	.discoveries-tabs li{  margin: 0 4%;}

	.discoveries-tabs li a{font-size: 16px;}

}





.discoveries-links { padding: 60px 0 6%;}

.discoveries-links h3{ font-size: 18px; margin: 0 0 30px; font-weight: normal; color: #fff;}

.discoveries-links ul{ margin: 0 -10px;}

.discoveries-links ul li{ width: 16.6666667%; float: left; padding:5px 10px;}

.discoveries-links ul li a{color: #fff; font-size: 14px;}



.discoveries-boxs .wrap-inner{ padding-bottom: 74.503%; position: relative; margin: 0 -5px;}

.discoveries-boxs .item{ position: absolute; padding: 5px;}

.discoveries-boxs .item-inner{ position: relative;}

.discoveries-boxs .item .href{ position: absolute; top: 0; width: 100%; height: 100%; left: 0; z-index: 3;}

.discoveries-boxs .item .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;background-position: center; background-repeat: no-repeat; background-size: cover;}

.discoveries-boxs .item .word{ position: absolute; top: 0; left: 0; background: #fff; padding: 5%; z-index: 2; color: #000;}

.discoveries-boxs .item .word .columnname:after{content: ""; max-width: 56px; height: 3px; background: #000; width: 30%; display: block; margin: 30px 0 0;}

.discoveries-boxs .item .word .columnname>span{ display: block;}

.discoveries-boxs .item .word .cn{ font-size: 24px;}

.discoveries-boxs .item .word .en{ font-size: 18px; margin-top: 8px;}

.discoveries-boxs .item1{ top: 0; left: 0; width: 61.990521%;}

.discoveries-boxs .item1 .item-inner{ padding-bottom:44.992266%; }

.discoveries-boxs .item2{ top: 0; right: 0; width: 37.725118%;}

.discoveries-boxs .item2 .item-inner{ padding-bottom:129.187817%; }

.discoveries-boxs .item3{ top: 38.471338%; left: 0; width: 29.383886%;}

.discoveries-boxs .item3 .item-inner{ padding-bottom:159.933775%; }

.discoveries-boxs .item4{ top: 38.5%; left: 29.383886%; width: 32.511848%;}

.discoveries-boxs .item4 .item-inner{ padding-bottom:61%; }

.discoveries-boxs .item5{ top: 66.059873%; left: 29.383886%; width: 32.511848%;}

.discoveries-boxs .item5 .item-inner{ padding-bottom:79.44012%; }

.discoveries-boxs .item6{ top: 66.059873%; right:0; width: 37.725118%;}

.discoveries-boxs .item6 .item-inner{ padding-bottom:67.8%; }

.discoveries-boxs .item4 .word,

.discoveries-boxs .item5 .word,

.discoveries-boxs .item6 .word{ bottom: 0; top: auto;}

@media(max-width:1240px){

	.discoveries-boxs .item .word .cn{ font-size: 20px;}

	.discoveries-boxs .item .word .en{ font-size: 14px; margin-top: 4px;}

	.discoveries-boxs .item .word .columnname:after{ margin-top: 15px;}

}

@media(max-width:1085px){

	.discoveries-container{ padding-left: 15px; padding-right: 15px;}

}

@media(max-width:767px){

	.discoveries-boxs .item .word .cn{ font-size: 18px;}

	.discoveries-boxs .item .word .en{ font-size: 12px;}

	.discoveries-boxs .wrap-inner{ padding-bottom: 0;}

	.discoveries-boxs .item{position: relative;left: 0;}

	.discoveries-boxs .item1{ width: 100%;}

	.discoveries-boxs .item2,

	.discoveries-boxs .item3{ width: 50%;}

	.discoveries-boxs .item2{ float: left;}

	.discoveries-boxs .item3{ float: right;}

	.discoveries-boxs .item3 .item-inner,

	.discoveries-boxs .item2 .item-inner{ padding-bottom:129.187817%; }

	.discoveries-boxs .item4{ clear: both; float: left; width: 50%;}

	.discoveries-boxs .item4 .item-inner{ padding-bottom: 79.44012%;}

	.discoveries-boxs .item5{ float: right; width: 50%;}

	.discoveries-boxs .item6{ clear: both;  width: 100%;}

	

	

}



.discoveries-cate{ padding: 4% 0 0;}

.discoveries-cate h3{ color: #fff; font-size: 18px; margin: 0; font-weight: normal; padding-bottom: 15px; border-bottom: 1px solid #ededed; position: relative;}

.discoveries-cate h3:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 1px; background: #fff;}

.discoveries-cate h3 a{ color: #fff;}

.discoveries-cate ul{ margin: 0 -10px; padding: 3% 0 0;}

.discoveries-cate ul li{ width: 16.6666667%; float: left; padding:5px 10px;}

.discoveries-cate ul li a{color: #fff; font-size: 14px;}

@media(max-width:1024px){

	.discoveries-cate h3,

	.discoveries-links h3{ font-size: 16px;}

	.discoveries-cate ul li,

	.discoveries-links ul li{ width: 20%;}

}

@media(max-width:768px){

	.discoveries-cate ul li,

	.discoveries-links ul li{ width: 25%;}

	.discoveries-links h3{margin-bottom: 15px;}

	.discoveries-links{ padding-top: 40px;}

}

@media(max-width:640px){

	.discoveries-cate h3,

	.discoveries-links h3{ font-size: 14px;}

	.discoveries-cate ul li,

	.discoveries-links ul li{ width: 33.33334%;}

	.discoveries-cate ul li a,

	.discoveries-links ul li a{ font-size: 12px;}

}

@media(max-width:488px){

	.discoveries-cate ul li,

	.discoveries-links ul li{ width: 50%;}

}



.searchcontainer{ background: #f7f7f7; padding: 30px;}

.searchcontainer .auto{ padding-left: 50px; padding-right: 50px;}

.searchcontainer .columnname{ border-bottom: 1px solid #ededed;line-height: 1; margin-bottom: 4%;}

.searchcontainer .columnname span{ color: #212121; font-size: 30px; padding-bottom:13px; padding-top: 4%; position: relative; display: inline-block;}

.searchcontainer .columnname span:after{ content: ""; width: 58px; position: absolute; bottom: 0; left: 0; height: 1px; background: #212121;}

.searchcontainer .nonebox { padding:0 0 3%;}

.searchcontainer .nonebox p{ font-size: 20px; color: #999;}

.searchcontainer .nonebox .btn{display: block; width: 120px; height: 36px; background: #070002; color: #fff; text-align: center; line-height: 2; font-size: 18px; margin-top: 3%;}



/* .back_top {

  position: fixed;

  right: 5%;

  bottom: 150px;

  width: 40px;

  height: 40px;

  z-index: 100;

  cursor: pointer;

}

.back_top a {

  display: block;

  background: url(/images/back_top.png) no-repeat;

  width: 100%;

  height: 100%;

}

@media (max-width: 767px) {

  .back_top {

    right: 5px;

    bottom: 15px;

  }

}

 */



.Other002539{ position:fixed; z-index:200; right:0;}

.Other002539 ul li{ position:relative; margin-top: 3px;}

.Other002539 ul li figure{ position:absolute; top:0; right:43px;background:#ed0000; color:#fff; display:none;}

.Other002539 .li_tel figure{ padding:0 20px; font-size:16px;line-height:40px;white-space:nowrap;} 

.Other002539 .li_tel figure a{ color:#fff;}

.Other002539 .icon{ display:block; width:40px; height:40px; background:url(/images/right_icons.png) no-repeat left top #999;}

.Other002539 .li_tel .icon{ background-position:0 0;}

.Other002539 .li_link .icon{ background-position:0 -40px;}

.Other002539 .icon.gettop{ background-position:0 -80px; margin-top: 3px;}

.Other002539 ul li:hover,

.Other002539 .icon:hover{ background-color: #ed0000; }

@media(min-width:1025px){

.Other002539{ bottom:10%;}

.Other002539 ul{ display:block !important;}

.Other002539 .li_tel figure::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent;}

}

@media(max-width:1024px){

.Other002539{ bottom:5%;}

/* .Other002539 ul{ display:none;} */

}








.content{width:1200px;margin:0 auto;}
.footer{height:260px; background-color:#dfdfdf;}
.foot{padding-top:30px;}
.foot .logo{padding-top:10px; width:410px;float:left; height:170px; border-right:1px solid #ebebeb;}
.foot .logo h1{width:96px; height:130px;float:left; margin-right: 24px;}
.foot .logo h1 img{width:96px; height:130px;}
.foot .logo span{display: block; width:280px; float:left;padding-top:49px;}
.foot .logo span i{display: block; font-size: 34px; color:#ed0000; font-weight: bold; font-style: normal; line-height: 36px; margin-bottom: 17px; font-family: "Minion Pro";}
.foot .logo span a{display: block; width:300px; height:25px; background:#ed0000; font-size: 14px; color:#FFFFFF; text-align: center; line-height: 25px; margin-bottom: 18px;}
.foot .logo span p{font-size: 14px; color:#333333; line-height: 22px;}
.foot .logo span p b{font-size: 14px; font-weight: bold;font-style: normal;}
.foot .btnav{width:290px;float:left;padding-left:15px; border-right:1px solid #ebebeb;}
.foot .btnav b{display: block; font-size: 14px; color:#333333; font-weight: bold; margin-bottom: 28px; padding-left:30px; height:21px; line-height: 21px; background:url(/images/db1.png) no-repeat left;}
.foot .btnav ul li{float:left; width:120px; padding-left:17px; height:19px; line-height: 19px; background:url(images/hg2.jpg) no-repeat left; margin-bottom: 14px;}
.foot .btnav ul li a{font-size: 14px; color:#333333;}
.foot .btnav ul li:nth-child(2n){margin-left: 30px;}
.foot .gsxx{float:left; width:350px;padding-left:30px;}
.foot .gsxx b{display: block; height:21px; line-height: 21px; font-size: 14px; color:#333333; font-weight: bold; padding-left:26px; background:url(/images/db2.png) no-repeat left; margin-bottom: 23px; }
.foot .gsxx ul li{margin-bottom: 14px;font-size: 14px; line-height: 14px; color:#333333;  }
.foot .gsxx ul li em{display: block; float:left; font-style:normal;}
.foot .gsxx ul li i{display: block;float:left;width:205px;height:34px;line-height: 17px;font-style:normal;}
.foot .gsxx ul li.fr2{height:34px;}
.foot .gsxx ul li a{font-size: 14px;color:#333333;}
.foot .ewm{width:150px; float:right;}
.foot .ewm span{display: block; width:150px;}  .foot .ewm span img{display: block; width:150px;height:144px;}
.foot .ewm span i{display: block; text-align: center;font-size: 14px; line-height: 14px; color:#333333; font-weight: bold; margin-top: 20px;font-style:normal;}
.foot .link{height:50px; line-height:50px;}
.foot .link i{display:block; font-size:16px; color:#333; float:left;} 
.foot .link a{display:block;float:left;font-size:16px;color:#333; margin-right:10px; }