html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul { list-style: none;}
blockquote,q { quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table { border-collapse: collapse; border-spacing: 0;}
* { box-sizing: border-box;font-family: "Microsoft YaHei ";}

body{margin: 0px; padding: 0px; line-height: 1; /*background: #e74c3c;*/ font-family: 'Microsoft YaHei', sans-serif; }


.zxzx{
  color: #666;margin-top: 50px;
}
/* 定义keyframe动画，命名为blink */
@keyframes blink{
  0%{opacity: 1;}
  100%{opacity: 0;} 
}
/* 添加兼容性前缀 */
@-webkit-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-ms-keyframes blink {
    0% {opacity: 1; } 
    100% { opacity: 0;}
}
@-o-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
/* 定义blink类*/
.blink{
    color: #ff4a00!important;
    margin-left: -10px;
    animation: blink 1s linear infinite;  
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink 2s linear infinite;
    -moz-animation: blink 2s linear infinite;
    -ms-animation: blink 2s linear infinite;
    -o-animation: blink 2s linear infinite;
}
.blink img{ width: 30px; height: 30px; display: block; margin-top: -81px; margin-left: 95px; }

/* 头部 2021.3.13 11:23 */
.tops{width: 100%; height: auto;}
.top{position:sticky; z-index: 1111; top:0;left:0;min-width:1200px;height:90px;background:#257dff;transition:0.4s all;-webkit-transition:0.4s all;/*display:flex;*/justify-content:center;}
.top * {  box-sizing: border-box;}
.header{ margin:0 auto; width: 1200px; }
.logo{ float: left; width: 360px; }
.menu {float: left; width: 840px; height: 90px;}
.navbar-nav > li:nth-child(2){width: 180px; }
.menu * { box-sizing: border-box;}
.menu .center { width: 840px;}
.menu .ul-list { display: flex;}
.navbar-nav > li {width: 110px;position: relative;}
.navbar-nav > li:last-child{border-right:none;}
.navbar-nav > li > a{height:90px;display:flex;align-items:center;justify-content:center;font-size:14px;text-decoration:none;color:#fff;}
.navbar-nav > li > a.active {border-bottom: solid 2px #fff;  opacity: 1; filter: alpha(opacity=100);}
.navbar-nav > li > a:hover{border-bottom: solid 2px #fff;  opacity: 1; filter: alpha(opacity=100);}
.navbar-nav > li > span{color:#fff;font-size:14px;height:35px;display:flex;align-items:center;justify-content:center;background:#222;}
.navbar-nav > li:hover .ol-list{display:block;}
.navbar-nav .ol-list{display:none;position:absolute;top:122px;left:0;z-index:999;background:#3B9FF2;width:100%;}
.navbar-nav .ol-list > li > a{font-size:14px;text-decoration:none;color:#fff;height:55px;display:flex;align-items:center;justify-content:center;}
.navbar-nav .ol-list > li > a:hover { background: #3a3939;}

/* banner 2021.3.13 11:23 */
/* 全局 */
.banners{ width: 100%; height: auto; }
.sun_banner{
  min-width:1200px;
  height:900px;
  background: -webkit-linear-gradient(#25252D, #515263); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#25252D, #515263); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#25252D, #515263); /* Firefox 3.6 - 15 */
  background: linear-gradient(#25252D, #515263); /* 标准的语法 */
}

.Yl-container { height: 900px; background-color:#000000;  }

.Yl-container{width:100%; height:900px; overflow:hidden; position:relative; }
.Yl-container .Yl-wrapper{ width: 100%; height: 100%; overflow: hidden;position:relative;}
.Yl-container .Yl-wrapper i{list-style:none; font-style:normal;}
.Yl-container .Yl-wrapper .Yl-slide{ width: 100%; height: 100%; overflow: hidden; position:absolute; display: none;}
.Yl-container .Yl-wrapper .Yl-slide.active{ display: block;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img0{width: 100%; height: 100%; background:url(../images/banner1.jpg) top center no-repeat; position:absolute;opacity:0.5; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img1{width: 100%; height: 100%; background:url(../images/banner2.jpg) top center no-repeat; position:absolute;opacity:0.5; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img2{width: 100%; height: 100%; background:url(../images/banner3.jpg) top center no-repeat; position:absolute;opacity:0.5; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-font0,.Yl-container .Yl-wrapper .Yl-slide .Yl-font1,.Yl-container .Yl-wrapper .Yl-slide .Yl-font2{ width: 1200px; height:auto; text-align: center; margin: 0 auto; }
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font0{font-size:25px; color: #fff; margin-top: 320px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font1{font-size:36px; color: #fff; margin-top: 50px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font2{font-size:48px; color: #fff; margin-top: 50px;}

.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font0{font-size:36px; color: #fff; margin-top: 320px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font1{font-size:48px; color: #fff; margin-top: 50px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font2{font-size:36px; color: #fff; margin-top: 50px;}


.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font3{width: 1200px; height:auto; text-align: center; margin: 0 auto;font-size:16px; color: #fff; margin-top: 30px;}

.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font0{font-size:48px; color: #fff; margin-top: 80px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font1{font-size:36px; color: #fff; margin-top: 30px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font2{font-size:36px; color: #fff; margin-top: 30px;}
.Yl-container .Yl-pagination{ width:100%; height: 22px; position: absolute; bottom:20px; z-index: 3; text-align: center;}
.Yl-container .Yl-pagination span{display:inline-block;width:25px;height:5px;margin:0 5px;cursor:pointer;line-height:6px;vertical-align:middle;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s; background:#747581;}
.Yl-container .Yl-pagination span:hover{background:#fff;}
.Yl-container .Yl-wrapper .Yl-slide .fadeInUp i{opacity:0;display:inline-block;vertical-align:text-bottom;transform:translateY(120px);-webkit-transform:translateY(120px);transition:all 1s ease-in-out 0s;-webkit-transition:all 1s ease-in-out 0s;}
.Yl-container .Yl-wrapper .Yl-slide .fadeInUp.act i{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

.Yl-container .Yl-pagination-bullet-active{background:#fff !important;}
.Yl-container .Yl-Button{ position: relative; z-index: 2; width: 1200px; height:60px; margin: 0 auto; text-align:center; margin-top: 50px;}
.Yl-container .Yl-Button a{ display:inline-block; width:150px; height:45px; line-height:45px; font-size:18px; font-weight: bold; color:#fff; text-align:center; margin:0 auto; background:none; margin-top:20px; border:1px #fff solid; text-decoration:none;}
.Yl-container .Yl-Button a:hover{ background:#fff; color:#000;}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft{ position:relative; z-index: 1;}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft i{display:inline-block;text-align:left;}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft i b{opacity:0;display:inline-block;white-space:nowrap;overflow:hidden;transition:all 0.6s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s; width:10%;}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft.act i b{width:100%;opacity:1;}
@keyframes Yl-img_an
{
  0%{transform:scale(1,1);}
  100%{transform:scale(1.5,1.5);}
}



#secd{width: 100%; height:1050px; } /*height:900px; */
.secd_box{width: 1200px; height: auto; text-align: center; margin: 0 auto;}
.secd_box_1{ padding-top: 122px; padding-bottom: 20px;}
h1{font-size: 32px; font-weight: middle; }
.secd_box_2,.secd_box_3,.secd_box_4{ font-size: 16px; padding-top:20px; }
.secd_box_5{font-size: 18px;  padding-top: 40px; padding-bottom: 20px;} /*padding-top: 40px;*/ 
a{text-decoration:none;}
.all_button { display: inline-block;  background: #fff; border: solid 1px #3B9FF2; color: #3B9FF2; padding: 12px 30px; border-radius: 3px; overflow: hidden;}
.all_button:hover {background: #3B9FF2;color: #3B9FF2; color: #fff;}
.secd_box_6{font-size: 14px; color: #343434;}


/*#secd{width: 100%; height:900px; }
.secd_box{width: 1200px; height: auto; text-align: center; margin: 0 auto;}
.secd_box_1{ padding-top: 70px; padding-bottom: 20px;}
h1{font-size: 32px; font-weight: middle; }
.secd_box_2,.secd_box_3,.secd_box_4{ font-size: 16px; padding-top:20px; }
.secd_box_5{font-size: 18px;  padding-top: 40px; padding-bottom: 20px;}
a{text-decoration:none;}
.all_button { display: inline-block;  background: #fff; border: solid 1px #3B9FF2; color: #3B9FF2; padding: 12px 30px; border-radius: 3px; overflow: hidden;}
.all_button:hover {background: #3B9FF2;color: #3B9FF2; color: #fff;}
.secd_box_6{font-size: 14px; color: #343434;}*/
.secd_box_5s{font-size: 18px;  padding-top: 70px; padding-bottom: 20px;}
.bilitu{ width:1200px; height:400px; text-align: center; margin: 0 auto; padding-top: 50px; margin-bottom: 80px;}
.left_tu{float: left; width: 700px;height: 400px; margin-bottom: 40px;}
.left_anniu{float: left; width: 500px; height: 400px; }
.left_anniu ul { margin:0px 0px 40px 0px;}
.left_anniu ul::after {content: " "; display: block;height: 0; clear: both;visibility: hidden; }
.left_anniu ul li {float:left; width:500px; margin-bottom: 25px; /*border:1px solid #FFF;*//*margin-right:48px;*/text-align:center;}
.left_anniu ul li:last-child {margin-right:0px; }
.left_anniu ul li h2 {display: inline-block;width: 90px;height: 90px;line-height: 80px;text-align: center;border-radius: 10%;/*background: #f1eded;*/font-style: normal;-moz-transition: all .2s linear;-o-transition: all .2s linear;-webkit-transition: all .2s linear;transition: all .2s linear;}

.left_anniu ul li h3 {display:block;text-align:center;margin:13px 0px 13px 0px;font-size:22px;color:#000;font-weight:normal }
.left_anniu ul li span {color:#000;line-height:23px; }
/*.left_anniu ul li:hover h2 {background:#3a3939;-moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; }*/

.left_anniu h1 {font-size:36px;display:block;text-align:center;position:relative;z-index:1;font-style:normal;font-weight:500; }
.left_anniu h1::after {content:'';width:55px;height:0px;border-bottom:3px solid #000;position:absolute;left:50%;bottom:-13px;margin:-0px 0px 0px -27px;z-index:5; }
.left_anniu p {text-align:center;font-size:16px;color:#000;margin-top:40px;line-height:25px;}
.left_anniu ul li img{ width: 60px; }
.left_anniu span{ color: #383737; font-size: 15px; }


#gwxlrzs{width: 100%; height:660px;}
#gwxlrz{background: #6aacc5;
    padding: 100px 0; height: 640px; min-width: 1200px;
    position: relative;
    /*overflow: hidden;*/}
.gwxlrz_box {width:1200px;margin:0 auto; }
.gwxlrz_box h1 {font-size:36px;color:#fff;display:block;text-align:center;position:relative;z-index:1;font-style:normal;font-weight:500; }
.gwxlrz_box h1::after {content:'';width:55px;height:0px;border-bottom:3px solid #fff;position:absolute;left:50%;bottom:-13px;margin:-0px 0px 0px -27px;z-index:5; }
.gwxlrz_box p {text-align:center;font-size:16px;color:#fff;margin-top:40px;line-height:25px;}

.gwxlrz_box ul { margin:80px 0px 40px 0px;}
.gwxlrz_box ul::after {content: " "; display: block;height: 0; clear: both;visibility: hidden; }
.gwxlrz_box ul li {float:left; width:368px;/*border:1px solid #FFF;*/margin-right:48px;text-align:center;}
.gwxlrz_box ul li:last-child {margin-right:0px; }
.gwxlrz_box ul li h2 {display: inline-block;width: 110px;height: 110px;line-height: 110px;text-align: center;border-radius: 10%;background: #6983aa;font-style: normal;-moz-transition: all .2s linear;-o-transition: all .2s linear;-webkit-transition: all .2s linear;transition: all .2s linear;}
/*.gwxlrz_box ul li h2 img.on1 {margin-top:51px; }
.gwxlrz_box ul li h2 img.two {margin-top:53px; }
.gwxlrz_box ul li h2 img.three {margin-top:45px; }*/
.gwxlrz_box ul li h3 {display:block;text-align:center;margin:30px 0px 20px 0px;font-size:22px;color:#fff;font-weight:normal }
.gwxlrz_box ul li span {color:#fff;line-height:23px; }
.gwxlrz_box ul li:hover h2 {background:#3a3939;-moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; }
/*.gwxlrz_box img {
    vertical-align:none!important;
    border-style: none;
}*/




#xueliwenti{width: 100%; height:680px; }
.secd_box_7{ width: 1200px; margin-top: 0 auto;  height: auto; padding-top: 50px; padding-left: 15px; padding-right: 15px; }
.secd_box_7 ul{ float: left; width: 365px; height: 400px; }
.secd_box_7 ul:nth-child(1){ margin-right: 20px;}
.secd_box_7 ul:nth-child(2){margin-left: 17px;}
.secd_box_7 ul:nth-child(3){margin-left: 37px;}

.secd_box_7 ul li{float: left; width: 365px; margin-bottom: 15px; }
.secd_box_7_tb{ float: left; width: 50px; height: 50px; background: #3B9FF2;}
.secd_box_7_tb img{ width: 100%; padding:8px; }
.secd_box_7_nr{ float: left; width: 315px; height: 50px; line-height: 50px; background-color: #e9e8e8; text-align: left;}
.secd_box_7_nr a{ width: 300px; padding-left: 15px; height: 50px; line-height: 50px; background-color: #e9e8e8; display: block; color: #000;}
.secd_box_7_nr a:hover{ width: 315px;  height: 50px; line-height: 50px; background-color: #9ea3a7; color: #fff!important; }






#adv{width: 100%; height: auto;}
.marketing_advantage {  padding: 122px 0; min-width: 1200px; height: 840px; background: url(../images/0181.jpg) center top repeat; }
.marketing_advantage_content { margin-left: -15px;}
.marketing_advantage_list { position: relative; margin: 0 0 15px 15px; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transition: 0.3s all;-webkit-transition: 0.3s all; overflow: hidden;}
.marketing_advantage_brief { position: absolute; top: 30%; padding: 0 40px;}
.marketing_advantage_brief .brief_title { font-size: 20px;color: #606060; margin-bottom: 10px;}
.marketing_advantage_brief .brief_title span { margin-left: 15px;}

.marketing_advantage_brief .brief_title .wxss{ width: 60px; height: 60px; }
.wxwd { position: absolute; top: 30%; padding: 0 27px!important;}
.marketing_advantage_brief .brief_title em {
    color: #FF4A00;
    font-size: 24px;
    margin-left: 3px;
    margin-right: 3px;
    font-weight: bold;
}
.marketing_advantage_brief .brief_title b{ color: #FF4A00; font-size: 24px; margin-left: 3px; margin-right: 3px; }
.marketing_advantage_brief .brief_text { font-size: 12px;  color: #a5a5a5;  line-height: 1.6;  transition: 0.3s all;  -webkit-transition: 0.3s all;}
.marketing_advantage_list:hover {box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0);}
.marketing_advantage_list:hover .brief_text { color: #333;}
.partners { padding: 100px 0;}
.partners_content { text-align: center;}
.partners_content_list {display: inline-block; margin: 20px 10px; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transition: 0.3s all; -webkit-transition: 0.3s all;}
.partners_content_list:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.rowFluid { clear: both;}
.span12 { width: 100%;}
.container { width: 96%; max-width: 1200px; margin: 0 auto;}
.all_title2 { margin-bottom: 50px; text-align: center; color: #fff;}
.all_title2 .title {font-size: 35px;}
.all_title2 h1 {font-size:36px;color:#fff;display:block;text-align:center;position:relative;z-index:1;font-style:normal;font-weight:500; }
.all_title2 h1::after {content:'';width:55px;height:0px;border-bottom:3px solid #fff;position:absolute;left:50%;bottom:-13px;margin:-0px 0px 0px -27px;z-index:5; }
.all_title2 p {text-align:center;font-size:16px;color:#fff;margin-top:40px;line-height:25px;}
.span3 { width: 25%; float: left;}
.marketing_advantage img { border: none; vertical-align: middle; max-width: 100%;}




#case{width: 100%; }
.case_tt{min-width: 1200px; height: auto; padding-top:122px;}
.case_tt h1 {font-size:36px;display:block;text-align:center;position:relative;z-index:1;font-style:normal;font-weight:500; }
.case_tt h1::after {content:'';width:55px;height:0px;border-bottom:3px solid #000;position:absolute;left:50%;bottom:-13px;margin:-0px 0px 0px -27px;z-index:5; }
.case_tt p {text-align:center;font-size:16px;margin-top:40px;line-height:25px;}

#cases {
    min-width: 1200px;
    height: 985px;
    background: #f1eded;
    position: relative;
    z-index: 1;
    background-size: 100% 100%;
}
.contains {
  width: 1200px; 
  margin: 0 auto;
  position: relative;
}
.case_left{float: left; }
.case_right{float: left; width:330px; }
.example {width: 330px;height: 440px;font-size: 40px;text-align: center;margin: 45px auto;}
.carousel-item{line-height: 440px;color: #fff;font-family:  Arial Black}
.ft-carousel {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ft-carousel .carousel-inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.ft-carousel .carousel-inner .carousel-item {
  float: left;
  height: 100%;
}

.ft-carousel .carousel-item img {
  width: 100%;
}

.ft-carousel .carousel-indicators {
  position: absolute;
  left: 0;
  bottom: 10px;
  text-align: center;
  font-size: 0;
}

.ft-carousel .carousel-indicators span {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #fff;
  margin: 0 4px;
  border-radius: 50%;
  cursor: pointer;
}

.ft-carousel .carousel-indicators span.active {
  background-color: #de3a3a;
}

.ft-carousel .carousel-btn {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 45px;
  margin-top: -25px;
  cursor: pointer;
}

/*.ft-carousel .carousel-prev-btn {
  left: 0;
  background: url(../images/prev.png) no-repeat;
}

.ft-carousel .carousel-next-btn {
  right: 0;
  background: url(../images/next.png) no-repeat;
}*/

.m3_list {
  margin-top: 50px;
}

.m3_list em{  border:2px solid  #e70012; color: #e70012;  padding:3px;  }
.m3_list dl a{ color: #6983aa;   }
.m3_list li {
  width: 260px;
  height: 205px;
  padding: 0 30px;
  padding-top: 25px;
  border-radius: 50px;
  border-bottom-left-radius: 0;
  background: #fff;
  float: left;
  margin-right: 30px;
  text-align: center;
  font-size: 14px;
  color: #8e9198;
  position: relative;
  margin-bottom: 100px;
  box-shadow: 0 0 10px rgba(201, 206, 206, 0.2);
}

.m3_list li p {
  line-height: 20px;
  margin-bottom: 24px;
}

.m3_list li p b {
  color: #62656f;
}

.m3_list li p span {
  font-weight: bold;
  color: #6983aa;
}

.m3_list li img {
  position: absolute; width: 64px; height: 64px; border-radius: 50%;

}

.m3_list li:nth-child(-n+4) img {
  left: 96px;
  bottom: -75px;
}

.m3_list li:nth-child(n+5) {
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 0px;
}

.m3_list li:nth-child(n+5) img {
  right: 99px;
  bottom: -75px;
}





.win{width:1200px;height:580px;/*border:1px solid #ccc;*/margin:40px auto;position:relative;overflow: hidden;}
.title{
  width:100%;height:50px;/*background:#eee;*/position: relative;
}
/*.title a{width:20%;height:100%;float:left;text-align: center;line-height:50px;font-size: 15px;color:#000;text-decoration: none;position: relative;z-index: 1;
}
.title .float{ width:20%;height:100%;background: #257dff;position: absolute;}*/
.title a{width:100px;height:100px;border-radius: 50%;float:left;text-align: center;line-height:100px;font-size: 15px;color:#000;text-decoration: none;position: relative;z-index: 1; margin-left: 117px;
}
.title .float{ width:100px;height:100px;border-radius: 50%;background: #3B9FF2;position: absolute;margin-left: 117px;}

.title a img{width:90px;height:90px; margin-top: 5px; border-radius: 50%; }
.title a img:hover{width:90px;height:90px; margin-top: 5px; border-radius: 50%; opacity:0.9;}

.box{ width:100%;height:320px;position: relative; /*margin-top: 100px;*/}
.box div{
  width:100%;height: 100%;position: absolute;left:-100%;font-size: 70px;text-align: center;line-height: 150px;top:0;color:#000;
  
}
.rightB{
  width:50px;height:70px;font-size: 20px;color:#fff;background: rgba(0,0,0,0.5);position: absolute;right:0;top:25%;line-height:70px;text-align: center;cursor: pointer;display: none;
}
.leftB{
  width:50px;height:70px;font-size: 20px;color:#fff;background: rgba(0,0,0,0.5);position: absolute;left:0;top:25%;line-height:70px;text-align: center;cursor: pointer;display: none;
}
/*.color1{background: #FFB12F;}
.color2{background: #00C378;}
.color3{background: #26B2E3;}
.color4{background: #E84C3D;}
.color5{background: #F831FD;}*/

.case_1{ width: 700px; height: 150px; line-height: 100px;  text-align: center; font-size: 16px;     -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    padding: 55px;
    margin-bottom: 25px; /*border:1px solid #d2d1d1; */
  }
.case_2{float: left; width: 700px; height: 80px; line-height: 80px; margin-left: 250px; text-align: center; }

.more {
    width: 1200px;
    height: auto;
    text-align: center;
    margin: 70px auto;
}





/* 常见问题 */
#que{width: 100%; height: auto;}
#ques{
    padding: 122px 0; min-width: 1200px;
    height: 965px;
    background: #6aacc5;
    position: relative;
    z-index: 1;
    background-size: 100% 100%;
  }
.ques_box {width:1200px;margin:0 auto; }
.ques_box h1 {font-size:36px;color:#fff;display:block;text-align:center;position:relative;z-index:1;font-style:normal;font-weight:500; }
.ques_box h1::after {content:'';width:55px;height:0px;border-bottom:3px solid #fff;position:absolute;left:50%;bottom:-13px;margin:-0px 0px 0px -27px;z-index:5; }
.ques_box p {text-align:left;font-size:14px;color:#fff;line-height:27px;}

.row {padding: 60px 0 10px; height: 450px;}
.col-md-6 {
    width: 50%; float: left;position: relative;
    min-height: 1px;
    padding-left: 15px; padding-top: 40px;
    padding-right: 15px;
}
.service-sec {
    width: 100%;
    margin: 0 0 55px;
    float: left;
}
.service-sec .icon {
    background: #6983aa; /*3c84ef*/
}
.service-sec .icon {
    width: 96px;
    height: 96px;
    float: left;
    border-radius: 7px;
    text-align: center;
}
.service-sec .icon img{
    width: 60%; height: 60%; margin-top: 20%; 
}

.service-sec .detail {
    float: right;
    width: 78%;
    margin: -5px 0 0;
    margin-top: 0;
}
.service-sec .detail h5 {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4;
    margin-bottom: 13px;
    font-size: 24px; color: #fff;
    font-family: open sans,Raleway,microsoft yahei,sans-serif;
}
.service-sec .detail a{
    display: inline-block;
    width: 160px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    background: none;
    margin-top: 10px;
    border: 1px #fff solid;
    text-decoration: none;
}
/*.service-sec .detail a:hover{ background:#363739; border: 1px #363739 solid; color:#fff;}*/
.service-sec .detail a:hover{ background:#ff4a00; border: 1px #ff4a00 solid; color:#fff;}

.row2 { }
.ba_zx {
  width: 800px;
  height: 60px;
  margin: 0 auto;
  margin-top: 145px;
  line-height: 60px;
  font-size: 16px;
  text-align: left;
  background:#3f639a; border-radius: 35px; padding-left: 20px;
}

.ba1 {
  color: #fff;
  margin-right: 45px;
}

.ba2 {
  color: #fff;
  font-weight: bold;
  margin-right: 50px;
}

.ba2 img {
  vertical-align: sub;
}

.ba3 {
  color: #fff;
  position: relative;
  cursor: pointer;
}

.ba3 img {
  position: absolute;
  width: 120px;
  height: 120px;
  top: 45px;
  right: 10px;
  display: none;
}

.ba3:hover img {
  display: block;
}

.ba3 span {
  font-size: 28px;
  vertical-align: sub;

}



#about{width: 100%; height: 680px; }
.abouts{width: 1200px;height: auto;margin: 0 auto; padding-top: 122px; }

.abouts h1 {font-size:36px;color:#000;display:block;text-align:center;position:relative;z-index:1;font-style:normal;font-weight:500; }
.abouts h1::after {content:'';width:55px;height:0px;border-bottom:3px solid #000;position:absolute;left:50%;bottom:-13px;margin:-0px 0px 0px -27px;z-index:5; }
.abouts p {text-align:left;font-size:14px;color:#fff;line-height:27px;}

.abouts_l{ float: left; width: 600px; padding-top: 150px; padding-right: 20px; padding-left: 15px;  }
.abouts_l_tt{ color: #3B9FF2; font-size: 32px;}
.abouts_l_tt span{ color: #000; }
.abouts_l_nr{ padding-top: 30px; font-size: 15px; line-height: 24px; color: #808080; }
.abouts_l_zx{ padding-top: 30px;}
.abouts_l_zx a{
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #3B9FF2;
    text-align: center;
    margin: 0 auto;
    background: none;
    border: 1px #3B9FF2 solid;
    text-decoration: none;
}
/*.service-sec .detail a:hover{ background:#0ddfba; border: 1px #0ddfba solid; color:#fff;}*/
.abouts_l_zx a:hover{ background:#3B9FF2; border: 1px #3B9FF2 solid; color:#fff;}



.abouts_r{ float: left; width: 600px; padding-top: 80px; padding-left: 130px; padding-right: 15px;}
.abouts_r img{ float: left; width: 100%; }








.contcc { min-width:1200px;    background: #26313c;  padding-top:80px; padding-bottom:0px; color:#FFFFFF;}
.contcjuzhong {width:1200px; margin:auto; padding-left: 15px;}
.contcjuzhong::after {content: " "; display: block;height: 0; clear: both;visibility: hidden; }
.contactleft {width:400px; float:left;}
.contactleft p {font-size:20px; font-weight:bold; color:#FFFFFF; line-height:60px; text-indent:80px; font-weight:bold;}
.contactleft li {overflow:hidden; margin-bottom:0px;}
.contactleft li h4 {width:50px; height:50px; margin-right:30px; float:left; /*background:#2e365a;*/border-radius:50%;}
.contactleft li  img { padding:0px 0px 0px 6px;}
.contactleft li span {color:#FFFFFF; line-height:32px; font-size:14px;}

.contactcenter {width:400px; float:left;}
.contactcenter p {font-size:20px; font-weight:bold; color:#FFFFFF; line-height:60px; text-indent:80px; font-weight:bold;}
.contactcenter li {overflow:hidden; margin-bottom:8px; padding-left: 80px;}
.contactcenter li h4 {width:50px; height:50px; margin-right:30px; float:left; /*background:#2e365a;*/border-radius:50%;}
.contactcenter li  img { padding:6px;}
.contactcenter li span {color:#FFFFFF; line-height:26px; font-size:14px;}
.contactcenter li a{color: #fff;}
.contactcenter li a:hover{color: #24cdd5; padding-left: 5px;}

.contactright {width:385px; float:right;}
.contactright p {font-size:20px; font-weight:bold; color:#FFFFFF; line-height:60px; text-indent:80px; font-weight:bold;}
.contactright li {overflow:hidden; margin-bottom:8px; padding-left: 80px;}
.contactright li h4 {width:50px; height:50px; margin-right:30px; float:left; /*background:#2e365a;*/border-radius:50%;}
.contactright li  img { /*padding:6px;*/ width:150px; }
.contactright li span {color:#FFFFFF; line-height:26px; font-size:14px;}
.contactright li a{color: #fff;}
.contactright li a:hover{color: #24cdd5; padding-left: 5px;}


.foot{width:1200px;  margin:auto; padding-left: 15px; padding-right: 15px; padding-bottom: 40px; color:#CFCFCF; font-size: 14px; text-align: center;}
.foot p{margin-bottom: 10px;}
.foot p a{ line-height: 30px; color:#CFCFCF; margin-right: 10px; }
.foot p a:hover{ text-decoration: underline; }

.down_ico { margin-top: 10px; text-align: center; margin-top: 20px;}
.down_ico a { margin-right: 10px;}


/* 右侧悬浮 */
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:300px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden; font-size: 14px;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixcont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixcont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixcont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixcont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
.yb_QQ a:hover{color:#fff; text-decoration: none;}
.yb_ercode img{ width: 100%; }




@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1587712682575'); /* IE9 */
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/2f8a1c88153a4a84bcf1fa37264e8d2a.woff') format('woff2'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tubiaozhexiantu:before {
  content: "\e675";
}

.icon-laba:before {
  content: "\e60c";
}

.icon-erweima:before {
  content: "\e624";
}

.icon-bingzhuangtu:before {
  content: "\e68f";
}