@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{ width:14.28%;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(4) p{width:300%; left:-100%;  }
.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:nth-child(4) p a{width:26%;margin-left:5.5%;  }
.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: 600px;width: 100%; display:block}
.banner{ width:100%; text-align:center; height:200px}
.mobilebanner{width:100%; display:none}

.four-block{ width:100%; padding-top:60px; padding-bottom:35px}
.four-block dl{ width:19%; margin-right:4%; box-shadow:0px 0px 1px #ccc;padding: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:150px; float:right}
.four-block dl dd h1{ clear:both; width:100%; font-size:16px; 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}
.three-block h1,.partner .title h1{ color:#111; font-size:17px; border-bottom:3px #e04a17 solid; margin-bottom:-2px; }
.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}
.local p em{ font-style:normal}
.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%; height:38px; float:left; padding-top:1px; border-bottom:1px solid #eae9e9;}
.company-intro .sidebar ul li a{ display:block; width:193px; padding-left:17px; line-height:38px; 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;}
.company-intro .main .pc{ display: block}
.company-intro .main .mobile{ display:none}

.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 .hd ul li:nth-child(n+4){ display:none}
.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:10%}
.development-list ul li:nth-child(2){ width:44%}
.development-list ul li:nth-child(3){ width:20%}
.development-list ul li:nth-child(4){ width:13%}
.development-list ul li:nth-child(5){ width:13%}
.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{ width:15%; 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}

.contact-info{ width:40%; padding-top:40px; padding-left:2rem}
.main .contact-info p{ font-size:16px; text-indent:0}
.contact-map{ width:54%; float:right; padding-top:50px; padding-right:2%}
.contact-map #dituContent{border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; width: 100%; height: 360px; border-top: #ccc 1px solid; border-right: #ccc 1px solid; float:none; margin:0}
#myform input{ line-height:22px;height:22px}
#codeimg{ display:inline-block}
.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: "微软雅黑"; 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:142px;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:665px;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;font-family:"微软雅黑";}
.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:15%;}
.foot-nav dl:last-child{ float:right; width:10%}
.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;}


