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

body{ background:#fff;}
.left{ float:left;}
.right{ float:right;}
.wrap{ min-width:1220px; background:#fff; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; background:rgba(255,255,255,0.75); box-shadow:0 3px 16px rgba(0,0,0,0.3); position:fixed; left:0; top:0; z-index:99;}
.header .head{ width:1400px; height:122px; position:relative; margin:0 auto; z-index:3;}
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block;}
.header h1.logo a img{ display:block; height:122px;}
.header p.btns{ display:block; float:right;}
.header p.btns > a,
.header p.btns > span{ display:block; width:28px; height:122px; margin:0 0 0 20px; cursor:pointer; float:left;}
.header p.btns a.search{ background:url(../images/common/head_search.png) center no-repeat;}
.header p.btns a.lang{ position:relative;}
.header p.btns a.lang::before{ content:''; display:block; width:100%; height:100%; background:url(../images/common/head_lang.png) center no-repeat; position:absolute; left:0; top:0; z-index:2; opacity:1; visibility:visible; transition:all ease 0.4s;}
.header p.btns a.lang::after{ content:'EN'; display:block; width:100%; line-height:1; color:#106c9d; font-size:17px; font-weight:bold; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:3; opacity:0; visibility:hidden; transition:all ease 0.4s;}
.header p.btns a.lang:hover::before{ opacity:0; visibility:hidden;}
.header p.btns a.lang:hover::after{ opacity:1; visibility:visible;}
.header p.btns span.lang{ background:url(../images/common/head_lang.png) center no-repeat; position:relative;}
.header p.btns span.lang em{ display:none; min-width:100%; background:rgba(255,255,255,0.75); position:absolute; left:50%; top:100%; transform:translate(-50%,0); box-shadow:0 0 8px rgba(22,22,22,0.2);}
.header p.btns span.lang:hover em{ display:block;}
.header p.btns span.lang em a{ display:block; line-height:3.125; color:#106c9d; font-size:16px; text-align:center; padding:0 1em;}
.header p.btns span.lang em a:hover{ color:#fff; background:#106c9d;}
.searchBox{ width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:888; opacity:0; visibility:hidden;}
.searchBox.show{ transition:all ease-in-out 0.3s; opacity:1; visibility:visible;}
.searchBox form{ display:block; overflow:hidden; width:80%; max-width:1000px; position:fixed; left:50%; top:40%; z-index:999; transform:translate(-50%,-50%);}
.searchBox form h2{ display:block; line-height:1; color:#fff; font-size:26px; font-weight:normal; text-align:center; position:relative; margin-bottom:1.285em;}
.searchBox form h2 a.close{ display:block; width:1em; height:1em; background:url(../images/common/close.png) center no-repeat; position:absolute; right:0; top:0; cursor:pointer;}
.searchBox form input.txt{ display:block; width:calc(100% - 5em); height:3em; line-height:1; color:#333; font-size:16px; background:#fff; padding:0 1.25em; border:0; border-radius:1.5em 0 0 1.5em; box-sizing:border-box; float:left;}
.searchBox form input.txt::placeholder{ color:#999;}
.searchBox form input.btn{ display:block; width:5em; height:3em; line-height:9999; font-size:16px; background:#106c9d url(../images/common/search.png) center no-repeat; border:0; cursor:pointer; float:left; border-radius:0 1.5em 1.5em 0;}

/*导航*/
ul.nav{ display:block; height:122px; font-size:16px; position:relative; float:right;}
ul.nav li{ display:block; float:left; position:relative; margin:0 4px;}
ul.nav li a{ display:block; line-height:122px; color:#333; text-align:center; padding:0 34px; white-space:nowrap; position:relative;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#106c9d; font-weight:bold;}

ul.nav li p.sub{ display:none; min-width:100%; background:rgba(255,255,255,0.75); padding:9px 0; position:absolute; left:50%; top:100%; transform:translate(-50%,0); z-index:99; box-shadow:0 0 8px rgba(22,22,22,0.2);}
ul.nav li p.sub a{ width:auto; line-height:3.125; color:#106c9d; font-weight:normal; padding:0 0.6em; white-space:nowrap; margin:0; background:none; transition:all ease 0.4s;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#fff; background:#106c9d;}

/*banner*/
.banner{ width:100vw; height:580px; background-size:cover !important; overflow:hidden; position:relative;}

/*底部*/
.footer{ background:url(../images/common/foot_bg.png) center top no-repeat; background-size:cover; border-top:4px solid #106c9d;}
.footer .foot{ width:1400px; margin:0 auto; position:relative;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer .links{ font-size:16px; overflow:hidden; padding:2em 0; border-bottom:1px solid #ddd;}
.footer .links em{ display:block; line-height:1.5; color:#106c9d; font-size:1.5em; float:left;}
.footer .links p{ display:block; overflow:hidden;}
.footer .links p a{ display:block; line-height:2.25; color:#666; float:left; margin-left:4.5em;}
.footer .links p a:hover{ color:#106c9d; text-decoration:underline;}
.footer .left{ padding:44px 0;}
.footer a.logo{ display:inline-block; vertical-align:top; margin:0 0 30px;}
.footer a.logo img{ display:block; height:74px;}
.footer .left p{ display:block; line-height:2.6; color:#333; font-size:15px; padding-left:1.8em;}
.footer .left p img{ display:block; height:1em; float:left; margin:0.8em 0.8em 0 -1.8em;}
.footer .left p span{ display:inline-block; vertical-align:top; transform:skewX(-14deg);}
.footer .code{ width:260px; color:#999; font-size:15px; line-height:24px; text-align:center; padding:44px 0; float:right;}
.footer .code p img{ display:block; width:90%; margin:0 10px 0 0;}
.footer .code p{ float:left; width:45%; margin:0 auto; text-align:center;}
.footer dl{ display:block; font-size:15px; float:left; padding:44px 0; margin-right:60px;}
.footer dl dt{ display:block;}
.footer dl dt + dt{ margin-top:-10px;}
.footer dl dt a{ display:block; line-height:3.33; color:#333; font-size:1.2em;}
.footer dl dt a:hover{ color:#106c9d;}
.footer dl dd{ display:block;}
.footer dl dd a{ display:block; line-height:2.8; color:#666; font-size:15px;}
.footer dl dd a:hover{ color:#106c9d; text-decoration:underline;}
.footer .copyright{ line-height:2; color:#e5e5e5; font-size:15px; text-align:center; overflow:hidden; padding:1.4em 0; background:#333; margin:10px 0 0;}
.footer .copyright a:hover{ color:#fff; text-decoration:underline;}

/*返回顶部*/
.backToTop{ display:block; width:50px; height:50px; background:url(../images/common/top.png) center no-repeat; background-size:contain; position:fixed; right:20px; bottom:60px; cursor:pointer; text-indent:-9999px; opacity:0.7; z-index:99;}

.float{ position:fixed; right:0; top:40%; z-index:99;}
.float p{ display:block; width:50px; margin:0 0 4px;}
.float p a{ display:block; background/:#b8c7d0; border-radius/:5px; position:relative; cursor:pointer;}
.float p a img{ display:block; width:50px; height:50px; background:#b8c7d0; border-radius:5px; position:relative; z-index:3;}
.float p a:hover img{ background:#106c9d;}
.float p a em{ display:none; width:10em; line-height:44px; color:#106c9d; font-size:16px; text-align:center; white-space:nowrap; background:#f2f2f2; border:3px solid #106c9d; position:absolute; right:100%; top:0; margin-right:-5px; border-radius:5px 0 0 5px;}
.float p a:hover em{ display:block;}

/*主体样式*/
.main{ position:relative; z-index:3;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

.main .position{ line-height:3.88em; font-size:18px; background:#106c9d;}
.main .position::before,
.main .position::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .position ul{ display:block; text-align:center; overflow:hidden;}
.main .position ul li{ display:inline-block; vertical-align:top;}
.main .position ul li a{ display:block; color:#fff; padding:0 3.6em; position:relative;}
.main .position ul li a:hover,
.main .position ul li.cur a{ font-weight:bold; background:#ffae12;}
.main .position p{ display:none; color:#999; font-size:0.9375em; text-align:right; overflow:hidden;}
.main .position p a{ margin:0 0.5em;}
.main .position p a.home{ padding-left:2em; background:url(../images/icons/home.png) left center no-repeat;}
.main .position p a:hover{ color:#106c9d;}

/*内容样式*/
.main .attr{ width:1400px; margin:0 auto; position:relative;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; line-height:2.1; color:#106c9d; font-size:40px; font-weight:normal; text-align:center; padding:1em 0 0;}
.main .attr h2.title::after{ content:''; display:block; width:1.6em; height:4px; background:#106c9d; margin:0 auto;}
.main .attr h3.sub{ display:block; line-height:1.1; color:#106c9d; font-size:20px; padding:1em 1.2em; background:#f5f5f5; overflow:hidden;}
.main .attr h3.sub::before{ content:''; display:block; width:4px; height:1.1em; background:#106c9d; float:left; margin-right:0.9em;}
.main .attr h3.title{ display:block; line-height:2.25; color:#106c9d; font-size:36px; font-weight:normal; text-align:center; padding:0.85em 0 0;}
.main .attr .pmark{ display:block; line-height:2; color:#999; font-size:16px; text-align:center; padding:0 0 1.375em; border-bottom:1px solid #ddd;}
.main .attr .pmark p{ display:inline-block; vertical-align:top;}
.artShare{ display:inline-block; vertical-align:top; height:32px; overflow:hidden; position:relative;}
.artShare a{ width:25px !important; height:25px !important; padding:0 !important; margin:4px 4px 0 !important; background-image:url(../images/icons/share.png) !important;}
.artShare a.bds_tsina{ background-position:0px 0px !important;}
.artShare a.bds_tqq{ background-position:-32px 0px !important;}
.artShare a.bds_qzone{ background-position:-64px 1px !important;}
.artShare a.bds_douban{ background-position:-96px 0px !important;}
.artShare a.bds_sqq{ background-position:-128px 0px !important;}
.main .article{ line-height:2.47; color:#333; font-size:17px; text-align:justify; overflow:hidden; padding:2em 0 3em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

/*文章切换*/
.main .change{ overflow:hidden; font-size:16px; background:#f2f2f2; margin:0 0 80px;}
.main .change p{ display:block; max-width:44%; line-height:6.25; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; margin:0 3%;}
.main .change p:last-child{ float:right;}
.main .change p a{ display:block; overflow:hidden;}
.main .change p a em{ display:block; float:left; margin:0 0.75em;}
.main .change p:last-child a em{ float:right;}
.main .change p a:hover{ color:#106c9d;}

/*页码样式*/
.pages{ text-align:center; font-size:16px; padding:0 0 80px;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; min-width:14px; color:#999; height:24px; line-height:24px; text-align:center; padding:12px 18px; background:#f5f5f5; border:1px solid #f5f5f5; border-radius:5px; margin:0 9px; cursor:pointer;}
.pages span{ color:#fff; background:#106c9d; border-color:#106c9d;}

/*风采列表*/
.main ul.fcList{ display:block; font-size:16px; overflow:hidden; margin:0 -15px; padding:50px 0;}
.main ul.fcList li{ display:block; width:33.33%; float:left;}
.main ul.fcList li a{ display:block; overflow:hidden; position:relative; margin:0 15px 30px;}
.main ul.fcList li a img{ display:block; width:100%; transition:all ease 0.4s;}
.main ul.fcList li a span{ display:block; width:100%; box-sizing:border-box; line-height:3.375; color:#fff; text-align:center; padding:0 0.5em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.5); transition:all ease 0.4s; position:absolute; left:0; bottom:0;}
.main ul.fcList li a:hover img{ transform:scale(1.08);}
.main ul.fcList li a:hover span{ background:rgba(16,108,157,0.9);}

/*历程列表*/
.main dl.licheng{ font-size:16px; overflow:hidden; position:relative; margin:40px 0 80px;}
.main dl.licheng::after{ content:''; display:block; width:2px; height:100%; background:#ececec; position:absolute; left:50%; top:60px; z-index:1; transform:translate3d(-50%,0,0);}
.main dl.licheng dt{ display:block; position:relative; z-index:3;}
.main dl.licheng dt img{ display:block; height:3.75em; margin:0 auto;}
.main dl.licheng dt a.btn{ display:block; width:2.625em; height:2.625em; background:url(../images/icons/btn.png) center no-repeat; background-size:contain; border-radius:50%; margin:0 auto; cursor:pointer;}
.main dl.licheng dd{ display:flex; justify-content:space-between; align-items:flex-start; margin:3em 0 4.5em; position:relative;}
.main dl.licheng dd:nth-child(odd){ flex-direction:row-reverse;}
.main dl.licheng dd:nth-child(n+8){ display:none;}
.main dl.licheng dd a.pic{ display:block; width:38%; flex-shrink:0; overflow:hidden; padding:0 6%;}
.main dl.licheng dd a.pic img{ display:block; width:234px; height:136px;}
.main dl.licheng dd:nth-child(odd) a.pic img{ float:left;}
.main dl.licheng dd:nth-child(even) a.pic img{ float:right;}
.main dl.licheng dd i{ display:block; width:3.5%; height:2px; background:#106c9d; position:absolute; top:2em; transform:translate(0,-50%); z-index:3;}
.main dl.licheng dd:nth-child(odd) i{ left:50%; margin-left:1.25em;}
.main dl.licheng dd:nth-child(even) i{ right:50%; margin-right:1.25em;}
.main dl.licheng dd em{ display:block; width:6px; height:6px; background:#106c9d; padding:4px; border:6px solid #fff; border-radius:50%; position:absolute; left:50%; top:2em; transform:translate(-50%,-50%); z-index:3;}
.main dl.licheng dd em::after{ content:''; display:block; width:100%; height:100%; background:#fff; border-radius:50%;}
.main dl.licheng dd .box{ flex:auto; padding:0 3%; position:relative;}
.main dl.licheng dd:nth-child(odd) .box{ text-align:right;}
.main dl.licheng dd .box b{ display:block; line-height:2; color:#106c9d; font-size:1.875em; font-weight:normal; padding:0.1em 0 0;}
.main dl.licheng dd .box .txt{ line-height:2; color:#333;}
.main dl.licheng.open dt a.btn{ display:none;}
.main dl.licheng.open dd:nth-child(n+8){ display:flex;}

/*产品列表*/
.main ul.proList{ display:block; font-size:16px; margin:0 -13px; padding:60px 0 44px;}
.main ul.proList::before,
.main ul.proList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.proList li{ display:block; width:33.33%; float:left;}
.main ul.proList li a{ display:block; overflow:hidden; margin:0 13px 36px; position:relative; transition:all ease 0.4s;}
.main ul.proList li a img{ display:block; width:100%; box-sizing:border-box; border:1px solid #eee; transition:all ease 0.4s;}
.main ul.proList li a span{ display:block; width:100%; box-sizing:border-box; line-height:3.5; color:#fff; font-size:1.25em; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0.5em; background:rgba(153,153,153,0.8); position:absolute; left:0; bottom:0; z-index:1; transition:all ease 0.4s;}
.main ul.proList li a .shade{ display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; color:#fff; text-align:center; background:rgba(16,108,157,0.9); padding:0 7.5%; box-sizing:border-box; position:absolute; left:0; top:0; z-index:3; opacity:0; visibility:hidden; transition:all ease 0.4s;}
.main ul.proList li a .shade::after{ content:''; display:block; width:2.125em; height:2.125em; background:url(../images/icons/pro_more.png) center no-repeat; background-size:contain; margin:1.375em auto 0;}
.main ul.proList li a .shade h4{ display:block; line-height:2.2; font-size:1.375em; margin:0 -7.5%;}
.main ul.proList li a .shade i{ display:block; width:2.875em; height:3px; background:#fff; margin:0.75em auto 0;}
.main ul.proList li a .shade p{ height:7em; line-height:1.75; color:#fff; font-size:0.9375em; text-align:center; opacity:0.7; padding:1.5em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
}
.main ul.proList li a:hover span{ opacity:0;}
.main ul.proList li a:hover .shade{ opacity:1; visibility:visible;}

/*产品详情*/
.proinfo{ font-size:16px; padding:60px 0 60px;}
.proinfo::before,
.proinfo::after{ content:''; display:block; overflow:hidden; clear:both;}
.proinfo img.pic{ display:block; width:600px; height:450px; border:1px solid #999; float:left; margin-right:4%;}
.proinfo h3{ display:block; line-height:2.25; color:#106c9d; font-size:2.25em; overflow:hidden;}
.proinfo p.desc{ display:block; line-height:1.875; color:#848484; overflow:hidden; padding:0 0 1.875em; border-bottom:1px solid #999;}
.proinfo .txt{ line-height:2.5; color:#333; overflow:hidden; padding:1.75em 0 0;}
.proinfo p.btns{ display:block; overflow:hidden; padding:2.5em 0 0; margin-left:calc(602px + 4%);}
.proinfo p.btns a{ display:block; line-height:1; color:#fff; font-size:1.125em; background:#106c9d; padding:0.94em 2.6em; border-radius:0.44em; float:left; margin-right:2em;}
.proinfo p.btns a:last-child{ background:#ffae12;}
.proinfo p.btns a img{ display:block; height:1em; float:left; margin-right:0.8em;}

/*新闻列表*/
.main ul.newsList{ display:block; font-size:16px; overflow:hidden; margin:48px 0 48px;}
.main ul.newsList li{ display:block; background:#fff; overflow:hidden; padding:24px 20px; margin:0 0 32px;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; margin:0 42px 0 0; float:left;}
.main ul.newsList li a.pic img{ display:block; width:316px; height:228px; transition:all ease 0.4s;}
.main ul.newsList li a.title{ display:block; line-height:2.5; color:#333; font-size:1.5em; font-weight:bold;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.main ul.newsList li a.title:hover{ color:#106c9d;}
.main ul.newsList li span{ display:block; line-height:2.5; color:#999; overflow:hidden;}
.main ul.newsList li .txt{ display:block; height:4em; line-height:2; color:#666; padding:0.5em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.newsList li a.more{ display:block; line-height:3; color:#106c9d; font-size:0.875em; overflow:hidden; float:left; margin:1em 0 0;}
.main ul.newsList li a.more:hover{ color:#106c9d; text-decoration:underline;}

.main ul.List{ display:block; font-size:16px; overflow:hidden; padding:48px 0 48px;}
.main ul.List li{ display:block; background:#fff; padding:34px 24px; border:1px solid #fff; overflow:hidden; margin:0 0 32px; transition:all ease 0.4s;}
.main ul.List li a.title{ display:block; line-height:1.88; color:#333; font-size:1.125em; margin:0 0 0.22em; transition:all ease 0.4s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.main ul.List li span{ display:block; width:66px; height:66px; line-height:22px; color:#fff; font-size:13px; text-align:center; background:#bbbbbb; overflow:hidden; float:left; margin:0 26px 0 0; transition:all ease 0.4s;}
.main ul.List li span em{ display:block; line-height:32px; font-size:28px; font-weight:bold; padding:8px 0 0;}
.main ul.List li .txt{ line-height:1.75; color:#999;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.main ul.List li a.view{ display:block; width:58px; height:66px; background:url(../images/icons/more.png) right center no-repeat; border-left:1px solid #ddd; float:right; margin-left:26px; transition:all ease 0.4s;}
.main ul.List li:hover{ border-color:#106c9d;}
.main ul.List li:hover a.title{ color:#106c9d;}
.main ul.List li:hover span{ background:#106c9d;}
.main ul.List li:hover a.view{ background-image:url(../images/icons/more_h.png);}

/*新闻详情*/
.newsCon{ background:#fff; padding:0 48px; overflow:hidden; margin:48px 0 48px;}
.newsCon .change{ margin:0; background:none; border-top:1px solid #ddd; padding:10px 0 30px;}
.newsCon .change p{ margin:0;}

/*在线留言*/
.main form.msg{ display:block; font-size:16px; overflow:hidden; padding:30px 0 0;}
.main form.msg p{ display:block; overflow:hidden; box-sizing:border-box; padding:18px 0;}
.main form.msg label{ display:block; width:6em; line-height:60px; color:#333; text-align:right; float:left; margin:0 1em 0 0;}
.main form.msg label font{ color:#f00; margin-right:4px;}
.main form.msg input.text{ display:block; box-sizing:border-box; width:calc(100% - 7em); height:60px; line-height:58px; color:#333; background:#fff; padding:0 1em; border:1px solid #ddd; float:left;}
.main form.msg input.short{ width:186px; float:left;}
.main form.msg input.short + img{ display:block; height:60px; float:left; margin-left:24px; cursor:pointer;}
.main form.msg textarea{ display:block; box-sizing:border-box; width:calc(100% - 7em); height:180px; line-height:58px; color:#333; background:#fff; padding:0 1em; border:1px solid #ddd; resize:none; float:left;}
.main form.msg .box{ overflow:hidden;}
.main form.msg .box p{ width:32%; margin-left:2%; float:left;}
.main form.msg .box p:nth-child(3n-2){ margin-left:0;}
.main form.msg label.file{ width:auto; cursor:pointer; float:none; padding:0 1.5em; margin:0;}
.main form.msg label.file input{ display:none;}
.main form.msg label.file span{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main form.msg p.txt{ line-height:2; color:#333;}
.main form.msg p.tips{ line-height:3; color:#999; font-size:0.875em; border-top:1px solid #ddd; margin:18px 0 0; text-indent:2em;}
.main form.msg p.btns{ text-align:center; border:0;}
.main form.msg input.btn{ display:inline-block; vertical-align:top; width:9.5em; height:2.8em; color:#fff; font-size:1.25em; background:#106c9d; border:0; margin:0.5em 0.8em 2.5em; cursor:pointer;}
.main form.msg input.btn:last-child{ background:#b0b0b0;}

/*联系我们*/
.main .contact{ background:#f2f2f2;}
.main .contact ul{ display:block; font-size:20px; padding:60px 0 80px;}
.main .contact ul::before,
.main .contact ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .contact ul li{ display:block; width:25%; float:left;}
.main .contact ul li div{ text-align:center; padding:1.8em 0 2.3em; background:#fff; box-shadow:-4px -1px 16px rgba(34,24,21,0.1);}
.main .contact ul li img{ display:block; height:2.5em; margin:0 auto;}
.main .contact ul li p{ display:block; height:3.6em; line-height:1.8; color:#106c9d; overflow:hidden; margin:1.4em 2em 0;}
.main .map{ overflow:hidden; margin:60px 0 80px;}

@media only screen and (max-width:1440px){
.header .head,
.footer .foot,
.main .attr{ width:1200px;}

ul.nav li a{ padding:0 30px;}

.banner{ height:496px;}

.footer .links p a{ margin-left:3em;}
.footer dl{ margin-right:50px;}

.main ul.proList li a .shade p{ height:5.25em; -webkit-line-clamp:3;}

.main .contact ul li p{ margin:1.4em 1em 0;}
}

@media only screen and (max-width:768px){
.wrap{ min-width:0;}
.header .head,
.footer .foot,
.main .attr{ width:calc(100% - 24px);}

.header{ position/:relative; background:#fff;}
.header .head,
.header h1.logo a img{ height:56px;}
.header a.menu{ display:block; width:28px; height:56px; background:url(../images/common/head_menu.png) center no-repeat; float:right; margin-left:20px;}
.header p.btns a.search{ display:none;}
.header p.btns span.lang{ height:56px;}
.header p.btns span.lang em a{ font-size:14px; line-height:2.75; font-weight:bold;}

ul.nav{ height:auto; font-size:14px; float:none; position:absolute; right:-12px; top:100%; background:rgba(255,255,255,0.9); padding:6px 0; box-shadow:0 0 8px rgba(22,22,22,0.2); transform:translateX(110%); transition:all ease 0.4s;}
ul.nav.show{ transform:translateX(0);}
ul.nav li{ float:none; margin:0;}
ul.nav li a{ line-height:3;}
ul.nav li p.sub{ display:none !important;}

.banner{ height:40vw; margin-top:56px;}

.footer .links{ display:none;}
.footer a.logo{ display:block; width:120px; margin:0 auto 16px;}
.footer a.logo img{ width:100%; height:auto;}
.footer .left{ float:none; padding:20px 0 10px;}
.footer .left p{ font-size:13px;}
.footer dl{ display:none;}
.footer .right{ float:none;}
.footer .code{ margin:0 auto; float:none; padding:0 0 10px; font-size:13px; width:210px;}
.footer .code img{ margin-bottom:10px;}
.footer .copyright{ font-size:12px;}

.backToTop{ width:32px; height:32px; right:12px; bottom:90px;}

.main .position{ font-size:14px; line-height:3em;}
.main .position ul{ margin:0 -12px; display:flex; flex-wrap:wrap;}
.main .position ul li{ width:50%; float:left; flex:1;}
.main .position ul li a{ padding:0 1em; white-space:nowrap;}

.main .attr h2.title{ font-size:24px;}
.main .attr h3.sub{ font-size:16px; padding:1em 0.8em;}
.main .attr h3.sub::before{ margin-right:0.75em;}
.main .attr h3.title{ font-size:20px; line-height:1.5; padding:1.125em 0 0.5em;}
.main .attr .pmark{ font-size:13px; padding:0 0 1em;}
.main .article{ line-height:2.25; font-size:14px; padding:1.25em 0 2em;}

.main .change{ font-size:14px; padding:10px 12px; margin:0 0 30px;}
.main .change p{ max-width:none; float:none !important; line-height:2.5; margin:0;}
.main .change p a em{ display:none;}

.pages{ font-size:12px; padding:0 0 40px;}
.pages span,
.pages a{ min-width:10px; padding:5px 13px; margin:0 4px; border-radius:3px;}

.main dl.licheng{ font-size:12px; margin:30px 0 40px;}
.main dl.licheng dd{ margin:3em 0 3em;}
.main dl.licheng dd:nth-child(odd) a.pic{ padding:0 0 0 12%;}
.main dl.licheng dd:nth-child(even) a.pic{ padding:0 12% 0 0;}
.main dl.licheng dd a.pic img{ width:100%; height:auto;}
.main dl.licheng dd:nth-child(odd) .box{ padding:0 6% 0 0;}
.main dl.licheng dd:nth-child(even) .box{ padding:0 0 0 6%;}

.main ul.fcList{ margin:0 -5px; font-size:14px; padding:30px 0 30px;}
.main ul.fcList li{ width:50%;}
.main ul.fcList li a{ margin:0 5px 10px;}
.main ul.fcList li a span{ line-height:2.75;}

.main ul.proList{ margin:0 -5px; font-size:14px; padding:30px 0 30px;}
.main ul.proList li{ width:50%;}
.main ul.proList li a{ margin:0 5px 10px;}
.main ul.proList li a span{ line-height:2.75; font-size:1em;}
.main ul.proList li a .shade{ display:none !important;}

.proinfo{ font-size:14px; padding:20px 0 36px;}
.proinfo img.pic{ width:100%; height:auto; box-sizing:border-box; float:none; margin:0;}
.proinfo h3{ font-size:1.35em; line-height:3; margin:4px 0 -4px;}
.proinfo p.desc{ padding:0 0 1em;}
.proinfo .txt{ padding:1em 0;}
.proinfo p.btns{ margin:0; padding:0;}
.proinfo p.btns a{ font-size:1em; float:left; margin:0 10px 0 0; padding:0.875em 2em;}

.main ul.newsList{ font-size:14px; margin:30px 0 30px;}
.main ul.newsList li{ padding:10px; margin:0 0 12px;}
.main ul.newsList li a.pic{ width:auto; float:none; margin:0;}
.main ul.newsList li a.pic img{ display:block; width:100%; height:auto;}
.main ul.newsList li a.title{ font-size:1.25em; margin:6px 0 -6px; line-height:2.75;}
.main ul.newsList li .txt{ padding:0;}
.main ul.newsList li a.more{ font-size:1em; margin:0;}

.main ul.List{ font-size:14px; padding:30px 0 30px;}
.main ul.List li{ margin:0 0 12px; padding:12px;}
.main ul.List li span{ transform:scale(0.9); transform-origin:left center; margin:0 10px 0 0;}
.main ul.List li a.title{ font-size:16px; line-height:2; margin:0.2em 0 0;}
.main ul.List li a.view{ display:none;}

.newsCon{ padding:0 10px; margin:12px 0;}
.newsCon .article{ margin:0 4px;}
.newsCon .change{ padding:10px 4px 20px; margin:0;}

.main form.msg{ font-size:14px; padding:20px 0 0;}
.main form.msg p{ padding:6px 0;}
.main form.msg .box p{ width:auto; float:none; margin:0;}
.main form.msg label{ line-height:40px;}
.main form.msg input.text{ height:40px;}
.main form.msg textarea{ line-height:24px; height:100px; padding:7px 1em;}
.main form.msg input.short{ width:100px;}
.main form.msg input.short + img{ height:40px; width:100px; margin-left:12px;}
.main form.msg p.tips{ font-size:0.875em; text-indent:0; text-align:center;}
.main form.msg input.btn{ font-size:1em; margin:0.65em 0.5em 2.75em;}

.main .contact ul{ font-size:13px; padding:30px 0 40px;}
.main .contact ul li{ width:50%;}
.main .contact ul li div{ padding:1.5em 0 1.2em;}
.main .contact ul li p{ margin:1em 0.4em 0;}
.main .map{ margin:0 -12px;}

.float{ top:42%;}
.float p{ width:36px; margin:0 0 3px;}
.float p a img{ width:36px; height:36px; border-radius:4px;}
.float p a em{ width:9.5em; line-height:32px; font-size:14px; border:2px solid #106c9d; margin-right:-4px; border-radius:4px 0 0 4px;}
}









/**/