@charset "utf-8";
body{ padding:0; margin:0; font: normal 100% Arial, sans-serif; line-height:1.5rem; color:#666;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
ul,li,dd,dl,H1,H2,H3,H4,H5,H6,dl,dt,dd,div,i{ margin:0; padding:0;font-weight:normal; font-size:0.9rem;  float:left; list-style:none;text-indent:0; font-style:normal}
H1,H2,H3,H4,H5,H6{ float:none; display:inline-block}
a{ font-size:0.9rem;  font-family:Arial, sans-serif;color:#444; text-decoration:none; blr:expression(this.onFocus=this.blur());-webkit-transition: all .3s ease;-moz-transition:all .3s ease;transition: all .3s ease;}
a:hover{ color:#02579a; }
a:focus,input,textarea { outline:none;-moz-outline:none;}
img{ border:0; display:block}
.comm-width{ width:1200px; margin:0 auto; float:none; clear:both}
.header{width:100%; padding:25px 0}
.header .logo{ background:url(Logo.png) no-repeat 0 center; width:220px; height:60px;}
.header .logo a{ width:100%; height:60px; display:block;}
.header .logotext{ width:300px; line-height:20px; padding-top:10px}
.header .lang{  width:280px;text-align:right}
.header .lang a{ display:inline-block; line-height:60px; padding-left:25px; margin-right:20px; background:url(lan.gif) no-repeat 0 23px}
.header .lang a:last-child{ background-position:0 -31px}
.header .tel{ float:right; background:url(tel.png) no-repeat 0 center; padding-left:50px}
.header .tel h1{ width:100%; font-weight:bold; font-size:12px; color:#999}
.header .tel h2{ width:100%; font-size:30px; color:#f30;}
.menu{ width:100%; border-top:1px #e4e4e4 solid; line-height:50px; }
.menu i#mobile-menu{ display:none}
.menu ul{ width:100%}
.menu li{ padding:0 34px;height:50px; position:relative; z-index:120}
.menu li#this{ background:url(current.gif) no-repeat center top #f9f9f9}
.menu li a{background:url(arr.png) no-repeat center 200%; width:100%; text-align:center; display:block; line-height:50px; font-size:16px}
.menu li.on a{ background-position:bottom}
.menu li p{ background:#3f4055; position:absolute; top:65px; left:-30%; padding:10px 0 20px 0; margin:0; width:160%; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0; visibility:hidden;-webkit-transition: all .3s ease;-moz-transition:all .3s ease;transition: all .3s ease;}
.menu li:nth-child(2) p{width:320%; left:-110%;  }
.menu li:nth-child(3) p{width:250%; left:-75%;  }
.menu li:nth-child(4) p{width:180%; left:-40%;  }
.menu li p a{ background:none; color:#fff; width:40%; float:left; margin-left:7%; border-bottom:1px #838492 solid; line-height:40px; font-size:14px}
.menu li p a:hover{ color:#fc0}
.menu li.on p{filter:alpha(Opacity=95);-moz-opacity:0.95;opacity: 0.95;visibility: visible;top:50px; }

.slider {position: relative;	width: 100%;	height: auto;	overflow: hidden; z-index:1; }
.slides {height: 100%;overflow: hidden; *zoom: 1;	-webkit-backface-visibility: hidden;	-webkit-transform-style: preserve-3d;	margin: 0;	padding: 0;	border: 0}
.slide {	height: 100%;	float: left;	clear: none;margin: 0; padding: 0;	border: 0; list-style-image: none;	list-style-type: none}
.slider-arrow {	position: absolute;	display: block; margin-bottom: -30px; background-color: rgba(0,0,0,0.3); text-indent: -9999px;	overflow: hidden; height: 60px;	width: 40px;background-repeat: no-repeat}
.slider-arrow--right { transform: translate(40px, 0);	 -ms-transform: translate(40px, 0); -webkit-transform: translate(40px, 0); -moz-transform: translate(40px, 0);	-o-transform: translate(40px, 0)}
.slider-arrow--left { transform: translate(-40px, 0);	-ms-transform: translate(-40px, 0);	-webkit-transform: translate(-40px, 0); -moz-transform: translate(-40px, 0); -o-transform: translate(-40px, 0)}
.slider:hover .slider-arrow--right, .slider:hover .slider-arrow--left { transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0);	-moz-transform: translate(0, 0); -o-transform: translate(0, 0)}
.slider-arrow--right { bottom: 50%; right: 0; background-image: url(banner-fy.png); background-position: center bottom}
.slider-arrow--left {	bottom: 50%;	left: 0;	background-image: url(banner-fy.png);	background-position: center top}
.slider-nav { position: absolute; bottom: 30px }
.slider-nav__item { width:12px; height: 12px; float: left; clear: none; display: block;	margin: 0 5px; background: #fff;	border-radius: 50%}
.slider-nav__item:hover { background: #ccc}
.slider-nav__item--current { background: #ccc}
.slider .box {width: 100%;	height: 100%;	padding: 0 15px;background-repeat: no-repeat;background-position: center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover}
.slider .box  a{height: 400px;width: 100%; display:block}
.slider.home .box  a{height: 600px;}
.banner{ width:100%; text-align:center; height:200px}

.four-block{ width:100%; padding-top:60px; padding-bottom:35px}
.four-block dl{ width:21%; margin-right:2%; box-shadow:0px 0px 1px #ccc;padding:28px 1% 28px 1.5%;-webkit-transition: all .3s ease;-moz-transition:all .3s ease;transition: all .3s ease;}
.four-block dl:last-child{ margin-right:0}
.four-block dl:hover{ box-shadow:0px 0px 25px #ccc;}
.four-block dl dt{ background:url(icon.png) no-repeat #3abbff 0; width:63px; height:63px; display:inline-block; vertical-align:middle;border-radius:50%}
.four-block dl:nth-child(1) dt{ background-position:13px 5px}
.four-block dl:nth-child(2) dt{ background-position:-137px 5px; background-color:#ffd635}
.four-block dl:nth-child(3) dt{ background-position:-278px 5px; background-color:#3ee032}
.four-block dl:nth-child(4) dt{ background-position:-434px 5px; background-color:#f54035}
.four-block dl dd{ width:182px; float:right}
.four-block dl dd h1{ clear:both; width:100%; font-size:13px; color:#333}
.four-block dl dd h2{ width:100%; line-height:18px; font-size:13px; padding-top:5px}

.three-block{ width:29%; margin-right:6.5%}
.three-block:last-child{ margin-right:0}
.three-block .title{ width:100%; line-height:40px; border-bottom:1px #f1f1f1 solid}
.three-block h1,.three-block h2{ float:left; text-transform:uppercase}
.three-block h1,.partner .title h1{ color:#111; font-size:17px; border-bottom:3px #e04a17 solid; margin-bottom:-2px; text-transform:uppercase; }
.three-block h2,.partner .title h2{ text-transform:uppercase; font-size:13px; color:#999;padding-left:10px}
.three-block .title a,.partner .title a{ float:right}
.three-block .about-us,.three-block .news-list,.three-block .contact-us,.three-block ul,.three-block ul li,.three-block .news-list ul li dt,.three-block .news-list ul li dd{ width:100%}
.three-block .about-us,.three-block .news-list,.three-block .contact-us{ padding:15px 0}
.three-block .about-us ul li{ padding-top:10px;font-size:12px; line-height:20px}
.three-block .news-list ul li{ padding-bottom:15px; border-bottom:1px #f1f1f1 solid;line-height:35px;}
.three-block .news-list ul li:first-child{ margin-bottom:15px}
.three-block .news-list ul li dt a{ max-width:260px; height:35px;  overflow:hidden; float: left; font-size:15px; }
.three-block .news-list ul li dt span{ width:80px; height:35px; overflow:hidden; float:right; text-align:right; color:#999; font-size:12px}
.three-block .news-list ul li dd{ color:#888; line-height:20px; height:40px; overflow:hidden; font-size:12px}
.three-block .contact-us ul li{ padding-top:10px;}
.three-block .contact-us ul li img{ margin:0 auto}

.partner{ width:100%;background:#f9f9f9; padding:30px 0 10px 0; margin-top:10px}
.partner .hide-witdh{ width:100%;overflow:hidden}
.partner .title{ width:100%}
.partner .b{ width:5000px;padding:40px 0 20px 0}
.partner .b ul{ width:100%; }
.partner .b ul li { margin-right:9px}
.partner .b ul li a img{ width:140px; height:70px; border:1px #eee solid;-webkit-transition: all .3s ease;-moz-transition:all .3s ease;transition: all .3s ease}
.partner .b ul li a:hover img{ border-color:#7dc5fe}

.local{ background:#f0f0f0; width:100%; height:38px; }
.local p{ float:right; background:url(sweets.gif) no-repeat 0 -247px; padding-left:25px; line-height:38px; margin:0; color:#999; font-size:13px}
.l{float:left}
.r{float:right}

/* company-intro */
.company-intro{padding-bottom:60px; width:100%; height:auto; overflow:hidden; margin:28px 0;}
.company-intro .main{ width:940px; height:auto; margin:0 auto; float:none; display:inline-block; margin-left:40px }
.company-intro .sidebar{ width:217px; height:auto; overflow:hidden;}
.company-intro .sidebar ul li a:hover{ text-decoration:none}
.company-intro .sidebar h3{ width:100%; font-size:20px; color:#3e3a39; font-weight:normal; text-align:left; font-weight:bold; text-indent:15px}
.company-intro .sidebar h3.zjlm{ padding:17px 0 15px 0; border-bottom:1px solid #eae9e9;}
.company-intro .sidebar h3.zxsd{ padding:0px 0 13px 0;}
.company-intro .sidebar ul{ overflow:hidden; margin-bottom:25px;}
.company-intro .sidebar ul li{ width:100%; float:left; padding-top:1px; border-bottom:1px solid #eae9e9;}
.company-intro .sidebar ul li a{ display:block; width:183px; line-height:20px; padding:9px 10px 9px 17px; text-align:left; font-size:13px; color:#3e3a39;-webkit-transition: 0s;-moz-transition:0s;transition: 0s;}
.company-intro .sidebar ul li a.current , .company-intro .sidebar ul li a:hover{ font-weight:bold; color:#e61616; text-decoration:none;background:url(sweets.gif) 196px -86px no-repeat}
.company-intro .sidebar dl{overflow: hidden;padding-bottom: 14px;border-bottom: 1px solid #eae9e9;}
.company-intro .sidebar dl dd a{ font-size:12px; color:#2a2a2a; line-height:32px; padding-left:15px; float:left}
.company-intro .sidebar img{ float:left}
.company-intro .main h3{ width:100%; font-size:18px; color:#3e3a39; font-weight:normal; text-align:left;padding:17px 0 15px 15px; border-bottom:1px solid #eae9e9; margin-bottom:23px;}
.company-intro .main embed{ float:left; margin-right:28px;}
.company-intro .main p{ text-align:left; font-size:12px; line-height:25px; color:#595757; margin-bottom:10px;text-indent:2em;}
.company-intro .main p strong{ font-size:14px;}
.company-intro .main img{ margin-top:10px;}

.bannerbox { width: 925px; height: 436px; overflow:hidden;  margin: 0px auto; float:none; }
#focus { width: 925px; height: 436px; clear: both; position: relative; }
#focus ul { width: 925px; height: 436px;position: absolute; clear: both;  }
#focus ul li { width: 925px; height: 436px; position: relative; }
#focus ul li img{ width:  925px;border: 0px; height: 436px; float:left}
#focus ul li a{ position:absolute; left:0; bottom:-80px; background:#000; display:block; width:100%; padding:15px 0; z-index:100; color:#fff; text-indent:1rem;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
#focus:hover ul li a{ bottom:0}
#focus ul li a:hover{ color:#ff0}
#focus .preNext { width: 550px; height: 436px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 0; background: url(sprite.png) no-repeat left center; }
#focus .next { right: 0; background: url(sprite1.png) no-repeat right center; }
.company-intro .content-detail{ width:925px; margin: 0px auto; float:none; padding-top:30px; }
.company-intro .content-detail p{ font-size:14px; line-height:24px; padding: 0; text-indent:0}
.company-intro .content-detail h4{ font-size:22px; color:#f50; background:url(under_line.gif) no-repeat bottom left; line-height:50px; margin-bottom:15px; width:100%}

.honor-list,.product-list,.news-detail{ width:925px; margin: 0px auto; float:none;}
.product-list dl{ width:100%; border-bottom:1px #ddd dotted; padding-bottom:50px; margin-bottom:50px}
.product-list dl dt{ width:42%}
.product-list dl dt img{ width:100%; height:240px}
.product-list dl dd{ width:53%; float:right}
.product-list dl dd h1{ font-size:23px; line-height:60px; background:url(under_line.gif) no-repeat left bottom; color:#f50; width:100%}
.product-list dl dd h2{ width:100%; font-size:13px; color:#999; padding:15px 0}

.honor-list ul{ width:31%; margin-right:3.5%; overflow:hidden; padding-bottom:10px}
.honor-list ul:nth-child(3n) { margin-right:0; }
.honor-list ul li{ width:100%; text-align:center; padding-bottom:10px}
.honor-list ul li a img{ width:95.5%; height:200px; padding:5px; border:1px #eee solid }
.honor-list ul li a:hover img{ border-color:#f90}

.company-intro .product-list dl dd h3{  width:100%; padding:0; border-bottom: none }
.company-intro .product-list dl dd h3 a{padding:0; margin:0; border:0; background: url(more.gif) no-repeat top; text-align:center; color:#fff; display:block; line-height:39px; width:202px; height:39px;-webkit-transition: 0s;-moz-transition:0s;transition: 0s;}
.company-intro .product-list dl dd h3 a:hover{ background-position:bottom}

.main .news-list-title,.main .news-list,.news_list_more,.development-list,ul.submenu,.partnerimg{ width:920px; margin:0 auto; float: none}
.main .news-list-title h1{ font-size:23px; line-height:60px; background:url(under_line.gif) no-repeat left bottom; color:#f50; }
.main .news-list-title a{ float: right; background:#f60; padding:3px 8px; color:#fff; margin-top:25px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.main .news-list-title a:hover{ background:#f30; text-decoration:none}
.main .news-list{ padding:15px 0; }
.main .news-list ul{ width:100%; padding-bottom:30px}
.main .news-list ul li{ width:100%; line-height:40px; overflow:hidden; height:40px; border-bottom:1px #eee dashed}
.main .news-list ul li a{ font-size:13px; background:url(sweets.gif) no-repeat 5px -86px; text-indent:25px; display:block; float:left; max-width:85%;}
.main .news-list ul li span{ float:right; width:12%; text-align:right}

.news_list_more dl{ width:94%; padding:20px 3%; background:#f1f1f1; margin-bottom:45px}
.news_list_more dl:last-child{ margin-bottom:0}
.news_list_more dl dt{ width:28%}
.news_list_more dl dt img{ width:215px}
.news_list_more dl dd{ width:72%; padding-top:8px}
.news_list_more dl dd h1,.news_list_more dl dd h2,.news_list_more dl dd h3{ width:100%}
.news_list_more dl dd h1 a{ width:100%; font-size:18px;  }
.news_list_more dl dd h2{ font-size:12px; color:#999; font-family:Arial, Helvetica, sans-serif}
.main .news_list_more dl dd h3{ margin:10px 0; font-size:14px; color:#666; line-height:30px; height:60px; padding:0; border-bottom:none}
.news-detail .title{ width:100%; text-align:center; font-size:25px; padding:20px 0; color:#333}
.news-detail .item{ width:100%; text-align:center; border-bottom:1px #eee solid; padding-bottom:30px}
.news-detail .item span{ display:inline-block; line-height:30px; padding:0 10px; color:#999}
.news-detail .item span i,.news-detail .item span:nth-child(4)  a{ display:inline-block; background:url(views_icon.gif) no-repeat 0 center; width:30px; height:29px;}
.news-detail .item span:nth-child(2)  i{ background-position: -84px center}
.news-detail .item span:nth-child(3)  i{ background-position: -178px center}
.news-detail .item span:nth-child(4)  a{ vertical-align:middle}
.news-detail .item span:nth-child(4)  a:nth-child(1){ background-position:-273px center}
.news-detail .item span:nth-child(4)  a:nth-child(2){ background-position:-305px center}
.news-detail .item span:nth-child(4)  a:nth-child(3){ background-position:-330px center}
.main .news-detail .content { padding:20px 0;width:100%;}
.main .news-detail .content p{ font-size:15px; line-height:35px;}
.main .news-detail .content div{ float:none}
.main .news-detail .content img{ display:inline-block}
.main .news-detail .nextpre{ width:100%; background:#eaeaea; }
.main .news-detail .nextpre li{ width:50%;}
.main .news-detail .nextpre li span{ width:20%; float:left;padding:15px 3%; background:#dbdbdb; text-align:center}
.main .news-detail .nextpre li a{ width:70%; float:left; margin:15px 2%; height:20px;overflow:hidden; }
.main .news-detail .nextpre li a.gray{ color:#999}

.exhi_block.leftLoop{ position:relative; width:920px; margin: 0 auto; margin-top:30px; float: none;background:#f1f1f1;   overflow:hidden; height:305px;}
.leftLoop .hd{ height:25px; width:100%; padding-top:20px;}
.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; width:100% ; text-align:center }
.leftLoop .hd ul li{ position:relative;float:left; width:12px; height:12px; margin-right:20px; background:#8e8e8e; cursor:pointer; float:none; display:inline-block}
.leftLoop .hd ul li.on{ background:#c2c2c2 }
.leftLoop .hd ul li:last-child{ margin-right:0}
.leftLoop .bd{ width:95%; margin:0 2.5%; margin-top:30px; background:#fff; overflow:hidden; padding-top:15px}
.leftLoop .bd ul{ zoom:1; width:100%}
.picList li{ width:200px; text-align:center; padding:0;margin-left:15px; _display:inline; }
.picList li span{ width:100%;text-align:center; display:block}
.picList li .pic a img{ width:100%; height:115px; float: none; display:inline-block}
.picList li .pic a:hover img{ border-color:#fe0;  }
.picList li .name a{ line-height:22px;height:44px; overflow:hidden; display:block; margin:10px 0}

.development-list ul{ width:100%}
.development-list ul li{ text-align:center; padding:15px 0; margin:5px 0}
.development-list ul li:nth-child(1){ width:8%}
.development-list ul li:nth-child(2){ width:34%}
.development-list ul li:nth-child(3){ width:26%}
.development-list ul li:nth-child(4){ width:17%}
.development-list ul li:nth-child(5){ width:15%}
.development-list ul:nth-child(2n+1){ background:#f8f8f8}
.development-list ul:first-child{ background:#f1f1f1}

ul.submenu { border-bottom:1px #eee solid;height:41px;}
ul.submenu li{ padding:0 2%; background:#fafafa; border:1px #eee solid; margin-left:-1px; line-height:40px; text-align:center; margin-right:5px}
ul.submenu li.current{ background:#f1f1f1}
.partnerimg { padding:35px 0}
.partnerimg img{ width:214px; height:87px; float: left; margin-right:18px; border:1px #eee solid}
.partnerimg img:nth-child(4n){ margin-right:0}

.pagelink{width:100%; padding:25px 0; clear:both; border-top:1px #ddd dotted; margin-top:35px; text-align: right}
.pagelink.noborder{ border-top:none; margin-top:10px}
.pagelink select{font-family: Arial, Helvetica, sans-serif; padding:3px}
.yellow {padding: 7px 0; margin: 3px; float:none; display:inline-block; font-size:13px}
.yellow B{ padding:0 3px; color:#f00; font-size:13px}
.yellow em{ font-style:normal}
.yellow a {border: #ddd 1px solid; margin: 2px; padding: 2px 6px; text-decoration: none; color:#666; font-size:13px}
.yellow a:hover {border: #ff5500 1px solid;background: #ff5500; color: #fff; text-decoration:none}
.yellow span.current {border: #ff5500 1px solid; font-weight: bold; margin: 2px; color: #fff; padding: 2px 6px;background: #ff5500; }
.yellow span.disabled {border: #eee 1px solid; padding: 2px 5px 2px 5px; margin: 2px; color: #aaa; }


.foot-search{width:100%;background:#f9f9f9; }
.foot-search div.search-box{width:100%;height:43px;line-height:43px;padding:22px 0;}
.foot-search div.search-box > span{ font-size:22px; font-weight:bold; color:#3e4055; float:left;}
.foot-search div.search-box form{font-size:13px;}
.foot-search div.search-box form div.sele-type{position:relative; }
.foot-search div.search-box form div.sele-type span{width:162px;height:41px;line-height:41px;color:#000;float:left;text-indent:1em;cursor:pointer;background:url(search.jpg) right center no-repeat #fff;border:1px solid #d9e9ed;margin:0 15px;}
.foot-search div.search-box form div.sele-type ul{position:absolute;left:15px;top:43px;width:202px;border:1px solid #cbc9c9;padding:5px 10px;background-color:#fff; z-index:100; display:none}
.foot-search div.search-box form div.sele-type ul li{width:100%;height:42px;line-height:42px;cursor:pointer; text-indent:4px}
.foot-search div.search-box form div.sele-type ul li:hover{background-color:#f9f9f9}
.foot-search div.search-box form span.search-input{height:41px;border:1px solid #d9e9ed;background-color:#fff;float:left;font-size:14px;}
.foot-search div.search-box form span.search-input .in_search{border:0;outline:0;float:left;width:635px;margin:13px 0 0 10px}
.foot-search div.search-box form span.search-submit{height:41px;float:left;}
.foot-search div.search-box form span.search-submit .enqury_search{border:0;outline:0;height:41px;width:178px; margin-left:12px; background-color:#ff8261; color:#fff; cursor:pointer;float:right;}
.foot-guild{width:100%;height:auto;overflow:hidden;padding:15px 0 0px;background:#302f3d url(foot_index_bg.jpg) top repeat-x;}

.foot-nav{width:100%; padding-bottom:20px}
.foot-nav dl{width:14%;}
.foot-nav dl:nth-child(2){width:10%;}
.foot-nav dl:nth-child(3){width:19%;}
.foot-nav dl:nth-child(4){width:19%;}
.foot-nav dl:nth-child(5){width:16%;}
.foot-nav dl:nth-child(6){width:12%;}
.foot-nav dl:last-child{ width:8%}
.foot-nav dl:last-child dd{ text-align:center; line-height:16px; padding-top:35px}
.foot-nav dl:last-child dd img{ margin:auto}
.foot-nav dl:last-child dd:last-child{padding-top:8px}
.foot-nav dl dt{width:100%;font-size:16px;font-weight:bold;color:#e2e9ec;line-height:28px;margin-bottom:26px}
.foot-nav dl dd{width:100%;font-size:12px;line-height:28px;color:#e2e9ec}
.foot-nav dl dd a{font-size:12px;line-height:28px;color:#e2e9ec}
.foot-nav dl dd a img{margin-top:15px;}
.foot-copyright{width:100%;height:auto;background-color:#2c2c2c;position:relative}
.foot-copyright p{font-size:12px;color:#7a7a7a;line-height:35px;text-align:left;}
.foot-copyright p a{font-size:12px;color:#7a7a7a;line-height:28px;}