/* CSS Document */
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;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,input,textarea,select,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:#222; /*-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;*/}
a:hover {text-decoration:none; color:#eb0000;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}
b {font-weight:700;}i,em {font-style:normal;}
sub,sup{line-height:0;position:relative;vertical-align:baseline}

button, input, select, textarea {display:block; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased; -webkit-appearance:none; appearance:none; font-family:Microsoft YaHei;}

.clearfix {zoom:1;}
.clearfix:after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}

body {font-size:12px; color:#444; font-family:Arial, Verdana,Microsoft YaHei, Helvetica, sans-serif; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none;}

/****************************公用****************************/
.main {position:relative; margin:0 auto; width:96%; max-width:1200px;}
@media screen and (max-width:768px) {
.main {position:relative; margin:0 auto; width:92%;}
}

/***htitle***/
.htitle {position:relative; margin:0 auto 30px; width:100%; text-align:center; text-transform:uppercase;}
.htitle h2 {line-height:54px; font-size:28px; font-weight:700;}
.htitle h2 em {color:#ff6600;}
.htitle h2 sup {top:-20px; font-size:14px; font-weight:500;}
.htitle .cloud {display:inline-block; vertical-align:middle; margin-right:10px; width:60px; height:40px; background:url(../images/cloud.png) no-repeat; background-size:cover;}
.htitle h5 {line-height:30px; font-size:18px;}

.arrow {margin-top:15px; height:42px; text-align:center;}
.arrow i {display: inline-block; vertical-align:middle; margin:0 20px; width:43px; height:42px; background:url(../images/octagon.png) no-repeat; background-size:cover;}
.arrow:before {background:url(../images/octagon_left.png) no-repeat; background-size: cover;}
.arrow:after {background:url(../images/octagon_right.png) no-repeat; background-size: cover;}
.arrow:before,.htitle .arrow:after { display: inline-block; vertical-align: middle; width:161px; height:5px; content:""; background-size:cover;}
@media screen and (max-width:768px) {
.htitle {margin-bottom:15px; width:92%; padding:0 4%;}
.htitle h2 {line-height:20px; font-size:16px; padding:0 25px;}
.htitle h2 sup {top:-10px; font-size:12px;}
.htitle .cloud {margin-right:8px; width:24px; height:16px;}
.htitle h5 {line-height:20px; font-size:14px;}

.arrow {margin-top:8px; height:21px;}
.arrow i {margin:0 10px; width:22px; height:21px;}
.arrow:before,.htitle .arrow:after {width:100px; height:3px;}
}


/***imgbox***/
.imgbox {overflow:hidden;}
.imgbox img {transition:clip 0.3s cubic-bezier(0,.3,.6,1), transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -webkit-clip 0.3s cubic-bezier(0,.3,.6,1);}
a:hover .imgbox img{-webkit-transform:scale(1.05); transform:scale(1.05);}


/***banner***/
.flexslider{display:block; position:relative; 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;}
.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-color: rgba(47, 158, 241, 0.4); border-radius: 100%; cursor:pointer;}
.flex-control-nav .flex-active{background-color: rgba(47, 158, 241, 1);}

.flex-direction-nav{position:absolute; z-index:3; width:100%; top:50%; margin-top:-64px;}
.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;}
.flex-direction-nav li a.flex-next{right:10px;}
@media screen and (max-width:768px) {
.flexslider {display:block; position:relative; height:auto; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat; margin:49px auto 0;}
.banner .slides {position:relative; height: auto; z-index:0;}
.flex-control-nav {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 {width:8px; height:8px; margin:0 4px;}
.flex-control-nav a {width:8px; height:8px; line-height:30px;}

.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;}
}


/*mod1*/
.mod1 {padding:80px 0;}

