@charset "utf-8";
*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;-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;}
html,body,ul,li{margin:0;padding:0;font-family:"Arial";color:#333;height:100%; font-size:13px; color:#333}
h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;font-family: "Arial";list-style:none;font-size:13px; color:#333; font-weight:normal}
p{padding:0;margin:0}
em{ font-style:normal}
div,input{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top}
.gray{ background:#f6f6f6}
/*span,div,ul,li,a{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}*/

/*/////////////////////////////////////////////////////////////*/.mess{background: #e9eff8;}.mess .comm-title{padding-bottom:10px;}.tel_title{height: 50px;}.tel_title a{display: block;height: 100%;width: 326px;margin: auto;}.tel_title img{height: 100%;float: left;}.tel_title span{display:inline-block;line-height: 50px;float: left;color: #1651b9;font-size: 16px;font-weight: 500;font-style:italic;}.tel_title .tel{font-weight:600;font-size: 18px;margin-left: 5px;}.tel_title:hover span{color: #ff8100;}.mess form{width: 70%;margin: auto;}.mess input{width: 47%;height: 50px;background: white;border-radius: 10px;border:1px solid #1651b9;margin: 10px;padding: 10px;margin-left:12px ;}
.mess textarea{width: 97%;height: 120px;background: white;border-radius: 10px;border:1px solid #1651b9;margin: 10px;padding: 10px;margin-left: 12px;}.mess button{width: 100px;height: 50px;border-radius: 5px;color: white;font-size: 18px;font-weight: 600;}.mess .but{width: 100%;text-align: center;}.submit{background: #ff8100;border: 1px solid #ff8100;}.reset{background: #1651b9;border: 1px solid #1651b9;}/*/////////////////////////////////////////////////////////////*/
/* banner */
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden;/* margin-top:-20px; */margin-bottom:20px;  position:absolute;right:49%; bottom:-19px;  z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; /* margin-left: 50%;  */}
.slideBox .hd ul li span {display: inline-block;width: 10px;height: 10px;font-size: 1px;margin: 0 3px;background: #969696;border-radius: 100%;}
.slideBox .hd ul li{ float:left; margin-right:6px;  width:10px; height:15px; line-height:14px; text-align:center; /* background:#fff; */ cursor:pointer; }
.slideBox .hd ul li.on span{ background:#0d6ece; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }

.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }


.pages {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align:
center;font-size:12px}
.pages ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin:
0 3px;line-height: 20px;background: #fff;color:#999}
.pages ul li:hover{ background:#1651b9; color:#fff;border: 1px solid #1651b9}
.pages ul li:hover a{color:#fff;}
.pages ul li.thisclass {display: inline-block;border: 1px solid #1651b9;padding: 2px
9px;margin: 0 3px;background: #1651b9;color: #fff;}
.pages ul li.thisclass a {color: #fff;}
.pages ul li a{ display:block;color:#999}
.pages ul li a:hover {color: #fff;}


input{font-family:Arial,Helvetica,sans-serif;font-size:0.9rem;}
input[type=text]:focus{outline:0;border:solid 1px #523669}
input[type=password]:focus{outline:0;border:solid 1px #523669}
input[type=button]{cursor:pointer}
select{margin:0}
li{list-style:none}
img{display: inline-block; border:none}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.2s;}
a:hover{ color:#1651b9}
a,input,button{ outline:none; }
.flex-wrap{ display: -webkit-box; display: -webkit-flex; display: flex; }
.flex-vertical{ -webkit-box-orient: vertical;-webkit-flex-flow: column;flex-flow: column;}
.flex-con{ -webkit-box-flex: 1;-webkit-flex: 1; flex: 1;}
.clearline{ background:#f5f5f5; height:0.7rem; clear:both}
.comm-width{ width:1200px; margin:0 auto;  float:none; display:block}
.fl{float: left;}
.fr{float: right;}
.header{  height:80px; width:100%; font-size:0; position:fixed; top:0; left:0; z-index:1000; background:#fff;box-shadow: 0 4px 5px rgba(0,0,0,.1);}
.header .logo{ background:url(logo.png) no-repeat left center; width:250px; padding:13px 0;height:80px;}
.header .logo a{ width:100%; height:54px; display:block}
.header ul.menu{ width:740px;height:80px; padding:13px 0px;display:inline-block }
.header ul.menu li {display:inline-block;/* padding:7px 21px;  */position:relative }
.header ul.menu li a{ height:40px; line-height:40px; padding:0 20px; font-size:16px;color:#333; display:block;border-radius:20px; }
.header ul.menu li.this a,.header ul.menu li#on a,.header ul.menu li#on a:hover,ul.menu li a:hover{ background:#1651b9; color:#fff;}
.header ul.menu li.this a i,.header ul.menu li a i{ background:url(more_icon.gif) no-repeat 2px 0; width:21px; height:8px; overflow:hidden; display:inline-block; vertical-align: middle;margin-bottom:2px }
.header ul.menu li.this a i,.header ul.menu li#on a i,.header ul.menu li#on a:hover i,ul.menu li a:hover i{ background:url(icon.gif) no-repeat 4px 5px #fff;width:13px; height:13px;border-radius:50%; margin-left:8px; }
.header .lang{width:110px;display: inline-block;vertical-align:baseline;}
.header .lang dl{width:90%;text-transform: uppercase;position:relative;line-height: 40px}
.header .lang dl dt{background:url(lang.gif) no-repeat 0 14px;line-height:40px;padding-left: 25px}
.header .lang dl dt.en{background-position: 0 -14px;}
.header .lang dl dd{position: absolute;left: -15%;top:52px;padding:10px 15px;background: #fff;box-shadow: 0 4px 5px rgba(0,0,0,.1);opacity: 0;visibility:hidden;transition: all .2s;line-height: 32px}
.header .lang dl dd a{width:100%;display: inline-block;line-height: 32px;background:url(lang.gif) no-repeat 0 10px;padding-left: 25px;font-size: 12px}
.header .lang dl dd a:nth-child(2){background-position:0 -18px}
.header .lang dl.this dd{opacity: 1;visibility: visible;top: 40px}
.header .tel{ width:100px; background:url(icon.gif) no-repeat left -15px; padding-left:40px; padding-top:8px; margin-top:13px}
.header .tel h1{ width:100%; font-size:10px; color:#1651b9;white-space:nowrap}
.header .tel h2{ width:100%; font-size:22px; color:#1651b9;;white-space:nowrap}
.header ul.menu li dl{ width:140%;  display:inline-block; position:absolute; left:-20%; top:44px; padding-top:13px; background:#fff;  transition: all 0.2s; font-size:0;opacity:0; visibility:hidden}
.header ul.menu li dl dd{ width:100%; text-align:center; border-top:1px #ededed solid;box-shadow: 0 2px 4px rgba(0,0,0,.2);}
.header ul.menu li:nth-child(3) dl{width:180%;left: -40%}
.header ul.menu li#on dl dd a,.header ul.menu li.this dl dd a,.header ul.menu li dl dd a{ font-size:14px; line-height:40px; background:#fff;border-radius:0; color:#333; transition: all 0s;}
.header ul.menu li.this dl dd a:hover,.header ul.menu li dl dd a:hover{ text-decoration:underline; text-decoration:none; background:#1651b9; color:#fff}
.header ul.menu li.this dl{ visibility: visible;height:auto; opacity:0.95;  top:54px;}

@media(max-width:760px){
	em{ display:none}
	.comm-width{ width:100%;}
	.header{ padding:0; height: 6rem; }
	.header .comm-width{position: relative;}
	.header .logo{ background-position:6% center; width:90%; padding:0;height:6rem; background-size: auto 60%}
	.header .logo a{ width:100%; height:6rem; display:block;}
	.header .tel,.header ul.menu nav{display: none;}
	.header .lang{position: absolute;;top: 1.5rem;right: 10%}
	.header a.menubutton{ background:url(menuclass.png) no-repeat left center; background-size:auto 23%;display:inline-block; width:10%; height:6rem; vertical-align:middle}
	.header ul.menu{ height:0; overflow:hidden;display: block;width:100%;padding:0 5%;background: #1651b9;font-size: 0;transition: all .2s}
	.header ul.menu li{line-height:3rem; height:3rem;width:50%;padding: 1rem 0;background: none;}
	.header ul.menu.show{height:10rem;}
	.header ul.menu li a{ line-height:2.5rem; height:2.5rem;padding:0; font-size:1.2rem;color:#fff;}
	.header ul.menu li a i,.header ul.menu li dl,.header ul.menu li.this a i,.header ul.menu li#on a i,.header ul.menu li#on a:hover i,ul.menu li a:hover i{display: none}
}


.banner-container{ width:100%; position: relative; background:url(shad_banner.gif) repeat-x bottom; padding-bottom:19px; margin-top:80px ; z-index:10}
.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%;	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.5); text-indent: -9999px;	overflow: hidden; height: 80px;	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 -50px;border-top-left-radius:4px;border-bottom-left-radius:4px}
.slider-arrow--left { bottom: 50%; left: 0;	background-image: url(banner-fy.png);	background-position: center 10px;border-top-right-radius:4px;border-bottom-right-radius:4px}
.slider-nav { position: absolute; bottom: 30px }
.slider-nav__item { width:12px; height: 12px; float: left; clear: none; display: block;	margin: 0 7px; background: #fff;}
.slider-nav__item:hover { background: #fdcd2d}
.slider-nav__item--current { background: #fdcd2d}
.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: 300px;width: 100%; display:block}
.banner-container.home .slider .box  a{height: 550px; }


.banner{margin-top: 83px;}
.banner2{ width:100%;  height:250px;  position:relative; margin-top:43px }
.banner2.company{ background:url(about_banner.jpg) no-repeat center center}
.banner2.news{ background:url(news_banner.jpg) no-repeat center center}
.banner2.team{ background:url(team_banner.jpg) no-repeat center center}
.banner2.product{ background:url(product_banner.jpg) no-repeat center center}
.banner2.application{ background:url(application_banner.jpg) no-repeat center center}
.banner2.talent{ background:url(talent_banner.jpg) no-repeat center center}
.banner2.honor{ background:url(honor_banner.jpg) no-repeat center center}
.banner2.partner{ background:url(partner_banner.jpg) no-repeat center center}
.banner2.innovation{ background:url(innovation_banner.jpg) no-repeat center center}
.banner2.technology{ background:url(technology_banner.jpg) no-repeat center center}
.banner2.bsolution{ background:url(solution_banner.jpg) no-repeat center center}
.banner2.contact{ background:url(contact_banner.jpg) no-repeat center center}
.banner2 h1{ margin-top:90px; font-weight:normal; font-size:36px; color:#fff;text-transform: uppercase;}
.banner2 h1 p{ font-size:12px; color:#fff; font-family:Arial;text-transform: uppercase;}
.shad{ background:url(shader.gif) repeat-x top; width:100%; height:13px;}

@media(max-width:760px){
	.banner{/* height: 150px; *//* padding-left: 1rem */}
	.banner.company,.banner.news,.banner.team,.banner.product,.banner.application,.banner.talent,.banner.honor,.banner.partner,.banner.innovation,.banner.technology,.banner.bsolution,.banner.contact{background-size: auto 100%}
	.banner-container,.banner{ margin-top: 6rem }
	.banner-container.home .slider .box  a{height:150px; }
	.banner h1{ margin-top:45px; font-size:1.8rem;line-height: 2.2rem}
	#slideBox2{display:block !important;}
	#slideBox{display:none;}
}
#slideBox2{display:none}

.comm-title{ width:100%; text-align:center; padding:50px 0}
.comm-title h1{ font-size:35px;text-transform: uppercase;font-family: impact}
.comm-title h2{ color:#999; text-transform:uppercase}
.comm-title h3{ width:100%; background:url(title_bg.png) no-repeat center center; height:40px}
.comm-title h4{ font-size:14px; line-height:25px; color:#777}

@media(max-width:760px){
	.comm-title{ padding:0.8rem 3%}
	.comm-title h1{ font-size:1.8rem}
	.comm-title h2{ font-size: 0.8rem}
	.comm-title h4{ font-size:0.9rem; line-height:1.2rem}
}

.more{ width:100%; text-align:center; padding:30px 0 70px 0}
.more a{ border:1px #ccc solid; height:36px; line-height:36px; font-size:14px; width:150px; text-align:center; border-radius:18px; display:inline-block }
.more a:hover{ border-color:#1651b9; background:#1651b9; color:#fff}

.app-list{ width:100%; font-size:0; padding-bottom:100px}
.app-list dl{ width:23.5%; margin-right:2%; display:inline-block; vertical-align:top}
.app-list dl:last-child{ margin-right:0}
.app-list dl a{ width:100%; height:200px; overflow:hidden; display:block; position:relative; border:1px #eee solid}
.app-list dl a dt img{ width:100%; height:200px;transition: all 0.2s;}
.app-list dl a dd{ position:absolute; left:0; bottom:-100px; opacity:0;width:100%; padding:15px 0; text-align:center; background:url(point.png); color:#fff;transition: all 0.2s; }
.app-list dl a dd b{ color:#fe0; font-size:20px; padding-bottom:5px; display:block; font-weight:normal}
.app-list dl a:hover dd{ bottom:0;opacity:1;}
.app-list dl a:hover dt img{ transform: scale(1.08); }

@media(max-width:760px){
	.app-list{ width:100%; padding:1rem 3%}
	.app-list dl{ width:48%;margin-right:4%; margin-bottom: 1.2rem}
	.app-list dl:nth-child(2n){ margin-right:0}
	.app-list dl a,.app-list dl a dt img{ height:auto;display: block;}
}

.home-companyintro{ width:100%; background:url(compimg.jpg) no-repeat left bottom #ebeff5; background-size:55% auto; height:84%; overflow:hidden; font-size:0; margin-bottom:30px}
.home-companyintro .left-img{ width:60%; }
.home-companyintro .right-intro{ width:35%; font-size:14px; padding:3%; padding-top:2%}
.home-companyintro .right-intro .title{ width:100%; text-align:center}
.home-companyintro .right-intro .title h1{ font-size:30px;text-transform: uppercase;font-family: impact}
.home-companyintro .right-intro .title h2{ text-transform:uppercase; color:#999}
.home-companyintro .right-intro .title i{ width:40px; height:1px; background:#1652ba; overflow:hidden; display:inline-block}
.home-companyintro .right-intro .intro{ width:100%; padding-top:50px; font-size:14px; color:#777; line-height:25px}
.home-companyintro .right-intro .more{  padding-top:40px}
.home-companyintro .mobile-show{display:none;width:100%}

@media(max-width:760px){
	.more{ padding:0 3%}
	.more a{ height:2rem; line-height:2rem; font-size:1rem; width:40%; text-align:center; border-radius:1.8rem; display:inline-block }
	.home-companyintro{ background: none; height: auto;}
	.home-companyintro .right-intro{width: 100%;padding: 0 3%}
	.home-companyintro .right-intro .title{ display: none;}
	.home-companyintro .mobile-show {display:inline-block;}
	.home-companyintro .mobile-show .img img{width: 100%;}
	.home-companyintro .right-intro .intro{padding-top: 1rem;line-height: 1.6rem;font-size: 0.9rem}
	.home-companyintro .right-intro .more{  padding-top:1.5rem}
}


.advantage{ width:100%; font-size:0; padding:20px 0}
.advantage dl{ width:31%; margin-right:3.5%; display:inline-block; background:#1651b9; padding:35px 25px; vertical-align:top; height:300px;transition: all 0.3s; font-size:0; position:relative}
.advantage dl:last-child{ margin-right:0}
.advantage dl dt{ font-size:20px; color:#fff; padding-bottom:10px; line-height:25px}
.advantage dl dd{ line-height:20px; font-size:13px; color:#fff; width:100%; display:inline-block;padding: 3px 0}
.advantage dl:first-child dd{ /* width:50%; */vertical-align: top;}
.advantage dl a{ background:url(arr.png) no-repeat center 6px; display:block; border:2px #fff solid; width:85px; height:34px;border-radius:17px; transition: all 0.2s; position:absolute; left:20px; bottom:30px }
.advantage dl:nth-child(2){ background:#f2f2f2}
.advantage dl:nth-child(2) dt,.advantage dl:nth-child(2) dd{ color:#555}
.advantage dl:nth-child(2) a{ background:url(arr.png) no-repeat center -36px; border-color:#555}
.advantage dl:nth-child(3){ background:#7f7f7f}
.advantage dl:hover{ background:#1346af}
.advantage dl:hover a{ margin-left:70%}
.advantage dl:nth-child(2):hover{ background:#eaeaea}
.advantage dl:nth-child(3):hover{ background:#727272}

@media(max-width:760px){
	.advantage{ padding:1rem 3%}
	.advantage dl{ width:100%; margin-right: 0; height:auto; padding-bottom:2rem}
	.advantage dl dt{ font-size:1.4rem; padding-bottom:0.5rem; line-height:2rem}
	.advantage dl dd{ line-height:1.2rem; font-size:0.9rem; line-height:2rem}
	.advantage dl a{ background:url(arr_mobile.png) no-repeat center center; background-size: auto 45%; border:1px #fff solid; width:25%; height:2rem;border-radius:1rem;position:initial;  margin-top: 1rem; display: block;}
	.advantage dl:nth-child(2) a{ background:url(arr_mobile2.png) no-repeat center center; background-size: auto 45%;}
}


.solution{ background:#e9eff8; padding:20px 0; width:100%; /* height:560px; */}
.solution .solution-content{ width:100%; font-size:0}
.solution .solution-content dl{ width:49%; margin-right:2%; display:inline-block; background:#2956a4; vertical-align:top;border-radius:4px; padding:40px 50px; height:250px; font-size:0;transition: all 0.4s}
.solution .solution-content dl:last-child{ margin-right:0; background:#0098cf;padding-right: 0px;}
.solution .solution-content dl dt{ background:url(solution01.png) no-repeat 15px 0; padding-top:130px; width:28%; display: inline-block}
.solution .solution-content dl:last-child dt{ background-image: url(solution02.png);}
.solution .solution-content dl dt a{border:1px #fff solid; height:30px; color:#ffff; line-height:30px; font-size:14px; width:110px; text-align:center; border-radius:15px; display:block}
.solution .solution-content dl dd{ width:72%; padding-left:2%; display:inline-block; vertical-align:top; position:relative}
.solution .solution-content dl dd h1{ color:#fff; font-size:18px; padding-bottom:10px}
.solution .solution-content dl dd i{ background:#fff; height:1px; width:30px; overflow:hidden; display:block;transition: all 0.2s; position:relative; left:0; top:5px }
.solution .solution-content dl dd h2{ padding-top:25px; color:#fff; line-height:25px;transition: all 0.2s}
.solution .solution-content dl:first-child dd h2{ width:50%; float:left}
.solution .solution-content dl:hover{ background:#143f89}
.solution .solution-content dl:hover:last-child{ background:#108bb8}
.solution .solution-content dl:hover dd i{ top:140px; background:#f00}
.solution .solution-content dl:hover dd h2{ padding-top:0}

@media(max-width:760px){
	.solution{ padding:1rem 3%; height:auto;margin-top: 2rem}
	.solution .solution-content dl{ width:100%; margin-right: 0; margin-bottom: 1rem;padding:2rem 3%;  height:auto;}
	.solution .solution-content dl dt{ background-position: center top; padding-top:5rem; width:30%; display: inline-block;background-size:auto 50%}
	.solution .solution-content dl dt a{height:1.7rem; line-height:1.7rem; font-size:0.9rem; width:90%; margin-left: 5%; text-align:center; border-radius:15px; display:block}
	.solution .solution-content dl dd h1{ font-size:1.2rem; padding-bottom:10px}
}

.development{ width:100%; padding:50px 0}
.development-content { overflow:hidden; padding:10px 0; width:100%}
.development-content dl{ overflow:hidden; width:50%; float:left; background:#f1f1f1; position:relative;transition: all 0.3s}
.development-content dl dt{ overflow:hidden; width:50%; float:left; position:relative}
.development-content dl dt img{ display:block; width:100%;transition: all 0.3s;}
.development-content dl dd{ float:left; width:50%; height:100%; padding-left:5%; position:relative}
.development-content dl h5{ font-weight:normal; font-size:40px; color:#333; margin-top:12%; margin-bottom:5px; font-family: Impact}
.development-content dl em{ display:block; font-size:18px; color:#333; margin-bottom:20px}
.development-content dl ul{ font-size:0; height:28px;transition: all 0.3s;}
.development-content dl ul li{ font-size:13px; color:#777; line-height:18px; width:50%; display:inline-block; vertical-align:top;padding-bottom: 10px;vertical-align: top;}
.development-content dl ul li:last-child{width: 100%}
.development-content dl i{ display:block; width:40px; height:1px; background:#999; position:absolute; left:10%; top:145%;transition: all 0.4s;}
.development-content dl:last-child i{ top:161%}
.development-content dl:hover{background:#1651b9; }
.development-content dl:hover h5,.development-content dl:hover em{ color:#fff;}
.development-content dl:hover ul li{ color:#fff;}
.development-content dl:hover  i{top:70%; background:#ff0d00;}
.development-content dl:hover ul{ margin-top:13%}
.development-content dl:hover dt img{ transform: scale(1.08); }

@media(max-width:760px){
	.development{ padding:1rem 3%}
	.development-content dl,.development-content dl dt,.development-content dl dd{ width:100%;}
	.development-content dl dd{ padding: 1rem 5%}
	.development-content dl h5,.development-content dl em{ display: inline-block; margin: 0;line-height: 5rem; vertical-align: middle; font-size: 1.2rem}
	.development-content dl h5{ font-family:Arial, Helvetica, sans-seri;padding-right:0.2rem; font-size: 2.2rem }
	.development-content dl ul{clear: both;;width: 100%; height: auto;}
}

.home-product{ width:100%;position:relative; margin-bottom:80px; /* height:780px; */ }
.home-product.inside{ padding-top:20px; height:auto}
.home-product .prut-menu{ text-align:center; width:100%; font-size:0; padding-bottom:60px}
.home-product .prut-menu li{ display:inline-block;border:1px #d9d9d9 solid; margin:0; margin-left:-1px; vertical-align:top}
.home-product .prut-menu li:first-child{ border-top-left-radius:20px;border-bottom-left-radius:20px; overflow:hidden}
.home-product .prut-menu li:last-child{ border-top-right-radius:20px;border-bottom-right-radius:20px; overflow:hidden}
.home-product .prut-menu li a{ width:100%; padding:0 30px; line-height:40px; height:40px; display:block; color:#595858; font-size:15px}
.home-product .prut-menu li:first-child a{ padding-left:55px}
.home-product .prut-menu li:last-child a{ padding-right:55px}
.home-product .prut-menu li.this a,.home-product .prut-menu li a:hover{ background:#f1f1f1}
.home-product .home-prut-detail{ width:100%}
.home-product ul{width:100%; font-size:0; display:none}
.home-product ul:first-child{ display: inline-block}
.home-product ul li{ overflow:hidden;position:relative; width:31%; margin-right:3.5%; height:417px; display:inline-block; vertical-align:top}
.home-product.inside ul li{ margin-bottom:30px; background:#fff; border-bottom:1px #ddd solid; border-right:1px #ddd solid;box-shadow: 3px 3px 5px #eee;}
.home-product ul li:nth-child(3n){ margin-right:0}
.home-product ul li img{ display:block; width:100%; height:327px; transition: all 0.3s;}
.home-product ul li:hover img{ transform: scale(1.08); }
.home-product ul li .wen{ overflow:hidden; padding:0 20px; width:100%; height:100px; border-top:1px solid #ccc; /* position:absolute; */ left:0; bottom:0; z-index:2; background:url(arr_p.png) no-repeat -40px center;}
.home-product ul li h4{ font-size:16px; font-weight:normal; margin-top:20px; margin-bottom:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.home-product ul li h4 a{ color:#333;}
.home-product ul li .wen p{ font-size:12px; color:#999; overflow:hidden;width:85%;white-space:nowrap; text-overflow:ellipsis; line-height:20px; height:40px;transition: all 0.4s;}
.home-product ul li:hover .wen p{white-space:normal}
.home-product ul li:hover{ box-shadow:0 0 10px #ccc;}
.home-product ul li:hover a{ color:#fff;}
.home-product ul li:hover p{ color:#a3beef;}

@media(max-width:760px){
	.home-product{ width:100%;margin-bottom:1rem; height:auto; padding: 1rem 3% }
	.home-product .prut-menu{ display: none;}
	.home-product ul li{ width:32%; margin-right:2%;height:16rem; }
	.home-product ul li img{height:auto;}
	.home-product ul li h4{font-size: 1rem; width:100%;display: inline-block;padding-top: 0.5rem}
	.home-product ul li .wen p{width:100%;}
	.home-product.inside{ padding-top:1.5rem;}
	.home-product.inside ul li,.home-product.inside ul li:nth-child(3n){width:49%; margin-right: 2%}
	.home-product.inside ul li:nth-child(2n){ margin-right:0}
	.home-product.inside ul li .wen{border-top: none;}
}

.home-news{ width:100%; background:#e9eff8}
.home-news .newsbox{ width:100%; height:400px; position:relative; font-size:0; }
.home-news .newsbox dl{ overflow:hidden; width:31%; margin-right:3.5%; height:400px; border-top:1px solid #cecece; display:inline-block; position:relative}
.home-news .newsbox dl:last-child{ margin-right:0; }
.home-news .newsbox h4{font-family: Arial; font-weight:normal; font-size:36px; color:#333; position:absolute; left:0; top:30px; width:100%; background:url(more.png) no-repeat -100px center;}
.home-news .newsbox h4 em{font-family: Arial; font-size:14px; color:#888; margin-left:10px;}
.home-news .newsbox h5{ font-size:16px; margin-bottom:10px; font-weight:normal; padding-top:85px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.home-news .newsbox h5 a{ color:#333;}
.home-news .newsbox p{ font-size:12px; color:#777; line-height:22px; height:44px; overflow:hidden}
.home-news .newsbox a.img{ display:block; width:100%; height:230px; overflow:hidden; position:absolute; left:0; bottom:0;}
.home-news .newsbox a.img img{ display:block;width:100%;height:230px;transition: all 0.4s;}
.home-news .newsbox dl:hover a.img img{transform: scale(1.08);}
.home-news .newsbox-list{ width:100%; font-size:0; padding:30px 0}
.home-news .newsbox-list li{ width:23.5%; margin-right:2%; display:inline-block; overflow:hidden; line-height:40px;height:40px; border-bottom:1px #c9c9c9 dotted}
.home-news .newsbox-list li:nth-child(4n){ margin-right:0}
.home-news .newsbox-list li a{ background:url(icon.gif) no-repeat -53px -83px; padding-left:15px; }

@media(max-width:760px){
	.home-news{ padding-bottom: 1.5rem}
	.home-news .newsbox{display: none;}
	.home-news .newsbox-list{ width:100%; font-size:0; padding:0 3%; height: 17.6rem; overflow:hidden; margin-bottom: 1rem}
	.home-news .newsbox-list li{width:100%; margin-right: 0;line-height: 2.2rem;height:2.2rem; }
	.home-news .newsbox-list li a{ font-size: 0.9rem}
}

.viewpinfo{ width:100%; font-size:0; padding-top:80px}
.detail_pic{ width:450px;}
.proviewbox {width:422px; position: relative; z-index: 5;}
.probigshow {padding: 0; border: 1px solid #ececec; width: 422px; height: 422px; position: relative;}
.probigshow a.a_probigshow {cursor: crosshair;}
.probigshow img{ border:0}
.zoomplepopup {background:#222; border: 1px solid #555; left: 0px; top: 0px; overflow: hidden; display: none; filter: alpha(opacity = 50);-moz-opacity: 0.5;opacity: 0.5; position: absolute; z-index: 10; cursor: crosshair; opacity: 0.5;}
#winSelector{position: absolute;cursor: crosshair;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;background-color: #fff;border: 1px solid #aaa;}
#vertical #winSelector{width: 200px;height:200px; }
#vertical #midimg{width: 420px;height: 420px;}
#bigView{position: absolute; background:#222; overflow:hidden; top:0px!important; float:left;border:1px solid #eee;box-shadow: 3px 3px 5px #eee; z-index:1000}
#bigView img{position: absolute;}
#probig_preview {background:#222; border: 1px solid #aaa; left: 420px; top: -1px; width: 420px; height: 420px; float:left; overflow: hidden; visibility: hidden; position: absolute;}
#probig_preview img {position: relative;}

.property{ width:750px;font-size:14px; color:#777; padding-left:20px;}
.mobilehide{width: 100%}
.property.mobileshow{display: none;}
.property h1{ width:100%; font-size:28px; font-weight:bold; padding-top:3px; color:#1651b9; }
.property h2{ width:100%;border-bottom:1px #dedede solid; padding-bottom:15px}
.property .abstract{ width:100%;padding:15px 0; line-height:23px; font-size:12px; color:#666}
.property .abstract b{ color:#aaa}
.property .property-link{ width:100%; padding:20px 0 70px 0}
.property .property-link a{ display:inline-block; margin-right:10px; background:#1651b9; color:#fff; padding:0 30px}

.prut_title{ width:100%; background:#f50}

.div_prothumb {width: 100%; position: relative;}
.thumbporbox {width: 660px; overflow: hidden; position: relative; margin-left:35px; margin-top:4px;display: inline-block}
.div_prothumb .span_prev,.div_prothumb .span_next {background: url(btn.png) no-repeat 0 0;width:30px; height:108px;position: absolute; float:left; top:0}
.div_prothumb .span_prev {background-position: 0 0; left: 0px; cursor:pointer}
.div_prothumb .span_prev:hover{ background-position:0 -108px; }
.div_prothumb .span_prevb,.div_prothumb .span_prevb:hover {	background-position:0 0; cursor: default;}
.div_prothumb .span_next {background-position: -30px 0; right: 0px;cursor:pointer}
.div_prothumb .span_next:hover {background-position: -30px -108px;}
.div_prothumb .span_nextb,.div_prothumb .span_nextb:hover {background-position: -30px 0; cursor: default;}
.ul_prothumb {width: 7500px; overflow: hidden; position: relative; font-size:0}
.ul_prothumb li {width: 100px; height:100px;border:1px #eee solid ; margin:0 5px;overflow:hidden; display:inline-block; text-align:center}
.ul_prothumb img {width:100px; height:100px;  cursor:pointer;transition: all 0.4s;}
.ul_prothumb li#onlickImg {border-color: #1651b9;}
.ul_prothumb li:hover img{transform: scale(1.08);}

.product-detail{ width:100%; padding-top:50px}
.product-detail.white{ background:#fff; padding-bottom:40px}
.product-detail .prut_title{ background:#6b8bc5; padding-top:35px; width:100%}
.product-detail .prut_title h1{ font-size:26px; color:#fff}
.product-detail .prut_title ul{ width:100%; padding-top:45px}
.product-detail .prut_title ul li{ background:#1651b9; color:#fff; display:inline-block; padding:8px 60px; margin-right:10px; font-size:16px; cursor:pointer}
.product-detail .prut_title ul li.this{ background:#fff; color:#1651b9}


@media(max-width:760px){
	.viewpinfo{padding-top:1.5rem}
	.detail_pic{ width:100%;}
	.proviewbox {width:100%; height: auto;overflow: hidden;}
	.probigshow{width: 100%}
	.probigshow img{width: 100%;}
	.zoomplepopup{display: none;}
	.property{ width:100%;font-size:0.9rem;padding:1rem 3%}
	.property .mobilehide{display: none;}
	.property.mobileshow{display: block;}
	.property h1{ font-size:1.5rem;padding-bottom: 1rem;text-align: center;}
	.property.mobileshow h2{text-align: center;border-bottom: 0;border-bottom: none;}
	.property .abstract{display: none;}
	.property .property-link{display: none}
	#bigView{display: none;}
	.product-detail{ width:100%; padding:0}
	.product-detail .prut_title{padding: 0 3%;padding-top: 1.5rem}
	.product-detail .prut_title h1{font-size: 1.4rem}
	.product-detail .prut_title ul{padding-top: 1.5rem}
	.product-detail .prut_title ul li{padding: 0.6rem 2rem}
	.product-detail.white{ padding-bottom:1rem;padding: 0 3%}
	.product-detail.white img{width:100%;}
	.ul_prothumb,.thumbporbox,#probig_preview {width:100%;margin: 0}
	.div_prothumb .span_prev,.div_prothumb .span_next{display: none;}
	.ul_prothumb li{width: 18.8%;height: auto;display: inline-block; margin: 0;margin-right: 1.5%}
	.ul_prothumb li:nth-child(5n){margin-right: 0}
	.ul_prothumb img{width: 80%;height: auto;}
}

.same-product{ width:100%; padding:50px 0; background:#e8eff9}
.same-product h1{font-size:24px; color:#333; margin:25px 0; font-weight:bold;}
.same-product ul{ width:100%; font-size:0}
.same-product ul li{ width:32%; margin-right:2%; display:inline-block}
.same-product ul li img,.same-product ul li span{ width:100%; display:block; text-align:center; line-height:60px; font-size:15px;transition: all 0.4s;}
.same-product ul li p{ width:100%; height:320px; overflow:hidden; display:block}
.same-product ul li img{ height:320px;}
.same-product ul li a:hover img{transform: scale(1.08);}
.same-product ul li a:hover span{ background:#1651b9; color:#fff;}
.same-product ul li:nth-child(3n){ margin-right:0}

@media(max-width:760px){
	.same-product{padding:0 3%;margin-top: 1.5rem}
	.same-product h1{font-size:1.5rem; margin:1.5rem 0;}
	.same-product ul li{width:100%}
	.same-product ul li p{height: auto;}
}

.buy-order{ width:100%; padding-bottom:50px}
.buy-order h1{font-size:24px; color:#333; margin:55px 0 25px 0; font-weight:bold}
.buy-order .ny_lyk{ width:550px; height:45px; margin-right:100px; margin-bottom:15px; float:left;}
.buy-order .ny_lyk input{ width:490px; font-size:14px; color:#555; margin-left:60px; line-height:45px; height:45px; border:none; background:none; outline:none;}
.buy-order .ny_lyk textarea{width:1140px; margin-left:60px; padding-top:15px; height:140px; border:none; resize:none; background:none; outline:none; font-size:12px; color:#555;}
.buy-order .ny_lyk input.mm{ width:180px; float:left;}
.buy-order .ny_lyk span{ display:block; float:right; margin-top:1px; margin-right:1px;}
.buy-order .ny_lyk span img{ display:block}
.buy-order .ny_lyk.ys01{ background:url(nycply01.png) no-repeat left center;}
.buy-order .ny_lyk.ys02{ margin-right:0px; background:url(nycply02.png) no-repeat left center;}
.buy-order .ny_lyk.ys03{ background:url(nycply03.png) no-repeat left center;}
.buy-order .ny_lyk.ys04 {margin-right:0px; background:url(nycply04.png) no-repeat left center;}
.buy-order .ny_lyk.ys05{margin-right:0px; width:1200px; height:160px; background:url(nycply05.png) no-repeat left center;}
.buy-order .ny_lyk.ys06{margin-right:0px; width:351px; background:url(nycply06.png) no-repeat left center;}
.buy-order .ny_lykff{ width:444px; height:45px; float:right;}
.buy-order .ny_lykff a{ display:block; width:210px; margin-right:20px; height:43px; float:left; line-height:43px; font-size:14px; text-align:center; color:#555; border:1px solid #eaeaea; border-radius:5px; -webkit-border-radius:5px; text-decoration:none;}
.buy-order .ny_lykff a:hover{ background-color:#1651b9; color:#fff;}
.buy-order .ny_lykff input.last{ display:block; width:210px; height:43px;  line-height:43px; font-size:14px; text-align:center; color:#555; border:1px solid #eaeaea; border-radius:5px; -webkit-border-radius:5px;background-color:#1651b9; color:#fff; cursor:pointer}

@media(max-width:760px){
	.buy-order{ padding:0 3%;padding-bottom: 2rem}
	.buy-order h1{font-size:1.5rem; color:#333; margin:2rem 0 1rem 0; font-weight:bold}
	.buy-order .ny_lyk{width:100%;float: none;margin-right: 0}
	.buy-order .ny_lyk input,.buy-order .ny_lyk  textarea{width:100%; margin-left: 0;padding-left: 60px;border-right: 1px #eaeaea solid;}
	.buy-order .ny_lyk input.mm{ width:45%;border-right: none;}
	.buy-order .ny_lyk span{ margin-right:15%;}
	.buy-order .ny_lyk.ys05,.buy-order .ny_lyk.ys06{width:100%}
	.buy-order .ny_lykff{width:100%}
	.buy-order .ny_lykff a{display: none}
	.buy-order .ny_lykff input.last{width:100%}
}

.mobilelocal{ display:none}
.submenu{ width:100%; text-align:center; padding-top:25px; background:url(point.gif) repeat-x 0 113px; font-size: 0}
.submenu.mobilehide{display: none;}
.submenu li { display:inline-block; margin:0 5px; vertical-align:top; position:relative;max-width: 290px;}
.submenu.compact li{margin: 0}
.submenu li>a{height:90px; font-size:13px; display:block; -webkit-user-select: none ;background:url(submenu_bg.gif) no-repeat center -55px;transition: all 0.1s;}
.submenu li>a b{ padding:0 12px; line-height:42px;height:42px;overflow: hidden; font-weight: normal; display:inline-block;border-radius:4px;transition: all 0.1s;}
.submenu li.this>a,.submenu li>a:hover{ background:url(submenu_bg.gif) no-repeat center bottom; }
.submenu li.this>a b,.submenu li>a:hover b{background:#1651b9;color:#fff;}
.submenu li span { display: block; position:absolute; top:70px; text-align: left; z-index:100}
.submenu li span a{ display:inline-block; background:#3488ce;padding:0 20px; line-height:38px;  font-weight: normal; display:inline-block;border-radius:4px; color:#fff}
.submenu li span a:hover{ background:#1651b9}
.submenu li span.id1{ left:-155px; width:500px}
.submenu li span.id2{ left:-450px;width:900px}
.submenu li span.id98{ left:-150px;width:650px}
.submenu li span.id105{ left:-200px;width:650px}


.comm-body{ width:100%; font-size:15px; background:#fbfbfb;line-height:35px; }
.comm-body .the-lmtitle{ width:100%; text-align:center; padding:40px 0; padding-top:60px}
.comm-body .the-lmtitle h1{ font-size:32px; display:inline-block; vertical-align:middle; color:#1651b9}
.comm-body .the-lmtitle h1 i{ width:30px; height:1px; background:#ddd; display:inline-block; vertical-align:middle; margin:0 20px}
.comm-body .the-lmtitle h2{ text-transform:uppercase; font-size:13px; color:#999; font-family:Arial, Helvetica, sans-serif; display:none}
.comm-body .the-lmtitle h3{ width:100%; padding:10px 18%; line-height:20px; color:#333; font-size:14px; padding-top:18px; line-height:25px}
.company-intro{ width:100%; }
.company-intro .about{width:100%;padding-bottom:80px; }
.company-intro .about dl{ width:100%; height:380px}
.company-intro .about dt{ width:600px; height:380px;}
.company-intro .about dd{ width:600px; height:380px; padding:0 35px; background:#f3f3f3;}
.company-intro .about.video dl,.company-intro .about.video dt,.company-intro .about.video dd{height: 338px}
.company-intro .about dd h4{ display:block;  font-size:26px; color:#333; margin-top:70px; font-weight:bold}
.company-intro .about dd p{ font-size:15px; color:#666; line-height:24px; text-align:justify;margin-top:100px;}
.company-intro .about .intro_left{ float:left;}
.company-intro .about .intro_right{ float:right;}
.company-intro .about  dl.last p{ margin-top:100px;}
.company-intro .about.video dd p,.company-intro .about.video  dl.last p{margin-top: 30px;}
.company-intro .about  dd i{ display:block; width:30px; height:1px; margin:30px 0; background-color:#e01313;}

.company-intro .productlist{ width:100%; background:#f5f5f2}


.company-intro .certificate{ width:100%; font-size:0}
.company-intro .certificate .img{ width:500px; height:340px }
.company-intro .certificate .intro{ width:700px; padding:30px; background:#fff; height:340px}
.company-intro .certificate .intro h1{ font-size:20px; color:#1651b9}
.company-intro .certificate .intro h2{ line-height:20px; padding:20px 0; border-bottom:1px #eee solid}
.company-intro .certificate .intro ul{ width:100%; font-size:0; padding-top:30px}
.company-intro .certificate .intro ul li{ font-size:13px; width:50%; display:inline-block; line-height:16px; height:40px; vertical-align:top; color:#1651b9;padding-right: 3%}
.company-intro .certificate .intro ul li:nth-child(2n){padding-right: 0}
.company-intro .certificate-img { width:100%; font-size:0; padding-top:80px}
.company-intro .certificate-img li{ width:18.4%; margin-right:2%; display:inline-block; vertical-align:top; padding-bottom:20px}
.company-intro .certificate-img li:nth-child(5n){ margin-right:0}
.company-intro .certificate-img li img{ width:100%}

@media(max-width:760px){
	.company-intro .certificate{padding:0 2%;}
	.company-intro .certificate .img{ width:100%; height:auto;padding-top: 1rem }
	.company-intro .certificate .img img{width:100%}
	.company-intro .certificate .intro{width:100%; padding:1rem; height: auto}
	.company-intro .certificate .intro ul li{width:100%;margin-right: 0;font-size: 0.9rem}
	.company-intro .certificate-img {padding:0 2%;padding-top: 1.2rem}
	.company-intro .certificate-img li{ width:100%;margin-right: 0}
}

.company-intro .core-team{ width:100%; font-size:0; padding-bottom:55px}
.company-intro .core-team dl{ width:48%; margin-right:4%; border:1px #eee solid; background:#fff; padding:25px; display:inline-block; vertical-align:top; margin-bottom:20px; font-size:0;transition: all 0.2s; height:160px}
.company-intro .core-team dl:nth-child(2n){ margin-right:0}
.company-intro .core-team dl dt{ display:inline-block; width:32%; vertical-align:top; font-size:0}
.company-intro .core-team dl dt img{ display:block}
.company-intro .core-team dl dd{ display:inline-block; width:68%}
.company-intro .core-team dl dd h1{ font-size:25px; color:#1651b9}
.company-intro .core-team dl dd h1 span{ display:block; font-size:12px; text-transform:uppercase; color:#aaa; line-height:16px}
.company-intro .core-team dl dd h2{ font-size:14px; line-height:20px; padding-top:10px}
.company-intro .core-team dl:hover{ border-color:#adcfff; background:#fafafa; }

@media(max-width:760px){
	.company-intro .core-team{padding:0 2%;}
	.company-intro .core-team dl{width:100%;margin-right: 0;padding:1rem;height:auto}
	.company-intro .core-team dl dt,.company-intro .core-team dl dd{width:100%;}
	.company-intro .core-team dl dt img{width:100%}
	.company-intro .core-team dl dd h1{font-size: 1.8rem;line-height: 3.2rem}
	.company-intro .core-team dl dd h2{font-size: 0.9rem}

}

.company-intro .application-list{ width:100%; font-size:0; padding:20px 0}
.company-intro .application-list dl{ width:48%; margin-right:4%; height:300px; display:inline-block; position:relative; vertical-align:top}
.company-intro .application-list dl:nth-child(2n){ margin-right:0}
.company-intro .application-list dl dt{ width:55%; display:inline-block; background:#fff; margin-top:65px;opacity:0.93;  padding:20px; position:relative; border-right:1px #ddd solid;border-bottom:1px #ddd solid; z-index:100;transition: all 0.2s;}
.company-intro .application-list dl dt h1{ font-size:25px; color:#222}
.company-intro .application-list dl dt h2{ font-size:14px;line-height: 20px;padding-top: 5px}
.company-intro .application-list dl dd{ position: absolute; right:0; top:0; width:70%; z-index:5}
.company-intro .application-list dl dd img{ width:100%; display:block}
.company-intro .application-list dl:hover dt{ margin-top:20px}
.company-intro .app-case-list{ width:100%; font-size:0;}
.company-intro .app-case-list dl{ width:32%; margin-right:2%; display:inline-block; background:#fafafa; text-align:center; vertical-align:top; margin-bottom:30px; padding:8px; border-right:1px #ddd solid;border-bottom:1px #ddd solid}
.company-intro .app-case-list dl a{ background:#fafafa; display:block}
.company-intro .app-case-list dl:nth-child(3n){ margin-right:0}
.company-intro .app-case-list dl dt{ width:100%; overflow:hidden}
.company-intro .app-case-list dl dt img{ width:100%; display:block;transition: all 0.8s; }
.company-intro .app-case-list dl dd{ width:100%; padding:20px; text-align:left; height:110px}
.company-intro .app-case-list dl dd h1{ font-size:25px; padding-bottom:10px}
.company-intro .app-case-list dl dd h2{ font-size:13px; line-height:22px; color:#999}
.company-intro .case-list-img{ background:#fff; width:100%; padding:30px 0}
.company-intro .app-case-list dl a:hover{ background:#1651b9;}
.company-intro .app-case-list dl:hover{box-shadow: 3px 3px 5px #eee;}
.company-intro .app-case-list dl a:hover dd h1,.company-intro .app-case-list dl a:hover dd h2{ color:#fff}
.company-intro .app-case-list dl a:hover dt img{transform: scale(1.08)}


@media(max-width:760px){
	.mobilelocal{width:100%; padding:0 2%; height:3.2rem; display:block}
	.mobilelocal span{ background:url(local.png) no-repeat 0.2rem center;color:#666; font-size:1rem; line-height:2.5rem; background-size:auto 40%;width:90%;text-indent:1.6rem; height:2.5rem; float:left }
	.mobilelocal i{ background:none; background-size:55% auto;display:inline-block;width:8%; height:2.5rem; float:right}
	.submenu{ padding:1rem 2.5%; background: #f3f3f3; text-align:left;font-size: 0}
	.submenu.mobileshow{display: block;}
	.submenu li {  width:50%; height:3rem;line-height:3rem;margin:0; padding:0;position: static;}
	.submenu li > a{ background:none; height:auto}
	.submenu li > a b{ width:100%; padding:0.2rem; color:#333; font-size:1.1rem;border-bottom:1px #eee solid;  line-height:2rem; background:none; text-indent:1.2rem}
	.submenu li.this > a,.submenu li > a:hover{ background:none; }
	.submenu li.this > a b,.submenu li > a:hover b{/* color:#145e9b; border-bottom:1px #eee solid; background:none */}

	.submenu li span { position:static;}
	.submenu li span a{ display:inline-block; background:none;padding:0 20px; line-height:38px;  font-weight: normal; display:inline-block;border-radius:4px; color:#fff}
	.submenu li span a:hover{ background:#1651b9}

	.comm-body .the-lmtitle{ padding:0.5rem 0;}
	.comm-body .the-lmtitle h1{ font-size:1.5rem; display:inline-block; vertical-align:middle; color:#1651b9;padding-top: 1.5rem;}
	.comm-body .the-lmtitle h1 i{ width:4rem; height:1px; background:#ddd; display:inline-block; vertical-align:middle; margin:0 1rem}
	.comm-body .the-lmtitle h3{ font-size:1rem;  padding:1.5rem 3%; line-height:1.8rem;text-align: left;text-indent: 2rem}
	.comm-body{ font-size:1.1rem; line-height:1.8rem; }
	.company-intro .about{padding:0 2.5%; }
	.company-intro .about dl{ width:100%; height:auto; }
	.company-intro .about dt{ width:100%; height:210px;}
	.company-intro .about dt img{ width:100%}
	.company-intro .about dd{ width:100%;padding:0; height:auto;background:#fbfbfb;}
	.company-intro .about dd h4{ font-size:1.8rem;  margin-top:2rem;}
	.company-intro .about dd p{ font-size:1.1rem; line-height:1.8rem; margin-top:1rem;}
	.company-intro .about  dl.last p{ margin-top:2rem; }
	.company-intro .about  dd i{ margin:1.5rem 0; }

	.company-intro .culture{ padding:0; padding-bottom:2rem; background:url(culture-bg.jpg) no-repeat center bottom; text-align:center}
	.company-intro .culture p{ background:#f9f9f9;  font-size:1.8rem; padding:1.8rem 0; margin-bottom:2rem }
	.company-intro .culture dl{ width:12rem; height:12rem; border:1px #eee solid; border-radius:50%; margin:1rem; text-align:center; padding:1.5rem; vertical-align:top; display:inline-block; background:#fff}
	.company-intro .culture dl dt{ font-size:1.2rem; line-height:1.2rem; font-weight:bold; color:#333;border:0;}
	.company-intro .culture dl i{ width:20px; height:1px; display:inline-block; clear:both; background:#f00;}
	.company-intro .culture dl dd{ width:100%; padding:0 5%; line-height:1.1rem; color:#666; font-size:0.8rem; padding-top:10px}

	.company-intro .application-list{ width:100%; padding:0 3%}
	.company-intro .application-list dl{width: 100%;margin-right: 0; height: auto;}
	.company-intro .application-list dl dt{width:100%;margin-top: 0;padding:1rem 0;border:0;}
	.company-intro .application-list dl dt h1{font-size: 1.6rem}
	.company-intro .application-list dl dt h2{font-size: 0.9rem}
	.company-intro .application-list dl dd{position: relative;width:100%}
	.company-intro .application-list dl:hover dt{ margin-top:0}
	.company-intro .app-case-list dl{width:100%;margin-right: 0;margin-bottom: 0;border:none;}
	.company-intro .app-case-list dl dd{height: auto;padding: 0}
	.company-intro .app-case-list dl dd h1{font-size: 1.5rem}
	.company-intro .app-case-list dl dd h2{font-size: 0.9rem}
	.company-intro .app-case-list dl a:hover{ background:none;}
	.company-intro .app-case-list dl a:hover dd h1,.company-intro .app-case-list dl a:hover dd h2{ color:#333}
}

.comm-body .news-list{ width:100%; padding:50px 0}
.comm-body .news-list dl{ width:100%; padding:40px 20px; border-bottom:1px #e5e5e5 solid; display: inline-block;transition: all 0.2s; font-size:0; position:relative}
.comm-body .news-list dl i{ width:0; height:2px; background:#c01130; position:absolute; left:13.2%; top:42%;transition: all 0.2s}
.comm-body .news-list dl dt{ width:7%; display:inline-block; vertical-align:top}
.comm-body .news-list dl dt a img{ width:100%; display:block}
.comm-body .news-list dl dd{ width:90%; height:165px; display:inline-block; font-size:0; }
.comm-body .news-list dl dd span,.comm-body .news-list dl dd ul,.comm-body .news-list dl dd span{ display:inline-block; vertical-align:middle;transition: all 0.2s;}
.comm-body .news-list dl dd span{ width:15%; height:60px; text-align:center}
.comm-body .news-list dl dd span h1{ font-family:Arial, Helvetica, sans-serif; font-size:28px}
.comm-body .news-list dl dd span h2{ font-family:Arial, Helvetica, sans-serif; padding:0; line-height:16px; font-style:italic; color:#aaa}
.comm-body .news-list dl dd ul{ width:73%; height:165px }
.comm-body .news-list dl dd ul li{ width:100%; height:60px;}
.comm-body .news-list dl dd ul li a{ font-size:18px; line-height:60px; color:#1651b9; font-weight:bold}
.comm-body .news-list dl dd ul li:last-child{ line-height:22px; color:#333 }
.comm-body .news-list dl dd span:last-child{ width:12%; height:40px; padding-left:5%}
.comm-body .news-list dl dd span:last-child a{background:url(news_arror.gif) no-repeat center -39px #fff; border:1px #eee solid;width:40px; height:40px; display:inline-block;border-radius:3px;}
.comm-body .news-list dl:hover{ background:#e8eff9;box-shadow: 0 0 10px #ccc;}
.comm-body .news-list dl:hover i{ width:40px}
.comm-body .news-list dl:hover dd span{margin-left:2%}
.comm-body .news-list dl:hover dd span:last-child{ width:10%; margin-left:0;}
.comm-body .news-list dl:hover dd span:last-child a{ background:url(news_arror.gif) no-repeat center 16px #1651b9; }
.comm-body .newslist_content{width:100%;background:#fbfbfb;padding:80px 0; }
.comm-body .newslist_content h1{ text-align:center; font-size:32px; color:#333; margin-bottom:45px; padding-top:10px;}


.comm-body .technology-list{ width:100%; padding-bottom:50px; padding-top:15px;font-size:0; }
.comm-body .technology-list a{ width:48%; background:#fff;border-right:1px #ddd solid;border-bottom:1px #ddd solid; padding:30px; margin-right:4%;display: inline-block;transition: all 0.2s; vertical-align:top}
.comm-body .technology-list a:nth-child(2n){ margin-right:0}
.comm-body .technology-list a dl{ width:100%; font-size:0}
.comm-body .technology-list a dl dt{ width:45%;display: inline-block; padding-right:6%; vertical-align:top}
.comm-body .technology-list a dl dt img{ width:100%; display:block; height:135px}
.comm-body .technology-list a dl dd{ width:55%;display: inline-block; vertical-align:top}
.comm-body .technology-list a dl dd h1{ width:100%; font-size:18px; line-height:30px; height:30px; overflow: hidden; color:#222}
.comm-body .technology-list a dl dd h2{ width:100%; font-size:14px; color:#888; line-height:28px; height:56px; overflow:hidden; margin-top:15px}
.comm-body .technology-list a:hover{ background:#1651b9}
.comm-body .technology-list a:hover dl dd h1,.comm-body .technology-list a:hover dl dd h2{ color:#fff}

.comm-body .cont_info{ width:45%; float:left}
.comm-body .cont_info h1{ font-size:30px; font-weight:bold; color:#222; padding-bottom:15px}
.comm-body .cont_info h2{ font-size:15px; line-height:34px}
.comm-body #dituContent{ width:55%; height:400px; float:left; margin-bottom:60px}
.comm-body #dituContent div{ float:left}

@media(max-width:760px){
	.comm-body .cont_info{ width:100%; float:none;padding: 0 3%}
	.comm-body .cont_info h1{font-size: 1.6rem}
	.comm-body .cont_info h2{font-size: 1rem}
	.comm-body #dituContent{width:94%; height: 20rem;float: none;margin-bottom: 1rem;margin:2rem 3%}
}

.comm-body .newslist_content{width:100%;background:#fbfbfb;padding:80px 0; }
.comm-body .newslist_content h1{ text-align:center; font-size:32px; color:#333; margin-bottom:45px; padding-top:10px;}
.xq_share{ width:100%;padding:15px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; margin-bottom:50px;text-align: center;}
.xq_share p{ font-size:12px; color:#999; line-height:34px;}
.xq_share p i{ margin:0 5px;}
.xq_share p img{ margin-left:10px; cursor:pointer}
.xq_share .bdsharebuttonbox{ float:right;padding-top:5px}
.news_content{ overflow:hidden; width:100%; margin-bottom:60px; padding-bottom:50px}
.news_content#BodyLabel{ line-height:32px; color:#555; text-indent:0; margin-bottom:10px;}
.news_content#BodyLabel div{ width:100%}
.news_content#BodyLabel img{ margin:20px 0}
#view2 #BodyLabel h6{ font-size:16px; line-height:36px; text-align:center; width:100%; color:#fff; background:#6b8bc5;}
.page_num{ width:100%; font-size:14px;}
.page_num .pre_next{ width:49%; background:#f7f7f7;overflow:hidden;}
.page_num .pre_next span{ display: inline-block; text-decoration:none; width:20%; line-height:60px; font-size:14px; background-color:#e8e8e8; text-align:center;transition: all 0.1s; cursor:pointer; vertical-align:top}
.page_num .pre_next span:hover{ background:#dc1313; color:#fff;}
.page_num .pre_next a{width:70%; display:inline-block; padding-left:3%; line-height:60px; height:60px; overflow:hidden;font-size:14px; vertical-align:top}
.page_num .pre_next b{width:70%;display:inline-block; padding-left:3%; line-height:60px; height:60px; font-weight:normal; color:#999; vertical-align:top}

@media(max-width:760px){
	.comm-body .news-list{ padding:1rem 2.5%}
	.comm-body .news-list dl{ padding:1rem 0;}
	.comm-body .news-list dl dt{ width:7%; }
	.comm-body .news-list dl dd{ width:90%; height:auto; padding-left:5% }
	.comm-body .news-list dl dd span{ display:none}
	.comm-body .news-list dl dd ul{ width:100%; height:auto }
	.comm-body .news-list dl dd ul li{ width:100%; height:2rem; overflow:hidden;}
	.comm-body .news-list dl dd ul li a{ font-size:1.2rem; line-height:2.8rem; height:2.8rem; overflow:hidden}
	.comm-body .news-list dl dd ul li:last-child{ line-height:2rem; font-size:0.9rem; }
	.comm-body .newslist_content{padding:1rem 2.5%; }
	.comm-body .newslist_content h1{ font-size:1.9rem; margin-bottom:2rem; line-height:2.8rem}
	.comm-body .newslist_content #fontsie em,.comm-body .newslist_content .bdsharebuttonbox{ display:none}
	.comm-body .newslist_content #fontsie{ text-align:center; width:100%}
	.xq_share{margin-bottom: 2rem}
	.news_content{padding-bottom:1rem}
	.news_content#BodyLabel{ line-height:32px; color:#555; text-indent:0; margin-bottom:10px;}
	.news_content#BodyLabel div{ width:100%}
	.news_content#BodyLabel img{ margin:0.5rem 0; width:100%}

	.page_num{  font-size:1rem;}
	.page_num .pre_next{ width:100%; font-size:0; margin-bottom:1rem}
	.page_num .pre_next span{ width:20%; line-height:3rem; font-size:1rem; }
	.page_num .pre_next a,.page_num .pre_next b{width:80%; padding-left:3%; line-height:3rem; height:3rem;font-size:1rem; }
}

.showerr{ padding-bottom: 30px; line-height:35px; width:100%; text-align:center; display:block}
.showerr B{color:#c01130; font-size:18px; }
.pagelink{width:100%; padding-bottom:15px; clear:both; border-top:1px #eaeaea dotted; text-align: center}
.pagelink em{ font-style:normal}
.pagelink.noborder{ border-top:none; padding-top:50px}
.pagelink select{font-family:Arial; padding:3px; border:1px #ddd solid}
.yellow {padding: 7px 0; margin: 4px; text-align: center; font-size:14px; float:none}
.yellow B{ padding:0 4px; font-size:12px}
.yellow a {border: #ddd 1px solid; margin: 3px; padding: 3px 7px; text-decoration: none; font-size:14px; color:#666}
.yellow a:hover {border: #1651b9 1px solid;background: #1651b9; color: #fff; text-decoration:none}
.yellow span.current {border: #1651b9 1px solid; font-weight: bold; margin: 3px; color: #fff; padding: 3px 7px;background: #1651b9; font-size:14px}
.yellow span.disabled {border: #ddd 1px solid; padding: 3px 7px; margin: 3px; color: #aaa; font-size:14px }

/*QQ*/
.float0831 {position: fixed; top: 260px; right: 0; _position: absolute; z-index:1001;}
.float0831 A {	color: #00a0e9}
.float0831 A:hover {color: #ff8100; text-decoration: none}
.float0831 .floatL {position: relative; width: 28px; float: left; top:-40px; z-index:1001}
.float0831 .floatL A {	text-indent: -9999px; display: block; font-size: 0px}
.float0831 .floatR {background: url(float_bg.gif);}
.float0831 .tp {background: url(float_bg.gif); float:left}
.float0831 .cn {background: url(float_bg.gif);}
.float0831 .floatR {padding-bottom: 15px; width: 130px; background-repeat: no-repeat; background-position: -131px bottom; float: left; overflow: hidden}
.float0831 .tp {background-repeat: no-repeat; background-position: 0% 0%; width:100%; height: 10px; overflow:hidden}
.float0831 .cn {background-repeat: repeat-y; background-position: -262px 0px; width:130px; float:left}
.float0831 .cn H3 {	text-indent: -9999px; height: 36px; font-size: 0px; width:102px}
.float0831 .cn UL {	padding-bottom: 0px; padding-left: 14px; padding-right: 14px; padding-top: 0px; width:102px}
.float0831 .cn UL LI {	border-bottom: #e6e5e4 1px solid; LINE-height: 36px; word-wrap: break-word; width:102px; height: 36px; overflow: hidden; word-break: normal}
.float0831 .titZx {	background: url(float_s.gif) no-repeat; width:102px}
.float0831 .titDh {	background: url(float_s.gif) no-repeat}
.float0831 .titDc {	background: url(float_s.gif) no-repeat}
.float0831 .icoZx {	background: url(float_s.gif) no-repeat}
.float0831 .icoTc {	background: url(float_s.gif) no-repeat}
.float0831 .icoFf {	background: url(float_s.gif) no-repeat}
.float0831 .icoTl {	background: url(float_s.gif) no-repeat}
.float0831 .btnOpen { background: url(float_s.gif) no-repeat}
.float0831 .btnOpen_n { background: url(float_s.gif) no-repeat}
.float0831 .btnCtn { background: url(float_s.gif) no-repeat}
.float0831 .titZx { background-position: 5px -10px}
.float0831 .titDh { background-position: 5px -66px}
.float0831 .titDc { background-position: 5px -124px}
.float0831 .icoZx {	background-position: 2px -154px}
.float0831 .icoTc {	background-position: 0px -323px}
.float0831 .icoFf {	background-position: 2px -213px}
.float0831 .icoTl {	padding-left: 17px; display: block;background-position: 2px -266px; float: left}
.float0831 .btnOpen { background-position: -30px -396px}
.float0831 .btnOpen_n { background-position: 0px -530px}
.float0831 .btnCtn {background-position: 0px -396px}
.float0831 .icoZx {	padding-left: 28px; display: block; float: left}
.float0831 .icoTc {	padding-left: 28px; display: block; float: left}
.float0831 .icoFf {	padding-left: 28px; display: block; float: left}
.float0831 .btnOpen { position: relative; width: 28px; height: 118px; top: 80px; left: 2px}
.float0831 .btnOpen_n { position: relative; width: 28px; height: 118px; top: 80px; left: 2px}
.float0831 .btnCtn { position: relative; width: 28px; height: 118px; top: 80px; left: 2px}
.float0831 .btnOpen { top: 62px; left: 1px}
.float0831 .btnOpen_n { top: 118px; left: 1px}
.float0831 .btnCtn {top: 62px; left: 2px}
.float0831 UL LI H3.titDc A { width: 80px; display: block; height: 36px}
.float0831 UL LI.top { border-bottom: #ace5f9 1px solid}
.float0831 UL LI.bot { border-bottom-style: none}
.float0831 UL.webZx { padding-bottom: 0px; padding-left: 0px; width: 164px; padding-right: 0px; background: url(webZx_bg.jpg) no-repeat; height: 65px; padding-top: 0px}
.float0831 UL LI.webZx-in { border-bottom-style: none; padding-left: 5px; height: 50px; padding-top: 8px}

/*QQ 结束 */

.footer{ width:100%; background:#00295f; padding:50px 0 30px 0;}
.footer .quick-menu{ width:70%; padding-bottom:30px}
.footer .quick-menu dl{ width:19%;  float:left; border-right:1px #416088 solid;height: 200px; margin-right:3%}
.footer .quick-menu dl:nth-child(3){width:22%;}
.footer .quick-menu dl:last-child{width:24%;}
.footer .quick-menu dl dt{ width:100%}
.footer .quick-menu dl dt a{ font-size:16px; color:#fff}
.footer .quick-menu dl dt i{ width:15px; height:1px; overflow:hidden; background:#667e9f; display:block; margin-top:10px}
.footer .quick-menu dl dd{ width:100%; margin-top:12px}
.footer .quick-menu dl dd li{ width:100%;padding-top: 10px}
.footer .quick-menu dl dd li a{ color:#789bc8; line-height:18px}
.footer .quick-menu dl dd li a b{ font-weight:normal}
.footer .foot-logo{ width:30%; padding-left:4%; padding-top:4px}
.footer .foot-logo .logo{ background:url(foot_logo.png) no-repeat; width:100%; height:90px; color:#fff; text-indent:2.5rem}
.footer .foot-logo .logo i{ width:30px; height:2px; background:#ff0d00; overflow:hidden; display:block; margin-top:70px}
.footer .foot-logo .add{ color:#779ac7; font-size:12px; line-height:23px}
.footer .foot{ width:100%; border-top:1px #416088 solid; padding-top:20px}
.footer .foot .link{ width:54%; color:#4d6a8f;display:none;}
.footer .foot .link b{color:#779ac7}
.footer .foot .link a{ color:#779ac7}
.footer .foot .copyright{ /* width:100%; */color:#779ac7; font-size:12px;/*  line-height:25px; */text-align: center;}
.footer .foot .copyright.large{ width:100%; text-align:center}
.footer .foot .copyright.large .fl,.footer .foot .copyright.large .fr{ float:none; padding:0 10px}
.footer .foot .copyright a{ color:#779ac7}
.footer .quick-menu dl dt a:hover { color:#dbe4ed}
.footer .quick-menu a:hover,.footer .foot a:hover { color:#99c2f7}
.copyright a{ color:#666}
.copyright a:hover{ color:#fc0}
.copyright em{ display:none}

@media(max-width:760px){
	.pagelink.noborder{padding-top:0}
	.float0831{display: none}
	.footer{ padding:1rem 3%;}
	.footer .quick-menu{ display: none;}
	.footer .foot-logo{display:none}
	.footer .foot .link{ display: none !important;}
	.footer .foot{ border-top: none; padding-top: 0}
	.footer .foot .copyright{ width:100%;font-size:0.8rem; line-height:1.4rem;text-align: center;}
	.footer .foot .copyright img{display: inline-block;}
}

/*@media(max-width:760px){
em{ display:none}
.comm-width{ width:100%;}
.home-project .swiper-pagination{ display:none}
.fl,.fr{ float:none;display: inline-block}
.top .fl{ background-position:0.8rem 0.7rem; background-size:auto 125%; padding:0 2%; text-indent:1.8rem }
.top .fr{ display:none}
.header{ padding:0.5rem 2%; }
.header .fl,.header .fr{ display:none}
.header .logo{ width:90%; display:inline-block; vertical-align:middle; float:none}
.header .logo img{ width:65%}
.header a.menubutton{ background:url(menuclass.png) no-repeat; background-size:auto 80%;display:inline-block; width:7%; height:1.8rem; vertical-align:middle}

.menu{ width:100%; height:0; overflow:hidden; display:block;transition: all 0.2s;}
.menu.on{ height:10.5rem}
.menu a{ width:50%; line-height:2.5rem;height:2.5rem; padding:0 1rem; font-size:1rem; background: none; display:inline-block}
.menu a.this,.menu a:hover{ line-height:2.5rem;height:2.5rem;}
.bx-wrapper .bx-pager.bx-default-pager a {width: 10px;height: 10px;	margin: 0 3px; outline: 0;}
.flash{margin-bottom:0; }
.flash ul.bxslider li{ height:180px; background-size:auto 100%}
.flash ul.bxslider li:nth-child(2){ background-size:auto 100%}
.flash ul.bxslider li:nth-child(3){ background-size:auto 100%}

.home-title{ padding:0; padding-bottom:1rem; background-size:50% auto }
.home-title .title{ padding:0 0.5rem; }
.home-title .title h1{ font-size:2rem; }
.home-project { width:100%; padding-top:1rem}
.home-project .swiper-container { height:280px;  }
.home-project .swiper-slide a{ height:265px;}
.home-project .swiper-wrapper{padding-top:1.5rem;}
.home-project .swiper-slide a:hover h1{ margin-top:0.8rem}
.home-project .swiper-slide a{ width:93%; height:240px; }
.home-project .swiper-slide a:hover{background:#1d6ec7; height:260px;color:#fff}
.home-project .swiper-slide a i{ background-size:100% 100%; width:30px; height:30px;left:41.5%; }
.home-project .swiper-slide a:hover i{ top:21%;}
.home-project .swiper-slide a img{ height:130px; }
.home-project .swiper-slide a h1{ font-size:1.15rem}
.home-project .swiper-slide a h1,.home-project .swiper-slide a h2{ padding:0.5rem 2.5%;}
.home-project .swiper-slide a h2{  line-height:1.2rem; font-size:0.85rem; height:3rem; margin-bottom:0.5rem}
.learnmore{ padding:1rem 0 2.5rem 0}

.home-intro{ height: auto; padding:1rem 2%}
.home-intro .intro-left{ width:100%}
.home-intro .intro-left .title{ padding:0 2%; font-size:2rem; padding-bottom:1rem}
.home-intro .intro-left .intro{ padding:1rem 2%; line-height:2rem;font-size:1rem;}
.home-intro .intro-right{ display:none}
.home-intro .intro-left .view{ padding:0.5rem 2% 2rem 2%;  text-align:center}
.home-intro .intro-left .view a{ padding:0.8rem 0; width:47.5%; margin-right:5%}
.home-intro .intro-left .view a:last-child{ margin-right:0}

.home-project.application{ width:100%; padding:2rem 2% 0 2%}
.home-project.application  .swiper-wrapper{margin-left:0; }
.home-project.application .swiper-button-next,.home-project.application .swiper-button-prev{ display:none}

.home-project.application .swiper-slide a img{ width:90%; height:110px; margin:8px 5% }
.home-project.application .swiper-slide a{ height:250px;}
.home-project.application .swiper-slide a span{ margin-top:0.5rem }


.home-news{ padding:2.5rem 2% 1rem 2%}
.home-news-list{ padding:1.5rem 0}
.home-news-list dl{ width:100%; margin-right:0; padding:0}
.home-news-list dl dt{ width:32%; float:left}
.home-news-list dl dt img{ width:95%; border:4px #fff solid;box-shadow: 0 0 8px #ddd}
.home-news-list dl dd{ width:65%; float:right}
.home-news-list dl a{ padding:0; padding-top:1.2rem}
.home-news-list dl dd h1{ font-size:1.2rem; color:#333; line-height:2rem; padding-bottom:0.5rem}
.home-news-list dl dd h2{ font-size:0.8 ; line-height:1.4rem; height:2.8rem;}
.home-news-list dl dd h3{ display:none}


.shad{ background:url(shad.gif) repeat-x top; width:100%; height:13px;}

.comm-body{ width:100%; font-size:15px; line-height:35px; }
.company-intro{ width:100%; }
.company-intro .about{width:100%;background:#fbfbfb;padding:80px 0; }
.company-intro .about dl{ width:100%; height:380px}
.company-intro .about dt{ width:600px; height:380px;}
.company-intro .about dd{ width:600px; height:380px; padding:0 35px; background:#f3f3f3;}
.company-intro .about dd h4{ display:block;  font-size:26px; color:#333; margin-top:70px; font-weight:bold}
.company-intro .about dd p{ font-size:15px; color:#666; line-height:24px; text-align:justify;margin-top:20px;}
.company-intro .about .intro_left{ float:left;}
.company-intro .about .intro_right{ float:right;}
.company-intro .about  dl.last p{ margin-top:30px;}
.company-intro .about  dd i{ display:block; width:30px; height:1px; margin:30px 0; background-color:#e01313;}

.mobilelocal{width:100%; padding:0 2%; height:3.2rem; display:block}
.mobilelocal span{ background:url(local.png) no-repeat 0.2rem center;color:#666; font-size:1rem; line-height:2.5rem; background-size:auto 40%;width:90%;text-indent:1.6rem; height:2.5rem; float:left }
.mobilelocal i{ background:url(menuclass.png) no-repeat center center; background-size:55% auto;display:inline-block;width:8%; height:2.5rem; float:right}
.submenu{ display:none; padding:1rem 2.5%; background: #f3f3f3; text-align:left}
.submenu li {  width:50%; height:3rem;line-height:3rem;margin:0; padding:0;}
.submenu li a{ background:none; height:auto}
.submenu li a b{ width:100%; padding:0.5rem; color:#333; font-size:1.1rem;border-bottom:1px #eee solid;  line-height:2rem; background:url(arr5.png) no-repeat 0.4rem center; text-indent:1.2rem}
.submenu li.this a,.submenu li a:hover{ background:url(arr5.png) no-repeat 0.4rem center; }
.submenu li.this a b,.submenu li a:hover b{color:#145e9b; border-bottom:1px #eee solid; background:none}


.comm-body{ font-size:1.1rem; line-height:1.8rem; }
.company-intro .about{padding:0 2.5%; }
.company-intro .about dl{ width:100%; height:auto; }
.company-intro .about dt{ width:100%; height:210px;}
.company-intro .about dt img{ width:100%}
.company-intro .about dd{ width:100%;padding:0; height:auto;background:#fbfbfb;}
.company-intro .about dd h4{ font-size:1.8rem;  margin-top:2rem;}
.company-intro .about dd p{ font-size:1.1rem; line-height:1.8rem; margin-top:1rem;}
.company-intro .about  dl.last p{ margin-top:2rem; }
.company-intro .about  dd i{ margin:1.5rem 0; }

.company-intro .culture{ padding:0; padding-bottom:2rem; background:url(culture-bg.jpg) no-repeat center bottom; text-align:center}
.company-intro .culture p{ background:#f9f9f9;  font-size:1.8rem; padding:1.8rem 0; margin-bottom:2rem }
.company-intro .culture dl{ width:12rem; height:12rem; border:1px #eee solid; border-radius:50%; margin:1rem; text-align:center; padding:1.5rem; vertical-align:top; display:inline-block; background:#fff}
.company-intro .culture dl dt{ font-size:1.2rem; line-height:1.2rem; font-weight:bold; color:#333; }
.company-intro .culture dl i{ width:20px; height:1px; display:inline-block; clear:both; background:#f00;}
.company-intro .culture dl dd{ width:100%; padding:0 5%; line-height:1.1rem; color:#666; font-size:0.8rem; padding-top:10px}

.company-intro .history{ padding:3rem 2.5%;}

.comm-body .news-list{ padding:1rem 2.5%}
.comm-body .news-list dl{ padding:1rem 0;}
.comm-body .news-list dl dt{ width:25%; }
.comm-body .news-list dl dd{ width:75%; height:auto; padding-left:5% }
.comm-body .news-list dl dd span{ display:none}
.comm-body .news-list dl dd ul{ width:100%; height:auto }
.comm-body .news-list dl dd ul li{ width:100%; height:2rem; overflow:hidden;}
.comm-body .news-list dl dd ul li a{ font-size:1.2rem; line-height:2.8rem; height:2.8rem; overflow:hidden}
.comm-body .news-list dl dd ul li:last-child{ line-height:2rem; font-size:0.9rem; }

.comm-body .newslist_content{padding:2.5rem 2.5%; }
.comm-body .newslist_content h1{ font-size:1.9rem; margin-bottom:2rem; line-height:2.8rem}
.comm-body .newslist_content #fontsie em,.comm-body .newslist_content .bdsharebuttonbox{ display:none}
.comm-body .newslist_content #fontsie{ text-align:center; width:100%}

.whmz_cgzd { padding:0 2.5%;}
.whmz_cgzd .cgzd_list{ overflow:hidden; margin-top:1rem }
.whmz_cgzd .cgzd_list li{ width:100%; margin-right:0; }
.whmz_cgzd .cgzd_list li a img{ width:100%; height:260px}
.whmz_cgzd .cgzd_list .tu{ width:100%; height:260px; margin-bottom:20px;}
.tankuang1 .imgShow li p{ font-size:1.2rem; line-height:2rem;padding-top:1rem;}

.comm-body .q-left,.comm-body .c-left{ width:100%; float: none; padding:2rem 0}
.comm-body .q-right,.comm-body .c-right{ width:100%; float:none;padding:2rem 0; padding-top:0}
.comm-body .q-right img,.comm-body .c-left img{ width:100%}
.comm-body .c-right strong{ clear:both; display:block; padding-bottom:0}
.comm-body .c_line:first-child{ padding-bottom:1.2rem}
.comm-body #dituContent{ height: 250px; margin-bottom:2rem }

.comm-body .prut-list{ width:100%; padding:0 2.5%; font-size:0; background:#fbfbfb}
.comm-body .prut-list dl{ width:48%; margin-right:4%; padding:5px; margin-bottom:5px; float: none; margin-top:0; background:#fff;box-shadow: 0 0 5px #ddd;}
.comm-body .prut-list.case dl{ margin-top:2rem; margin-bottom:0}
.comm-body .prut-list dl:nth-child(2n) { margin-right:0}
.comm-body .prut-list dl a dt img{ height:120px;}
.comm-body .prut-list dl a dd{ width:100%; }
.comm-body .prut-list dl a dd h1{ width:100%; font-size:1rem; line-height:1rem; height:2rem; overflow:hidden; margin-top:1rem; }
.comm-body .prut-list.case dl a dd h1{ margin-bottom:0}
.comm-body .prut-list dl a dd h2{ font-size:0.9rem; line-height:1.6rem;height:3.2rem;  }

.news_content{padding-bottom:1rem}
.news_content#BodyLabel{ line-height:32px; color:#555; text-indent:0; margin-bottom:10px;}
.news_content#BodyLabel div{ width:100%}
.news_content#BodyLabel img{ margin:0.5rem 0; width:100%}

.comm-body .feedtitle strong{ line-height:1.8rem; font-size:2rem;padding-top:3rem; display:block}
.comm-body .feedtitle{ font-size:1rem}
.comm-body input{ width:90%;border-radius:0; float:left}
.comm-body textarea{width:90%;border-radius:0;}
.comm-body input.tj{ width:40%; margin-right:5%}
.comm-body .feedback{ margin-bottom:2.5rem}

.fenyebtn { margin:2rem 0;}
.fenyebtn a{ width:2.8rem; height:2.8rem; margin:0 3px; line-height:2.8rem; font-size:1.2rem;}
.page_num{  font-size:1rem;}
.page_num .pre_next{ width:100%; font-size:0; margin-bottom:1rem}
.page_num .pre_next span{ width:20%; line-height:3rem; font-size:1rem; }
.page_num .pre_next a,.page_num .pre_next b{width:80%; padding-left:3%; line-height:3rem; height:3rem;font-size:1rem; }

.footer{ width:100%; padding:2rem 2%;}
.footer .quick-menu,.footer .foot .link,.footer .foot .jsgovicon{ display:none}
.footer .foot-tel{ width:100%; padding:0 1%;}
.footer .foot-tel .add{ font-size:0.85rem; padding-bottom:1rem; line-height:1.4rem}
.footer .foot .copyright{ width:100%; font-size:0.8rem; line-height:1.4rem; text-align:center}
}*/