*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#3e3a39; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
a:hover {text-decoration:none; color:#0c81c4;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}
b {font-weight:700;}i,em {font-style:normal;}

button, input, select, textarea {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased; -webkit-appearance:none; appearance:none;}
button {cursor:pointer;}

.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block; }
*+html .clearfix {min-height:1%;}

body {font-size:12px; color:#222; background:#f3f3f3; font-family:Verdana,Arial,Microsoft YaHei, Helvetica, sans-serif; padding:0; margin:0; behavior:url("404.png");-webkit-text-size-adjust:none;}

.main {position:relative; margin:0 auto; width:96%; max-width:1200px; color:#444;}


.header {position:relative; display:block; width:100%; z-index:2; background:#FFF;}
.header .main {height:100px;}

.header-logo {float:left; margin-top:18px; width:386px;}

.header-nav {float:right; margin-top:40px;  height:40px;}
.header-nav li {position:relative; float:left; margin-left:45px; padding-bottom:20px; height:40px; line-height:40px; font-size:13px; text-align:center; font-weight:700; text-transform:uppercase;}

#menu:before, #menu:after {content:"";display:table;}
#menu:after {clear: both;}
#menu {zoom:1; height:90px;}
#menu li:hover > a {color:#0c81c4;}
*html #menu li a:hover {color:#fff;}
#menu ul {margin:10px 0 0 -100px; opacity:0; visibility:hidden; position:absolute; top:60px; left:50%; z-index:1; background-color:rgba(0,0,0,0.6);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}
#menu li:hover > ul {opacity:1; visibility:visible; margin:0 0 0 -100px;}
#menu ul li:hover > ul {opacity:1; visibility:visible; margin:0;}
#menu ul li { margin:0; padding-bottom:0; width:200px; height:40px; line-height:40px; border-bottom:1px solid rgba(255,255,255,0.2);text-align:center; font-size:12px; font-weight:normal; overflow:hidden; text-transform:none;}
#menu ul li a {display:block; color:#eee;}
#menu ul li a:hover {background-color:rgba(0,0,0,0.5); color:#fff;}
#menu ul ul {top:0; left:200px; margin:0 0 0 10px;}


.m-header {display:none;}
@media screen and (max-width:768px) {
.header{display:none;}

.m-header {display:block; position:fixed; top:0; left:0; width:100%; background-color:rgba(255,255,255,1); z-index:9;}
.m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;}
.m-header-logo {float:left; margin-top:0px; width:270px;}

.nav-btn {position:relative; float:right; margin:14px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#33383e; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:8px;}
.nav-btn span:nth-of-type(3){top:16px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}

.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100%); font-size:16px; line-height:42px; background:#33383e; overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.95;}
.nav-show {top:45px;}
.nav-show ul {}
.m-nav ul li i {position:absolute; top:5px; right:0px; border-left:1px #535b65 solid; height:30px; padding:0 17px 0 17px;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative; padding-left:20px; line-height:40px; font-size:15px; border-top:1px #535b65 solid;}
.m-nav >ul >li:last-child {}
.m-nav ul li ul {display:none;}
.m-nav ul li a {color:#fff;width:80%;}
.m-nav ul li ul li a {display:block; font-size:12px; color:#ccc; line-height:18px; text-align:left; padding:10px 0;}
.m-nav ul li i svg {width:20px; height:20px; fill:#ccc; background:none;}
.m-nav ul li .m-nav-i-se svg {fill:#ff6600;}
.m-nav ul li ul li>ul {margin-left:10px;}
}



.flexslider{display:block; position:relative; height:auto; overflow:hidden;background:url(../image/loading.gif) 50% no-repeat;}
#mob{display:none;}
#pc{display:block;}
.slides{position:relative;z-index:0;}
.slides li {position:relative;}
.slides li img {display:block;}

.flex-control-nav{position:absolute; bottom:15px; left:50%; margin-left:-60px; padding:4px 0 2px; z-index:2; width:120px; text-align:center;}
.flex-control-nav li{display:inline-block; width:14px; height:14px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{display:inline-block; width:14px; height:14px; line-height:40px; overflow:hidden; background:url(../image/bpng01.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{background:url(../image/bpng02.png) no-repeat;}

.flex-direction-nav{position:absolute; z-index:3; width:100%; top:50%; margin-top:-30px;}
.flex-direction-nav li a{position:absolute; display:block; width:28px; height:48px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev{left:10px; background:url(../image/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px; background:url(../image/next.png) center center no-repeat;}

@media screen and (max-width:768px) {
.flexslider {display:block; position:relative; height:auto; overflow:hidden; background:url(../image/loading.gif) 50% no-repeat; margin:0px auto 0;}
#pc{display:none;}
#mob{display:block;}
.slides {position:relative; z-index:0;}
.flex-control-nav {position:absolute; bottom:5px; z-index:2; left:50%; margin-left:-35px; padding:1px 0; z-index:2; width:70px; text-align:center;}
.flex-control-nav li {display:inline-block; width:8px; height:8px; margin:0 4px; *display:inline; zoom:1;}
.flex-control-nav a {display:inline-block; width:8px; height:8px; line-height:30px; overflow:hidden; background:url(../image/bpng03.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active {background:url(../image/bpng04.png) no-repeat;}

.flex-direction-nav {position:absolute; top:35%; z-index:3; width:100%; display:none;}
.flex-direction-nav li a {position:absolute; display:block; width:15px; height:29px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev {left:10px; background:url(../image/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:10px; background:url(../image/next.png) center center no-repeat;}
}




.imgbox {position:relative; overflow:hidden;}
.imgbox img {transition:clip 0.4s 0.2s cubic-bezier(0,.3,.6,1), transform 0.4s 0.2s ease, opacity 0.4s 0.2s ease, -webkit-transform 0.4s 0.2s ease, -webkit-clip 0.4s 0.2s cubic-bezier(0,.3,.6,1); height:260px;}
a:hover .imgbox img {-webkit-transform:scale(1.05); transform:scale(1.05);}
@media screen and (max-width:768px) {
.imgbox img{height:auto;}	
}


.htitle {position:relative; margin:0 auto 25px; width:96%; max-width:1000px; text-align:center; overflow:hidden;}
.htitle h2 {line-height:30px; font-size:30px; color:#333; margin-bottom:10px; text-transform:uppercase;}
.htitle p {line-height:20px; color:#666; font-size:12px;}
@media screen and (max-width:768px) {
.htitle {margin:15px auto;}

.htitle h2 {line-height:30px; font-size:1.5rem; margin-bottom:5px;}
.htitle p {line-height:20px; font-size:0.75rem; padding:0 1.5%;}
}

.mod1, .mod2, .mod3 {padding:65px 0;}
.mod1, .mod3 {background-color:#fff;}
@media screen and (max-width:768px) {
.mod1, .mod2, .mod3 {padding:8px 0;}

}

.aboutus a {position:relative; float:left; width:32%;}
.aboutus a:nth-child(n+2) {margin-left:2%;}
.aboutus .mask {position:absolute; left:0; bottom:0; padding:10px 0; width:100%; height:110px; color:#fff; background-color:rgba(0,0,0,0.6); z-index:2;}
.aboutus .video {position:absolute; top:50%; left:50%; margin:-50px 0 0 -27px; width:55px; height:55px; background:url(../image/video.png) no-repeat; opacity:0; z-index:3; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.aboutus a:hover .video {opacity:1;}
.aboutus h3, .aboutus p {padding:0 20px; overflow:hidden;}
.aboutus h3 {height:30px; line-height:30px; font-size:14px; font-weight:700;}
.aboutus p {height:80px; line-height:20px; font-size:12px;}
@media screen and (max-width:768px) {
.aboutus a {float:none; display:block; width:100%; height:240px; overflow:hidden;}
.aboutus a:nth-child(n+2) {margin-left:0; margin-top:10px;}
.aboutus .mask {padding:3%; height:100px; width:94%;}
.aboutus .video {margin:-35px 0 0 -15px; width:30px; height:30px;}
.aboutus h3, .aboutus p {padding:0px;}
.aboutus h3 {height:24px; line-height:24px; font-size:0.875rem; font-weight:700;}
.aboutus p {height:72px; line-height:18px; font-size:12px;}	
}


.service a {position:relative; float:left; padding:40px 0; width:20%; height:254px; color:#fff; text-align:center; box-sizing:border-box;}
.service a:nth-child(n+2) {border-left:1px solid #fff;}
.service a:nth-child(1),.m-service a:nth-child(1) {background-color:#1998a9;}
.service a:nth-child(2),.m-service a:nth-child(2) {background-color:#1a9656;}
.service a:nth-child(3),.m-service a:nth-child(3) {background-color:#108abf;}
.service a:nth-child(4),.m-service a:nth-child(4) {background-color:#8e52a4;}
.service a:nth-child(5),.m-service a:nth-child(5) {background-color:#ef7c0d;}

.service h3 {margin:16px 0 20px; height:56px; line-height:28px; font-size:14px; }
.service p {margin:0 auto; width:110px; height:28px; line-height:28px; font-size:14px; border:1px solid rgba(255,255,255,0.3); opacity:0.6;}
.service:hover p{opacity:1;}
.service .info {position:absolute; top:30px; left:10%; width:80%; height:168px; line-height:22px; font-size:12px; opacity:0; text-align:left; overflow:hidden;}

.icon {margin:0 auto; width:52px; height:52px; background:url(../image/icon.png) no-repeat;}
.icon.x1 {background-position:0 0;}
.icon.x2 {background-position:-52px 0;}
.icon.x3 {background-position:-104px 0;}
.icon.x4 {background-position:-156px 0;}
.icon.x5 {background-position:-208px 0;}

.service h3, .icon, .service .info{
	-webkit-transform:translateY(100%);transform:translateY(100%);
	-webkit-transition:opacity 1000ms cubic-bezier(.19,1,.22,1) 0s,-webkit-transform 1000ms cubic-bezier(.19,1,.22,1) 0s; 
			transition:opacity 1000ms cubic-bezier(.19,1,.22,1) 0s,transform 1000ms cubic-bezier(.19,1,.22,1) 0s; 
			-webkit-transform:translateY(0);transform:translateY(0);}
.service a:hover h3, .service a:hover .icon {opacity:0; -webkit-transform:translateY(-80px);transform:translateY(-80px);}

.service .info {-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.service a:hover .info {opacity:1;}
.service a:hover p {border:1px solid rgba(255,255,255,0.8);}

.m-service {display:none;}
@media screen and (max-width:768px) {
.service {display:none;}
.m-service {display:block;}
.m-service a {display:block; width:100%; height:52px; color:#fff; padding:20px 0;}
.m-service a:nth-child(n+2) {border-top:1px solid #fff;}
.m-service h3 {float:left; height:52px; line-height:52px; font-size:0.875rem; font-weight:700;}
.m-service .icon {float:left; margin:0 10px;}
.m-service p {float:right; margin:16px 10px 0 0; width:80px; height:24px; line-height:24px; font-size:12px; text-align:center; border:1px solid rgba(255,255,255,0.5); display:none;}
}


.news li {position:relative; float:left; width:32%; background-color:#fff; box-shadow:0 0 15px 0 #d2d2d2}
.news li:nth-child(n+2) {margin-left:2%;}
.news li a {padding:20px; display:block;}

.news-bar {padding:10px 0; height:20px; line-height:20px; color:#555;}

.news-title {height:40px; line-height:20px; font-size:14px; font-weight:700; overflow:hidden;}
.news-info, .news-more {line-height:22px; color:#666; overflow:hidden;}
.news-info {margin-top:10px; height:66px;}
.news-more {margin-top:10px; height:22px;}
.news li:hover .news-more{color:#379fde;}

@media screen and (max-width:768px) {
.news li {float:none; width:100%;}
.news li:nth-child(n+2) {margin-left:0; margin-top:10px;}
.news li a {padding:10px;}
.news-bar {padding:5px 0; height:18px; line-height:18px;}
.news-title {line-height:18px; font-size:0.875rem; font-weight:700; height:auto;}
.news-info, .news-more {line-height:18px;}
.news-info {margin-top:5px; height:36px;}
.news-more {margin-top:5px; height:18px;}
}



.footer {padding:30px 0; background-color:#36a3e2;}
.footer-nav {float:left; width:65%;}
.footer-nav dl {float:left; margin-right:3.5%; color:#fff; border-right:1px solid #88bddc; box-sizing:border-box; padding-right:3.5%;}
.footer-nav dl a {color:#fff; opacity:1;}
.footer-nav dl a:hover {opacity:0.8;}
.footer-nav dl:nth-child(3){} 

.footer-nav dt {margin-bottom:0px; font-size:14px; line-height:28px; font-weight:700;}
.footer-nav dd {font-size:12px; line-height:18px; padding:6px 0;}
.footer-nav dd a {color:#fff; opacity:1;}
.footer-nav dd a:hover {opacity:0.7;}

.footer-right {float:right; width:35%;}

.footer-search {position:relative; padding:8px 40px 8px 15px; height:24px; background-color:#fff; border-radius:20px;}
.footer-search .input {display:block; width:100%; height:24px; line-height:24px; font-size:14px;}
.footer-search .search {position:absolute; top:2px; right:8px; width:40px; height:40px; background: url(../image/search.png) no-repeat;}

.footer-contact {margin-top:0px;}
.footer-tel {float:left; width:67%; line-height:30px; font-size:12px; color:#fff; padding-left:3%;}
.footer-tel p:nth-child(1) {font-size:16px; font-weight:700; line-height:35px;}
.footer-tel p:nth-child(4) {margin-top:5px; line-height:22px; font-size:12px; color:#d5e9f8;}

.footer-code {float:right; width:30%; margin-top:5px;}
.footer-code p{ text-align:center; color:#FFF; line-height:18px; margin-top:10px;}

.footer-copyright {margin-top:25px; padding-top:15px; line-height:30px; color:#b6daf4; text-align:center; border-top:1px solid #65b9ea;}
.footer-copyright a {color:#b6daf4;}
.footer-copyright a:hover{ color:#fff;}
.footer-copyright span {margin:0 8px;}

.m-footer {display:none;}
@media screen and (max-width:768px) {
.footer {display:none;}

.m-footer {display:block; padding:10px 0; text-align:center; color:#fff; background-color:#36a3e2;}
.m-footer-nav a {display:inline-block; margin:0 4px; font-size:0.75rem; line-height:20px; color:#fff;}
.m-footer-contact {margin:3px 0; line-height:26px; font-size:0.75rem; color:#fff;}
.m-footer-contact p:nth-child(1) {font-size:1.125rem; font-weight:700; line-height:30px;}
.m-footer-contact p:nth-child(2) {font-size:0.875rem; line-height:26px;}
.m-footer-contact p:nth-child(3) {font-size:0.875rem; line-height:26px;}

.m-footer-code img {margin:0 auto; width:30%;}
.m-footer-code p{color:#FFF;}
.m-footer-copyright {margin-top:10px; padding-top:5px; color:#b6daf4; border-top:1px solid #65b9ea; line-height:22px; font-size:12px;}
.m-footer-copyright a{color:#b6daf4;}
.m-friend-link, .m-friend-link a {color:#fff;}
.m-friend-link span {margin:0 2px;}
}




.ban {margin:0px auto;}
#mob{display:none;}
#pc{display:block;}
@media screen and (max-width:768px) {
.ban {margin:0 auto 0;}
#pc{display:none;}
#mob{display:block;}
}

#onsec {color:#36a3e2; font-weight:700;}
#onsec a{color:#36a3e2;}



.page{text-align:center; padding:20px 0;  }
.page a{display:inline-block; border:1px #ddd solid; font-size:14px; padding:2px 6px; border-radius:3px; margin:0 2px; font-family:"宋体"; line-height:20px; height:20px;}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width: 768px) {
.page{padding:8px 0;margin-top:10px;}
.page a{font-size:0.75rem; padding:3px 8px; margin:0;}
}



.mainpage {margin:45px 0 45px;}
.page-cont {padding:25px 50px 45px; background-color:#fff; box-shadow:0 5px 5px 0 #e5e5e5;}
.location {margin-bottom:30px; height:40px; line-height:40px; font-size:14px; border-bottom:1px solid #ddd;}
.location .back {float:right;}
.span_right{float:right; font-size:12px;}
.span_page{width:20px; height:20px; background: url(../image/icon5.png) no-repeat left center; margin-right:5px; display:-webkit-inline-box; vertical-align:middle;}
.span_root{width:3px; height:5px; background: url(../image/point.png) no-repeat left center; margin:0 8px; display:-webkit-inline-box;vertical-align:middle;}
@media screen and (max-width:768px) {
.mainpage {margin:10px 0 10px;}
.page {margin:0.6rem 0;}
.page-cont {padding:5px 10px 10px; box-shadow:none;}
.location {margin-bottom:0.6rem; height:2rem; line-height:2rem; font-size:0.75rem;}
.span_right{font-size:0.75rem;}
}




.casesindex{overflow:hidden;}
.casesright{ float:left; width:22%; overflow:hidden; border-left:1px #ddd dotted; padding-left:3.5%; margin-left:0.5%;}
.casesright ul{overflow:hidden;}
.casesright ul li{line-height:46px; height:46px; margin:0 0 10px 0; font-size:12px; border-bottom:1px #ddd dotted; background:url(../image/file.png) left center no-repeat; padding-left:40px;}
.casesright ul li:hover{ background:url(../image/file2.png) left center no-repeat;}
.casesrighttitle{font-size:18px; line-height:30px; width:100%; font-weight:700; padding-bottom:8px; border-bottom:1px #CCC solid; margin-bottom:8px;}

.casesleft{ float:left; width:70%; padding-right:3%;}
.cases{overflow:hidden;}
.casesul{overflow:hidden;}
.casesul li{overflow:hidden; padding:0px; width:100%; margin-bottom:4%; background:#f8f8f8; border-radius:15px;}
.casesul li:hover{background:#f1f1f1;}
.casesul li:hover h2 a{color:#36a3e2;}
.casesul li img{ width:30%; margin-right:2%; float:left; border:0px;}
.casesul li h2{font-size:14px; font-weight:bold; line-height:24px; padding-right:40px;}
.casesul li h2 a{color:#222;}
.casesul li h2 a:hover{color:#36a3e2;}

.casesul li div{color:#5a5a5a; line-height:24px; font-size:14px; padding-top:20px; padding-right:40px;}
.casesul li p{color:#919191; padding:20px 0 10px 0; line-height:20px; font-size:12px;}
.casesul li p span{ margin-right:10px;}

@media screen and (max-width:768px) {
.casesindex{overflow:hidden;}	
.casesright{ display:none;}	
.casesleft{ width:100%;}
.cases{width:94%; margin:0 auto;}
.casesul li{padding:0 0 1.25rem; margin-bottom:1.25rem; width:100%;}
.casesul li:not(:nth-of-type(2n)){ margin-right:0%;}
.casesul li img{width:100%; margin-bottom:4%; margin-right:0;}
.casesul li p{padding:0.625rem 0.9rem; font-size:0.75rem}
.casesul li h2{font-size:1rem; padding:0 0.9rem;}
.casesul li div{font-size:0.875rem; line-height:1.375rem; padding:0.625rem 0.9rem;}
}



.development_txt{padding:0px 20px; font-size:14px; margin:0 auto;}
.development_txt ul{overflow:hidden; padding-bottom:40px; background:url(../image/about_line.png) 87px top repeat-y;}
.li_left{float:left; width:12%; font-size:14px; color:#106cb5; font-weight:700;}
.li_right{float:right; width:83%; font-size:12px; line-height:20px; background:url(../image/about_dian.jpg) left 5px no-repeat; padding-left:5%;}
@media screen and (max-width: 768px) {
.development_txt{width:100%; padding:0px; font-size:0.875rem; margin:0 auto;}
.development_txt ul{overflow:hidden; padding-bottom:40px; background:url(../image/about_line.png) 74px top repeat-y;}
.li_left{float:left; width:22%; font-size:0.75rem; color:#106cb5; font-weight:700;}
.li_right{float:right; width:70%; font-size:0.75rem; line-height:20px; background:url(../image/about_dian.jpg) left 5px no-repeat; padding-left:8%;}
}




.newsindex{overflow:hidden;}
.newsleft{ float:left; width:70%; padding-right:3%;}
.newsright{     float: left;
    width: 22%;
    overflow: hidden;
    border-left: 1px #ddd dotted;
    padding-left: 3.5%;
    margin-left: 0.5%;}
@media screen and (max-width:768px) {
.newsindex{overflow:hidden;}	
.newsright{ display:none;}	
.newsleft{ width:100%;}
.news{width:94%; margin:0 auto;}
}

.companyul{overflow:hidden;}
.companyul li{overflow:hidden; margin-bottom:3%; padding:2%; border-bottom:1px #ddd dotted; background:#f8f8f8;position: relative;}
.companyul li:hover{ background:#f5f5f5;}
.companyul li:hover h2 a{color:#36a3e2;}
.companyul li img{width:30%; margin-right:2%; float:left; height:133px;}
.companyul li h2{font-size:14px; font-weight:bold; line-height:20px;}
.companyul li h2 a{color:#222;}
.companyul li h2 a:hover{color:#36a3e2;}

.companyul li div{color:#666; line-height:24px; font-size:12px; overflow:hidden; text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient:vertical;}
.companyul li p{color:#919191; padding:5px 0 5px 0; line-height:20px; font-size:12px;}
.companyul li p span{ margin-right:10px;}

.companyul li .sub {position: absolute; top:0; right:0; width:48px; height:48px; background:url(../image/new.png) no-repeat;  background-size: cover; z-index: 2;}

@media screen and (max-width:768px) {
.companyul li{padding:0.9rem 0; margin-bottom:1.25rem; width:100%; background:#f8f8f8;}
.companyul li:not(:nth-of-type(2n)){ margin-right:0%;}
.companyul li img{width:100%; margin-bottom:4%; margin-right:0; height:auto;}
.companyul li p{padding:0.625rem 0.9rem; font-size:0.75rem}
.companyul li h2{font-size:1rem; padding:0 0.9rem;}
.companyul li div{font-size:0.75rem; line-height:1.375rem; padding:0rem 0.9rem;}

.companyul li .sub {position: absolute; top:0.9rem; right:0; width:48px; height:48px; background:url(../image/new.png) no-repeat;  background-size: cover; z-index: 2;}
}



.newsshow{overflow:hidden; width:100%;  margin:0px auto; }
.news_xxjs{line-height:24px!important; overflow:hidden; font-size:12px;}
.news_xxjs p,.news_xxjs span{line-height:24px!important; font-size:12px;}
.news_xxjs td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid;}
.news_xxjs table{width:100!important; margin:10px 0;}
.news_xxjs img{max-width:100%; height:auto; overflow:hidden; margin:0 auto; display:-webkit-inline-box; padding:0px; width:auto;}

.txtspace{letter-spacing:3px; line-height:24px; padding:20px; border:1px #ddd dotted; background:#f5f5f5; font-size:12px;}
.txtspace p {line-height:24px; font-size:12px;}
.txtspace img{ width:auto!important; margin-right:15px; max-width:100%;}

.news_title{font-size:28px; color:#36a3e2; text-align:left; padding:10px 0px 10px 0px; font-weight:bold; border-bottom:1px #ddd dotted;}
.news_title h1{font-size:20px; font-weight:bold;}
.pubdate{border-top:#ccc 0px dotted; line-height:20px; margin:5px 0 20px 0; OVERFLOW: hidden; text-align:left; font-size:12px; color:#999;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
.pubdate1{height:20px; line-height:20px; margin:10px 0 20px 0; OVERFLOW: hidden; text-align:center; color:#999999;}


.Information{verflow:hidden;margin-top:20px; padding:10px; background:#f5f5f5; border:1px #ddd solid;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:12px; font-weight:bold; color:#000; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px;font-size:12px; padding:10px 0;}
.Information li span{float:right; font-size:12px; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-width:768px) {
.newsshow{padding:2%; width:96%; margin:0px; border:0;}
.news_title{font-size:1rem; font-weight:bold;}
.news_title h1{font-size:1rem;}
.news_xxjs{font-size:0.75rem!important;}
.news_xxjs p,.news_xxjs span{font-size:0.75rem!important;}
.news_xxjs td{font-size:0.75rem!important;}
.news_xxjs img{max-width:100%; height:auto;}
.news_xxjs table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
.Information ul li{font-size:0.75rem; padding:10px 0;}
}


.newsright ul{overflow:hidden;}
.newsright ul li{border-bottom:1px #ddd dotted;}
.newsright ul li img{width:100%;}
.newsright ul li div{padding:4%; background:#f5f5f5;}
.newsright ul li h2{font-size:14px; line-height:30px; font-weight:700;}
.newsright ul li p {font-size:12px; line-height:20px; color:#666;}
.newsrighttitle{font-size:18px; line-height:30px; width:100%; font-weight:700; padding-bottom:10px; border-bottom:1px #CCC solid; margin-bottom:10px;}
.margintop50{ margin-top:30px;}
.margintop80{ margin-top:80px;}
.marginbottom20{ margin-bottom:20px;}
.margintop20{ margin-top:30px;}
.newscategory{line-height: 46px; height: 46px;  margin: 0 0 10px 0; font-size:12px; border-bottom: 1px #ddd dotted; background: url(../image/file.png) left center no-repeat;    padding-left: 40px;}
@media screen and (max-width:768px) {

}




.rightnews{overflow:hidden;}
.rightnews li{overflow:hidden; border-bottom:1px #ddd dotted; padding:4% 0; width:100%; margin-bottom:4%;}
.rightnews li img{ width:30%; border:0px; margin-right:5%; float:left;}
.rightnews li h2{font-size:12px; font-weight:bold; line-height:20px;}
.rightnews li h2 a{color:#222;}
.rightnews li h2 a:hover{color:#0070c0;}
.rightnews li div{color:#5a5a5a; line-height:24px; font-size:14px; padding-top:10px;}
.rightnews li p{color:#919191; padding:0; line-height:20px; font-size:12px;}
.rightnews li p span{ margin-right:10px;}
@media screen and (max-width:768px) {
.rightnews {display:none;}
}



.guestbook{ width:100%; margin:0 auto;}
.guestbook h4{font-size:24px; margin:10px 0px;}
.guestbook ul{ overflow:hidden;} 
.guestbook ul li{overflow:hidden; margin-bottom:8px; float:left; width:100%;}
.guestbook ul li p{ margin-top:5px;}
.box2 {width:95.5%; height:35px; border:1px #ddd solid; line-height:35px; padding:4px 2%; background:#f5f5f5;}
.box4 {width:95.5%; height:35px; border:1px #ddd solid; line-height:35px; padding:4px 2%; background:#f5f5f5;}
.box3 {width:95.5%; border:1px #ddd solid; line-height:24px;padding:4px 2%; font-family:Verdana, Microsoft YaHei,Arial, Helvetica, sans-serif;  background:#f5f5f5;}

.sub_gestbook {
	background:-webkit-gradient(linear,left top,left bottom,from(#333),to(#333));
	background:-moz-linear-gradient(top,#333,#333);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333',endColorstr='#333');
	background-color:#333;
	border:none;width:100%;
	height:45px;
	line-height:45px;
	color:#fff;
	font-size:17px;
	cursor:pointer;
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-family:Microsoft YaHei,Arial, Helvetica, sans-serif; 
}
.sub_gestbook:hover{ background:#0e74bd;}
.guestbook_txt {line-height:30px;}

@media screen and (max-width: 768px) {
.guestbook{ width:94%; margin:0 auto;}
.box2 {width:95%;}
.box4 {width:95%;}
.box3 {width:95%;}
}




.bellows__header01{
  padding:14px 20px;
  background: #dce4f3;
  color:#222;
  -webkit-tap-highlight-color: transparent; overflow:hidden; border-bottom:1px #fff solid;}
.bellows__header01 h4{width:38.3%; float:left; text-align:left; font-weight:bold; font-size:14px;}


.bellows__item:not(.bellows--is-open) > .bellows__content {
  display: none; }

.bellows__item.bellows--is-open > .bellows__content-wrapper,
.bellows__item.bellows--is-closing > .bellows__content-wrapper {
  display: block; }

.bellows__content-wrapper {
  display: none; }
.bellows {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

.bellows__header {
  position: relative;
  padding: 14px 20px;
  border: 1px solid #ddd;
  border-width: 0 0 1px;
  color:#434343;
  -webkit-tap-highlight-color:transparent; overflow:hidden; cursor:pointer;}
  .bellows__header:hover {
    background: #f8faff;}
  .bellows__header::before, .bellows__header::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 2;
    display: block;
    width: 14px;
    height: 3px;
    margin-top: -2px;
    background:#a1b2d3;
    pointer-events: none;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
            transition: transform 0.25s ease-in-out; }
  .bellows__header::before {
    content: '';
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  .bellows__header::after {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .bellows__item.bellows--is-open > .bellows__header::before, .bellows__item.bellows--is-opening > .bellows__header::before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .bellows__item.bellows--is-open > .bellows__header::after, .bellows__item.bellows--is-opening > .bellows__header::after {
    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg); }
  .bellows__item:last-child > .bellows__header {
    border-bottom: 0; }
  .bellows__header h1,
  .bellows__header h2,
  .bellows__header h3,
  .bellows__header h4 {
    margin: 0; }
.bellows__header h3{width:53.4%; float:left; text-align:left; font-size:14px; font-weight:normal;}
.bellows__content {padding:10px 20px; background:#ecf0f1; font-size:12px; line-height:22px; border:1px solid #ecf0f1; }
  .bellows__content .bellows {
    margin-top: 20px; }
@media screen and (max-width: 768px) {
.bellows__header h3{font-size:0.75rem;}
.bellows__header01 h4{font-size:0.875rem;}
.bellows__content{font-size:0.75rem; padding:2% 4%;}
}




.honor{ margin-bottom:0px;}
.honorul{overflow:hidden; padding:1%; margin-top:0px;}
.honorul li{float:left; overflow:hidden; width:45%; text-align:center; margin:0 0 3% 0; padding:1%;}
.honorul li:not(:nth-of-type(2n)){ margin-right:5%;}
.honorul li img{width:100%; height:auto; display:block;}
.honorul li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.25);}
.honorul li p{font-size:12px; height:36px; line-height:18px; padding:5px 15px;}
.honorul li:hover{cursor:pointer;}
.honorul li:hover p{color:#ff6600;}
.honorlr{overflow:hidden; margin-top:40px; line-height:28px; font-size:13px;}
@media screen and (max-width: 640px) {
.honor{padding:0%;}
.honorul li{width:45%; padding:1% 1% 3%; margin:0%;}
.honorul li:not(:nth-of-type(3n)){ margin-right:0;}
.honorul li:not(:nth-of-type(2n)){ margin-right:4%;}
.honorlr{margin-top:30px; line-height:26px; font-size:0.75rem;}
.honorul li p{font-size:0.75rem; height:48px; line-height:16px; padding:5px 15px;}
}




.products{width:100%;  max-width:1200px; margin:0px auto; line-height:28px;}

.product_title{width:100%; text-align:left; padding:0% 0% 6% 0%;}
.product_title h2{font-size:20px; line-height:30px; margin-bottom:0px; font-weight:700;}
.product_title_txt{font-size:12px; line-height:24px; padding:20px 0 20px; overflow:hidden;}
.product_title_txt img{ float:left; width:25%; margin-right:20px; display:inline; border-radius:10px;}
.product_title ul{overflow:hidden; padding:0 0 20px 0; margin-bottom:20px; border-bottom:1px #ccc dotted;}
.product_title ul li{width:48%; float:left; text-align:left; font-size:14px; line-height:30px; height:30px;  padding-left:2%;}
.product_title ul li:nth-child(n+3){margin-top:1%;}

.prod1{background:url(../image/d1.png) left center no-repeat; color:#1998a9;}
.prod1 a{color:#1998a9;}
.prod1:hover{color:#1998a9; background:url(../image/d2.png) left center no-repeat;}
.prod1:hover a{opacity:0.7;}

.prod2{background:url(../image/d1.png) left center no-repeat; color:#1a9656;}
.prod2 a{color:#1a9656;}
.prod2:hover{color:#1a9656; background:url(../image/d2.png) left center no-repeat;}
.prod2:hover a{opacity:0.7;}

.prod3{background:url(../image/d1.png) left center no-repeat; color:#108abf;}
.prod3 a{color:#108abf;}
.prod3:hover{color:#108abf; background:url(../image/d2.png) left center no-repeat;}
.prod3:hover a{opacity:0.7;}

.prod4{background:url(../image/d1.png) left center no-repeat; color:#8e52a4;}
.prod4 a{color:#8e52a4;}
.prod4:hover{color:#8e52a4; background:url(../image/d2.png) left center no-repeat;}
.prod4:hover a{opacity:0.7;}

.prod5{background:url(../image/d1.png) left center no-repeat; color:#ef7c0d;}
.prod5 a{color:#ef7c0d;}
.prod5:hover{color:#ef7c0d; background:url(../image/d2.png) left center no-repeat;}
.prod5:hover a{opacity:0.7;}

.prod6{background:url(../image/d1.png) left center no-repeat; color:#1998a9;}
.prod6 a{color:#1998a9;}
.prod6:hover{color:#1998a9; background:url(../image/d2.png) left center no-repeat;}
.prod6:hover a{opacity:0.7;}


#prodsec{color:#e17212; background:url(../image/d2.png) left center no-repeat;}
#prodsec a{color:#e17212;}

.productsul{padding:1%; overflow:hidden;}
.productsul li{float:left; overflow:hidden; width:22.75%; background:#fff;}
.productsul li:hover{box-shadow: 0px 0px 30px rgba(0,0,0,0.15); background:#FFF; color:#F90;}
.productsul li:not(:nth-of-type(4n)){ margin-right:3%;}
.productsul li:nth-child(n+5){margin-top:3%;}
.productsimg {width:90%; display:block; overflow:hidden; padding:5%; height:174px;}
.productsimg img {width:100%; height:auto; display:block;}

.products_info {padding:15px; position:relative; z-index:2;}
.products_info h3 {font-size:14px; line-height:20px; height:40px; font-weight:700; text-align:center; overflow:hidden;}
.products_info p {line-height:22px; height:66px; overflow:hidden;-webkit-line-clamp:3; font-size:12px; color:#747474;}

.prodmore{display:inline-block; vertical-align:top; margin-top:20px; width:100%; height:35px; line-height:35px; font-size:14px; color:#fff;  background-color:#666; text-align:center;}
.prodmore:hover {background-color:#e17212;}


@media screen and (max-width: 768px) {
.products{ margin-bottom:0px; width:96%; padding:2%; border:0;}
.product_title{width:100%; text-align:left; padding:0% 0% 0% 0%;}
.product_title h2{font-size:1rem; line-height:20px; margin-bottom:0px;}
.product_title_txt{font-size:0.75rem; line-height:24px; padding:10px 0 10px;}
.product_title_txt img{ float:left; width:50%; margin-right:10px; display:inline;}
.product_title ul li{width:91%; float:left; text-align:left; font-size:0.875rem; line-height:20px; background:url(../image/d1.png) left top no-repeat; padding-left:7%; font-weight:700; color:#569407; padding-bottom:15px; height:auto;}

.product_title ul li:hover{color:#e17212; background:url(../image/d1.png) left top no-repeat;}
.product_title ul li:hover a{color:#e17212;}

.product_title ul li:nth-child(n+3){margin-top:2%;}

.productsul{ padding:0%;}
.productsul li{width:48.5%;}
.productsimg {width:90%; display:block; overflow:hidden; padding:5%; height:105px;}
.productsul li img{width:100%;}
.productsul li:not(:nth-of-type(4n)){ margin-right:0;}
.productsul li:not(:nth-of-type(2n)){ margin-right:3%;}
.productsul li:nth-child(n+3){margin-top:3%;}
.products_info {padding:10px; position:relative; z-index:2;}
.products_info h3 {font-size:0.75rem; line-height:18px; height:36px; padding-bottom:0px; text-align:center; overflow:hidden;}
.products_info p {line-height:20px; height:60px; overflow:hidden;-webkit-line-clamp:3; font-size:0.75rem; color:#747474;}
}




.prodshow{overflow:hidden; width:100%; padding:0 0 40px 0; margin:0 auto;}
.big_title{font-size:24px; line-height:24px; margin-bottom:30px; font-weight:700; margin-top:10px;}
.prod_title{margin:0 auto; font-size:14px; text-align:left; padding:8px 15px; color:#FFF; margin-bottom:10px; font-weight:700; border-radius:5px;}

.ptxt1{color:#1998a9;}
.ptxtbg1 {background:#1998a9; }

.ptxt2{color:#1a9656;}
.ptxtbg2 {background:#1a9656; }

.ptxt3{color:#108abf;}
.ptxtbg3 {background:#108abf; }

.ptxt4{color:#8e52a4;}
.ptxtbg4 {background:#8e52a4; }

.ptxt5{color:#ef7c0d;}
.ptxtbg5 {background:#ef7c0d; }

.ptxt6{color:#1998a9;}
.ptxtbg6 {background:#1998a9; }

.prod_xxjs{margin:0 auto; line-height:30px; font-size:14px; overflow:hidden; text-align:left;}
.prod_xxjs p,.prod_xxjs span{line-height:30px!important; font-size:14px;}
.prod_xxjs td{padding:2px; font-size:12px!important; border:1px #CCCCCC solid;}
.prod_xxjs td p{padding:2px 4px; font-size:12px!important; line-height:18px!important;}
.prod_xxjs table{width:100%;}
.prod_xxjs img{ width:auto; max-width:100%; display:inline;}
@media screen and (max-width:768px){
.prodshow{overflow:hidden; width:100%; padding:0 0 30px 0; margin:0 auto;}
.big_title{font-size:1.125rem; line-height:24px; margin-bottom:20px; font-weight:700; margin-top:10px;}
.prod_title{width:94%; margin:0 auto; font-size:0.875rem; text-align:left; padding:0px 3%; line-height:36px; height:36px; margin-bottom:10px;}
.prod_xxjs p,.prod_xxjs span{line-height:24px!important; font-size:0.75rem;}
.prod_xxjs{width:100%;  margin:0 auto; line-height:24px; font-size:0.75rem; overflow:hidden; text-align:left; padding-bottom:0px;}
.prod_xxjs table{display: block; display:-webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
}



.download{overflow:hidden; line-height:28px; font-size:14px;}
.downloadul{overflow:hidden;}
.downloadul li{overflow:hidden; font-size:14px; padding:15px 10px 15px 40px; line-height:28px; border-bottom:1px #ddd dotted; background:url(../image/comment01.png) no-repeat 0px center; }
.downloadul li:hover{background:#f5f5f5 url(../image/comment01.png) no-repeat 0px center;}
.downloadul li span{float:right; font-size:12px; color:#acacac;}
.faqsearch{width:96%; overflow:hidden; padding:2%}
.faqsearch h3{ font-size:18px; line-height:45px; height:45px; font-weight:700;}
.faqsearch h3 span{ font-size:12px; color:#666; font-weight:normal; margin-left:10px;}
.faq_text01{ float:left; overflow: hidden; width:76%; border:0px #ddd solid; line-height:50px; height:50px; vertical-align:top; background:#ddd; padding: 0px 2%;}
.faq_submit01{ float:right; overflow: hidden; border:0; height:50px; line-height:50px; width:20%; cursor: pointer; background:#569407; color:#fff; vertical-align:top; font-size: 16px;}
.faq_submit01:hover{background:#e17212;}

@media screen and (max-width: 768px) {
.download{float:none; margin-bottom:0px; width:94%; padding:3%; border:0;}
.downloadul li{font-size:0.875rem; padding:15px 0 15px 35px; line-height:20px;}
.downloadul li span{font-size:0.75rem; margin-left:15px;}
.faqsearch h3 span{ display:none;}
}