#header{ width:100%; height:75px; position:relative; padding-top:0px; background-color:#f8f8f8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#header .logo {display: block; margin:0 auto; padding-top:4px; text-align:center;}
#header .logo img{ margin-right:15px;}
#header span{ display:block; float:right;}
#header span.topnav{ width:25px; height:25px; position:absolute; top:8%; right:8px;}
#top{ width:100%; height:5px; background-color:#333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
 
.topnav em {display: block; position: absolute; top:10px; right:0; width:100%; height: 4px; background: #30a8ab; margin-bottom: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform-origin: left; transform-origin: left; }
.topnav em:nth-of-type(2) {top:18px; }
.topnav em:nth-of-type(3) {top:26px; }
.topnav.active em:nth-of-type(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); }
.topnav.active em:nth-of-type(2) {opacity: 0;filter: alpha(opacity=0); }
.topnav.active em:nth-of-type(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg); }

.nav{ width:100%; position:absolute; left:0; top:75px; z-index:10000; display:none; background:#d9f5fb;}
.nav ul{ padding-bottom:10px; border-bottom:1px solid #99b4b5; padding-left:45px; padding-bottom:10px;}
.nav li{height:20px; list-style:url(dot.gif); list-style-position: inside; color: #555; }
.nav li a { color:#333333; font-size:16px; margin:0; height:55px; line-height:20px; font-size: 14px; color: #555; text-decoration:none; }
.nav li a:hover{font-size: 14px; color: #555; text-decoration:underline;}
.navleft {font-size: 14px; font-weight:bold; color: #555; text-decoration:none; text-align:left; padding-left:40px; padding-top:10px;}

/*banner*/
.banner{ width:100%; position:relative; clear:both; margin:auto; overflow:hidden; z-index:1000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.banner img{ display:block; width:100%;}
.indexindto{ width:100%; position:absolute; left:0; bottom:7px; z-index:99; text-align:center;}
.indexindto span{ display:inline-block; width:8px; height:8px; background:url(img05.png) no-repeat; background-size:8px 8px; margin-right:3px;}
.indexindto span.cur{ background:url(img06.png) no-repeat; background-size:8px 8px;}
.indexindto span:last-child{ margin-right:0;}
.activ-tit{ position: absolute; top:30px; left: 50%; margin-left: -120px; z-index: 999; width:200px; text-align: center; border:0px solid #777; padding: 20px; }
.activ-tit strong{ font-size: 18px; color: #fff;}
.activ-tit span{ display: block; width: 100%;color: #fff;}

.inabout{ width:100%; margin:auto; position:relative; clear:both; padding:20px 12px 25px; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.indextit{ color:#333; font-size:16px; text-align:center; font-family: Arial, Helvetica, sans-serif;}
.indexcopy{ color:#1a1a1a; font-size:16px; text-align:center; padding-top:4px;}
.aboutlist{ padding-top:20px; padding-left:5px;}
.aboutlist ul{width:100%;}
.aboutlist ul li{float:left; width:21%; margin-right:15px; color:#333333; font-size:12px; text-align:center;}
.aboutlist ul li img{ display:inline-block; width:58px; height:58px;}
.aboutlist ul li p{ padding-top:5px;}
.aboutlist ul li a{color:#333;}
.aboutlist ul li:last-child{ margin-right:0;}

.item{ width:100%; height:150px; border:solid #cccccc 1px; float:left; margin-bottom:15px; margin-top:10px; }
.itemtitle{ width:99%; height:28px; font-size:15px; padding-top:4px; padding-left:7px; background:url(../images/topbg.gif) repeat-x;}
.paddingleft{padding: 5px 8px 0 8px; line-height:18px; font-size:15px;}

.title1{ font-size:14px; font-weight:bold;}
.content{ line-height:20px; font-size:14px; padding:20px 12px 20px 5px; text-align:justify; text-justify:inter-ideograph;}
.content p { padding-bottom:8px;}
.contents{ line-height:20px; font-size:14px; padding:20px 5px 20px 5px; word-wrap:break-word;}
.contents p { padding-bottom:8px;}

.banner_top{ margin:0 auto;overflow:hidden; padding:20px 0 20px 0; margin: auto; position: relative; clear:both; }
.banner_top div:first-child{}
.banner_top .div1{float:left; width:46%; margin-left:2px; margin-right:8px; margin-bottom:25px; box-shadow:0 0 5px #d9d9d9; -moz-box-shadow:0 0 5px #d9d9d9; -webkit-box-shadow:0 0 5px #d9d9d9; position:relative}
.banner_top .div2{float:left; width:46%; margin-left:8px; margin-right:2px; margin-bottom:25px; box-shadow:0 0 5px #d9d9d9; -moz-box-shadow:0 0 5px #d9d9d9; -webkit-box-shadow:0 0 5px #d9d9d9; position:relative}
.banner_top div a.title{position:absolute; left:0; bottom:0; width:100%; height:50px; padding:5px 0 0 5px; background:url(../images/capt1.png) no-repeat 0 0; text-decoration:none;}
.banner_top div:hover a.title{background:url(../images/capt2.png) no-repeat 0 0}
.banner_top div a.title .t1{color:#fff; font-size:12px; line-height:12px;}



.cycenter{ width:100%; margin:auto; position:relative; clear:both; padding:20px 5px 10px 5px; background-color: #f5f4f4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cycenter *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.centerlist{ width:100%; text-align:center;}
.centerlist ul{ padding-top:20px; margin-left:0px;}
.centerlist ul li{ width:99%; color:#f2f1f0; overflow:hidden; text-align:center; padding-bottom:12px; margin:2px; position:relative;}
.centerlist ul li img{ width:90%;  margin-bottom:10px; border:#d3edf9 solid 1px;}
.centerlist ul li p{ position:absolute; left:35%; top:20%; height:110px; width:110px; background-image:url(play.png); background-position:center;}
.centerlist ul li a{ color:#f2f1f0; text-align:center}
.centerlist ul li span{ position:absolute; left:14%; top:70%; display:inline-block; width:250px; height:35px; padding-top:8px; padding-bottom:8px; background:#3c3c3c;}
.centerlist span{ text-align:center; width:80%; display:inline-block; width:250px; height:35px; padding-top:8px; padding-bottom:8px; background:#222222;}
.centerlist a{ color:#e50011; text-align:center}

.load_more{ color:#e50011; text-align:center; width:80%; display:inline-block; width:250px; height:35px; padding-top:8px; padding-bottom:8px; background:#222222; border: solid 1px #CCCCCC;}
.load_none{display: none;}

.CompanyProfile{ overflow:hidden; padding:22px 5px 10px 5px; text-align:left; line-height:20px; font-size:14px;}
.CompanyProfile h3{ color:#444; font-size:18px; padding-bottom:5px; background-image:url(h3.gif); background-position:left; background-repeat:no-repeat;}
.CompanyProfile h4{ color:#444; font-size:14px; padding-bottom:5px;}
.pdttit1 { color:#333; font-size:20px; padding-bottom:5px; padding-top:15px; text-align:center;}
.pdttit2 { color:#333; font-size:16px; padding-bottom:5px; text-align:center;}
.CompanyProfile { color:#333;}
.CompanyProfile img{ width:auto;}
.CompanyProfile a{ color:#333;}
.CompanyProfile p{ padding-bottom:10px;}
.CompanyProfile ul{margin:auto; position:relative; clear:both;}
.CompanyProfile li{float:left; width:25%; overflow:hidden; text-align:center; padding-bottom:12px; margin:0px; position:relative;}
.CompanyProfile li img{ width:85%; margin-bottom:10px;}

.cycenter{ width:100%; margin:auto; position:relative; clear:both; padding:22px 5px 10px 5px; background-image: url(cases.jpg); background-repeat:repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cycenter *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.memberlist{ width:100%; text-align:center;}
.memberlist ul{ padding-top:20px; margin-left:0px;}
.memberlist ul li{ width:48%; float:left; color:#f2f1f0; overflow:hidden; text-align:center; padding-bottom:12px; margin:2px; position:relative;}
.memberlist ul li img{ width:95%;  margin-bottom:10px; border:#d3edf9 solid 1px;}
.memberlist ul li a{ color:#e50011; text-align:center}
.memberlist ul li span{ position:absolute; left:10%; top:75%; display:inline-block; width:80%; height:25px; padding-top:4px; padding-bottom:4px; background:#3c3c3c;}

.innews{ width:100%; margin:auto; position:relative; clear:both; padding:32px 0 85px;}
.newlist{ padding:23px 8px 0;}
.newlist dl{ border-bottom:1px solid #dbdbdb; padding-bottom:14px; margin-bottom:14px;}
.newlist dl dt{ float:left; width:80px; height:54px; border:1px solid #444444; margin-right:11px;}
.newlist dl dt p{ color:#1868b0; font-size:22px; height:32px; text-align:center; line-height:37px;}
.newlist dl dt span{ display:block; text-align:center; margin-top:3px; height:15px; background:#1868b0; line-height:15px; color:#fff; font-size:12px;}
.newlist dl dd{font-size:12px; color:#4c4c4c;}
.newlist dl dd h3{ color:#1a1a1a; font-size:14px;}
.newlist dl dd p{ word-break: break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden;}
.newlist dl:last-child{ border-bottom:none; margin-bottom:0;}

.innewsmore{ height:36px; background:#1868b0; font-size:16px; text-align:center; line-height:36px; margin:0 12px;}
.innewsmore a{ color:#fff; display:block;}
#selectmenu{ padding-top:5px; padding-bottom:15px; font-size:13px;}
#selectmenu select{width:100%; font-size:14px; height:35px; background-color:#f6f5f5; color:#333333; border-color:#ce0204;}

#page{margin:0 auto; text-align:left; clear:both; position: relative; padding-top:10px;}
#pagenum{background-color:#2f2f2c; width:99%; height:35px; padding-top:10px; text-align:center; font-size:13px; color:#cccccc;}
#pagenum a{ font-size:13px; color:#cccccc;}

.productlist{margin:0px;padding:10px 0px 0px;}
.productlist dl{margin:0px; padding:15px 10px; border-bottom:1px solid #d9d9d9;}
.productlist dl a{ display:block; width:100%; height:100%;}
.productlist dl dt{float:left;width:35%; margin-right:15px;}
.productlist dl dt img{ display:block; width:100%;}
.productlist dl dd{ margin:0px; padding-top:30%;}
.productlist dl dd h3{text-overflow:ellipsis;-webkit-box-orient: vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1; font-size:16px; color:#444444;}
.productlist dl dd p{ color:#444444; padding:1px 0px;}
.productlist dl dd p{text-overflow:ellipsis;-webkit-box-orient: vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2; font-size:13px; line-height:18px; color:#444444;}

.subIns dl,.bigSub{ border:1px solid #d9d9d9;}
.newsContentstitle{ text-align:center; padding-bottom:10px; color:#444444; font-size:18px;}
.newsContentstitle p{ text-align:center; color:#777777; font-size:14px; padding-top:10px;}
.newsContents{ line-height:20px;}
.newsContents p{ padding-bottom:15px;}

#address{ margin:auto; position:relative; text-align:left; clear:both; height:60px;}
#addleft{ float:left; width:50px; padding-top:4px;}
#addright{ float:left;}

.online{ overflow:hidden;}
.online li{ position:relative;padding-left: 35px;margin-bottom: 10px;}
.online li p{position: absolute;left: 0;top: 0; font-size: 24px; font-weight: bold;color: #0d71ca;}
.online li div{color: #1a1a1a; font-weight: bold;}
.thingSub ul{ margin:0 auto; width:284px;}
.thingSub ul li{ float:left; text-align:center; margin-bottom:25px;}
.newslist{ padding: 10px 0px 25px;}
.newslist dl dd h3{ color: #966f52;}

.case{ padding-bottom:15px; border-bottom:1px solid #d9d9d9;}
.case p{ padding-top:10px;}
.casedetail{ padding-top:15px; font-size:15px;}
.casedetail p{ padding-top:10px;}
.Productlist{ padding-bottom:25px;}
.commonReturn{padding: 30px 0px 65px;}
.Productlist ul li img{ width:3.38rem !important; height:1.7rem !important;}

.bottom{ height:40px;}

#bottomnav { position:fixed; width:100%; height:55px; left:0; bottom:0; display:inline-block; background-color:#fff; box-shadow:0 0 12px rgba(10,2,4,.1); z-index:999;}
#bottomnav ul{ background: #fff; overflow: hidden;}
#bottomnav li { width: 25%; float: left; text-align: center; padding: 5px 0;}
#bottomnav li img{ width: 33px; height: 30px;}
#bottomnav li p{font-size: 12px; color: #444444; letter-spacing:-1px;}