@charset "utf-8";
/* 
 * Project Name:统艺仿石漆
 * Author:ZP
 * Date：2020
 */
@font-face {
    font-family: 'pf_din_text_comp_proregular';
    src: url('img/img/pfdintextcomppro-regular_1-webfont01.eot');
    src: url('img/img/pfdintextcomppro-regular_1-webfont01.eot?#iefix') format('embedded-opentype'),
         url('pfdintextcomppro-regular_1-webfont.woff2') format('woff2'),
         url('pfdintextcomppro-regular_1-webfont.woff') format('woff'),
         url('img/pfdintextcomppro-regular_1-webfont.ttf') format('truetype'),
         url('pfdintextcomppro-regular_1-webfont.svg#pf_din_text_comp_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Baiduan Number';
	src: url('img/img/BaiduanNumber01.eot');
	src: url('img/img/BaiduanNumber01.eot?#iefix') format('embedded-opentype'),
		url('BaiduanNumber.woff') format('woff'),
		url('img/BaiduanNumber.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; }
input, textarea, select, option { background: none; outline: 0; font-family: "微软雅黑"; padding: 0; margin: 0; }
input { outline: none; font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #d7000f; color: #fff; text-shadow: none; }
::selection { background: #d7000f; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { margin: 0px auto; width: 1200px;}
.top a:link, .top a:visited { color: #333333;}
.top a:active,.top a:hover { color: #d7000f;}   
.header{ height: 80px;} 
.top{ position: fixed; z-index: 1; width: 200px; right: 40px; top: 0;}

.nav{ float: right; display: block; padding: 22px 0px; line-height: 40px; font-size: 16px;}
.nav li{ float: left; display: block; margin: 0px 14px;}
.nav li a.active{ color: #d7000f;}
.top-sider{ float: right; display: block; margin-left: 40px;}
.top-sider .serachItem,.top-sider .menuItem{ float: left; display: block;}
.serach-btn{ width: 100px; height: 80px; display: block; background-color: #f2f2f2;}
.serach-btn i{ background: url(../cd/serach_bg.png) no-repeat scroll center center; width: 100%; height: 100%; display: block;}
.menuItem{ width: 100px; height: 84px;}
.trans, .trans:hover { -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler { width: 100px; height: 80px; background-color: #178BEE; cursor: pointer; position: fixed; right: 0; top: 0; z-index: 1020; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .burger { width: 21px; height: 3px; background-color: #ffffff; display: block; position: absolute; z-index: 5; top: 31px; left: 50%; margin: 0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 40px; }
.menu-handler .burger-3 { top: 49px; }
.menu-handler.active .burger-1 { top: 40px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%; }
.menu-handler.active .burger-3 { top: 40px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.search-Ibox{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #222; z-index: 1020; display: none;}
.search-Ibox .close{ background: url(../cd/close_i1.png) no-repeat scroll center center; width: 21px; height: 21px; position: absolute; right: 3%; top: 4%; transition: transform 0.3s; -webkit-transition: transform 0.3s; cursor: pointer;}
.search-Ibox .close:hover{ transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.topsearch-form{ position: absolute; left: 3%; width: 94%; top: 50%; border-bottom: 1px solid #515151; height: 120px; margin-top: -60px;}
.topsearch-box{ padding: 0px 124px 0px 10px; position: relative;}
.topsearchtx{ width: 100%; border: 0px none; padding: 0; margin: 0; display: block; height: 120px; line-height: 120px; font-size: 50px; color: #555; background-color: transparent; text-align: center;}
.topsearchbtn{ position: absolute; right: 0; top: 0; padding: 0; margin: 0; display: block; width: 124px; height: 100%; border: 0px none; background:url(../cd/serach_bg2.png) no-repeat scroll center center #178BEE; cursor: pointer; display: block; transition: background 0.3s; -webkit-transition: background 0.3s;}
.topsearchbtn:hover{ background-color: #57ACF2;}
.ovh{ overflow: hidden;}
.white-86{ background: url(img/white_86.png) repeat; background: none rgba(255,255,255,0.86);}
.cs-50{ background: url(img/cs_50.png) repeat; background: rgba(160,115,62,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.siteMap-overlay{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1015; opacity: 0;  transition:0.65s cubic-bezier(0.550, 0.085, 0.000, 0.990); -webkit-transition:0.65s cubic-bezier(0.550, 0.085, 0.000, 0.990); visibility: hidden;}
.siteMap-nav a:link, .siteMap-nav a:visited { color: #666;}
.siteMap-nav a:active,.siteMap-nav a:hover { color: #d7000f;}  
.siteMap-nav{ background-color: #fff; position: fixed; right: -770px; bottom: 0; top: 84px; z-index: 1015; padding: 0px 60px; color: #666666; overflow-x: hidden; overflow-y:scroll;  width: 640px; -webkit-overflow-scrolling: touch; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.siteMap-head{ border-bottom: 1px solid #cccccc; padding:45px 0px 20px; margin-bottom: 20px;}
.siteMap-head .en{ font-size: 48px; color: #178BEE; line-height: 1.2; font-family: "pf_din_text_comp_proregular";}
.siteMap-head .zh{ color: #333333; font-size: 15px; line-height: 1.2;}
.siteMap-body{ padding-bottom: 10px;}
.siteMap-list li{ margin-bottom: 20px;}
.siteMap-list a.sm-item{ font-weight: bold; color: #333;}
.siteMap-sub dd{ float: left; display: block; margin-right: 15px;}
.siteMap-sub dd:last-child{ margin-right: 0;}
.siteMap-sub-nav a{ margin: 0px 8px;}
.siteMap-foot{ padding: 40px 0px 45px; border-top: 1px solid #cccccc; }
.siteMap-foot .item{ padding-bottom: 18px; line-height: 1.5;}
.siteMap-foot .icon{ width: 40px; height: 40px; background-color: #178BEE; background-position: center center; background-repeat: no-repeat; border-radius: 50%; margin-right: 10px;}
.siteMap-foot .address{ background-image: url(../cd/siteMap-f1.png);}
.siteMap-foot .phone{ background-image: url(../cd/siteMap-f2.png);}
.pusher{ transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .pusher { transform: translateX(-26%); -webkit-transform: translateX(-26%); transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .siteMap-overlay{ opacity: 1; visibility: visible;}
.menuOpen .siteMap-nav{ right: -18px;}