@media(max-width:760px){
* {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
ul,li,dd,dl,H1,H2,H3,H4,H5,H6,dl,dt,dd,div,i{ float: none; display:inline-block}
.comm-width{ width:100%; display:block}
.header { padding:0.7rem 1.5%}
.header .logo{ background-size:auto 85%; width:60%; vertical-align:middle; }
.header .logotext{ width:38%; vertical-align:middle;padding-top:0; text-align:right; font-size:0.8rem}
.header .lang,.header .tel{ display:none}
.menu{ border-top: none; position:relative; line-height:normal}
.menu i#mobile-menu{ display:block; background:url(mobile_menu.png) no-repeat 97% center #fbfbfb; background-size:auto 38%; border-bottom:1px #ddd solid; border-top:1px #ddd solid;height:2.8rem; line-height:2.8rem; font-size:1rem; width:100%; padding:0 3%;}
.menu ul{ height:0; overflow:hidden; float:left;-webkit-transition: height 0.5s;transition: height 0.5s;}
.menu ul.on{ height:15.3rem}
.menu li{ width:100%; height:2.2rem; line-height:2.2rem; background:#fbfbfb; border-bottom:1px #eee solid;}
.menu li#this{ background:#fbfbfb}
.menu li a{ width:100%; text-align:left; padding-left:3%; font-size:0.9rem;line-height:2.2rem; background:none}
.menu li.on a{ background:none}
.menu li p{ display:none}
.slider{ height:195px;}
.slider .box  a{height: 195px;}
.slider-nav { bottom: 10px }
.slider-nav__item { width:8px; height: 8px; margin: 0 4px;}
.banner{ display:none}
.mobilebanner{ display:block; height:80px; }
.four-block{ padding:20px 2%; padding-bottom:0}
.four-block dl{ width:48%; height:5.3rem; box-shadow:0px 0px 5px #ddd;margin-right:4%; margin-bottom:1rem; padding:0.8rem 1.5%; float:left}
.four-block dl:nth-child(2n){ margin-right:0}
.four-block dl dt{ width:23%; height:auto; margin-top:0.2rem;font-size: 0; border-radius: 50%;}
.four-block dl dt::before{content: "";padding-top: 100%; display:block;}
.four-block dl:nth-child(1) dt{ background:url(icon_1.png) no-repeat center center #3abbff;background-size:auto 65%;}
.four-block dl:nth-child(2) dt{ background:url(icon_2.png) no-repeat center center #ffd635;background-size:auto 60%;}
.four-block dl:nth-child(3) dt{ background:url(icon_3.png) no-repeat center center #3ee032;background-size:auto 60%;}
.four-block dl:nth-child(4) dt{ background:url(icon_4.png) no-repeat center center #f54035;background-size:auto 60%;}
.four-block dl dd{ width:73%; float:right }
.four-block dl dd h1{ font-size:0.9rem; }
.four-block dl dd h2{  font-size:0.7rem; padding-top:0; line-height:0.9rem; color:#999 }

.three-block{ width:100%; margin-right:0; margin-bottom:1rem; padding:0 2%}
.three-block .about-us img{ width:100%}
.three-block .about-us ul li,.three-block .news-list ul li dd{ font-size:0.8rem;}
.three-block .news-list ul li dt a{ font-size:1rem;width:80%;  }
.three-block .news-list ul li dt span{ width:20%; }

.partner{ padding:0 2%; padding-top:1rem;}
.partner .b{ padding:20px 00}
.partner .b ul{ width:100%; }
.partner .b ul li { margin-right:9px}
.partner .b ul li a img{ width:115px; height:60px; border:1px #eee solid;}

.local{ line-height:2rem; height:2rem; float:left; position: relative}
.local p{ float:left;background:url(home.png) no-repeat 2% center; background-size:auto 36%; line-height:2rem; height:2rem; width:100%;font-size:0.8rem}
.local p em{ display:none; line-height:2rem;font-size:0.8rem;}
.local p a{ font-size:0.8rem}
.local p i#moremenu{ background:url(moremenu.png) no-repeat center center; position:absolute; right:2%; top:0.5rem; height:1rem; width:5%; background-size:100% auto; display:block}

.company-intro{padding-bottom:0px; width:100%; padding:0 2%;overflow:hidden; margin:1rem 0; float:left}
.company-intro .main{ width:100%; float:left; margin-left:0 }
.company-intro .sidebar{ width:100%;}
.company-intro .sidebar h3{ display:none}
.company-intro .sidebar ul{ width:100%;height:0; overflow:hidden; float:left;-webkit-transition: height 0.5s;transition: height 0.5s; margin:0}
.company-intro .sidebar ul li{ line-height:2rem;width:49%; margin-right:2%; padding-left:5%; background:url(submenuarr.png) no-repeat 3% 38%; background-size:auto 30% }
.company-intro .sidebar ul li:nth-child(2n){ margin-right:0}
.company-intro .sidebar ul li a{ width:100%; padding-left:2%; line-height:1.8rem; font-size:0.9rem;}
.company-intro .sidebar ul li a.current , .company-intro .sidebar ul li a:hover{ background:none}
.company-intro .main h3{ padding-left:0}
.company-intro .main img{ width:100%; height:auto}
.company-intro .main .pc{ display: none}
.company-intro .main .mobile{ display:block; height:300px; }
.honor-list { width:100%; padding:0 2%}
.honor-list ul{ width:48%; margin-right:2%; height:180px; padding:0 2%;float:left}
.honor-list ul:nth-child(2n) { margin-right:0; }
.honor-list ul:nth-child(3n) { margin-right:2%; }
.honor-list ul li{ width:100%; text-align:center; padding-bottom:10px; line-height:1.2rem}
.honor-list ul li a img{ width:100%; height:200px; padding:5px; border:1px #eee solid }
.honor-list ul li a:hover img{ border-color:#f90}

.bannerbox { width: 100%; height: 220px; }
#focus { width: 100%; height:  220px; }
#focus ul { width: 100%; height: 220px}
#focus ul li { width: 100%; height:  220px; float:left }
#focus ul li img{ width: 100%;height: 220px; float: none}
#focus .preNext { width: 50%; height: 220px;}
.main .news-list-title{ width:100%;}
.news-detail{ width:100%;}
.main h3{ display:none}
.news-detail .title{ font-size:1.3rem; }
.news-detail .item span i{ vertical-align:middle}
.news-detail .item span:last-child{ display:none}
.main .news-detail #BodyLabel p{ text-indent:0; width:100%;}
.news_list_more { width:100%;padding:0; }
.news_list_more dl{ width:100%; padding:15px; height:auto; margin-bottom:1rem}
.news_list_more dl dt{ width:100%;}
.news_list_more dl dt a img{ width:100%; }
.news_list_more dl dd{ width:100%;}
.news_list_more dl dd h1 a{ font-size:1rem;  }
.main .news_list_more dl dd h3{ line-height:1.6rem}

.main .news-detail .nextpre{ width:100%; background:#fff; }
.main .news-detail .nextpre li{ width:100%; background:#eaeaea; margin-bottom:0}
.main .news-detail .nextpre li span{ width:26%; float:left;padding:10px 2%; text-align:center}
.main .news-detail .nextpre li a{ width:70%; float:left; margin:10px 2%;  }

.exhi_block.leftLoop{ width:100%; margin-top:30px; height:270px;}
.picList li{ width:49%; padding:0; margin-left:0}
.picList li .pic a img{ height:80px; padding:0 1% }
.leftLoop .hd ul li:nth-child(n+4){ display: inline-block}
.product-list{ width:100%; }
.product-list dl{ padding-bottom:1rem; margin-bottom:1rem}
.product-list dl dt{ width:100%}
.product-list dl dt img{ width:100%; height:240px}
.product-list dl dd{ width:100%; float:none}
.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}
.company-intro .product-list dl dd h3{ display:inline-block }
.company-intro .content-detail{ width:100%; padding-top:0}
.company-intro .content-detail p img{ width:100%} 

.development-list{ width:100%}
.development-list ul li{ float:left;word-wrap:break-word; padding:5px 1%; font-size:0.8rem; line-height:1.2rem}
.development-list ul li a{ font-size:0.8rem; line-height:1.2rem}
ul.submenu { width:100%;border-bottom: none;height: auto; }
ul.submenu li{ width:49%; margin-right:2%; float:left; line-height:2rem;margin-bottom:5px}
ul.submenu li:nth-child(2n){ margin-right:0}
.company-intro .main .partnerimg { padding:0;width:100%;}
.company-intro .main .partnerimg img{ width: 32%; height:65px; margin-right:0; border:1px #eee solid; float:left; margin-right:2%}
.company-intro .main .partnerimg img:nth-child(3n){ margin-right:0}

.contact-info{ width:100%; padding-top:20px; padding-left:0}
.main .contact-info p{ font-size:16px; text-indent:0}
.contact-map{ width:100%; float:left; padding-top:10px; padding-right:0}
.contact-map #dituContent div{ float:left}
#myform td{ font-size:0.8rem}
#myform input{ width:90%; border:1px #ddd solid; height:1.8rem; line-height:1.8rem}
#myform textarea{border:1px #ddd solid;}
#myform input#PostCode{ width:50%; margin-right:5%}
#myform input.submit{ width:40%; float:left; margin-right:5%}
#codeimg{ width:auto}

.pagelink{ text-align: center}
.yellow em{ display:none}

.foot-copyright{padding: 2%; }
.foot-search,.foot-guild{ display: none}
.foot-copyright p{ font-size:0.8rem; text-align:center; line-height:1.2rem;}
.foot-copyright p em{ width:100%; clear:both; display:block; height:1px; overflow:hidden}
}