@charset "utf-8";
/* CSS Document */

.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; min-width:1220px; background:#fff; position:relative; overflow:hidden;}
.content{ overflow:hidden;}

/*头部样式*/
.header{ width:100%; height:auto; z-index:9999; background:rgba(0,0,0,1); /*position:absolute; */left:0; top:0;}
.header .head{ width:1200px; margin:0 auto; height:110px;}
.header .head h1.logo{ display:block; width:600px; height:110px; float:left; z-index:9999;}
.header .head h1.logo a{ display:block; width:100%; height:100%; background:url(../images/common/logo.png) left center no-repeat; background-size:auto 100%; text-indent:-9999em; position:relative;}
.header .head h1.logo a em{ display:none; width:6px; height:6px; background:#803a83; border-radius:50%; position:absolute; top:50%; margin:-3px 0 0;}
.header .head h1.logo a em.l{ left:-8px;}
.header .head h1.logo a em.r{ right:-8px;}
.header .head a.menu{ display:none; width:46px; height:46px; background:url(../images/common/head_menu.png) center no-repeat; background-size:22px auto; position:absolute; right:5px; top:5px;}

/*导航样式*/
ul.nav{ display:block; height:110px; float:right; z-index:999;}
ul.nav li{ display:block; float:left; position:relative; z-index:999; padding:36px 0.5px;}
ul.nav li.empty{ width:228px; height:38px; padding:36px 0; margin-left:2px;}
ul.nav li.li3{ margin-right:230px;}
ul.nav li a{ display:block; height:38px; line-height:36px; color:#fff; font-size:15px; text-align:center; text-transform:uppercase; padding:0 12px; min-width:4em; text-align:center;}
ul.nav li a.down{ display:none; width:38px; line-height:38px; background:url(../images/common/down.png) center no-repeat; background-size:16px auto; position:absolute; right:0; top:0; z-index:99;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#fff; border-radius:19px; background:#803a83;}
ul.nav li.on dl.subNav li a{ color:#fff;}

ul.nav li .subNav{ display:none; width:auto; min-width:100%; height:auto; box-sizing:border-box; background:#ffc5b8 url(../images/common/nav_sub_bg.png) repeat; background-color:#000; position:absolute; left:50%; top:110px; margin-left:-141px; margin-left:-145px; z-index:999; overflow:hidden; padding:6px; left:0; margin-left:-20px;}
ul.nav li .subNav dl{ display:block; height:auto; z-index:999; overflow:hidden; padding:9px 0; border:1px dashed #fff;}
ul.nav li .subNav dl dt{ height:auto; white-space:nowrap; padding:0; background:none;}
ul.nav li .subNav dl dt a{ height:auto; line-height:32px; color:#fff; color:#803a83; font-size:14px; text-align:center; text-transform:capitalize; padding:0 10px; text-align:left; display:block; white-space:nowrap;}
ul.nav li .subNav dl dt span{ display:block; height:28px; line-height:28px; color:#803a83; color:#fff; font-weight:bold; font-size:14px; text-align:center; text-transform:uppercase; padding:0 10px; text-align:left;}
ul.nav li .subNav dl dt a::after{
  display:none;
  content:attr(data-title);
  font-weight:bold;
  visibility:hidden;
  height:1px;
  color:transparent;
  margin-bottom:-1px;
  overflow:hidden;
}
ul.nav li.on .subNav dl dt a,
ul.nav li.cur .subNav dl dt a{ color:#fff; font-weight/:bold; background:none; border-radius:0; box-shadow:none;}
ul.nav li .subNav dl dt a:hover{ color:#aa5a96; font-weight1:bold; background:none; border-radius:0; box-shadow:none;}
ul.nav li .subNav dl dd{ width:100%; height:auto; padding:0; background:none; float:left;}
ul.nav li .subNav dl dd a{ height:28px; line-height:28px; color:#333; color:#fff; font-size:13px; text-align:center; text-transform:capitalize; padding:0 10px; text-align:left;}
ul.nav li.on .subNav dl dd a,
ul.nav li.cur .subNav dl dd a{ color:#333; color:#fff; background:none; border-radius:0; box-shadow:none;}
ul.nav li .subNav dl dd a:hover{ color:#fff; color:#803a83; background:none; border-radius:0; box-shadow:none;}

ul.nav li:nth-child(2) .subNav dl dt a,
ul.nav li:nth-child(2) .subNav dl dd a{ padding:0; text-align:center;}

/*banner样式*/
.banner{ min-height:110px;}
.banner img{ display:block; width:100%; height:auto;}
.banner.blank{ height:126px;}
 
/*footer样式*/
.footer{ background:#141414; padding:18px 0; margin:18px 0 0;}
.footer .foot{ width:1070px; margin:0 auto; overflow:hidden;}
.footer .foot span{ display:block; height:36px; line-height:36px; color:#fff; font-size:16px; padding-left:44px; background-size:auto 100% !important; float:left; margin:34px 15px;}
.footer .foot span a{ color:inherit;}
.footer .foot span.mail{ background:url(../images/common/foot_ico1.png) left center no-repeat;}
.footer .foot span.tel{ background:url(../images/common/foot_ico2.png) left center no-repeat;}
.footer .foot span.skype{ background:url(../images/common/foot_ico3.png) left center no-repeat;}
.footer .foot span.facebook{ background:url(../images/common/foot_ico4.png) left center no-repeat;}
.footer .foot .code{ width:104px; height:104px; float:right;}
.footer .foot .code img{ display:block; width:100%; height:100%;}
.footer .foot a.logo{ display:block; width:234px; height:104px; background:url(../images/common/flogo.png) center no-repeat; float:right; background-size:auto 100%; text-indent:-9999em; margin:0 42px;}
.footer .copyright{ line-height:1.6; color:#999; font-size:14px; text-align:center; overflow:hidden; background:#000; padding:0.8em 0; margin:18px 0 -18px;}

/*广告位*/
.ads,
.ads a,
.ads a img{ display:block; width:100%; height:auto;}

/*返回顶部*/
.backToTop{ display:none; width:56px; height:56px; background:url(../images/common/top.png) center no-repeat; position:fixed; _position:absolute; right:16px; bottom:52px; cursor:pointer;}
.backToTop:hover{}

/*主体样式*/
.main{ width:1200px; height:auto; margin:0 auto; position:relative; overflow:hidden;}
.main .block{ height:10px;}

.main form.search{ display:block; width:240px; height:32px; position:absolute; top:26px; right:4px;}
.main form.search input.txt{ display:block; width:100%; height:100%; color:#333; font-size:14px; padding:0 44px 0 16px; border:2px solid #803a83; border-color:#333; border-radius:16px; box-sizing:border-box;
    background:-webkit-linear-gradient(0deg, #fdf9f8, #fff); /* Safari 5.1 - 6.0 */
    background:-o-linear-gradient(0deg, #fdf9f8, #fff); /* Opera 11.1 - 12.0 */
    background:-moz-linear-gradient(0deg, #fdf9f8, #fff); /* Firefox 3.6 - 15 */
    background:linear-gradient(0deg, #fdf9f8, #fff); /* 标准的语法（必须放在最后）*/
	background:#fff;
}
.main form.search input.btn{ display:block; width:32px; height:32px; text-indent:-999em; background:url(../images/common/search_btn.png) center no-repeat; background-size:100%; border:0; position:absolute; right:2px; top:0;}

.main p.location{ display:block; height:36px; line-height:36px; color:#333; font-size:14px; background:url(../images/icons/index_line.png) center bottom repeat-x; background-size:25% auto; padding:28px 4px 24px;}
.main p.location.prip{ background:none; padding:0; margin-top:16px;}
.main p.location a{ color:#333; padding:0 4px; text-transform:uppercase;}
.main p.location a:first-child{ padding-left:0;}
.main p.location a:hover{ color:#803a83;}
.main p.location strong{ display:block; font-size:18px; float:left;}

/*内容样式*/
.main .attr{ height:auto; min-height/:376px; overflow:hidden; margin:0 0 32px;}
.main .attr h3.title{ display:block; line-height:1.5; color:#333; font-size:20px; text-align:center; padding:0.6em 0; margin:16px 1em 0;}
.main .attr p.mark{ display:block; text-align:center; padding:1em 0;}
.main .attr p.mark span{ display:inline-block; height:26px; line-height:26px; color:#fff; font-size:14px; background:#803a83; padding:0 12px; margin:0 10px;}
.main .attr .con{ margin/:0 16px; border:8px solid transparent; border-width:8px 0;
	-moz-border-image:url(../images/common/con_border_tb.png) 8 0 8 0 round;	/* Old Firefox */
	-webkit-border-image:url(../images/common/con_border_tb.png) 8 0 8 0 round;	/* Safari and Chrome */
	-o-border-image:url(../images/common/con_border_tb.png) 8 0 8 0 round;		/* Opera */
	border-image:url(../images/common/con_border_tb.png) 8 0 8 0 round;
	border-image:none; border-color:#803a83; border-width:4px 0; border-style:dashed; border:none;
}
.main .attr .article{ line-height:28px; color:#333; font-size:14px; font-weight:normal; padding:16px 4px 20px; border:8px solid transparent; border-width:0 8px; background:url(../images/common/con_bg.png) center top repeat-y; background-size:100% auto; background:none;
	-moz-border-image:url(../images/common/con_border_lr.png) 0 8 0 8 round;	/* Old Firefox */
	-webkit-border-image:url(../images/common/con_border_lr.png) 0 8 0 8 round;	/* Safari and Chrome */
	-o-border-image:url(../images/common/con_border_lr.png) 0 8 0 8 round;		/* Opera */
	border-image:url(../images/common/con_border_lr.png) 0 8 0 8 round;
	border-image:none; border-color:#803a83; border-width:0 4px; border-style:dashed; border:none;
}
.main .attr .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .attr .article img{ max-width:100%;}

/*文章切换*/
.main .change{ border-top:1px solid #eee; margin:24px 16px -22px; overflow:hidden; padding:14px 0;}
.main .change p{ display:block; height:36px; line-height:36px; color:#333; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 24px;}
.main .change p a{ color:#333;}
.main .change p a:hover{ color:#803a83;}

/*页码样式*/
.pages{ color:#803a83; color:#222; text-align:center; font-size:16px; padding:16px 4px; margin:12px 0 0;}
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:10px; color:#803a83; color:#222; height:24px; line-height:24px; text-align:center; padding:0 7px; margin:0 4px; border:1px solid #803a83; border-color:#222;}
.pages a:active,
.pages a:hover{ color:#fff; background:#803a83; background:#222;}
.pages span{ display:inline-block; *display:inline; *zoom:1; min-width:10px; color:#fff; height:24px; line-height:24px; text-align:center; background:#803a83; background:#222; padding:0 7px; margin:0 4px; border:1px solid #803a83; border-color:#222;}
.pages span.current{ background:#803a83; background:#222; cursor:pointer;}
.pages span.disabled{ background:#803a83; background:#222; border-color:#803a83; border-color:#222; cursor:default;}

/*新闻列表*/
.main .attr ul.newsList{ display:block; padding:12px 20px 14px;}
.main .attr ul.newsList li{ overflow:hidden; padding:20px 2px; border-bottom:1px solid #eee;}
.main .attr ul.newsList li a.pic{ display:block; overflow:hidden; float:left; margin-right:22px;}
.main .attr ul.newsList li a.pic img{ display:block; width:300px; height:144px;}
.main .attr ul.newsList li a.title{ display:block; height:26px; line-height:26px; color:#333; font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .attr ul.newsList li a.title:hover{ color:#803a83;}
.main .attr ul.newsList li span{ display:block; width:100px; height:26px; line-height:26px; color:#fff; font-size:13px; text-align:center; background:#803a83; margin:8px 0;}
.main .attr ul.newsList li p.txt{ display:block; width:100%; height1:72px; line-height:24px; color:#333; font-size:13px; overflow:hidden; float:left;}

/*产品介绍*/
.prointro{ margin:0 16px 14px; margin-bottom:0;}
.prointro h3{ display:block; width:50%; height:36px; line-height:36px; color:#333; font-size:18px; text-indent:4px; padding:0 0 12px; margin-top:-36px;}
.prointro .txt{ background:#ffdfd8; padding:20px; border-radius:30px; border:8px solid transparent; border-width:8px 0; border-radius:0; background:#fff; padding:14px 24px 8px; overflow:hidden;
	-moz-border-image:url(../images/common/con_border_tb1.png) 8 0 8 0 round;	/* Old Firefox */
	-webkit-border-image:url(../images/common/con_border_tb1.png) 8 0 8 0 round;	/* Safari and Chrome */
	-o-border-image:url(../images/common/con_border_tb1.png) 8 0 8 0 round;		/* Opera */
	border-image:url(../images/common/con_border_tb1.png) 8 0 8 0 round;
	border-image:none; border-color:#803a83; border-width:4px 0; border-style:dashed; border:none; border:1px solid #eee;
}
.prointro .txtCon{ height:128px; height:96px; line-height:32px; color:#333; font-size:14px; border:3px dotted #fff; overflow:hidden; position:relative; border-radius:16px; border:8px solid transparent; border-width:0 8px; background-size:100% auto; border-radius:0; padding-bottom:2px;
	-moz-border-image:url(../images/common/con_border_lr1.png) 0 8 0 8 round;	/* Old Firefox */
	-webkit-border-image:url(../images/common/con_border_lr1.png) 0 8 0 8 round;	/* Safari and Chrome */
	-o-border-image:url(../images/common/con_border_lr1.png) 0 8 0 8 round;		/* Opera */
	border-image:url(../images/common/con_border_lr1.png) 0 8 0 8 round;
	border-image:none; border-color:#803a83; border-width:0 4px; border-style:dashed; border:none;
}
.prointro .txtCon *{ line-height:inherit; color:inherit; font-size:inherit;}
.prointro p.btns{ display:block; width:100%; background:#ffdfd8; background:#fff; position:absolute; left:0; bottom:4px; bottom:2px; position:static; overflow:hidden; margin:4px 0 0;}
.prointro p.btns a{ display:block; color:#fff; color:#803a83;/* color:#dab765;*/ font-size:14px; float:right; margin:0 24px; margin:0;}
.prointro p.btns a.close{ display:none;}
.prointro p.btns a:hover{ color:#803a83;}

/*产品列表*/
.main .attr ul.proList{ display:block; padding:16px 0 16px; margin:0 -8px;}
.main .attr ul.proList::before,
.main .attr ul.proList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr ul.proList li{ display:block; width:25%; float:left; overflow:hidden; padding:8px; box-sizing:border-box;}
.main .attr ul.proList li a.pic{ display:block; border:1px solid #eee; overflow:hidden; position:relative; transition:all 0.4s;}
.main .attr ul.proList li a.pic img{ display:block; width:100%; height/:212px; height:auto;}
.main .attr ul.proList li a.title{ display:block; height/:52px; line-height:26px; color:#000; font-size:14px; text-align:center; margin:12px 12px 10px; overflow:hidden;}
.main .attr ul.proList li:hover a.pic{ box-shadow:rgba(128,58,131,0.26) 0 3px 8px;}

/*产品详情*/
/*.main h3.pro{ display:block; width:50%; height:36px; line-height:36px; color:#333; font-size:18px; text-indent:4px; padding:0 16px 6px; margin-top:-36px;}*/
.proinfo{ padding:0 16px 40px; position:relative;}
.proinfo p.btns{ display:block; width:894px; overflow:hidden; padding:24px 0;}
.proinfo p.btns a{ display:block; width:136px; height:40px; line-height:40px; color:#fff; font-size:16px; font-weight:bold; text-align:center; cursor:pointer; border:none; border-radius:20px; box-shadow:rgba(108,108,108,0.4) 2px 3px 6px; float:right; margin:0 16px 0 4px;
    background:-webkit-linear-gradient(120deg, #803a83, #803a83); /* Safari 5.1 - 6.0 */
    background:-o-linear-gradient(120deg, #803a83, #803a83); /* Opera 11.1 - 12.0 */
    background:-moz-linear-gradient(120deg, #803a83, #803a83); /* Firefox 3.6 - 15 */
    background:linear-gradient(120deg, #803a83, #803a83); /* 标准的语法（必须放在最后）*/
	box-sizing:border-box; height:50px; background:#fff; border:3px solid #333; width:32%; margin:0 0 0 2%; float:left; box-shadow:none; border-radius:25px; color:#333; line-height:44px; font-size:18px;
}
.proinfo p.btns a:first-child{ margin:0;}
.proinfo a.back{ width:110px; background:#222; box-shadow:none; float:left;}
.proinfo .proShow{ overflow:hidden; position:relative; margin:0 auto;}
.proinfo .proShow .bd{ width:658px; height:498px; border:1px solid #eee; position:relative; z-index:0; float:left; margin:6px 0 0; width:892px; height:440px;}
.proinfo .proShow .bd ul,
.proinfo .proShow .bd ul li{ display:block; width:658px; height:498px; width:892px; height:440px;}
.proinfo .proShow .bd ul li img{ display:block; width:658px; height:498px; width:892px; width:auto; height:440px; margin:0 auto;}
.proinfo .proShow .hd{ overflow:hidden; z-index:1; float:right; padding:36px 0 0;}
.proinfo .proShow .hd ul{ display:block; height:auto; overflow:hidden; margin:-6px 12px;}
.proinfo .proShow .hd ul li{ display:block; width:208px; border:1px solid #eee; cursor:pointer; margin:6px;}
.proinfo .proShow .hd ul li img{ display:block; width:154px; height:114px; width:auto; max-width:100%; height:120px; margin:0 auto;}
.proinfo .proShow .hd ul li.on{ border:1px solid #803a83;}
.proinfo .ads{ display:none; width:308px; float:right; padding:6px 0 0;}
.proinfo .ads img{ width:308px; height:500px;}

.main .attr h3.recom{ display:block; width:1060px; font-weight:normal; text-align:center;/* background:url(../images/icons/title_bg.png) center bottom no-repeat;*/ padding:0 0 44px; margin:-16px auto 12px; position:relative; height:auto !important; margin-top:0;}
.main .attr h3.recom em{ display:block; height:64px; line-height:64px; font-size:40px; font-family:Georgia; display:none;}

.main .attr h3.recom1{ display:block; height:50px; line-height:50px; background:#222; margin:0 16px 14px;
    background:-webkit-linear-gradient( left, rgba(255,169,169,0), rgba(255,169,169,1), rgba(255,169,169,0)); /* Safari 5.1 - 6.0 */
    background:-o-linear-gradient( right, rgba(255,169,169,0), rgba(255,169,169,1), rgba(255,169,169,0)); /* Opera 11.1 - 12.0 */
    background:-moz-linear-gradient( right, rgba(255,169,169,0), rgba(255,169,169,1), rgba(255,169,169,0)); /* Firefox 3.6 - 15 */
    background:linear-gradient( to right, rgba(255,169,169,0), rgba(255,169,169,1), rgba(255,169,169,0)); /* 标准的语法（必须放在最后）*/
}
.main .attr h3.recom1 span{ display:block; color:#fff; font-size:18px; padding:0 26px; float:left;
    background:-webkit-linear-gradient(120deg, #803a83, #803a83); /* Safari 5.1 - 6.0 */
    background:-o-linear-gradient(120deg, #803a83, #803a83); /* Opera 11.1 - 12.0 */
    background:-moz-linear-gradient(120deg, #803a83, #803a83); /* Firefox 3.6 - 15 */
    background:linear-gradient(120deg, #803a83, #803a83); /* 标准的语法（必须放在最后）*/
	float:none; text-align:center; background:none;
}

/*加盟申请*/
.apply{ overflow:hidden; padding:36px 0 0;}
.apply h2{ display:block; width:100%; height:84px; line-height:84px; color:#333; font-size:20px; text-align:center; border-bottom:1px dashed #b6b6b6; float:left;}
.apply .download{ display:block; width:160px; margin:64px 10px 0 276px; float:left;}
.apply .download span{ display:block; height:28px; line-height:28px; color:#333; font-size:14px; text-align:center; background:url(../images/icons/word.png) center top no-repeat; padding:116px 0 0;}
.apply .download a{ display:block; width:100px; height:36px; line-height:36px; color:#fff; font-size:16px; text-align:center;  background:#333; border-radius:6px; margin:8px auto 0;}
.apply form{ display:block; overflow:hidden; float:left; margin:132px 0 0;}
.apply form p{ display:block; overflow:hidden; padding:10px 0;}
.apply form p label{ display:block; width:56px; height:42px; line-height:42px; color:#333; font-size:18px; text-align:right; float:left; margin-right:10px;}
.apply form p input.file{ display:none;}
.apply form p span.file{ display:block; width:302px; height:32px; line-height:32px; color:#666; font-size:14px; padding:4px 8px; background:#fff; border:1px solid #bdbdbd; float:left; overflow:hidden;}
.apply form p label.file{ display:block; width:80px; height:42px; line-height:42px; color:#fff; font-size:16px; text-align:center; background:#333; border-radius:6px; float:left; margin:0 0 0 10px; cursor:pointer; padding:0;}
.apply form p input.btn{ display:block; width:100px; height:36px; line-height:36px; *line-height:normal; color:#fff; font-size:16px; background:#333; border:0; border-radius:6px; float:left; cursor:pointer; margin:12px 0 0;}

/*在线留言*/
.main .attr .msgtxt{ line-height:2; color:#333; font-size:14px; padding:16px 4px 0;}
.main .attr .msgtxt *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit;}
.main .attr form.msg{ display:block; padding:48px 0 60px 168px;}
.main .attr form.msg p{ display:block; overflow:hidden; padding:10px 0;}
.main .attr form.msg p label{ display:block; width:96px; height:38px; line-height:36px; color:#333; font-size:15px; text-align:right; float:left; margin:0 14px 0 0;}
.main .attr form.msg p label font{ color:#ff3e3e; margin-right:4px;}
.main .attr form.msg p input.text{ display:block; width:622px; height:38px; line-height:24px; color:#333; font-size:14px; padding:6px 8px; border:1px solid #bebebe; background:#f9f9f9; border-radius:6px; float:left; box-sizing:border-box;}
.main .attr form.msg p input.short{ width:482px;}
.main .attr form.msg p img{ display:block; width:128px; height:36px; border:1px solid #bebebe; border-radius:6px; float:left; margin-left:10px; cursor:pointer;}
.main .attr form.msg p textarea{ display:block; width:622px; height:86px; line-height:24px; color:#333; font-size:14px; padding:6px 8px; border:1px solid #bebebe; background:#f9f9f9; border-radius:6px; float:left; resize:none; box-sizing:border-box;}
.main .attr form.msg p input.btn{ display:block; width:130px; height:40px; line-height:40px; color:#fff; font-size:20px; text-align:center; cursor:pointer; border:none; border-radius:20px; float:left; margin:8px 0 0 254px; box-shadow:rgba(108,108,108,0.4) 2px 3px 6px;
    background:-webkit-linear-gradient(120deg, #803a83, #803a83); /* Safari 5.1 - 6.0 */
    background:-o-linear-gradient(120deg, #803a83, #803a83); /* Opera 11.1 - 12.0 */
    background:-moz-linear-gradient(120deg, #803a83, #803a83); /* Firefox 3.6 - 15 */
    background:linear-gradient(120deg, #803a83, #803a83); /* 标准的语法（必须放在最后）*/
	width:180px; height:42px; line-height:36px; color:#333; background:#fff; border:3px solid #333; border-radius:21px; box-shadow:none; margin:24px 0 0 232px;
}
.main .attr form.msg p input.btn:focus{ background:#803a83; background:#fff;}

/*手机适配*/
@media only screen and (min-width:320px) and (max-width:1024px){
.wrap{ min-width:320px;}
.header{ position:fixed; position:absolute;}
.header .head{ width:auto; height:auto;}
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header .head h1.logo{ width:auto; height:56px; position:static; margin:0 auto;}
.header .head h1.logo a{ width:218px; height:56px; background-size/:100% auto; margin:0 10px;}
.header .head h1.logo a em{ width:4px; height:4px; margin:-2px 0 0;}
.header .head h1.logo a em.l{ left:-10px;}
.header .head h1.logo a em.r{ right:-10px;}
.header .head a.menu{ display:block;}

ul.nav{ width:100%; height:auto; background:rgba(0,0,0,0.84); position:absolute; left:100%; top:56px; overflow:hidden; overflow-y:auto; transition:all 0.4s;}
ul.nav li{ float:none; padding:0; border-top:1px solid #9c9c9c;}
ul.nav li.empty{ display:none;}
ul.nav li.li3{ margin-right:0;}
ul.nav li a{ font-size:15px; font-weight:bold; font-family:Arial; padding:0;}
ul.nav li a.down{ display:block; padding:0 20px; padding:0; width:38px; min-width:0;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#803a83; background:none; border-radius:0; box-shadow:none;}
ul.nav li a.down:hover,
ul.nav li.on a.down,
ul.nav li.cur a.down{ background:url(../images/common/down.png) center no-repeat; background-size:16px auto;}
ul.nav li .subNav{ width:100%; background:none; padding:2px 0 12px; box-sizing:border-box; position:static; margin:0;}
ul.nav li .subNav dl{ border:0; padding:0;}
ul.nav li .subNav dl dt{ white-space:normal;}
ul.nav li .subNav dl dt a{ height:auto; line-height:20px; color:#803a83; color:#fff; font-size:13px; font-weight:normal; text-align:center; text-transform:uppercase; padding:7px 10px 5px; background:rgba(255,255,255,0.3); background/:#9c9c9c; margin:0px 10px 1px;}
ul.nav li .subNav dl dt a:hover{ color:#803a83;}
ul.nav li .subNav dl dd a{ height:28px; line-height:28px; color:#fff; font-size:11.5px; font-weight:normal; text-align:center;}
ul.nav li .subNav dl dd a:hover{ color:#fff;}

.banner{ padding:56px 0 0;}
.banner img{ width:140%; margin:0 -20%;}
.banner.blank{ height:16px;}

.footer{ padding:2% 0; margin:4% 0 0; position:relative; z-index:9999999999;}
.footer .foot{ width:auto; padding:0 16px; position:relative; display:flex; flex-wrap:wrap; justify-content:space-between;}
.footer .foot span{ height:2.25em; line-height:2.25em; font-size:12px; padding-left:2.75em; margin:0.5em 1.5em 0.5em 0; margin-right:0; min-width:48%; box-sizing:border-box;}
.footer .foot span.mail{ background-image:url(../images/common/foot_ico1_m.png);}
.footer .foot span.tel{ background-image:url(../images/common/foot_ico2_m.png);}
.footer .foot span.skype{ background-image:url(../images/common/foot_ico3_m.png);}
.footer .foot span.facebook{ background-image:url(../images/common/foot_ico4_m.png);}
.footer .foot .code{ display:none;}
.footer .foot a.logo{ width:152px; height:48px; background-size:auto 140%; position:absolute; right:16px; top:50%; margin:-24px 0 0;}
.footer .copyright{ font-size:12px; margin:2% 0 -2%;}
.backToTop{ width:32px; height:32px; background-size:100%; right:12px; bottom:16px; opacity:0.8;}

.main{ width:auto;}
.main form.search{ width:80%; position:relative; right:auto; top:auto; margin:4% auto -2%;}
.main form.search input.txt{ padding-top:2px;}
.main form.search input.btn{ background-image:url(../images/common/search_btn_m.png);}
.main p.location{ height:auto; line-height:24px; background-size:120% auto; padding:8% 0 6px; margin-top:5%; padding:24px 0px 16px; margin:0 12px 4px; background-size:auto 10px; overflow:hidden;}
.main p.location.prip{ margin-top:2%;}
.main .attr{ margin:0 0 2%;}
.main .attr h3.title{ line-height:30px; font-size:18px; margin:0 16px; padding:2% 0 3%;}
.main .attr p.mark{ padding:0.5% 16px 1%;}
.main .attr p.mark span{ height:24px; font-size:12px; margin:4px 10px;}
.main .attr .article{ padding:2% 12px;}
.main .change{ padding:3% 0 0; margin:3% 12px 0;}
.main .change p{ height:24px; line-height:24px; margin:0 4px;}

.pages{ margin:0; padding:3% 16px;}
.pages a{ height:20px; line-height:20px; font-size:13px; padding:0 5px;}
.pages span{ height:20px; line-height:20px; font-size:13px; padding:0 5px;}

.main .attr ul.newsList{ padding:0 16px;}
.main .attr ul.newsList li{ padding:3% 0;}
.main .attr ul.newsList li a.pic{ float:none; margin:0; overflow:hidden;}
.main .attr ul.newsList li a.pic img{ width:100%; height:auto; margin:-10% 0;}
.main .attr ul.newsList li a.title{ height:40px; line-height:40px; float:none; max-width:none; padding:4px 0 0;}
.main .attr ul.newsList li span{ line-height:28px; float:none; margin:0 0 8px;}
.main .attr ul.newsList li p.txt{ width:auto; height:auto; float:none;}

.prointro{ margin:0 16px 2%;}
.prointro h3{ width:auto; height:2em; line-height:2em; font-size:16px; margin-top:0; padding-bottom:1%;}
.prointro .txt{ padding:8px; border-radius:24px; border-radius:0; padding:0; padding:2% 16px 6px;}
.prointro .txtCon{ height:140px; height:112px; line-height:28px; padding:2% 8px; padding:2% 16px 2px; padding:0;}
.prointro .txtCon p.btn{ bottom:0;}
.prointro .txtCon p.btns a{ margin:0 16px;}

.main .attr ul.proList{ width:auto; padding:2% 8px; padding:2% 0; margin:0 4px;}
.main .attr ul.proList li{ width:50%; box-sizing:border-box; padding:8px;}
.main .attr ul.proList li a.pic{ margin:0 auto; max-width:100%; box-sizing:border-box;}
.main .attr ul.proList li a.pic img{ width:100%; height:auto;}
.main .attr ul.proList li a.title{ width:auto; height:36px; line-height:18px; font-size:13px; padding:8px 0 0; margin:0 8px;}
.main .attr ul.proList li:hover a.title{ color:#803a83;}

.main h3.pro{ width:auto; height:2em; line-height:2em; font-size:16px; margin-top:0; padding-bottom:4px; text-indent:0;}
.proinfo{ padding:0 0 4%; padding:0; overflow:visible;}

.proinfo p.btns{ width:auto; margin:0 12px; padding:6% 0 3%;}
.proinfo p.btns a{ width:31%; height:28px; line-height:28px; font-size:12px; border-radius:14px; margin:0 0 0 3.5%;}
.proinfo p.btns a.prev{ float:left;}
.proinfo p.btns a.next{ float:right;}

.proinfo p.btns a{ height:28px; line-height:24px; font-size:12px; border-radius:14px; border-radius:14px; border-width:2px;}
.proinfo p.btns a.next{ float:right;}

.proinfo .proShow{ width:100%; float:none;}
.proinfo .proShow .bd{ width:auto; height:auto; margin:0.5% 12px 2%; float:none;}
.proinfo .proShow .bd ul,
.proinfo .proShow .bd ul li,
.proinfo .proShow .bd ul li img{ width:100% !important; height:auto;}
.proinfo .proShow .hd{ padding:0 12px; float:none;}
.proinfo .proShow .hd ul{ margin:0 -4px;}
.proinfo .proShow .hd ul li{ width:30%; padding:4px; box-sizing:border-box; float:left; overflow:hidden;}
.proinfo .proShow .hd ul li img{ width:100%; height:auto; box-sizing:border-box;}
.proinfo .ads{ display:none;}

.main .attr h3.recom{ width:98%; margin-bottom:44px; background-size:120% auto; padding:0 0 6.2%; margin-bottom:12px; margin-top:2%;}
.main .attr h3.recom em{ height:1.6em; line-height:1.6em; font-size:26px;}

.main .attr h3.recom1{ height:auto; overflow:hidden; margin:0 16px;}
.main .attr h3.recom1 span{ height:2.2em; line-height:2.2em; font-size:16px; padding:0 0.8em;}

.main .attr .msgtxt{ line-height:24px; margin:0 12px; padding:3% 0 0;}
.main .attr form.msg{ padding:3% 16px 6%; overflow:hidden;}
.main .attr form.msg p{ position:relative; padding:0 0 0 88px; margin:3% 0 0;}
.main .attr form.msg p label{ width:80px; height:34px; line-height:34px; font-size:14px; white-space:nowrap; margin:0; position:absolute; left:0; top:0;}
.main .attr form.msg p input.text{ width:100%; height:34px; line-height:24px; font-size:14px; padding:4px 8px; box-sizing:border-box;}
.main .attr form.msg p input.short{ width:58%;}
.main .attr form.msg p textarea{ width:100%; height:86px; line-height:24px; font-size:14px; padding:4px 8px; box-sizing:border-box;}
.main .attr form.msg p img{ width:38%; height:32px; float:right; margin-left:0;}
.main .attr form.msg p input.btn{ width:66%; height:34px; line-height:34px; line-height:28px; font-size:15px; margin:0; position:relative; margin:6% 0 6px 0;}

}






























/**/