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

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:Verdana, Arial, 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;}

/***htitle***/
.htitle {position:relative; margin:0 auto 30px; width:100%; line-height:40px; text-transform:uppercase; overflow:hidden;}
.htitle h2 {float:left; font-size:22px; color:#222;}

@media screen and (max-width:768px) {
.htitle {margin-bottom:15px; line-height:30px; text-align:center;}
.htitle h2 {float:none; width:100%; font-size:16px;}
}

/***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;}
.banner .slides {/*height:620px;*/}
.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;}
}

/*words*/
.words { position: relative; z-index: 2;}
.words h2 { line-height: 50px; font-size:34px;}
.words h3 { margin-bottom: 15px;} 
.words .line p {margin-top: 15px; width: 60px; height: 1px; background-color: #7d7d7d; }
.words .text { margin-top: 15px; line-height: 30px; font-size: 18px;}
.words .btns { margin-top: 40px;}
.words .btn-get { position: relative; display: inline-block; vertical-align: top; margin-right: 25px; padding:0 12px; height: 40px; line-height: 40px; font-size: 18px; border:1px solid #0076cf; background: transparent;}
.words .btn-get:after,.words .btn-get span, .words .btns i { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.words .btn-get:after { content:''; position: absolute; top: 0; left: 0; width: 0; height: 40px; display: block; background-color: #0076cf; z-index: 10;}
.words .btn-get span { position: relative; display: inline-block; z-index: 20; color: #0076cf;}
.main:hover .words .btn-get:after {width: 100%;}
.main:hover .words .btn-get span { color: #fff; }
@media screen and (max-width:768px) {
.words { text-align: center; }
.words h2 { line-height: 30px; font-size:18px; font-weight:700;}
.words h3 { margin-bottom: 10px;} 
.words .line p {margin: 10px auto 0; width: 40px; }
.words .text { margin-top: 10px; line-height: 20px; font-size: 12px;}
.words .btns { margin-top: 20px;}
.words .btn-get { margin-right: 15px; padding:0 8px; height: 28px; line-height: 28px; font-size: 12px;}

.words .btn-get:after { height: 28px;}
}
/*icon*/
.row-icon{margin-top: 30px; font-size: 14px; color:#7b7b7b; }
.row-icon > div { float: left; margin-right: 20px;}
.row-icon > div> i {display:block; margin: 0 auto; margin-bottom: 20px; width: 36px; height: 36px; background: #ccc;}
.row-icon > .row-icon-1 >i {background:  url("../images/row-icon-1.png") no-repeat; background-size: cover;}
.row-icon > .row-icon-2 >i {background:  url("../images/row-icon-2.png") no-repeat; background-size: cover;}
.row-icon > .row-icon-3 >i {background:  url("../images/row-icon-3.png") no-repeat; background-size: cover;}
.row-icon > .row-icon-4 >i {background:  url("../images/row-icon-4.png") no-repeat; background-size: cover;}
.row-icon > .row-icon-5 >i {background:  url("../images/row-icon-5.png") no-repeat; background-size: cover;}
.row-icon > .row-icon-6 >i {background:  url("../images/row-icon-6.png") no-repeat; background-size: cover;}
.row-icon > .row-icon-7 >i {background:  url("../images/row-icon-7.png") no-repeat; background-size: cover;}
.row-icon > .row-icon-8 >i {background:  url("../images/row-icon-8.png") no-repeat; background-size: cover;}
.row-icon > .row-icon-9 >i {background:  url("../images/row-icon-9.png") no-repeat; background-size: cover;}
@media screen and (max-width:768px) {
.row-icon{margin-top: 20px; font-size: 12px;}
.row-icon > div { margin: 0; width: 33.33333%}
.row-icon > div> i { margin-bottom: 10px; width: 24px; height: 24px;}
}

/*mod1*/
.mod1 {background: url(../images/bg1.jpg) center no-repeat; background-size: cover; }
.mod1 .main {padding-top: 120px;  height: 472px; }
.mod1 .words h2 { line-height: 50px; font-size:40px; color: #1B2733;}
.mod1 .words h3 { font-size:30px; color: #1B2733;}
.mod1 .words .text { font-size: 20px; color: #1B2733; }
.mod1 .words .btns { width: 360px; }
.mod1 .words .btns a:last-child {  margin-top: 20px; }
.mod1 .words .btns i { position: relative; display: inline-block;vertical-align: middle; margin:0 0 4px 10px; width: 24px; height: 24px; z-index: 30; background: url(../images/play.png) no-repeat; background-size: cover; }
.main:hover .words .btns i { background: url(../images/play_hover.png) no-repeat; background-size: cover; }
@media screen and (max-width:768px) {
.mod1 {background: url(../images/bg1.jpg) left no-repeat; background-size:cover; }
.mod1 .main {padding-top: 30px;  height: 200px; }
.mod1 .words {text-align: left;}
.mod1 .words h2 { line-height: 26px; font-size:16px;}
.mod1 .words h3 { font-size:18px; font-weight:700;}
.mod1 .words .text { font-size: 12px; }
.mod1 .words .btns {margin-top: 10px; width: 100%; }
.mod1 .words .btns a:last-child {  margin-top: 0; }
.mod1 .words .btns i { margin:0 0 2px 6px; width: 20px; height: 20px; }
}

/*mod2*/
.mod2 {overflow: hidden;}
.mod2 .main { padding: 100px 0 50px;}
.mod2 .words { float: left;} 
.mod2 .words h2 { color: #1681d4;}
.mod2 .words .text { color: #1B2733; }
.mod2 .picture {position: relative; float: right; margin-top: -165px; width: 756px;} 
@media screen and (max-width:768px) {
.mod2 .main { padding: 25px 0;}
.mod2 .words, .mod2 .picture { float: none; width: 100%;} 
.mod2 .picture {margin: 0 auto; overflow: hidden;} 
.mod2 .picture img {margin-top:-70px;} 
.mod2 .words h2 { color: #1681d4; font-size:18px; font-weight:700;}
}


/*mod3*/
.mod3 { background-color: #005fd5; overflow: hidden;}
.mod3 .main { padding: 110px 0 0; }
.mod3 .words { float: right; } 
.mod3 .words h2,.mod3 .words .text { color: #fff;}
.mod3 .words .line p {background-color: #aacaf1; }
.mod3 .words .btn-get {border-color:#fff;}
.mod3 .words .btn-get:after { background-color: #fff;}
.mod3 .words .btn-get span {color: #fff;}
.mod3 .main:hover .words .btn-get span { color: #005fd5; }
.mod3 .picture {position: relative; float: left; margin: -127px 0 0 -127px; width: 752px; }
.mod3 .row-icon{ color:#fff;}
@media screen and (max-width:768px) {
.mod3 .main { padding: 25px 0; }
.mod3 .words, .mod3 .picture { float: none; width: 100%; } 
.mod3 .picture {margin: 15px 0 0; }
}

/*mod4*/
.mod4 { overflow: hidden;}
.mod4 .main {padding: 74px 0 29px; }
.mod4 .words {float: left; padding-top:10px; }
.mod4 .words h2 { color: #1681d4;}
.mod4 .words .text { color: #1B2733; }

.mod4 .picture {position: relative; float: right; margin: -133px -60px 0 0; width: 730px;}
@media screen and (max-width:768px) {
.mod4 .main { padding: 25px 0; }
.mod4 .words { float: none; padding-top:0; }
.mod4 .picture { float: none; margin:0; width: 100%; overflow: hidden;}
.mod4 .picture img { margin-top: -40px; }
}

/*mod5*/
.mod5 { background: url(../images/bg-research.png) center no-repeat;  overflow: hidden;}
.mod5 .main { padding: 70px 0 230px;}
.mod5 .words { text-align: center; }
.mod5 .words h2,.mod5 .words .text { color: #fff;}
.mod5 .words .text p:nth-child(2) { margin-top: 15px; color: #4cebdf }
.mod5 .words .line p { margin-left: auto; margin-right: auto; background-color: #aacaf1; }
.mod5 .picture{width: 520px; margin: 25px auto 0;}
@media screen and (max-width:768px) {
.mod5 .main { padding: 25px 0;}
.mod5 .words .text p:nth-child(2) { margin-top: 10px; }
.mod5 .picture{width: 80%; margin: 15px auto 0;}
}

/*mod6*/
.mod6 .main { padding: 70px 0;}
.mod6 .words { text-align: center; }

.scheme-list{ margin: 0 auto; text-align: center;width: 950px;overflow: hidden; margin-top: 30px;}
.scheme-list > a{ text-align: center; width: 30%;  display: block;  float: left; padding: 40px 10px 5px 10px ; color: #070707; border: 2px solid #ccc; height: 400px; position: relative;
border-radius: 8px; margin: 20px 15px;
-webkit-transition: box-shadow 0.2s linear,color 0.2s linear ,border-color 0.2s linear;
-moz-transition: box-shadow 0.2s linear,color 0.2s linear ,border-color 0.2s linear;
-ms-transition: box-shadow 0.2s linear,color 0.2s linear ,border-color 0.2s linear;
-o-transition: box-shadow 0.2s linear,color 0.2s linear ,border-color 0.2s linear;
transition: box-shadow 0.2s linear,color 0.2s linear ,border-color 0.2s linear;
box-sizing: border-box;
}
.scheme-list > .scheme-list-2 { border: 2px solid #2073DA;}
.scheme-list > a >.scheme-list-div-1 ,
.scheme-list > a >.scheme-list-div-2 ,
.scheme-list > a >.scheme-list-div-3 { color:#939496; line-height: 28px;}
.scheme-list > a >.scheme-list-div-2 { color: #2B7FE8;}
.scheme-list > a p{ font-size: 16px;  color: #5C5F63;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}
.scheme-list-2 > .scheme-list-div-2 >p { color: #2460D8;}
.scheme-list > a > h2{ margin-bottom: 20px; font-weight: normal; font-size: 24px;}
.scheme-list > a > .scheme-list-h2-2 {color: #2B7FE8;}
.scheme-list > a:hover{ -webkit-box-shadow: 0 0 30px #ccc; -moz-box-shadow: 0 0 30px #ccc; box-shadow: 0 0 30px #ccc; cursor: pointer;}
.scheme-list .scheme-list-img { margin-left: auto; margin-right: auto; width: 100px; }

.know-more {color: #3375E9; position: absolute;bottom: 10px; right: 10px;}
.know-more img { display: inline-block; vertical-align: middle; width: 20px; }
@media screen and (max-width:768px) {
.mod6 .main { padding: 25px 0;}

.scheme-list{ width: 100%; margin-top: 15px;}
.scheme-list a{width:90%; float:none; padding: 5px 8px; height:320px; border-radius: 4px; margin:0 auto;}
.scheme-list a:nth-child(n+2){ margin-top:30px; }
.scheme-list a p{ font-size: 14px;}
.scheme-list a  h2{ margin-bottom: 10px; font-size:18px; font-weight:700;}
.scheme-list a:hover{ -webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 310px #ccc; cursor: pointer;}
}

/*mod7*/
.mod7 { background-color: #f6f6f6; }
.mod7 .main { padding: 70px 0; }
.mod7 .words { float: left; margin-left: 120px; padding-top:10px; }
.mod7 .words h2 {color: #1681d4;}
.mod7 .words h3 { width: 170px; height: 30px; line-height: 30px; font-size: 18px; color: #fff; text-align: center; background-color: #1681d4; }
.mod7 .picture { position: relative; float: right;  margin-right: 120px; width: 277px; height: 340px;}
.mod7 .picture >p {position: absolute;top: 47px;left: 0; padding:0 35px; width: 100%; color: #fff; font-size: 18px; box-sizing: border-box;}
@media screen and (max-width:768px) {
.mod7 .main { padding: 25px 0; }
.mod7 .words { float: none; margin-left: 0; padding-top:0; }
.mod7 .words h3 { width: 100%; height: 30px; line-height: 30px; font-size:18px; color:#222; background: none; margin-bottom:0;}
.mod7 .picture { float: none;  margin:20px auto 0; width: 210px; height: auto;}
.mod7 .picture >p {top: 30px;  padding:0 25px; width: 100%;  font-size: 14px;}
}

/*mod8*/
.selectus-box { background: #269aff;}
.selectus-list { margin: 0 auto; width: 96%; max-width: 1200px; }
.selectus-list > li { padding: 20px 0; float: left; width: 25%;}
.selectus-list > li > a { display: block; font-size: 22px; line-height: 26px; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.4); text-align: center;}
.selectus-list > li:last-child > a { border-right: 0;}

.mod8 .main { padding:75px 0; }
.mod8 .words { text-align: center; }
.mod8 .words h2 {color: #1681d4;}
.mod8 .picture { margin: 0 auto; width: 1100px; }
@media screen and (max-width:768px) {
.selectus-list {padding: 10px 0;}
.selectus-list > li { padding: 5px 0; width: 50%;}
.selectus-list > li > a { font-size: 16px; line-height:20px; border-right:0; text-align: left;}

.mod8 .main { padding:25px 0; }
.mod8 .picture { width: 100%; }
}

/*mod9*/
.mod9 { background: #1e72e4;}
.mod9 .main {width: 100%; max-width: 100%; }
.mod9 .slides li  { width: 100%; overflow: hidden; background: #1e72e4; }
.mod9 .li-l { float: left;  width: 50%;}
.mod9 .li-r { float: right; width: 50%; }

.mod9 .libox {margin-left: 30%; padding-right: 20px; width: 520px; margin-top: 135px; text-align: left; }
.mod9 .libox img { width: auto; height: 50px; }
.mod9 .words .text, .mod9 .words .btn-get span {color: #fff;}
.mod9 .words .btn-get {border-color:#fff;}
.mod9 .words .btn-get:after { background-color: #fff; }
.mod9 .main:hover .words .btn-get span { color: #005fd5; }

.mod9 .flex-control-nav a{background-color: rgba(255, 255, 255, 0.4);}
.mod9 .flex-control-nav .flex-active{background-color: rgba(255, 255, 255, 1);}
.mod9 .flex-control-nav.flex-control-paging { left: 30%; }
@media screen and (max-width:768px) {
.mod9 .li-l { float: none;  width: 100%; padding-bottom: 25px; }
.mod9 .li-r { float: none; width: 100%;}
.mod9 .libox {margin-left: 0; padding:25px 0 0; width: 96%; margin: 0 auto; text-align: center; }
.mod9 .libox img { height: 25px; margin:0 auto; }
.mod9 .flex-control-nav.flex-control-paging { left: 50%; }
}

/*mod10*/
.mod10 .main { padding: 60px 0; }
.mod10 .words { text-align: center; }
.mod10 .words h2 {color: #1681d4;}
.mod10 .words h2 i { display:inline-block; vertical-align:middle; margin-left:15px; width:25px; height:50px; background:url(../images/news-header-more.png) no-repeat; background-size:cover;}
.news-panel { margin-top: 50px; }
.news-panel li { float: left; width: 22%; border-radius: 3px; overflow: hidden; }
.news-panel li:nth-child(n+2) { margin-left: 4%; }

.news-list {margin-top:20px;}
.news-list a {float:left; width:22%; height:30px; line-height:30px; color:#1681d4; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.news-list a:nth-child(n+2) { margin-left: 4%; }
.news-list a:nth-child(4n+1) { margin-left: 0; }
.news-list i {display:inline-block; vertical-align:middle; margin:0 5px; width:4px; height:4px; background-color:#1681d4; border-radius:50% 50%;}

.news-list a:hover {color:#fff; background-color:#1681d4;}
.news-list a:hover i {background-color:#fff;}
@media screen and (max-width:768px) {
.mod10 .main { padding: 25px 0; }
.mod10 .words h2 i {  margin-left:10px; width:18px; height:18px;}

.news-panel, .news-list { margin-top: 15px; }
.news-panel li { width: 48%;}
.news-panel li:nth-child(n+2) { margin-left: 4%; }
.news-panel li:nth-child(2n+1) { margin-left: 0; }
.news-panel li:nth-child(n+3) { margin-top: 4%; }

.news-list a { width:50%; height:28px; line-height:28px;}
.news-list a:nth-child(n+2) { margin-left: 0%; }
}

/*mod11*/
.mod11 { background: #f6f6f6;}
.mod11 .main { padding: 70px 0 0; }
.mod11 .words { text-align: center; }
.mod11 .words h2 {color: #1681d4;}
.mod11 .picture { margin:0 auto; width:73%;}
@media screen and (max-width:768px) {
.mod11 .main { padding: 25px 0 0; }
.mod11 .picture { width:100%;}
}

/*mod12*/
.mod12 {position:relative; background: #1e72e4; z-index:2;}
.mod12 .main { padding: 60px 0; }
.mod12 .words { text-align: center; }
.mod12 .words h2, .mod12 .words .text {color: #fff;}

.download-list { margin:30px auto 0; width: 750px; }
.download-list li { float: left; width: 150px;}

.download-list li a { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.5); text-align:center; }
.download-list li a:hover { color: #fff;}
.download-list li span {display: inline-block; width: 87px; height: 76px; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}

.download-windows span { background: url(../images/01.png) no-repeat scroll 0 0 transparent; background-size: cover;}
.download-windows:hover span {background: url(../images/01-2.png) no-repeat scroll 0 0 transparent; background-size: cover;}

.download-android span { background: url(../images/02.png) no-repeat scroll 0 0 transparent; background-size: cover;}
.download-android:hover span {background: url(../images/02-2.png) no-repeat scroll 0 0 transparent; background-size: cover;}

.download-iphone span { background: url(../images/03.png) no-repeat scroll 0 0 transparent; background-size: cover;}
.download-iphone:hover span { background: url(../images/03-2.png) no-repeat scroll 0 0 transparent; background-size: cover;}

.download-ipad span { background: url(../images/04.png) no-repeat scroll 0 0 transparent; background-size: cover;}
.download-ipad:hover span {background: url(../images/04-2.png) no-repeat scroll 0 0 transparent; background-size: cover;}

.download-mac span {background: url(../images/05.png) no-repeat scroll 0 0 transparent; background-size: cover;}
.download-mac:hover span { background: url(../images/05-2.png) no-repeat scroll 0 0 transparent; background-size: cover;}

.download-outlook span {background: url(../images/06.png) no-repeat scroll 0 0 transparent; background-size: cover;}
.download-outlook:hover span { background: url(../images/06-2.png) no-repeat scroll 0 0 transparent; background-size: cover;}
@media screen and (max-width:768px) {
.mod12 .main { padding: 25px 0; }
.download-list { margin:15px auto 0; width: 100%; }
.download-list li {width: 20%;}
.download-list li a { font-size: 12px;}
.download-list li span {width: 52px; height: 45px;}
}


/*mod13*/
.mod13 {background: #f6f6f6;}
.mod13 .main { padding: 70px 0; }
.mod13 .words { text-align: center; }
.mod13 .words h2 {color: #1681d4;}
.mod13 .words h2 img { display:inline-block; vertical-align:middle; margin-right:15px; width:272px;}

.aboutus {margin-top:30px;}
.aboutus li { float:left; width:18%;}
.aboutus li:nth-child(n+2){ margin-left:2.5%;}
.aboutus li h4 { height:35px; line-height:35px; font-size:20px; color:#1681d4; text-align:center;}
.aboutus li p { line-height:26px; font-size:14px; color:#464646;}
@media screen and (max-width:768px) {
.mod13 .main { padding: 25px 0; }
.mod13 .words h2 img {  margin-right:10px; width:100px;}
.aboutus li { width:48%;}
.aboutus li:nth-child(2n){ margin-left:4%;}
.aboutus li:nth-child(2n+1){ margin-left:0;}
.aboutus li:nth-child(n+3){ margin-top:4%;}

.aboutus li h4 { height:32px; line-height:32px; font-size:16px;}
.aboutus li p { line-height:20px; font-size:12px; height:80px;}
}

/*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:765px;}
.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;}
}