/******************************************
 * Commone CSS
 * Date   : 2018
 * Author : XiangYun
 * Net    : http://www.tingyunkeji.com
 *****************************************/
/**********************************
 * 样式标准初始化
 *********************************/
@charset "utf-8";
html, body, div, dl, dd, dt, ul, ol, li, a, i, em,p,font, label, span, form, input, select, textarea, h1, h2, h3, h4, h5 { margin:0px; padding:0px; font-family:'微软雅黑'}
html { width:100%; height:100%; font-size:14px; display:flex; justify-content:center; background:#fff}
body { color:#333; background:#fff;  overflow-x:hidden; width:100%; height:auto; min-height:100%}
a {
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  text-decoration:none;
  cursor:pointer;
  color:#333;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}
i { display:-moz-inline-stack; display:inline-block; font-style:normal}
em{font-style:normal}
table {max-width: 100%; border-collapse: collapse; border-spacing: 0;}
tr {display: table-row; vertical-align: inherit; border-color: inherit}
ol, ul, li { list-style:none}
img {max-width: 100%; border:0 none;vertical-align: middle;}
input[type=text], input[type=button], input[type=submit], input[type=reset] ,input[type=file]{ -webkit-appearance:none; font-size:100%; outline:none 0;}
select { padding:0px}
textarea { resize:none}
:focus { outline:none 0}
::-webkit-input-placeholder { color:#aaa}
::-moz-placeholder { color:#aaa}
:-ms-input-placeholder { color:#aaa}
.upfile{position: absolute;height: 100%;width: 100%;opacity: 0;}

/**********************************
 * 工具样式
 *********************************/
.fl { float: left}
.fr { float: right}
.clear { clear: both}
.hide { display: none}
.ha { height: auto; overflow: hidden}
.oh { overflow:hidden}
.oxs { overflow:hidden; overflow-x:scroll}
.oys { overflow:hidden; overflow-y:scroll}
.vat { vertical-align:top}
.vam { vertical-align:middle}
.vab { vertical-align:bottom}
.psa { position:absolute}
.psr { position:relative}
.psf { position:fixed}
.b { font-weight: bold}
.tac { text-align:center}
.tal { text-align:left}
.mr10{margin-right: 10px}
.mt10{margin-top:10px}
.zIn999{ z-index: 999;}
.inline { display:inline-block}
.sl { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.editorDetail { position:relative; overflow: hidden; padding:1rem;height:auto;background:#fff}
.editorDetail p { line-height:1.75rem; margin-bottom:0px;}
.editorDetail p:first-child { margin-top:0px}
.editorDetail img { max-width:100%}
.flex { display: flex; flex-direction: row}
.flex .flex-0{ flex-shrink: 0}
.flex.flex-column { flex-direction: column}
.flex.flex-center { justify-content: center; align-items: center}
.flex.flex-xcenter { justify-content: center}
.flex.flex-ycenter { align-items: center}
.clearfix:before,.clearfix:after{ content: "";display: block;clear: both;height: 0;}
.loading { display:none; width:0px; height:0px}
.loading > div { position:fixed; width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.2); z-index:999; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; z-index:9990}
.loading > div > div { background:rgba(0,0,0,0.8); padding:20px; border-radius:10px;}
.ldi,.ldi>div{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.ldi{display:block;font-size:0;color:#fff}.ldi.la-dark{color:#fff}.ldi>div{display:inline-block;float:none;background-color:currentColor;border:0 solid #ddd}.ldi{width:32px;height:32px}.ldi>div{width:32px;height:32px;background:transparent;border-width:2px;border-bottom-color:transparent;border-radius:100%;-webkit-animation:ball-clip-rotate 1s linear infinite;animation:ball-clip-rotate 1s linear infinite}.ldi.la-sm{width:16px;height:16px}.ldi.la-sm>div{width:16px;height:16px;border-width:1px}.ldi.la-2x{width:48px;height:48px}.ldi.la-2x>div{width:48px;height:48px;border-width:4px}.ldi.la-3x{width:96px;height:96px}.ldi.la-3x>div{width:96px;height:96px;border-width:6px}@-webkit-keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
div.img { position:relative; overflow:hidden; background:no-repeat center; background-size:40% auto;}
.emptyTip { clear:both; font-size:12px; color:#888; padding:30px 0; margin:0px; text-align:center; overflow:hidden}
/**颜色**/
.color888{color:#888}
.color333{color:#333}
.colorfff{color:#fff}

/**导航**/

.logo{margin-top: 30px;margin-left: 40px;position: fixed;top:0;z-index: 5}
.nav{margin: 40px 70px 0 0;position: fixed;top:0;z-index: 5;right:0}
.nav li {margin-left: 40px;position:relative;}
.nav li > a{width: 100%;display: block;overflow: hidden;position:relative;}
.nav li > a{ color: #fff;font-size: 18px;/*padding: 0 20px;*/transition: all .5s}
.nav li a:hover{ color:#2073b4!important}
.nav li .second-nav{width:140%;position:absolute;display: none;transition: all .5s}
.nav li:hover .second-nav{display: block}
.nav li .second-nav a{color: #fff;font-size: 14px;width: 100%;/*padding: 0 20px;*/margin-top: 5px;transition: all .5s}
.nav li .second-nav:before{content:'';width: 37px;height: 3px;background: #2073b4; display: block;margin:5px 0 5px 0px;}
.nav li .second-nav a:hover{color: #2073b4!important;}

/**客服**/
.cust-service{position: fixed;top: 50%;margin-top: -135px;right: 0;z-index: 6;width: 42px}
.cust-service .phone,.cust-service .email{position:relative;width:42px;height: 42px;border-radius: 5px;float: right;background:#366dec;color: #fff;text-align: center;line-height: 42px;transition: all .2s;}
.cust-service  i{ color: #fff;font-size: 28px}
.cust-service .phone span{width: 130px;position: absolute;height: 42px;color: #fff;font-size: 16px;
  top: 0;line-height: 42px;background:#366dec;z-index: 0;right: -130px; transition: all .5s;border-radius: 5px;}
.cust-service .phone:hover span{right:0px;}
.cust-service .feedback{ background: #4980fe;margin-top: 10px;float: right;border-radius: 5px;text-align: center; transition: all .5s}
.cust-service .feedback:hover{box-shadow: 0 0 10px #2b8ccb }
.cust-service .feedback i{ height: 42px;line-height: 42px;background:#366dec;width: 100%;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.cust-service .feedback span{color: #fff;font-size: 16px;writing-mode:vertical-lr; padding: 10px 0;letter-spacing:2px }
/*文字右滑入*/
 @-webkit-keyframes queue-right { 0% { opacity: 0; -webkit-transform: translate3d(400px,0,0); -ms-transform: translate3d(400px,0,0); transform: translate3d(400px,0,0) }
to { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } }
@keyframes queue-right { 0% { opacity: 0; -webkit-transform: translate3d(400px,0,0); -ms-transform: translate3d(400px,0,0); transform: translate3d(400px,0,0) } to { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } }
.queue-right { -webkit-animation-name: queue-right; animation-name: queue-right; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); animation-duration:2000ms; animation-delay: 0ms; }
/*文字左滑入*/
 @-webkit-keyframes queue-left { 0% { opacity: 0; -webkit-transform: translate3d(-400px,0,0); -ms-transform: translate3d(-400px,0,0); transform: translate3d(-400px,0,0) }
to { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } }
@keyframes queue-left { 0% { opacity: 0; -webkit-transform: translate3d(-400px,0,0); -ms-transform: translate3d(-400px,0,0); transform: translate3d(-400px,0,0) } to { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } }
.queue-left { -webkit-animation-name: queue-left; animation-name: queue-left; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); animation-duration:2000ms; animation-delay: 200ms; }

/**第一屏**/
.page1_slide {height: 100%;}
.page1_slide .swiper-slide .fl{position: relative;background:#fff;width: 40.15%; height: 100%}
.page1_slide .swiper-slide .fr{width: 59.85%; height: 100%; }
.page1_slide .swiper-slide .page-text{ width: 80%;position: absolute;left: 50%;top:22% ;}
.page1_slide .swiper-slide h1{  width:50%;font-size: 40px;font-weight: bold;}
.page1_slide .swiper-slide h2{ width:50%;font-size:30px;font-weight: 100;margin-top: 10px}
.page1_slide .swiper-slide p{width: 50%;color: #888;margin-bottom: 55px;line-height: 25px;margin-top: 20px;}
.page1_slide .car{ width: 100%;height: 100%; background: url("../img/car.png") 50% 50% no-repeat;}
.page1_slide .video{background: url("../img/banner01-bg.png") center center no-repeat;background-size: cover;z-index: -1;overflow: hidden;position: relative;width: 100%;height: 100%;left: 0;top:0;}
.page1_slide .swiper-slide > div a{width:43%;height: 50px; margin-right: 5%; border: 1px solid #d0d0d0;background:#fff;font-size: 17px;text-align:center;line-height: 48px;border-radius: 50px; color: #888;box-sizing: border-box;transition: all .5s;}
.page1_slide .swiper-slide > div a:hover{background: linear-gradient(90deg,#3096d4,#1864a6);color: #fff;border:1px solid transparent;box-shadow: 0 0 5px #2b8ccb;border-left-color:#3096d4;border-right-color:#1864a6}
.swiper-button-white{right: 60px!important;left: auto!important; width: 41px;height: 41px;
  background-size: 41px 41px!important; z-index: 100;position: absolute}
.page1_next{ background-image: url("../img/jt-left.png")!important; bottom:55px!important;}
.page1_prev{ background-image: url("../img/jt-right.png")!important;bottom:115px!important;}
/*.page1_slide fr .video{ background: #f00}
@keyframes upin{0%{transform:scale(1.1)}100%{transform:scale(1)}}
.page1_slide  swiper-slide-on .video{animation:upin 6s ease}*/
/**标题**/
.page-title{ text-align: center;}
.page-title h2{font-size: 30px;font-weight: normal;margin-bottom: 15px}


/**第二屏**/
.wrap_c{width:94%;margin:0px auto;padding:0px;max-width:1200px;}
.page2_c{width:100%;overflow:hidden;margin-top:30px;position:relative;}
.page2c_slide{width:80%;overflow:hidden;margin:0px auto;padding:30px 0px;}
.page2c_slide .swiper-slide{width:60%;overflow:hidden;}
.page2c_slide .swiper-slide .list{width:100%;display:block;overflow:hidden;position:relative;}
.page2c_slide .swiper-slide .list img{width:100%;display:block;}
.page2c_slide .swiper-slide .list em.em1{position:absolute;left:0px;top:0px;width:100%;overflow:hidden;font-style:normal;}
.page2c_slide .swiper-slide .list em.em1 span{width:90%;display:block;overflow:hidden;margin:0px auto;padding:0px;}
.page2c_slide .swiper-slide .list em.em1 span.sp1{font-size:20px;color:#fff;line-height:34px;position:relative;margin-top:20px;padding-top:10px;}
.page2c_slide .swiper-slide .list em.em1 span.sp1 b{width:50px;height:2px;display:block;overflow:hidden;background-color:#2073b4;position:absolute;left:0px;top:0px;}
.page2c_slide .swiper-slide .list em.em1 span.sp2{width:50%;margin-top:15px;font-size:14px;color:#fff;line-height:20px;margin-left:5%;}
.page2c_slide .swiper-slide .list em.em1 a.sp3{margin-top:15px; margin-left: 5%}
.page2c_slide .swiper-slide .list em.em1 a.sp3 i{display:inline-block;font-size:14px;color:#333;line-height:30px;padding:0px 15px;background-color:#fff;border-radius:30px;  transition: all .5s}
.page2c_slide .swiper-slide .list em.em2{position:absolute;right:5%;top:0px;height:100%;display:flex;vertical-align:middle;font-style:normal;align-items:center;font-size:40px;color:#fff;}
.page2c_slide .swiper-slide .list em.em1 a.sp3 i:hover{background-color:#2073b4;color:#fff;}
.page2c_slide .swiper-slide-active{-moz-box-shadow:0px 0px 30px rgba(16,121,185,0.2); -webkit-box-shadow:0px 0px 30px rgba(16,121,185,0.2); box-shadow:0px 10px 30px rgba(0,0,0,0.2);}
.page2_c .page2_prev{width:69px;height:100%;display:block;overflow:hidden;background:url("../img/l.png") center no-repeat;background-size:100%;position:absolute;left:0px;top:0px;z-index:990;}
.page2_c .page2_next{width:69px;height:100%;display:block;overflow:hidden;background:url("../img/r.png") center no-repeat;background-size:100%;position:absolute;right:0px;top:0px;z-index:990;}
@media screen and (max-width:1200px) {.page2c_slide .swiper-slide{width:90%;}}
@media screen and (max-width:900px) {.page2c_slide .swiper-slide a em.em1 span.sp2{display:none;}}
/*第三屏**/
.our-advantage{ width: 100%; background:url("../img/adv-bg.png")  no-repeat; height: calc(100% - 360px);margin-top: 150px; background-size: 100%; position: relative}
.our-advantage b{ position: absolute; width:100%; left: 0; height: 100%; background: #fff;  z-index: 11; top:-50px; transition: all .5s}
.our-advantage .yq{ margin: 0 13%; transition: all .8s;background-position: center center;  border-radius: 50%}
.our-advantage .yq:hover{transform:rotate(360deg);
  -ms-transform:rotate(360deg); 	/* IE 9 */
  -moz-transform:rotate(360deg); 	/* Firefox */
  -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
  -o-transform:rotate(360deg); }
.our-advantage> div{width:83.3%;margin: auto;height: auto}
.our-advantage .advantage{width: 11%;float: left;margin: 0 4.5%;margin-top: -15px}
.our-advantage .advantage > span{text-align: center;width: 100%;font-size: 20px;color: #42b6fa;display: block;margin-top: 20px}
.our-advantage .advantage > p{ color: #888; text-align: center;margin-top: 20px;}
.our-advantage .advantage2{margin-top:100px}
.our-advantage .advantage3{margin-top:27px}
.our-advantage .advantage4{margin-top: 150px}
.our-advantage .advantage5{margin-top: -11px}


/*第四屏**/
.index .section4{overflow:hidden;position:relative;background-color:#f8f8f8;}
.index .section4 .fl{width:30%; text-align:center;overflow:hidden;float:left;height: 100%; display: flex; justify-content: center;align-items: center}
.index .section4 .fl p{width:100%;overflow:hidden;text-align:center;margin: 0}
.index .section4 .fl p.p1{font-size:30px;color:#333;line-height:50px;}
.index .section4 .fl p.p2{font-size:14px;color:#888;line-height:24px;}
.index .section4 .fl p.p3{margin-top:30px;}
.index .section4 .fl p.p3 a{display:inline-block;line-height:40px;padding:0px 30px;border-radius:20px;background-color:#fff;font-size:14px;color:#333;border:1px solid #e3e3e3;}
.index .section4 .fl p.p3 a:hover{background-color:#f5a21b;color:#fff;border:1px solid #f5a21b;}
.index .section4 .fr{width:50%;overflow:hidden;display:flex;align-items:center;height: 100%;margin-right: 5%;}
.index .section4_slide{width:100%;overflow:hidden;}
.index .section4_slide .swiper-slide{width:100%;overflow:hidden;}
.index .section4_slide .swiper-slide ul li{width:16.6666%;overflow:hidden;float:left;}
.index .section4_slide .swiper-slide ul li img{width:100%;display:block;}


/**********************************
 * 行业列表
 *********************************/




.section .list-img{ width: 50%;height: 100%}
.section .list-img img{ width: 100%;height: 100%}
.section .list-con{ width: 50%; height: 100%;  display: flex;justify-content: center;align-items: center}
.section .list-con >div{position: relative;width: 80%; min-height: 70%; }
.section .list-con .pain{ position: relative; width: 100%;float: left;position: relative;  display:flex;justify-content:center;align-items:center;padding:10% 0;border:5px solid #dfdfdf; box-sizing: border-box;padding-bottom: 5%;}
.section .list-con .pain ul{ max-width: 80%}
.section .list-con h2{font-size: 40px; height: 10%;box-sizing: border-box; float: left; padding:2% 12%; box-sizing: border-box; border-bottom: 2px solid #dfdfdf;margin-bottom: 3%;position: relative}
.section .list-con h2:before{ width: 7%; height: 25%; background: #fff; content: '';position: absolute;bottom: -13%;left: 15%;z-index: 4}
.section .list-con > div:before{content:'';width: 4%; height: 6%; position: absolute;top:18%; background:#fff;left: 3.5%;z-index: 5}
.section .list-con > div:after{content:'';width: 2px; height: 46%; position: absolute;top:9%; background:#dfdfdf;left: 5.5%;z-index: 3}
.section .list-con ul li .xh { width: 30px; height: 30px; float:left;margin-top: 8px; margin-right: 20px; border:1px solid #2073b4; border-top-left-radius: 15px;border-bottom-right-radius: 15px;text-align: center;line-height: 30px; color: #2073b4}
.section .list-con ul li .text span:first-child{  color: #2073b4;font-size: 16px;margin-bottom: 5px;display: block;}
.section .list-con ul li .text{width: calc(100% - 52px)}
.section .list-con .pain-button{ position: absolute;bottom: 8%;right: 5%;}
.section .list-con .pain-button a{color: #2073b4;margin-left: 20px}
.section .list-con .pain-button a:hover{ color: #0A246A}
.section .list-con .pain-button a:first-child:before{ position: absolute;top:2px; left: 0px; content: ''; width: 0;height: 0; border-color: #2073b4 transparent;border-width:0 20px 20px 0;border-style: solid;margin-top: 0}
.section .list-con .pain:before,.section .list-con .pain:after{content: '';position: absolute; top:20%;right: -5px; width: 10px; background: #fff;height: 20%;z-index: 1}
.section .list-con .pain:after{width:5px;left: -5px!important;bottom: -5px!important;top:auto;height: 30%}
.section .list-con ul li{ margin-bottom: 25px; height: auto; overflow: hidden}



.industry-list{width: 359px; transition: all .5s; height: 100%; position: fixed; background: rgba(10,42,66,0.83); top:0; z-index: 11;right: -359px; display: flex; justify-content: center; align-items: center}
.industry-list ul{ width: 100%;padding-left: 20%;box-sizing: border-box}
.industry-list li a{ width: 100%;color: #fff;font-size: 17px;position: relative;transition: all .5s;padding: 8% 0}

.industry-list li a:before{ position: absolute; content: ''; width: 45px; height: 3px; background: #2073b4; top:-0px;left: -27px;display: none;transition: all .5s}
.industry-list li a:hover,.industry-list li a.active{ color: #2073b4}
.industry-list li a:hover:before,.industry-list li a.active:before{ display: block}
.industry-list .gb{ width: 35px; height: 35px; background: url("../img/gb.png") no-repeat;position: absolute; top:40px;right: 40px}


/**********************************
 * 关于我们
 *********************************/
.profile .fl{width: 50%;height: 100%;background: url("../img/gsjj-bg.jpg")}
.profile .fr{ width: 50%;height:100%;box-sizing: border-box; position: relative}
.profile .lineBg{position:absolute;width:20%;height:78%;background: #fff;top:22%;left:47%;}
.profile .title { position: absolute; background: none; width: 100%; left: -9%; top: 30%; height: 18% }
.profile .title .company{display:block;position:absolute;font-size: 220%;left:11%;top:22%;text-align: left;overflow: hidden;}
.profile .title .rectangle{position:relative;float: left;width:18%;height: 100%;border: 3px solid #1965a7;}
.profile .title .line1{position:absolute;width: 2px;height:55%;background: #fc8127;top:87%;left: 4%;}
.profile .title  .line2{position:absolute;top:17%;left:14%;width: 10%;height: 62%;background: #fff;}
.profile .title  .company h2{font-size: 116%;line-height: 100%;margin-bottom: 15px;}
.profile .lineBg{position:absolute;width:20%;height:78%;background: #fff;top:22%;left:47%;}
.profile .text{position: absolute;top:52%;width: 53%; color: #888;left: 8%;line-height: 210%;font-size: 125%}

.contact-us .feedback{ width: 62%; height:100%;box-sizing: border-box; display: flex;justify-content: center;align-items: center;}
.contact-us .feedback h2{font-size: 36px;margin-bottom: 2%;}
.contact-us .feedback h6{font-weight: normal;font-size: 14px;width: 70%;line-height: 30px;margin: 3% 0}
.contact-us .feedback span{line-height: 40px;color: #888;margin-right: 1%;}
.contact-us .feedback span.fktitle{line-height: inherit;float: left;width: 63px;text-align: right;}
.contact-us .feedback input[type="text"], .contact-us .feedback textarea{  transition: all .5s; padding-left:10px;background:#eef0f2; height: 40px; border-radius: 3px;border:0;width: 70%}
.contact-us .feedback input[type="text"]:hover, .contact-us .feedback textarea:hover{box-shadow: 0 0 5px #2073b4}
.contact-us .feedback input[type="submit"]:hover,.contact-us .fr > div span a:hover{box-shadow: 0 0 5px #2073b4;cursor: pointer}
.contact-us .feedback input[type="text"].valid{background:url(../img/valid.png) no-repeat 98% center;background-color: #eef0f2; box-shadow: 0 0 5px #5cd053; border-color: #28921f;transition: none;}
.contact-us .feedback .inputlist{width: 50%;margin-bottom: 5%}
.contact-us .feedback textarea{width: 85%;height:120px;padding-top: 10px; margin-bottom: 5%;}
.contact-us .feedback .radio{width:50%;float: left;line-height:40px;margin-bottom: 15px;}
.contact-us .feedback .radio a{width: 14px; height: 14px;border:1px solid #1e69a9;border-radius: 50%;vertical-align: middle;margin-right: 10px;margin-left: 40px}
.contact-us .feedback .radio a:first-child{margin-left: 0}
.contact-us .fr{ display: flex;justify-content: center;align-items: center; background: url("../img/contactUs-bg.png") center no-repeat; background-size:cover;width: 37%;height: 100%;box-sizing: border-box}
.contact-us .fr > div{margin-bottom: 30%;}
.contact-us .fr > div> div{width: 100%; padding:6% 0;box-sizing:border-box; margin-bottom: 7%}
.contact-us .fr > div i{ color:#2397fc;float: left;vertical-align: middle;margin-right: 5px}
.contact-us .fr > div span{color: #fff;font-size: 16px;display: block;float: left;vertical-align: middle}
.contact-us .fr > div span.title{font-size: 14px; color:#2397fc;margin-bottom: 10px; width:80%}
.contact-us .fr > div span a{ background:#1965a7;color: #fff; border-radius: 20px;font-size: 14px;padding: 3px 10px;margin-left: 40px;transition: all .5s;}
.contact-us .feedback .radio a.active:before{ height: 6px; width: 6px;content: "";display: block;background:#1965a7;border-radius: 50%;margin: 4px 0 0 4px;}
.contact-us .feedback input[type="submit"]{width: 40%; height: 50px; transition: all .5s; background: #1789F2;border-radius: 2px;border:0;color: #fff;font-size: 16px;margin-left: 30%;}


/*公共底部*/
.footerHtml{clear: both;}
.footer{position: relative;box-sizing: border-box;background-color: #333; padding-top: 0px; box-sizing: border-box; overflow: hidden;  }
.footer  .page7_t{width:100%;color:#999;}
.footer  .page7_t .fl{width:60%;overflow:hidden;}
.footer  .page7_t .fl dl{float:left;width:22%;overflow:hidden;}
.footer  .page7_t .fl dl dt{line-height:26px;margin-bottom:10px;}
.footer  .page7_t .fl dl dt a{font-size:16px;color:#fff;}
.footer  .page7_t .fl dl dd{line-height:22px;}
.footer .page7_t .fl dl dd a{color:#999;}
.footer .page7_t .fl dl a:hover{color:#42b6fa;}
.footer .page7_t .fr{width:40%;}
.footer .page7_t .fr em{display:block;float: left;overflow:hidden;}
.footer .page7_t .fr em.em1{width: 66%;}
.footer .page7_t .fr em.em1 span{width:100%;display:block;overflow:hidden;margin-bottom:30px;}
.footer .page7_t .fr em.em1 span i{width:100%;display:block;overflow:hidden;}
.footer .page7_t .fr em.em1 span i.i1{line-height:20px;}
.footer .page7_t .fr em.em1 span i.i2{font-size:16px;color:#fff;line-height:20px; font-weight: 600;}
.footer .page7_t .fr em.em1 span.sp1{background: url(../img/phone_footer.png) left center no-repeat; background-size: 30px;text-indent:40px;}
.footer .page7_t .fr em.em1 span.sp2{background: url(../img/email_footer.png) left center no-repeat; background-size: 30px;text-indent:40px;margin-bottom:50px;}
.footer .page7_t .fr em.em2{width:26%;text-align:center;margin-top: -10px;}
.footer .page7_t .fr em.em2 img{width:130px;display:block;}
.footer .page7_t .fr em.em2 span{width:100%;display:block;overflow:hidden;color:#fff;line-height:14px;margin-top:10px;}
.footer .page7_c{width:100%;overflow:hidden;border-top:1px solid #444;text-align:center;}
.footer .page7_c p{width:100%;line-height: 66px;color:#999;}


/**********************************
 * 新闻列表页
 *********************************/
.content{width: 100%; height:auto; overflow:hidden;background:#fff;margin: 0 auto;padding: 0;}
/*banner部分*/
.newBanner{width: 100%;height:594px;position:relative; }
.newsBg{ display: flex;flex-direction: column;width: 100%;height:100%;background: url(../img/newsBanner.jpg) top center no-repeat ; }
.bannerText{display: block;width:428px;height:180px;margin-left: 28%;margin-top: 174px;text-align: center;color:#fff;font-size: 16px;}
.newsBg p{margin: 0;padding:0;}
.newsBg .title{font-size: 85px;}
.newsBg .title-desc{margin-top:20px;}
.newsBg .title-news{display: block;margin: auto;
  width: 150px;height: 28px;margin-top:20px;background-color:#2073b4;border-radius: 15px;line-height: 28px;text-align: center;}
/*标签*/
.news .tabList{width: 100%;border-bottom: 1px solid #eee;margin: auto;}
.news .new-tab{width:1200px;height: 30px; margin: auto;margin-bottom: 18px;margin-top:70px;}
.news .tabList a{display:inline-block;width:97px;line-height: 30px;font-size: 16px;color:#333;text-align: center;border-radius: 30px;margin-bottom: 10px; transition: all .5s}
.news .tabList a:hover,.news .new-tab .cur{background: #2073b4;border-radius:30px;color:#fff;}
/*新闻列表*/
.news .news-lists{width:1200px;margin: auto;padding-top:25px; margin-bottom: 100px}
.news .news-lists li{padding:10px;box-sizing:border-box;overflow: hidden;-webkit-transition: all .5s ease-in-out ; -o-transition: all .5s ease-in-out ; -moz-transition: all .5s ease-in-out ; transition: all .5s ease-in-out ;}
.news .news-lists li:hover {-moz-box-shadow:0 0 4px rgba(129, 208, 245, 0.5); -webkit-box-shadow:0 0 4px rgba(129, 208, 245, 0.5); box-shadow:0 0 4px rgba(129, 208, 245, 0.5);}

.news .news-img-box{ width:280px; height:150px; overflow:hidden; float: left; margin-right: 15px;cursor: pointer;}
.news .news-img-box img{ width: 100%; height: 100%}
.news .news-list-tit{font-size:20px;}
.news .news-list-type{color: #333; margin-top: 14px; margin-top: 10px; height: auto; overflow: hidden}
.news .news-list-text{margin: 10px 0;line-height:24px;}
.news .news-lists li a:hover{color: #0A246A!important;}
.news .news-time{ position: absolute;right: 0;top:11px}
.news .news-time span{display: block;line-height: 100%;}
.news .news-time-date{font-size: 50px;margin-bottom: 10px;}

/*

*/


/**********************************
 * 新闻详情页
 *********************************/
.newsDetail{width: 100%;}
.newsDetail	.section-box{padding-top:60px;margin: auto;}
.newsDetail	.section-box .detail-top{padding-bottom:30px;border-bottom: 1px solid #ededed;}
.newsDetail	.section-box .detail-top-con{width:1200px;margin:auto;}
.newsDetail	.section-box .detail-tit{margin-bottom: 20px;font-size: 22px;font-weight: 400;}
.newsDetail	.section-box .detail-label{display: inline-block;margin-bottom: 10px; height:22px;line-height:22px;padding: 0 15px;border-radius: 18px;border: 1px solid #b0b0b0;}
.newsDetail	.section-box .detail-label:hover{background: #2073b4;border:1px solid #2073b4;color:#fff;}
.newsDetail	.section-box .detail-desc{display: inline-block;margin: 0;padding: 0; margin-left: 12px;}
.newsDetail	.section-box .detail-box{width: 1200px;min-height: 800px;margin: 0 auto;margin-top:40px;}

/**********************************
 * 解决方案详情页
 *********************************/
.carscame-ban{width:100%;min-width: 1200px;background: #00AADC;height: 600px;}
.carscame-ban .ban-content{width: 1200px;margin: 0 auto;position: relative;color:#fff;top:230px;}
.carscame-ban .banner-title { margin-top: 0; margin-bottom: 10px; font-size: 48px;line-height: 50px; letter-spacing:5px;font-weight: 400; }
.carscame-ban .banner-desc { margin-bottom: 30px; width: 515px;  font-size: 18px; line-height:35px;font-weight: 400; }
.carscame-ban .banner-line{width:100px;height: 4px;background:#fff;margin-bottom: 16px;}
.scame-desc{min-height: 500px;background: #fff;width: 100%;height: auto;overflow: hidden;}


/**********************************
 * 数据banner
 *********************************/
.dataBanner{width: 100%; background: url("/com/img/banner.png") center no-repeat; min-width:1200px; background-size:cover; height: 594px;text-align: center; display:flex; justify-content: center;align-items: center}
.dataBanner h2{font-size: 39px; margin: 0; color: #fff; font-weight: normal}
.dataBanner p{font-size: 32px; margin: 0;color: #fff; margin-top: 10px}

/**********************************
 * 数据列表
 *********************************/
.dataTabList{ width: 100%; padding: 30px 0; border-bottom:1px solid #eeeeee}
.dataTabList > div,.dataCenter{ width: 1200px; margin: auto;}
.dataCenter{ padding-bottom:85px;}
.dataTabList a {font-size: 18px; color: #595959; margin-right: 50px; cursor: pointer}
.dataTabList .search{ float: right; height: 28px; border:1px solid #eee;border-radius: 50px; width: 255px;}
.dataTabList .search:hover{box-shadow: 0 0 10px #a6d9fd;transition:all .5s}
.dataTabList .search input{ border:none;  height:100%; width:100%; border-radius:50px; padding:0 20px; font-size:14px; box-sizing:border-box;line-height:28px; background:url("/com/img/data.png") right 6px no-repeat;}
.dataCenter .pxjgTab{ padding: 30px; box-sizing: border-box; display: flex;align-items: center;justify-content: center;}
.dataCenter .pxjgTab a{  padding-right:25px; box-sizing: border-box;  color: #595959; cursor: pointer}
.dataCenter .pxjgTab span{ background:url("/com/img/data.png") 0 -82px no-repeat; padding-top:3px; padding-bottom:3px; padding-left:33px; margin-left:30px}
.dataCenter .pxjgTab > div:first-child span{background-position:0 -187px; margin-left:0}
.dataTabList a:hover,.dataCenter .pxjgTab a:hover{ color: #165c9e}
.dataCenter ul li{ padding:30px 25px; margin-top:30px; margin-bottom:15px;/* background: url("/com/img/icon1.png") no-repeat;*/ /*background-position:25px 30px;background-size:25%;*/ padding-left: 130px; box-sizing: border-box; list-style: none; width: 370px; box-shadow: 0 0 10px #a6d9fd; height: 155px; position: relative; float:left; margin-right: 25px}
.dataCenter ul li:nth-of-type(3n+0){ margin-right: 0}
.dataCenter ul li h2{font-size: 17px; color:#595959;font-weight: normal; margin: 0; width: 215px;}
.dataCenter ul li p {font-size: 14px; color: #888888;margin: 0; width: 215px; margin-top: 15px; height: 54px; overflow: hidden;}
.dataCenter ul li a{ position: absolute; cursor: pointer; text-align: center; color: #fff; background:#2073b4;font-size: 16px; width: 115px; height: 35px;text-align: center; line-height: 35px; right: 0; bottom:-17.5px; z-index: 10}
.dataCenter ul li a:hover{ background:#1965a7}
.dataCenter ul li a.zh{ background: #ccc}


/**********************************
 * 数据详情
 *********************************/
.apiBox{width:1200px; background:#fff; border-top:3px solid #2073b4; margin:auto;margin-top:30px;}
.apiBox > .apiTitle{padding-left:227px; background:url("/com/img/icon1.png") 50px 0 no-repeat; margin-top:40px;background-size:12%;position:relative}
.apiBox > .apiTitle h5{font-size:16px; width:635px;color:#333;font-weight:normal;}
.apiBox > .apiTitle p { color:#888;margin-top:15px;width:635px;border-bottom:1px solid #e9e9e9; padding-bottom:15px;}
.apiBox > .apiTitle span{ height:30px; margin:20px 0; background:#f8f8f8;display:block;border-radius:50px;padding: 0 15px;line-height:30px; float:left; color:#888888}
.apiBox > .apiTitle a{ position:absolute; top:0; width:113px; height:38px; border:1px solid #eaeaea; right:40px; text-align:center;line-height:38px;border-radius:50px;transition:all .5s}
.apiBox > .apiTitle a:hover{ color:#fff; background:#2073b4}
.apiBox .apiTablist{ height:50px; line-height:50px; background:#f6f8ff;margin-bottom:30px;border-top:3px solid #2073b4}
.apiBox .apiTablist a{ padding:0 30px; }
.apiBox .apiTablist a:hover,.apiBox .apiTablist a.active{background:#fff}
.apiBox .apiDoc{min-height:1000px;}
/**********************************
 * 公用数据模块
 *********************************/
.apiDoc > ul{ float:left; width:230px;  padding: 0 30px;box-sizing:border-box; }
.apiDoc li{ line-height:35px; height:35px; color:#333; font-size:14px;position:relative}
.apiDoc li:after{content:''; display:none;width: 0;height: 0;border-width: 7px;border-style: solid; border-color: transparent transparent transparent #2073b4; position:absolute;right:0;top:11px}
.apiDoc li:hover,.apiDoc li.active{ color:#2073b4;cursor: pointer}
.apiDoc li:hover:after,.apiDoc li.active:after{display:block}
.apiDoc > div{border-left: 1px solid #e9e9e9;width:calc(100% - 231px);float:left; padding: 0 25px;box-sizing:border-box;padding-bottom:100px; }
.apiDoc > div > div > .apiWdTitle{ color:#2073b4; padding-left:10px; border-left:3px solid #2073b4}
.apiDoc > div > .apiWdTitle{ color:#2073b4; padding-left:10px; border-left:3px solid #2073b4}
.apiDoc > div > div > span{ color:#888; margin:20px 0;display:block}
.apiDoc > div > div > table td{border:1px solid #eee;height:45px;padding:0 15px;color:#888;}
.apiDoc .json{border:1px solid #e9e9e9; width:540px;min-height:300px;  padding:20px;box-sizing: border-box; }


/**********************************
 * 解决方案数据
 *********************************/
.solutionData{padding-bottom:100px;}
.apiList{ margin:auto;display:flex;justify-content:left;max-width:1200px;margin-top:30px;}
.apiList > a {font-size:18px;text-align: center;border-bottom:2px solid #fff; margin:0 20px;width:200px; padding-bottom:20px; color:#888;/*background:url("/com/img/icon1-hui.png") no-repeat;*/transition:all,.5s;/*background-size:46%; background-position:center 0*/}
.apiList > a img{vertical-align: middle;}
.apiList > a span{display: block;margin-top:10px;}
.apiList > a:hover,.apiList > a.active{border-bottom:2px solid #2073b4; /*background:url("/com/img/icon1.png") no-repeat;background-size:46%; background-position:center 0*/}
.listCon{ width:100%;background:#fdfdfe; height:500px;border-top:1px solid #e9e9e9;position: relative}
.listCon > div {display:flex;justify-content:center; height:500px;align-items:center;width:100%;margin:auto;position: absolute; background: #fdfdfe}
.listCon > div  .apiBrief{ width:240px; float:left; height:100%; background:#f5f5fa;padding:0 30px; padding-top:80px;box-sizing:border-box}
.listCon > div  .apiBrief span{font-size:16px; padding-bottom:20px;border-bottom:1px solid #e9e9e9; display:block; margin-bottom:20px;}
.listCon > div  .apiBrief p{font-size:14px; color:#888}
.listCon > div .apiDoc{ padding-top:25px; box-sizing:border-box; }
.listCon > div .apiDoc > div{max-height:475px; overflow:auto; }
.solutionData .apiDoc > div > div > table td{max-width: 300px;}



.yema{ width: 1200px; margin: auto;display: flex;justify-content: center;align-items: center;margin-bottom: 100px}
/*.yema .yemas li{border:1px solid #eeeeee;float: left;text-align: center;margin: 0 5px;padding:5px 10px; border-radius: 3px;box-sizing: border-box}*/
.yema .yemas li{border:1px solid #eeeeee;float: left;text-align: center;margin: 0 5px; border-radius: 3px;box-sizing: border-box}
.yema .yemas li a{padding:5px 10px;box-sizing: border-box;}
.yema .yemas li:hover,.yema .yemas li.gqcd{ background: #2073b4; cursor: pointer}
.yema .yemas li:hover a,.yema .yemas li.gqcd a{color: #fff;}


/**********************************
 * 服务协议
 *********************************/
@media (min-width: 768px) {
  .container_xieyi {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container_xieyi {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container_xieyi {
    width: 1170px;
  }
}
.xieyi .container_xieyi {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.xieyi  .title {
    text-align: center;
    padding-bottom: 20px;
}
.xieyi  .title h3 {
    font-size: 24px;
    margin-top: 40px;
    width: 90%;
    margin-left: 5%;
    line-height: 35px;
    font-weight: 400;
    color: #333;
    line-height: 40px;
}
.xieyi .xieyi_intro {
    font-size: 14px;
    color: #888;
    margin-bottom: 10px;
}
.xieyi ul h2 {
    margin: 1rem 0 ;
    font-size: 16px;
    letter-spacing: -0.01em;
    line-height: 24px;
    color: #333;
    font-weight: normal;
}

.xieyi ul p {
    font-size: 14px;
   line-height: 24px;
    color: #888;
    margin: 8px 0;
}