@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;}
.bob{ width:100%; height:35px; float:left;}
.containermian{ width:100%; height:auto; float:left; overflow:hidden;}
.md{ width:1230px; }
.topmd{ width:1430px; }
.maxmd{ width:1920px;}
.jmd{ width:960px;}
.jsmd{ width:1090px}
.posr{ position:relative; z-index:1;}
.posa{ position:absolute;}
.plr0{ padding:0;}
.plr5{ padding:0px 5px;}
.plr15{ padding:0px 15px;}
.plra15{ padding:15px;}
.plra155{ padding:15px 5px; }
.foal{ float:left; }
.foar{ float:right; }
.ht100{ height:100%;}
.bg{ background:#f1faff;}
.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; z-index: 99;
-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{ }
.liban{ width:100%; height:100%; background-color:#2b2b2b; background-position:center center; background-repeat:no-repeat; }*/

/*-- 轮播 --*/
.bannerbox{ width:100%; height:auto; background:#e4e4e4; float:left; }
.flexslider ul li.liban>i{ float:left; position: relative; font-style: normal; }
.flexslider ul li.liban>i img{width:100%;}
.flexslider ul li.liban>i .showwords{ width:100%; height: auto; position: absolute; left: 0; top: 20%; display: none; }
.flexslider ul li.liban.flex-active-slide>i .showwords{ display: block;}
.flexslider ul li.liban>i .showwords h1{ width:100%; height: auto; float: left; text-align: center; font-size: 56px; line-height: 80px; font-weight: bold; color: #000;}
.flexslider ul li.liban>i .showwords p{ width:100%; height: auto; float: left; text-align: center; padding: 30px 0px; }
.flexslider ul li.liban>i .showwords p span{ display:inline-block; background: #ffbe1d; width: 550px; height: 60px; line-height: 60px; color: #FFF; font-size: 30px; font-weight: bold;
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari 和 Chrome */
border-radius: 20px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.flexslider ul li.liban>i .showwords p a{ display:inline-block; background: #005bac; width: 140px; height: 45px; line-height: 45px; color: #FFF; font-size: 20px; font-weight: bold; transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.flexslider ul li.liban>i .showwords p a:hover{ background: #000; transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s; }			

/*-- 导航loc --*/
.locbox{ width:100%; height:auto; float: left; padding: 25px 0px;}
.locbox ul li{ display: inline-block; line-height:30px; color:#686868; font-size:15px; vertical-align: top; padding: 0px 3px;}
.locbox ul li i{ font-size:15px; color:#686868; float: left; width: 10px ; margin-right: 7px; height: 30px;}
.locbox ul li i svg{ width:12px;}
.locbox a{ display:inline-block; color:#686868; font-size:15px;}
.locbox a:hover{ color:#e74109; }
#lochome{margin-right: 13px; margin-top: 3px;}
#lochome svg{ width:22px;}

.locbox.incp{ border-bottom: 1px solid #ebebeb; padding: 15px 0px 10px;}
.locbox.incp ul{ text-align: right;}

/*-- 头部 --*/
.header{ width:100%; height: auto; position: absolute; left: 0; top:0; z-index: 999;}
.header:before{ width:100%; height: 105px; content: ''; position: absolute; left: 0; top: 0; background: #FFF;
filter:alpha(opacity=35); -moz-opacity:0.35; -khtml-opacity:0.35; opacity:0.35;}
#fixnav:before{ filter:alpha(opacity=45); -moz-opacity:0.45; -khtml-opacity:0.45; opacity:0.45;  background: #EEEEEE;}

.logo{ width:40%; height: 100px; float: left; position: relative; }
.logo>i{ position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%);}
.logo>i a{ display:block;}
.logo>i a img{ max-width: 100%;}

/*-- 导航 --*/
.navbox{ width:60%; height:105px; float: left; position: relative; z-index: 1; }
.navbox ul{ display: flex;}
.navbox ul li{ flex:1 1 auto; text-align: center; margin-right: 5px; text-transform: uppercase;}
.navbox ul li a{display:table-cell; height: 105px; vertical-align: middle; font-size: 16px; color: #000; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; }
.navbox ul li a:hover{ color: #e74009; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; }
.navbox ul li.active a{ color: #e74009; }

/*-- TOP二级 --*/
.b-cpnav{ width:100%; height:0; position:absolute; left:0%; top:100%; background:#fcfcfc; z-index:1; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s; overflow: hidden;}
.b-cpnav.on{ height:200px; visibility:visible; filter:alpha(opacity=1); -moz-opacity:100; -khtml-opacity:100; opacity:100;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s; 
}
.b-cpnav.nen.on{ height:200px;}
.bhnavM{ width:100%; height: auto; float: left; }
.bhnavM ul{ padding: 5px 0px 30px; }
.bhnavM ul li{ width:14.2%; height: auto; float: left; padding: 5px;}
/*.bhnavM ul li:nth-child(3){ width:25%;}*/
.bhnavM ul li i{ width:100%; height: auto; float:left;}
.bhnavM ul li i img{ width:100%;}
.bhnavM ul li h1{ width:100%; height: auto; float: left; font-size: 14px; display: table;}
.bhnavM ul li h1 a{ display:table-cell; width:100%; height: 40px; vertical-align: middle; color: #000000; }
.bhnavM ul li p{ width:100%; height: auto; float: left; display: table; font-size: 12px; color: #474747; margin-bottom: 3px;}
.bhnavM ul li p a{ width:100%; height: 25px; display: table-cell; color: #000;}
.bhnavM ul li:nth-child(3) p{ width:auto; line-height: 12px; padding-right: 5px;}
.bhnavM ul li h1 a:hover { color: #e74009; }
.bhnavM ul li p a:hover{ color: #e74009; }


/*-- 语言 --*/
.cenbox{ position: absolute; right: 35px; top: 0px; z-index: 2; }
.golang{ float:left; font-size: 14px; color: #000; padding: 5px 10px; position: relative; }
.golang:before{ width:1px; height: 15px; content:''; position: absolute; right: -7px; top: 12px; background: #000;}
.golang a{ display:block; color: #000; line-height: 25px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; }
.golang a:hover{ color: #e74009; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.gsearch{ float:left;}
.gsearch i{ padding:0px; padding-top: 7px; float: left; width:30px;}
.gsearch i svg{ wdith:23px; height: 23px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; cursor: pointer;}
.gsearch i:hover #fsearch{ fill:#e74009; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.search-show{ width:230px; height:45px; position:absolute; background:#FFF; border:2px solid #000; top:105px; display:none; left:-120px; 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:22px; height:22px; outline:none; margin-top:10px;}

/*-- 内页效果图 --*/
.inban{ width:100%; height: auto; float: left; }
.inban i{ width:100%; height: 400px; float: left; background-color: #d58f49; background-repeat: no-repeat; background-size: cover; background-position: center center; font-style: normal;}
.inban h1{ font-size: 35px; color: #ffffff; line-height: 40px; padding: 5px 0px; margin-top: 13%;}
.inban h2{ font-size: 35px; color: #ffffff; line-height: 40px; padding: 5px 0px;}
.inban p{ font-size: 16px; color: #ffffff; line-height: 20px; padding: 10px 0px; margin-top: 15px;}

/*-- syone --*/
.syone{ width:100%; height: auto; float: left; padding: 35px 0px;}
.syo-a{ width:12.5%; height: auto; float: left; padding: 10px 15px;}
.syo-a i{ width:100%; height: auto; float: left; text-align: center; padding: 10px 0px;}
.syo-a i img{ max-width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; }
.syo-a p{ width:100%; height: auto; float: left; display: table; border-top: 1px solid #3d3d3d; border-bottom: 1px solid #3d3d3d;}
.syo-a p span{ display: table-cell; width:100%; height: 60px; vertical-align: middle; text-align: center; font-size: 15px; color: #3d3d3d; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syo-a:hover p span{ background: #666666; color: #FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syo-a:hover i img{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

/*-- sytwo --*/
.sytwo{ width:100%; height: auto; float: left; padding: 10px 0px;}
.sytwo-a{ width:100%; height:440px; float:left; position:relative; overflow: hidden; }
.sytwo-a i{width:100%; height:100%; background-color:#373737; position:absolute; left:0; top:0; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; filter:alpha(opacity=35); -moz-opacity:0.35; -khtml-opacity:0.35; opacity:0.35; z-index: 1; }
.sytwo-a a{width:100%; height:100%; float:left; padding:30px 30px 0px; color:#FFF; }
.sytwo-a a:hover i{ transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}
.sytwo-a h1{ width:100%; height:auto; float:left; font-size:33px; line-height:40px; position:relative; z-index:1; margin-top: 23%;}
.sytwo-a span{ width:135px; height:40px; float:left; line-height:40px; background:#FFF; text-align:center; color:#000000; font-size:14px; margin-top:35px; position:relative; z-index:1;}
.sytwo-a b{ width:100%; height: 100%; position: absolute; left: 0; top: 0; background-position:center; background-repeat:no-repeat; background-size:cover; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; }
.sytwo-a:hover b{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

/*-- syth --*/
.syth{ width:100%; height: auto; float: left; padding: 90px 0px 80px;}
.syth-t{ width:100%; height: auto; float: left; text-align: center; }
.syth-t h1{ font-size:36px; color: #201f1f; line-height: 50px; font-weight: 600; }
.syth-t p{ width:100%; height: auto; float: left; font-size: 17px; line-height: 30px; color: #6b6b6b; padding: 28px 10%; }
.syth-show{ width:100%; height: auto; float: left;}
.syth-num{ width:100%; height: auto; float: left; padding: 40px 0px;}
.syth-num ul li{ width:33.3%; height:auto; float: left; text-align: center; }
.syth-num ul li h1{ font-size:42px; font-weight: bold; line-height:50px; }
.syth-num ul li p{ font-size:20px; color: #9b9a9a;  line-height:35px; }

.syth-btn{ width:100%; height: auto; float: left; text-align: center; padding-top: 25px; }
.syth-btn a{ width:140px; height: 40px; display: inline-block; background: #e74009; font-size: 16px; color: #FFF; line-height: 40px; text-align: center; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syth-btn a:hover{ background-color: #242424; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

/*-- syfo --*/
.syfo{ width:100%; height: 380px; float: left; background-color: #d58f49; background-repeat: no-repeat; background-size: cover; background-position: center center; display: table; position: relative; overflow: hidden;}
.syfo-b{ width:100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; padding-top: 50px;}
.syfo-b div{ background: #e74009; display: inline-block; padding: 25px 70px 25px 50px; position: relative; z-index: 1;}
.syfo-b div p{ width:100%; font-size: 13px; color: #FFF; line-height: 20px; padding: 2px 0px; float: left; }
.syfo-b div h1{ width:100%; font-size: 36px; color: #FFF; line-height: 40px; padding: 2px 0px; float: left; position: relative;}
.syfo-b div h1 i{ position:absolute; right:5px; top:5px;}
.syfo-b div h1 i svg{ width:40px; height: 40px;}

.syfosvg{ position:absolute; left: 0; top: 70px;  z-index: 1; text-align: center; width: 100%; height: auto; }
.syfosvg i{ display: inline-block; }
.syfosvg svg{ width:1000px; }

#tt{
stroke:#e3e3e3;
fill: none;
stroke-width:1;
stroke-dasharray:800;
stroke-dashoffset:800;
-webkit-animation: dt 8s linear forwards infinite;
-moz-animation: dt 8s linear forwards infinite;
-o-animation: dt 8s linear forwards infinite;
animation: dt 8s linear forwards infinite;
 }	
@-webkit-keyframes dt {
100% {stroke-dashoffset:0; }
}
@-moz-keyframes dt {
100% {stroke-dashoffset:0; }
}
@keyframes dt {
100% {stroke-dashoffset:0; }
}


/*-- syfv --*/
.syfv{ width:100%; height: auto; float: left; padding: 90px 0px;}
.syfv-a{ width:100%; height:520px; float:left; position:relative; overflow: hidden; }
.syfv-a i{width:100%; height:100%; background-color:#373737; position:absolute; left:0; top:0; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; filter:alpha(opacity=35); -moz-opacity:0.35; -khtml-opacity:0.35; opacity:0.35; z-index: 1; }
.syfv-a a{width:100%; height:100%; float:left; padding:30px 40px 0px; color:#FFF; }
.syfv-a a:hover i{ transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}
.syfv-a p{ width:100%; height: auto; float:left; margin-top: 15%; font-size: 20px; line-height:30px;  position:relative; z-index:1;}
.syfv-a h1{ width:100%; min-height:180px; float:left; font-size:36px; line-height:55px; position:relative; z-index:1; padding: 10px 0px; }
.syfv-a h3{ min-width:200px; height:40px; padding: 0px 15px; float:left; line-height:40px; background:#FFF; text-align:center; color:#000000; font-size:16px; margin-top:35px; position:relative; z-index:1; text-align: center; }
.syfv-a b{ width:100%; height: 100%; position: absolute; left: 0; top: 0; background-position:center; background-repeat:no-repeat; background-size:cover; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; }
.syfv-a:hover b{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.syfv-a h3 span{ display:inline-block; padding-right: 15px; vertical-align: middle;}
.syfv-a h3 svg{ display:inline-block; width: 20px; height: 40px; vertical-align: middle;}
.syfv-a h3:hover #aa{ fill:#FFF; }


/*-- 关于我们 --*/
.about{ width:100%; height: auto; float: left;}
.abone{ width:100%; height: auto; float: left;}
.aboneL{ width:47%; height: auto; float: left; padding-right: 50px;}
.aboneL h1{ width:100%; font-size: 30px; line-height: 35px; color: #2b2b2b; height: auto; float: left; margin-top: 40px;}
.aboneL p{ width:100%; font-size: 15px; color: #4c4c4c; line-height: 25px; height: auto; float: left; margin-top: 28px;}
.aboneR{ width:53%; height: auto; float: left; background: #242424; margin-top: 60px;}
.aboneR img{ width:100%;}

.abtwo{ width:100%; height: auto; float: left; padding: 40px 0px 10px;}
.abtwo-t{ width:100%; height: auto; float: left; padding: 20px 0px; border-bottom: 1px solid #cecece;}
.abtwo-t h1{ font-size: 25px; color: #2b2b2b; line-height: 30px; }
.abtwo-show{ width:100%; height: auto; padding: 20px 0px; float: left;}
.abtwo-a{ width:100%; height: auto; float: left; display: table; padding: 0px 35px; color: #000;  border: 1px solid #cecece; }
.abtwo-a p{ width:100%; height: 125px; display:table-cell; vertical-align: middle; font-size: 20px; }
.abtwo-a p span{ font-size: 16px; }
.abtwo-a.c1{ color: #ffffff; background: #404040; border: 1px solid #404040;}
.abtwo-a.c3{ background: #cecece; }
.abtwo-a.c5{ background: #e74009; border: 1px solid #e74009;  color: #ffffff;}

.abth{ width:100%; height: auto; float: left;}
.abth i{ width:100%; height: auto; float: left; background-color:#B1B1B1; background-repeat: no-repeat; background-position: center center;}
.abth i img{ width:100%;}

.abfo{width:100%; height: auto; float: left;}
.abfo-show{ width:100%; height: auto; float: left; padding-bottom: 70px; }
.abfo-p{ width:100%; height: auto; float: left; padding: 30px 0px; }
.abfo-p p{line-height: 30px; font-size: 16px; color: #2b2b2b;}
.abfo-else{ width:100%; height: auto; float: left; }
.abfo-else-a{ width:550px; height: 500px; float: left; background-color: #242424; background-repeat: no-repeat; background-position: center center;}
#myTab{ width:255px; float:right; margin-top: 14%;}
#myTab li{ width:255px; height: 70px; float: left; display: table; position: relative; margin-top: 15px; overflow: hidden;
-moz-border-radius: 60px 0px 0px 60px; /* Firefox */
-webkit-border-radius: 60px 0px 0px 60px; /* Safari 和 Chrome */
border-radius: 60px 0px 0px 60px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#myTab li:before{ content:''; position:absolute; left: 0; top: 0; width:100%; height: 100%; background:#FFF;
filter:alpha(opacity=82); -moz-opacity:0.82; -khtml-opacity:0.82; opacity:0.82;}
#myTab li a{ width:100%; height: 100%; display:table-cell; vertical-align: middle; text-align: center; position: relative; z-index: 1;
 font-size: 20px; color: #000;}
#myTab li.active a{ background: #e74009; color: #FFF;}
 
.abfo-else-b{ width:820px; height: 500px; float: left; background: #f5f5f5; padding: 30px 4%; }
.abfo-else-b i{ width:100%; height: auto; float: left; font-size: 20px; color: #000; line-height: 30px; font-weight:bold; padding: 35px 50px; font-style: normal;}
.abfo-else-b.tab-content .tab-pane .abw{ width:100%; min-height:60px; float: left; border-left: 1px solid #888888; position: relative;}
.abfo-else-b.tab-content .tab-pane .abw:before{ width:18px; height: 18px; content: ''; position:absolute; left: -9px; top: 0; border: 1px solid #888888; background: #FFF;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.abfo-else-b.tab-content .tab-pane .abw>h1{ width:30%; height: auto; float: left; font-size: 16px; color: #1b1b1b; padding-left: 30px;}
.abfo-else-b.tab-content .tab-pane .abw>p{ width:70%; height: auto; float: left; font-size: 16px; color: #1b1b1b;}
.abfo-else-b.tab-content .tab-pane .abw.noline{ border-left: 0;}

/*-- 产品 --*/
.products{ width:100%; height: auto; float: left;}
.pro-t{ width:100%; height: auto; float: left; padding: 10px 0px 25px; text-align: center;}
.pro-t h1{ font-size: 30px; line-height: 40px; color: #000; display: inline-block;}
.pro-search{ width:100%; height: auto; float: left; text-align: center;}
.psearch-show{ width:325px; height:40px; border:1px solid #a5a5a5; display: inline-block;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
#psearch_input1{ width:78%; outline:none; height:38px; border:0; line-height:38px; float:left; color:#a1a1a1; font-size:12px; margin-top:0;
padding:0px 10px; background-color:#FFF;}
#psearch_input2{ width:21%; height:38px; outline:none; float:right; border: 0; background: #4a4a4a; background-image: url(../img/page/cpsearchx.png);
background-repeat: no-repeat; background-position: center; background-size: 25px; }

.pro-nav{ width:100%; height: auto; float: left; padding-bottom: 70px;}
.pro-nav-t{ width:100%; height: auto; float: left; margin-top: 20px;}
.pro-nav-t h1{ font-size: 18px; color: #6a6a6a; font-weight: bold; line-height: 35px; float: left; padding: 10px 0px; }
.pro-nav-t p{ font-size: 14px; line-height: 35px; float: right; padding: 10px 0px; }
.pro-nav-t p a{ color: #6a6a6a; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.pro-nav-t p a:hover{ color: #e74009; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.pro-nav-t p a svg{ width:10px; height: 10px;}
.pro-nav-t p a:hover svg{ fill:#e74009; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.pro-nav-show{ width:100%; height: auto; float: left;}
.pro-nav-show i{ width:100%; height: auto; float: left; overflow:hidden; background: #dadada; }		  
.pro-nav-show i img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.pro-nav-show h1{ width:100%; height: auto; float: left; display: table;}
.pro-nav-show h1 span{ width:100%; height: 60px; display: table-cell; vertical-align: middle; text-align: center; font-size: 16px; color: #6a6a6a; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sortone{ width:100%; height: auto; float: left; }
.sortone:hover i img{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.sortone:hover h1 span{ color: #e74009; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

/*-- 内页 --*/
.inpro{ width:100%; height: auto; float: left; }
.inpro-snav{ width:100%; height: auto; float: left; }
.inpro-sv{ width:73%; height: auto; float:left; }
.inpro-sv ul li{  padding: 5px 35px 5px 0px; float: left; }
.inpro-sv ul li a{ display:block; font-size: 16px; color: #a1a1a1; line-height: 25px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.inpro-sv ul li a:hover{ color: #000; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.inpro-sv ul li a.active{ color:#000;}
.inpro-search{ width:27%; height: auto; float: left; background:#FFF;}
.inpro-search .psearch-show{ width:100%; height:40px; border:1px solid #a5a5a5; display: inline-block;}
.inpro-twonav{ width:100%; height: auto; float: left; padding-left: 10px; position: relative; border-bottom: 1px solid #b4b4b4;}
.inpro-twonav:before{ content: ''; position: absolute; left: 0; top: 10px; width:2px; height: 15px; background: #000;}
.inpro-twonav ul li{ padding: 5px 35px 5px 0px; float: left;}
.inpro-twonav ul li a{ display:block; font-size: 14px; color: #a1a1a1; line-height: 25px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.inpro-twonav ul li a:hover{ font-size: 16px; color: #e74008; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.inpro-twonav ul li a.active{ font-size: 16px; color:#e74008;}

.probox{ width:100%; height:auto; float:left; padding: 30px 0px;}
.cpbox{ width:100%; height:auto; float:left;}
.cpone{ width:100%; height:auto; float:left; border:1px solid #c3c3c3; background:#c3c3c3; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s; }
.cpone i{ width:100%; height:auto; float:left; background:#c3c3c3; overflow: hidden; }
.cpone i img{ width:100%;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; }
.cpname{ width:100%; height:auto; display: table; float: left; border-top:1px solid #c3c3c3; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.cpname h1{ width:100%; height: 45px; font-size: 14px; color: #000; text-align: center; vertical-align: middle; display: table-cell; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s; }
.cpone:hover{ background:#ea5404;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e4e4e4,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 5px 13px 3px #e4e4e4;/*兼容firefox*/
-webkit-box-shadow:0px 5px 13px 3px #e4e4e4;/*兼容safari或chrome*/
box-shadow:0px 5px 13px 3px #e4e4e4;/*兼容opera或ie9*/
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}
.cpone:hover .cpname{ border-top:1px solid #ea5404; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.cpone:hover .cpname h1{ color:#FFF; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.cpone:hover i img{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.propage{ width:100%; height: auto; float: left; text-align: center; padding: 50px 0px;}
.propage ul{ display:inline-block; border-top:1px solid #999; border-left:1px solid #999;}
.propage ul li{ float:left; border-right: 1px solid #999; border-bottom: 1px solid #999; }
.propage ul li a{ width:44px; height: 44px; font-size: 15px; display: block; line-height: 44px; color: #000; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.propage ul li a i{ font-style: normal;}
.propage ul li svg{ width: 22px; height: 22px; margin-top:11px; }
#prevjt{ fill:#999; } 
#nextjt{ fill:#999; } 
.propage ul li a.active{ background-color: #e64107; color: #FFF;}
.propage ul li:hover a{ background-color: #e64107; color: #FFF; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.propage ul li:hover #prevjt{ fill:#FFF; } 
.propage ul li:hover #nextjt{ fill:#FFF; }


/*-- 产品详细 --*/
.proinfobox{ width:100%; height:auto; float:left; padding:20px 0px; }
.ban {width:100%; height:auto; float:left; position:relative; z-index:1;}
.banl{ width:100%; height:auto; float:left; position:relative; padding-bottom: 120px; }
.t2 {width:50%; float:left; position:relative;}
.t2 img {width:100%;}
.marklogo{ position:absolute; left: 25%; top: 45%;}
.marklogo i{ width: 100%; float:left; }
.marklogo i img{ width:100%; }
.prev {float:left;cursor:pointer;}
.min_pic {width:100%; height:auto; position: absolute; left: 0; bottom: 0;}
.num { width:100%; height:110px; overflow:hidden; position:relative; float:left;}
.num ul { position:absolute;left:0;top:0;}
.num ul li { width:140px; height:auto; float:left; margin-right:8px; text-align:center; background:#FFF;}
.num ul li img { width:auto; height:100px; }
.num ul li:hover a{ border:2px solid #e64107; }
.num ul li a{ display:block; position:relative; z-index:1; border:2px solid #8d8d8d; }
.num ul li.on a{ border:2px solid #e64107; }

.banr{ width:50%; height:auto; padding-left:50px; position: absolute; top:0; right: 0;}
.br-a{ width:100%; height:auto; float:left; padding-top:30px; border-bottom:2px solid #8e8d8d;}
.br-a h1{ width:100%; height:auto; float:left; font-size:28px; font-weight:600; line-height:35px; color:#000000; padding:5px 0px;}
.br-b{ width:100%; height:auto; float:left; }
.br-b p{ width:100%; height:auto; float:left; font-size:17px; line-height:30px; color:#141414; padding:15px 0px 0px;}
.br-c{ width:100%; padding-bottom: 30px; float: left; }
.br-c ul li{ width:100%; height:auto; float:left; font-size:17px; line-height:30px; color:#141414;}

.br-cd{ width:100%; height: auto; float: left; border-top:2px solid #8e8d8d; padding: 15px 0px; }
.br-cd h1{ width:100%; height: auto; float: left; font-size: 16px; color: #141414; line-height: 30px; }
.br-cd p{ width:100%; height: auto; float: left; font-size: 14px; color: #141414; line-height: 25px; }
.br-cd ul{ width:100%; float: left; padding: 15px 0px;}
.br-cd ul li{ width:50%; height: auto; float: left; font-size: 14px; color: #141414; line-height: 25px; position: relative; padding-left: 25px; }
.br-cd ul li i{ position: absolute; left: 0; top:2px; }
.br-cd ul li i svg{ width:22px; height: 22px;}
.br-cd ul li a{color: #141414; }

.samebox{ width:100%; height:auto; float:left; margin-top:70px;}
.same-t{ width:100%; height:auto; float:left; position: relative;}
.same-t h1{ font-size:30px; line-height:60px; color:#000000; position: relative; float: left; padding-left: 18px;}
.same-t h1:before{ content:''; position:absolute; left: 0; top: 25px; width:10px; height: 10px; background: #e64107;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.same{ width:100%; height:auto; float:left; padding:30px 0px 100px;}

.cpot{ position:absolute; right:0; top:37px; }
.cpot ul li{ width:auto; height:40px; padding:0px 5px; float:left;}
.cpot ul li a{ font-weight: bold; font-size:14px; line-height:40px; color:#a0a0a0; float:left; position:relative; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
#cprev a{ padding-left:28px;}
#cprev i{ position:absolute; left:0; top:19px; width:25px; height:2px; background:#a0a0a0;}
#cprev i:before{content:""; position:absolute; left:0; top:-3px; width:8px; height:2px; background-color:#a0a0a0; 
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 */}

#cnext a{ padding-right:28px;}
#cnext i{ position:absolute; right:0; top:19px; width:25px; height:2px; background:#a0a0a0;}
#cnext i:before{content:""; position:absolute; right:0; top:-3px; width:8px; height:2px; background-color:#a0a0a0; 
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 */}
.cpot ul li:hover a{ color:#e74109; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
#cprev:hover i,#cprev:hover i:before{ background:#e74109;}
#cnext:hover i,#cnext:hover i:before{ background:#e74109;}

/*-- 专卖店 --*/
.sell{ width:100%; height: auto; float: left; padding-bottom: 30px; overflow: hidden; text-align: center;}
.sell-t{ width:100%; height: auto; float: left; text-align: center; }
.sell-t h1{ width:100%; height: auto; float: left; color: #e84008; font-size: 30px; }
.sell-t p{ width:100%; height: auto; float: left; font-size: 16px; color: #565656; line-height: 30px; padding: 5px 0px; }
.sell-show{ width:100%; height: auto; float: left; padding: 25px; background: #fbfbfb; border: 1px solid #b7b7b7; margin-top: 40px; margin-bottom: 60px; }

.Bimg{ width:900px; height:530px; float:left; position:relative; overflow:hidden; }
.Bimg ul{ position:absolute; left:0px; top:0;}
.Bimg ul li{ width:900px; height:530px; float:left;}
.Bimg ul li img{ width:100%; }
.apmin_pic{ width:220px; height:480px; float:right; background: #ffffff; padding: 20px; position:relative;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e4e4e4,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 2px 8px #e4e4e4;/*兼容firefox*/
-webkit-box-shadow:0px 2px 8px #e4e4e4;/*兼容safari或chrome*/
box-shadow:0px 2px 8px #e4e4e4;/*兼容opera或ie9*/
}
.apnum{ width:100%; height:100%; overflow:hidden; float:left; position: relative;}
.apnum ul{ position:absolute; left:0; top:0;}
.apnum ul li{ width:180px; height:auto; padding-top: 5px; border-bottom:1px solid #747474;}
.apnum ul li a{ display: block; padding: 20px 0px 10px; line-height: 20px; text-align: center; font-size: 16px; color: #000; }
.apnum ul li.on a{ color: #FFF; background:#e84008; }
.sell-jt{ position:absolute; left: 0; bottom: -50px; width:100%; height: 30px; overflow:hidden; }
.sell-jt svg{ margin-top:5px;}
.apprev_btn1{ width:49%; text-align:center; height:30px; cursor:pointer; float:left; margin-right: 1%; background: #e84008;}
.apnext_btn1{ width:49%; text-align:center; height:30px; cursor:pointer; float:left; margin-left: 1%; background: #e84008;}
.apprev_btn1:hover{ background: #242424; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.apnext_btn1:hover{ background: #242424; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

/*-- 加盟 --*/
.join{ width:100%; height: auto; float: left;}
.join-a{ width:100%; height: auto; float: left; padding-bottom: 50px; overflow: hidden;}
.join-at{ width:100%; height: auto; float: left; text-align: center;}
.join-at p{ font-size: 18px; color: #2c2c2c; padding: 12px 0px; }
.join-at h1{ font-size: 45px; font-weight: bold; color: #2c2c2c; }
.join-at h2{ font-size: 20px; color: #2c2c2c; line-height: 30px; padding-top: 30px; }
.join-ashow{ width:100%; height: auto; float: left;}
.join-as-t{ width:100%; height: auto; float: left; text-align: center; padding: 50px 0px;}
.join-as-t i img{ max-width:100%; }

.join-as-else{ width:100%; height: auto; float: left;}
.join-as-one{ width:25%; height: auto; float: left; padding: 5px 15px;}
.join-as-one i{ width:100%; height: auto; float: left; text-align: center; cursor: pointer;}
.join-as-one i img{ max-width:100%; }
.join-as-one h1{ width:100%; height: 40px; float: left; display: table; margin-top: 20px;}
.join-as-one h1 span{ width:100%; height: 100%; display: table-cell; vertical-align: middle; font-size: 20px; color: #434343; text-align: center; font-weight: bold; line-height: 13px; }
.join-as-one p{ width:100%; height: 60px; float: left; display: table; margin-top: 10px;}
.join-as-one p span{ width:100%; height: 100%; display: table-cell; vertical-align:top; font-size: 14px; color: #434343; text-align: center; line-height: 13px; }

.join-b{ width:100%; height: auto; float: left; background: #f8f9f9; padding: 40px 0px; overflow: hidden;}
.join-bshow{ width:100%; height: auto; float: left; padding: 20px 0px;}
.join-bone{ width:25%; height: auto; float: left; padding: 25px 0px; text-align: center; cursor: pointer;}
.join-bone i{ width:160px; height: 160px; display: inline-table; border: 10px solid #e74009;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.join-bone i span{ width:100%; height:100%; display:table-cell; vertical-align: middle; font-style: normal; font-size: 24px; color: #e74009; font-weight: bold; }
.join-bone.en i span{ line-height: 20px; font-size: 18px;}

.join-c{ width:100%; height: auto; float: left; background-color: #242424; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; padding: 60px 0px 70px;}
.join-c .join-at p{ color: #FFF; }
.join-c .join-at h1{ color: #FFF; }
.join-cshow{ width:100%; height: auto; float: left; padding: 50px 0px;}
.join-cone{ width:20%; height: auto; float: left; text-align: center; padding: 10px;}
.join-cone i{ display: inline-block; overflow: hidden; width: 160px; height: 160px; cursor: pointer;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.join-cone i img{ width:100%; }
.join-cone p{ width:100%; height: auto; float: left; display: table; padding-top: 10px; position: relative;}
.join-cone p span{ width:100%; height: 70px; display: table-cell; vertical-align: middle; font-size: 20px; color: #FFF; font-weight: bold; line-height: 16px; }
.join-cone p:before{ width:18%; height: 4px; background-color: #FFF; content: ''; position: absolute; left: 41%; bottom: 0;}

.join-d{ width:100%; height: auto; float: left; padding: 60px 0px; }
.join-dt{ width:100%; height: auto; float: left; text-align: center; }
.join-dt i{ width:100%; height: auto; float: left; font-size: 49px; color: #060202; line-height: 60px; font-weight: bold;}
.join-dt h1{ width:100%; height: auto; float: left; font-size: 23px; color: #060202; line-height: 30px; font-weight: bold; padding: 30px 0px 10px;}
.join-dt p{ width:100%; height: auto; float: left; font-size: 15px; color: #909090; line-height: 30px; padding: 5px 0px; }

.join-form{ width:100%; height: auto; float: left; padding: 20px 0px 35px;}
.crr-one{ width:32%; height:55px; float:left; border:1px solid #a1a1a1; font-size:16px; color:#909090; margin-top:20px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.crr-two{ width:32%; height:55px; float:left; border:1px solid #a1a1a1; font-size:16px; color:#909090; margin:0 1.8%; margin-top:20px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.crr-four{ width:100%; height:55px; float:left; border:1px solid #a1a1a1; font-size:16px; color:#909090; margin-top:20px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.crr-three{ width:100%; height:auto; float:left; border:1px solid #a1a1a1; font-size:16px; color:#909090; margin-top:20px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
#jinput1{height:100%; width:100%; border:0px; background-color:#f5f5f5; line-height:40px; float:left; color:#909090; font-size:16px; outline:none; padding:10px 15px;}
#jinput2{ width:100%; height:160px; font-size:16px; outline:none; overflow:hidden; line-height:40px; float:left;resize:none; border:0px;
background-color:#f5f5f5; padding:10px 15px; color:#909090;}
.jcrrbtn{ width:100%; height:auto; float:left; margin-top: 35px; text-align: center;}
#jbutton{ width:150px; height:50px; background:#e74009; display:inline-block; cursor:pointer; font-size:16px; color:#FFF; border:0px solid #7f7f7f;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
#jbutton{transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
#jbutton:hover{ background:#000; color:#FFF;}


/*-- 新闻 --*/
.newsbox{ width:100%; height: auto; float: left;}
.news{ width:100%; height:auto; float:left; margin-top:20px;}
.newsone{ width:100%; height:240px; float:left; margin-bottom:50px; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; padding:10px; position:relative; overflow:hidden;}
.newsone .vbg{ background:#f2af60; position:absolute; left:0%; top:0%; width:0%; height:100%; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility:hidden;}
.newsone:hover .vbg{ width:100%; height:100%; left:0%; top:0%; transition: 1s;-webkit-transition: 1s;-moz-transition: 1s; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible;}
.newsdate{ width:10%; height:100%; float:left; position:relative; z-index:1; color:#2f2f2f;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.nd-y{ width:100%; height:auto; float:left; margin-top:40%; font-size:28px; line-height:42px; text-align:center;}
.nd-d{ width:100%; height:auto; float:left; font-size:15px; line-height:22px; text-align:center;}
.nd-m{ width:100%; height:auto; float:left; text-align:center; font-size:38px; line-height:40px; padding:10px 0px;}
.nd-m span{ font-size:18px; line-height:20px; margin-top:18px; display:inline-block; padding-left:5px;}
.newsimg{ width:33%; height:100%; float:left; background-position:center center; background-repeat:no-repeat; position:relative; background-size:auto 100%; z-index:1; overflow:hidden;}
.newsshow{ width:57%; height:100%; float:left; position:relative; z-index:1; padding:14px 5px 0px 17px;}
.news-t{ width:100%; height:30px; float:left; font-size:18px; color:#e74109; line-height:30px; padding-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; font-weight:600; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.news-info{ width:100%; height:auto; line-height:25px; font-size:15px; float:left; color:#6d6e70; margin-top:15px;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.news-btn{ width:100%; height:auto; float:left; margin-top:30px;}
.news-btn span{ display:inline-block; color:#e74109; font-size:14px; width:auto; padding:0px 25px; line-height:35px; border:1px solid #e8e8e8; text-align:center; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}

.newsone .newsimg{
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
}
.newsone:hover .newsimg{
transform: scale(1.02);
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
}
.newsone:hover .newsdate{ color:#FFF; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.newsone:hover .news-t{ color:#FFF; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.newsone:hover .news-info{ color:#FFF; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.newsone:hover .news-btn span{ background: #f2af60; color:#FFF; border:1px solid #FFF; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s; }

/*-- 新闻详细内容 --*/
.in-newsbox_title {width:100%; padding:15px 0px; font-size:24px; text-align:center; float:left; color:#2f2f2f; font-weight:600; }
.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:33px; 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; padding: 50px 0px;}
.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: #ea5404;
}
.pagesl a:hover{ color:#FFF; background:#242424;}
.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: #ea5404;
-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;
}
.pagesr i{ padding-right:5px;}
.pagesr a:hover{ color:#FFF; background:#242424; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}

/*-- page --*/
.page{ width:100%;height:auto; float:left;text-align:center;font-size:14px; padding: 0px 0px 80px;}
.pagination{text-align:center;width: 100%;}
.pagination ul{width: 100%;height: auto;text-align: center;}
.pagination ul li{display: inline-block;text-align:center;}
.pagination ul li:before{}
.pagination ul li i{ font-style: normal; }
.pagination ul li a{display:inline-block; padding:2px 8px; font-size:14px; margin:0 2px; background:#f8f8f8; color:#0e0e0e; -moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pagination ul li a:hover{ background:#e74206; color:#FFF;}
.pagination ul li a.active{ background:#e74206; color:#FFF;}

/*-- 联系我们 --*/
.contact{ width:100%; height:auto; float: left; padding-bottom: 80px; }
.contone{ width:100%; height: auto; float: left;}
.contone h1{ width:100%; font-size: 21px; color: #000000; float: left; font-weight: 600; line-height: 30px; padding: 20px 0px 40px; position: relative; }
.contone h1:before{ content:''; position: absolute; bottom: 20px; left: 0; width:30px; height: 3px; background: #000; }
.contone p{ width:100%; height: auto; float: left; font-size: 18px; color: #7c7c7c; line-height: 25px; padding: 5px 0px; }
.contone p span{ color: #292929;}
.contone #p1{ font-size:38px; color: #e74109; font-weight: bold; padding: 20px 0px;}
.contone #p1 span{ color: #e74109;}
.contone #p2 span{ padding-right: 30px;}

/*-- 地图 --*/
.mapbox{ width:100%; height:420px; float:left; margin-top: 80px;}
#container{ width:100%; height:100%;}

/*-- feedback --*/
.feedback{ width:100%; height: auto; float: left; }
.feed-ht{ width:100%; height: auto; float: left; text-align: center; padding-top: 50px;}
.feed-ht h1{ font-size: 30px; color: #757575; line-height: 45px; position: relative; display: inline-block;}
.feed-ht h1 strong{ color:#000;}
.feed-ht h1:before{ content:''; position: absolute; right: -10px; top: 5px; width:8px; height: 8px; border: 1px solid #e9440e; 
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.feed-ht h2{ font-size: 20px; color: #757575; line-height: 30px; font-weight: 600;}

.feed-show{ width:100%; height: auto; float: left; padding: 10px 0px;}
.feedbx{ width:100%; height:auto; float:left; margin-top: 15px;}
.feedbx.paorl5{ width:50%; padding-right: 3%;}
.feedbx.paorr5{ width:50%; padding-left: 3%;}
.feedbx .p1{ width:100%; height:auto; float:left;}
.feedbx{ width:100%; height:auto; float:left;}
.feed-t{ width:100%; height:auto; line-height:33px; float:left; color:#7d7d7d; font-size:16px;}
.feed-t i{ color:#F00; float:left; width:11px; font-style:normal;}
.feed-t span{ float:left;}
.feed-x{ width:100%; height:42px; float:left;}
#input1{ width:100%; height:100%; border:1px solid #cccccc; line-height:40px; float:left; color:#7d7d7d; font-size:18px; outline:none; padding:0px 10px;}
.feed-tx{ width:100%; height:120px; float:left;}
.feed-tx textarea{float:left; resize:none; width:100%; height:100%; padding:5px 10px; font-size:16px; color:#7d7d7d; outline:none; border:1px solid #cccccc; }
.crrbtn{ width:100%; height:auto; float:left; text-align: center; margin-top:20px;}
#button{ width:160px; height:35px; background:#000; display:inline-block; cursor:pointer; font-size:16px; color:#c0c0c0; border: 0; outline: none;
-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:#e74109; color:#FFF; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}



/*-- foot --*/
.footB{ width:100%; height:auto; float:left; background: #efefef; }
.footup{ width:100%; height: auto; float: left; padding: 20px 0px;}
.foot-logo{ width:100%; height: auto; float: left; text-align: center; padding-top: 20px;}
.foot-logo i{ display:inline-block; padding: 10px 0px; text-align: center; }
.foot-logo i img{ max-width:100%; }
.foot-nav{ width:100%;  height: auto; float: left; padding: 10px 0px 30px;}
.foot-nav ul{ width:100%; float: left; text-align: center;}
.foot-nav ul li{ display:inline-block; vertical-align: bottom; padding: 0px 32px; font-size: 16px; line-height: 30px;  }
.foot-nav ul li a{ color: #232323; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.foot-nav ul li a:hover{ color: #e74009; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.footup-a{ width:45%; height: auto; float: left; padding: 10px; }
.fha{ width:100%; height: auto; float: left; padding: 15px 10px;}
.fha h1{ font-size: 16px; color: #232323;}
.fha h1 span{ color:#e74009; padding-right: 10px; }
.fha-show{ width:100%; height: auto; float: left;}
.fha-show p{ width:100%; height: auto; float: left; position: relative; font-size: 15px; padding: 0px 0px 5px 30px; color: #232323;}
.fha-show p i{ width:30px; height: 30px; padding: 4px; position: absolute; left: 0; top: 0;}
.fha-show p i svg{ float: left;}
.fha-show p span{ float: left; line-height: 30px; padding-right: 20px;}

.footup-b{ width:18%;  height: auto; float: left; padding: 10px;}
.fhb{ width:100%; height: auto; float: left; padding: 15px 10px;}
.fhb h1{ font-size: 16px; color: #232323;}
.fhb h1 span{ color:#e74009; padding-right: 10px; }
.fhb-show{ width:100%; height: auto; float: left; }
.fhb-show ul li{ width:100%; height: auto; float: left; position: relative; font-size: 15px; padding: 0px 0px 3px 30px;}
.fhb-show ul li i{ width:30px; height: 30px; padding: 4px; position: absolute; left: 0; top: 0;}
.fhb-show ul li i svg{ float: left;}
.fhb-show ul li span{ float: left; line-height: 30px; padding-right: 20px; color: #232323;  transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}

.fhb-show ul li:hover #Linkedin{ fill:#e74009; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.fhb-show ul li:hover #Facebook{ fill:#e74009; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.fhb-show ul li:hover #Twitter{ fill:#e74009; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.fhb-show ul li:hover #Wechat{ fill:#e74009; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.fhb-show ul li:hover span{ color:#e74009; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}

.footup-c{ width:37%; height: auto; float: left; padding: 50px 10px 10px;}
.footup-c p{ width:33.33%; height: auto; float: left; padding: 5px;}
.footup-c p i{ width:100%; height: auto; float: left; text-align: center;}
.footup-c p i img{ max-width: 100%; }
.footup-c p span{ width:100%; height: auto; float: left; padding: 10px 0px; font-size: 14px; color: #5d5d5d; text-align: center; }

.footdown{ width:100%; height:auto; float:left; padding:13px 0px; line-height:20px; font-size:13px; color:#6b6b6b; text-align:center; position:relative; border-top: 1px solid #b7b7b7;}
.footdown span{ padding:0px 10px;}
.footdown a{ color:#6b6b6b; }
#topcontrol{ z-index: 10;}



/* ~~ 脚注 ~~ */
@-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;}

.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; width:60px; height:auto; right:0; top:45%; transform: translateY(-50%); z-index:100; z-index: 99990;}
.footside ul li{width:60px; height:60px; float:left; position:relative; list-style:none; background:#FFF; border: 1px solid #e4e4e4; display: table; margin-top: -1px; }
.footside ul li h1{ display: table-cell; width:100%; height: 100%; letter-spacing: 1px;  font-size: 14px; color:#000; line-height: 18px; vertical-align: middle; text-align: center;}
.footside ul li div{ width:60px; height:60px; color: #FFF; display: table; background: #ff6d25; text-align: center; position:absolute; right: 0; top: 0; 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;}
.footside ul li:hover div{ width:150px; text-align: center; height:auto; visibility: visible; right: 100%;  filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition: 0.6s; -webkit-transition: 0.6s;-moz-transition: 0.6s;}
.footside ul li div p{ width:150px; height:auto; float: left; padding:10px 0px; line-height: 20px;}
.footside ul li div p span{ width:100%; line-height: 20px; color:#FFF;}
.footside ul li div i{ width:150px; position: absolute; right: 0; top: 100%; z-index: 1;}
.footside ul li div i img{ width:100%;}
.footside ul li h1 a{  color: #000;}
.footside ul li h1 a:hover{ color: #ff6d25;}
.footside ul li.vlook{ display: none; }

/*-- --*/
.fivbox{ position: fixed; width: 600px; height: auto; display: none; background-color: rgba(240, 240, 240, .95); left: 50%; top: 40%; transform: translate(-50%, -50%); padding-bottom: 30px; z-index: 99991; background-position: right 30px top 20px; background-repeat: no-repeat; background-size: 180px auto;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#484747,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 2px 10px #484747;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 10px #484747;/*兼容safari或chrome*/
box-shadow:0px 2px 10px #484747;/*兼容opera或ie9*/
}
.fiv-t{ width:100%; height: auto; padding: 50px 50px 10px; float: left; text-align: center;}
.fiv-t i{ display: inline-block; vertical-align: middle; }
.fiv-t h1{ font-size:30px; color: #000; line-height: 30px; padding: 5px 0px; letter-spacing: 1px; display: inline-block;vertical-align: middle; }
.fiv-t p.fp{ width:100%; height: auto; font-size: 18px; color: #e74107; line-height: 35px; margin-top: 20px; float: left;}
.fiv-t p.fp a{ color:#e74107; font-weight: 600;font-size:26px; text-decoration: underline;}
.fiv-t p{ width:100%; height: auto; font-size: 16px; color: #000; padding: 5px 0px; float: left;}
.fiv-form{ width:100%; height: auto; float: left; padding: 0px 50px}
#inputv{ width:100%;  height: 48px; background: transparent; color: #000; border: 2px solid #e74009; outline: 0; font-size: 14px; padding: 0px 10px; margin: 5px 0px}
#buttonvall{ width:100%;  height: 50px; color: #FFF; font-size: 16px; border:0; outline: 0; margin-top: 10px;
background: linear-gradient(left, #f2af60, #e74009);
background: -ms-linear-gradient(left, #f2af60, #e74009);
background: -webkit-linear-gradient(left, #f2af60, #e74009);
background: -moz-linear-gradient(left, #f2af60, #e74009);
}
.fivbox>i{ position:absolute; right: 15px; top: 15px; width: 30px; height: 30px; border: 1px solid #000; cursor: pointer;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.fivbox>i:before{content:""; position:absolute; right:6px; top:13px; width:15px; height:2px; background-color:#000; 
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 */}
.fivbox>i:after{content:""; position:absolute; right:6px; top:13px; width:15px; height:2px; background-color:#000; 
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 */}

#inputv::-webkit-input-placeholder{ opacity:1; color:#000;}
#inputv:-moz-placeholder{opacity:1; color:#000;}
#inputv::-moz-placeholder{opacity:1; color:#000;}
#inputv:-ms-input-placeholder{opacity:1; color:#000;}

/*-- --*/
.furight{ position:fixed; right:0; top:35%; width:150px; height:auto; z-index:999999; background:#FFF;
-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 1px 2px 0px #dddcdc;/*兼容firefox*/
-webkit-box-shadow:0px 1px 2px 0px #dddcdc;/*兼容safari或chrome*/
box-shadow:0px 1px 2px 0px #dddcdc;/*兼容opera或ie9*/
}
.furight img{ max-width:100%;}
.furight span{ width:100%; float:left; font-size:13px; color:#FFF; background:#0193de; cursor:pointer; height:35px; padding-right:5px;}
.furight span p{ float:left; line-height:35px; padding-left:10px; letter-spacing:1px;}
.furight span img{ float:right; margin-top:5px;}
.qqline{ width:100%; height:auto; float:left; margin-top:5px; padding:2px 5px 2px 15px;}
.qqline i img{ width:30px;}
.qqline i{ padding-right:10px;}
.qqline a{ color:#000; display:block;}
.qqline a:hover{ color:#0193de;}