@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,span,table,tr{padding:0;margin:0;}
body{font-family: Arial, Helvetica, sans-serif; color:#232424; padding:0; margin:0; list-style:none;}
body > section{ padding:0px;}
ul li{ list-style:none; }
p{ padding:0; margin:0;}
.bmax{ width:100%; height:80px; float:left;}
.jbob{ width:100%; height:30px; float:left;}
.bob{ width:100%; height:35px; float:left;}
.bmin{ width:100%; height:25px; float:left;}
.bmin30{ width:100%; height:30px; float:left;}
.bmin40{ width:100%; height:40px; float:left;}
.bmin60{ width:100%; height:60px; float:left;}
.bmin2{ width:100%; height:20px; float:left;}
.bmin3{ width:100%; height:10px; float:left;}
.bmin4{ width:100%; height:5px; float:left;}
.bmin5{ width:100%; height:2px; float:left;}
.bline{ width:100%; height:1px; background:#c6c6c6; float:left; margin:15px 0px;}
.bline2{ width:100%; height:1px; float:left; background:#cecece;}
.bline3{ width:100%; height:1px; float:left;}
.containermian{ width:100%; height:auto; float:left; overflow:hidden;}
.md{ width:1230px; }
.mds{ width:1330px;}
.plr0{ padding:0px}
.plr5{ padding:0px 8px;}
.plra5{ padding:5px;}
.plra10{ padding:10px;}
.plra15{ padding:15px;}
.plras15{ padding:25px 15px;}
.plra20{ padding:25px 20px;}
.plra30{ padding:25px 30px;}
.posr{ position:relative; z-index:1;}
.posa{ position:absolute;}
.foal{ float:left; }
.foar{ float:right; }
.ht100{ height:100%;}
.bg{ background:#efefef;}
.bg2{ background:#FFF;}
.cbg{ background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#efefef,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 10px 35px #efefef;/*兼容firefox*/
-webkit-box-shadow: 0px 10px 35px #efefef;/*兼容safari或chrome*/
box-shadow:0px 10px 35px #efefef;/*兼容opera或ie9*/
}
.ctc{
background: linear-gradient(bottom, #f2f1f1, #fafafa);
background: -ms-linear-gradient(bottom, #f2f1f1, #fafafa);
background: -webkit-linear-gradient(bottom, #f2f1f1, #fafafa);
background: -moz-linear-gradient(bottom, #f2f1f1, #fafafa);
}

/*--　浮动 --*/
/*#fixnav{position:fixed;
-webkit-animation:searchTop .5s ease-in-out;
-moz-animation:searchTop .5s ease-in-out;
animation:searchTop .5s ease-in-out
}
-webkit-keyframes searchTop {0% {top:-100px}to {top:0}}
@-moz-keyframes searchTop {0% {top:-100px}to {top:0}}
@keyframes searchTop {0% {top:-100px}to {top:0}}*/


/*-- 全屏 --*/
.fullscreen{ width:100%; height:100vh; float:left; background:#2b2b2b;}
#hero{ padding-top:105px;}
.liban{ width:100%; height:100%; background:#2b2b2b; background-size:cover; background-position:center center; background-repeat:no-repeat; }

/*-- 内页 --*/
.inheader .headerbox{ width:100%; height:auto; float:left; position:relative;}


/*-- 头部 --*/
.headerbox{ width:100%; height:105px; position:absolute; top:0; left:0; background:#FFF; z-index:99;}
.logo{ width:20%; height:auto; float:left; padding-top:15px;}
.logo img{}
.navbox{ width:70%; float:left; text-align:center;}
.navbox ul li{ display:inline-block; padding:0px 10px;}
.navbox ul li a{ padding:0px 15px; line-height:105px; font-size:16px; color:#000; position:relative;}
.navbox ul li:hover i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; width:50%; left:25%;}
.navbox ul li i{ width:10%; height:3px; background:#000; position:absolute; top:150%; left:45%; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#choose i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; width:50%; left:25%;}

.cen{ position:absolute; right:15px; top:40px;}
.searchv{ float:left; padding-right:20px; position:relative; cursor:pointer;}
.searchv:before{ content:""; position:absolute; right:0; top:5px; width:2px; height:13px; background:#000;}
.searchv img{ max-width:100%;}
.search-show{ width:230px; height:45px; position:absolute; background:#FFF; border:1px solid #000; top:65px; display:none; left:-200px; z-index:9;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
#search_input1{ outline:none; height:43px; width:198px; border:0px solid #CCC; line-height:43px; float:left; color:#000; font-size:13px; margin-top:0;
padding:0px 10px; background-color:transparent;}
#search_input2{ float:left; width:18px; height:18px; outline:none; margin-top:12px;}

.lug{ float:left;}
.lug ul li{ float:left; padding-left:15px;}
.lug ul li a{ color:#000; font-size:16px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.lug ul li a:hover{ color:#cdbd9b; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

/*-- TOP二级 --*/
.b-cpnav{ width:100%; height:auto; position:absolute; left:0%; top:100%; background:#f3f3f3; z-index:21; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.15s; -webkit-transition:0.15s; -moz-transition:0.15s;}
.b-lnav{ width:62%; height:auto; float:left; padding:30px 0px 30px 13%;}
.b-lnav h1{ width:100%; height:auto; float:left; font-size:20px; color:#646464; padding-bottom:25px;}
.b-lnav h1 span{ padding:0px 50px 14px 20px; border-bottom:1px #000 solid;}
.b-lnav ul li{ width:50%; height:auto; float:left; padding:5px 10px 5px 0px; position:relative; }
.b-lnav ul li a{ display:block; color:#646464; font-size:15px; line-height:23px; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}
.b-lnav ul li a:hover{ color:#000; text-decoration:underline; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}
.b-rnav{ width:38%; height:auto; float:left; padding:30px 30px 50px;}
.b-rnav img{ max-width:100%;}


/*-- syone --*/
.syone{ width:100%; height:auto; float:left; padding-top:70px;}
.syone-t{ width:100%; height:auto; float:left;}
.syone-t i{ width:100%; height:auto; float:left; text-align:center; padding:10px 0px;}
.syone-t p{ width:100%; height:auto; float:left; text-align:center; font-size:16px; color:#494949; line-height:21px; letter-spacing:0.5px;}

.syone-show{ width:100%; height:auto; float:left; padding:70px 0px;}
.syone-show .slide{ width:100%; height:auto; float:left; padding:6px;}
.syone-show .slide .syo{ width:100%; height:auto; float:left; background:#eeeeee;}
.syone-show .slide .syo i{ width:48%; height:auto; float:left;}
.syone-show .slide .syo i img{ width:100%; }
.syone-show .slide p{ width:52%; height:auto; float:left; font-size:15px; color:#414141; line-height:20px; text-align:center; margin-top:25%; padding:5px;}
.syone-show .slide p span{ font-size:19px; color:#000; padding:10px 0px; float:left; width:100%;}

/*-- sytwo --*/
.sytwo{ width:100%; height:auto; float:left;}
.sytwol{ width:50%; height:415px; float:left; background:#e3e3e3;}
.sytwol i{ width:100%; height:100%; float:left; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sytwor{ width:50%; height:auto; float:left; padding:10px 20px 10px 10%;}
.sytwor h1{ width:100%; float:left; font-size:41px; color:#323232; line-height:55px; margin-top:70px; font-weight:bold;}
.sytwor h2{ width:100%; float:left; font-size:22px; color:#323232; line-height:30px;}
.sytwor p{ width:70%; float:left; font-size:16px; color:#3e3e3e; line-height:25px; margin-top:25px;}

.sytwo-b{ width:100%; height:auto; float:left; padding-bottom:135px;
background: linear-gradient(left, #000000 50%, #FFFFFF 50%);
background: -ms-linear-gradient(left, #000000 50%, #FFFFFF 50%);
background: -webkit-linear-gradient(left, #000000 50%, #FFFFFF 50%);
background: -moz-linear-gradient(left, #000000 50%, #FFFFFF 50%);
}
.sytwo-bl{ width:50%; height:auto; float:left; padding-left:16%;}
.sytwo-bl i{ width:100%; height:auto; float:left; margin-top:65px;}
.sytwo-bl p{ width:70%; height:auto; float:left; margin-top:17px; font-size:16px; color:#ffffff; line-height:32px;}
.sytwo-br{ width:50%; height:415px; float:left; background:#e3e3e3;}
.sytwo-br i{ width:100%; height:100%; float:left; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.sytwo-x{ width:70%; height:auto; background:#FFFFFF; position:absolute; top:415px; right:0; padding:20px 45px;}
.sytwo-x i{ width:100%;  height:auto; float:left;}
.sytwo-x p{ width:40%; height:auto; float:left; color:#000000; font-size:16px; line-height:32px;}

/*--  syth --*/
.syth{ width:100%; height:auto; float:left; padding-top:240px;}
.syth-a{ width:100%; height:auto; float:left;}
.syth-al{ width:60%; height:auto; float:left; padding-left:15%;}
.syth-al h1{ width:100%; height:auto; float:left; font-size:41px; color:#000000; line-height:50px; padding:10px 0px; font-weight:600;}
.syth-al p{ width:100%; height:auto; float:left; font-size:15px; color:#000000; text-decoration:underline; text-transform:uppercase;}
.syth-ar{ width:40%; height:auto; float:left; padding:35px 50px;}
.syth-ar p{ width:100%; height:auto; float:left; color:#cbcbcb; font-size:40px; text-align:right; line-height:45px;}

.syth-b{ width:100%; height:auto; float:left; margin:70px 0px; background:#eeeeee;}
.syth-bl{ width:50%; height:auto; float:left; padding:100px 12% 10px; overflow:hidden;}
.syth-bl>i{ width:100%; height:auto; float:left; padding-left:20px;}
.syth-bl>i img{ max-width:100%;}
.syth-bl p{ width:100%; height:auto; float:left; font-size:15px; color:#000; line-height:30px; margin-top:15px;}
.syth-bl a{ float:left; color:#000; margin-top:40px; font-size:14px; color:#464646; line-height:25px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syth-bl a:hover{ color:#cdbd9b; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syth-bl a:hover>i{ margin-left:20px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syth-bl a span{ float:left; text-decoration:underline; font-weight:600;}
.syth-bl a>i{ position:relative; width:55px; height:25px; margin-left:10px; float:left; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syth-bl a>i:before{ content:""; position:absolute; left:6px; top:15px; width:45px; height:3px; background-color:#cdbd9b; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syth-bl a>i:after{ content:""; position:absolute; right:2px; top:8px; width:20px; height:3px; background-color:#cdbd9b;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.syth-br{ width:50%; padding:10%; height:620px; float:left; overflow:hidden; display:table; background-size:cover; background-color:#242424; background-position:center center ; background-repeat:no-repeat;}
.syth-br-a{ width:100%; height:auto; display:table-cell; border:8px solid #FFF; vertical-align:middle; padding:5px;}
.syth-br-a h1{ width:100%; text-align:center; float:left; color:#FFF; font-size:41px; line-height:45px;}
.syth-br-a p{ width:100%; padding:0px 15%; height:auto; float:left; text-align:center; font-size:14px; color:#FFF; margin-top:70px;}

/*-- syfo --*/
.syfo{ width:100%; height:auto; float:left; padding:100px 0px 140px;}
.syfo-a{ width:100%; height:auto; float:left;}
.syfo-al{ width:50%; height:auto; float:left; padding-top:250px;}
.syfo-al i{ width:90%; height:470px; float:right; background-size:cover; background-color:#666666; background-position:center center ; background-repeat:no-repeat;}
.syfo-ar{ width:50%; height:auto; float:left;}
.syfo-ar i{ width:100%; height:720px; float:left; background-size:cover; background-color:#242424; background-position:center center ; background-repeat:no-repeat;}
.syfo-b{ width:100%; height:auto; float:left;}
.syfo-bl{ width:50%; height:auto; float:left;}
.syfo-bl i{ width:100%; height:430px; float:left; background-size:cover; background-color:#f0f0f0; background-position:center center ; background-repeat:no-repeat;}
.syfo-br{ width:50%; height:auto; float:left;}
.syfo-br-a{ width:100%; height:260px; float:left; padding:50px 60px;}
.syfo-br-a i{ width:100%; height:auto; float:left;}
.syfo-br-a p{ width:70%; height:auto; float:left; font-size:15px; color:#000000; line-height:30px; margin-top:10px;}
.syfo-br-b{ width:100%; height:auto; float:left;}
.syfo-br-b i{ width:100%; height:170px; float:left; background-size:cover; background-color:#242424; background-position:center center ; background-repeat:no-repeat;}


/*-- about --*/
.about{ width:100%; height:auto; float:left;}
.about-t{ width:100%; height:auto; float:left; padding:100px 0px 45px;}
.about-t h1{ width:100%; height:auto; float:left; line-height:45px; font-size:45px; color:#323232; padding-left:260px; font-weight:600;}
.about-t p{ width:100%; height:auto; float:left; text-align:right; line-height:35px; font-size:26px; color:#000; margin-top:-10px;}
.about-p{ width:100%; height:auto; float:left;}
.about-p i{ width:100%; height:auto; float:left;}
.about-p i img{ width:100%; }
.about-info{ width:100%; height:auto; float:left; font-size:16px; color:#3e3e3e; line-height:28px; padding:50px 0px;}

.about-b{ width:100%; height:auto; float:left;}
.abone{ width:33.33%; height:420px; float:left; position:relative; background-size:cover; background-position:center center; background-repeat:no-repeat; background-color:#000;}
.abone span{ width:100%; height:100%;  position:absolute; left:0; top:0; background:#676767;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;
}
.abone i{ width:100%; height:auto; float:left; position:relative; z-index:1; margin-top:130px; text-align:center;}
.abone i img{ max-width:100%;}
.abone p{ width:100%; height:auto; float:left; text-align:center; font-size:24px; color:#FFF; font-weight:600; position:relative; z-index:1; margin-top:25px;}
.abone.cool span{ width:100%; height:100%;  position:absolute; left:0; top:0; background:#000000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;
}

.about-c{ width:100%; height:auto; float:left; padding:80px 0px 50px;}
.about-ct{ width:100%; height:auto; float:left; padding:15px 0px 15px 20%; font-size:16px; line-height:30px; color:#000; text-transform:uppercase; letter-spacing:1px;}
.about-cm{ width:100%; height:auto; float:left; padding:60px 0px;}
.ab-cml{ width:33%; height:665px; float:left; background-size:cover; background-position:center center; background-repeat:no-repeat; background-color:#000;}
.ab-cmr{ width:67%; height:auto; float:left; padding-left:7%;}
.ab-cone{ width:100%; height:195px; float:left; background:#f8f8f8; margin-bottom:40px; padding:10px 7%;}
.ab-cone h1{ width:100%; height:auto; float:left; display:table; position:relative; margin-top:15px;}
.ab-cone h1 span{ width:100%; height:70px; display:table-cell; vertical-align:middle; font-size:21px; color:#000; text-transform:uppercase; font-weight:600;}
.ab-cone h1:before{ content:""; position:absolute; left:0; bottom:0; width:40px; height:2px; background:#676767;}
.ab-cone p{ width:100%; height:auto; float:left; display:table; margin-top:20px;}
.ab-cone p span{ width:100%; height:65px; display:table-cell; vertical-align:top; font-size:17px; color:#383838;}


/*-- inbanner --*/
.inbanner{ width:100%; height:auto; float:left; background:#f4f4f4; position:relative;}
.inbanner i{ width:100%; height:auto; float:left;}
.inbanner i img{ width:100%; }
.inbanner h1{ width:100%; height:auto; position:absolute; text-align:center; left:0; top:45%; font-size:32px; color:#FFF;}


/*-- oem --*/
.oembox{ width:100%; height:auto; float:left; }
.oem-a{ width:100%; height:650px; float:left; overflow:hidden; background-size:cover; background-position:center center; background-repeat:no-repeat; background-color:#000;}
.oem-a h1{ width:100%; height:auto; float:left; text-align:center; color:#FFF; font-size:48px; margin-top:230px;}
.oem-a .p1{ width:100%; height:auto; float:left; text-align:center; color:#FFF; font-size:28px; line-height:30px; letter-spacing:2px;}
.oem-a .p1 span{ display:inline-block; position:relative; padding:20px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}
.oem-a .p1 span:before{ content:""; position:absolute; left:0%; bottom:0%; width:100%; height:2px; background:#FFF;
filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; }
.oem-a .p2{ width:100%; height:auto; float:left; text-align:center; color:#FFF; font-size:23px; line-height:30px;  padding:15px 0px;
filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}

.oem-b{ width:100%; height:auto; float:left; padding:130px 0px 100px; }
.oem-bl{ width:50%; height:auto; float:left; padding:45px;}
.oem-bl i{ width:100%; height:auto; float:left;}
.oem-bl p{ width:100%; height:auto; float:left; font-size:19px; color:#525252; line-height:22px; padding-top:20px; text-align:center;}
.oem-br{ width:50%; height:auto; float:left; }
.oem-br i{ width:100%; height:360px; float:left; background-color:#000; background-size:cover; background-position:center center; background-repeat:no-repeat;}

.oem-c{ width:100%; height:520px; float:left; background-attachment:fixed; background-size:cover; background-position:center center; background-repeat:no-repeat; background-color:#000;}
.oem-c h1{ width:100%; height:auto; float:left; font-size:38px; color:#FFF; line-height:40px; margin-top:200px;}
.oem-c p{ width:100%; height:auto; float:left; font-size:38px; color:#FFF; line-height:50px; padding:30px 30px 10px;}

.oem-d{ width:100%; height:auto; float:left; margin-top:45px; position:relative; }
.qtlogo{ position:absolute; width:100%; left:0; top:45%; text-align:center;}
.qtlogo span{ display:inline-block; width:110px; height:110px; background:#FFF;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.qtlogo span img{ max-width:100%; margin-top:38px;}
.qt1{ width:50%; height:auto; float:left; padding-right:7px; padding-bottom:7px; overflow:hidden;}
.qt1-img{ width:100%; height:auto; float:left;}
.qt1-img img{ width:100%;}
.qt1-info{ width:100%; height:auto; float:left; background:#f5f5f5; text-align:center;}
.qt1-t{ width:100%; height:auto; float:left; margin-top:20px; font-size:18px; color:#6d6e70; font-weight:600; line-height:48px;}
.qt1-show{ width:100%; height:120px; float:left; padding:0px 5%; display:table; overflow:hidden;}
.qt1-show p{ width:100%; height:100%; display:table-cell; font-size:13px; line-height:20px; color:#6d6e70; text-align:left; text-align:center;}

.qt2{ width:50%; height:auto; float:left; padding-left:7px; padding-bottom:7px; overflow:hidden;}
.qt3{ width:50%; height:auto; float:left; padding-right:7px; padding-top:7px; overflow:hidden;}
.qt4{ width:50%; height:auto; float:left; padding-left:7px; padding-top:7px; overflow:hidden;}

.oemelse{ width:100%; height:auto; float:left; padding:18px 0px 80px;}
.oemelse img{ width:100%;}


/*-- products --*/
.products{ width:100%; height:auto; float:left;}
.pro-a{ width:100%; height:auto; float:left; padding:20px 0px; position:relative;}
.pro-sort{ width:40%; height:auto; float:left; }
.pro-sort a{ color:#010101; font-size:28px; line-height:50px; float:left; position:relative;}
.pro-sort a:before{ content:""; position:absolute; top:24px; right:-22px; border:8px solid transparent; border-top-color:black ;}
.pro-search{ width:60%; height:auto; float:left; position:relative; z-index:0;}
.cpsearch{ width:50%; height:auto; float:right; border-bottom:1px solid #000;}
.cpsearch .p1{ width:85%; height:40px; float:left; border:0;}
.cpsearch .p2{ width:15%; height:40px; float:left; text-align:center; overflow:hidden; cursor:pointer; }
#search_inputp1{ outline:none; height:40px; width:100%; border:0px solid #CCC; line-height:40px; float:left; color:#a3a3a3; font-size:18px; padding:0 10px; background:#FFF;}
#search_inputp2{ display:inline-block; width:100%; height:100%; outline:none; cursor:pointer; background-image:url(../img/page/psearch.png); background-position:center; background-repeat:no-repeat; border:0; background-color:#FFF;}

.profloat{ display:none; background:#f0f0f0; width:100%; padding:25px 0px 40px; position:absolute; left:0; top:100%; z-index:2;}
.profloat i{ width:100%; height:4px; float:left; background:#cdbd9b; position:absolute; bottom:0; left:0;}
.profloat span{ padding:6px 0px; float:left; width:100%; display:table;}
.profloat a{ display:table-cell; vertical-align:middle; background:#FFF; text-align:center; font-size:18px; color:#000; height:50px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.profloat a:hover{ background:#000; color:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#pro{background:#000; color:#FFF; }

.pro-b{ width:100%; height:auto; float:left; padding-bottom:80px;}
.sortone{ width:100%; height:auto; float:left; border:1px solid #818181; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sortimg{ width:100%; height:auto; float:left; overflow:hidden; background:#dcdcdc;}
.sortimg img{ width:100%; }
.sortname{ width:100%; height:auto; float:left; display:table; border-top:0px; position:relative; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; }
.sortname p{ width:100%; height:85px; display:table-cell; text-align:center; vertical-align:middle; font-size:18px; color:#000;}
.sortone:hover{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#d5d4d4,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 5px 13px 3px #d5d4d4;/*兼容firefox*/
-webkit-box-shadow:0px 5px 13px 3px #d5d4d4;/*兼容safari或chrome*/
box-shadow:0px 5px 13px 3px #d5d4d4;/*兼容opera或ie9*/
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
transform:translateY(-15px);
-ms-transform:translateY(-15px);
-moz-transform:translateY(-15px);
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}

/*-- 产品内页 --*/
.cpone{ width:100%; height:auto; float:left; border:1px solid #c9c9c9; background:#f0f0f0; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.cpimg{ width:100%; height:auto; float:left; overflow:hidden; background:#FFF;}
.cpimg img{ width:100%; }
.cpname{ width:100%; height:auto; float:left; display:table; border-top:0px; position:relative; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; }
.cpname p{ width:100%; height:60px; display:table-cell; text-align:center; vertical-align:middle; font-size:16px; color:#313131; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.cpone:hover{ background:#000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#d5d4d4,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 5px 13px 3px #d5d4d4;/*兼容firefox*/
-webkit-box-shadow:0px 5px 13px 3px #d5d4d4;/*兼容safari或chrome*/
box-shadow:0px 5px 13px 3px #d5d4d4;/*兼容opera或ie9*/
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
transform:translateY(-15px);
-ms-transform:translateY(-15px);
-moz-transform:translateY(-15px);
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
.cpone:hover .cpname p{ color:#FFF; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s; }

/*-- page --*/
.page{ width:100%;height:auto; float:left; text-align:center; font-size:12px; padding:30px 0px;}
.pagination{text-align:center; width:100%;}
.pagination ul{width:100%; height:auto; text-align:center;}
.pagination ul li{display:inline-block; color:#353535; height:23px; line-height:23px; text-align:center; margin-right:5px;padding-left: 0;}
.pagination ul li:before{}
.pagination ul li a{color:#000; display:inline-block; vertical-align:top; font-size:13px; padding:1px 10px;
background:#f8f8f8; border:1px solid #f8f8f8;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pagination ul li a i{ background:none; float:left; font-style:normal;}
.pagination ul li a i.i1{ float:left; border:0; margin:5px 4px 6px 0px;}
.pagination ul li a i.i2{ float:right; border:0; margin:5px 0px 6px 4px;}
.pagination ul li a:hover{background:#000!important; color:#FFF; border:1px solid #000;}
.pagination ul li a.active{background:#000!important; color:#FFF; border:1px solid #000;}

/*-- 产品详细页 --*/
.cpline{ width:100%; height:auto; float:left; border-top:1px solid #cecece; border-bottom:1px solid #9d9d9d;}
.ban {width:100%; height:auto; float:left; position:relative;}
.t2{ width:55%; height:auto; position:relative; float:left;}
.tlogo{ position:absolute; left:20px; top:20px;}
.tlogo img{ width:80px;}
.tbox{ width:100%; height:auto; position:absolute; left:104%; bottom:0%;}

.prev {float:left;cursor:pointer;}
.min_pic {width:100%; height:auto; float:left; padding:0px 30px; position:relative;}
.num {width:100%; height:90px; overflow:hidden; position:relative; float:left; padding:0px 15px;}
.num ul {position:absolute;left:0;top:0; width:100%;}
.num ul li { width:110px; height:auto; float:left; margin-right:7px; text-align:center; background:#FFF; position:relative; cursor:pointer;}
.num ul li img{ width:auto; height:75px; }
.prev_btn1 { width:30px; height:80px; background:url(../img/page/abl.png) center center no-repeat; position:absolute; left:0px; top:0px; background-size:20px;}
.next_btn1 { width:30px; height:80px; background:url(../img/page/abr.png) center center no-repeat; position:absolute; right:0px; top:0px; background-size:20px;}
.prev_btn1:hover {}
.next_btn1:hover {}
.num ul li a{ display:block; position:relative; z-index:1; border:2px solid #e5e5e5; transition:0.3s;-webkit-transition: 0.3s;-moz-transition:0.3s;}
.num ul li:hover a{ border:2px solid #000; transition:0.3s;-webkit-transition: 0.3s;-moz-transition:0.3s;}
.num ul li.on a{ border:2px solid #000; transition:0.3s;-webkit-transition: 0.3s;-moz-transition:0.3s;}

.cpinfobox{ width:45%; height:auto; float:left; padding:20px 0px 0px 40px;}
.info-a{ width:80%; height:auto; float:left; padding-bottom:5px; border-bottom:1px solid #959595;}
.info-a p{ width:100%; height:auto; float:left; font-size:15px; color:#9b9b9b; line-height:28px;}
.info-a h1{ width:100%; height:auto; float:left; font-size:26px; line-height:40px; color:#000; font-weight:bold; padding:10px 0px;}
.info-b{ width:100%; min-height:150px; float:left; font-size:17px; color:#313131; line-height:30px; padding:15px 0px;}

.info-d{ width:100%; height:auto; float:left; padding:20px 0px;}
.info-d a{ width:40%; height:50px; float:left; margin-right:20px; border:1px solid #d2d2d2; background:#FFF; text-align:center; font-size:16px; color:#313131; line-height:50px; transition:0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.info-d a:hover{ background:#000000; border:1px solid #000000; color:#FFF; transition:0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#info-d{ background:#000000; border:1px solid #000000; }
.info-d #info-d{ color:#FFF;}

.otherbox{ width:100%; height:auto; float:left;}
.other-t{ width:100%; height:auto; float:left; background:#f0f0f0; padding:40px 0px;}
.other-t p{ width:100%; height:auto; text-align:center; float:left; font-size:23px; color:#929292; padding:5px 0px;}
.other-t h1{ width:100%; height:auto; text-align:center; float:left; font-size:38px; color:#000; padding:5px 0px;}
.other-show{ width:100%; height:auto; float:left; padding:25px 0px 70px;}

/*-- 新闻 --*/
.news{ width:100%; height:auto; float:left; padding:30px 0px;}
.news-t{ width:100%; height:auto; float:left; text-align:center; padding:30px 0px;}
.news-t h1{ font-size:38px; color:#323232; font-weight:600; }
.news-t p{ font-size:26px; color:#323232; padding:5px 0px;}

.news-show{ width:100%; height:auto; float:left;}
.newsone{ width:100%; height:auto; float:left; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.newsimg{ width:100%; height:auto; float:left; position:relative;}
.newsimg img{ width:100%;}
.ndate{ width:65px; height:65px; position:absolute; left:0; top:0; z-index:1; background-color:#dcdcdc; padding:5px 0px; text-align:center;}
.ndate h1{ float:left; width:100%; color:#000; font-size:30px; line-height:35px;}
.ndate p{ float:left; width:100%; color:#484848; font-size:14px; line-height:18px; letter-spacing:5px; padding-left:5px;}
.newsname{ width:100%; height:auto; float:left; display:table; border:1px solid #dcdcdc; border-top:0px; background:#FFF; padding:0 10%;}
.newsname p{ display:table-cell; text-align:center; height:100px; color:#272727; font-size:17px; line-height:23px; vertical-align:middle;}
.newsone:hover{
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e4e4e4,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 7px 10px #e4e4e4;/*兼容firefox*/
-webkit-box-shadow: 0px 7px 10px #e4e4e4;/*兼容safari或chrome*/
box-shadow: 0px 7px 10px #e4e4e4;/*兼容opera或ie9*/
-webkit-transform: translateY(-20px);
-moz-transition: translateY(-20px);
transform: translateY(-20px);
}

/*-- 新闻详细内容 --*/
.in-newsbox_title {width:100%; padding:15px 0px; font-size:26px; text-align:center; float:left; color:#2f2f2f; font-weight:600; margin-top:30px;}
.in-newsbox_info {width:100%;height:auto;float:left; text-align:center; padding:20px 0px;}
.in-newsbox_info ul li{ width:50%; float:left; font-size:16px; color:#2f2f2f;}
.in-newsbox_info span{ font-size:16px; color:#FFF; padding-right:10px;list-style:none; text-align:center; display:inline-block;}
.in-newsbox_content{float:left; font-size:16px; line-height:30px; width:100%; color:#2f2f2f;}
.in-newsbox_content img{ max-width:100%}
.pagee{width:100%;float:left; height:auto;}
.pagees{width:100%;float:left; height:auto;}
.pagesl{ width:30%; float:left;}
.pagesl p{ width:auto; font-size:15px; line-height:20px; padding:5px 0px; color:#2f2f2f;}
.pagesr p{ width:auto; font-size:15px; line-height:20px; padding:5px 0px; color:#2f2f2f;}
.pagesr{ width:30%; float:right; text-align:right;}
.pagesl a{ color:#FFF; font-size:15px; padding:5px 10px; display:inline-block;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background: #cdbd9b;
}
.pagesl a:hover{ color:#FFF; background:#161616;}
.pagesl i{ padding-right:5px;}
.pagesr a{ color:#FFF; font-size:15px; padding:5px 10px; display:inline-block;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background: #cdbd9b;
}
.pagesr i{ padding-right:5px;}
.pagesr a:hover{ color:#FFF; background:#161616;}


/*-- 联系我们 --*/
.contact{ width:100%; height:auto; float:left; padding:30px 0px;}
.cont-a{ width:100%; height:auto; float:left; }
.cont-b{ width:100%; height:auto; float:left; padding:70px 0px; background-color:#000; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.cont-bl{ width:65%; height:auto; float:left;}
.cont-bl-one{ width:100%; height:auto; float:left; padding:25px 0px;}
.cont-bl-one i{ float:left; padding-right:10px;}
.cont-bl-one i img{ max-width:100%; }
.cont-bl-one p{ width:80%; float:left; color:#FFF; font-size:20px;}
.cont-bl-one p span{ max-width:80%; float:left;}

.cont-br{ width:100%; height:auto; float:left; text-align:center;}
.cont-bl-two{ width:50%; height:auto; float:left; padding:45px 0px 45px 17%;}
.cont-bl-two i{ float:left; padding-right:10px;}
.cont-bl-two i img{ max-width:100%; }
.cont-bl-two p{ width:80%; float:left; color:#FFF; font-size:20px; margin-top:12px;}
.cont-bl-two p span{ max-width:80%; float:left;}

.cont-words{ width:100%; height:auto; float:left; background:#f5f5f5; padding:60px 0px;}
.cont-words .p1{ width:100%; height:auto; float:left; text-align:center; font-size:28px; color:#000; font-weight:600;}
.cont-words .p2{ width:100%; height:auto; float:left; text-align:center; font-size:18px; color:#757575; line-height:30px; margin-top:15px;}

/*-- feedback --*/
.feedback{ width:100%; height:auto; float:left; padding:80px 0px;}
.feedl{ width:100%; height:auto; float:left;}
.feedl .p1{ width:100%; height:auto; float:left; font-size:30px; color:#6c6462; line-height:40px; padding:5px 0px; font-weight:600;}
.feedl .p2{ width:100%; height:auto; float:left; font-size:17px; color:#757575; line-height:35px;}
.feedl .p2 span{  color:#F00; }
.feedbx{ width:100%; height:auto; float:left;}
.feedbx .p1{ width:100%; height:auto; float:left;}
.feedbox{ width:100%; height:auto; float:left;}
.feedbx{ width:100%; height:auto; float:left;}
.feed-t{ width:100%; height:auto; line-height:40px; float:left; color:#7d7d7d; font-size:14px;}
.feed-t i{ color:#F00; float:left; width:11px; font-style:normal;}
.feed-t span{ float:left;}
.feed-x{ width:100%; height:40px; float:left;}
#input1{ width:100%; height:100%; border:1px solid #cccccc; background-color:#f4e9d8; line-height:38px; float:left; color:#000; font-size:14px; outline:none; padding:0px 10px;}

.ct_from_input{ width:100%; height:100%; border:1px solid #cccccc; background-color:#f4e9d8; line-height:38px; float:left; color:#000; font-size:14px; outline:none; padding:0px 10px;}


.feed-tx{ width:100%; height:90px; float:left;}
.feed-tx textarea{float:left; resize:none; width:100%; height:100%; padding:5px 10px; font-size:14px; color:#000; outline:none; border:1px solid #cccccc; background-color:#f4e9d8;}
.crrbtn{ width:100%; height:auto; float:left;}
#button{ width:135px; height:33px; background:#f4e9d8; display:inline-block; cursor:pointer; border:1px solid #cccccc; font-size:13px; color:#7d7d7d;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
}
#button:hover{ background:#000; color:#FFF;}
.feedr{ width:50%; height:auto; float:left;}

/*-- 地图 --*/
.mapbox{ width:100%; height:470px; margin-top:45px; float:left; border:1px dashed #cecece; padding:10px;
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari 和 Chrome */
border-radius: 20px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
#container{ width:100%; height:100%; float:left;}

/*-- 底部 --*/
.footB{ width:100%; height:auto; float:left; border-top:3px solid #000;}
.footup{ width:100%; height:auto; float:left; position:relative; padding-bottom:30px;}
.foot-top{ width:150px; height:75px; position:absolute; right:0; top:0; background:url(../img/page/gotop.jpg) center center no-repeat #000; cursor:pointer;}
.foot-a{ width:100%; height:auto; float:left; padding-top:45px;}
.foot-b{ width:100%; height:auto; float:left; padding-top:10px;}
.foot-bl{ width:38%; height:auto; float:left;}
.foot-bl p{ width:100%; height:auto; float:left; font-size:15px; color:#000; line-height:25px;}
.foot-bl p i{ max-width:25%; float:left; font-style:normal;}
.foot-bl p span{ max-width:75%; float:left;}
.foot-br{ width:62%; height:auto; float:left; padding-left:3%; text-align:center;}
.foot-br ul li{ display:inline-block; padding:0px 20px; font-size:16px; color:#000; line-height:30px;}
.foot-br ul li a{ color:#000; text-transform:uppercase; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.foot-br ul li a:hover{ color:#cdbd9b; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.footdown{ width:100%; height:auto; float:left; border-top:1px solid #777777; padding:10px 0px; line-height:25px; font-size:14px; color:#161616; text-align:center; position:relative;}
.footdown span{ padding:0px 10px; }
.footdown a{ color:#161616; }



/* ~~ 脚注 ~~ */
@-webkit-keyframes movel {
0% { background-position: 50% 30%;}
50% { background-position: 50% 70%;}
100% { background-position: 50% 30%;}
}

@-moz-keyframes movel {
0% { background-position: 50% 30%;}
50% { background-position: 50% 70%;}
100% { background-position: 50% 30%;}
}

@keyframes movel {
0% { background-position: 50% 30%;}
50% { background-position: 50% 70%;}
100% { background-position: 50% 30%;}
}

/* ~~ 其它浮动/清除类 ~~ */
.fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clearbox{ width:100%; height:1px; float:left;}

.cnf18{ font-size:16px;}
#cnf38{ font-size:38px;}
.cnf14{ font-size:14px;}

.pon{
-webkit-animation-timing-function: ease-in-out;    /*动画时间曲线*/
-webkit-animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
-webkit-animation-duration: 1500ms;              /*动画持续时间*/
-webkit-animation-iteration-count: infinite;    /*动画要重复次数*/
-webkit-animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
-moz-animation-timing-function: ease-in-out;    /*动画时间曲线*/
-moz-animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
-moz-animation-duration: 1500ms;              /*动画持续时间*/
-moz-animation-iteration-count: infinite;    /*动画要重复次数*/
-moz-animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
animation-timing-function: ease-in-out;    /*动画时间曲线*/
animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
animation-duration: 1500ms;              /*动画持续时间*/
animation-iteration-count: infinite;    /*动画要重复次数*/
animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
}

@-webkit-keyframes breathe {
0% { opacity: 0.8;}
50% { opacity: 1;}
100% { opacity: 0.8;}
}
@-moz-keyframes breathe {
0% { opacity: 0.8;}
50% { opacity: 1;}
100% { opacity: 0.8;}
}
@keyframes breathe {
0% { opacity: 0.8;}
50% { opacity: 1;}
100% { opacity: 0.8;}
}

/*-- 左侧 --*/
.footside{position:fixed!important; width:60px; height:auto; right:0; top:45%; z-index:100;}
.footside ul li{ width:60px; height:60px; float:left; position:relative; margin-top:1px; list-style:none; background:#333333; color:#FFF;}
.footside ul li .sidetop{ width:60px; height:60px; display:inline-block; background:#333333; transition:all 0.3s;}
.footside ul li .sidetop:hover{ background:#0193de; opacity:1; filter:Alpha(opacity=100);}
.footside ul li img{ float:left; }
.footside ul li a{ position:absolute; width:60px; height:60px; top:0; right:0; background:#333333; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; line-height:60px; color:#FFF; font-size:17px;}
.footside ul li a span{ display:none;}
.footside ul li a span img{ width:100%;}
.footside ul li img{ max-width:100%; float:left;}
#cmail:hover a{ width:155px; background:#0193de; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; overflow:hidden;}
#cmail:hover a span{ display:block;}

/*-- --*/
.furight{ position:fixed; right:20px; top:35%; width:80px; height:auto; z-index:101; background:#FFF; padding:10px 0px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddcdc,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 0px 3px 0px #dddcdc;/*兼容firefox*/
-webkit-box-shadow:0px 0px 3px 0px #dddcdc;/*兼容safari或chrome*/
box-shadow:0px 0px 3px 0px #dddcdc;/*兼容opera或ie9*/
}
.furight ul li{ width:100%; height:auto; float:left;}
.furight ul li i{ width:100%; height:auto; float:left; text-align:center; padding:5px 0px;}
.furight ul li i img{ max-width:100%;}
.furight ul li p{ width:100%; height:auto; float:left; text-align:center; font-size:14px; color:#4a4a4a; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; padding:2px 0px 5px;}
.furight ul li a:hover p{ color:#00c1b4; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.furight.fen p{ font-size:12px;}

.furightB, .furightB2, .furightB3{ width:100%; height:100%; position:fixed; z-index:102; display:none;}
.ftB-bg{ width:100%; height:100%; position:absolute; top:0; left:0; background:#000;  filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.ftb-show{ width:100%; height:auto; float:left; top:12%; text-align:center; z-index:1; position:relative;}
.ftb-m{ max-width:500px; height:auto; display:inline-block; background:#FFF; border:1px solid #a6a6a6;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.ftb-mt{ width:100%; height:auto; float:left; padding:15px; border-bottom:1px solid #a6a6a6;}
.ftb-mt p{ width:80%; float:left; font-size:16px; text-align:left;}
.ftb-mt i{ width:20px; height:20px; float:right; position:relative; cursor:pointer;}
.ftb-mt i:before{ content:""; width:18px; height:2px; background:#000; position:absolute; right:9px; top:10px; cursor:pointer;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.ftb-mt i:after{ content:""; width:18px; height:2px; background:#000; position:absolute; right:9px; top:10px; cursor:pointer;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); 	/* Opera */
}
.ftb-in{ width:100%; height:auto; text-align:center; padding:15px; float:left;}
.ftb-in i{ width:100%; height:auto; float:left; padding:15px 20px 5px;}
.ftb-in i img{ max-width:100%;}
.ftb-in p{ font-size:14px; width:100%; height:auto; padding:10px 0px; float:left;}


/**width<=1024px windows sreen use**/
@media only screen and (max-width: 1024px) {

}

/**width>1280px windows sreen use**/
@media screen and (min-width: 1280px){
	.plras15{
		height:400px;
	}
}