/*css-reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#333; font-size:12px; font-family:"微软雅黑","microsoft sans serif"; }
td,th,caption { font-size:14px; }
form{display: block;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:none; color:#e77817;;}
img { border:none; display: block;}
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif;outline: none; }
textarea{resize: none;}
table { border-collapse:collapse; }
html {overflow-y: scroll;overflow-x: hidden;} 
p{line-height:23px;}
.pic-box,.contact-icon ul li a,.ny-navson ul li a,.celan-rside ul li a,.nav ul li a.atitle,input.sub-btn{-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear;}
.nb{width:1080px;margin:0 auto;}
.header{background:url(../images/swap-down.png) repeat-x bottom center #fff;z-index:9;height:130px;}
a.logo{float: left;display: block;height: 88px;;}a.logo p {font-family:'Arial'; font-weight:bold; font-size:18px; color:#999999; margin-top:12px;}
.head-rside{float: right;}
.head-rside .language a{display: block;float: right;height:30px;line-height: 30px;padding:0 6px;;}
.language {overflow: hidden;clear: both;}
.language a.checkedl{background-color:#c9c9a5;color:#fff;}
.search{overflow: hidden;clear: both;margin:5px 0;}
.share{float: right;}
.search-box{width:182px;border:1px solid #c9c9a5;height:24px;border-radius:12px;float: right;margin-left:20px;}
.search-box .seatext{width:144px;margin-left:10px;float: left;}
.seatext input{display: block;width:100%;border:none;height:24px;}
.seasub{display: block;float:right;width:24px;height:24px;}
.seasub>input{display: block;width:100%;height:24px;background:url(../images/icon-common.png) no-repeat -190px 4px;border:none;margin-right:5px;cursor: pointer;}
.nav{}
.nav ul li{float: left;padding:0 23px;/*width:130px;*/position: relative;z-index:99;}
.nav ul li a.atitle{border-bottom:1px solid #fff;text-align: center;font-size: 14px;width:88px;padding-bottom:12px;;}
.nav ul li a.atitle:hover{border-color:#e77817}
.nav ul li:hover dl{display: block;}
.nav dl{text-align: center;background-color:rgba(255,255,255,.8);position: absolute;width:100%;left:0;top:33px;display: none;padding-top:10px;}
.nav dt{height:30px;line-height: 30px;border-bottom:1px solid #e4e5e5;}
.nybanner{/*height:300px;*/height: 64px;}
.banner{position: relative;}
.banner .swap-down{background:url(../images/swap-down.png) repeat-x top center;z-index:11;position: absolute;top:0;left: 0;height:9px;width:100%;}
#indslides {position:relative; width:100%;}
#indslides .bd ul li img{display: block;left: 0;width:100%;}
#indslides .bd ul li{width:100%;}
#indslides  .hd  {position:absolute; left:50%;margin-left:-49px; bottom:5%; z-index:1000;}
#indslides .hd ul{overflow:hidden;background-color:rgba(255,255,255,.5);padding:4px;-moz-border-radius: 10px;-webkit-border-radius: 10px;;border-radius:10px;}
#indslides .hd li {width:8px; height:8px;text-indent:-9999px;border:3px solid #989896;border-radius: 100%;margin:0 4px;float: left;}
#indslides .hd li.on,#indslides .hd li:hover.on {background-color:#e77817;border-color:#e77817;}


.about{background:url(../images/about-bg.jpg) bottom center #fff no-repeat;overflow: hidden;clear: both;padding:68px 0 118px;}
h2.bigtitle{text-align: center;}
h2.bigtitle a{font-size: 36px;color:#343333;}
h2.bigtitle i.line-h2{display: inline-block;width:40px;height: 3px;background-color:#333;margin-top:23px;}
.about ul{overflow: hidden;clear: both;padding-top:34px;}
.about ul li{width:25%;float: left;}
.about ul li .abbox{width:80%;padding:0 10%;text-align: center;}
.abbox dt a{width:200px;height: 200px;display: block;border:6px solid #dfdfdf;border-radius:100%;overflow: hidden;}
.abbox dt a img{animation:'bounceIn' 500ms linear;}
.abbox dd.dtitle{margin:15px 0;}
.abbox dd.dtitle a{font-size: 18px;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.abbox dd p{color:#666;}
.products{background: url(../images/swap-up.png) repeat-x bottom center #c9c9a5;padding:76px 0 86px;text-align: center;}
.products h2 a{color:#fff;}
.products h2 i.line-h2{background-color:#fff;}
.slide-pro{width:1080px;overflow: hidden;margin:56px 0 34px;}
.slide-pro li{float: left;width:260px;margin:0 13px 13px 0;}.slide-pro li:nth-child(4n) {margin:0 0 13px 0;}
.slide-pro li div.pic-box{border:1px solid #e4e4d2;}div.pic-box {border:1px solid #e4e4d2;}
div.pic-box a{width:250px;height: 190px;display:block;padding:4px;}
div.pic-box a img{display: block;}
.slide-pro li p{width:100%;background-color: #d4d4b7;height:38px;}
.slide-pro li p a{display: block;line-height: 38px;text-align: center;}
a.view-more{width:178px;height:38px;border:1px solid #f4f4ed;line-height: 38px;border-radius:20px;color:#fff;display: inline-block;text-align: center;}
a.view-more:hover{background-color:#f4f4ed;color:#333;}

.news{background-color:#f8f8f8;padding:56px 0 95px;}
ul.news-ul li{border-bottom:1px solid #e8e8e8;overflow: hidden;clear: both;padding:24px 0;}
ul.news-ul li div.date{width:12%;float: left;}
div.date p.m-d{font-size: 48px;font-family: arial;line-height: initial;}
div.date p{color:#ccc;font-size: 18px;;text-align: right;}
ul.news-ul li .news-nr{width:85%;float: right;}
.news-nr h3 a{font-size: 14px;color:#202224;}
.news-nr .newsh{height:46px;overflow: hidden;margin-top:10px;}
.news-nr .newsh p{color:#666;}
.feedback h2 a{color:#f8f8f8;}
.feedback h2 i.line-h2{background-color:#fff;}
.feedback{background:url(../images/feedback-bg.jpg) no-repeat center top #f8f8f8;color:#a84f4c;padding:50px 0 66px;}
.feedback .titleh3{color:#a84f4c;}
.feedback .titleh3 a{color:#a84f4c;}
.feedback-box{width:66%;padding:0 17%;margin-top:70px;}
.feedlside{width:48%;float: left;}
.feedlside input{width:90%;border:1px solid #afafae;height:38px;position: absolute;left:0;top:0;background:none;padding:0 5%;color:#fff;}
.feedlside .input{position: relative;height:40px;width:100%;margin-bottom:30px;}
.feedlside label{position: absolute;left:20px;top:13px;color:#dfdfde;/*display: none;*/}
.feedlside .input span{position: absolute;top:46px;left:0;color:#e10}
.feedback .boxshadow{box-shadow: 0 0 2px #afafae;;}
.feedrside{width:48%;float: right;}
.feedrside .textarea{position: relative;}
.feedrside textarea{width:90%;border:1px solid #afafae;top:0;left: 0;background:none;height: 229px;padding:10px 5%;font-size: 14px;color:#fff;}
.feedrside label{left:20px;top:13px;position: absolute;color:#dfdfde;/*display: none;*/}
.feedback .sub-input{clear: both;width:100%;}
.feedback .Validform_right{display: none;}
.feedback input::-webkit-input-placeholder {color: #dfdfde !important; }
.feedback input:-moz-placeholder {color: #dfdfde !important;}
.feedback input::-moz-placeholder {color: #dfdfde !important;}
.feedback textarea::-webkit-input-placeholder {color: #dfdfde !important; }
.feedback textarea:-moz-placeholder {color: #dfdfde !important;}
.feedback textarea::-moz-placeholder {color: #dfdfde !important;}
.sub-input input.sub-btn{width:100%;height: 40px;border:1px solid #afafae;color:#dfdfde;font-size: 14px;cursor: pointer;background: none;}
.sub-input input.sub-btn:hover{background-color:#afafae;color:#fff;}

.footer{background-color:#202224;color:#fff;padding:0 0 12px;}
.top{overflow: hidden;clear: both;padding-bottom:30px;padding-top:30px;}
.left{width:40%;float: left;}
.left .tel h3{font-size: 18px;;}
.left .tel p{font-size: 24px;font-family: arial;overflow: hidden;clear: both;margin-top:14px;}
.tel p i.icon-tel{background:url(../images/icon-common.png);display: block;width:25px;height: 25px;float: left;}
.contact-icon{/*overflow: hidden;*/clear: both;margin-top:25px;}
.contact-icon ul li{float: left;width:34px;height:34px;background-color: #2e3134;border-radius:100%;margin-right:6px;;}
.contact-icon ul li a{text-indent: -999999px;display: block;background:url(../images/icon-common.png) no-repeat;width:100%;height: 100%;;}
.contact-icon ul li.wechat a{background-position: 1px  -49px;;}
.contact-icon ul li.qq a{background-position: -38px -51px;;}
.contact-icon ul li.weibo a{background-position: -78px -51px;;}
.contact-icon ul li.skype a{background-position: -118px -51px;;}
.contact-icon ul li.whatsapp a{background-position: -158px -51px;;}
.contact-icon ul li.twitter a{background-position: -199px -51px;;}
.contact-icon ul li.facebook a{background-position: -240px -51px;;}
.contact-icon ul li.in a{background-position: -280px -51px;;}
.contact-icon ul li.google a{background-position: -317px -51px;;}
.contact-icon ul li.wechat:hover a{background-position: 1px  -90px;;}
.contact-icon ul li.qq:hover a{background-position: -38px -92px;;}
.contact-icon ul li.weibo:hover a{background-position: -78px -92px;;}
.contact-icon ul li.skype:hover a{background-position: -118px -92px;;}
.contact-icon ul li.whatsapp:hover a{background-position: -158px -92px;;}
.contact-icon ul li.twitter:hover a{background-position: -199px -92px;;}
.contact-icon ul li.facebook:hover a{background-position: -240px -92px;;}
.contact-icon ul li.in:hover a{background-position: -280px -92px;;}
.contact-icon ul li.google:hover a{background-position: -317px -92px;;}
.contact-icon ul li.wechat{position: relative;}
.contact-icon ul li.wechat:hover .wechat-code{display: block;}
.contact-icon ul li.wechat .wechat-code{width:100px;height: 100px;border:1px solid #fff;position: absolute;left:0;bottom:42px;position: absolute;z-index: 99999999;display: none;}
.contact-icon ul li.wechat .wechat-code img{display: block;width:100%;}
.center{width:12%;float: left;margin:0 8% 0 4%;text-align: center;}
.center img{display: inline-block;}
.right{width:36%;float: left;}
.right ul.nav-son {overflow: hidden;clear: both;}
.right ul.nav-son li{float: left;margin-right:28px;}
ul.nav-son li a{color:#fff;}
ul.nav-son li a:hover{color:#e77817;}
.add{margin-top:24px;line-height: 26px;}

.copyright{clear: both;text-align: center;}
.copyright span{margin-left:20px;}
.copyright a{color:#fff;margin-left:4px;}
.copyright a:hover{color:#e77817;}

.ny-navson{overflow: hidden;clear: both;margin:25px 0 40px;}
.ny-navson ul li{float: left;height: 32px;width:86px;text-align: center;margin-right:14px;margin-top:10px;}
.ny-navson ul li a{display: block;line-height: 32px;width:100%;background-color:#acacac;border-radius:18px;color:#fff;}
.ny-navson ul li a:hover{background-color: #c9c9a5;;}
.ny-navdescrib p{color:#666;}
.nyproducts{margin-top:40px;}
.nyproducts ul li{float:left; width:260px; margin:0 13px 13px 0; margin-bottom:32px;}.nyproducts ul li p{width:100%; background-color:#d4d4b7; height:38px;}.nyproducts ul li p a {display:block; line-height:38px; text-align:center;}
.nyproducts ul li:hover .pic-box{background-color:#d4d4b7;border-color:#D4D4B7;}
.pages{text-align: center;}
.pages a{display: inline-block;padding:5px 10px;border:1px solid #dadada;margin:0 4px;}
.pages a:hover{background-color:#dadada;color:#fff;}
.pages a.current{background-color:#dadada;color:#fff;}
.ny{padding-bottom:44px;}

.celan-lside{position: fixed;left: 0;top:30%;;z-index:9999999;}
.celan-lside .clanbar{width:28px;height:128px;border:1px solid #e4e4d2;border-left:none;background-color:rgba(212,212,183,.8);cursor: pointer;}
.celan-lside .clanbar i{display: block;background:url(../images/icon-common.png) no-repeat -262px 0;width:7px;height:13px;margin-top: 60px;margin-left: 9px;}
.cl-pronav{position: absolute;left:0;top:0;}
.cl-pronav ul{display: none;}
.cl-pronav i.icon-close{background:url(../images/icon-common.png) no-repeat -315px 4px #d4d4b7;display: block;width:18px;height: 18px;border:1px solid #e3e3d0;border-radius:100%;position: absolute;right: 0;top:-20px;cursor: pointer;}
.celan-lside ul li{height:30px;background-color:rgba(212,212,183,.8);width:110px;border-bottom:1px solid #c9c9a5;}
.celan-lside ul li:hover{background:#f0f0f0}
.celan-lside ul li a{line-height: 30px;padding-left:20px;color:#fff;display: block;}
.celan-lside ul li a:hover{color:#e77817;}
.celan-rside{position: fixed;right:0;top:10%;z-index:9999999;}
.celan-rside ul li{border-bottom:1px solid #fff;height:30px;background-color:#f0f0f0;margin:5px;}
.celan-rside ul li a{display: block;line-height: 30px;padding-left:34px;background:url(../images/icon-contact.png) no-repeat}
.celan-rside ul li a:hover{background-color:rgba(212,212,183,.8)}
.celan-rside ul li.qq a{ background-position: 10px 9px;}
.celan-rside ul li.email a{background-position: 10px -278px;;}
.celan-rside ul li.wechat{height:auto;}
.celan-rside ul li.wechat a{background-position: 10px -39px;}
.celan-rside ul li.wechat .wechat-code{width:140px;overflow: hidden;}
.celan-rside .icon-kefu{width:25px;background-color:#e77817;color:#fff;padding:15px 10px;border-bottom-left-radius: 10px;border-top-left-radius: 10px;position: absolute;right:0;cursor:pointer;z-index:999;top:50px;}
.celan-rside .icon-kefu span{display: block;font-size: 16px;color:#fff;width:20px;line-height: 20px;margin:10px auto;;}
.celan-rside .icon-kefu i{display: block;background:url(../images/kefu-icon.png) no-repeat;}
.celan-rside .icon-kefu i.tou{background-position: 0px 0px;width:25px;height: 28px;margin:0 auto;}
.celan-rside i.arrow{background-position: 0px -118px;width:7px;height: 13px;margin:0 auto;}
.celan-rside .contact-box{width:150px;border:1px solid rgba(212,212,183,.8);background-color:#fff;display: none;}
.celan-rside .contact-box h3 i.arrow{background:url(../images/kefu-icon.png) 0px -160px no-repeat;display: block;float: right;margin:16px 10px 0 0;cursor: pointer;}
.celan-rside .contact-box h3{background:url(../images/kefu-icon.png) 8px -50px no-repeat;height: 44px;line-height: 44px;padding-left:50px;font-size:16px;border-bottom: 1px solid #c9c9a5;color:#c9c9a5;}


.wechat-code img{display: block;width:100%;} 
.view_showpic img{margin:0 auto;}
.show_title1 h3,.show_title h3{font-size: 15px;;}
.nypage{line-height: 24px;;}
.show_news_con img{max-width:1160px;display: inline-block;}

.pro-view{overflow: hidden;clear: both;margin-bottom:16px;}
.pro-body-top{height:50px;line-height: 50px;background:#E5E5E5;width:100%;}
.pro-body-top h3{font-size: 14px;margin-left:16px;}
.pro-body-scroll{width:600px;float: left;position: relative;}

.pro-body-scroll .preview{width:300px;height:300px;left: 90px;top:20px;overflow: hidden;border:1px solid #ccc;}
#bigView{position: absolute;left:400px;top:20px;width:252px;height:252px;border:1px solid #ccc;overflow: hidden;}
#bigView img{position: absolute;}
#imgshow{width:300px;height:300px;}
#winSelector{width:100px;height:100px;position: absolute;cursor: crosshair;opacity: .5;background-color:#fff;border:1px solid #fff;}
.pro-body-scroll div.gun{left:10px;top:20px;height:80px;margin-top:20px;}
.pro-body-scroll div.gun .bd{position: absolute;width:540px;overflow: hidden;left:50%;margin-left:-270px;}
.pro-body-scroll div.gun .hd ul{height: 300px;margin:15px 0;}
.pro-body-scroll div.gun .bd li{width:100px;height:75px;overflow: hidden;margin:10px 0 0;border:2px solid #fff;float: left;margin:0 2px;cursor: pointer;}
.pro-body-scroll div.gun .bd li:hover{border-color:#c9c9a5;}
.pro-body-scroll div.gun .bd li.on{border-color:#c9c9a5;}
.pro-body-scroll div.gun .bd li img{width:100%;height:auto;}
.pro-body-scroll div.gun .hd{float: right;width:100%;position: absolute;}
.pro-body-scroll .t2{width:580px;left:10px;top:10px;border:1px solid #e6e6e6;padding:9px;}
.pro-body-scroll  .hd a{display: block;width:20px; height:32px;background:url(../images/pro-voewpn.png) no-repeat;position: absolute;margin-top:23px;}
.pro-body-scroll  a.next{right:0;background-position: -29px 0;}
.pro-body-scroll  a.prev{margin-bottom:8px;left:0;}
.pro-body-scroll .hd li{border:1px solid #eee;margin-bottom:8px;cursor: pointer;width:48px;height:48px;overflow: hidden;}
.pro-body-scroll .hd li.on{border-color:#0076bc;}
.pro-body-scroll .hd li img{width:48px;height:48px;}
.word-pro{width:310px;float: right;}
.word-pro div.wenben{margin:26px 0 36px;height:250px;overflow: hidden;}
.word-pro div.wenben p{background:url(../images/dotted.png) no-repeat left center;padding-left:20px;}
.word-pro a.maodian{background:url(../images/arrow.png) no-repeat right center;padding-right:20px;color:#0076BC;font-size: 16px;margin-left:80px;;}

.MagicZoomBigImageCont{border:1px solid #91b817;overflow:hidden}
.MagicZoomBigImageCont img{width:800px;heisht:800px}
.MagicZoomBigImageCont iframe{width:300px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0;cursor: crosshair;}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(graphics/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}
.pro-view-cs{width: 440px;float: right;}
.pro-view-cs .nr{height:460px;overflow-y: auto;;}
.pro-view-cs h3{font-size: 18px;margin-bottom:20px;}
.pro-view-cs p{height:32px;line-height: 32px;font-size: 14px;;}
.pro-viewdetail {margin-top:40px;}
.pro-viewdetail .con{padding:20px 10px;line-height: 23px;;}
.pro-viewdetail h3{background-color: #ccc;height:40px;line-height: 40px;padding-left:20px;font-size: 18px;;}
.xunjia{margin-top:36px;margin-left:104px;}
.xunjia a.quate{display: block;padding:0 80px;height:40px;border:1px solid #e4e4d2;line-height: 40px;float: left;font-weight: bold;font-size: 16px;background-color:#e4e4d2;color:#e77817;position: relative;text-align: center;}
.xunjia a.quate:hover{background-color:#e77817;color:#fff;}


/*banner contact*/
@-webkit-keyframes bounceIn {
	100%,
	20%,
	40%,
	60%,
	80%,
	from {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes bounceIn {
	100%,
	20%,
	40%,
	60%,
	80%,
	from {
		-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}