.mod1 h3 {height:42px; line-height:42px; font-size:22px; text-align:center;}
.mod1 h3 b {color:#ff6600;}
.enterprise2{margin-top:50px;}
.enterprise ul {margin-top:20px;}
.enterprise li {float:left; padding:20px 20px; width:22.5%; height:260px; box-sizing:border-box; border:1px solid #d6e5f3; text-align:center; border-radius:10px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.enterprise li:nth-child(n+2){margin-left:3.3333%;}
.enterprise li:nth-child(4n+1){margin-left:0;}
.enterprise li:nth-child(n+5){margin-top:3.3333%;}
.enterprise li:hover {border-color:#9abfe5; box-shadow:0 5px 15px 0 #d8ebfb;}

.enterprise img {margin:0 auto; width:228px;}
.enterprise h4 {margin:5px 0; height:32px; line-height:32px; font-size:18px; font-weight:700; color:#ff6600;}/*************************************/
.enterprise p {line-height:24px; font-size:14px;}
@media screen and (max-width:768px) {
.mod1 {padding: 25px 0;}
.mod1 h3 {line-height:20px; font-size:14px;}

.enterprise1{ margin-bottom:10px;}
.enterprise2, .enterprise ul {margin-top:10px;}
.enterprise li {padding:10px 5px; width:48%; height:190px; border-radius:6px;}
.enterprise li:nth-child(2n+1){margin-left:0;}
.enterprise li:nth-child(n+3){margin-top:4%;}
.enterprise li:hover {box-shadow:0 3px 10px 0 #d8ebfb;}

.enterprise img {width:120px;}
.enterprise h4 {margin:10px 0; height:22px; line-height:22px; font-size:14px;}
.enterprise p {line-height:20px; font-size:12px;}
}

/*mod2*/
.mod2 {padding:0;}
@media screen and (max-width:768px) {
.mod2 {padding:0;}
}

/*mod22*/
.mod22 {padding:0;}
@media screen and (max-width:768px) {
.mod22 {padding:0;}
}


/*mod3*/
.mod3 {padding:80px 0; background:#f2f7fa;}
.manage li {float:left; width:31.666%; box-sizing:border-box; text-align:left; border:1px #9abfe5 solid; background:#FFF; border-radius:5px; padding:2% 3%;box-shadow:0 5px 15px 0 #d8ebfb;}
.manage li:nth-child(n+2){margin-left:2.5%;}
.manage li:nth-child(n+4){margin-top:2.5%;}
.manage li:nth-child(4){margin-left:0%;}

.mod3 h3{ width:100%; display:block; text-align:center; font-size:20px; line-height:50px;}
.mod3h340{margin-top:40px;}

.manage img {width:116px; float:left;}
.manage p {line-height:24px; font-size:14px; padding:10px 0 0 125px;}
.manage p b{ color:#ff6600; font-weight:normal;}
.manage p:nth-of-type(2){margin-top:8px;}
@media screen and (max-width:768px) {
.mod3 {padding:25px 0;}
.mod3h340{margin-top:10px;}
.manage li {width:100%; height:120px; border:1px #ddd solid; box-sizing:border-box; padding:5%;}
.manage li:nth-child(n+2){margin-left:0%;}
.manage li:nth-child(n+2){margin-top:4%;}
.manage li:nth-child(2n+1){margin-left:0;}

.manage img {width:116px;}
.manage p {line-height:24px; font-size:14px; padding:0;}
}

/*mod4*/
.mod4 {position:relative; padding:80px 0; z-index:2;}
.mod4 .htitle {margin-bottom:60px;}

.mod4 h3 {height:50px; line-height:50px; font-size:24px; text-align:center;}
.mod4 h3 b {color:#ff6600;}

.plan {position:relative; padding:20px 0 0; text-align:center; border:1px solid #d6e5f3; border-radius:10px; box-sizing:border-box;}
.plan h3 {position:absolute; top:-30px; left:50%; margin-left:-70px; width:140px; background-color:#fff;}
.plan ul {/*margin: 0 auto; width: 94%;*/ text-align:center; font-size:0;}
.plan li {position:relative; display:inline-block; vertical-align:top; height:180px;}
.plan li:nth-of-type(2n+1) {width:19%;}
.plan li:nth-of-type(2n) {width:8%;}
.plan img {margin:0 auto; width:180px;}
.plan h4 {margin-top:10px; font-size:14px; font-weight:700;}/*************************************/
.plan h4 em {color:#ff6600;}
.plan .plus {position:absolute; top:50%; left:50%; margin:-36px 0 0 -18px; width:35px; height:35px; background:url(../images/plus.png) no-repeat; background-size:cover;}

.software {margin-top:80px;}
.software ul {margin-top:10px;}
.software li {float:left; display:table; padding:20px; width:32%; box-sizing:border-box; border:1px solid #d6e5f3; border-radius:10px; box-shadow:0 5px 15px 0 #fff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.software li:nth-child(n+2) {margin-left:2%;}
.software li:hover {border-color:#9abfe5; box-shadow:0 5px 15px 0 #d8ebfb;}
.software-img, .software-info {display:table-cell; vertical-align:middle; width:50%;}
.software-name,.software-type {width:90%; text-align:center;}
.software-name {height:48px; line-height:48px; font-size:18px; color:#333; font-weight:600;}
.software-type span {display:inline-block; margin:0 auto; padding:0 25px; height:30px; line-height:30px; font-size:14px; font-weight:700; color:#fff; border-radius:15px;}
.software li:nth-child(1) .software-type span {background-color:#3ba5db;}
.software li:nth-child(2) .software-type span {background-color:#1b71bd;}
.software li:nth-child(3) .software-type span {background-color:#20b4b2;}
@media screen and (max-width:768px) {
.mod4 {padding:25px 0;}
.mod4 .htitle {margin-bottom:25px;}
.mod4 h3 {height:30px; line-height:30px; font-size:16px;}

.plan {padding:30px 0 20px; border-radius:6px; height:300px;}
.plan h3 {top:-15px; margin-left:-50px; width:100px;}
.plan li {float:50%; float:left; height:130px;}
.plan li:nth-of-type(2n+1) {width:50%;}
.plan li:nth-of-type(2n+2) {width:100%; height:auto; display:none;}
.plan li:nth-of-type(2n) {width:100%; height:40px;}
.plan img {margin:0 auto; width:100px;}
.plan h4 {margin-top:10px; height:20px; line-height:20px; font-size:12px; }
.plan h4 em {color:#ff6600;}
.plan .plus {margin:-10px 0 0 -10px; width:20px; height:20px;}

.software {margin-top:30px;}
.software ul {margin-top:0px;}

.software li {float:none; padding:20px; width:100%; border-radius:6px; box-shadow:0 3px 6px 0 #fff;}
.software li:nth-child(n+2) {margin-left:0; margin-top: 2%;}
.software-img { width:40%;}
.software-info { width:60%;}
.software-name,.software-type {width:70%; }
.software-name {height:32px; line-height:32px; font-size:18px; }
.software-type span { padding:0 25px; height:30px; line-height:30px; font-size:14px; border-radius:15px;}

}

/*mod5*/
.mod5 {padding:80px 0; background-color:#1b71bd;}
.mod5 .htitle {color:#fff;}

.function li {float:left; padding:30px 50px; width:30%; color:#fff; box-sizing:border-box; border:1px solid rgba(255,255,255,0.3); border-radius:5px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.function li:nth-child(n+2) {margin-left:3.3333%;}
.function li:nth-child(3n+1){margin-left:0;}
.function li:nth-child(n+4) {margin-top: 3.3333%;}

.function li:hover {border:1px solid rgba(255,255,255,0.8);}
.function img {margin:0 auto; width:240px;}
.function h4 {margin:10px 0 5px 0; height:30px; line-height:30px; font-size:18px; font-weight:700; text-align:center;}
.function p {line-height:24px; font-size:14px;}
@media screen and (max-width:768px) {
.mod5 {padding:25px 0;}

.function li {padding:10px 10px; width:48%;}
.function li:nth-child(n+2) {margin-left:4%;}
.function li:nth-child(2n+1){margin-left:0;}
.function li:nth-child(n+3) {margin-top: 4%;}
.function img { width:140px;}
.function h4 {margin-top:10px; height:20px; line-height:20px; font-size:14px;}
.function p {line-height:20px; font-size:12px;}
}

/*mod6*/
.mod6 {padding:80px 0;}
.date{margin-top:25px;}
.date li {float:left; padding:20px 0 20px; width:23%; height:300px; text-align:center; box-sizing:border-box; border:1px solid #ccc; background-color:#fff; border-radius:10px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.date li:nth-child(n+2){margin-left: 2.6666%;}
.date li:hover {box-shadow:0 5px 15px 0 #cbd1d5;}
.date li img {margin:0 auto; width:150px; margin-bottom:20px;}
.date li h4 {height:40px; line-height:40px; font-size:16px; font-weight:700; color:#fff; margin:0 40px; border-radius:5px;}
.date li p {padding:10px 25px 0 25px; line-height:22px; font-size:14px; color:#666;}
.date li p b{ font-size:16px;}

#date1{background:#c00000;}
#date2{background:#ff6600;}
#date3{background:#193a6f;}
#date4{background:#e76c05;}

@media screen and (max-width:768px) {
.mod6 {padding:25px 0;}

.date li {padding:20px 0 10px; width:48%; height:230px; border:1px solid #1b71bd; border-radius:6px;}
.date li:nth-child(n+2){margin-left: 4%;}
.date li:nth-child(n+3){margin-top: 4%;}
.date li:nth-child(2n+1){margin-left: 0;}
.date li:hover {box-shadow:0 3px 5px 0 #cbd1d5;}
.date li img {width:80px;}
.date li h4 {font-size:14px; margin:0 10px; }
.date li p {padding:5px 10px 0; line-height:20px; font-size:12px;}
}



/*mod7*/
.mod7 {padding:80px 0; background-color:#f2f7fa;}

#taba1{width:100%; margin:0px auto; text-align:center;}
#taba1 ul{margin:0;padding:0;}
#taba1 li{display: inline-block; background: #fff; line-height:40px; text-align: center; color: #333; font-size:16px; margin-right:10px; padding: 0px 30px; border-radius: 5px;   border: 1px #ddd solid; cursor:pointer;}
#taba1 li.now{background:#0075c2;color:#FFF;}
#taba1 span{ float:right; font-size:18px; line-height:56px; font-weight:bold;}

.tablista{overflow:hidden; display:none; margin-top:20px; background:#FFF; border:1px #ddd solid; box-sizing:border-box; padding:30px; text-align:center; line-height:35px; font-size:14px;}
.tablista img{ width:auto; max-width:100%; display:inline; margin-top:10px;}
.tablista span{ background:#20b4b2; padding:10px 10px; color:#FFF; margin-right:15px; font-weight:700;}
.block{display:block;}

@media screen and (max-width:768px) {
.mod7 {padding:25px 0;}

#taba1 li{font-size: 0.75rem; padding: 0px 14px; margin-bottom:5px;  margin-right: 0px; margin-top: 10px;}
#taba1 span{display:none;}
.tablista{padding:15px; margin-top:10px;}
.tablista span{ background:#20b4b2; padding:5px 5px; color:#FFF; margin-right:0px; font-weight:normal; display:block; margin-bottom:10px; line-height:18px; font-size:12px;}
}


/*mod8*/
.mod8,.mod9 {padding:80px 0 0; background-color:#f2f7fa;}
.gain li {position:relative; float:left; padding-right:3px; width:25%; box-sizing:border-box;}
.gain li:before {position:absolute; top:60px; left:-3px; content:""; width:3px; height:200px; background-image:-webkit-linear-gradient(to bottom, rgba(158,186,214,0), #9ebad6, #9ebad6, rgba(158,186,214,0)); background-image:linear-gradient(to bottom, rgba(158,186,214,0), #9ebad6, #9ebad6, rgba(158,186,214,0));}
.gain li img {margin:0 auto; width:180px;}
.gain li h4 {margin-top:10px; line-height:24px; font-size:16px; font-weight:700; text-align:center; color:#1b71bd;}
.gain li p {padding:10px 60px 0; line-height:22px; font-size:14px;}
@media screen and (max-width:768px) {
.mod8,.mod9 {padding:40px 0 0;}

.gain li { padding-right:0; width:48%; height: 250px; border:1px #ddd solid; box-sizing:border-box; padding:2% 0;}
.gain li:nth-child(n+2){margin-left:4%;}
.gain li:nth-child(n+3){margin-top:4%;}
.gain li:nth-child(2n+1){margin-left:0;}

.gain li:before { display: none; }
.gain li img {width:120px;}
.gain li h4 {margin-top:5px; line-height:20px; font-size:14px;}
.gain li p {padding:10px 10px 0; line-height:20px; font-size:12px;}
}
/*mod10*/
.mod10 {padding:80px 0 80px; background-color:#f2f7fa;}
.compete {position:relative; height:420px;}
.compete li {position:absolute; width:270px; height:210px;}
.compete li:nth-child(1) {top:0; left:50px;}
.compete li:nth-child(2) {top:210px; left:50px;}
.compete li:nth-child(3) {top:0; right:50px;}
.compete li:nth-child(4) {top:210px; right:50px;}
.compete li h4 {font-size:18px; font-weight:700; color:#1b71bd;}
.compete li p {margin-top:10px; line-height:24px; font-size:14px;}
.compete-img {position:absolute; top:50%; left:50%; margin:-150px 0 0 -210px; width:420px;}
@media screen and (max-width:768px) {
.mod10 {padding:40px 0 25px;}

.compete {height: auto;}
.compete li {position: relative; width:100%; height:auto; margin-bottom:20px;}
.compete li:nth-child(1) { top: auto; left:0;}
.compete li:nth-child(2) {top:auto; left:0; margin-top: 10px;}
.compete li:nth-child(3) {top:auto; right:auto; margin-top: 10px;}
.compete li:nth-child(4) {top:auto; right:auto; margin-top: 10px;}
.compete li h4 {line-height:28px; font-size:16px; text-align: center;}
.compete li p {margin-top:0px; line-height:20px; font-size:12px; padding:0 20px;}
.compete-img {position:relative; top:0; left:0; margin:10px auto 0; width:220px;}
}

/*mod11*/
.mod11 {padding:80px 0;}
.client li {float:left; width:13.5%; box-sizing:border-box; border:1px solid #eee;}
.client li:nth-child(n+2) {margin-left:0.916666%;}
.client li:nth-child(n+8) {margin-top:0.916666%;}
.client li:nth-child(7n+1){margin-left:0;}
.client-more {margin-top:40px; height:48px; text-align:center;}
.client-more a {padding:10px 50px; height:48px; line-height:48px; font-size:18px; color:#fff; text-align:center; background-color:#1662ae; border-radius:24px;}
@media screen and (max-width:768px) {
.mod11 {padding:25px 0;}
.client-more {margin-top:20px; height:24px; text-align: center;}
.client-more a {float:none; display: inline-block; margin:0 auto; padding:0 20px; height:24px; line-height:24px; font-size:13px;  border-radius:12px;}
}

/*mod12*/
.mod12 {padding:80px 0; background-color:#f2f7fa;}
.aosai {display:inline-block; vertical-align:middle; margin-right:15px; width:200px; height:50px; background:url(../images/aosai_logo.png) no-repeat; background-size: cover;}
.mod12 .htitle h5:nth-of-type(1) {margin-top:10px; color:#1b71bd; font-weight:700;}
.solution li { position: relative; float:left; padding:40px 0 25px; width:23%; height:600px; box-sizing:border-box; border:1px solid #e0edf7; background-color:#fff; border-radius:10px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.solution li:nth-child(n+2){margin-left: 2.6666%;}
.solution li:hover {box-shadow:0 3px 10px 0 #cbd1d5;}
.solution li img {margin:0 auto; width:150px;}
.solution li h4 {height:32px; line-height:32px; font-size:16px; font-weight:700; text-align:center; color:#1b71bd;}
.solution li .p1 {margin-bottom: 20px; line-height: 22px; font-size: 14px; text-align:center; }
.solution li .p2 {margin: 10px 0 15px; padding:0 40px; height: 144px; line-height:24px; font-size:14px; text-align:center;}
.solution li .p2 em { color: #ff6600; }
.solution li .p3 {margin-bottom: 15px; height:24px; line-height:24px; font-size:16px; text-align: center;}
.solution-more { position: absolute; bottom:30px; left: 50%; margin-left: -85px; width: 170px; height: 34px; line-height: 34px; font-size:14px; color: #fff; font-weight: 700; text-align: center; background-color: #1662ae; border-radius: 17px; }
.solution-more:hover { color: #fff; background-color: #019dda; }
@media screen and (max-width:768px) {
.mod12 {padding:25px 0;}

.aosai {margin-right:10px; width:100px; height:25px; }
.mod12 .htitle h5:nth-of-type(1) {margin-top:5px;}
.solution li { padding:20px 0 10px; width:48%; height:450px; border-radius:5px;}
.solution li:nth-child(n+2){margin-left: 4%;}
.solution li:nth-child(n+3){margin-top: 4%;}
.solution li:nth-child(2n+1){margin-left: 0;}
.solution li:hover {box-shadow:0 3px 10px 0 #cbd1d5;}
.solution li img {margin:0 auto; width:140px;}
.solution li h4 {height:20px; line-height:20px; font-size:14px;}
.solution li .p1 {margin-bottom: 10px; line-height:20px; font-size:12px; }
.solution li .p2 {margin: 5px 0 10px; padding:0px; height:115px; line-height:20px; font-size:12px;}

.solution li .p3 {margin-bottom: 8px; height:20px; line-height:20px; font-size:12px;}
.solution-more { bottom:15px; margin-left: -50px; width: 100px; height: 24px; line-height: 24px; font-size: 13px; border-radius: 12px; }
}


/*mod13*/
.mod13 {padding:80px 0;}
.zhanrui {display:inline-block; vertical-align:middle; margin-right:15px; width:214px; height:50px; background:url(../images/zr_logo.jpg) no-repeat; background-size: cover;}
.about-info { margin:0 auto; width: 80%; line-height:24px; font-size:14px; text-align: center; }
.about-img { margin:10px 0 50px 0;}
.about-img li { float: left; width: 19%; }
.about-img li:nth-child(n+2) { margin-left:1.25%; }

.about-l { float: left; width: 48.5% }
.about-r { float: right; width: 48.5% }

.about-l .htitle,.about-r .htitle { text-align: left; margin-bottom:0px; }
.about-l .htitle h2, .about-r .htitle h2, .about-l .htitle .arrow, .about-r .htitle .arrow { display: inline-block; vertical-align: middle; margin-top: 0; }
.about-l .htitle .arrow:before, .about-r .htitle .arrow:before { display: none }
.about-main p { margin-bottom:10px; line-height:24px; font-size:14px; }
@media screen and (max-width:768px) {
.mod13 {padding:25px 0;}

.zhanrui { margin-right:8px; width:107px; height:25px;}
.about-info {width: 90%; line-height: 20px; font-size: 12px;}
.about-img { margin: 15px 0;}
.about-img li { float: left; width: 19%; }
.about-img li:nth-child(n+2) { margin-left:1.25%; }

.about-l,.about-r { float: none; width: 100% }
.about-r  { margin-top: 15px; }
.about-l .htitle,.about-r .htitle {  text-align: center; margin-bottom: 10px; }
.about-l .htitle h2, .about-r .htitle h2, .about-l .htitle .arrow, .about-r .htitle .arrow {display: block; margin-top: 0; }
.about-l .htitle .arrow:before, .about-r .htitle .arrow:before { display: inline-block; ; }
.about-main p { margin-bottom: 10px; line-height:20px; font-size:12px; }

}

/*footer*/
.footer {position:relative; padding:70px 0 130px 0; background:url(../images/footer-bg.jpg) center top no-repeat; overflow:hidden;}
.footer_left{float:left; width:50%;}
.footer_left_logo img{width:auto;}
.footer_left_tel{height:30px; line-height:30px; background:url(../images/tel.png) left center no-repeat; color:#1681d4; padding-left:35px; font-size:24px; margin:15px 0 20px 0;}
.footer_left_txt{ font-size:14px; line-height:26px; margin-bottom:15px;}
.footer_left ul{ overflow:hidden; margin-bottom:20px;}
.footer_left ul li{float:left; border:1px #ddd solid; box-sizing:border-box; padding:10px;}
.footer_left ul li img{ width:100px; display:block;}
.footer_left ul li p{text-align:center;}
.footer_left ul li:nth-child(n+2){ margin-left:20px;}
.footer_left_link{}
.footer_left_link h3{ font-size:14px; font-weight:700;}
.footer_left_link p a{line-height:35px; margin-right:30px;}

.footer_right{float:left; width:50%;}
.footer_right ul{padding-left:80px; overflow:hidden;}
.footer_right ul li { margin-bottom:18px;}
.footer_right ul li a{line-height:20px; margin-right:20px; font-size:14px; padding:10px 0;}
.footer_right ul li p {font-weight:700; display:block; height:24px; line-height:24px; font-size:14px!important;}
.footer_right_copy{ margin-top:20px; line-height:28px; padding-left:80px;}

@media screen and (max-width:768px) {
.footer { padding:30px 0; background:#fff;}
.footer_left{float:left; width:100%; background:#ffff;}
.footer_left_tel{height:30px; line-height:30px; background:url(../images/tel.png) left center no-repeat; color:#1681d4; padding-left:35px; font-size:24px; margin:10px 0 15px 0;}
.footer_left_txt{ font-size:12px; line-height:22px; margin-bottom:15px;}
.footer_left ul{ overflow:hidden; margin-bottom:30px;}
.footer_left ul li{float:left; border:1px #ddd solid; box-sizing:border-box; padding:5px;}
.footer_left ul li img{ width:80px; display:block;}
.footer_left ul li p{text-align:center;}
.footer_left ul li:nth-child(n+2){ margin-left:15px;}
.footer_left_link p {margin-top:0px;}
.footer_left_link p a{line-height:24px; margin-right:30px;}

.footer_right{float:left; width:100%; padding-top:40px;}
.footer_right ul{padding-left:0px; overflow:hidden;}
.footer_right ul li { margin-bottom:20px;}
.footer_right ul li a{line-height:20px; margin-right:15px; font-size:12px; padding:0;}
.footer_right ul li p a{font-weight:700; display:block; height:20px; font-size:14px!important;}
.footer_right_copy{ margin-top:5px; line-height:22px; padding-left:0px;}
}




#idbf{width:100%; height:80px; margin:0 auto; bottom:0; position:fixed; z-index:98; background:url(../images/backpng.png); border-bottom:1px #ddd solid;}
.txt { width:1200px; height:80px; margin:0 auto; background:url(../images/end.png) left center no-repeat;}
.txt ul{}
.txt ul li{float:right;width:100%; text-align:right;}
.textend{ border:0; background:#fff; color:#333333; height:36px; line-height:36px; width:42%; font-size:14px; float:left; margin-right:5%; padding-left:3%; border-radius:5px;}

.submitend{height:36px; line-height:36px; text-align:center; border:0; font-weight:bold; border-radius:5px; margin-top:22px; background:#ff6600;color:#fff; font-size:16px; padding:0 25px; display:inline;}
.submitend:hover{cursor:pointer; background:#ff4400; color:#fff;}

.show_weixin{line-height:36px; text-align:center; border:0; font-weight:bold; border-radius:5px; margin-top:22px; background:#ff6600; color:#fff; font-size:16px; float:left; position:relative; padding:0 25px; left:743px;}
.show_weixin:hover{cursor:pointer; background:#ff4400; color:#fff;}
.show_weixin a , .show_weixin:hover a{color:#fff;}
.show_weixin:hover .weixin_content{display: block;}

.weixin_content {
  display: none;
  position: absolute;
  background-color:#f9f9f9;
  width: 130px;
  height: 130px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:99999;
  margin-left:-25px;
  overflow:hidden;
  bottom:40px;
}
.weixin_content img{ width:100%; border:0px;}


.submitclose{ width:60px; height:36px; line-height:36px; text-align:center; border:0; font-weight:bold; border-radius:5px; margin-top:22px; background:#555;color:#fff; font-size:14px; font-weight:normal;}
.submitclose:hover{cursor:pointer; background:#7f000f; color:#fff;}
@media screen and (max-width: 768px) {
#idbf{display:none;}
}