body{ margin:0px; padding:0px;font-family:"Arial"; font-size:14px;color:#696969;}
a{ font-size:14px; color:#696969;font-family:"Arial";}
a:hover{ color:#ff3300 }
.cr{ clear:both}
.topsmu{ height:30px; background:#d39162; padding:5px 40px;}
.topsmu  .sitemap{background:url(top_sitemap.png) no-repeat 2px 2px; background-size:24px 24px; height:30px; display:block; float:left; line-height:30px; text-indent:30px; color:#fff; text-decoration:none; margin-right:20px; }

.topsmu  .email{background:url(top_email.png) no-repeat 2px 2px; background-size:24px 24px; height:30px; display:block; float:left; line-height:30px; text-indent:30px; color:#fff; text-decoration:none; margin-right:20px; }

.topsmu  .baojia{background:url(top_baojia.png) no-repeat 2px 2px; background-size:24px 24px; height:30px; display:block; float:left; line-height:30px; text-indent:30px; color:#fff; text-decoration:none; margin-right:20px; }

.topsmu  .lang{background:url(top_lang.png) no-repeat 2px 2px; background-size:24px 24px; height:30px; display:block; float:right; line-height:30px; text-indent:30px; color:#fff; text-decoration:none; margin-left:20px; }

.topsmu  .facebook{background:url(facebook.png) no-repeat 5px 5px; background-size:16px 16px; height:26px; width:26px; display:block; float:right;  text-decoration:none; margin-right:10px; border:#ffffff 1px solid;border-radius:15px}
.topsmu  .twitter{background:url(twitter.png) no-repeat 5px 5px; background-size:16px 16px; height:26px; width:26px; display:block; float:right;  text-decoration:none; margin-right:10px; border:#ffffff 1px solid;border-radius:15px}
.topsmu  .linkedin{background:url(linkedin.png)  no-repeat 5px 5px; background-size:16px 16px; height:26px; width:26px; display:block; float:right;  text-decoration:none; margin-right:10px; border:#ffffff 1px solid;border-radius:15px}
.topsmu  .Google_Plus{background:url(Google_Plus.png)  no-repeat 5px 5px; background-size:16px 16px; height:26px; width:26px; display:block; float:right;  text-decoration:none; margin-right:10px; border:#ffffff 1px solid;border-radius:15px}
.topsmu  .pinterest-p{background:url(pinterest-p.png)  no-repeat 5px 5px; background-size:16px 16px; height:26px; width:26px; display:block; float:right;  text-decoration:none; margin-right:10px; border:#ffffff 1px solid;border-radius:15px}
.topsmu  .youtube{background:url(youtube.png)  no-repeat 5px 5px; background-size:16px 16px; height:26px; width:26px; display:block; float:right;  text-decoration:none; margin-right:10px; border:#ffffff 1px solid;border-radius:15px}

.header{border-bottom:#d39162 1px solid; height:107px;box-shadow:0px 2px 10px #ccc; position:relative; z-index:999}
.logo{ background:url(logo.jpg) no-repeat; height:77px; width:337px; float:left; display:block; margin-left:120px;margin-top:16px; overflow:hidden; text-indent:-99em}
.mu{ float:right; margin-top:67px; margin-right:30px; }
.mu ul{ list-style:none; margin:0px; padding:0px;min-width:720px;}
.mu ul li{ list-style:none; margin:0px; padding:0px; float:left; margin-right:1px; position:relative; overflow:hidden;border-radius:5px 5px 0px 0px}
.mu ul li  .dl{ display:block; padding:0px 15px; text-decoration:none; color:#808080; font-size:18px; height:40px; line-height:40px; font-family:"Arial";border-radius:5px 5px 0px 0px}
.mu ul li  .dl:hover{ background:#d39162;color:#ff3300}
.mu ul li  .yx{ background:#f1eeee; color:#bd6c32}
.mu ul li .zmu{ position:absolute; left:0px; top:40px; min-width:100%;background:#fff; padding:10px 10px 15px 10px; border-radius: 0px 0px 5px 5px;box-shadow:0px 2px 10px #ccc;}
.mu ul li .zmu a{ display:block; height:30px; line-height:30px; padding:0px 15px; background:#fff; border-bottom:#eee 1px solid; white-space:nowrap; text-decoration:none; color:#999999}
.mu ul li .zmu a:hover{ background:#eee; color:#ff3300}
.mu ul li:hover{ overflow:visible; background:#d39162;}
.mu ul li:hover .dl{ color:#fff}
.mu ul li:hover .zmu{border:#d39162 1px solid;}

.ad{  border-bottom:#dddbdc 1px solid; }
.ad img{ max-width:100%;}
.ad a{ text-decoration:none}
.adtxt{ position:absolute; left:20%; bottom:20%; width:360px;background:#fff; padding:20px; z-index:9999; line-height:24px;word-wrap:break-word; text-decoration:none;opacity: 0.8;border-radius:5px}
.adtxt a{ text-decoration:none}
.adtxt .adtxt_bt{ font-size:18px;text-decoration:none;width:320px;text-decoration:none; color:#993300}
.adtxt .adtxt_nr{ font-size:14px;word-wrap:break-word; width:320px; margin:10px 0px;text-decoration:none}
.adtxt .adtxt_an span{ padding:10px; font-size:18px; background:#999; color:#fff; text-decoration:none;border-radius:3px}
/*banner*/
.banner {height:590px; width:100%;overflow:hidden}
.slider-wrapper {display: block;position: relative; z-index:1}
.slider-wrapper .fenlei dd a:hover {background: #d4d3d3;color: #ff6600;}
.theme-default #slider {height:590px;margin: 0 auto; max-width:100%; background-position:center;}
.theme-default .nivoSlider {margin-bottom: 50px;position: relative; z-index:2}
.theme-default .nivoSlider img {display: none;left: 0;position: absolute;top: 0; z-index:3}
.theme-default .nivoSlider a {border: 0 none currentcolor;display: block; text-decoration:none}
.theme-default .nivo-controlNav {bottom:0px;display: block;height: 28px;position: absolute;z-index: 9;left:50%}
.theme-default .nivo-controlNav a {background:#ccc;border:#fff 1px solid;;display: block;float: left;height:12px;margin-right:8px;text-indent: -9999px;width:12px;border-radius:8px; text-decoration:none}
.theme-default .nivo-controlNav a.active {background:#f00;}
.theme-default .nivo-directionNav a {border: 0 none currentcolor;display: block;height:68px;text-indent: -9999px;width: 44px;opacity: 0.5; }
.theme-default a.nivo-nextNav {margin-top: -22px;right:10px;top: 50%; background: url(slider.png) no-repeat -48px 0px;opacity: 0.2}
.theme-default a.nivo-prevNav {left: 10px;margin-top: -22px;top: 50%;  background: url(slider.png) no-repeat 0px 0px;opacity: 0.2}
.theme-default a.nivo-nextNav:hover {margin-top: -22px;right: 10px;top: 50%;opacity: 1}
.theme-default a.nivo-prevNav:hover {left: 10px;margin-top: -22px;top: 50%;opacity: 1}
.theme-default .nivo-caption {font-family: Helvetica,Arial,sans-serif;}
.theme-default .nivo-caption a {border-bottom: 1px dotted rgb(255, 255, 255);color: rgb(255, 255, 255);}
.theme-default .nivo-caption a:hover {color: rgb(255, 255, 255);}
.nivoSlider {position: relative;}
.nivoSlider img {left: 0;position: absolute;top: 0;}
.nivoSlider a.nivo-imageLink {border: 0 none currentcolor;display: none;height: 100%;left: 0;margin: 0;padding: 0;position: absolute;top: 0;width: 100%;z-index: 6;}
.nivoSlider {position: relative;}
.nivoSlider img {left: 0;position: absolute;top: 0;}
.nivoSlider a.nivo-imageLink {border: 0 none currentcolor;display: none;height: 100%;left: 0;margin: 0;padding: 0;position: absolute;top: 0;width: 100%;z-index: 6;}
.nivo-slice {display: block;height: 100%;position: absolute;z-index: 5;}
.nivo-box {display: block;position: absolute;z-index: 5;}
.nivo-caption {background: rgb(0, 0, 0) none repeat scroll 0 0;bottom: 0;color: rgb(255, 255, 255);display: none;left: 0;opacity: 0.8;position: absolute;width: 30%;z-index: 8;}
.nivo-caption p {display: none;margin: 0;}
.nivo-caption a {display: inline !important;}
.nivo-html-caption {display: none;}
.nivo-directionNav a {cursor: pointer;position: absolute;top: 45%;z-index: 9;}
.nivo-controlNav a {cursor: pointer;position: relative;z-index: 9;}
.nivo-controlNav a.active {font-weight: bold;}


.xad{  border-bottom:#dddbdc 1px solid; position:relative; max-width:100%; overflow:hidden; }
.xad img{ max-width:100%;}
.xad .bc{transform:rotateY(180deg); position:absolute; left:1680px; top:0px; display: block; text-align:right; width:100%;} 


.tydk{ position:relative; overflow:hidden; height:auto}
.tyleft{border-right:#dddbdc 1px solid; width:305px;}
.tydhtt{ height:58px; text-indent:20px; line-height:58px; color:#fff; font-family:"Arial"; font-size:24px; background: url(cpttbg.jpg) #ccc}
.tyright{ width:calc(100% - 305px);position:absolute; left:305px; top:0px; z-index:99}
.tytightt{ font-family:"Arial"; font-size:24px; color:#696969; height:40px; line-height:40px;border-bottom:#dddbdc 1px solid; text-indent:30px;}
.tytightt a{ font-family:"Arial"; font-size:24px; color:#696969;text-decoration:none  }
.cpdlk{ padding:10px 20px;background:#fff}
.cpdl{ height:42px; line-height:42px; border-bottom:#d8d8d8 1px solid; display:block; color:#6f665f; font-family:"Arial"; font-size:14px; text-indent:20px; text-decoration:none}
.cpdl:hover{ background:#efefef; color:#ff3300}

.nrdlk{ padding:10px 20px;}
.nrdlk a{ height:42px; line-height:42px; border-bottom:#d8d8d8 1px solid; display:block; color:#6f665f; font-family:"Arial"; font-size:14px; text-indent:20px; text-decoration:none}
.nrdlk a:hover{ background:#efefef; color:#ff3300}

.so{ border:#dddbdc 1px solid; background:url(sosobg.jpg); margin:1px;}
.so form{ border:#fff 1px solid; height:90px;}
.so form .sowbk{ width:189px; height:35px; background:#e9e9e9;line-height:35px; float:left;border:none; margin:30px 0px 0px 20px; text-indent:20px; color:#8f8c8c; font-family:"Arial"; font-size:14px}
.so form .soan{ width:76px; height:35px; line-height:35px; text-align:center; color:#fff; background:#615b5b;float:left; border:none;margin:30px 0px 0px 0px;font-family:"Arial"; font-size:18px; cursor:pointer}

.incpnr{ height:560px; position:relative; max-width:100%}
.plus{ background:url(jtleft.png) no-repeat center; width:30px; height:30px; display:block; position:absolute; top:35%; left:15px; cursor:pointer}
.minus{background:url(jtright.png) no-repeat center; width:30px; height:30px; display:block;position:absolute; top:35%; right:15px;cursor:pointer}

.incpnrcont{max-width:100%; margin:50px; height:440px; overflow: hidden}
.incpnrcont ul{list-style:none; margin:0px; padding:0px; display:block;overflow:hidden;width:9999px;}
.incpnrcont ul li{ float:left; height:440px;list-style:none; margin:0px; padding:0px; }
.incpnrcont ul li .pic{ width:100%; height:380px; display:table-cell;vertical-align:middle; overflow:hidden; text-align:center;justify-content: center}
.incpnrcont ul li .pic img{ max-width:99%;   max-height:380px; display:inline-block;margin: auto;transition:all 0.5s ease}
.incpnrcont ul li .pic:hover img{transform: scale(1.05)}
.incpnrcont ul li .tt{ height:60px; line-height:60px; text-align:center; display:block;font-family:"Arial"; font-size:14px; color:#696969; text-decoration:none}
.incpnrcont ul li .tt:hover{ color:#ff3300}
.incpnrcont ul li:hover .tt{ text-decoration:underline}

 
.sp{position:relative; z-index:1}
.spbg{ position:relative;z-index:88; }
.sptxt{ font-family:"Arial"; position:absolute; left:calc(50% - 180px); top:calc(50% - 180px); width:360px; height:150px; z-index:999; font-size:24px; color:#fff}
.sptxt .spplay { font-size:24px; height:64px; line-height:64px; color:#fff; text-decoration:none; display:block; margin-top:10px;}
.sptxt .spplay img{ float:left; margin-right:10px; vertical-align:bottom}
.sptxt .spplay span{ font-size:24px; height:44px; line-height:44px; color:#fff; text-decoration:none; display:block; padding:5px 10px; border:#fff 2px solid; float:left;transition:all 0.5s ease}
.spbg video{width:100%; }
.sptxt .spplay:hover img{animation-name:pulse;animation-duration:2s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:running;}
 
.ban{ background:url(banbg.jpg) repeat-x top #fff; min-height:225px; padding-top:50px}
.flogo{ display:block; width:120px; float:left;text-align:center;}
.flogo img{ display:inline-block;}

.fflx{ width:220px; float:left; color:#3f3f3f; font-size:14px; text-decoration:none;  line-height:24px; display:block;margin-left:10px;padding-bottom:15px;}
.fflx b{ display:block; color:#3f3f3f; font-size:16px; }
.fflx .dlink{ display:block; color:#3f3f3f; font-size:14px; text-decoration:none; height:24px; line-height:24px; }
.fflx .dlink:hover{ text-decoration:underline;color:#ff3300}
.fflxs{ width:calc(100% - 130px);float:none;}
.sico{ margin-top:15px;}
.sico .ico_1{ width:27px; height:27px; background: url(sico.png) no-repeat -3px -3px; display:block; float:left; margin-right:5px;transition: all 0.8s ease 0s;}
.sico .ico_2{ width:27px; height:27px; background: url(sico.png) no-repeat -32px -3px; display:block; float:left; margin-right:5px;transition: all 0.8s ease 0s;}
.sico .ico_3{ width:27px; height:27px; background: url(sico.png) no-repeat -62px -3px; display:block; float:left; margin-right:5px;transition: all 0.8s ease 0s;}
.sico .ico_4{ width:27px; height:27px; background: url(sico.png) no-repeat -92px -3px; display:block; float:left; margin-right:5px;transition: all 0.8s ease 0s;}
.sico .ico_5{ width:27px; height:27px; background: url(sico.png) no-repeat -122px -3px; display:block; float:left; margin-right:5px;transition: all 0.8s ease 0s;}
.sico .ico_6{ width:27px; height:27px; background: url(sico.png) no-repeat -152px -3px; display:block; float:left; margin-right:5px;transition: all 0.8s ease 0s;}
.sico .ico_1:hover,.sico .ico_2:hover,.sico .ico_3:hover,.sico .ico_4:hover,.sico .ico_5:hover,.sico .ico_6:hover{transform: rotate(720deg);}

.benform .sentxt{ border:#a8a2a4 1px solid; height:22px; text-indent:5px; line-height:22px; width:215px; background:#fff; margin-bottom:10px;}
.rbom{ float:right; width:200px; height:100px; margin-top:20px; margin-right:20px;}
.rbom .sitemap{ width:86px; height:70px; background:url(sitemap.png) center top no-repeat; line-height:90px; text-align:center; color:#808080; font-size:14px;font-family:"Arial"; float:left; margin-right:10px; text-decoration:none;}
.rbom .gotop{width:86px; height:70px; background:url(gotop.png) center top no-repeat; line-height:90px; text-align:center; color:#808080; font-size:14px;font-family:"Arial"; float:left;text-decoration:none;}

/*neiye*/
.tydw{ position:relative;}
.tydw h2{ font-size:3.2em; color:#fff; height:60px; top:-140px; left:30px; position:absolute;text-shadow:#000000 0px 2px 5px ;}
.ty_left{ width:305px; float:left;}
.left_mu{width:305px; float:left; height:1px;}
#left_mu{ width:305px; background:#fff; height:auto}
.ty_right{width:calc(100% - 310px); float:left;border-left:#dddbdc 1px solid; min-height:730px}
.mbxmu{ height:40px; border-bottom:#d9d9d9 1px solid;  line-height:40px; text-indent:30px; }
.mbxmu a{ text-decoration:none;}
.mbxmu .homeico{background:url(homeico.png) no-repeat center; padding:10px; margin-right:10px;}
.mbxmu .xmuico{ background:url(xmuico.png) no-repeat center; padding:10px;}
.noinfo{padding:30px; color:#FF6600; min-height:500px;}
.dynr{ padding:30px; font-family:"Arial";font-size:14px; color:#696969;}
.dynr img{ max-width:100%}
/*About */
/*Product list*/
.cpli{}
.cpli .li{ width:calc(33.33% - 1px); height:400px; float:left;border-right:#d9d9d9 1px solid;}
.cpli .li .pic{height:360px; display:block;vertical-align:middle; overflow:hidden; text-align:center;justify-content: center; text-align:center}
.cpli .li .pic img{ max-width:98%; max-height:363px;display:inline-block;margin:0px  auto; display:block;transition:all 0.5s ease}
.cpli .li .tt{ height:40px; text-align:center; line-height:40px; display:block; text-decoration:none}
.cpli .li:hover .pic img{transform: scale(1.05)}
.cpli .cphang{ clear:both; height:2px;border-bottom:#d9d9d9 1px solid;}

/*Product show*/
.bt4{width:calc(100% - 140px);}
.cpsltk{ width:140px; float:right; min-height:400px;}
.cpsltk a{ width:120px; border:#ddd 1px solid; padding:3px; background:#fff; display:block; margin-bottom:10px; cursor:pointer}
.cpsltk a.vs{ border:#ff3300 1px solid}
.cpsltk a:hover{ border:#ff3300 1px solid;}
.cpdt{ width:calc(100% - 140px); float:left; text-align:center}
.cpdt img{ max-width:100%; max-height:680px; background:url(loading.gif) no-repeat center #fff;}
.bztt { text-indent:10px;}
.bznr img{ border-radius:5px }
.bznr ul li{ height:26px; line-height:26px; font-family:Arial}

.xgsp{ width:360px; height:300px; float:left; border:#ccc 1px solid; margin:10px 20px 10px 0px; cursor:pointer}
.xgsppic{ width:360px; height:260px; display:block; text-align:center; position:relative; z-index:1; }
.xgsppic span{ width:; background:url(play.png) no-repeat; width:64px; height:64px; top:calc(50% - 32px); left:calc(50% - 32px); position:absolute; z-index:888}
.xgsppic img{ max-width:360px; height:260px; display:block; margin:0px auto;}
.xgsppic:hover span{animation-name:pulse;animation-duration:2s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:running;}
.xgsptt{ text-align:center; height:40px; line-height:40px;}
.xgsp_k{ width:100%; height: auto; float:none; clear:both;}
.xgsp_k video{ max-width:100%}
.gbspan{ padding:10px; border:#ccc 1px solid; margin:10px 10px 0px 0px; float:right;border-radius: 5px 5px 0px 0px; color:#FF3300}

.xxk{  height:40px;line-height:40px;border:#d9d9d9 1px solid}
.xxk .li{ height:40px; line-height:40px; padding:0px 20px; float:left; cursor:pointer; border-right:#d9d9d9 1px solid}
.xxk .yx{ background:#eee;}
.xxk .li:hover{ background:#eee; color:#ff3300}

.fixedwz{ position:fixed; top:0px; background:#fff; height:40px; z-index:999999}
.xxkn{ min-height:400px;}
.xxkn .li{ transition:all 0.5s ease;}
.xxkn .yx{ display:block; padding:10px 0px;}
.xxkn .li th{ border-bottom:#eee 1px solid;border-right:#eee 1px solid}
.xxkn .li td{ border-bottom:#eee 1px solid}

/*case*/
#List_case{ padding:20px;}
#List_case .li{ width:280px; height:360px; float:left; margin:10px 10px 10px; border:#eee 1px solid }
#List_case .li .pic{ width:280px; height:326px; display:block; overflow:hidden;text-decoration:none}
#List_case .li .pic img{ max-width:280px; text-align:center; line-height:320px; display:block; background:#eee; font-size:18px; color:#ccc;transition:all 0.5s ease}
#List_case .li .ptt{ height:30px; line-height:30px; text-align:center; display:block; text-align:center; }
#List_case .li .ptt a{text-decoration:none}
#List_case .li:hover .pic img{transform: scale(1.05)}

#List_Album{ padding:20px;}
#List_Album .li{ width:320px; height:240px; float:left; margin:10px 10px 10px; border:#eee 1px solid }
#List_Album .li .pic{ width:320px; height:206px; display:block; overflow:hidden;text-decoration:none}
#List_Album .li .pic img{ max-width:320px; text-align:center; line-height:210px; display:block; background:#eee; font-size:18px; color:#ccc;transition:all 0.5s ease}
#List_Album .li .ptt{ height:30px; line-height:30px; text-align:center; display:block; text-align:center; }
#List_Album .li .ptt a{text-decoration:none}
#List_Album .li:hover .pic img{transform: scale(1.05)}

.inxw{ padding:20px;}
.inxw a{ display:block; height:34px; line-height:34px; clear:both; background:url(jt.png) no-repeat 10px 14px; border-bottom:#dedede 1px solid; text-decoration:none; text-indent:25px;}
.inxw a span{ width:120px; height:34px; float:right;}
.inxw .pic{ display:none}
.inxwpic .pic{height:192px; float:left; display:block;width:220px; text-align:center; color:#999999; border:#ccc 1px solid; margin:10px; overflow:hidden; text-decoration:none; overflow:hidden}
.inxwpic .pic img{ display:block; margin-bottom:5px; height:150px; width:220px;}
#n_show{ padding:20px;}

.pagenav{ padding:10px; display:block; margin:10px;}
.pagenav span{ padding:5px 8px; border:#eee 1px solid; margin-right:10px; background:#efefef;}
.pagenav a{ padding:5px 8px; border:#eee 1px solid; margin-right:10px; text-decoration:none}

@-moz-keyframes pulse {
	0%   {-moz-transform: scale(0.8);opacity: 0.2;}
    10%  {-moz-transform: scale(0.9);opacity: 0.5;}
	50%  {-moz-transform: scale(1.1);opacity: 0.1;}
    100% {-moz-transform: scale(1);opacity: 1;}  
}

@-webkit-keyframes pulse {
	0%   {-webkit-transform: scale(0.8);opacity: 0.2;}
	10%  {-webkit-transform: scale(0.9);opacity: 0.5;}
    50%  {-webkit-transform: scale(1.1);opacity: 0.1;}
    100% {-webkit-transform: scale(1);opacity: 1;}    
}

@keyframes danru {
	0%   {opacity: 0.1;}
    10%  {opacity: 0.3;}
	50%  {opacity: 0.5;}
    100% {opacity: 1;}  
}

@keyframes danchu {
	0%   {opacity: 1;}
    10%  {opacity: 0.8;}
	50%  {opacity: 0.4;}
    100% {opacity: 0;}  
}