@font-face {
	font-family: 'iconfont';  /* project id 754403 */
	src: url('//at.alicdn.com/t/font_754403_e3k92sih7ge.eot');
	src: url('//at.alicdn.com/t/font_754403_e3k92sih7ge.eot?#iefix') format('embedded-opentype'),
	url('//at.alicdn.com/t/font_754403_e3k92sih7ge.woff') format('woff'),
	url('//at.alicdn.com/t/font_754403_e3k92sih7ge.ttf') format('truetype'),
	url('//at.alicdn.com/t/font_754403_e3k92sih7ge.svg#iconfont') format('svg');
}
* { margin:0;padding:0;border:0;font-family:"Microsoft Yahei",sans-serif,Arial,Verdana;font-style:normal; }
html{ overflow-y:scroll;background:#fff; }
body { font-size:12px;color:#595959;position: relative; }
section,article,aside,header,footer,nav,figure,menu{ display:block; }
img { border:0; }
table{ border-collapse:collapse;border-spacing:0; }
a { transition:color .3s ease;color:#595959;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);text-decoration:none; }
a:hover { color:#ff0000;text-decoration:none; }
.left{ float:left; }
.right{ float:right; }
/*文本框样式*/
input.wide{ width:250px; }
input.txt{ width:200px; }
input.small{ width:50px; }
.input{ -webkit-appearance:none;display:inline; margin-right:5px; padding:7px;height:20px;line-height:20px; vertical-align:middle; background:#fff; color:#595959; border:1px solid #e8e8e8; border-radius:2px; }
.select{ -webkit-appearance:none;padding:7px;border:1px solid #e8e8e8; border-radius:2px; line-height:21px; }
.select.fb{ width:218px; }
ul {list-style:none;}

/*按钮样式*/
.btn{ -webkit-appearance:none;display:inline-block; margin:0; padding:0 25px;background:#1e7bb3; border:1px solid #02598E; border-radius:2px; vertical-align:middle;color:#fff; font-size:14px; height:38px; line-height:38px; text-align:center; }
.btn:hover{ color:#fff; opacity:.9; }
.btn-mini{ height:20px; line-height:20px; padding:1px 8px 0; }
input.btn, button.btn{ height:40px; cursor:pointer; overflow:visible; }
.btn-success{ background:#52A152; border:1px solid #417F41; text-shadow:0 -1px 0 #52A152; }
.btn-error{ background:#CB423B; border:1px solid #AA352F; text-shadow:0 -1px 0 #CB423B; }
.btn-orange{ background:#e19717; border:1px solid #d78e0f; text-shadow:0 -1px 0 #c37d04; }
.btn-gray{ background:#ddd; border:1px solid #A9A9A9; text-shadow:0 -1px 0 #EEEEEE;}
.btn-gray,.btn-gray:hover{ color:#777; }
.line10 { height:10px; }
.line20 { height:20px; }
.line30 { height:30px; }
.wrap { margin:0 auto;width:100%;max-width:1280px; }
.con_warp { margin-right: auto; margin-left: auto;width:100% !important;max-width:1280px; }
.no-info { padding:50px 0;text-align:center; }

#goTop { cursor:pointer;display:none;position:fixed;z-index:20;bottom:10px;right:10px;border-radius:2px;background:rgba(0,0,0,.5);width:40px;height:40px;line-height:40px;text-align:center;font-family:'iconfont';color:#fff; }
#goTop:hover { background:#000; }
 
header { position:fixed;z-index:100;top:0;width:100%;border-bottom:1px solid #eee;background:#fff;background:rgba(255,255,255,.9); }
header section { transition:height .2s ease;position:relative;z-index:101;height:100px; }
header section a.logo { transition:all .3s ease;position:absolute;z-index:101;left:10px;top:50%;margin-top:-35px;display:block;height:70px; }
header section a.logo img { float:left;height:100%; }
header section a { color:#232323; }
header section a:hover { color:#007cc3; }
header section p { transition:all .3s ease;position:absolute;z-index:101;right:10px;top:20px;color:#939393; }
header section p span { display:inline-block;padding:0 15px;font-family:宋体; }
header section nav { position:absolute;z-index:99;left:270px;top:50%;margin-top:-22px;display:block;height:44px; }
header section nav i { display:none;cursor:pointer;font-family:'iconfont';font-style:normal;font-size:28px;color:#007cc3;text-align:center; }
header section nav ul { transition:all .2s ease;list-style:none; }
header section nav ul li { float:left;padding:0 15px; }
header section nav a { transition:all .2s ease;display:block;line-height:44px;font-size: 16px; }

header section div { transition:all .2s ease;position:absolute;z-index:101;right:10px;bottom:12px;transition:border .2s ease;margin-top:0;padding:0 0 0 8px;width:125px;height:26px;border:1px solid #939393;background:transparent;overflow:hidden; }
header section div input { outline:none;height:100%;border:0;background-color:transparent;color:#232323; }
header section div input.keyword { float:left;width:95px; }
header section div input.submit { cursor:pointer;float:right;width:30px;background:url(../images/icon-search.png?v2) no-repeat center top;text-indent:-500px; }
header section div input.submit:hover { background-position:center bottom; }
header section div:hover input.keyword { color:#007cc3; }
header section div:hover { border-color:#007cc3; }
header section div:hover input.submit { background-position:center bottom; }

header.min { background:#fff; }
header.min section { height:56px; }
header.min a.logo { margin-top:-20px;height:40px; }
header.min p { display:none; }
header.min div { bottom:14px; }
header.min nav a { font-weight:bold;font-size:14px; }

#index .m-share { display:none; }

#index .index, #download .download,#aboutus .aboutus,#products .products,#solution .solution,#service .service,#joinus .joinus,#contactus .contactus,#news .news { 
	color:#38d7e5;
	/* background:-webkit-linear-gradient(left,#007cc3,#007cc3 50%,#1b93d8 51%,#3eaceb); */
	/* -webkit-background-clip:text;
	-webkit-text-fill-color:transparent; */
 }

 
.h-banner { height:660px;background:#303030; }
.h-banner .swiper-slide { overflow: hidden; }
.h-banner .swiper-wrapper img {
	width:auto;height:100%;position: absolute;top:50%;left:50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/* top:0\9;left:0\9; */
}
.h-banner .swiper-pagination { bottom:20px; }
.h-banner .swiper-pagination-bullet { transition:all .3s ease;border-radius:5px; }
.h-banner .swiper-pagination-bullet-active { width:30px;background:rgba(0,122,255,.8); }

.h-main { margin:0 auto 20px auto;max-width:1220px;overflow:hidden; }
 
.h-news { padding-top:10px;width:100%;overflow:hidden;position:relative; }

.pic-news { float:left;margin-top:15px;width:450px;height:340px;background:#f9f9f9; }
.pic-news .swiper-slide { width:100%;overflow:hidden; }
.pic-news .swiper-slide img {
	transition:opacity .3s ease;width:auto;min-width:100%;height:280px;
	position:absolute;z-index:1;top:0;left:50%;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.pic-news .swiper-slide h3 { position:absolute;z-index:2;top:242px;width:440px;padding:0 5px;height:38px;line-height:38px;background:rgba(0,0,0,.7);color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pic-news .swiper-slide p { margin-top:280px;padding:8px 20px 5px 20px;color:#8f8f8f; }
.pic-news .swiper-slide:hover img { opacity:.8; }
.pic-news .swiper-pagination { bottom:105px; }

.txt-news { margin-left:480px;overflow:hidden; }
.txt-news dl { cursor:default;margin:15px 0 0 0;width:100%;height:74px;overflow:hidden; }
.txt-news dl dt { transition:all .3s ease;float:left;width:95px;height:70px;line-height:1em;border:1px solid #ddd;text-align:center;color:#ccc;font-size:14px;border-radius:5px; }
.txt-news dl dt em { display:block;height:46px;line-height:46px;font-size:30px;font-weight:100;color:#888888;overflow:hidden; }
.txt-news dl dd { margin-left:110px;padding:0 10px 0 0;border-right:1px solid #f2f2f2;overflow:hidden; }
.txt-news dl dd a { display:block;width:100%;overflow:hidden; }
.txt-news dl dd a i { display:block;width:100%;height:32px;line-height:26px;font-size:16px;color:#686868;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.txt-news dl dd a:hover i { color:#007cc3; }
.txt-news dl dd a p { width:100%;height:34px;line-height:1.5em;color:#bbb;overflow:hidden; }
.txt-news dl:hover dd { border-color:#007cc3; }
.txt-news dl:hover dt { border-color:#007cc3;background:#007cc3;color:#fff;border-radius:0;border-top-left-radius:45px;border-bottom-right-radius:45px; }
.txt-news dl:hover dt em { color:#fff; }

.h-case {margin-top:50px;width:100%;overflow:hidden;}
.h-case dt { text-align:center; }
.h-case dt h1{width:100%;height:40px;font-size:30px;font-weight:normal;color:#007cc3;font-weight: 100;}
.h-case dt h2{margin:0 auto;width:50%;height:40px;border-bottom:1px solid #ddd;font-size:20px;font-weight:normal;color:#bbb;font-weight: 100;}
.h-case dd{padding:20px 0 0 0;}
.h-case dd a.more{transition:all .3s ease;display:block;margin:20px auto;width:200px;line-height:3em;background:#ddd;border-radius:20px;text-align:center;}
.h-case dd a.more:hover{background:#007cc3;color:#fff;border-radius:2px;}

.case-list {margin-bottom:15px;list-style:none;overflow:hidden;}
.case-list.m { margin-top:20px; }
.case-list li {float:left;width:25%;overflow:hidden;}
.case-list a { transition:all .3s;margin:5px;display:block;padding:2px;height:76px;border:1px solid #eee;border-radius:2px; }
.case-list em {float:left;display:block;width:40%;height:100%;overflow:hidden;border-radius:2px;}
.case-list em img { transition:all .6s;width:100%;min-height:100%; }
.case-list i {float:right;display:block;padding-top:5px;width:55%;line-height:1.7em;font-size:14px;overflow:hidden; }
.case-list a:hover img { transform:scale(1.2); }
.case-list a:hover { border-color:#c5af9b;background:#c5af9b;color:#fff; }

.h-title { margin:20px 0 0 0;border:1px solid #eee;height:48px;line-height:48px;background:#f8f8f8; }
.h-title h1 { float:left;margin-left:-1px;padding-left:20px;height:46px;font-size:20px;border-bottom:3px solid #007cc3;color:#007cc3; }
.h-title span { float:left;display:block;padding:0 20px;height:46px;border-bottom:3px solid #007cc3;font-size:18px;color:#bbb;font-weight:200; }
.h-title a { float:right;display:block;margin:12px 20px 0 0;padding:0 20px;height:26px;line-height:26px;background:#eee;border-radius:15px;font-size:13px; }
.h-title a:hover { background:#007cc3;color:#fff; }

.h-links { margin-top:40px;padding:20px 20px 20px 180px;border:1px solid #eee;background:url(../images/link-tit.jpg) no-repeat 20px center;line-height:2em;font-size:14px;overflow:hidden; }
.h-links a,.h-links em { font-style:normal;display:block;float:left; }
.h-links em { color:#eee;font-style:normal;margin:0 10px; }
.h-links em:last-child { display:none; }

.m-title { width:100%;height:360px;background:#303030;position: relative;z-index:1;overflow:hidden; }
.m-title img { width:auto;height:100%;position:absolute;top:0;left:50%;z-index:2;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0); }
.m-title h1 {
	width:100%;max-width:1200px;position:absolute;bottom:50px;left:50%;z-index:3;
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	font-size:28px;font-weight:100;color:#fff;text-indent:10px;
}

.m-catalog { margin:20px auto 0 auto;width:100%;max-width:1220px;text-align:center; }
.m-catalog a { display:inline-block;margin:0 5px;padding:0 25px;line-height:40px;border:1px solid #efefef;background:#fff;font-size:15px; }
.m-catalog a.cur { border-color:#007cc3;background:#007cc3;color:#fff; }
.m-catalog a:hover {border-bottom-color:#007cc3;  }

.m-catalog2 { clear:both;margin:20px auto 0 auto;width:100%;max-width:1220px;text-align:center; }
.m-catalog2 li { position:relative;display:inline-block; }
.m-catalog2 li a { transition:border .3s ease;display:block;padding:0 38px;height:40px;line-height:40px;border:1px solid #efefef;background:#fff;font-size:15px; }
.m-catalog2 li a:hover {border-color:#007cc3;color:#007cc3; }
.m-catalog2 li a.cur { border-color:#007cc3;background:#007cc3;color:#fff; }
.m-catalog2 li ul { list-style:none;display:none;width:100%;border-bottom:1px solid #efefef;position:absolute;z-index:3;left:0;top:42px; }
.m-catalog2 li ul li { float:left;width:100%; }
.m-catalog2 li ul li a { margin:0;padding:0 2px;border-color:#e7e7e7; }
.m-catalog2 li ul li a:hover { border-top-color:#efefef;border-bottom-color:#efefef;color:#007cc3;  }
.m-catalog2 li ul li a.cur2 { border-top-color:#efefef;border-bottom-color:#efefef;color:#007cc3;  }
.m-catalog2>li:hover ul { box-shadow:0 0 10px rgba(0,0,0,.1); }

.m-share { margin:20px auto;padding:5px 15px;max-width:1190px;border-top:1px #eee solid;overflow:hidden; }
.m-share .bdsharebuttonbox { float:left; }
.m-share .bdsharebuttonbox span { float:left;display:block;line-height:30px; }
.m-share .page-set { float:right;padding-top:6px;overflow:hidden; }
.m-share .page-set a { float:left;display:block;margin-left:15px;line-height:12px; }
.m-share .page-set em { float:left;display:block;margin:0 0 0 15px;height:12px;width:1px;border-left:1px solid #eee; }

.m-main { margin:0 auto 20px auto;max-width:1220px;min-height:300px;overflow:hidden; }
.m-main.contact { line-height:2em; }
.m-main.contact h1 { margin:20px 0;border-left:1px solid #f8b551;text-indent:22px;font-size:20px; }
.m-main.contact p { margin-top:5px;font-size:14px; }

.new-list { padding-top:20px; }
.new-list dl { float:left;margin:10px 0;width:50%;overflow:hidden; }
.new-list dl dt { margin:0 10px;line-height:36px;overflow:hidden; }
.new-list dl dt h3 { float:left;padding:0 30px;background:#007cc3;color:#fff;font-size:16px; }
.new-list dl dt a { float:right;margin-right:15px; }
.new-list dl dd { margin:-1px 10px 0 10px;padding:10px 15px;height:240px;line-height:30px;border:1px solid #ddd;overflow:hidden; }
.new-list dl dd li { float:left;width:100%;height:30px;overflow:hidden; }
.new-list dl dd li a { display:block;float:left;max-width:85%;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.new-list dl dd li span { float:right;color:#7b7b7b; }

.join-us { width:100%;overflow:hidden; }
.join-us ol { list-style:none;margin-top:20px;list-style:none;width:100%;height:48px;line-height:48px;background:#007cc3; }
.join-us ol li { float:left;width:25%;color:#fff;text-align:center;font-size:14px; }
.join-us dl { width:100%;overflow:hidden; }
.join-us dl dt { cursor:pointer;margin-top:1px;height:48px;line-height:48px;background:#ececec; }
.join-us dl dt:hover { background:#dfdfdf; }
.join-us dl dt em { float:left;display:block;width:25%;text-align:center;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.join-us dl dd { display:none;padding:25px 50px;font-size:14px;line-height:2em; }

.m-pic-list { list-style:none;padding:10px 0 20px 0;width:1250px;overflow:hidden; }
.m-pic-list li { float:left;margin:20px 20px 0 0;width:290px;text-align:center; }
.m-pic-list li a { cursor:pointer;transition:border-radius .3s ease,border-color 0.6s ease,color 0.3s ease,background-color 0.6s ease;display:block;padding:5px;border:1px solid #ededed; }
.m-pic-list li a:hover { border-radius:5px;border-color:#d7eaf4;background:#d7eaf4;color:#007cc3; }
.m-pic-list li em { display:block;width:100%;height:200px;background:#fff;overflow:hidden; }
.m-pic-list li em img { transition:all .6s;height:100%; }
.m-pic-list li a:hover img { transform:scale(1.3); }
.m-pic-list li p { padding-top:5px;height:30px;line-height:30px;font-size:13px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden; }

.m-pro-list { list-style:none;margin:0 auto;padding:10px 0 20px 0;width:1086px;overflow:hidden; }
.m-pro-list li { transition:margin.3s ease;float:left;margin:20px 19px 0 19px;width:324px;text-align:center;overflow:hidden; }
.m-pro-list li a { transition:border-radius .3s ease,border-color 0.6s ease,color 0.3s ease,background-color 0.6s ease;display:block;padding:5px;border:1px solid #ededed; }
.m-pro-list li a:hover { border-radius:5px;border-color:#a2cc71;background:#a2cc71;color:#fff; }
.m-pro-list li em { display:block;width:100%;height:125px;background:#fff;overflow:hidden; }
.m-pro-list li em img { transition:all .6s;height:100%; }
.m-pro-list li a:hover img { transform:scale(1.3); }
.m-pro-list li p { padding-top:5px;line-height:30px;font-size:13px; }
.m-pro-list li:hover { margin:15px 19px 5px 19px; }

.info-list { list-style:none;margin:20px auto;max-width:1200px;border-top:1px #ddd dotted;overflow:hidden; }
.info-list li { width:100%;height:38px;line-height:38px;border-bottom:1px #ddd dotted;font-size:13px;overflow:hidden; }
.info-list li a { display:block;float:left;margin-left:5px;width:85%;height:38px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.info-list li label { float:left;color:#aaa; }
.info-list li span { float:right;display:block;margin-right:5px;width:13%;color:#A4A4A4;text-align:right; }

.m-content { margin:0 auto;padding:20px 0 30px 0;width:1000px;line-height:2em;overflow:hidden; }
.m-content h1 { margin:20px 0;border-left:1px solid #f8b551;text-indent:22px;font-size:20px; }
.m-content p { margin-top:5px;font-size:14px; }

.info-title {	margin:30px 0 0 0;font-size:20px;overflow:hidden; }
.info-dec { padding-top:15px;height:24px;border-bottom:1px #e7e7e7 dotted; }
.info-dec span { padding:0 10px; }
.info-cont { overflow:hidden;overflow-x:auto;padding:10px 0 10px 0;font-size:14px;line-height:1.8em;white-space:normal;font-size:14px; }
.info-cont p { margin:10px 0 0 0; }
.info-cont img { max-width:1050px; }

menu {display:none;position:fixed;z-index:1000;left:0;bottom:0;width:100%;height:58px;background:#007cc3;}
menu a{float:left;display:block;width:25%;height:100%;text-align:center;color:#efefef;}
menu a:hover {color:#fff;}
menu a em{font-family:'iconfont';display:block;margin-top:7px;height:25px;overflow:hidden;font-size:23px;}
menu a:nth-child(1) em:after{content: "\e65f";}
menu a:nth-child(2) em:after{content: "\e61f";}
menu a:nth-child(3) em:after{content: "\e655";}
menu a:nth-child(4) em:after{content: "\e6b8";}
menu a i{display:block;line-height:2.5em;font-size:10px;}

footer { padding:40px 0 30px 0;width:100%;line-height:2em;background:#303030;overflow:hidden; }
footer section { margin:0 auto;max-width:1220px;line-height:2em;color:#ccc; }
footer section div { width:100%;overflow:hidden; }
footer section div dl { float:left;margin-right:50px; }
footer section div dl dt { padding-left:10px;border-left:2px solid #ccc;line-height:1em;font-size:16px;color:#fff; }
footer section div dl dd { padding:20px 0 0 12px; }
footer section div dl dd a { display:block;line-height:2em;font-size:13px;color:#ccc; }
footer section div dl dd a:hover { color:#fff; }
footer section div ul { list-style:none;float:right; }
footer section div ul li { float:left;margin-left:30px;text-align:center; }
footer section div ul li em { display:block;border:5px solid #fff;width:110px;height:110px;border-radius:4px;background:#fff;overflow:hidden; }
footer section div ul li em#mobileQRCode { padding:4px;width:102px;height:102px; }
footer section div ul li em img { width:100%; }
footer section div ul li i { display:block;font-style:normal;padding-top:8px;line-height:1em; } 
footer section p { margin-top:20px;padding-top:10px;line-height:3em;border-top:1px solid #3f3f3f;color:#808080;text-align:center; }
footer section p a { color:#808080; }
footer section p a:hover { color:#fff; }

/*百度地图*/
#MapContent { width:100%;margin-top:30px;height:450px;border-radius:5px;overflow:hidden; }
.iw_poi_title { height:24px;color:#dd3a00;font-size:14px; }
.iw_poi_content { line-height:1.5em; }

/*分享*/
.ui-share { margin:0 auto;padding:30px 0 0 50px;width:400px; }
.ui-share div span { float:left;display:block;line-height:36px }

.list-auto{ position:relative; display:block; margin:0 340px 0 0; overflow:hidden; _zoom:1; }
.list-right{ position:relative; display:block; float:right; width:300px; overflow:hidden; }
/*大标题*/
.ntitle{ margin:0 auto; padding:10px 0 0; width:100%; }
	.ntitle:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.ntitle h2{ display:block; float:left; padding-right:10px; width:auto; color:#333; font-size:24px; font-weight:400; line-height:25px; }
	.ntitle h2 a{ position:relative; padding-right:25px; color:#888; }
	.ntitle h2 a:hover{ color:#f06000; text-decoration:none; }
	.ntitle h2 a em{ display:block; position:absolute; right:-4px; top:8px; width:9px; height:17px; background:url(../images/slider.png) -359px -87px no-repeat; }
	.ntitle p{ display:block; float:left; padding-top:3px; line-height:18px; color:#888; font-size:14px; }
	.ntitle p a{ margin-left:10px; padding:0 0 0 15px; color:#888; font-size:14px; background:url(../images/line.png) left center no-repeat; }
	.ntitle p a:hover{ color:#f06000; }
	.ntitle p a.no-bg{ background:none; }
	.ntitle i{ display:block; padding-top:10px; color:#999; font-size:14px; font-style:normal; line-height:1em; }
	.ntitle span{ display:block; float:right; line-height:18px; color:#999; font-size:12px; }
	.ntitle span a{ color:#999; }
	.ntitle span a:hover{ color:#0089CD; }
/*图文列表*/
.n-list{ padding-top:10px; }
	.n-list li{ display:block; padding-bottom:16px; border-bottom:1px dashed #ddd; overflow:hidden; }
	.n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.n-list li h2{ padding:16px 0 8px 0; font-size:16px; line-height:27px; font-weight:normal; }
	.n-list li h2 a{ font-size:16px; line-height:29px; color:#3b8dd1; text-decoration:none; }
	.n-list li h2 a:hover{ color:#a40101; }
	.n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:156px; height:104px;overflow:hidden; font-style:normal; }
	.n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.n-list li .note p{ font-size:14px; line-height:23px; font-weight:500; color:#555; }
	.n-list li .note .info{ padding-top:10px; }
	.n-list li .note .info span{ margin-right:10px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat; }
	.n-list li .note .info .time{ background-position:0 -158px; }
	.n-list li .note .info .view{ background-position:0 -36px; }
	.n-list li .note .info .comm{ background-position:0 4px; }
	.n-list li .note .info .catalog{ background-position:0 -76px; }
	.n-list .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; }
/*右侧通用列表*/
.sidebar-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.sidebar-box h3{ display:block; margin-bottom:10px; padding-bottom:10px; line-height:1em; color:#888; font-size:18px; font-weight:300; border-bottom:1px solid #f0f0f0; }
	.sidebar-box .sidebar-txt{ color:#555; font-size:14px; line-height:1.8em; }
	.sidebar-box .sidebar-txt p{ padding:5px 0; }
	.tags-box{ margin-left:-10px; }
	.tags-box a{ display:block; float:left; margin:0 0 10px 10px; padding:5px 10px; color:#555; font-size:13px; line-height:20px; border:1px solid #f0f0f0;border-radius:15px; }
	.tags-box a i{ margin-left:2px; color:#999; font-style:normal; }
	.tags-box a:hover { border-color:#068532;color:#068532; }

/*商品缩略图样式*/
.goods-pic{ position:relative;float:left;margin-top:35px; width:408px;z-index:1; }
	.pic-box { float:left; }
	.pic-preview { position:relative; width:406px; height:268px; border:1px solid #e8e8e8;overflow:hidden;text-align:center; }
	.pic-preview img { height:100%; }
	.pic-scroll{ margin-top:10px; width:408px; }
	.pic-scroll .prev,.pic-scroll .next{ display:block; font-family:"宋体"; text-align:center; width:10px; height:59px; line-height:59px; border:1px solid #e8e8e8; background:#f7f7f7; cursor:pointer; }
	.pic-scroll .prev.disabled,.pic-scroll .next.disabled{ color:#e8e8e8; }
	.pic-scroll .prev{ float:left; margin-right:6px; }
	.pic-scroll .next{ float:right; }
	.pic-scroll .items{ position:relative; float:left; width:370px; height:61px; overflow:hidden; }
	.pic-scroll .items ul{ list-style:none;position:absolute; margin:0; padding:0; width:999999px; height:100%; }
	.pic-scroll .items ul li{ float:left; margin:0; padding:0; width:93px; text-align:center; }
	.pic-scroll .items ul li img{ padding:2px; border:1px solid #e8e8e8; width:83px; height:55px; }
	.pic-scroll .items ul li img:hover{ padding:1px; border:2px solid #23ae69; }
.goods-info { margin:35px 0 0 500px; }
.goods-info h1 { font-size:24px; }
.goods-info h2 { margin-top:15px;font-size:22px;color:#23ae69; }
.goods-info .info { margin-top:20px;line-height:3em;font-size:14px;color:#737373; }

.cont-title { margin:20px auto 0px auto;line-height:48px;border-bottom:1px solid #007cc3;overflow:hidden; }
.cont-title h3 { float:left;padding:0px 25px;height:48px;font-size:18px;background:#007cc3;color:#fff; }
.cont-title a { float:right;font-size:14px; }

/*评论样式*/
.comment-add{ margin-top:15px; _width:100%; _position:relative; _overflow:hidden; }
    .comment-add .editor{ position:relative; margin-right:18px; }
	.comment-add .editor textarea{ width:100%; height:70px; }
	.comment-add .subcon{ margin-top:15px; }
.comment-box{ position:relative; margin-top:15px; }
	.comment-list li{ padding:15px 0; border-top:1px solid #f7f7f7; }
	.comment-list li .avatar{ display:block; float:left; margin-top:6px; background:#fff; border-radius:2px; width:42px; height:42px; overflow:hidden; }
	.comment-list li .avatar img{ width:42px; height:42px; }
	.comment-list li .inner{ margin-left:52px; }
	.comment-list li .inner p{ color:#333; font-size:14px; line-height:1.8em; }
	.comment-list li .inner .meta{ margin:0; padding-top:3px; color:#999; border:none; }
	.comment-list li .inner .meta .time{ margin-left:5px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat left -158px; }
	.comment-list li .answer{ margin-top:10px;margin-left:48px; padding:10px; background:#fafafa; border:1px solid #e6e6e6; border-radius:3px; }
	.comment-list li .answer .meta{ margin:0; padding:0; color:#999; margin-bottom:5px; border:none; }
	.comment-list li .answer p{ color:#555; font-size:14px; line-height:1.8em; }

.info-tab { width:100%;border:0;border-top:1px solid #000;border-left:1px solid #000; }
.info-tab caption { height:70px;font-size:30px; }
.info-tab th,.info-tab td { padding:10px;border-right:1px solid #000;border-bottom:1px solid #000;font-size:14px; }
.info-tab th { font-weight:bold; }
.page-foot{ clear:both; font-size:13px; padding-top:15px; height:35px; }
.page-btns{ float:left; }
	.page-btns a{ color:#444; font-weight:bold; margin-right:5px; }
	.page-btns .pipe{ color:#cbcbcb; margin:0 5px; }

/*标题样式*/
.base-tit{ border-bottom:1px solid #f0f0f0; color:#3b8dd1; line-height:1em; font-size:18px; font-weight:normal; }
	.base-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #3b8dd1; }
	.base-tit i{ float:right; padding:10px 0; color:#999; font-size:12px; line-height:26px; font-style:normal; }
/*页码容器*/
.page-box{ margin-top:15px; color:#999; font-size:14px; }
.paging-nav { margin:30px auto;width:100%;line-height:32px;text-align:center;overflow:hidden;/*text-transform:uppercase;*/ }
	.paging-nav label { display:inline-block;margin:0px 2px;padding:0 8px;border:#ddd 1px solid;color:#a5a5a5;border-radius:25px; }
	.paging-nav span { cursor:default;display:inline-block;margin:0px 2px;padding:0px 8px;border-radius:25px; }
	.paging-nav a { display:inline-block;margin:0px 2px;padding:0px 8px;border:#a5a5a5 1px solid;color:#000000;text-decoration:none;border-radius:25px; }
	.paging-nav a:hover { border:#23ae69 1px solid;color:#099d54; }
	.paging-nav .current { border:#23ae69 1px solid;background:#23ae69;color:#fff; }
	.paging-nav .disabled { border:#a5a5a5 1px solid;color:#a5a5a5; }
	.paging-nav span em { color:#d80403 }
/*视频容器*/
.video-box{ position:relative; width:100%; height:473px; _clear:both; _display:inline; }
/*提示样式*/
.msg-tips{ position:relative; margin:30px auto;padding:30px 100px;width:650px; font-size:14px;border:1px solid #ddd;overflow:hidden; }
	.msg-tips h2 { margin-bottom:20px;height:44px;border-bottom:1px solid #eee;text-align:center;overflow:hidden; }
	.msg-tips .ico{ display:block; float:left; background:url(../images/icon-tips.png) no-repeat left top; width:46px; height:46px; text-indent:-99999px;overflow:hidden; }
	.msg-tips .ico.error{ background-position:-50px 0; }
	.msg-tips .ico.warning{ background-position:-100px 0; }
	.msg-tips .msg{ margin-left:80px; }
	.msg-tips .msg strong{ margin-bottom:10px; color:#444; font-size:15px; }
	.msg-tips .msg p{ line-height:1.8em; }
	.msg-tips .msg i{ color:#f00; font-style:normal;}
.form-box{ position:relative; padding:10px; border:1px solid #f6f6f6; background:#fff; font-size:14px; }
	.form-box dl{ display:block; padding:5px 0; }
	.form-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.form-box dl dt{ display:block; float:left; width:120px; line-height:38px; min-height:38px; color:#555; font-size:13px; text-align:right; _position:absolute; }
	.form-box dl dd{ position:relative; padding:5px 0 5px 10px; line-height:28px; min-height:28px; color:#555; font-size:13px; overflow:hidden; _margin-left:120px; }
	.form-box dl dd label.radio{ margin-right:5px; }
.inner-box{ margin:30px auto;width:1098px;border:1px solid #eee;overflow:hidden;border-radius:3px; }
	.inner-box .dl-list{ margin:0 auto; padding:30px; text-align:left; width:879px; font-size:14px; }
	.inner-box .dl-list dl{ clear:both; display:block; padding:4px 0; }
	.inner-box .dl-list dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.inner-box .dl-list dl dt{ display:block; padding:5px 0; float:left; width:30%; line-height:42px; min-height:42px; color:#555; text-align:right; }
	.inner-box .dl-list dl dd{ position:relative; padding:5px 0 5px 20px; line-height:42px; min-height:42px; color:#555; overflow:hidden; _margin-left:120px; }
	.inner-box .dl-list dl dd .input{ padding:10px; }
	.inner-box .dl-list dl dd a.send{ display:inline-block; color:#555; border:1px solid #e8e8e8; border-radius:3px; width:108px; height:40px; line-height:40px; color:#333; font-size:14px; text-align:center; background:#fff; vertical-align:middle; }
	.inner-box .dl-list dl dd a.send.gray{ color:#999; }
	.inner-box .dl-list dl dd a.send img{ margin-top:9px; }
	.inner-box .dl-list dl dd .input.code{ width:80px; ime-mode:disabled; text-transform:uppercase; }
	.inner-box .dl-list dl dd input.btn { font-size:16px; }
	.inner-box .tab-head{ display:block; border-bottom:1px solid #f0f0f0; background:#fbfbfb; overflow:hidden; }
	.inner-box .tab-head ul li{ list-style:none;float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; }
	.inner-box .tab-head ul li a{ display:block; padding:0 30px; height:50px; line-height:50px; color:#555; font-size:14px; }
	.inner-box .tab-head ul li a:hover,.inner-box .tab-head ul li a.selected{ color:#666; background:#fff; border-bottom:2px solid #0089cd; }
	.inner-box .tab-content{ display:none; }
	
/*附件样式*/
.attach-list{ margin:0; padding:10px; }
	.attach-list li{ margin:0; padding:0 0 0 25px; color:#555; font-size:12px; line-height:36px; background:url(../images/sprite.gif) no-repeat 0 -108px; }
	.attach-list li span{ float:right; }
	.attach-list li i{ margin-left:10px; font-style:normal; color:#666; }
.next-prev-single{ display:none;width:100%;padding:10px 0;line-height:2em;color:#444; font-size:14px; overflow:hidden; }
	.next-prev-single p { border-left:2px solid #23ae69;padding-left:5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.next-prev-single p span { display:inline-block;margin-right:10px;padding:0 10px;background:#23ae69;color:#fff; }
	.next-prev-single .prev{ float:left; }
	.next-prev-single .next{ float:right; }

@media screen and (max-width:1220px){
	/* .m-title h1 { margin:0 10px;max-width:auto; } */
	.m-main { margin:0 10px 20px 10px;width:auto;max-width:auto; }
	.m-pic-list { width:100%; }
	footer { padding:30px 10px 20px 10px;width:auto; }
}
	

@media screen and (max-width:1100px){
	header section nav { left:220px; }
	header section div { width:170px; }
	header section div input.keyword { width:130px; }

	.h-banner { height:500px; }

	footer section div dl { margin-right:35px; }
	footer section div ul li { margin-left:20px; }
}


@media screen and (max-width:1000px){
	header p { display:none; }
	header div { display:none; }
	.h-banner { height:450px; }
	footer section div ul li.minprogram { display:none; }
	.case-list li { width:33.3333333%; }
}

@media screen and (max-width:900px){
	.h-banner { height:400px; }

	.txt-news { margin-left:465px; }
	.txt-news dl dt { width:75px; }
	.txt-news dl dd { margin-left:90px; }
	.txt-news dl:hover dt { border-top-left-radius:25px;border-bottom-right-radius:25px; }
}

@media screen and (max-width:860px){
	/* header { background:#001033;background:rgba(0,16,51,.9); } */
	header section { height:56px; }
	header section a.logo { margin-top:-20px;height:40px; }
	
	header section nav { position:fixed;left:auto;right:0;top:0;margin-top:0;display:block;height:56px; }
	header section nav i {
		display:block;width:50px;height:50px;line-height:50px;overflow:hidden;
		border-radius:5px;-webkit-tap-highlight-color:rgba(0,0,0,0);
		position: absolute;top:2px;right:10px;z-index:102;
	}
	header section nav ul { display:none; }
	header section nav.open { width:100%;height:200%; }
	header section nav.open i{ display:block;color:#fff; }
	header section nav.open ul { display:block;list-style:none;padding-top:70px;position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background:#303030; }
	header section nav.open ul li { margin:0;padding:0;width:100%;height:50px;line-height:50px;text-align:center; }
	header section nav.open ul li a { display:inline-block;width:auto;height:auto;color:#fff; }
	
	.pic-news { float:none;width:100%;height:auto; }
	.pic-news .swiper-slide img { height:320px; }
	.pic-news .swiper-slide h3 { top:282px;padding:0;width:100%; }
	.pic-news .swiper-slide p { margin-top:320px;padding:8px 10px; }

	.txt-news { margin-left:0;clear: both;padding:0 10px; }
	.txt-news dl dt { width:100px; }
	.txt-news dl dd { margin-left:120px; }

	.m-title { height:250px; }
	.m-title h1 { bottom:25px;font-size:22px; }

	footer section div ul li.mobile { display:none; }
}

@media screen and (max-width:760px){
	.h-banner { height:300px; }
	.h-banner .swiper-pagination { bottom:10px; }

	.h-title { margin:10px 0 0 0;height:44px;line-height:44px; }
	.h-title h1 { padding-left:10px;height:42px;font-size:16px; }
	.h-title span { padding:0 10px;height:42px;font-size:16px; }
	.h-title a { margin:10px 10px 0 0; }
	
	.txt-news dl dt { width:75px; }
	.txt-news dl dd { margin-left:90px; }

	.case-list li { width:50%; }

	.h-links { display:none; }

	.m-pic-list { padding:2% 0 0 0;width:auto; }
	.m-pic-list li { margin:2%;width:46%; }
	.m-pic-list li em { height:100px;position:relative; }
	.m-pic-list li em img { 
		position: absolute;top:50%;left:50%;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.m-pic-list li a:hover img { transform: translate(-50%, -50%); }
	.m-pic-list li p { height:30px;font-size:12px; }

	.m-title { height:200px; }
	
	menu { display:block; }
	#index menu .index em:after {content: "\e604"}
	#aboutus menu .aboutus em:after {content: "\e661"}
	#service menu .service em:after {content: "\e6de"}
	#products menu .products em:after {content: "\e609"}

	footer section div dl { width:45%;margin:0 0 20px 5%;min-height:120px; }
	footer section div dl dd a { font-size:14px; }
	footer section div ul { float:left;margin-left:5%; }
	footer section div ul li { margin:0; }
	footer section div ul li em { width:80px;height:80px; }

	.m-share .page-set { display:none; }
}
@media screen and (max-width:480px){
	header { position:relative; }
	header section nav { position:relative; }
	.h-banner { height:190px; }
	.h-banner .swiper-pagination { bottom:6px; }
	.h-banner .swiper-pagination-bullet { width:4px;height:4px; }
	.h-banner .swiper-pagination-bullet-active { width:20px;border-radius:3px; }
	.n-list li h2 a{ font-size:14px; line-height:25px; }
	.n-list li .note b{ margin-right:10px; width:120px; height:80px; }
	.n-list li .note b img{ min-width:100%; min-height:100%; }
	.n-list li .note p{ font-size:12px; line-height:20px; }

	.m-title { height:150px; }
}

@media screen and (max-width:400px){
	.h-case {margin-top:40px;}
	.h-case dt h2{width:80%;height:30px;}

	.case-list { padding:0 5px; }
	.case-list li { width:50%; }
	.case-list a { height:50px; }
	.case-list i { padding-top:3px;font-size:12px;line-height:1.3em; }

	.pic-news .swiper-slide img { height:230px; }
	.pic-news .swiper-slide h3 { top:192px; }
	.pic-news .swiper-slide p { margin-top:230px; }

	.txt-news dl:hover dt { border-radius:0;border-top-left-radius:25px;border-bottom-right-radius:25px; }

	.m-main { margin:0 auto 20px auto;width:auto;max-width:90%; }
	#joinus .m-main { max-width:95%; }
	#products .pic-list { max-width:100%; }
	.m-main.contact h1 { margin:20px 0;text-indent:22px;font-size:16px; }
	.new-list { padding-top:10px; }
	.new-list dl { float:none;margin:10px auto;width:100%; }
	.new-list dl dt { line-height:34px; }
	.new-list dl dd { margin:-1px 0 0 0;padding:10px 10px;height:auto; }
	.new-list dl dd li a { max-width:80%; }

	.info-list { margin:20px auto;width:95%; }
	.info-list li { width:100%;height:38px;line-height:38px;font-size:12px; }
	.info-list li a { width:70%; }
	.info-list li span { width:auto; }

	.join-us ol { height:34px;line-height:34px; }
	.join-us ol li { font-size:12px; }
	.join-us dl dt { height:34px;line-height:34px; }
	.join-us dl dt em { font-size:12px; }
	.join-us dl dd { padding:15px 5px;font-size:12px; }

	.goods-pic{ margin-top:20px;width:100%;}
	.pic-box { margin-right:0;width:100%; }
	.pic-preview { position:relative; width:auto; height:310px; border:1px solid #e8e8e8;overflow:hidden;text-align:center; }
	.pic-preview img { height:100%; }
	.pic-scroll{ margin-top:10px;width:auto; }
	.pic-scroll .next{ float:right; }
	.pic-scroll .items{ width:280px; }
	.goods-info { margin:0;padding-top:20px;width:100%;height:auto;overflow:hidden; }
	.goods-info h1 { font-size:20px; }
	.goods-info h2 { font-size:16px; }
	.goods-info .info { margin-top:10px;line-height:2em; }
	.cont-title { margin:10px auto 0px auto;line-height:36px; }
	.cont-title h3 { height:36px; }

	.info-cont p { margin:5px 0 0 0; }
	.info-cont img { max-width:100%; }
	#MapContent { height:220px; }

	.m-catalog { max-width:100%;overflow:hidden; }
	.m-catalog a { margin:2px;padding:0 8px;line-height:34px;font-size:14px;border-radius:2px; }

	.m-catalog2 li a {padding:0 10px;height:34px;line-height:34px;font-size:14px; }

	.form-box{ padding:0;font-size:12px; }
	.form-box dl{ padding:0; }
	.form-box dl dt{ width:70px;font-size:12px;}
	.form-box dl dd{ padding:5px 0 5px 0;font-size:12px; }

	#goTop { bottom:65px; }
}