/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html, button, input, select, textarea {
	color: #444;
}
body {
	font-size:14px;
	font-family:"Microsoft YaHei";
	line-height:24px;
	color:#666;
	background-color:#eee;
	padding-top: 90px;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#d1190d
}

::-moz-selection {
 background: #ccc;
 text-shadow: none;
}

::selection {
 background: #ccc;
 text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
img {
	vertical-align: middle;
	border:0
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
ul, ol, ul li {
	margin:0;
	padding:0;
	list-style:none
}
.wrap {
	width:1180px;
	margin:0 auto;
	
}
.clear {
	clear:both;
	overflow:hidden
}
h1, h2, h3, h4, .h5 {
	font-weight:normal;
	padding:0;
	margin:0;
}

.fl { float:left}
.fr { float:right}

img.imgtran{-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; cursor:pointer;}

/* ==========================================================================
   Í·²¿ styles
   ========================================================================== */
header {min-width:1200px;position: fixed;width: 100%;z-index: 999;background: #52872c;height: 90px;border-bottom: 1px solid #ccc;top: 0;left: 0;}

header .wrap {width:1180px;margin:0 auto;}
.top { height:4px; display: none; }
header .logo { float:left; padding-left: 20px;margin-top: 5px}
header .logo img { height: 80px}
header .topright { width:975px; float:right}

header .lan { float:right; margin-top:30px;margin-right:25px;}
header .lan a { padding:0 10px; display:inline-block;border-right:1px solid #ddd; line-height:20px}
header .lan a img { width:20px; }
header .lan a.cn {padding-right:0px;border-right:0px}

header nav  { float:left}
nav .nav_li {float:left; padding-right:60px}
nav .nav_li .nav_a{display:block;line-height:60px;color: #fff;text-align:center;font-size:16px;font-weight:bold;padding:13px 0;min-width:70px;}
nav .nav_li .setNav {width:100%; position: absolute; left:0; background-color:#f1f1f1;display:none; border-top: 1px #f0f0f0 solid; }
nav .nav_li .setNav .set-img{width:28%;padding-top:40px; float: right;}
nav .nav_li .setNav .set-img img{height:190px;width:100%;}
nav .nav_li .setNav .setCon .tit{font-size:22px;color:#4e4e4e; line-height:30px; padding-bottom: 10px; margin-bottom: 10px; display: inline-block; border-bottom: 3px solid #ce1421; white-space: nowrap;}
nav .nav_li .setNav .setMenu{ float:left; width:14%;padding-top:40px;}
nav .nav_li .setNav .setMenu li{ height: 40px;line-height: 40px;margin-bottom: 10px;}
nav .nav_li .setNav .setMenu li a{display:block;color:#4a4a4a; font-size: 16px;  padding-right:30px;padding-left:30px;background: #d5d5d5}
nav .nav_li .setNav .setMenu li a:hover {background: #cd0e16; color: #fff; }
nav .nav_li .setNav .setCon{width: 42%;padding: 30px 5% 50px 2%; float:left;}
nav .nav_li .setNav .setCon .p{color: #666;line-height: 28px;height: 140px;overflow: hidden;text-align: justify;letter-spacing: 0.5px;}
nav .nav_li .setNav .set_close{display:block;width:21px;height:21px;background:url(../img/icons.png) 0 0 no-repeat;right: 0;bottom:7%;}
nav .line {position: absolute;bottom: 0px;width: 0px;height: 4px;font-size: 3px;background-color: #ce1421;display: none;}
nav .nav_li .setNav .tech-menuItems{border:none;}
nav .nav_li .setNav .cpMenu { width:680px; margin:0 auto; overflow: hidden; text-align: center; }
nav .nav_li .setNav .cpMenu li { display: inline-block; width:220px; margin-bottom: 10px }
nav .nav_li .setNav .cpMenu li a { display: block;width:212px; display: block; margin:0 auto; position: relative; }
nav .nav_li .setNav .cpMenu li img { width:212px; display: block; height:248px;}
nav .nav_li .setNav .cpMenu li h4 { text-align: center; font-size:18px;line-height:36px; color: #333 }
nav .nav_li .setNav .cpMenu li a span{ display: block; position:absolute; right: 0; top: 216px; width:120px; font-size:16px;line-height: 32px; background: #d00; color: #fff; text-align: center;}
nav .nav_li .setNav .cpMenu li a:hover h4 { color: #d00 }
nav .nav_li .setNav .cpMenu li a:hover span { background: #f00 }
nav .nav_li .setNav .wrap { position: relative; overflow: hidden; }
nav .nav_li .setNav .set-close { position: absolute; right: 0; bottom: 15px; cursor: pointer; width: 15px; height: 15px; z-index: 99999}


.bannerbox {padding-top:90px;width:100%;min-width:1200px}
#slideBanner { position: relative;}
#slideBanner li img { width: 100% }
#slideBanner .prev,#slideBanner .next { position: absolute; top:45%; margin-top: -40px; display: block; cursor: pointer; }
#slideBanner .prev { left:4% }
#slideBanner .next { right:4% }
#slideBanner .hd { position: absolute; bottom: 10px; left: 50%; margin-left: -85px }
#slideBanner .hd li {  display: inline-block; opacity: 0.5; cursor: pointer; text-indent:-99px; width:60px; height:8px; margin:0 5px; background: #fff; overflow: hidden;}
#slideBanner .hd li.on {  opacity:1 }

.index-part1 { padding:30px 0;min-width:1200px;}
.index-part1 h3 { float:left; background:url(../images/icon-cpcate.jpg); width:170px; height:160px;}
.index-part1 h3 span { color:#fff; display:block; font-size:24px;padding: 55px 20px 0 20px;text-align: center;}
.index-part1 .cpcate { position:relative}
.index-part1 .cpcate .more { display:block;background:url(../images/icon-cpcate-more.png); width:35px;line-height:35px; text-align:center; font-size:12px; padding:20px 0 0 20px; position:absolute; right:2px; bottom:-2px; color:#fff}
.index-part1 .cpcate .more:hover { color:#ff0}
.index-part1 .cpcate li { float:left;margin-right:2px;}
.index-part1 .cpcate li a { display:block; width:200px; background-color:#fff; height:162px;}
.index-part1 .cpcate li.hover a { color: #d00 }
.index-part1 .cpcate li i { display:block; text-align:center; padding-top:45px; height:65px}
.index-part1 .cpcate li span { display:block; text-align:center; font-size:16px; line-height:30px;}
.index-part1 .cpcate li.cate2 img { margin-top:5px}
.index-part1 .cpcate li.cate5 img { margin-top:5px}
.index-part1 .cpcon > div{ display: none }
.index-part1 .cpcon > div.cpcon_1 { display: block; }

.index-part1 .cptopimg { margin-top:20px}
.index-part1 .cptopimg ul { width:1200px}
.index-part1 .cptopimg li { float:left; width:380px; margin-right:20px;}
.index-part1 .cptopimg li a { overflow:hidden;}
.index-part1 .cptopimg li a.img { display:block; background-color:#000;}
.index-part1 .cptopimg li a.img img {height: 400px; }
.index-part1 .cptopimg li a:hover img { display:block;-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.index-part1 .cptopimg li .text { display:block; padding:25px; background-color:#fff}
.index-part1 .cptopimg li .text h4 { font-size:18px; font-weight:bold; line-height:30px; margin-bottom:5px}
.index-part1 .cptopimg li:hover .text {background-color:#999; color:#fff;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.index-part1 .cptopimg li:hover a.img img { opacity:0.6}

.index-part1 .cplistimg{ margin-top:20px}
.index-part1 .cplistimg ul { width:1200px}
.index-part1 .cplistimg li { float:left; margin-right:25px; margin-bottom:20px; width: 275px}
.index-part1 .cplistimg li a { display:block; background: #f8f8f8 ; transition:all .4s ease 0s;}
.index-part1 .cplistimg li a:hover { background: #d1190d; color: #fff }
.index-part1 .cplistimg li a .img {position:relative; overflow: hidden;}
.index-part1 .cplistimg li a img { width:275px; height: 322px; display: block; }
.index-part1 .cplistimg li a:hover img { display:block;-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.index-part1 .cplistimg li a h4 { font-size:16px; text-align: center; padding:10px 0;}
.index-part1 .cplistimg li a span { display:block; position:absolute ; right:0; bottom:0; width:90px; text-align:center; line-height:28px; background: #ccc}


.index-part2 { background-color:#fff; padding:30px 0; min-width:1200px;}
.index-part2 h2 { font-size:40px; color:#222; border-bottom:1px solid #52872c; line-height:40px; margin:0 auto; position:relative; padding-bottom:20px}
.index-part2 h2 a { position:absolute;right:0; bottom:10px; width:140px;  line-height:28px; text-align:center; border:1px solid #eee; font-size:14px;}

.index-part2 .newslist { float:left; width:680px;}
.index-part2 .newslist ul { padding-top:30px}
.index-part2 .newslist li {border-bottom:1px solid #eee}
.index-part2 .newslist li a { display:block;padding:10px 0}
.index-part2 .newslist li span { float:left;border-right:1px solid #eee; width:90px; padding-right:10px; color:#999; font-size:20px; text-align:center; margin-right:20px}
.index-part2 .newslist li span i { font-style:normal; display:block; text-align: center; font-size:30px; line-height:34px}
.index-part2 .newslist li em { float:right; margin:15px 0 0 20px}
.index-part2 .newslist li h4 { font-size:18px; color:#333; margin-bottom:10px}
.index-part2 .newslist li p{ margin:0; padding:0; color:#999}
.index-part2 .newslist li a:hover h4 {color:#d1190d; }
.index-part2 .newslist li a:hover p{ color:#d1190d}
.index-part2 .newslist li a:hover { background-color:#f8f8f8}
.index-part2 .newslist li a:hover span {border-right:1px solid #ddd;}
.index-part2 .newslist li a:hover em { margin-right:8px}
.index-part2 .newsimg { float:right; width:460px; height:390px; padding-top:30px}
.index-part2 .newsimg li a { display:block; position:relative; overflow: hidden;}
.index-part2 .newsimg li a img { display:block}
.index-part2 .newsimg li a:hover img { display:block;-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.index-part2 .newsimg li a .text { position:absolute; left:0; bottom:0; width:100%; height:50px; padding:20px 0 ; background-color:rgba(0,0,0,0.5)}
.index-part2 .newsimg li a .text h4 {color:#fff; padding-left:20px}
.index-part2 .newsimg li a .text span { color:#fff; padding-left:20px}
.index-part2 .newsimg li a:hover .text {background-color:rgba(0,0,0,0.7)}
.index-part2 .newsimg li a:hover .text h4 {color:#fff; padding-left:20px}
.index-part2 .newsimg li a:hover .text span { color:#fff; padding-left:20px}

.index-part3 { background-color:#eeeeee;min-width:1200px; padding:30px 0;}
.index-part3 .service { position:relative; overflow: hidden;}
.index-part3 .service img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.index-part3 .service:hover img {-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.index-part3 .service .text { position:absolute; top:50px; left:80px; color:#fff}
.index-part3 .service .text h2 { width: 150px; text-align:left; margin-bottom:20px; font-size: 36px; line-height:60px; border-bottom: 2px solid #fff}
.index-part3 .service .text p { font-size:18px; width:320px; line-height:30px; padding:0; margin:0; margin-bottom:20px}
.index-part3 .service .text a { background-color:#fff; border-radius:5px; display:block; width:150px; line-height:36px; text-align:center; color:#444}
.index-part3 .service .text a:hover { background-color:#cd0d16; color:#fff}
.index-part3 .about { margin-top:20px;}
.index-part3 .about .fl { width:588px; background-color:#fff; border:1px solid #dadada; height:252px}
.index-part3 .about .fl h2 { text-align:left;margin: 30px 30px 0 40px; font-size:36px; line-height: 60px; border-bottom:2px solid #999 }
.index-part3 .about .fl ul { margin:10px 0 0 60px}
.index-part3 .about .fl li { float:left; width:250px; list-style:disc}
.index-part3 .about .fl li a { font-size:16px; color:#888; line-height:36px}
.index-part3 .about .fl li a:hover { color:#d1190d;}
.index-part3 .about .fr { width:590px; background-color:#e0e0e0}
.index-part3 .about .fr .img { float:left; overflow: hidden;width: 340px;}
.index-part3 .about .fr .img img { width: 340px; height: 254px }
.index-part3 .about .fr .img:hover img {-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.index-part3 .about .fr .text { float:left; width:247px; height:254px;}
.index-part3 .about .fr .text h4 { font-size:20px; margin-top: 50px;margin-left: 50px}
.index-part3 .about .fr .text h5 { font-size:14px;margin-left: 50px; margin-top: 0; height: 110px}
.index-part3 .about .fr .text a.btn {float: right;}



footer {min-width:1200px;background-color: #52872c;}
.footfl { float:left; width:680px; margin-left: 20px}
.footfr { float:right; width:440px;}
.foot-nav {margin-top:30px }
.foot-nav{ width:750px}
.foot-nav li { float:left;width:180px; margin-right:60px;}
.foot-nav li h4 {font-size:16px;font-weight:bold;line-height:40px;margin-bottom:5px;color: #fff;border-bottom: 1px solid #a9c396;}
.foot-nav li a {line-height:30px;color: #fff;}
.footfr { padding-top:12px}
.footfr h2{font-size:36px;font-weight:bold;line-height:60px;margin-bottom:5px;color: #fff;border-bottom: 2px solid #a9c396;text-align:left;}
.footfr p {font-size:26px;font-weight:bold;color: #fff;}
.footfr p span {}
.footfr p img { float:left; margin-right:5px; display: none;}
.footfr .qr { float:left}
.footfr .qr span {display:inline-block;text-align:center;color: #fff;}
.footfr .qr span img { display:block}
.footfr .share {float:left;margin-left:10px;font-size:16px;color: #fff;line-height:26px;padding-top: 0px;}
.footfr .share .bdsharebuttonbox a { margin:3px 3px 5px 0 !important; }
.footfr .icon-fl { margin-bottom: 5px; }
.footfr .jiathis_style_24x24 img { width:24px;float: left;margin-right: 5px; }

footer .links { text-align:left; margin-top:10px;}
footer .links h3 {font-size:16px;line-height:30px;float:left;color: #fff;}
footer .links .content { float:left; width:550px; padding-top:2px; height:78px; overflow:hidden}
footer .links .content a {display:inline-block;line-height:26px;font-size:13px;padding: 0 5px;color: #fff;}
footer .links a.more {float:right;font-size:13px;display:block;padding-top:3px;outline:none;color: #fff;margin-top: 56px;}
footer .links a.more i { display: block; width:13px; height: 8px; float:right;margin-top:8px; background: url(../images/icon-linkmore.png); margin-left: 5px}
footer .links a.more i.close {background: url(../images/icon-linkmore.png) bottom;}

.copyright {line-height:30px;/* background:url(../images/copyright.jpg) center; */padding:15px 0;color:#fff;margin-top:10px;}



.last {
	margin-right:0px !important
}


.jiathis_style img { float: left; width: 16px; margin-right: 5px }

/* ==========================================================================
 Sidefloat
   ========================================================================== */
.sidefloat { position:fixed; top:300px; right:0px; z-index:99; }
.sidefloat ul { padding-top:300px; position:relative}
.sidefloat li {height:60px; width:60px; position:absolute; overflow:hidden; right:0; margin-bottom:1px;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s; background-color:rgba(0,0,0,0.5)}
.sidefloat li.l1 { width:200px; right:-140px; top:0px}
.sidefloat li.l2 { width:400px; right:-340px; top:61px;color: #fff;}
.sidefloat li.l3 { width:300px; right:-240px; top:122px}
.sidefloat li.l4 { width:380px; right:-320px; top:183px}
.sidefloat li.gototop { width:200px; right:-140px;cursor:pointer; top:244px}

.sidefloat li a { display:block}
.sidefloat li.l2 a { display: inline-block; color: #fff; font-size: 16px; padding: 0 10px }
.sidefloat li.l2 a:hover { color: #d00 }
.sidefloat li:hover {right:0}
.sidefloat li a span {  color:#fff; line-height:60px; font-size:14px; padding-left:25px}
.sidefloat li.l3 span {padding-left:5px}
.sidefloat li.gototop { }
.sidefloat li.l4 .search { float:right; border:1px solid #ccc; background-color:#fff; border-radius:4px; width:285px; height:26px; margin:15px 20px 0 0}
.sidefloat li.l4 .search .submit { background:url(../images/icon-search.jpg); width:25px; height:23px; border:0; text-indent:-99px;}
.sidefloat li.l4 .search .key { height:18px;outline:none; background-color:#fff; border:0; width:250px; padding:3px 0 3px 5px; color:#999; font-size: 13px}



/* ==========================================================================
   styles
   ========================================================================== */
.page-banner { height:280px; width:100%; min-width:1180px;}

.subnav  { background-color:#ffffff; padding:10px 20px 10px 20px; margin:-30px auto 0px; width: 1140px; overflow: hidden; }
.subnav li { display: inline-block; margin:0; }
.subnav li a { display: block; line-height:40px; font-size: 16px; padding: 0 11px; border-right:1px solid #eee; }
.subnav li:last-child a {border-right:0px}

.page { background-color:#ffffff; padding:20px 20px 30px 20px; margin:10px auto 50px; width: 1140px; overflow: hidden; }
.page h1 { text-align:center; color: #111; font-size: 40px; line-height: 80px; font-weight: bold; }
.page h1 span {height: 3px; display: block; margin: 0 auto; background: #d00 }

.about { overflow: hidden; padding-top: 10px }
.about-left { float: left; width: 570px; }
.about-left h3 {color: #111; font-size: 26px;}
.about-left p { line-height: 28px }
.about-right { float: right; width: 530px; }
.about-right .img {overflow: hidden; border-radius: 5px; margin-top: 45px}
.about-right .img:hover img {-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.about-right .nav4s { overflow: hidden; margin-top: 20px; width: 580px }
.about-right .nav4s li { width: 100px; margin-right:40px; float: left; text-align: center; }
.about-right .nav4s li a { display: block; font-size:18px; line-height: 30px; color:#666; }
.about-right .nav4s li i { display:  block; width: 100px; height: 100px; background: url(../images/icon-pageabout.jpg);-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; }
.about-right .nav4s li.l1 i {background-position:0 0;}
.about-right .nav4s li.l2 i {background-position:-143px 0;}
.about-right .nav4s li.l3 i {background-position:-287px 0;}
.about-right .nav4s li.l4 i {background-position:-430px 0;}
.about-right .nav4s li a:hover { color:#d00  }
.about-right .nav4s li.l1 a:hover i {background-position:0 -110px;}
.about-right .nav4s li.l2 a:hover i {background-position:-143px -110px;}
.about-right .nav4s li.l3 a:hover i {background-position:-287px -110px;}
.about-right .nav4s li.l4 a:hover i {background-position:-430px -110px;}

.about .part2 { overflow: hidden; clear: both; padding-top:50px; width: 1200px }
.about .part2 li { float: left; width: 310px; padding:20px; border: 1px solid #ccc; margin-right: 42px }
.about .part2 li h4 { font-size: 24px; color:#666; text-align: center; line-height:30px; margin-bottom: 10px; }
.about .part2 li .img {overflow: hidden;}
.about .part2 li:hover img {-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.about .part2 li a { width: 170px; line-height: 35px; text-align: center; border: 1px solid #ccc; display: block; margin: 0 auto; transition:all .5s ease 0s; }
.about .part2 li a:hover {border: 1px solid #d00; background: #d00;color: #fff;}
.about .part2 li a span { padding-left: 5px; font-family:"宋体"; }

.about .part3 { overflow: hidden; clear: both; padding-top:50px; width: 1200px }
.about .part3 li { float: left; width:352px; height: 360px; background: #000; margin-right:42px }
.about .part3 li a { display: block; position: relative; width:352px; height: 360px; overflow: hidden;}
.about .part3 li a img { opacity: 0.5;width:352px; height: 360px; position: absolute; top: 0; left: 0; }
.about .part3 li h4 { font-size: 24px; color:#fff; text-align: center; line-height:40px ;position: absolute; left: 20px; top:90px; width: 310px;transition:all .5s ease 0s; }
.about .part3 li h4 span {width:60px; height: 2px; display: block; margin: 0 auto; background: #fff }
.about .part3 li .img {overflow: hidden;}
.about .part3 li a:hover img {opacity:1;-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.about .part3 li p {color:#fff;position: absolute; left: 20px; top:160px; width:310px;transition:all .5s ease 0s;}
.about .part3 li a:hover h4 { top: 100px }
.about .part3 li a:hover p { top: 140px }

.cplink { clear: both; overflow: hidden; margin-top:30px }
.cplink h3 { font-size: 20px; color: #444; border-bottom: 1px solid #ccc; line-height: 22px; padding-bottom:10px; margin-bottom: 10px}
.cplink h3 i { background:url(../images/icon-cplink.jpg); display:block; float: left; width: 21px; height: 21px; margin-right:5px}
.cplink h3 span {padding-left: 5px; font-family:"宋体"; }
.cplink li a{ display: inline-block; margin-right: 20px; line-height: 24px }
.cplink li span { color:#444; float: left;line-height: 24px}
.cplink li span i { background:url(../images/icon-cplink.jpg) 5px -24px no-repeat; display:block; float: right; width: 21px; height: 21px; margin-right:5px}
.cplink li p { float: right; width: 1040px;margin:0; }


.subnav .local { float: left;line-height:30px;  }
.subnav .local i {background:url(../images/icon-home.jpg) no-repeat; display:block; float: left; width:17px; height: 17px; margin-right:5px; margin-top:7px;}

.subnav .searchbox { float: right;}
.subnav .searchbox form { float:left;}
.subnav .searchbox form input { float:left}
.subnav .searchbox form .key { background-color:#FFF; line-height:24px; height:24px; width:300px; padding:0; border-radius:5px; border:1px solid #ccc; padding-left:10px}
.subnav .searchbox form .btn { background:url(../images/icon-search.jpg) center;border:0; width:24px; height:24px; text-indent:99px; margin-left:-29px; margin-top:1px}
.subnav .searchbox .searchword { float:left; margin: 0}
.subnav .searchbox .searchword a { display: inline-block; margin-right:10px }
.subnav a { color: #666 }
.subnav a:hover { color: #d00 }


.side { float:left; width:180px}
.sidenav { margin-bottom:10px}
.sidenav li { border-left:4px solid #eee;}
.sidenav li a { display: block; padding-left:25px; line-height:45px; font-size: 16px}
.sidenav li.on {border-left:4px solid #d00;}
.sidenav li.on a { background: url(../images/icon-sidenav-on.jpg) center; }
.sidenav li.first { height: 20px }
.sidenav li.last { height: 50px }



.pagecontent { float:right; width:910px}
.pagecontent h2 { font-size: 26px; color: #111; font-weight:normal; text-align: left; }
.pagecontent h3 { font-size: 28px; color: #333; text-align: center; line-height: 40px; padding: 30px 0 20px 0 }
.pagecontent h2 span { border-top:3px solid #d00 ;line-height:40px ; display: inline-block; padding-top:10px}
.pagecontent p img { width: 100% }
.pagecontent .newsinfo { border-bottom: 1px solid #eee; overflow: hidden; line-height: 30px }
.pagecontent .newsinfo .fl li { display:  inline-block; margin-right:20px; }
.pagecontent .newsinfo .fl li i {display:block; float: left; width:17px; height: 17px; margin-right:2px; margin-top:7px;}
.pagecontent .newsinfo .fl li.time i {background:url(../images/icon-newsinfo.jpg) -9px center no-repeat; }
.pagecontent .newsinfo .fl li.times i {background:url(../images/icon-newsinfo.jpg) -129px center no-repeat; }
.pagecontent .newsinfo a { color:#666; }
.pagecontent .newsinfo a:hover { color:#d00; }
.pagecontent .newsinfo .fl li.size span { display: inline-block; cursor: pointer; margin:0 5px; font-size: 16px }
.pagecontent .newsinfo .fl li.size span:hover { color: #d00 }
.pagecontent .newsinfo .fl li.size span sup { margin-left:-3px; margin-right: -3px }
.pagecontent .newsinfo .fr a { display: inline-block; width: 36px; height: 36px; overflow: hidden; text-indent: -99px; margin-left: 10px }
.pagecontent .newsinfo .fr a.prev {background:url(../images/icon-newsinfo.jpg) -664px center no-repeat; }
.pagecontent .newsinfo .fr a.cata {background:url(../images/icon-newsinfo.jpg) -709px center no-repeat; }
.pagecontent .newsinfo .fr a.next {background:url(../images/icon-newsinfo.jpg) -752px center no-repeat; }
.pagecontent .newsinfo .fr a.print {background:url(../images/icon-newsinfo.jpg) -831px center no-repeat; }
.pagecontent .newsinfo .fr a.share {background:url(../images/icon-newsinfo.jpg) -882px center no-repeat; }
.pagecontent .newsinfo .fr span {display: inline-block; width:1px; background: #eee; height: 36px; overflow: hidden; margin-left:20px; margin-right:10px}

.pagecontent .editor p { line-height:100%;}

.contact-nav { overflow: hidden; margin-top: -20px }
.contact-nav li { background:url(../images/icon-contactnav.png) top no-repeat; color: #fff; float: left; width: 227px; text-align: center;line-height: 60px; margin-right: 1px; cursor: pointer; font-size: 16px; padding-bottom:9px; }
.contact-nav li:hover,.contact-nav li.on {background:url(../images/icon-contactnav.png) 0 -69px no-repeat;}
.contact-nav li a { display: block; color: #fff; }
.contacts {clear: both;/* margin-top:30px */}
.contacts h2 {font-size: 26px; color: #111; line-height: 50px}
.contacts h2 i { display: block; background: #d00; height: 3px; width: 100px}
.contacts p { margin-top:25px; line-height: 28px }
.contacts .map { float: right; margin-top:30px; }
.contacts .map p { float: left; margin:0 0 0 10px;}
.contacts .map p img { display:block; }

.contact-con .feedback {clear: both; margin-top:0px }
.contact-con .feedback h3 { font-size: 30px; color: #d00; line-height: 40px; text-align: left; margin-bottom: 20px }
.contact-con .feedback h4 { font-size: 18px;line-height:30px; text-align: center;margin-bottom: 20px}
.contact-con .feedback ul { margin-left:0px; overflow: hidden; }
.contact-con .feedback li { margin-bottom:20px; float: left; width:45%; margin-right:20px;}
.contact-con .feedback li input { border: 1px solid #ccc; padding: 5px 10px; line-height: 24px; height: 24px; width:calc(100% - 80px) }
.contact-con .feedback li.textarea { width: 90% }
.contact-con .feedback li textarea { border: 1px solid #ccc; padding: 5px 10px; line-height: 24px; height:96px; width:100% }
.contact-con .feedback li.code { width: 90% }
.contact-con .feedback li.code input { width: 300px }
.contact-con .feedback li.code img { margin-left: 50px; }
.contact-con .feedback li.submit { width: 90%; text-align: center; }
.contact-con .feedback li.submit input { width: 260px; margin: 0 auto; line-height: 40px; border:0; background: #d00; color: #fff; height: 40px; padding: 0 }

.contact-con .map-big {clear: both; margin-top:50px }
.contact-con .map-big img{  display: block; width: 100% }
.contact-con .qr {clear: both; margin-top:30px }
.contact-con .qr h3 { font-size: 30px; color: #d00; line-height: 60px; text-align: center; margin-bottom: 20px }
.contact-con .qr ul { overflow: hidden; width: 1300px }
.contact-con .qr li { float: left; border:1px solid #ccc; padding: 10px; margin-right:39px; }

.newslists { clear: both; margin-top: 40px }
.newslists li { overflow: hidden; border-bottom: 1px solid #eee; margin-top:30px; padding-bottom: 10px; cursor: pointer;}
.newslists .update { float: left; font-size: 20px; color: #999; border-right: 1px solid #eee; text-align: center; width: 120px; padding: 20px 0; margin: 0}
.newslists .update span { font-size: 30px; display: block; text-align: center;  display:  block; line-height: 40px }
.newslists .fr { width: 1000px; }
.newslists .fr h4 { font-size: 18px }
.newslists .fr p { margin: 0 0 10px 0; color: #999 }
.newslists li:hover .update { background: #52872c; color: #fff }

.cpcatebox { border: 1px solid #ddd; padding: 20px 20px 10px 20px; }
.cpcatebox .cate { border-bottom: 1px solid #ddd; padding-bottom: 10px;  }
.cpcatebox .cate li { display: inline-block; padding-right: 50px; line-height:30px; font-size: 17px; color: #333; font-weight:bold;}
.cpcatebox .cate li input { height:16px; width: 16px; border: 1px solid #ccc; background: #fff; float: left; margin-right: 5px; margin-top: 8px}
.cpcatebox .catesub { padding-top: 10px }
.cpcatebox .catesub li { display: inline-block; width:266px; line-height:30px; margin-right: 5px }
.cpcatebox .catesub li a { display:block; }
.cpcatebox .catesub li i { display: block; width: 14px; text-align: center; font-family: "宋体"; font-style: normal; float: left; margin-top: 2px; color: #ccc; margin-right:2px }
.cpcatebox .catesub li a:hover i { color: #d00 }
.cpcatebox .catesub li a:hover { background: #f8f8f8 }

.cpcatelist { clear: both; margin-top:20px; overflow: hidden; }
.cpcatelist li{ float: left; width:369px; height:500px; background: #f0f0f0; position: relative; overflow: hidden; margin-right: 10px; margin-bottom: 10px; }
.cpcatelist li .con-a {}
.cpcatelist li .con-a h4 { text-align: center; font-size:20px; font-weight: bold; color: #111; margin-top:30px; }
.cpcatelist li .con-a p { padding: 0 7px; height:72px; overflow: hidden; line-height: 24px; }
.cpcatelist li .con-a img { width:275px; height: 322px; margin:0 auto; display: block; }
.cpcatelist li .con-b { position: absolute; top:500px; left: 0; width: 379px; height: 500px; background: #cd3030; text-align: center;transition:all .5s ease 0s; }
.cpcatelist li .con-b h4 { text-align: center; font-size:20px; font-weight: bold; color: #fff; margin-top:20px; }
.cpcatelist li .con-b p { padding: 0 20px 10px 20px; color: #fff }
.cpcatelist li .con-b img {margin:40px auto 40px;}
.cpcatelist li .con-b a { display: block; width: 260px; text-align: center;background: #fff; line-height:40px; margin:0 auto 15px;transition:all .5s ease 0s;}
.cpcatelist li .con-b a:hover { background: #ec5757; color: #fff }
.cpcatelist li:hover .con-b {top:0;}


.cplist { margin-top:20px}
.cplist ul { width:930px; overflow: hidden;}
.cplist li {float:left;width:277px;margin-right:20px;margin-bottom: 20px;position: relative;height:400px;}
.cplist li a { overflow:hidden;}
.cplist li a.img { display:block; border: 1px solid #ccc }
.cplist li a.img img { width:275px; height: 322px;}
.cplist li:hover img { display:block;-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.cplist li .text {display:block;padding:15px 5px; width: 267px; background-color:#999;color: #fff;position: absolute;left: 0;top: 323px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.cplist li .text h4 { font-size:18px; font-weight:bold; line-height:30px; text-align: center;}
.cplist li .text .info { line-height: 24px; height: 24px; overflow: hidden;transition: all 0.5s ease;-webkit-transition: all 0.5s ease; }
.cplist li:hover .text {background-color:#d00; color:#fff;top:275px;}
.cplist li:hover a.img img { opacity:1}
.cplist li:hover .text .info { height: 72px }




.cpdetail-nav {margin-top: -20px;height: 60px }
.cpdetail-nav-fix { position: fixed; top: 110px; background: #fff; z-index: 999; height: 60px }
.cpdetail-nav li { background:url(../images/icon-contactnav.png) top no-repeat; color: #fff; float: left; width: 227px; text-align: center;line-height: 60px; margin-right: 1px; cursor: pointer; font-size: 16px; padding-bottom:9px; }
.cpdetail-nav li:hover,.cpdetail-nav li.on {background:url(../images/icon-contactnav.png) 0 -138px no-repeat;}
.cpdetail-nav li.ca {/*background:url(../images/icon-contactnav.png) 0 -69px no-repeat;*/ font-size: 22px; font-weight:bold;}
.cpdetail-nav li a { display: block; color: #fff; }

.cpdetail { padding-top:0px;  clear: both; overflow: hidden;}
.cpdetail .intro { float: left; width:840px; }
.cpdetail .intro h2 { color: #d00; font-size: 26px; line-height: 40px; text-align: center; }
.cpdetail .intro p { margin: 0; padding: 0 }
.cpdetail .buys { background: #f5f5f5; border-radius: 5px; height: 120px; text-align: center; }
.cpdetail .buys p { margin-bottom:0; }
.cpdetail .buys p a { display: inline-block; width: 170px;  line-height: 40px; font-size: 18px; color:#fff; background: #d00; border-radius: 6px; text-align: center; margin:20px 15px;}
.cpdetail .buys p a:hover { background: #52872c }
.cpshow { float: right; width:277px; margin-top: 10px }
.cpslide{ position: relative;width:277px; }  
.cpslide .bigImg{ height:324px; position: relative;} 
.cpslide .bigImg li img{ width:275px; height: 322px; border: 1px solid #ccc  }  
.cpslide .smallScroll{ height:87px; margin-top:10px;} 
.cpslide .sPrev,.cpslide .sNext{ float: left; display: block; width: 20px; height:120px; }  
.cpslide .smallImg{ float:left;  margin: 0 8px; display:inline; width:220px; overflow: hidden;}  
.cpslide .smallImg ul{width: 9999px; overflow: hidden; } 
.cpslide .smallImg li{ float: left; padding: 0 12px 0 0; width:101px; cursor:pointer; display: inline;  }  
.cpslide .smallImg img{ border: 1px solid #ddd; width:101px; height:118px;  }  
.cpslide .smallImg .on img{ border-color: #d00;} 




.wenti {clear: both; margin-top:60px; overflow: hidden; }
.wenti h3 { font-size:40px; color: #d00; line-height: 60px; text-align: center;}
.wenti h4 { font-size:18px; line-height:40px; text-align: center; margin-bottom: 20px }
.wenti ul { float: left; margin-left:100px }
.wenti ul li { margin-bottom:50px; overflow: hidden; font-size: 16px; width:300px }
.wenti ul li span { font-size:24px; display: block; line-height: 40px; padding-top:20px}
.wenti ul li i { display: block; float: left; width: 90px; height:60px;padding: 28px 0 0 10px;}
.wenti ul li i img { width:80px }
.wenti .line { float: left; margin-left:60px; width:15px;background: url(../images/icon-wenti.jpg);background-position:-180px 0px; height: 420px;  }
.wenti .cpright { text-align: center; float: left; font-size: 18px; padding-left:50px;}
.wenti .cpright img { display: block; }


.xgcp {clear: both; margin-top:30px; overflow: hidden; }
.xgcp h3 { font-size: 34px; color: #d00; line-height:60px; text-align: center; border-bottom: 3px solid #d00;  margin:0 auto;  margin-bottom: 10px;}
.xgcp ul li { float: left; margin-right:10px;}
.xgcp ul li a { display: block;}
.xgcp ul li a .img { display: block; border: 1px solid #ccc; overflow: hidden; }
.xgcp ul li a .img img { width: 275px; height: 322px  }
.xgcp ul li a:hover img {-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.xgcp ul li a h4 { text-align: center; line-height: 40px; color:#444; font-size: 16px;}
.xgcp ul li a:hover h4 { color: #d00 }


.service .title h2{ font-size: 24px; text-align: center; line-height: 60px; color:#111; }
.service .title h4{ font-size:16px; text-align: center; width:700px; margin:0 auto; line-height: 30px }
.service .part2 { overflow: hidden; clear: both; padding-top:50px; }
.service .part2 li { margin-bottom: 40px; overflow: hidden; background: #eee }
.service .part2 li h4 { font-size:30px; color:#111; text-align: left; line-height:30px; margin-bottom: 10px; margin-top:80px }
.service .part2 li .img {overflow: hidden; float: left; width: 500px; height: 300px; margin-right:100px}
.service .part2 li .img img {width: 500px; height: 300px}
.service .part2 li:hover img {-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.service .part2 li a { width: 170px; line-height: 36px; text-align: center; border: 1px solid #d00; color: #d00; display: inline-block; transition:all .5s ease 0s; }
.service .part2 li a:hover {border: 1px solid #d00; background: #d00;color: #fff;}
.service .part2 li p { padding-right: 80px; }
.service .part2 li:nth-child(2n) { padding-left: 80px }
.service .part2 li:nth-child(2n) .img { float: right; margin-right: 0; margin-left:100px; }








.newstop { overflow: hidden; }
.newsslide { float: left; width: 570px }
.newsslide li a { display: block; position: relative;overflow: hidden; }
.newsslide li a img { width: 570px; height: 400px }
.newsslide li a .text{position: absolute; left: 0; bottom: 0;width: 100%;height:30px; padding: 10px 0;background-color: rgba(0,0,0,0.8);}
.newsslide li a .text h4{color: #fff; padding-left: 20px;  line-height: 30px}
.newstop .fr { background: #eee; width: 570px; height:400px }
.newstop .newstop-nav { height: 60px; background: url(../images/newstop-nav.jpg); padding-left:10px; padding-right: 5px; }
.newstop .newstop-nav li { width: 85px; color: #111; float: left; line-height: 60px; text-align: center; font-size: 16px; cursor: pointer; }
.newstop .newstop-nav li.on { color: #fff }
.newstop .newstop-nav li:last-child { display: none}
.newstop .newstop-nav li a { color: #fff; font-size: 14px }
.newstop .newstop-nav li a:hover { color: #d00 }
.newstop .newstop-con { padding:20px 0 0 40px }
.newstop .newstop-con ul { width: 490px; display: none; }
.newstop .newstop-con li { line-height:40px; width: 480px; height:40px; overflow: hidden; border-bottom: 1px dotted #ccc }
.newstop .newstop-con li a { display: block; }
.newstop .newstop-con li span { float: right; margin-left: 20px }
.newstop .newstop-con ul .more { display: inline-block;margin-top:15px }

.news-list { clear: both; margin-top: 20px; }
.news-list li{ background-color:#f9f9f9;height:120px; margin-bottom:20px}
.news-list li .order { float:left; width:110px; text-align:center; border-right:2px solid #ccc; line-height:110px; margin-top:5px; font-size:80px; color:#b4b4b4}
.news-list li .content { float:left; width:530px; margin-left:30px}
.news-list li .content h3 { font-size:16px; color:#000; line-height:40px; margin-top:10px}
.news-list li .content a { color:#e50800}
.news-list li .content a:hover { color:#000}
.news-list li .img { float:right;}
.news-list li .img img { height:120px}



.searchpage h2 { font-size: 26px; line-height:40px; color: #111; margin-bottom: 20px}
.searchpage h2 i {display: block;background: #d00; height: 3px;width: 100px;}
.search-list { clear: both; margin-top: 20px; }
.search-list li{background-color:#f9f9f9;height: 240px;margin-bottom:20px;}
.search-list li .img { float:left;}
.search-list li .img img {width: 210px;height: 240px;}
.search-list li .fr {float:right;width: 880px;margin: 10px;}
.search-list li .fr h4 {font-size:20px;font-weight:bold;line-height: 50px;}
.search-list li .fr p {margin:0;line-height: 24px;height: 72px;overflow: hidden;color: #999;}




.pages { text-align:center; margin-top:20px; clear:both; margin-bottom:20px}
.pages a {display:inline-block;margin-right:5px;background-color:#ebebeb;width:34px;line-height:34px;white-space: nowrap;text-align:center;}
.pages a.next,.pages a.prev { width:80px;}
.pages a.phome,.pages a.plast {width: 90px;}
.pages a.on,.pages a:hover { background-color:#d00; color:#fff;}




/* ==========================================================================
   Media Queries
   ========================================================================== */




@media only screen and (min-width: 35em) {
}





 @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
 *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;clear: both;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* {
	background: transparent !important;
	color: #000 !important; /* Black prints faster: h5bp.com/s */
	box-shadow: none !important;
	text-shadow: none !important;
}
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
 content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group; /* h5bp.com/t */
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
 margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}



.product-list li:nth-child(4n){
	margin-right:0px !important
}

.product-xg li:nth-child(5n){
	margin-right:0px !important
}

.tech-list li:nth-child(4n){
	margin-right:0px !important
}