/* 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:#222; 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 {height:3px; text-align:center; background:#ffc72a; width:150px; margin:5px auto 50px;}
@media screen and (max-width:768px) {
.htitle {margin-bottom:15px; width:92%; padding:0 4%;}
.htitle h2 {line-height:24px; 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:5px auto; height:3px;}
.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:35px; line-height:35px; font-size:20px; text-align:center; font-weight:700;}
.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:370px; box-sizing:border-box; border:1px solid #ddd; text-align:center; -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:#ccc; box-shadow:0 5px 15px 0 #ddd;}

.enterprise img {margin:0 auto; width:228px;}
.enterprise h4 {height:35px; line-height:35px; font-size:20px; text-align:center; font-weight:700;}
.enterprise p {line-height:24px; font-size:14px; padding-bottom:10px; border-bottom:2px #ffc72a solid;}
.enterprise li:hover p{border-bottom:2px #ff0000 solid;}

@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:240px; 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:100px 0; background:url(../images/banner1.jpg) center center no-repeat; background-size:cover; text-align:center; color:#FFF;}
.mod2 h2{ font-size:36px; line-height:40px; font-weight:700; margin-bottom:30px;}
.mod2 h2 i{ color:#ffc72a;}
.mod2 p{ font-size:20px; line-height:40px;}
.mod2 h4{ width:160px; height:45px; line-height:45px;  font-size:20px; font-weight:700; color:#000;  margin:40px auto 0; border-radius: 5px; background:#ffc72a;}
.mod2 h4:hover{ background:#C00; color:#FFF;}
.mod2 h4:hover a{color:#FFF;}

@media screen and (max-width:768px) {
.mod2 {padding:35px 0;}
.mod2 h2{ font-size:18px; line-height:30px; font-weight:700; margin-bottom:20px;}
.mod2 h2 i{ color:#ffc72a;}
.mod2 p{ font-size:14px; line-height:24px;}
.mod2 h4{ margin:10px auto 0;}

}

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


/*mod3*/
.mod3 {padding:80px 0; background:#f5f5f5;}
.manage li {float:left; width:48.75%; text-align:center;}
.manage li:nth-child(n+2){margin-left:2.5%;}
.mod3 .manage li h3{width:480px; display:block; text-align:center; font-size:20px; line-height:50px; box-sizing:border-box; border:1px #ffc72a solid; padding:2% 6%; background:#FFF; margin:0 auto 20px; font-weight:700;}
.manage li img {width:480px; display:inline; border-radius:0px; box-sizing:border-box; border:1px #ddd solid; padding:5% 6%; background:#FFF; }
@media screen and (max-width:768px) {
.mod3 {padding:25px 0;}
.manage li {width:100%; border:1px #ddd solid; box-sizing:border-box; padding:5%; overflow:hidden;}
.manage li:nth-child(n+2){margin-left:0%;}
.manage li img {width:100%;}
.mod3 .manage li h3{ width:100%;}
}



/*mod4*/
.mod4 {padding:80px 0; background:url(../images/banner2.jpg) center center no-repeat; background-size:cover; text-align:center; color:#FFF;}
.mod4 .htitle {margin-bottom:60px;}

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

.plan {padding:0px; text-align:center; overflow:hidden;}
.plan h3 {width:400px; background-color:#ffc72a; color:#000; font-weight:700; margin:0 auto; font-size:30px; height:60px; line-height:60px;}
.plan ul {margin:0 auto; width:90%; text-align:center; padding-top:60px; overflow:hidden;}
.plan li {display:inline-block; float:left; width:20.5%;}
.plan li:nth-child(n+2){margin-left:6%;}

.plan img {margin:0 auto; width:120px;}
.plan h4 {margin-top:10px; font-size:18px; font-weight:700; color:#ffc72a;}/*************************************/
.plan p {font-size:14px; line-height:22px; padding-top:10px;}

.mod4 h5{ width:200px; height:45px; line-height:45px;  font-size:20px; font-weight:700; color:#000;  margin:60px auto 0; border-radius: 5px; background:#ffc72a;}
.mod4 h5:hover{background:#C00; color:#FFF;}
.mod4 h5:hover a{color:#FFF;}

@media screen and (max-width:768px) {
.mod4 {padding:35px 0;}
.mod4 .htitle {margin-bottom:25px;}
.mod4 h3 {height:30px; line-height:30px; font-size:16px;}

.plan {padding:0px 0; border-radius:6px;}
.plan ul {width:100%; text-align:center; padding-top:20px; overflow:hidden;}

.plan h3 {width:80%; margin:0 auto;}
.plan li {width:47%; float:left; margin-bottom:10%;}
.plan li:nth-child(3){margin-left:0%;}
.plan img {margin:0 auto; width:80px;}
.plan h4 {margin-top:5px; height:20px; line-height:20px; font-size:16px; }

.mod4 h5{ margin:0px auto 0;}
}





/*mod5*/
.mod5 {padding:40px 0; background-color:#fff;}

.function li {float:left; padding:0px; width:100%; box-sizing:border-box; border-bottom:1px solid rgba(0,0,0,0.1); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; margin-bottom:30px; padding-bottom:30px;}
.function li:hover {border-bottom:1px solid rgba(0,0,0,0.1);}
.function img {width:350px; display:inline;}
.imgleft{ float:left; margin-right:150px;}
.imgright{ float:right; margin-left:150px;}
.function h4 {margin:45px 0 5px 0; height:30px; line-height:30px; font-size:26px; font-weight:700; text-align:left; color:#000;}
.function h5{color:#ffc72a; padding:10px 0; font-size:20px;font-weight:700;}
.function p {line-height:34px; font-size:16px;}

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

.imgleft{ float:left; margin-right:10px;}
.imgright{ float:right; margin-left:10px;}

.function li {padding:10px 10px; width:100%; margin-bottom:0px;}
.function li:nth-child(n+2) {margin-left:0%;}
.function li:nth-child(2n+1){margin-left:0;}
.function li:nth-child(n+1) {margin-top:4%;}
.function img { width:140px;}
.function h4 {margin-top:10px; height:20px; line-height:20px; font-size:16px;}
.function p {line-height:20px; font-size:12px;}
.function h5{font-size:18px;font-weight:700;}

}




/*mod6*/
.mod6 {padding:40px 0; background:url(../images/banner3.jpg) center center no-repeat; background-size:cover; text-align:center; color:#FFF;}
.mod6 .lefttxt{ float:left; width:60%; text-align:left;}
.mod6 .lefttxt h3{font-size:28px; line-height:40px; font-weight:700; margin-bottom:15px; margin-top:15px;}
.mod6 .lefttxt h3 em{ color:#ffc72a;}
.mod6 .lefttxt h4{ font-size:18px; line-height:30px;}
.mod6 .righttxt {float:right;}
.mod6 .righttxt p{font-size:14px; text-align:right; padding-right:10px; line-height:28px;}
.mod6 .righttxt img{width:120px;}

@media screen and (max-width:768px) {
.mod6 {padding:5px 0;}
.mod6 .lefttxt h3{font-size:20px; line-height:30px; font-weight:700; margin-bottom:5px; margin-top:5px;}
.mod6 .lefttxt h3 em{ color:#ffc72a;}
.mod6 .lefttxt h4{ font-size:14px; line-height:22px;}
}


/*mod66*/
.mod66 {padding:40px 0; background:url(../images/banner4.jpg) center center no-repeat; background-size:cover; text-align:center; color:#FFF;}
.mod66 .lefttxt{ float:left; width:60%; text-align:left;}
.mod66 .lefttxt h3{font-size:35px; line-height:40px; font-weight:700; margin-bottom:10px; margin-top:10px;}
.mod66 .lefttxt h3 em{ color:#ffc72a;}
.mod66 .lefttxt h4{ font-size:14px; line-height:24px;}
.mod66 .righttxt {float:right;}
.mod66 .righttxt p{font-size:14px; text-align:right; padding-right:10px; line-height:28px;}
.mod66 .righttxt img{width:120px;}

@media screen and (max-width:768px) {
.mod66 {padding:5px 0;}
.mod66 .lefttxt h3{font-size:24px; line-height:30px; font-weight:700; margin-bottom:10px; margin-top:10px;}
}

/*mod666*/
.mod666 {padding:40px 0; background:url(../images/banner5.jpg) center center no-repeat; background-size:cover; text-align:center; color:#FFF;}
.mod666 .lefttxt{ float:left; width:60%; text-align:left;}
.mod666 .lefttxt h3{font-size:24px; line-height:30px; font-weight:700; margin-bottom:10px; margin-top:10px;}
.mod666 .lefttxt h3 em{ color:#ffc72a;}
.mod666 .lefttxt h4{ font-size:14px; line-height:24px;}
.mod666 .righttxt {float:right;}
.mod666 .righttxt p{font-size:14px; text-align:right; padding-right:10px; line-height:28px;}
.mod666 .righttxt img{width:120px;}

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

}




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

.safe ul {margin-top:20px;}
.safe li {float:left; padding:20px 20px; width:17.6%; height:300px; box-sizing:border-box; border:1px solid #ececec; text-align:center; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.safe li:nth-child(n+2){margin-left:3%;}
.safe li:nth-child(5n+1){margin-left:0;}
.safe li:nth-child(n+6){margin-top:3%;}
.safe li:hover {border-color:#ccc; box-shadow:0 5px 15px 0 #f5f5f5;}

.safe img {margin:0 auto; width:150px;}
.safe h3 {margin:5px 0; height:32px; line-height:32px; font-size:18px; font-weight:700; text-align:center;}

.safe h4 {margin:5px 0; height:32px; line-height:32px; font-size:16px; font-weight:700; color:#ffc72a;}
.safe p {line-height:24px; font-size:14px;}

@media screen and (max-width:768px) {
.mod7 {padding:25px 0;}
.safe1{ margin-bottom:10px;}
.safe li {padding:10px 5px; width:48%; height:250px; border-radius:6px;}
.safe li:nth-child(2n+1){margin-left:0;}
.safe li:nth-child(n+3){margin-top:4%;}
.safe li:nth-child(6){margin-left:3%;}
.safe li:hover {box-shadow:0 3px 10px 0 #d8ebfb;}

.safe h3 {margin:5px 0; line-height:24px; font-size:14px; font-weight:700; text-align:center; height:auto;}
.safe img {width:120px;}
.safe h4 {margin:10px 0; height:22px; line-height:22px; font-size:14px;}
.safe p {line-height:20px; font-size:12px;}
}


/*mod8*/
.mod8 {padding:80px 0; background-color:#f5f5f5;}

.mod8_left{width:70%; margin-right:5%; float:left;}
.client li {float:left; width:22.75%; box-sizing:border-box; border:1px solid #eee;}
.client li:nth-child(n+2) {margin-left:3%;}
.client li:nth-child(n+5) {margin-top:3%;}
.client li:nth-child(4n+1){margin-left:0;}
.client li img{width:189px; height:76px;}

.mod8_right{ float:right; width:25%; border:1px #ddd solid; background:#FFF; box-sizing:border-box;}
.mod8_right h3{ background:#ffc72a; height:50px; line-height:50px; text-align:center; color:#FFF; font-size:24px; font-weight:700;}
.scroll {width:92%; padding:4%; height:410px; overflow:hidden; background:#FFFFFF;}
.scroll li {height:45px; line-height:45px; border-bottom:1px #ddd solid; font-size:16px;}

@media screen and (max-width:768px) {
.mod8 {padding:25px 0;}
.mod8_left{width:100%; margin-right:0%; margin-bottom:20px;}
.mod8_right{width:100%;}

.client li img{width:100%; height:31px;}
}





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

.sur{}
.sur ul {margin-top:20px;}
.sur li {float:left; padding:0px 20px; width:22.5%; height:270px; box-sizing:border-box; text-align:center; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.sur li:nth-child(n+2){margin-left:3.3333%;}
.sur li:nth-child(4n+1){margin-left:0;}
.sur li:nth-child(n+5){margin-top:2.3333%;}
.sur li:hover {}

.sur img {margin:0 auto; width:228px;}
.sur h4 {height:35px; line-height:35px; font-size:20px; text-align:center; font-weight:700; margin-top:15px;}
.sur p {line-height:24px; font-size:14px; padding:0 20px 10px 20px;}

@media screen and (max-width:768px) {
.mod9 {padding: 25px 0;}
.sur1{ margin-bottom:10px;}
.sur2, .sur ul {margin-top:10px;}
.sur li {padding:10px 5px; width:48%; height:190px; border-radius:6px;}
.sur li:nth-child(2n+1){margin-left:0;}
.sur li:nth-child(n+3){margin-top:4%;}
.sur li:hover {box-shadow:0 3px 10px 0 #d8ebfb;}

.sur img {width:120px;}
.sur h4 {margin:5px 0; height:22px; line-height:22px; font-size:14px;}
.sur p {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;}
}




/*mod12*/
.mod12 {padding:80px 0; background-color:#222222;}
.mod12 .htitle{color:#FFF;}
.solution li {float:left; padding:0px 0px; width:18.4%;}
.solution li:nth-child(n+2){margin-left:2%;}
.solution li img {margin:0 auto;}

.mod12 .main{position: relative;}
.certificate .swiper-slide img {margin:0 auto; width:100%;}
.certificate-next {top: 55%; right:-3%; background-image:none; background:url(../images/next_l.png) no-repeat; background-size:cover;outline:none;}
.certificate-prev {top: 55%; left: -3%; background-image:none; background:url(../images/prev_l.png) no-repeat; background-size:cover;outline:none;}

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

.solution li{ padding:10px 0; width:48%; height:80px; 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;}
}


/*mod13*/
.mod13 {padding:80px 0;}
.mod13 .htitle h2{ font-size:60px; color:#ffc72a; line-height:70px;font-weight:700;}
.mod13 .htitle h5{ font-size:24px; line-height:36px; font-weight:700; margin:10px 0;}

.about-info {margin:0 auto; width: 80%; line-height:40px; font-size:30px; text-align:center; color:#ffc72a; font-weight:700;}
.about-img {margin:10px auto; width:40%; font-size:24px; border:1px #ddd solid; padding:20px; overflow:hidden; line-height:40px;}
.about-img img{float:left; width:auto; display:inline; margin-right:20px;}

.mod13 h4{ width:160px; height:45px; line-height:45px;  font-size:20px; font-weight:700; color:#000;  margin:20px auto 0; border-radius: 5px; background:#ffc72a; text-align:center;}
.mod13 h4:hover{ background:#C00; color:#FFF;}
.mod13 h4:hover a{color:#FFF;}

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

.mod13 .htitle h2{ font-size:30px; color:#ffc72a; line-height:40px;font-weight:700;}
.mod13 .htitle h5{ font-size:18px; line-height:30px; font-weight:700; margin:10px 0;}

.about-info {width: 90%; line-height:20px; font-size:18px;}
.about-img {margin:15px 0; width:94%; padding:3%; font-size:16px; line-height:28px;}
.about-img li {float: left; width: 19%; }
.about-img li:nth-child(n+2) { margin-left:1.25%; }
}


/*mod14*/
.mod14 {padding:80px 0; background-color:#000;}
.mod14 .htitle{color:#FFF;}
.pico li {float:left; padding:0px 0px; width:15%; text-align:center;}
.pico li:nth-child(n+2){margin-left:2%;}
.pico li img {margin:0 auto; display:inline; width:150px;}
.pico h4 {margin-top:10px; font-size:18px; font-weight:700; color:#ffc72a;}/*************************************/
.pico p {font-size:14px; line-height:22px; padding-top:10px; color:#FFF;}


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

.pico li { padding:20px 0 10px; width:48%; height:160px; border-radius:5px;}
.pico li:nth-child(n+2){margin-left: 4%;}
.pico li:nth-child(n+3){margin-top: 4%;}
.pico li:nth-child(2n+1){margin-left: 0;}
.pico li:hover {box-shadow:0 3px 10px 0 #cbd1d5;}
.pico li img {margin:0 auto; width:100px;}
}


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