/* CSS Document */
*{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:#40454a; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
a:hover {text-decoration:none; color:#2d87ff;}
.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:#40454a; background:#fff; font-family:Verdana, Microsoft YaHei,Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("../images/csshover.htc");-webkit-text-size-adjust:none;}

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

/*锚点链接的空行*/
.b1{margin-top:100px; height:50px; line-height:50px;}

/***头部***/
.header {position:fixed; top:0; left:0; width:100%; background-color:#fff; z-index:9; border-bottom:0px #ebf0f7 solid;box-shadow: 0 0px 10px 0 #999;}
.header .main {height:86px;}

.header-logo {float:left; margin-top:20px; width:200px;}

.header-nav {float:left; margin:25px 0 0 130px; height:40px;}
.header-nav li, .header-tool a {display:inline-block; text-align:center;}
.header-nav li, .header-nav a {width:100px; height:40px; line-height:40px;}
.header-nav li{position:relative; font-size:15px; font-weight:700;}
.header-nav a {position:absolute; top:0; left:0; /*border-bottom:2px solid #ebf0f7;*/}
.header-nav li:hover a {border-color:#2d87ff;}

.header-nav li.active a{
color:#2d87ff;
}
.header-tool {float:right; margin-top:25px;}
.header-tool h3 {position:relative; width:72px; height:32px; line-height:32px; color:#2d87ff; background-color:#fff; border:1px solid #2d87ff; border-radius:3px; text-align:center; float:left;} 
.header-tool h3:hover {color:#fff; background-color:#2d87ff;}
.header-down {margin-left:15px;}
.header-login i, .header-down i {display:inline-block; vertical-align:middle; width:20px; height:20px; }
.header-login i{background:url(../images/header_login.png) no-repeat;}
.header-down i {background:url(../images/header_down.png) no-repeat;}
.header-login:hover i, .header-down:hover i {background-position:-20px 0;}

.header-loginbox {position:absolute; bottom:-145px; left:-14px; padding-top:15px; display:none; z-index:2;}
.header-login:hover .header-loginbox {display:block;}

.header-loginbox .show {position:relative; padding:10px 10px; width:80px; height:105px; background-color:#fff; border-radius:5px; box-shadow:0 3px 6px 0 #666;}
.header-loginbox .show:before{position:absolute; left:50%; margin-left:-10px; top:-21px; content:""; width:0; height:0; border:10px solid; border-color:transparent transparent #ddd; }
.header-loginbox span a{display:block; height:35px; line-height:35px; text-align:center; color:#83888c; border-bottom:1px solid #dcdfe6;}
.header-loginbox span a:last-child {border-bottom:none;}
.header-loginbox span a:hover {color:#2d87ff;}

.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; box-shadow: 0 0px 10px 0 #999;}
.m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;}
.m-header-logo {float:left; margin-top:7px; width:140px;}

.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:#999; 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:#eee; overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.95;}
.nav-show {top:45px;}
.nav-show ul {border-bottom:1px #ddd solid;}
.m-nav ul li i {position:absolute; top:5px; right:0px; border-left:1px #ddd 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 #ddd solid;}
.m-nav >ul >li:last-child {border-bottom:1px #ddd solid;}
.m-nav ul li ul {display:none;}
.m-nav ul li a {color:#000;width:80%;}
.m-nav ul li ul li a {display:block; font-size:14px; color:#6a6a6a; line-height:36px; text-align:left;}
.m-nav ul li i svg {width:20px; height:20px; fill:#555;}
.m-nav ul li .m-nav-i-se svg {fill:#008cd6;}
.m-nav ul li ul li>ul {margin-left:10px;}
}


/***banner***/
.banner, .m-banner , .banner2, .banner3 {position:relative; height:auto; overflow:hidden;}
.banner {display:block; margin-top:86px; height:650px; background:-webkit-linear-gradient(top,#0159ee,#0260ff); overflow:hidden;}
.banner2 {display:block; margin-top:86px; height:500px; background:-webkit-linear-gradient(top,#0159ee,#0260ff); overflow:hidden;}
.banner3 {display:block; margin-top:86px; height:500px; background:-webkit-linear-gradient(top,#0159ee,#0260ff); overflow:hidden;}

.banner-text {position:absolute; top:170px; left:50%; margin-left:-600px; width:700px; text-align:left; color:#fff; z-index:6; padding-right:500px;}
.banner-text .text1 {font-size:35px; line-height:46px; font-weight:bold;}
.banner-text .text2 {margin-top:25px; font-size:18px; line-height:40px;}
.banner-text .text3 {margin-top:30px;}
.banner-text .text3 a {display:block; font-size:16px; width:200px; height:45px; line-height:45px; color:#fff; font-weight:700; border:2px #fff solid; text-align:center;}
.banner-text .text3 a:hover {background-color:#1464ce;border:2px #1464ce solid;}

.banner-text2 {position:absolute; top:140px; left:50%; margin-left:-600px; width:700px; text-align:left; color:#fff; z-index:6; padding-right:500px;}
.banner-text2 .text1 {font-size:35px; line-height:46px; font-weight:bold;}
.banner-text2 .text2 {margin-top:25px; font-size:18px; line-height:40px;}
.banner-text2 .text3 {margin-top:30px;}
.banner-text2 .text3 a {display:block; font-size:16px; width:200px; height:45px; line-height:45px; color:#fff; font-weight:700; border:2px #fff solid; text-align:center;}
.banner-text2 .text3 a:hover {background-color:#1464ce;border:2px #1464ce solid;}


canvas {display:block;}
.waves {position:absolute;left:0;bottom:0;right:0; width:100%; height:750px;}
#canvas {position:absolute;left:0;bottom:0;right:0; width:100%; height:550px; background:-webkit-linear-gradient(top,#113764,#1c5799);}

@media screen and (max-width:768px) {
.banner {margin-top:45px; height:220px; background:-webkit-linear-gradient(top,#0159ee,#0260ff);}
.banner2 {margin-top:45px; height:200px; background:-webkit-linear-gradient(top,#0159ee,#0260ff);}
.banner3 {margin-top:45px; height:200px; background:-webkit-linear-gradient(top,#0159ee,#0260ff);}

.waves {height:220px;}
#canvas{height:200px;}

.banner-text {top:25px; margin-left:-45%; width:90%;}
.banner-text .text1 {font-size:1.125rem; line-height:28px;}
.banner-text .text2 {margin-top:10px; font-size:0.75rem; line-height:20px;}
.banner-text .text3 {margin-top:15px;}
.banner-text .text3 a {font-size:0.75rem; width:130px; height:26px; line-height:26px; box-shadow:none; border:1px #fff solid;}

.banner-text2 {top:25px; margin-left:-45%; width:90%;}
.banner-text2 .text1 {font-size:1.125rem; line-height:28px;}
.banner-text2 .text2 {margin-top:10px; font-size:0.75rem; line-height:20px;}
.banner-text2 .text3 {margin-top:15px;}
.banner-text2 .text3 a {font-size:0.75rem; width:130px; height:26px; line-height:26px; box-shadow:none; border:1px #fff solid;}
}

.banner_index {display:block; margin-top:86px; height:650px; background:-webkit-linear-gradient(top,#116aff,#116aff); overflow:hidden;}
.banner_index .main{ background:url(../images/banner10.jpg) right center no-repeat; height:650px;}
.banner_index_text {position:absolute; top:220px; left:50%; margin-left:-600px; width:700px; text-align:left; color:#fff; z-index:6; padding-right:500px;}
.banner_index_text .text1 {font-size:80px; line-height:80px; letter-spacing:5px;}
.banner_index_text .text2 {margin-top:25px; font-size:26px; line-height:40px;}
@media screen and (max-width:768px) {
.banner_index {display:block; margin-top:45px; height:220px; background:-webkit-linear-gradient(top,#116aff,#116aff); overflow:hidden;}
.banner_index .main{ background:none; height:220px;}
.banner_index_text {position:absolute; top:50px; left:50%; margin-left:-150px; width:300px; text-align:left; color:#fff; z-index:6; padding-right:0px;}
.banner_index_text .text1 {font-size:45px; line-height:45px; letter-spacing:2px;}
.banner_index_text .text2 {margin-top:10px; font-size:16px; line-height:28px;}
	
}

/***img***/
.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); width:358px; height:210px;}
a:hover .imgbox img {-webkit-transform:scale(1.05); transform:scale(1.05);}

/***htitle***/
.htitle {position:relative; margin:0 auto; width:96%; max-width:1200px;}
.htitle h2 {line-height:40px; font-size:32px; font-weight:700; text-align:center;}
.htitle p {line-height:22px; color:#666;}

.mod1 .htitle h2, .mod3 .htitle h2 {line-height:70px;}

.htitle .arrow {position:absolute; top:0; left:0; width:24px; height:70px; background:url(../images/arrow.png) no-repeat; background-size:cover;}

@media screen and (max-width:768px) {
.htitle {margin:0 auto 15px;}
.htitle h2 {line-height:26px; font-size:1.125rem;}
.mod1 .htitle h2, .mod3 .htitle h2 {line-height:26px;}
.htitle .arrow {width:9px; height:26px;}
}
@media screen and (max-width:375px) {
.htitle h2 {font-size:1.25rem;}
}
@media screen and (max-width:320px) {
.htitle h2 {font-size:1rem;}
.mod1 .htitle h2, .mod3 .htitle h2 {}
}

.mod1 {padding:76px 0 100px 0;}
.mod3 {padding:76px 0 100px 0;}
.mod4 {padding:76px 0 150px 0;}
.mod1{/*background:url(../images/allback.png) center bottom no-repeat;*/}
.mod5 {height:350px; background-color:#3ea5fb;}
@media screen and (max-width:768px) {
.mod3 {padding:35px 0;}
.mod1 {padding:35px 0 5px;}
.mod4 {padding:35px 0 70px;}
.mod5 {height:320px;}

}
/***mod1***/

.about {position:relative; height:460px;}
.a-list {position:absolute; left: 0; bottom: 0;  width:100%; height:160px; z-index: 2;}
.a-list li{position:absolute; text-align:center; background-color:#d8e9ff; border:2px solid #2d87ff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.a-list li h4 {color:#2d87ff;}
.a-list li p { line-height:1; font-size:12px; color:#6cabff;}
.a-list li:nth-child(1) {width:244px; height:90px; bottom:5px; left:50%; margin-left:-124px;}
.a-list li:nth-child(2) {width:180px; height:66px; bottom:99px; left:22px;}
.a-list li:nth-child(3) {width:166px; height:68px; bottom:127px; right:137px;}

.a-list li:nth-child(1) h4 {padding-top:6px; height:48px; line-height:48px; font-size:17px;}
.a-list li:nth-child(2) h4 {height:38px; line-height:38px; font-size:16px;}
.a-list li:nth-child(3) h4 {height:38px; line-height:38px; font-size:15px;}

.a-list li:hover, .a-list li.cur {border-color:#1fbb6d; -webkit-transform:scale(1.1); transform:scale(1.1); background:#caffe4; cursor:pointer;}
.a-list li:hover h4, .a-list li.cur h4 {color:#1fbb6d;}
.a-list li:hover p, .a-list li.cur p {color:#20be6d;}

.a-show { width:100%; height:300px; display:inline;}
.a-show li {display:none; position:absolute; top:0; left:0; width:100%;}
.a-show li.cur {display:block;}

@media screen and (max-width:768px) {
.about {height:160px;}

.a-show {width:100%; height:160px; display:block;}
.a-show li {display:none; position:relative; top:0; left:0; width:100%;}
.a-show li.cur {display:block;}


.a-list {position:relative; left: 0; bottom: 0; width:100%; height:75px; z-index:1; margin-top:10px;}
.a-list li{position:relative; text-align:center; background-color:#d8e9ff; border:2px solid #2d87ff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; float:left;}

.a-list li:nth-child(1) {width:29%; height:60px; bottom:5px; left:0; right:0; margin:0 1.5%;}
.a-list li:nth-child(2) {width:29%; height:60px; bottom:5px; left:0; right:0; margin:0 1.5%;}
.a-list li:nth-child(3) {width:29%; height:60px; bottom:5px; left:0; right:0; margin:0 1.5%;}

.a-list li:nth-child(1) h4 {height:30px; line-height:30px; font-size:0.875rem;padding-top:0px;}
.a-list li:nth-child(2) h4 {height:30px; line-height:30px; font-size:0.875rem;}
.a-list li:nth-child(3) h4 {height:30px; line-height:30px; font-size:0.875rem;}

}




.solution-top {margin:0; line-height:30px; font-size:16px; text-align:center;}
.solution {margin:0px 0; position:relative; overflow:hidden; border-radius:5px; box-shadow:0 0px 12px 0 #ddd;}
.solution-hd {height:60px; line-height:60px; font-size:24px; color:#fff; text-align:center;background: -webkit-gradient(linear,left top,left bottom,from(#2d87ff),to(#2178ec));}
.solution-bd { height:770px; background-color:#f3f8ff; overflow:hidden;}

.s-left, .s-show {position:relative; float:right; width:910px;}
.s-right, .s-list{position:relative; float:left; width:290px;}

.s-right {box-sizing:border-box; border-right:1px solid #fff;}

.s-list li {position:relative; width:84%; padding:15px 8%; cursor:pointer; height:40px; line-height:40px; font-size:15px; text-align:left; overflow:hidden; border-right:1px #FFF solid;}
.s-list li.cur {background-color:#fff; color:#2d87ff;}
.s-list li.cur:after {position:absolute; top:14px; left:10px; content:""; width:3px; height:40px; background-color:#2d87ff;}

.s-show { height:100%; background:#fff;  display:inline;}
.s-show li {display:none; position:absolute; top:0; left:0; width:100%;}
.s-show li.cur {display:block;}

.solution-show {margin:0 auto; padding:30px 0; width:800px; text-align:center; overflow:hidden;}
.solution-txt {font-size:14px; line-height:26px;}
.solution-txt img{ width:auto; max-width:100%; height:auto!important; margin:0 auto;}

.solution-tag { margin-top:30px;}
.solution-tag p {float:left; margin:0 20px 20px 0; width:130px; height:42px; line-height:42px; font-size:14px; color:#2d87ff; background-color:#d8e9ff; border-radius:5px;}
.solution-tag p:hover {color:#fff; background-color:#2d87ff; cursor:pointer;}

.work .work-item {float:left; padding-bottom:25px; width:30%; box-sizing:border-box; border:1px solid #ececec; background-color:#fff; border-radius:5px; overflow:hidden; box-shadow:0 3px 12px 0 #ececec;}
.work .work-item:nth-child(2) {margin:0 5%;}
.work-item a {display:block; margin:0 auto; width:60%; height:40px; line-height:40px; font-size:16px; color:#fff; text-align:center; background-color:#2d87ff; border-radius:3px; box-shadow:0 3px 12px 0 #a9ceff;}
.work-item a:hover {background-color:#1464ce;}

.work-sub {/*position:absolute; top:20px; left:0;*/ height:35px; line-height:35px; font-size:18px; color:#006dff; text-align:center; font-weight:700; margin-bottom:10px;}
/*.work-sub:before,.work-sub:after {position:absolute; content:""; right:-16px; width:0; height:0; border:15px solid;}
.work-sub:before {top:0; border-color:#006dff transparent transparent transparent;}
.work-sub:after {bottom:0; border-color: transparent transparent #006dff transparent;}
*/
.work-list {padding:0 20px 20px 20px; height:150px;}
.work-list li {position:relative; padding-left:30px; line-height:24px; font-size:14px; padding-bottom:8px;}
.work-list li:before {position:absolute; top:0; left:0; content:""; width:24px; height:24px; background:url(../images/select.png) no-repeat; background-size:cover;}

#pc{display:block;}
#mob{display:none;}
@media screen and (max-width:768px) {
#pc{display:none;}
#mob{display:block;}
.solution-top {margin:20px 0 0 0; line-height:32px; font-size:1rem;}
.solution {margin:0px 0 30px 0; border-radius:3px; box-shadow:0 3px 10px 0 #ececec;}
.solution-hd {height:40px; line-height:40px; font-size:18px;}
.solution-bd {height:480px;}

.s-left, .s-show {width:100%;}
.s-right, .s-list{display:none;}

.solution-show {padding:15px 0; width:95%; text-align:center; overflow:hidden;}
.solution-txt {font-size:0.75rem; line-height:22px;}
.solution-img, .solution-tag {margin-top:15px;}
.solution-tag a {float:left; margin:0 10px 10px 0; width:100px; height:36px; line-height:36px; font-size:0.75rem;}
.solution-tag p {float:left; width:31.33%; height:35px; line-height:35px; font-size:0.75rem; color:#2d87ff; background-color:#d8e9ff; border-radius:5px; margin:0;}
.solution-tag p:not(:nth-of-type(3n)){ margin-right:3%;}
.solution-tag p:nth-child(n+4){ margin-top:3%;}

.work-list {padding:0 20px 10px 20px; height:auto;}
.work .work-item {float:none; width:95%; margin:0 2.5%;}
.work .work-item:nth-child(2) {margin:15px 2.5%;}
.imgbox img { width:100%; height:auto;}
}




/***mod2***/
.mod2 {background-color:#f3f8ff; padding:76px 0 100px 0;}
@media screen and (max-width:768px) {
.mod2 {padding:35px 0;}
}

#tab2{width:100%; padding:0; overflow:hidden; margin:40px auto 0;}
#tab2 ul{margin:0;padding:0;}
#tab2 li{float:left; width:33.333%; height:50px;line-height:50px;text-align:center; background:#fff; color:#626262; font-size:18px; cursor:pointer; border-bottom:2px #2178ec solid; font-weight:700;}
#tab2 li.now{color:#fff; background:-webkit-gradient(linear,left top,left bottom,from(#2d87ff),to(#2178ec));}
.tablist2{ overflow:hidden; display:none;}
.block{display:block;}

.cpcs{overflow:hidden;font-size:16px; line-height:28px; width:100%; padding:1%; box-sizing:border-box; margin-top:10px;}

.xgdownload{overflow:hidden; width:100%; padding:1%; box-sizing:border-box;}
.xgdownload ul{}
.xgdownload li{font-size:14px; padding:15px; line-height:26px; box-shadow: 0 0px 6px 0 #ddd; margin-bottom:20px; background:#FFF;}
.xgdownload li h2{ font-size:16px; font-weight:700;}
.xgdownload li:last-child{ margin-bottom:0;}

@media screen and (max-width: 768px) {
#tab2 {width:100%; padding:0; margin:20px auto 0;}
#tab2 li{height:40px;line-height:40px; font-size:14px; width:33.33%;}
#tab2 li:nth-child(n+4){ margin-top:2px; }
.tablist2{}
.cpcs{overflow:hidden;font-size:14px; line-height:24px; width:100%; padding:1%; box-sizing:border-box; margin-top:10px;}
}



/***mod3***/
.mod3 {background-color:#f3f8ff;}
.client {overflow:hidden; margin-top:40px;}
.client li {float:left; width:10%; text-align:center;}
.client li p{line-height:40px; font-size:14px;}
.client li img{ border-radius:50%;}
.client li:not(:first-child) {margin-left:2.777%;}
.client li:nth-child(8n+1) {margin-left:0;}
.client li:nth-child(n+9) {margin-top:25px;}
@media screen and (max-width:768px) {
.client {overflow:hidden; margin-top:20px;}
.client li {width:21.25%;}
.client li:not(:first-child) {margin-left:5%;}
.client li:nth-child(4n+1) {margin-left:0;}
.client li:nth-child(n+5) {margin-top:12px;}
.client li p{line-height:40px; height:40px; overflow:hidden;}
}


/***mod33***/
.mod33 {background-color:#fff; padding:76px 0 100px 0;}
.client33 {overflow:hidden; margin-top:40px;}
.client33 li {float:left; width:7%; text-align:center; padding:0 1.5%;}
.client33 li p{line-height:40px; font-size:14px;}
.client33 li img{ border-radius:50%;}
.client33 li:not(:first-child) {margin-left:2.777%;}
.client33 li:nth-child(8n+1) {margin-left:0;}
.client33 li:nth-child(n+9) {margin-top:25px;}
@media screen and (max-width:768px) {
.mod33 {background-color:#fff; padding:35px 0;}
.client33 {overflow:hidden; margin-top:20px;}
.client33 li {width:18.25%; padding:0 1.5%;}
.client33 li:not(:first-child) {margin-left:5%;}
.client33 li:nth-child(4n+1) {margin-left:0;}
.client33 li:nth-child(n+5) {margin-top:12px;}
.client33 li p{line-height:40px; height:40px; overflow:hidden;}
}



/***mod6***/
.mod6 {background:-webkit-gradient(linear,left top,left bottom,from(#0260ff),to(#dbe8ff)); padding:76px 0 100px 0;}
.mod6 .htitle{color:#FFF;}
.avger{margin-top:30px;}
.avger ul{ overflow:hidden;}
.avger ul li{float:left; padding:2%; width:15.2%; background:-webkit-gradient(linear,left top,left bottom,from(#0260ff),to(#659eff)); color:#FFF;}
.avger ul li:not(:nth-of-type(5n)){ margin-right:1%;}
.avger ul li h3{font-size:24px; line-height:40px; font-weight:700;font-style:italic;}
.avger ul li h2{font-size:24px; font-weight:700; line-height:40px;}
.avger ul li h4{ font-size:14px; line-height:24px; margin-top:10px;}
.avger ul li:nth-child(1),.avger ul li:nth-child(3),.avger ul li:nth-child(5){margin-top:50px;}

@media screen and (max-width:768px) {
.mod6 {padding:35px 0;}
.avger{margin-top:20px;}
.avger ul{ overflow:hidden;}
.avger ul li{float:none; padding:5%; width:90%; background:-webkit-gradient(linear,left top,left bottom,from(#0260ff),to(#0260ff)); color:#FFF; margin-bottom:10px;}
.avger ul li:not(:nth-of-type(5n)){ margin-right:0%;}
.avger ul li h3{font-size:18px; line-height:26px; font-weight:700;font-style:italic; display:none;}
.avger ul li h2{font-size:18px; font-weight:700; line-height:26px;}
.avger ul li h4{ font-size:14px; line-height:22px; margin-top:5px;}
.avger ul li:nth-child(1),.avger ul li:nth-child(3),.avger ul li:nth-child(5){margin-top:0px;}
.avger ul li:last-child{ margin-bottom:0;}
}



/***mod4***/
.mod4 .htitle {text-align:center; margin-bottom:20px;}

.alink {text-align:center; font-size:0;}
.alink a {display:inline-block; margin:0 1%; width:14.66%; height:50px; line-height:50px; font-size:15px; font-weight:700; background-color:#f5f5f5; border-radius:5px;}
.alink a:hover {color:#2d87ff; background-color:#c3ddff;}
.alink i {display:inline-block; vertical-align:middle; margin-right:5px; width:28px; height:28px;}
.tel1{display:inline;}
.tel2{display:none;}
.alink a:hover .tel1{display:none;}
.alink a:hover .tel2{display:inline;}

.alink-down i {background:url(../images/alink_down.png) no-repeat;}
.alink-down:hover i {background-position:-28px 0;}

.alink-online i {background:url(../images/alink_online.png) no-repeat;}
.alink-online:hover i {background-position:-28px 0;}

.alink-agent i {background:url(../images/alink_agent.png) no-repeat;}
.alink-agent:hover i {background-position:-28px 0;}

.alink-buy i {background:url(../images/alink_buy.png) no-repeat;}
.alink-buy:hover i {background-position:-28px 0; display:none;}

.alink-faq i {background:url(../images/alink_faq.png) no-repeat;}
.alink-faq:hover i {background-position:-28px 0; display:none;}
@media screen and (max-width:768px) {
.alink a {margin:0 0; width:33%; height:40px; line-height:40px; font-size:0.875rem; font-weight:normal; box-sizing:border-box;}
.alink a:not(:first-child) { border-left:5px solid #fff;}
.alink a:nth-child(n+4) {margin-top:5px; width:50%;}
.alink i { display:none;}

.mod4 .htitle {text-align:center; margin-bottom:10px;}
}

/***mod5***/
.mod5 .main {position:relative; height:380px;}

.free {position:absolute; top:-50px; left:0; padding:50px 0; width:100%; height:380px; background-color:#fff; border-radius:5px; box-shadow:0 2px 15px 0 #ccc;}
.free-title {height:30px; line-height:30px; font-size:24px; text-align:center; font-weight:700;}
.free-form {margin:30px auto 0; width:360px;}
.free-item {height:32px;}
.free-item:nth-child(n+2) {margin-top:16px;}
.free-label, .free-value {float:left; height:32px;}
.free-label {padding-right:8px; width:72px; text-align:right; line-height:32px;}
.free-value {width:280px}
.free-input {padding:3px 9px; width:260px; height:24px; line-height:24px; border:1px solid #d8dce6; border-radius:2px;}
.free-label i {color:#f6333d;}

@media screen and (max-width:768px) {
.mod5 .main {height:280px;}
.free {position:absolute; top:-20px; left:0; padding:20px 0; width:100%; height:330px; background-color:#fff; box-shadow:0 2px 10px 0 #ccc;}
.free-title {height:24px; line-height:24px; font-size:1rem; margin-bottom:10px;}
.free-form {margin:20px auto 0; width:300px;}
.free-item:nth-child(n+2) {margin-top:10px;}
.free-label {padding-right:5px; width:75px;}
.free-value {width:220px}
.free-input {padding:3px 9px; width:200px; height:24px; line-height:24px; border:1px solid #d8dce6; border-radius:2px;}
}

/***footer***/
.footer {padding:140px 0 25px;}
.footer dl {float:left; width:50%;}
.footer dt {height:28px; line-height:28px; font-size:14px; font-weight:700;}

.footer-code{float:left; width:30%;}
.footer-code dl {text-align:center;}
.footer-code dd img {margin:0 auto; width:100px;}

.footer-nav {float:left; padding:0 4% 0 8%; width:28%;}
.footer-nav dd {height:24px; line-height:24px;}

.footer-contact {float:right; width:30%;} 
.footer-contact img {width:158px;}
.footer-contact .hotline {height:48px; line-height:48px; font-size:26px;}
.footer-contact .address,.footer-contact .telphone {line-height:24px;}

.footer-copyright {padding:10px 0; line-height:28px; border-top:1px solid #dfdfdf}
.footer-copyright span, .m-footer-copyright span {margin:0 4px;}
.footer-copyright .sitestats {position:absolute; top:0; right:0;}
.footer-copyright h1{ font-size:14px; font-weight:normal;}

.m-friend-link, .m-friend-link a {color:#fff;}
.m-friend-link span {margin:0 2px;}

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

.m-footer,.m-footer-copyright {display:block; text-align:center;}
.m-footer {margin-top:80px;}
.m-footer-copyright {margin-top:20px; padding:20px 0; line-height:20px; font-size:12px; border-top:1px solid #dfdfdf}


.m-footer dl {float: none; display:inline-block; vertical-align:top; width:35%;}
.m-footer dt {height:28px; line-height:28px; font-size:14px; font-weight:700;}

.footer-code,.footer-nav, .footer-contact {float: none; width:100%;} 

.footer-code dl {text-align:center;}
.footer-code dd img {margin:0 auto; width:80px;}

.footer-nav { margin:20px 0; padding:0;}
.footer-nav dd {height:22px; line-height:22px;}

.footer-contact img {margin:0 auto; width:200px;}
.footer-contact .hotline {height:40px; line-height:40px; font-size:20px;}
.footer-contact .address,.footer-contact .telphone {line-height:20px;}

.m-friend-link, .m-friend-link a {color:#fff;}
.m-friend-link span {margin:0 2px;}
}


.toptitle {width:auto; text-align:center; margin:0 auto 15px; font-size:24px; font-weight:700;}
.toptitle img{ width:auto; text-align:center; margin:0 auto 25px;}
.marginbottom30{margin-bottom:30px;}
.margintop90{margin-top:90px;}
@media screen and (max-width: 768px) {
.marginbottom30{margin-bottom:20px;}
.toptitle {width:auto; text-align:center; margin:0 auto 15px; font-size:1.25rem; font-weight:700;}
.margintop90{margin-top:60px;}
}

/*关于我们*/
#aboutus1{ width:100%; padding:70px 0 70px 0;}
.tylm{overflow:hidden; line-height:28px!important; font-size:14px; padding:0 40px;}
.tylm img{max-width:100%; height:auto; width:auto; margin:5px 0px;}
.tylm table{width:100%!important;display: block;display: -webkit-box;width: auto;white-space: nowrap;overflow-x: auto;overflow-y:hidden;}
.tylm p,.tylm span{line-height:28px!important; font-size:14px;}
.tylm td{padding:4px!important; font-size:12px!important; border:1px #CCCCCC solid!important;}

@media screen and (max-width: 768px) {
#aboutus1{ width:100%; padding:30px 0 30px 0;}
.tylm{font-size:0.875rem; padding:0%;}
.tylm img{width:100%; height:auto;}
}


#aboutus2{width:100%; background:#3ea5fb; height:300px; margin:40px 0;}
.aboutus2bg{position: absolute; top:-30px; left:0; padding:30px 0; width:100%; height:300px; background-color:#fff; border-radius:5px; box-shadow:0 2px 15px 0 #ccc;}
.aboutus2bg ul{overflow:hidden; padding:0 2%;}
.aboutus2bg ul li{width:30%; float:left; text-align:center;}
.aboutus2bg ul li:not(:nth-of-type(3n)){ margin-right:5%;}
.aboutus2bg ul li img{width:auto; display:inline;}
.aboutus2bg ul li h2{line-height:45px; font-weight:700; font-size:22px;}
.aboutus2bg ul li div{line-height:28px; font-size:14px;}

@media screen and (max-width: 768px) {
#aboutus2{width:100%; background:#3ea5fb; height:750px; margin:40px 0;}
.aboutus2bg{position: absolute; top:-30px; left:0; padding:10px 0 0 0; width:100%; height:800px; background-color:#fff; border-radius:5px; box-shadow:0 2px 15px 0 #ccc;}
.aboutus2bg ul li{width:100%; float:none; text-align:center;}
.aboutus2bg ul li:not(:nth-of-type(3n)){ margin-right:0%;}
.aboutus2bg ul li:nth-child(n+1) {margin-bottom:30px;}
.aboutus2bg ul li img{width:auto; display:inline;}
.aboutus2bg ul li h2{line-height:30px; font-weight:700; font-size:1.275rem;}
.aboutus2bg ul li div{line-height:24px; font-size:0.875rem;}
}


#aboutus3{width:100%; margin:90px 0 0px 0; height:380px;}
.aboutus3bg{position: absolute; left:0; padding:0; width:100%; background-color:#fff; border-radius:5px; box-shadow:0 2px 15px 0 #ccc; height:300px;}
.aboutus3bg_left{overflow:hidden; width:65%; float:left; background:#CCC; height:300px;}
.aboutus3bg_right{ width:35%; float:right;}
.aboutus3bg_right ul{overflow:hidden; padding:8%;}
.aboutus3bg_right ul li{ font-size:16px; padding-left:40px; line-height:30px;}
.aboutus3bg_right ul li:nth-child(n+1) {margin-bottom:25px;}
.aboutus3bg_right ul li:nth-child(n+4) {margin-bottom:0px;}
.aboutbg1{ background:url(../images/phone.jpg) left top no-repeat;}
.aboutbg2{ background:url(../images/tel.jpg) left top no-repeat;}
.aboutbg3{ background:url(../images/mail.jpg) left top no-repeat;}
.aboutbg4{ background:url(../images/address.jpg) left top no-repeat;}
@media screen and (max-width: 768px) {
#aboutus3{width:100%; margin:40px 0 0px 0; height:600px;}
.aboutus3bg_left{overflow:hidden; width:100%; float:left; background:#CCC; height:300px;}
.aboutus3bg_right{ width:100%; float:left;}

}

#aboutus4{width:100%; margin:80px 0 0 0; padding:60px 0 120px 0; background:#f3f8ff;}
@media screen and (max-width: 768px) {
#aboutus4{width:100%; margin:30px 0 0 0; padding:30px 0 50px 0; background:#f3f8ff;}
}

#aboutus5{ width:100%; padding:90px 0 0px 0;}
@media screen and (max-width: 768px) {
#aboutus5{ width:100%; padding:40px 0 0px 0;}
}



/*关于我们页面的图片*/
.product-hot a img, .product-show a img{transition:clip 0.4s 0.2s cubic-bezier(0.25,0.1,0.25,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.25,0.1,0.25,1);}
.product-hot a:hover img, .product-show a:hover img{-webkit-transform:scale(1.05); transform:scale(1.05);}

.product {margin-top:20px;}
.product-hot a, .product-show a {position:relative; display:inline-block;}
.product-hot {float:left; width:49.15%; overflow:hidden;}
.product-hot img{width:100%; margin:0; display:block; border:0;}

.product-show {float:right; width:49.85%;}
.product-show a {float:left; width:48%; overflow:hidden;}
.product-show a img{ padding:0; width:100%;}
.product-show a:nth-child(2n) {margin-left:2%;}
.product-show a:nth-child(n+3){margin-top:2%;}

.emailbox{width:287.13px; height:175.34px; background:#2d87ff; color:#FFF; text-align:center; padding-top:40px; font-size:16px; line-height:30px;}
.emailbox:hover{background:#1464ce;}
.emailbox img{ width:auto!important; display:inline;}


@media screen and (max-width:768px) {
.product {margin-top:10px;}
.product-hot, .product-show {float: none; width:100%; height:auto;}
.product-show {margin-top:3%;}
.product-show a {float:left; width:49%;}
.product-show a:nth-child(2n) {margin-left:2%;}
.product-show a:nth-child(n+3){margin-top:3%;}

.emailbox{width:100%; height:132.05px; background:#2d87ff; color:#FFF; text-align:center; padding:7px 0px; font-size:0.875rem; line-height:24px;}
}

@media screen and (max-width:375px) {
.emailbox{width:100%; height:118.28px;}
}

@media screen and (max-width:360px) {
.emailbox{width:100%; height:112.98px;}
}


/*合作栏目*/
#cooperate{width:100%; padding:50px 0 50px 0;}
#cooperate .htitle h2{ line-height:70px; margin-left:44px;}
@media screen and (max-width:768px) {
#cooperate{width:100%; padding:20px 0 20px 0;}
#cooperate .htitle h2{ line-height:26px; margin-left:16px;}
}


#cooperate2{width:100%; background:#3ea5fb; height:250px; margin:100px 0 0 0;}
.cooperate2bg{position: absolute; top:-50px; left:0; padding:50px 0; width:100%; height:250px; background-color:#fff; border-radius:5px; box-shadow:0 2px 15px 0 #ccc;}
.cooperate2bg ul{overflow:hidden; padding:0 4%;}
.cooperate2bg ul li{width:21.25%; float:left; text-align:center;}
.cooperate2bg ul li:not(:nth-of-type(4n)){ margin-right:5%;}
.cooperate2bg ul li img{width:auto; display:inline;}
.cooperate2bg ul li h2{line-height:35px; font-size:18px;}
@media screen and (max-width:768px) {
#cooperate2{width:100%; background:#3ea5fb; height:290px; margin:100px 0 0 0;}
.cooperate2bg{position: absolute; top:-50px; left:0; padding:20px 0; width:100%; height:auto; background-color:#fff; border-radius:5px; box-shadow:0 2px 15px 0 #ccc;}
.cooperate2bg ul li{width:47.5%; float:left; text-align:center;}
.cooperate2bg ul li:not(:nth-of-type(4n)){ margin-right:0%;}
.cooperate2bg ul li:not(:nth-of-type(2n)){ margin-right:5%;}
.cooperate2bg ul li img{width:100%; display:block;}
.cooperate2bg ul li h2{line-height:35px; font-size:0.875rem;}
}


#cooperate3{ width:100%; padding:150px 0 150px 0;background:#f3f8ff;}
.coop{ background:url(../images/cop.png) center center no-repeat; background-size:100%; height:300px; padding:50px 0;}
.coop_top{width:80%; padding:0 10%; overflow:hidden; position:absolute; top:60px;}
.coop_top li{width:150px; height:150px; float:left; text-align:center; border-radius:50%; background:#d8e9ff; border:2px #2d87ff solid; color:#2d87ff;}
.coop_top li:not(:nth-of-type(3n)){ margin-right:25%;}
.coop_top li h2{line-height:40px; font-weight:700; font-size:28px; margin-top:35px;}
.coop_top li div{font-size:16px;}

.coop_end{width:50%; padding:0 25%; overflow:hidden; position:absolute; top:310px;}
.coop_end li{width:150px; height:150px; float:left; text-align:center; border-radius:50%; background:#d8e9ff; border:2px #2d87ff solid; color:#2d87ff;}
.coop_end li:not(:nth-of-type(2n)){ margin-right:45%;}
.coop_end li h2{line-height:40px; font-weight:700; font-size:28px; margin-top:35px;}
.coop_end li div{font-size:16px;}

.coop_btn{display:block;  margin:50px auto 0; width:200px;  height:40px;  line-height:40px;  font-size:16px; color:#fff;  text-align:center;  background-color:#2d87ff;  border-radius:3px;  box-shadow:0 3px 12px 0 #a9ceff;}
.coop_btn:hover{background-color:#1464ce;}

@media screen and (max-width:768px) {
#cooperate3{ width:100%; padding:80px 0 80px 0;background:#f3f8ff;}
.coop{ background:none; height:230px; padding:0px;}

.coop_top{width:90%; padding:0 5%; overflow:hidden; position:absolute; top:60px;}
.coop_top li{width:29%; height:auto; float:left; text-align:center; border-radius:10px; background:#d8e9ff; border:1px #2d87ff solid; color:#2d87ff; padding:20px 0;}
.coop_top li:not(:nth-of-type(3n)){ margin-right:5%;}
.coop_top li h2{line-height:30px; height:30px; font-weight:700; font-size:2rem; margin:0;}
.coop_top li div{font-size:0.875rem; line-height:30px; height:30px;}

.coop_end{width:90%; padding:0 5%; overflow:hidden; position:absolute; top:180px;}
.coop_end li{width:29%; height:auto; float:left; text-align:center; border-radius:10px; background:#d8e9ff; border:1px #2d87ff solid; color:#2d87ff; padding:20px 0;}
.coop_end li:not(:nth-of-type(3n)){ margin-right:5%;}
.coop_end li h2{line-height:30px; height:30px; font-weight:700; font-size:2rem; margin:0;}
.coop_end li div{font-size:0.875rem; line-height:30px; height:30px;}

}


/*服务栏目*/
#service{width:100%; padding:90px 0  0 0;}
.servicebg{width:100%;}
.servicebg ul{padding:0 2%;}
.servicebg ul li{width:30%; float:left; text-align:center;  border-radius:5px; box-shadow:0 2px 15px 0 #ccc; padding:20px 0 40px 0;}
.servicebg ul li:not(:nth-of-type(3n)){ margin-right:5%;}
.servicebg ul li img{width:auto; display:inline;}
.servicebg ul li h2{line-height:45px; font-weight:700; font-size:18px;}

.service_btn{display:block;  margin:20px auto 0; width:200px;  height:40px;  line-height:40px;  font-size:16px; color:#fff;  text-align:center;  background-color:#2d87ff;  border-radius:3px;  box-shadow:0 3px 12px 0 #a9ceff;}
.service_btn:hover{background-color:#1464ce;}

@media screen and (max-width:768px) {
#service{width:100%; padding:30px 0  0 0;}	
.servicebg ul li{width:90%; float:none; text-align:center;  border-radius:5px; box-shadow:0 2px 15px 0 #ccc; padding:20px 0 40px 0; margin:0 auto;}
.servicebg ul li:nth-child(n+2) {margin-top:10%;}
}



#service2{width:100%; background:#3ea5fb; height:1080px; margin:150px 0 60px 0;}
.service2bg{position: absolute; top:-80px; left:0; padding:60px 0; width:100%; /*height:340px;*/ background-color:#fff; border-radius:5px; box-shadow:0 2px 15px 0 #ccc;}
.service2bg ul{overflow:hidden; padding:0 5%;}
.service2bg ul li{width:47%; float:left; border:1px #ddd solid; border-radius:5px;}
.service2bg ul li:hover{border:1px #2d87ff solid;}
.service2bg ul li:not(:nth-of-type(2n)){ margin-right:5%;}
.service2bg ul li:nth-child(n+3) {margin-top:5%;}
.service2bg ul li img{width:auto; float:left; margin-right:20px;}
.service2bg ul li h2{line-height:45px; font-weight:700; font-size:18px; padding-right:15px;}
.service2bg ul li div{line-height:20px; font-size:14px; padding-right:15px;}

.service2_btn{display:inline-block;  margin:10px auto 0; width:120px;  height:30px;  line-height:30px;  font-size:14px; color:#fff;  text-align:center;  background-color:#2d87ff;  border-radius:3px;  box-shadow:0 3px 12px 0 #a9ceff;}
.service2_btn:hover{background-color:#1464ce;}

@media screen and (max-width:768px) {
#service2{width:100%; background:#3ea5fb; height:1630px; margin:20px 0 0 0;}	
.service2bg{position: absolute; top:10px; left:0; padding:30px 0; width:100%; height:auto; background-color:#fff; border-radius:5px; box-shadow:0 2px 15px 0 #ccc;}
.service2bg ul li{width:100%; float:none; border:1px #ddd solid; border-radius:5px; background:#f5f5f5;}
.service2bg ul li:nth-child(n+2) {margin-top:8%;}
.service2bg ul li:not(:nth-of-type(2n)){ margin-right:0%;}
.service2bg ul li img{width:40%; float:left; margin-right:10px;}
.service2bg ul li h2{line-height:22px; font-weight:700; font-size:0.875rem; padding-right:5px; margin-top:10px; height:22px; overflow:hidden;}
.service2bg ul li div{line-height:18px; font-size:0.75rem; padding-right:5px; padding-top:5px; color:#666;}
.service2_btn{display:inline-block;  margin:5px auto 10px; width:120px;  height:30px;  line-height:30px;  font-size:14px; color:#fff;  text-align:center;  background-color:#2d87ff;  border-radius:3px;  box-shadow:0 3px 12px 0 #a9ceff;}

}


.service3bg{/*position: absolute; top:-30px; left:0;*/ margin:90px 0 150px 0; min-height:300px; background-color:#fff; border-radius:5px; box-shadow:0 2px 15px 0 #ccc;}
#tab1{width:95%; height:70px; margin:0px auto; text-align:left; background:url(../images/arrow.png) left top no-repeat;}
#tab1 ul{overflow:hidden; border-bottom:1px #ddd solid; margin-left:50px;}
#tab1 li{position: relative;display: inline-block; vertical-align: top; margin-right:60px; height:70px; line-height:70px; font-size:24px; cursor: pointer;}
#tab1 li.now {color:#2d87ff;}
#tab1 li i {position:absolute; left:0; bottom:-2px; width:100%; height:4px; background-color:#2d87ff; display:none;}
#tab1 li.now i {display:block;}
#sp1{ width:1300px; margin:20px auto;}

.tablist{overflow:hidden; display:none; line-height:26px!important; font-size:14px!important; font-weight:normal!important; padding:25px;}
.tablist table{width:100%!important;}
.tablist td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid!important;}

.block{display:block;}
.tablist img{ max-width:100%; height:auto; overflow:hidden;}

@media screen and (max-width: 768px) {
.service3bg{/*position: absolute; top:-30px; left:0;*/ margin:20px 0 20px 0; min-height:0; background-color:#fff; border-radius:5px; box-shadow:0 2px 15px 0 #ccc;}
	
#tab1{height:auto; margin:30px auto 0; overflow:hidden;}
#tab1 ul{overflow:hidden; border-bottom:1px #ddd solid; margin-left:30px;}
#tab1 li{position: relative;display: inline-block; vertical-align: top; margin: 0 15px; height:40px; line-height:40px; font-size:1rem; cursor: pointer;}
#tab1 li.now {color:#2d87ff;}
#tab1 li i {position:absolute; left:0; bottom:-1px; width:100%; height:3px; background-color:#2d87ff; display:none;}
#tab1 li.now i {display:block;}
#sp1{width:96%; margin:10px auto;}

.tablist{font-size:0.875rem; padding:0px;}
.tablist td{font-size:0.75rem!important;}
.tablist table{ width:100%; height:auto!important; display: block; display:-webkit-box; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
}


.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 10px; border: 1px dotted #a1b2d3; border-width: 0 0 1px; color:#434343; -webkit-tap-highlight-color:transparent; overflow:hidden; cursor:pointer;background: #f8faff;}
.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:65%; float:left; text-align:left; font-size:14px; font-weight:normal;}
.bellows__content {padding:10px 20px; font-size:12px; line-height:24px; border-bottom:1px solid #ecf0f1;}
.bellows__content .bellows { margin-top: 20px;}
.add_txt{ background:#1dce6b; padding:0 15px; color:#FFF; margin-right:10px;}
.edit_txt{ background:#0083ff; padding:0 15px; color:#FFF; margin-right:10px;}

@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%;}
}



.rizhi{}
.rizhi ul{ overflow:hidden;}
.rizhi ul li{padding: 14px 20px;  border:1px dotted #ddd; border-width: 0 0 1px; color:#434343; -webkit-tap-highlight-color: transparent; overflow: hidden;}
.p1{width:70%; float:left; font-weight:700; margin-bottom:5px;}
.p2{width:20%; float:left;  font-weight:700; margin-bottom:5px;}
.p3{width:10%; float:right; text-align:right;  font-weight:700; margin-bottom:5px;}
.rizhi ul li p{ font-size:12px; line-height:24px; color:#999;}
@media screen and (max-width: 768px) {
.rizhi ul li{padding:8px 10px;  border:1px dotted #ddd; border-width: 0 0 1px; color:#434343; -webkit-tap-highlight-color: transparent; overflow: hidden;}
.p1{width:100%; font-weight:normal;}
.p2{display:none;}
.p3{display:none;}
}

/*--------在线留言--------------*/
.guestbook{ width:60%; margin:20px 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:30px; border:1px #dfe9f7 solid; line-height:35px; padding:4px 2%; background:#f3f8ff;}
.box4 {width:95.5%; height:30px; border:1px #dfe9f7 solid; line-height:35px; padding:4px 2%; background:#f3f8ff;}
.box3 {width:99.7%; border:1px #dfe9f7 solid; line-height:30px;padding:4px 2%; font-family:Verdana, Microsoft YaHei,Arial, Helvetica, sans-serif;  background:#f3f8ff;}



.sub_gestbook {
	background:-webkit-gradient(linear,left top,left bottom,from(#2d87ff),to(#2178ec));
	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:#1464ce;}
.guestbook_txt {line-height:30px;}

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


/*--------在线留言--------------*/
.guestbook2{ width:90%; margin:20px auto;}
.guestbook2 h4{font-size:24px; margin:10px 0px;}
.guestbook2 ul{ overflow:hidden;} 
.guestbook2 ul li{overflow:hidden; margin-bottom:8px; float:left; width:100%;}
.guestbook2 ul li p{ margin-top:5px;}
@media screen and (max-width: 768px) {
.guestbook2{ width:94%; margin:0 auto;}
.box2 {width:95%;}
.box4 {width:95%;}
.box3 {width:99.5%;}
}



/*弹出窗*/
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:1000;display:none;top:0;left:0;}
.reveal-modal{visibility:hidden;top:120px;left:50%;margin-left:-390px; width:700px;background:#fff;position:absolute;z-index:99999;padding:30px 30px 34px 30px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);}
.reveal-modal .close-reveal-modal {
font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} 
.reveal-modal h2{font-size:18px;color:#000 ; text-align:center;}
.teamimages{text-align:center; margin:0 auto; overflow:hidden;}
.teamimages img{width:400px;}
.teamly{overflow:hidden; line-height:24px; font-size:14px;}
.teamly img{width:25%; float:left; margin-right:2%; margin-bottom:2%;}
@media screen and (max-width:768px) {
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:100;display:none;top:0;left:0;}
.reveal-modal{visibility:hidden;top:120px;left:50%;margin-left:-190px; width:320px;background:#fff;position:absolute;z-index:99999;padding:30px 30px 34px 30px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);}
.reveal-modal .close-reveal-modal {
font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} 
.reveal-modal h2{font-size:1.125rem;color:#000 ; text-align:center; padding-bottom:10px;}
.teamimages{text-align:center; margin:0 auto; overflow:hidden;}
.teamimages img{ max-width:100%; height:auto;}
.teamly{overflow:hidden; line-height:24px; padding-top:6px; font-size:0.875rem;}
}




/*招商栏目的banner背景开始*/
.particle-network-animation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
}
.particle-network-animation::before {
  z-index: -2;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  opacity: 0.2;
}

.glow {
  z-index: -1;
  position: fixed;
  top: 50%;
  left: 50%;
  background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.025), transparent);
}

.glow-1 {
  width: 150vw;
  height: 150vh;
  margin-top: -75vh;
  margin-left: -75vw;
  animation: glow-1-move 25s linear infinite both;
}

@keyframes glow-1-move {
  from {
    transform: translate(-100%, 100%);
  }
  to {
    transform: translate(100%, -100%);
  }
}
.glow-2 {
  width: 100vw;
  height: 100vh;
  margin-top: -50vh;
  margin-left: -50vw;
  animation: glow-2-move 25s linear 8.3333333333s infinite both;
}

@keyframes glow-2-move {
  from {
    transform: translate(-100%, 0%);
  }
  to {
    transform: translate(100%, 100%);
  }
}
.glow-3 {
  width: 120vw;
  height: 120vh;
  margin-top: -60vh;
  margin-left: -60vw;
  animation: glow-3-move 25s linear 16.6666666667s infinite both;
}

@keyframes glow-3-move {
  from {
    transform: translate(100%, 100%);
  }
  to {
    transform: translate(0%, -100%);
  }
}
/*招商栏目的banner背景结束*/




/*招商栏目的banner背景开始*/
canvas {
  //opacity: 0.5;
}

/* Demo Buttons Style */
.codrops-demos {
	font-size: 0.8em;
	text-align:center;
	position:absolute;
	z-index:99;
	width:96%;
}

.codrops-demos a {
	display: inline-block;
	margin: 0.35em 0.1em;
	padding: 0.5em 1.2em;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	border-radius: 2px;
	font-size: 110%;
	border: 2px solid transparent;
	color:#fff;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo {
	border-color: #383a3c;
}
/*招商栏目的banner背景结束*/



/*分页*/
.page{text-align:center; padding:40px 0 0 0; /*border:1px solid #D9D9D9;background:#fff; margin-top:20px;*/ }
.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;}
}


/*news list*/
.newstab{overflow:hidden; padding:3%; background:#fbfbfb; position: relative;}
#newsbg{background:#f5f5f5;}
.newsul li:hover h2 a{color:#2d87ff;}
.newsul li img{width:25%; margin-left:8%; float:right;}
.newsul li h2{font-size:24px; font-weight:normal; line-height:40px;}
.newsul li h2 a{color:#444;}
.newsul li h2 a:hover{color:#2d87ff;}
.newsul li div{color:#666; line-height:28px; font-size:14px;}
.newsul li p{color:#999; padding:8px 0 8px 0; line-height:20px; font-size:12px; margin-top:10px;}
.newsul li p span{ margin-right:20px;}

@media screen and (max-width:768px) {
.newstab{overflow:hidden; padding:5%; background:#fbfbfb; position: relative;}
.newstab .main{width:100%;}
.newsul li{}
.newsul li:not(:nth-of-type(2n)){ margin-right:0%;}
.newsul li img{width:100%; margin-bottom:4%; margin-left:0;}
.newsul li p{padding:0.625rem 0rem; font-size:0.75rem;}
.newsul li h2{font-size:1rem; padding:0 0 0.3rem 0; line-height:1.8rem; font-weight:700;}
.newsul li div{font-size:0.875rem; line-height:1.6rem; padding:0;}
}


/*news detail*/
.newsshow{overflow:hidden;padding:30px; background:#fff; margin-top:40px; border:1px #ddd solid;}
.news_xxjs{line-height:28px!important; overflow:hidden; font-size:14px; margin:35px 0;}
.news_xxjs p,.news_xxjs span{line-height:28px!important; font-size:14px;}
.news_xxjs td{padding:4px; font-size:14px!important; border:1px #CCCCCC solid;}
.news_xxjs table{width:100!important; margin:10px 0;}
.news_xxjs img{max-width:100%; overflow:hidden; margin:10px auto; display:-webkit-inline-box; padding:0px; width:auto;}

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

.news_title{}
.news_title h1{font-size:28px; text-align:left; padding:5px 0px 10px 0px; font-weight:normal; border-bottom:1px #ddd dotted;}
.pubdate{line-height:20px; margin:5px 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:left; color:#999999;}

/*news_info*/
.Information{overflow:hidden;margin-top:30px; padding:10px; background:#fafafa; border:1px #ddd solid;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:14px; 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:14px; padding:10px 0;}
.Information li span{float:right; font-size:14px; 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:5%; width:90%; margin:5% 0 0 0;}
.news_title{}
.news_title h1{font-size:1.2rem; padding:0 0 15px 0; font-weight:700;}
.news_xxjs{font-size:0.875rem!important; margin-top:1rem;}
.news_xxjs p,.news_xxjs span{font-size:0.875rem!important;}
.news_xxjs td{font-size:0.875rem!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:0.1rem 0; line-height:1.5rem;}
}


/*productdetail*/
.productcategory{background-color: #f5f5f5; border:1px solid #ddd; box-sizing:border-box; margin-top:45px; padding:10px 20px; overflow:hidden; display:none;}
.searchtype{width:200px; line-height:35px; border:1px #ddd solid; box-sizing:border-box; background:#FFF; padding:0 10px; float:left;}
.searchbtn {float:left; width:80px; height:35px; line-height:35px; font-size:16px; color:#fff; text-align:center; background-color:#2d87ff; border-radius:3px; margin-left:10px;}
.searchbtn:hover {background-color:#1464ce;}



.productlist { margin:45px 0 0 0; width: 100%;}
.productlist li {float: left; width: 31.33%; box-sizing: border-box; border:0px solid #dedede; box-shadow: 0 0 10px 0 #ddd; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.productlist li:hover { border-color:#005ece; box-shadow: 0 0 10px 0 #ccc;}
.productlist li:nth-child(n+2) { margin-left: 3%; }
.productlist li:nth-child(n+4) { margin-top: 3%; }
.productlist li:nth-child(3n+1) { margin-left: 0; }

.productname { height:48px; text-align:left; padding:10px 15px; }
.productname p {line-height:24px; font-size:14px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient:vertical;}

@media screen and (max-width:768px) {
.productcategory{margin-top:20px;padding:10px 20px;display:none;}
.productlist { margin-top:10px;}
.productlist li {width: 100%; border:1px solid #dedede; box-shadow: 0 0 3px 0 #f6f6f6;}
.productlist li:hover { box-shadow: 0 0 3px 0 #ccc;}
.productlist li:nth-child(n+2) { margin-left: 0; }
.productlist li:nth-child(2n) { margin-left:0%; }
.productlist li:nth-child(2n+1) { margin-left: 0; }
.productlist li:nth-child(n+2) { margin-top:4%; }

.productname {}
.productname p {} 

}


/***banner***/
.flexslider{display:block; position:relative; height:auto; background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative; z-index:0; margin:0 auto; width:100%; overflow:hidden;}
.slides li {position:relative; margin-left:0!important; margin-top:0!important;}
.slides li img {display:block; height:198px;}

.flex-control-nav{position:absolute; bottom:5px; /*left:50%; margin-left:-50px; width:100px; text-align:center;*/ padding:4px 0 2px; z-index:2; right:5px;}
.flex-control-nav li{display:inline-block; width:14px; height:14px; margin:0 5px; *display:inline; zoom:1; box-shadow:none; margin-left:0!important; margin-top:0!important; border:0;}
.flex-control-nav a{display:inline-block; width:14px; height:14px; line-height:40px; overflow:hidden; background:url(../images/bpng01.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{background:url(../images/bpng02.png) no-repeat;}

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

@media screen and (max-width:768px) {
.flexslider {display:block; position:relative; height:auto; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat; margin:0px auto;}
.slides {position:relative; z-index:0;}
.slides li img {display:block; height:187px;}
.flex-control-nav {bottom:10px;}
.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(../images/bpng03.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active {background:url(../images/bpng04.png) no-repeat;}

.flex-direction-nav {position:absolute; top:50%; z-index:3; width:100%;}
.flex-direction-nav li{box-shadow:none; border:none; margin-top:0!important;}
.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(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:10px; background:url(../images/next.png) center center no-repeat;}
}


/*独立的无须密码的后台留言管理页面*/
.mylist{display:block; margin-top:86px; display:none;}
.mylisttab{overflow:hidden; padding:3%; background:#fbfbfb;}
#mylistbg{background:#f5f5f5;}
.mylistul li:hover h2 a{color:#2d87ff;}
.mylistul li img{width:25%; margin-left:8%; float:right;}
.mylistul li h2{font-size:24px; font-weight:normal; line-height:40px;}
.mylistul li h2 a{color:#444;}
.mylistul li h2 a:hover{color:#2d87ff;}
.mylistul li div{line-height:28px; font-size:14px;}
.mylistul li p{padding:8px 0 8px 0; line-height:20px; font-size:12px; margin-top:0px;}
.mylistul li p span{ margin-right:40px;}

@media screen and (max-width:768px) {
.mylist{display:block; margin-top:45px;}
.mylisttab{overflow:hidden; padding:3%; background:#fbfbfb; position: relative; border-bottom:1px #ddd solid;}
.mylisttab .main{width:100%;}
.mylistul li{}
.mylistul li:not(:nth-of-type(2n)){ margin-right:0%;}
.mylistul li p{padding:0rem; font-size:0.875rem;line-height:1.6rem;}
.mylistul li h2{font-size:0.925rem; padding:0; line-height:1.6rem; font-weight:700; color:#2178ec;}
.mylistul li div{font-size:0.875rem; line-height:1.6rem; padding:0;}
}

.mytitle{font-size:1rem; height:35px; line-height:35px; border-bottom:1px #ddd solid; margin-bottom:10px; font-weight:700;}
.mylistsearch{padding:5%; border:1px #ddd solid;}
.mylistsearch ul{overflow:hidden;}
.mylistsearch ul li{ margin-bottom:5px; display:flex;}
.searchtype{ width:100%; height:35px;}
.mysearchbtn{ width:100%; background:#2178ec; height:35px; color:#FFF;}


.pd110{    padding: 110px 0 0px 0;}