@charset "utf-8";

/*~~~~框架布局~~~*/

html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}

/*==版心定义↓==*/

.container{width:1600px;}

.wor{min-height:100px}

a:hover{color:#003eb9}

/*==字符串↓==*/

i,.iof{font-style: normal;font-family: "iconfont";line-height:1;transition: all .4s ease-in-out}

@font-face {

  font-family: 'iconfont';  /* project id 1963410 */

  src: url('//at.alicdn.com/t/font_1963410_rjxvdl7xk.eot');

  src: url('//at.alicdn.com/t/font_1963410_rjxvdl7xk.eot?#iefix') format('embedded-opentype'),

  url('//at.alicdn.com/t/font_1963410_rjxvdl7xk.woff2') format('woff2'),

  url('//at.alicdn.com/t/font_1963410_rjxvdl7xk.woff') format('woff'),

  url('//at.alicdn.com/t/font_1963410_rjxvdl7xk.ttf') format('truetype'),

  url('//at.alicdn.com/t/font_1963410_rjxvdl7xk.svg#iconfont') format('svg');

}

/*==顶部↓==*/

.fixed-top.header{ position: fixed;width:100%;z-index:99; padding:10px 0;height:80px;  }

.fixed-top.header:before{opacity:1; height:100%;}

.fixed-top.header .logo img{ height:60px;}

.fixed-top.header .nav{margin-top: 20px;}

.fixed-top.header .nav > li > a{padding-bottom: 29px;}

.fixed-top.header .tel{ margin-top: 10px; }

/*--*/

.header{z-index:99;padding:20px 0;height:100px;box-shadow: 0 0 10px #ddd;}

.header:before{opacity:0; content:"";position:absolute;bottom:0;z-index:-1;width:100%;height:80%;background: #fff;transition: all .4s ease-in-out;}

.header .logo{float:left}

.header .logo img{ /* max-height: 100%; */}

.header .logo a{float:left;display:inline-block}

.header .logo span{display: inline-block;/* float:left; */color:#282828;font-size:16px;margin: 5% 0 0 20px;}

.header .tel{position: relative;float: right;margin: 15px 0 0 60px;/* font-weight: bold; */font-size: 24px;color: #003eb9;}

.header .tel:before{content: "\e660";font-family: "iconfont";float: left;/* position: absolute; *//* left:0; */margin: 2px 10px 0 0;font-weight: 400;color: #003eb9;font-size: 30px;line-height: 1;/* height: 1px; */}

.header .nav{display:flex;float: right;margin-top: 20px;}

.header .nav > li{/* flex: 1; */float: left;margin-left: 40px;position: relative;}

.header .nav > li > a{position: relative;display: block;color:#666666;font-size:16px;text-align: center;padding-bottom: 39px;}

.header .nav > li > a:after{content:"";position: absolute;left:0;bottom:0;width:100%;height:2px;background:#003eb9;transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.header .nav > li:hover > a,.header .nav > li.active > a{color:#003eb9; }

.header .nav > li:hover > a:after,.header .nav > li.active > a:after{transform: scale(1);transform-origin:left;}

.header .nav .sub{display:none;width: 200%;left:-50%;top: 100%;position:absolute;border:1px #ddd solid;background: rgba(255,255,255,1);padding: 10px 0;z-index: 999;text-align: center;/* box-shadow: 0 0 10px #ddd; */}

.header .nav .sub a{display: block;color: #5e5e5e;font-size: 14px;padding:8px 10px}

.header .nav .sub a:hover{color:#fff; background: #003eb9;}

/*.header .nav li:last-child .sub{display: none !important;}*/

/*==次级导航↓==*/

.menu{width:100%;margin-top:60px;}

.menu .container{border-bottom:1px #ddd solid;}

.menu ul{display:table;text-align: center;/*! background:#f2f3f4; *//*! width: 100%; */margin: auto;margin-bottom: -1px;}

.menu li{/*! flex: 1; */ display: inline-block;}

.menu li a{position:relative;z-index:2;display: block;margin:0 0px;color:#191919;font-size:20px;padding: 10px 0px 20px 0;margin: 0 60px;}

.menu li a:before{content: "";position: absolute;right: -60px;top: 12px;width:1px;height:20px;background: #ccc;}

.menu li a:after{ content: ""; position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:2px; background: #003eb9;transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.menu li:last-child a:before{display:none;}

.menu li:hover a,.menu li.active a{ color:#003eb9;  }

.menu li:hover a:after,.menu li.active a:after{ transform: scale(1);transform-origin:left;}

/*==次级栏目↓==*/ 

.column{position: relative;width:100%;margin-top: -55px;}

.column .container{background: #666;}

.column ul{display:table;text-align: center;margin: auto;display: flex;flex-flow: row wrap;align-content: flex-start;}

.column li{/*! flex: 1; */flex-grow: 1;display: inline-block;overflow: hidden;}

.column li a{position:relative;z-index:2;display: block;margin:0 0px;color: #fff;font-size:20px;padding: 20px 10px;margin: 0 0px;}

.column li i{font-size:26px; margin:10px 10px 0 0}

.column li a:before{content: "";position: absolute;right: 0;top: 20%;width:1px;height:60%;background: #ccc;}

.column li a:after{opacity: 0;content: "";position: absolute;left:0;bottom:0;z-index: -1;width: 40%;height: 66%;border-radius:50% 50% 50% 0%;background: #003eb9;transition: 0.5s;transform-origin: 0 100% 0;}

/*.column li a:after{ content: ""; position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:2px; background: #003eb9;transition:transform .5s;transform: scale(0,1);transform-origin:right;}*/

.column li:last-child a:before{display:none;}

.column li:hover a,.column li.active a{ color:#fff;}

.column li:hover a:after,.column li.active a:after{ transform: scale(1);transform-origin:left;}

.column li:hover a:after{opacity: 0.6;    transform: scale(4, 4);}

.column .offer{width:0%;}

.column .offer a{background: #003eb9;}

/*==面包屑↓==*/

.site{margin:30px 0px 0px 0;color:#767676;font-size:14px;}

.site .home i{color:#333;font-weight:bold;font-size:16px;margin-right:10px;}

.site a{color:#666;font-size:12px;}

.site a:hover{color:#003eb9}

/*==标题↓==*/

.titleAx{color:#282828;font-size:40px;font-weight: bold;}  

.titleAx span{margin-top:10px;display: block;color:#757575;font-size:16px;font-weight: 400;text-transform: Uppercase;}

.titleAx font{color:#0d9edb}

.titleAx hr{display: block;margin: 10px auto 0;width: 40px;height: 3px;border:none;background: #003eb9;}

.titleAx.cen{text-align: center;margin-bottom:50px;}

.titleAx.m30{margin-bottom:30px}

.titleAx.m40{margin-bottom:40px}

.titleAx.white,.titleAx.white b,.titleAx.white span{color:#fff}

.titleAx.white hr{background:#fff}

/*--*/

.titleBx{color:#000123;font-size:40px;margin-bottom:50px; text-align: center; font-weight: bold;}

.titleBx hr{width:30px;height:2px; margin:10px auto 5px;border:none;display: table;background:#003eb9}

.titleBx b{display: block; color:#282828;font-size:30px;font-weight:100; margin-top:10px}

.titleBx b font{font-size:36px}

.titleBx span{display: block; margin:10px auto 0;color:#bdbdbd;font-size:14px;font-weight:400}

.titleBx .se{font-size:24px;color:#282828;margin-top:12px;display: block;}

.titleBx.cen{text-align: center;}

.titleBx.white,.titleBx.white span{color:#fff}

.titleBx.tTop{margin:50px 0 0 0;}

/*==边距↓==*/

.ptm60{padding:60px 0}

.ptm80{padding:20px 0}

.ptm100{padding:100px 0}

.pt60{padding-top:60px}

.pt80{padding-top:80px}

.pt100{padding-top:100px}

.pm60{padding-bottom:60px}

.pm80{padding-bottom:80px}

.pm100{padding-bottom:100px}

/*--*/

.mtm60{margin:60px 0}

.mtm80{margin:80px 0}

.mtm100{margin:100px 0}

.mt60{margin-top:60px}

.mt80{margin-top:80px}

.mt100{margin-top:100px}

.mm60{margin-bottom:60px}

.mm80{margin-bottom:80px}

.mm100{margin-bottom:100px}

/*句段限制*/

.lcp{-webkit-line-clamp: 1;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}

/*===内页框↓==*/

.rack{float:left;width:100%;padding:70px 0 80px 0;}

.rackWor{}

/*==更多按钮↓==*/

.more-1{position:relative;z-index:2;display: table; color:#fff;font-size:14px;padding:10px 30px;border-radius: 5px; overflow: hidden; background: #003eb9;}

.more-1:before{opacity:0;content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#333123;transform: translateX(-10px);transition: all .4s ease-in-out;}

.more-1:hover{color:#fff;}

.more-1:hover:before{opacity:1;transform:translateX(0px);}

/*--*/

.more-2{position:relative;z-index:2;display: table; color:#003eb9;overflow:hidden; border:1px #003eb9 solid; border-radius: 5px;padding:10px 30px}

.more-2:before{opacity:0;content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#003eb9;transform: translateX(-10px);transition: all .4s ease-in-out;}

.more-2:hover{color:#fff; }

.more-2:hover:before{opacity:1;transform:translateX(0px);}

/*==首页top模块↓==*/

.TopHome{ background: #eeeeee;}

.TopHome ul{}

.TopHome li{position:relative; float:left;width:33.3%;padding: 18px 20px;border-right:1px #ddd solid;overflow:hidden;}

.TopHome li:before{opacity:0; content:""; position:absolute;top:0;left:0;width:200%;height:100%; background:#003eb9}

.TopHome li a{position: relative;display: table;margin: auto;padding-left: 70px;}

.TopHome li em{/* float:left; */position: absolute;left: 0;top: 5px;display: table-cell;width: 53px;height: 53px;/* margin-right: 20px; */background-repeat:no-repeat;background-position: 0 0;}

.TopHome li h4{display: table;color:#282828;font-size:30px;margin-bottom: 5px;}

.TopHome li span{display: table;color:#666666;font-size:13px;}

.TopHome li:hover{ }

.TopHome li:hover:before{opacity:1;}

.TopHome li:hover em{background-position:0 -55px}

.TopHome li:hover h4{color:#fff}

.TopHome li:hover span{color:#fff}

.TopHome ul .x1 a{float:left;}

.TopHome ul .x1:before{right:0;left:auto;}

.TopHome ul .x3{border:none}

.TopHome ul .x3:before{}

.TopHome ul .x3 a{float:right}

.TopHome ul .x1,.TopHome ul .x3{ overflow:initial}

.TopHome ul .x1 em{background-image:url(../images/TopHomeIco01.png);}

.TopHome ul .x2 em{background-image:url(../images/TopHomeIco02.png);}

.TopHome ul .x3 em{background-image:url(../images/TopHomeIco03.png);}

/*==首页我们是谁↓==*/

.WhoHome{}

.WhoHome .left{float:left;width:45%;padding-right:60px;}

.WhoHome .left ul{margin-bottom:15px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.WhoHome .left ul li{float: left;/* display: table; */width:50%;margin-bottom:15px;}

.WhoHome .left ul a{display: table-cell;vertical-align: bottom;height: 90px;/* background: #eee; */}

.WhoHome .left ul span{color:#003eb9;font-size:50px;height: 35px;display: inline-block;}

.WhoHome .left ul font{color:#003eb9;font-size:15px;}

.WhoHome .left ul h5{color:#444444;font-size:18px;margin-top: 8px;}

.WhoHome .left ul li:nth-child(2n) span{font-size:26px}

.WhoHome .left .wx{color:#666;font-size:16px;line-height: 26px;;}

.WhoHome .right{float:right;width:55%; text-align: right;}

.WhoHome .more-1{margin-top:30px;}

/*==首页做什么↓==*/

.WhatHome{ background:url(../images/WhatBg.jpg) no-repeat center bottom; background-size:cover ; }

.WhatHome .tone{position: relative;text-align: center;margin-bottom: 50px;}

.WhatHome .tone:before{content: "";position: absolute;left:-10%;bottom:0;width:120%;height:1px; background: #ddd;}

.WhatHome .tone li{position: relative;z-index:2;display: inline-block;margin:0 25px;cursor: pointer;color:#282828;font-size:24px;padding-bottom: 15px;}

.WhatHome .tone li:before{content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:2px;background:#003eb9;transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.WhatHome .tone .active{color:#003eb9}

.WhatHome .tone .active:before{transform: scale(1);transform-origin:left;}

.WhatHome .down{ }

.WhatHome .box{padding: 0 150px;}

.WhatHome .down .left{float:left;width: 45%;}

.WhatHome .down .right{float:right;width: 55%;padding: 80px 0 0 50px;}

.WhatHome .down .title{color: #212121;font-size:28px;font-weight: bold;margin-bottom: 15px;}

.WhatHome .down .wx{color:#484848;font-size:16px;}

.WhatHome .down .wx2{color:#666;font-size:15px;line-height: 24px;}

.WhatHome .down h5{color:#212121;font-size:20px;margin-bottom: 35px;}

/*--*/

.WhatHome .down .row{margin: 50px 0 -5% -5%;}

.WhatHome .down .row li{display: block;float:left;width: 28.3%;margin: 0 0 5% 5%;color:#666666;font-size:20px;padding: 16px 5px;border-radius: 8px;text-align: center;box-shadow: 5px 5px 10px #dedede;background: #fff;    transition: all .4s ease-in-out;}

.WhatHome .down .row li:hover{transform: translateY(-5px);color:#003eb9;box-shadow: 5px 5px 10px #ccc;}

.WhatHome .down .row.lx2{margin-right:50%;}

.WhatHome .down .row.lx2 li{width:20%}

.WhatHome .down .row.lx5 li{width:22%;}

/*--*/

.WhatHome .custom{}

.WhatHome .custom ul{ margin-top: 30px;}

.WhatHome .custom ul li{position: relative;width: 360px;color:#383838;margin-bottom: 20px;padding: 10px  10px 10px 45px;font-size:18px;border-radius: 5px;box-shadow: 0 0 10px #ddd;background: #fff;}

.WhatHome .custom ul li em{position: absolute;left: -15px;top: 0px;display: block;color:#fff;font-size:24px;font-weight:bold;width: 45px;line-height: 45px;border-radius:50%;text-align: center;background: #003eb9;}

.WhatHome .custom ul li:hover{color:#003eb9;transform:translateX(-5px)}

/*--*/

.WhatHome .seo .assign{ margin-top:40px;}

.WhatHome .seo .assign li{float:left;width:33.3%;color:#212121;font-size:24px}

.WhatHome .seo .assign li span{display: inline-block;width:50px;line-height: 50px;margin-right: 10px;color:#fff;font-size:24px;border-radius: 50%;text-align: center;background:#003eb9;}

.WhatHome .seo .assign li:hover{color:#003eb9;transform:translateY(-5px)}

.WhatHome .seo .assign li:nth-child(1) span{background: #003eb9;}

.WhatHome .seo .assign li:nth-child(2) span{background: #00aeff;}

.WhatHome .seo .assign li:nth-child(3) span{background: #00b01d;}

/*--*/

.WhatHome .guest .title,.WhatHome .guest .wx{ text-align: center;}

.WhatHome .guest .card1{}

.WhatHome .guest .card1{float:left;width: 100%;margin: 0px 0 -30px -30px;display: flex;align-content: flex-start;}

.WhatHome .guest .card1 li{display: inline-block;width: 33.3%;text-align: center;margin-bottom: 40px;}

.WhatHome .guest .card1 a{position:relative;z-index:2;display: block;height:100%;padding: 40px 10px;border-radius:10px;margin-left: 40px;overflow:hidden;box-shadow:5px 5px 10px #eee;background: #fff;}

.WhatHome .guest .card1 a:before{opacity: 0;content:"";position:absolute;left:0;top:0;z-index: -1;width:100%;height:100%;transform: translateY(10px);background:-webkit-linear-gradient(left, #228fd0, #003eb9);}

.WhatHome .guest .card1 em{display: table;margin: 0 auto 20px;color:#666;font-size:20px;width: 58px;height: 58px;line-height:70px;border-radius: 5px;background-repeat:no-repeat;background-position: 0 0;/* background-color: #228fd0; */}

.WhatHome .guest .card1 h4{color:#282828;font-size:20px;margin-bottom: 20px;}

.WhatHome .guest .card1 p{color:#484848;font-size:16px;line-height:28px;}

.WhatHome .guest .card1 li:hover a{transform:translateY(-5px)}

.WhatHome .guest .card1 li:hover a:before{opacity:1;transform:translateX(0px)}

.WhatHome .guest .card1 li:hover em{background-position:0 -58px}

.WhatHome .guest .card1 li:hover h4{color:#fff}

.WhatHome .guest .card1 li:hover p{color:#fff}

.WhatHome .guest .card1 .x1 em{background-image:url(../images/WhatIco101.png);}

.WhatHome .guest .card1 .x2 em{background-image:url(../images/WhatIco102.png);}

.WhatHome .guest .card1 .x3 em{background-image:url(../images/WhatIco103.png);}  

.WhatHome .guest .card2{float: right;width: 47%;margin: 0px 0 -40px -40px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.WhatHome .guest .card2 li{display: inline-block;width: 50%;margin-bottom: 40px;}

.WhatHome .guest .card2 a{position:relative;display: block;margin-left: 40px;}

.WhatHome .guest .card2 em{float: left;display: table;width: 58px;height: 58px;background-repeat:no-repeat;background-position: 0 0;}

.WhatHome .guest .card2 span{float: left;margin-left: 26px;display: table;color:#282828;font-size:16px;line-height: 24px;}

.WhatHome .guest .card2 li:hover{transform:translateY(-5px)}

.WhatHome .guest .card2 li:hover span{color:#003eb9;}

.WhatHome .guest .card2 .x1 em{background-image:url(../images/WhatIco201.png);}

.WhatHome .guest .card2 .x2 em{background-image:url(../images/WhatIco202.png);}

.WhatHome .guest .card2 .x3 em{background-image:url(../images/WhatIco203.png);}

.WhatHome .guest .card2 .x4 em{background-image:url(../images/WhatIco204.png);}

.WhatHome .guest .card3{float: right;width: 47%;margin: 50px 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.WhatHome .guest .card3 li{display: inline-block;width: 20%;margin-bottom: 20px;}

.WhatHome .guest .card3 a{display: block;margin-left: 20px;}

.WhatHome .guest .card3 li:hover a{box-shadow: 0 0 10px #ddd;}

/*--*/

.WhatHome .media{padding-right:0px;}

.WhatHome .media .circle{margin: 50px 0 0 -50px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.WhatHome .media .circle li{display: inline-block;width: 130px;height: 130px;margin: 0 0 0 50px;padding: 30px 10px;text-align: center;color:#fff;font-size:18px;border-radius:50%;box-shadow: 5px 5px 10px #ffa162;background:-webkit-linear-gradient(left, #228fd0, #003eb9);}

.WhatHome .media .circle em{width: 36px;height: 34px;display: table;margin: 0 auto 5px;background-repeat:no-repeat;background-position: center;}

.WhatHome .media .circle li:hover{transform: translateY(-5px);}

.WhatHome .media .circle .x1 em{background-image:url(../images/mediaHIco01.png);}

.WhatHome .media .circle .x2 em{background-image:url(../images/mediaHIco02.png);}

.WhatHome .media .circle .x3 em{background-image:url(../images/mediaHIco03.png);}

.WhatHome .media .circle .x4 em{background-image:url(../images/mediaHIco04.png);}

/*==首页合作伙伴↓==*/

.PartnerHome{}

.PartnerCont .more-2{margin:50px auto 0;}

/*==合作伙伴列表↓==*/

.partner-list{}

.partner-list{margin:0 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.partner-list li{width:25%;margin-bottom:20px;display: inline-block;text-align: center;}

.partner-list li a{position: relative;z-index:2;display: block;margin-left:20px;padding:30px 60px 60px 60px; text-align: center; border: #ddd solid 1px;overflow: hidden;}

.partner-list li a:before{ opacity:0; content:"";position: absolute;left:0;top:0;z-index: 1;width: 100%;height:100%;transform: translateY(10px);background: #003eb9;}

.partner-list h5{margin-top:10px; color:#666;font-size:15px; text-align: center;}

.partner-list .box{opacity:0; position: absolute;left:0;top:0;right: 0;bottom: 0;margin: auto;height: min-content;z-index:1;width:100%;/* height:100%; */text-align: center;transform: translateY(-10px);    padding: 0 10px;}

.partner-list h4{color:#fff;font-size:24px;margin-bottom:10px;}

.partner-list p{-webkit-line-clamp: 3;color:#fff;font-size:14px;line-height: 24px;}

.partner-list li:hover{}

.partner-list li:hover a:before{opacity:1; transform: translateY(0px);}

.partner-list li:hover .box{opacity:1; transform: translateY(0px);}

/*==首页优势↓==*/

.AdvantageHome{background: url(../images/AdvantageBg.jpg) no-repeat center; background-size:cover ;}

.AdvantageHome .pic{position: relative; float:left;width:38%;margin-right:2%}

/*.AdvantageHome .pic img{display: block; position: absolute;}*/

.AdvantageHome .list{float:right;border-left: 1px #ddd solid;border-top: 1px #ddd solid;display: flex;flex-flow: row wrap;align-content: flex-start;}

.AdvantageHome .list li{position: relative;z-index:2;display: inline-block;width:33.3%;overflow:hidden;padding: 30px 60px;border-right: 1px #ddd solid;border-bottom: 1px #ddd solid;}

.AdvantageHome .list li:before{ opacity:0; content:"";position: absolute;left:0;top:0;z-index:-1;width: 100%;height:100%;transform: translateY(10px);background:-webkit-linear-gradient(top, #003eb9, #003eb9); }

.AdvantageHome .list em{display: table;margin-bottom: 12px;width: 50px;height: 43px;background-repeat:no-repeat;background-position:0 0; }

.AdvantageHome .list h4{color:#4e4e4e;font-size:26px;margin-bottom:10px;font-weight:bold} 

.AdvantageHome .list p{-webkit-line-clamp: 2;color:#525252;font-size:15px;line-height: 26px;} 

.AdvantageHome .list li a{display: block;}

.AdvantageHome .list li:hover em{background-position:0 -44px ;}

.AdvantageHome .list li:hover:before{opacity:1;transform: translateY(0px);}

.AdvantageHome .list li:hover h4{color:#fff}

.AdvantageHome .list li:hover p{color:#fff}

.AdvantageHome .list .x1 em{background-image:url(../images/AdvantageIco01.png);}

.AdvantageHome .list .x2 em{background-image:url(../images/AdvantageIco02.png);}

.AdvantageHome .list .x3 em{background-image:url(../images/AdvantageIco03.png);}

.AdvantageHome .list .x4 em{background-image:url(../images/AdvantageIco04.png);}

.AdvantageHome .list .x5 em{background-image:url(../images/AdvantageIco05.png);}

.AdvantageHome .list .x6 em{background-image:url(../images/AdvantageIco06.png);}

/*==首页品牌营销↓==*/

.MarketHome{background:url(../images/MarketBg.jpg) no-repeat center;background-size:cover;background-attachment: fixed;}

.MarketHome .long{text-align: center;position: relative;margin: auto;display: table;}

.MarketHome .box{float: left;position: relative;display: inline-block;display: table-cell;width: 500px;height: 500px;margin: 0 -28px;border-radius:50%;border:1px #003eb9 solid;vertical-align: middle;}

.MarketHome .box a{display: block;position: absolute;right:0;top:0;left:0;bottom:0; margin: auto;height:min-content;color:#fff;font-size:25px;}

.MarketHome .box h5{position: absolute;top: 60px;left: -125px;display: table;color:#fff;font-size:15px;padding:10px 20px;border-radius: 8px;background: #003eb9;}

.MarketHome .box h5:before{content:"";position: absolute;right: -90px;top: 20px;width: 90px;height:1px;background: #003eb9;}

.MarketHome .box h4{position:relative;z-index: 1;display: inline;color:#003eb9;font-size:35px;font-weight:bold;margin-bottom: 15px;/* background: #eee; */}

.MarketHome .box h4:before{opacity: 0;content:"";position: absolute;left:0;bottom:0;z-index: -1;width:100%;height: 17px;background:#aaa;}

.MarketHome .box p{line-height: 55px;}

.MarketHome .unity{/* opacity: 0; */position: absolute;top: 136px;left: 415px;z-index: 2;width: 58px;height: 230px;color:#fff;font-size:32px;padding: 0px 8px;overflow: hidden;writing-mode: lr-tb;writing-mode: tb-rl;letter-spacing: 6px;background: url(../images/MarketBg02.png) no-repeat center;background-size: 100%;}

/*.MarketHome .unity:before,.MarketHome .unity:after{opacity: 0.5;content:"";position: absolute;top: -133px;left: -429px;z-index: -1;display: block;width: 500px;height: 500px;border-radius: 50%;background:#003eb9;}

.MarketHome .unity:after{left: auto;right: -429px;}*/

.MarketHome .x2 h5{left:auto;right: -125px;top:auto;bottom: 60px;}

.MarketHome .x2 h5:before{right:auto;left: -90px;top: 20px;}

.MarketHome .box:hover a{ transform: translateY(-10px);}

.MarketHome .box:hover h4:before{opacity: 0.45;}

/*==首页新闻↓==*/

.NewsHome{}

.NewsHome .frame{position: relative;z-index: 2; width:49%;padding: 60px 50px;background: #f6f7fa;} 

.NewsHome .frame .title{position: relative;color: #282828;font-size: 26px;line-height: 20px;/* font-weight: bold; */margin-bottom: 40px;}

.NewsHome .frame .title span{display: block;color: #999;font-size: 24px;margin-top: 15px;font-weight: bold;text-transform: Uppercase;}

.NewsHome .frame .title a{position: absolute;right:0;top: 2px;color: #999;font-size:38px;font-weight: 400;}

.NewsHome .frame .title a:hover{color:#003eb9;transform:translateX(-5px)}

.NewsHome .list{}

.NewsHome .list li{border-bottom: 1px #e9eaed solid;overflow: hidden;}

.NewsHome .list .one{padding-bottom: 40px;}

.NewsHome .list .one .pic{float: left;width: 40%;margin-right: 25px;height: 140px;}

.NewsHome .list .one .pic:before{opacity:0;content:"";position: absolute;z-index: 1;left:0%;top:0;width:100%;height: 100%;background:#000;}

.NewsHome .list .one .pic img{width:100%;height: 100%;object-fit: cover;} 

.NewsHome .list .one h4{display: table;color:#212121;font-size:17px;font-weight: bold;max-width: 100%;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.NewsHome .list .one p{-webkit-line-clamp: 3;color:#666666;font-size:14px;line-height: 22px;}

.NewsHome .list .one .time{color:#afafaf;font-size:12px;display: block;margin-top: 15px;}

.NewsHome .list .two{padding: 18px 0;overflow: hidden;}

.NewsHome .list .two h4{float:left;color:#212121;font-size:14px;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.NewsHome .list .two .time{float:right;color:#afafaf;font-size:12px;}

.NewsHome .list li:hover h4{color:#003eb9;transform: translateX(5px);}

/*==首页留言↓==*/

.DemandHome{ background: url(../images/DemandBg.jpg) no-repeat center; background-size:cover;}

.DemandHome .title{color:#191919;font-size:30px;font-weight:bold; text-align: center;margin-bottom:30px}

.DemandHome .title span{display: block;color:#191919;font-size:16px; margin-top:10px;font-weight:400;}

.DemandHome form{position:relative;width:70%;margin:auto;/*padding-right:130px*/}

.DemandHome input,.DemandHome textarea{float:left;width:32.3%;margin:0 0 1% 1%;/* padding:0px 10px !important; */color:#999999;font-size:18px;border:none;padding: 5px 20px;line-height: 50px;height: 50px;border-radius: 8px;background: #fff;}

.DemandHome input.x4{width:99%}

.DemandHome button{position:absolute;right:0;top:0;width: 120px;height: 110px;font-size:20px; cursor: pointer; padding: 55px 0 0 0;border-radius: 8px;color:#fff;font-size: 18px;border: none;background: #003eb9 url(../images/ico001.png) no-repeat 20px 20px;}

.DemandHome button:hover{ background-color:#333}

/*==联系我们↓==*/

.ContactInner{}

.ContactInner .title{}

.ContactInner .mode{}

.ContactInner .mode ul{padding:50px 100px;overflow: hidden;box-shadow: 0 0 10px #ddd;}

.ContactInner .mode ul li{float:left;width:25%;padding-right:20px;word-break:break-all; }

.ContactInner .mode ul i{display: block;color:#003eb9;font-size: 25px;margin-bottom: 25px;}

.ContactInner .mode ul h5{color:#666666;font-size:15px;margin-bottom: 15px;}

.ContactInner .mode ul span{ display: block; color:#333333;font-size:24px;}

.ContactInner .mode ul li:nth-child(-n+3) span{ font-family: Arial;}

.ContactInner .mode ul .address{padding-right:0px;}

.ContactInner .mode ul .address span{font-size:16px;}  

.ContactInner .map{}

.ContactInner .map #dituContent{height:500px; opacity: 0.8; filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-webkit-filter: grayscale(1);}

.ContactInner .other{}

/*==联系留言↓==*/

.ContactInner .message{background: url(../images/MessageBg02.jpg) no-repeat center;background-size:cover;}

.ContactInner .message .long{padding:80px; background: #fff;}

.ContactInner .message .title{margin-bottom:40px;overflow: hidden;}

.ContactInner .message .title h2{float:left;color:#191919;font-size:24px;}

.ContactInner .message .title .tel{float:right;margin-top:25px;color:#333333;font-size:26px;/*font-weight: bold;*/}

.ContactInner .message .title .tel em{display:block;float:left;margin-right:10px;margin-top:5px;color:#333;font-size:25px;font-weight:400;font-family:"iconfont";line-height:1}

.ContactInner .message input{position: relative; float:left;width:49.5%;margin-bottom:1%}

.ContactInner .message .block:nth-child(2n+1){margin-left:1%;}

.ContactInner .message input,.ContactInner .message textarea{padding:15px 20px 15px 45px;border:1px #ddd solid; background-repeat:no-repeat ; background-position:15px 17px;}

.ContactInner .message textarea{width:100%;height:120px;}

.ContactInner .message button{width:25%;margin-top:20px;padding:16px 0;border:none;color:#fff;font-size:14px; background: #666;}

.ContactInner .message button:hover{background:#003eb9}

.ContactInner .message .x1{background-image: url(../images/ico201.png);}

.ContactInner .message .x2{background-image: url(../images/ico202.png);}

.ContactInner .message .x3{background-image: url(../images/ico203.png);}

.ContactInner .message .x4{background-image: url(../images/ico204.png);}

.ContactInner .message .x5{background-image: url(../images/ico205.png);}







/*==案例↓==*/

.CaseListBox{}

.CaseListBox .srll{}

.CaseListBox .srll li{background:#ddd;}

.CaseListBox .srll a{display:table;width:100%;}

.CaseListBox .srll .pic,.CaseListBox .srll .box{float: none;display:table-cell;vertical-align: top;}

.CaseListBox .srll .pic{/* float:left; */width:50%;/*transition: all 1s ease-in-out;transform: translateY(50%);*/}

.CaseListBox .srll .box{/* float:right; */width: 20%;height: 100%;padding: 100px 50px; transform: translateY(-10%); transition: all .6s ease-in-out;background: #3e3e3e;}

.CaseListBox .srll .box h4{color:#fff;font-size: 32px;margin-bottom:30px;}

.CaseListBox .srll .box p{    -webkit-line-clamp: 4;color:#fff;font-size: 16px; line-height: 28px;}

.CaseListBox .srll .box .more{position:relative; display: table;color:#ddd;font-size: 16px;margin-top: 60px;padding-bottom: 5px;border-bottom: 1px #ddd solid;}

.CaseListBox .srll .box .more:before{content:"";position: absolute;left:0;bottom: -1px;width:100%;height: 1px;background:#fff;transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.CaseListBox .srll .swiper-slide-active .pic{ transform: translateY(0px);}

.CaseListBox .srll .swiper-slide-active .box{ transform: translateY(0px);}

.CaseListBox .srll li:hover .more{color:#fff}

.CaseListBox .srll li:hover .more:before{transform: scale(1);transform-origin:left;}

.CaseListBox .srll li:nth-child(1) .box{background:#00a14b;}

.CaseListBox .srll li:nth-child(2) .box{background:#009fe8;}

.CaseListBox .srll li:nth-child(3) .box{background:#e9af1b;}

.CaseListBox .srll li:nth-child(4) .box{background:#1b1b1b;}

.CaseListBox .srll .spot{}

.CaseListBox .srll .spot{position:absolute;left: auto;right: 23%;bottom: 60px;width: 295px;text-align: center;z-index:5;padding: 30px 50px 30px 80px;font-size: 0;line-height: 0;height: 0px; background: url(../images/spotBg.png) no-repeat right;}

.CaseListBox .srll .spot span{opacity: 1;/* float: left; */width: auto;height: 12px;color: #999;font-size:16px;margin: 0 10px;border-bottom: 1px #fff solid;border-radius: 0px;background: none;}

.CaseListBox .srll .spot .swiper-pagination-bullet-active{border-color:#333;color:#333}

/*--*/

.CaseListBox .case .titleBx{text-align: left;}

/*--*/

.caseType{padding-bottom:30px;margin:30px 0 50px 0;border-bottom: 1px solid #e5e5e5;}

.caseType a{margin-right:60px; font-size:20px; font-weight:bold;}

.caseType .on{color:#003eb9;}

/*==案例列表↓==*/

.case-list{}

.case-list li{float:left;width:50%;overflow: hidden;}

.case-list a{position: relative;display: block;border:1px #eee solid; overflow:hidden}

.case-list .pic:before{opacity:0;content:"";position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background: rgba(0,0,0,0.3);transition: all .5s ease-in-out;}

.case-list li .pic{padding-top:60%}

.case-list li .pic img{transition: all .8s ease-in-out;}

.case-list li .pic span{opacity:0;position:absolute;left:0;top:0;right:0;bottom:0;z-index: 2;margin: auto;width: 80px;height: 30px;padding: 5px 0;color:#fff;font-size:14px;text-align: center;border-top: 1px #eee solid;border-bottom: 1px #eee solid;}

.case-list li .box{position:relative; padding:30px 40px; background: #fff;}

.case-list li .box b{position:absolute;right: 0;top: 20%;bottom: 10%;height: 60%;padding: 0 30px;border-left: 1px #eee solid;}

.case-list li .box i{color: #999;font-size: 26px;margin-top: 14px;display: block;}

.case-list li .box h4{color:#666;font-size:16px;margin-bottom: 6px;}

.case-list li .box span{color:#999;font-size:13px}

.case-list li:hover h4{color:#0052d9}

.case-list li:hover i{color:#0052d9;transform:translateX(5px);}

.case-list li:hover .dn{opacity:0;transform:translateY(-10px);}

.case-list li:hover .pic:before{opacity:1;}

.case-list li:hover .pic img{    transform: scale(1.03);}

.case-list li:hover .pic span{opacity:1}

/*--*/

.case-list.lx3{margin:0 0 -20px -20px}

.case-list.lx3 li{width:33.3%;}

.case-list.lx3 li a{ margin:0 0 20px 20px}

.case-list.lx3 li .dn{margin:20px 20px}

/*==案例详情↓==*/

.ProductShow{padding: 0px 0 0px 0;background: #f5f5f5;}

.ProductShow .frame{position: relative;padding-bottom:60px;}

.ProductShow .frame .container{position: relative; margin-top: -138px;padding:50px; box-shadow: 0 0 10px #ddd; background: #fff;}

.ProductShow .top{ position: relative; margin: 50px 0; /*display: table;width: 100%;*//* margin-top: -138px; *//* background: #fff; */}

.ProductShow .top .logo{float:left;margin-right: 25px;max-width: 200px;}

.ProductShow .transfer{display: table;width:300px;margin: -111px 0 0 -50px;font-size:16px;color:#fff;padding: 20px 30px;background: #003eb9;}

.ProductShow .transfer i{float:right;color:#fff;font-size:20px}

.ProductShow .transfer:hover{background:#333}

.ProductShow .transfer:hover i{transform: translateX(-10px);}

.ProductShow .top .left{position: relative;width:30%;padding-right:30px }

.ProductShow .top .left:before{content: "";position: absolute; right:0;top:20%; width:2px;height:60%;background:#eee; }

.ProductShow .top span{color:#666;font-size: 16px;margin-bottom: 8px;display: block;}

.ProductShow .top h4{display: table; color: #a88f67;font-size: 24px;}

.ProductShow .top .wx{float: left;width:70%;padding-left: 50px;color:#999;font-size: 15px;line-height: 24px;}

/*.ProductShow .top .left,.ProductShow .top .wx{display:table-cell; float:none;}*/

.ProductShow .tit{position: relative;padding-left:20px; color:#666;font-size:20px;margin-bottom:30px;}

.ProductShow .tit:before{content: "";position: absolute; left:0;top:20%; width:2px;height:60%;background:#f60; }

.ProductShow .fix{ position: absolute; left:-50px;top:200px;z-index: 5;}

.ProductShow .fix a{position: relative;display: block;border-radius: 50%;margin-bottom: 10px;}

/*.ProductShow .fix a i:after{content:""; position: absolute; left:0;top:0;z-index:-1; width:100%;height:100%;transform:scale(1.05);background:#ddd}*/

.ProductShow .fix a i{position: relative;z-index: 2; width: 40px;line-height: 40px;text-align: center;display: block;color:#aaa;font-size: 20px;font-weight:bold; overflow: hidden; border-radius:50%;box-shadow:0 0 10px #ddd;background: #fff;}

.ProductShow .fix a span{position: absolute;left: 50px;top:4px;z-index:3;width: max-content;display: none;color:#666;font-size:14px;padding: 8px 20px;border: 1px #eee solid;box-shadow: 0 0 10px #eee;background: #fff;}

.ProductShow .fix a span:before{ content:""; position: absolute; left: -15px; top: 7px;border: 8px solid transparent; border-right-color: #fff;}

.ProductShow .fix a:hover i{ color:#fff; background: #aaa;} 

.ProductShow .fix a:hover i::after{}

.ProductShow .fix a:hover span{display: block;} 

.ProductShow .fix .fixedBoxA2{position: fixed;top:200px}

.ProductShow .wor img{ margin: auto;display:table;}

.ProductShow .market{padding-top: 50px;margin-top:50px;text-align: center;border-top: 1px #ddd solid;}

.ProductShow .market h3{color: #e00909;font-sizE: 38px;font-weight: bold;margin-bottom: 15px;}

.ProductShow .market h4{color: #333;font-size: 24px;margin-bottom:10px;}

.ProductShow .market span{color:#999;font-size: 16px;display: block;margin-bottom: 20px;}

.ProductShow .market a{position:relative;z-index:2;display: inline-block;color:#fff;font-size:14px;line-height: 40px;padding: 2px 50px;margin:0 10px;border-radius: 10px;border:1px #0052d9 solid; overflow:hidden; background: #0052d9;transition: all .4s ease-in-out;}

.ProductShow .market a:before{opacity:0;content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#2988c3;transform: translateX(-10px);transition: all .4s ease-in-out;}

.ProductShow .market .tel{font-size: 16px;color:#0052d9;background: #fff;}

.ProductShow .market .message{}

.ProductShow .market a:hover{color:#fff; border-color:#167ba2;  }

.ProductShow .market a:hover:before{opacity:1;transform:translateX(0px);}

.ProductShow .MessageCont2{margin-top:0px;}

/*==按钮推荐↓==*/

.relevantCont{ border-top:1px #ddd solid;padding-top:50px;margin-top:50px;}

.relevantCont h3{text-align: center;color:#666;font-size:28px; margin-bottom:40px}

.relevantCont .tit2{position:relative;  text-align: left;padding-left:20px;color:#666;font-size:22px; margin-bottom:40px}

.relevantCont .tit2 .more{float:right;color:#666;font-size:16px; margin-top:5px}

.relevantCont .tit2:before{content: "";position: absolute; left:0;top:20%; width:2px;height:60%;background:#003eb9; }

.relevantCont .tit2 .more:hover{color:#003eb9}

/*==分页3↓==*/

.pagIng-3{border:1px #aaa solid;overflow: hidden;margin-top: 90px;display: table;width: 100%;}

.pagIng-3 span{ display: inline-block;color:#888888;font-size:14px;}

.pagIng-3 .block{float:none !important; padding:20px 15px;display: table-cell;vertical-align: middle;}

.pagIng-3 span a{color:#888888;font-size:14px;}

.pagIng-3 span a:hover{color:#0053b4}

.pagIng-3 .prev{float:left; }

.pagIng-3 .next{float:right; text-align: right}

.pagIng-3 .return{border-left:1px #aaa solid;border-right:1px #aaa solid;text-align: center;}

.pagIng-3 .return:hover{color:#fff;background: #0053b4}

.pagIng-3 .prev,.pagIng-2 .next{width:40%;}

/*==留言2↓==*/

.MessageCont2{background:url(../images/bg04.jpg);}

.MessageCont2 .title{color:#1a1a1a;font-size: 30px;font-weight:bold;margin-bottom: 40px;}

.MessageCont2 .title font{color:#003eb9;font-size:30px;}

.MessageCont2 form{margin-bottom:40px;overflow: hidden;}

.MessageCont2 form input{float:left;/* width: 18%; */color:#999;font-size:14px;padding:10px;margin-right: 1.5%;background: #fff;}

.MessageCont2 form button{float:left;/* width: 19%; */color:#fff;font-size:18px;text-align: center;background: #003eb9;}

.MessageCont2 form input,.MessageCont2 form button{width: 18.8%;border:none;color:#fff;font-size: 16px;padding: 15px 20px;}

.MessageCont2 form button:hover{background:#333}

.MessageCont2 ul{display: flex;flex-flow: row wrap;align-content: flex-start;}

.MessageCont2 ul li{display: inline-block;width:20%;padding-right:20px;}

.MessageCont2 ul li em{position: relative;float: left;color:#003eb9;font-size:20px;margin-right: 10px;font-weight:bold;width: 41px;line-height: 45px;text-align: center;}

.MessageCont2 ul li em:before{content:"\e62b";position: absolute;left:0;top:0;right: 0;bottom: 0;margin: auto;height: min-content;font-family: "iconfont";line-height:1;color:#003eb9;font-size: 41px;font-weight: 400;transform: rotate(30deg);}

.MessageCont2 ul li h4{display:table;color: #444444;font-size: 18px;font-weight:bold;margin-top: 10px ;}

/*==新闻列表↓==*/

.NewsListBox{ }

.news-list{ margin:0 0 -30px -20px;}

.news-list li{float:left;width:33.3%}

.news-list li a{display: block;/* width:100%; */height:100%;margin:0 0 30px 20px;background: #fff;box-shadow: 0 0 10px #ddd;}

.news-list .pic{padding-top:60%; position:relative}

.news-list .pic img{ position:absolute;top:0;left:0; width: 100%;height: 100%;object-fit: cover;}

.news-list .box{padding:30px;}

.news-list h4{color:#090929;font-size:20px;margin-bottom:10px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.news-list p{-webkit-line-clamp: 2;color:#999;font-size:14px;line-height:24px}

.news-list .time{margin-top:50px;display:block;color: #999;font-size:14px;}

.news-list .time i{float:right;font-size: 20px;}

.news-list li:hover h4{color:#003eb9}

.news-list li:hover .time i{color:#003eb9;transform: translateX(-5px);}

/*==新闻详细页↓==*/

.NewsDetailBox{}

.NewsDetailBox .lefter{width:70%}

.NewsDetailBox .righter{width:25%;    padding: 30px; background: #f5f5f5;}

.NewsDetailBox .titleTop{ text-align: center;padding:0 0 50px 0;margin:0 0 60px 0; border-bottom:1px #ddd solid}

.NewsDetailBox .tit{color:#000000;font-size:32px;}

.NewsDetailBox .msg{ margin-top:10px;color:#a7a7a7;font-size:14px;}

.NewsDetailBox .msg *,.NewsDetailBox .msg span,.NewsDetailBox .msg a{color:#a7a7a7;font-size:14px;}

.NewsDetailBox .msg span{margin:0 5px;}

.NewsDetailBox .msg a:hover,.NewsDetailBox .msg .active{color:#003eb9}

.NewsDetailBox .msg .active{font-weight:bold;}

.NewsDetailBox .share{height:60px;border-top:1px #aaa dotted; padding:20px 0;margin-top: 60px; overflow: hidden;}

.NewsDetailBox .share .bshare-custom{float:left;}

.NewsDetailBox .share .time{ float:left;margin-left:50px;color:#a7a7a7;font-size:14px;display: block;}

.NewsDetailBox .share .return{float:right; color:#fff;font-size:14px;padding:10px 20px 10px 38px;margin-top:-10px; background-color:#d2d2d2; background-image:url(../images/line202.png); background-position:12px 15px; background-repeat:no-repeat;}

.NewsDetailBox .share .return:hover{background-color:#0085d0}

.NewsDetailBox .pagIng{border-top:1px #aaa dotted;border-bottom:1px #aaa dotted;padding:15px 0;overflow: hidden;}

.NewsDetailBox .pagIng span{ display: inline-block;color:#888888;font-size:14px;}

.NewsDetailBox .pagIng span a{color:#888888;font-size:14px;}

.NewsDetailBox .pagIng span a:hover{color:#0085d0}

.NewsDetailBox .pagIng .prev{float:left}

.NewsDetailBox .pagIng .next{float:right}

.NewsDetailBox .righter .title{position: relative; color:#333;font-size:20px;margin-bottom:30px;padding-left:20px}

.NewsDetailBox .righter .title:before{content:"";position: absolute; left:0;top:10%;width:2px;height: 80%; background: #003eb9;}

.NewsDetailBox .relevant .list{margin:0 0 -30px 0px}

.NewsDetailBox .relevant .list li {width:100%;margin-bottom:30px}

.NewsDetailBox .relevant .list li a {display:block;}

.NewsDetailBox .relevant .list li .pic {padding-top:60%;border:1px #ddd solid}

.NewsDetailBox .relevant .list li h4 {font-size:16px;color:#666666;margin-top:10px;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.NewsDetailBox .relevant .list li:hover h4 {color:#003eb9}

.NewsDetailBox .relevant .list li:hover .pic {border-color:#003eb9}

/*==留言通用↓==*/

.MessageCon{background: url(../images/MessageBg.jpg) no-repeat center;background-size:cover;}

.MessageCon .long{padding:80px; background: #fff;}

.MessageCon .title{margin-bottom:40px;overflow: hidden;}

.MessageCon .title h2{float:left;color:#191919;font-size:24px;}

.MessageCon .title .tel{float:right;margin-top:25px;color:#333333;font-size:26px;/*font-weight: bold;*/}

.MessageCon .title .tel em{display:block;float:left;margin-right:10px;margin-top:5px;color:#333;font-size:25px;font-weight:400;font-family:"iconfont";}

.MessageCon input{position: relative; float:left;width:49.5%;margin-bottom:1%}

.MessageCon .block:nth-child(2n+1){margin-left:1%;}

.MessageCon input,.MessageCon textarea{padding:15px 20px 15px 45px;border:1px #ddd solid; background-repeat:no-repeat ; background-position:15px 17px;}

.MessageCon textarea{width:100%;height:120px;}

.MessageCon button{width:25%;margin-top:20px;padding:16px 0;border:none;color:#fff;font-size:14px; background: #666;}

.MessageCon button:hover{background:#003eb9}

.MessageCon .x1{background-image: url(../images/ico201.png);}

.MessageCon .x2{background-image: url(../images/ico202.png);}

.MessageCon .x3{background-image: url(../images/ico203.png);}

.MessageCon .x4{background-image: url(../images/ico204.png);}

.MessageCon .x5{background-image: url(../images/ico205.png);}

/*==关于我们↓==*/

.AboutInner{ padding-bottom:0 !important;}

.AboutInner .introduce{}

.AboutInner .introduce .wx{padding:0 150px;font-size:16px;line-height:26px;text-align: center;}

.AboutInner .introduce .explain{margin-top:70px;padding-top:50px; text-align: center; border-top:1px #ddd solid;color:#999;font-size:30px}

.AboutInner .introduce .explain font{color:#003eb9}

.AboutInner .introduce .long{margin-top:80px;padding-top:80px;border-top:1px #ddd solid}

.AboutInner .srll{position:relative;border-top:1px #ddd solid}

.AboutInner .srll .list a{position: relative;display: block;}

.AboutInner .srll .list .pic{border:1px #ddd solid;}

.AboutInner .srll .list h4{position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;text-align: center;color: #333;/* display: none; */font-size: 16px;margin: 20px;padding: 10px 20px;background: rgba(255,255,255,0.6);}

.AboutInner .srll .list li:hover h4{opacity:0;transform:translateY(10px)}

.AboutInner .srll .spot{/* display: none; */}

.AboutInner .srll .long{position: relative;}

.AboutInner .srll .btn{left:-55px;margin-top: 0px;width: auto;height: auto;line-height: initial;text-align: center;color:#999;font-size:60px;background:none;}

.AboutInner .srll .btn.nt{left:auto;right: -55px;}

.AboutInner .srll .btn:hover{color:#003eb9;}

.AboutInner .srll .spot{display: none; position: initial;/* width: 100%; */margin: 30px auto 0;text-align:center;}

.AboutInner .srll .spot span{opacity: 1;display:inline-block;margin: 0 5px;width: 7px;height: 7px;background: #999;}

.AboutInner .srll .spot .swiper-pagination-bullet-active{background:#003eb9}

.AboutInner .culture{background: url(../images/NumberBg.jpg) no-repeat center;background-size:cover ; background-attachment:fixed ;}

.AboutInner .culture ul{display: flex; flex-flow: row wrap; align-content: flex-start;}

.AboutInner .culture li{float:left;width: 25%;padding-right:50px;margin-bottom:50px; text-align: center;padding-left:50px;}

.AboutInner .culture li h4{color:#fff;font-size:26px;margin-bottom:15px; font-family: Arial;}

.AboutInner .culture li hr{display: block;width: 30px;height:2px;border:none;background: #003eb9;}

.AboutInner .culture li p{color:#fff;font-size:16px;line-height: 24px;}

/*==数字滚动↓==*/ 

.digital{width:100%; margin-top:100px;}

.digital li{float:left;width:20%;display: block; text-align: center; border-right:1px rgba(255,255,255,0.1) solid}

.digital li:last-child{border: none;}

.digital li span{color: #fff;font-size:80px;font-weight:bold}

.digital li font{display: inline-block;color:#fff;font-size:14px;margin-left:5px;vertical-align: top;}

.digital li h5{color:#fff;font-size:14px;margin-top:10px;} 

/*==list-box 图片款 久↓==*/

.list-box{margin:0 0 -10px -10px}

.list-box li{float:left; width:25%; }

.list-box li img{max-width:100%;width:100%;}

.list-box li a{display:block;margin:0 0 10px 10px}

.list-box li .pic{border: 1px #eee solid; background: #f9f9f9;}

.list-box li:hover .pic{border: 1px #003eb9 solid;}

.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:12px 0;}

.list-box li:hover h4{color:#003eb9;}





/*==SEO推广↓==*/

.SeoInner{padding:0px !important}

.SeoInner .bidding{}

.SeoInner .bidding ul{display: flex;flex-flow: row wrap;align-content: flex-start;}

.SeoInner .bidding li{position: relative; flex-grow: 1;display: inline-block;width:25%; text-align: center;}

.SeoInner .bidding .pic{display: table;margin: auto;box-shadow: 5px 5px 15px #d0d0d0;border-radius: 50%;}

.SeoInner .bidding h4{color:#484848;font-size:32px;margin-top:20px;}

.SeoInner .bidding li:before{content:"";position:absolute;z-index: -1;top: -10%;right: -30%;width: 60%;height: 60%;border-bottom: 2px #003eb9 dashed;border-radius: 0 0 120px 120px;}

.SeoInner .bidding li:last-child:before{display:none}

.SeoInner .bidding li:hover .pic{transform: translateY(-5px);}

.SeoInner .bidding li:hover h4{color:#003eb9}

/*--------*/

.SeoInner .mode{}

.SeoInner .mode .long{position:relative;}

.SeoInner .mode .left{width: 36%;}

.SeoInner .mode .left li{position: relative;padding: 15px 30px;margin-right: 92px;border-radius: 5px;margin-bottom:20px;background: #f3f7ff;}

.SeoInner .mode .left h4{color:#003eb9;font-size:30px;font-weight:bold}

.SeoInner .mode .left p{color:#282828;font-size:16px;margin-top:10px;}

.SeoInner .mode .left b{position: absolute;right: -92px;top: 50%;z-index: 2;transform: translateY(-50%);color:#fff;font-size:24px;font-weight:bold;padding: 8px 10px;}

.SeoInner .mode .left b::before{content: "\e65d";position: absolute;right: -34px;top: 0;z-index: -1;font-family: "iconfont";line-height:1;color: #003eb9;font-size: 47px;/* width: 50%; *//* height: 100%; *//* transform: rotate(45deg); */}

.SeoInner .mode .left .x1 b::before{color: #003eb9;}

.SeoInner .mode .left .x2 b::before{color:#2ea2eb;}

.SeoInner .mode .left .x3 b::before{color:#008e3c;}

.SeoInner .mode .left .x1 b{background: #003eb9;}

.SeoInner .mode .left .x2 b{background:#2ea2eb;}

.SeoInner .mode .left .x3 b{background:#008e3c;}

.SeoInner .mode .circular{position: absolute;left: 50%;top: 50%;width:200px;height:200px;padding: 55px 20px;text-align: center;color:#fff;font-size:34px;border-radius:50%;transform: translateX(-50%) translateY(-50%);background: #2ea2eb;}

.SeoInner .mode .circular:before{opacity: 0.3;content:"";position:absolute;z-index: -1;left:0;top: 0;right:0;bottom:0;margin: -15px;/* width: 100%; *//* height:100%; */border-radius: 50%;background:#2ea2eb;}

.SeoInner .mode .circular b{display:block;font-weight:bold;}

.SeoInner .mode .right{width: 36%;}

.SeoInner .mode .right h3{position:relative;color:#003eb9;font-size:36px;font-weight:bold;margin-bottom:20px;padding-bottom: 20px;}

.SeoInner .mode .right h3:before{content:"";position:absolute;left:0;bottom:0;width: 80px;height:2px;background:#003eb9;}

.SeoInner .mode .right p{color:#282828;font-size:24px;margin-bottom: 50px;}

.SeoInner .mode .right span{display:block;position:relative;color: #666;font-size:20px;margin-bottom: 25px;padding-left: 22px; background:url(../images/arrow01.png) no-repeat left}

/*--------*/

.SeoInner .optimize{ background:#f0f4fc}

.SeoInner .optimize ul{margin:0 0 -20px -50px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.SeoInner .optimize li{position: relative; flex-grow: 1;display: inline-block;width:33.3%;margin-bottom:20px; text-align: center;}

.SeoInner .optimize a{display:block;height: 100%;margin-left:50px;box-shadow:5px 5px 20px #d4d4d4;background:#fff;}

.SeoInner .optimize h4{color:#fff;font-size:36px;padding: 30px 0;background-repeat:no-repeat;background-position: center;background-size:cover;}

.SeoInner .optimize p{color: #666;font-size:24px;padding:50px 0;line-height: 45px;}

.SeoInner .optimize p font{margin-top:20px;display:block;color:#003eb9;line-height: initial;font-weight: bold;}

.SeoInner .optimize p font:first-child{margin-top:0px}

.SeoInner .optimize li:hover a{transform: translateY(-5px);box-shadow:5px 5px 20px #bbb}

.SeoInner .optimize .x1 h4{ background-image:url(../images/OptimizeBg01.jpg)}

.SeoInner .optimize .x2 h4{ background-image:url(../images/OptimizeBg02.jpg)}

.SeoInner .optimize .x3 h4{ background-image:url(../images/OptimizeBg03.jpg)}

/*--------*/

.SeoInner .Source{}

.SeoInner .Source .left{width: 40%;}

.SeoInner .Source .right{width: 60%;padding-left: 50px;}

.SeoInner .Source .right li{padding: 20px 20px 20px 60px;clear: both;width: 100%;margin-bottom: 50px;overflow: hidden;border-radius:10px;}

.SeoInner .Source .right em{float:left;display:block;width: 75px;height: 70px;margin-right: 20px;transition: all .4s ease-in-out;background-repeat:no-repeat;background-position:0 0;}

.SeoInner .Source .right h4{color:#282828;font-size: 28px;font-weight:bold}

.SeoInner .Source .right p{display:table; color:#484848;font-size: 20px;}

.SeoInner .Source .right li:hover{transform: translateX(-10px);box-shadow:7px 6px 20px #003eb9;background:#003eb9;}

.SeoInner .Source .right li:hover h4,.SeoInner .Source .right li:hover p{color:#fff}

.SeoInner .Source .right li:hover em{background-position:0 -70px}

.SeoInner .Source .right .x1 em{background-image:url(../images/SourceIco01.png)}

.SeoInner .Source .right .x2 em{background-image:url(../images/SourceIco02.png)}

.SeoInner .Source .right .x3 em{background-image:url(../images/SourceIco03.png)}

.SeoInner .Source .right .x4 em{background-image:url(../images/SourceIco04.png)}



/*==营销定制↓==*/

.MarketInner{padding:0px !important}



.MarketInner .strategy ul{display: flex;flex-flow: row wrap;align-content: flex-start;}

.MarketInner .strategy li{position:relative;z-index: 2;display: inline-block;width:20%;padding:20px 10px;text-align: center;}

.MarketInner .strategy li:before{opacity: 0;content:"";position:absolute;left:0;top:0;z-index: -1;width:100%;height:100%;transform: translateY(10px);background: #003eb9;}

.MarketInner .strategy em{margin-bottom:0px;padding-top:115px;color:#282828;font-size:32px;width: 200px;height: 200px;font-weight:bold;border:1px #003eb9 solid;display: inline-block;box-shadow: 0px 1px 20px #003eb9;border-radius: 50%;background-repeat:no-repeat;background-position: 60px 40px;background-color:#fff;}

.MarketInner .strategy h4{color:#282828;font-size:24px;margin-bottom: 5px;}

.MarketInner .strategy P{color:#666666;font-size:16px;}

.MarketInner .strategy li:hover{transform: translateY(5px);}

.MarketInner .strategy li:hover:before{opacity: 1;transform: translateY(0px);}

.MarketInner .strategy li:hover h4,.MarketInner .strategy li:hover p{color:#fff}

.MarketInner .strategy .x1 em{background-image:url(../images/StrategyIco01.png)}

.MarketInner .strategy .x2 em{background-image:url(../images/StrategyIco02.png)}

.MarketInner .strategy .x3 em{background-image:url(../images/StrategyIco03.png)}

.MarketInner .strategy .x4 em{background-image:url(../images/StrategyIco04.png)}

.MarketInner .strategy .x5 em{background-image:url(../images/StrategyIco05.png)}

/*--------*/

.MarketInner .search{}

.MarketInner .search .top{ margin:0 0 50px -2%; display: flex;flex-flow: row wrap;align-content: flex-start;}

.MarketInner .search .top li{float:left;width: 18%;margin: 0 0 0 2%;color:#fff;font-size:25px;border-radius:10px;padding:20px 10px;text-align: center;box-shadow: 3px 5px 10px #ddd;background: #333;}

.MarketInner .search .top li:hover{transform: translateY(-5px); }

.MarketInner .search .top li:nth-child(1){background:-webkit-linear-gradient(left, #003eb9, #228fd0);}

.MarketInner .search .top li:nth-child(3){background:-webkit-linear-gradient(left, #6ca7bc, #8dc5d9); }

.MarketInner .search .top li:nth-child(4){ background:-webkit-linear-gradient(left, #8eaad9, #b9ccee); }

.MarketInner .search .top li:nth-child(5){ background:-webkit-linear-gradient(left, #7d87b1, #c2c8e3); } 

.MarketInner .search .card{margin:0 0 1% -2%;display: flex;flex-flow: row wrap;align-content: flex-start;}

.MarketInner .search .card li{display: inline-block;width: 18%;margin: 0 0 2% 2%;color:#fff;font-size:32px;padding:50px 10px;text-align: center;border-radius: 10px;overflow: hidden;background-repeat:no-repeat;background-position: center; background-size:cover ;}

.MarketInner .search .card hr{width:30px;height: 2px;border:none;margin: 8px auto 0;background: #fff;}

.MarketInner .search .card li p{font-size:16px;margin-top:10px}

.MarketInner .search .card li:hover{transform:translateY(-5px);box-shadow:5px 5px 15px #cccc}

.MarketInner .search .x1{background: #3aa5ff;}

.MarketInner .search .x2{background: #ffb03d;}

.MarketInner .search .x3{background: #2bbfe4;}

.MarketInner .search .x4{background: #ea8163;}

.MarketInner .search .x5{background: #003eb9;}

/*--------*/

.MarketInner .ability{position: relative;margin-bottom: 20px;margin-top: 120px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.MarketInner .ability:before{content:"";position: absolute;left: 2%;top: -42px;right: 0;/* width:100%; */height:1px;background: #e5e5e5;}

.MarketInner .ability li{position:relative;display: inline-block;width: 31.3%;margin: 0 0 0 2%;color:#282828;font-size:30px;padding:30px 10px;text-align: center;box-shadow: 3px 3px 15px #ddd;}

.MarketInner .ability span{display:block;color:#999;font-size:14px;margin-top: 5px;}

.MarketInner .ability i{opacity:0.4; position: absolute;z-index: 1;left: 50%;top: -48px;width: 12px;height: 12px;border-radius: 50%;background:#003eb9;}

.MarketInner .ability i:before{opacity: 0.3;content:"";position: absolute;z-index: -1;left:0;top: 0;right: 0;bottom: 0;margin: -5px;/* width:100%; *//* height:100%; */border-radius: 50%;background:#003eb9;transition: all .4s ease-in-out;}

.MarketInner .ability li:after{content:"";position: absolute;left:0;bottom:0;width:100%;height:4px;background:-webkit-linear-gradient(left, #003eb9, #228fd0);transition: transform .6s;transform: scale(0,1);transform-origin:right;}

.MarketInner .ability li:hover:after{transform: scale(1);transform-origin:left;}

.MarketInner .ability li:hover i{opacity:1; }

.MarketInner .ability li:hover i:before{ background:#003eb9}

/*--------*/

.MarketInner .praise{ background: url(../images/PraiseBg.jpg) no-repeat center; background-size:cover ; background-attachment:fixed ;}

.MarketInner .praise .card{}

.MarketInner .praise .card{margin:0 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.MarketInner .praise .card li{display: inline-block;width: 25%;margin-bottom:20px;text-align: center;}

.MarketInner .praise .card li a{position: relative;z-index: 2;display: block;height:100%;margin-left: 20px;padding: 30px 30px 60px 30px;border-radius: 10px;overflow:hidden;background: #fff;}

.MarketInner .praise .card li a:before{opacity:0;content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;transform: translateY(10px);background:#003eb9}

.MarketInner .praise .card h4{color:#282828;font-size:22px;margin-bottom:20px;text-align: left;}

.MarketInner .praise .card h4:before{content:"";float: left;margin-right: 15px;width: 30px;height: 30px;display: block;background-repeat:no-repeat;background-position: 0 -30px;}

.MarketInner .praise .card img{display: inline-block;margin-bottom:30px;}

.MarketInner .praise .card p{color:#282828;font-size:16px;} 

.MarketInner .praise .card li:hover a{transform: translateY(-6px);}

.MarketInner .praise .card li:hover a:before{opacity:1;transform: translateY(0px);}

.MarketInner .praise .card li:hover h4,.MarketInner .praise .card li:hover p{color:#fff}

.MarketInner .praise .card li:hover h4:before{background-position:0 0px;}

.MarketInner .praise .card .x1 h4:before{background-image:url(../images/PraiseIco01.jpg);}

.MarketInner .praise .card .x2 h4:before{background-image:url(../images/PraiseIco02.jpg);}

.MarketInner .praise .card .x3 h4:before{background-image:url(../images/PraiseIco03.jpg);}

.MarketInner .praise .card .x4 h4:before{background-image:url(../images/PraiseIco04.jpg);}

.MarketInner .praise .srll{margin-top:60px;}

.MarketInner .praise .srll h4{color:#fff;font-size:18px;margin-top:15px; text-align: center;}

.MarketInner .praise .srll .spot{position: initial;display: table;margin-top: 40px;text-align: center;}

.MarketInner .praise .srll .spot span{ opacity:1;width:8px;height:8px; background:#fff;margin-right: 10px;}

.MarketInner .praise .srll .spot .swiper-pagination-bullet-active{ background:#003eb9}

.MarketInner .praise .srll li:hover h4{color:#003eb9}

/*--------*/

.MarketInner .level{}

.MarketInner .level ul{margin:0 0 -40px -40px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.MarketInner .level li{display: inline-block;width: 16.6%;margin-bottom:40px;text-align: center;}

.MarketInner .level ul a{display: block;margin-left:40px;}

.MarketInner .level ul em{position:relative;display: block;/* padding:60px 0; */height: 220px;border-radius: 10px;border: 1px #ffeee2 solid; box-shadow: 5px 13px 15px #ffeee2;}

.MarketInner .level ul em:before{content:"";position: absolute;top:0;right:0;bottom:0;left:0;width:90px;height:90px;margin: auto;border-radius:50%;background-repeat:no-repeat;background-position:center;background-color:#fff;}

.MarketInner .level ul h4{color:#282828;font-size:18px; margin-top:35px;}

.MarketInner .level ul li:hover{transform: translateY(-6px);}

.MarketInner .level ul li:hover em{ background:#003eb9}

.MarketInner .level ul li:hover em:before{ background-color:#fff}

.MarketInner .level ul .x1 em:before{background-color:#ccf0da}

.MarketInner .level ul .x2 em:before{background-color:#ccf0da}

.MarketInner .level ul .x3 em:before{background-color:#ccf0da}

.MarketInner .level ul .x4 em:before{background-color:#ccf0da}

.MarketInner .level ul .x5 em:before{background-color:#ccf0da}

.MarketInner .level ul .x6 em:before{background-color:#ccf0da}

.MarketInner .level ul .x1 em:before{ background-image:url(../images/LevelIco01.png);}

.MarketInner .level ul .x2 em:before{ background-image:url(../images/LevelIco02.png);}

.MarketInner .level ul .x3 em:before{ background-image:url(../images/LevelIco03.png);}

.MarketInner .level ul .x4 em:before{ background-image:url(../images/LevelIco04.png);}

.MarketInner .level ul .x5 em:before{ background-image:url(../images/LevelIco05.png);}

.MarketInner .level ul .x6 em:before{ background-image:url(../images/LevelIco06.png);}



/*==平台建设↓==*/

.BuildInner{padding:0px !important}

.BuildInner .mold{ background-color:#f3f3f3; background-repeat:no-repeat; background-position:center ; background-size:cover;}

.BuildInner .mold .pic{float:left;width: 45%;text-align: center;}

.BuildInner .mold .box{float:right;width: 55%;padding-left: 50px;}

.BuildInner .mold h3{color:#fff;font-size:44px;margin-bottom:35px;}

.BuildInner .mold h3 font{ display: block; color:#999;font-size:20px; }

.BuildInner .mold p{color:#fff;font-size:16px;line-height:30px;}

.BuildInner .mold ul{margin: 60px 0 0 -5%;overflow: hidden;padding-top:5px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.BuildInner .mold ul li{float:left;width: 11.6%;margin: 0 0 0 5%;color: #666666;font-size:14px;padding:10px;border-radius: 10px;text-align: center;background: #fff;    transition: all .4s ease-in-out;}

.BuildInner .mold ul em{display: block;margin: 0 auto 2px;width:50px;height:50px;background-repeat:no-repeat;background-position:center;}

.BuildInner .mold ul li:hover{transform: translateY(-5px);}

.BuildInner .mold .more{display: table;margin-top:40px;padding: 12px 30px;color:#fff;font-size:16px;border-radius:5px;border:1px #003eb9 solid;background:#003eb9;}

.BuildInner .mold .more:hover{ color:#003eb9;background:#fff}

.BuildInner .mold .x1 em{ background-image:url(../images/MoldIco01.png);}

.BuildInner .mold .x2 em{ background-image:url(../images/MoldIco02.png);}

.BuildInner .mold .x3 em{ background-image:url(../images/MoldIco03.png);}

.BuildInner .mold .x4 em{ background-image:url(../images/MoldIco04.png);}

.BuildInner .mold .x5 em{ background-image:url(../images/MoldIco05.png);}

.BuildInner .mold .x6 em{ background-image:url(../images/MoldIco06.png);}

.BuildInner .mold:nth-of-type(odd){}

.BuildInner .mold:nth-child(2n) .pic{float:right}

.BuildInner .mold:nth-child(2n) .box{float:left;padding:0 50px 0 0;}

.BuildInner .mold.two h3{color:#131415;}

.BuildInner .mold.two p{color:#666666;}

.BuildInner .brand{background-image:url(../images/BrandBg.jpg);}

.BuildInner .variety{}

.BuildInner .official{background-image:url(../images/OfficialBg.jpg);}

.BuildInner .cloud{background-image:url(../images/CloudBg.jpg);}

/*--------*/

.BuildInner .advantage{}

.BuildInner .advantage ul{}

.BuildInner .advantage ul{margin:0 0 -50px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.BuildInner .advantage ul li{display: inline-block;width:25%;margin-bottom: 50px; text-align: center;}

.BuildInner .advantage ul li a{display: block;margin-left:40px;padding:0 20px;}

.BuildInner .advantage ul em{display: table;margin:0 auto 10px;width:70px;height:70px; background-repeat:no-repeat;background-position:center;}

.BuildInner .advantage ul h4{color:#131415;font-size:20px;margin-bottom:10px;}

.BuildInner .advantage ul span{color:#666;font-size:14px;margin-bottom:10px;}

.BuildInner .advantage ul p{color:#757575;font-size:15px;} 

.BuildInner .advantage ul li:hover{}

.BuildInner .advantage ul li:hover a{transform: translateY(-5px);}

.BuildInner .advantage ul li:hover h4{color:#003eb9} 

.BuildInner .advantage ul .x1 em{background-image:url(../images/AdvantageIco101.png);}

.BuildInner .advantage ul .x2 em{background-image:url(../images/AdvantageIco102.png);}

.BuildInner .advantage ul .x3 em{background-image:url(../images/AdvantageIco103.png);}

.BuildInner .advantage ul .x4 em{background-image:url(../images/AdvantageIco104.png);}

.BuildInner .advantage ul .x5 em{background-image:url(../images/AdvantageIco105.png);}

.BuildInner .advantage ul .x6 em{background-image:url(../images/AdvantageIco106.png);}

.BuildInner .advantage ul .x7 em{background-image:url(../images/AdvantageIco107.png);}

.BuildInner .advantage ul .x8 em{background-image:url(../images/AdvantageIco108.png);}

/*--------*/

.BuildInner .process{ background:url(../images/ProcessBg.jpg) no-repeat center; background-size:cover; background-attachment:fixed ;}

.BuildInner .process{}

.BuildInner .process ul{text-align: center;}

.BuildInner .process ul li{position:relative;/* z-index:2; */display: inline-block;width: 380px;height:500px;padding-top: 150px;margin: 0 -30px;text-align: center;}

.BuildInner .process ul li:before{opacity:0.5;content:"";position:absolute;left:0;top:0;width: 380px;height: 380px;border-radius:50%;border:1px #fff solid;}

.BuildInner .process ul em{display: table;margin:0 auto 10px;width: 44px;height: 44px;background-repeat:no-repeat;background-position: 0 0;}

.BuildInner .process ul h4{color:#fff;font-size:18px;font-weight:bold;margin-bottom:10px;} 

.BuildInner .process ul p{opacity: 0;display: table;margin: 30px auto 0;padding: 15px 20px 0 20px;color:#fff;font-size:15px;line-height:30px;border-top:1px #fff dashed;}  

.BuildInner .process ul u{opacity: 0;position:absolute;top: 185px;left:0;right:0;z-index:-1;width:100%;height: 130px;background: #003eb9;transition: all .5s ease-in-out;transform: translateY(-8px);}

.BuildInner .process ul u:before,.BuildInner .process ul u:after{content:"";position:absolute;left:0;top: -185px;width: 380px;height: 380px;border-radius:50%;background:#003eb9;}

.BuildInner .process ul u:after{top:auto;bottom: -185px;}

.BuildInner .process ul li:hover{z-index:2}

.BuildInner .process ul li:hover:before{opacity:0; /*height:100%;border-radius:50%;z-index:-1;border-color:#003eb9; background:#003eb9*/}

.BuildInner .process ul li:hover em{ background-position:0 -45px ;}

.BuildInner .process ul li:hover p{opacity:1}

.BuildInner .process ul li:hover u{opacity:1;transform: translateY(0px);}

.BuildInner .process ul .x1 em{background-image:url(../images/ProcessIco01.png);}

.BuildInner .process ul .x2 em{background-image:url(../images/ProcessIco02.png);}

.BuildInner .process ul .x3 em{background-image:url(../images/ProcessIco03.png);}

.BuildInner .process ul .x4 em{background-image:url(../images/ProcessIco04.png);}

/*--------*/

.BuildInner .case{}

.BuildInner .case .swiper-container{padding-bottom:10px}

.BuildInner .case ul{border-bottom:1px #ddd solid}

.BuildInner .case li{text-align: center;}

.BuildInner .case li a{position:relative;display: block;padding-bottom:80px}

.BuildInner .case li .pic{border:1px #eee solid}

.BuildInner .case h4{color:#131415;font-size:16px;margin-top:20px}

.BuildInner .case p{color:#757575;font-size:14px;margin-top:10px;}

.BuildInner .case li i{opacity:1;position: absolute;z-index: ;left: 50%;bottom: -4px;width: 7px;height: 7px;border-radius: 50%;background:#ddd;}

.BuildInner .case li i:before{opacity: 0;content:"";position: absolute;z-index: -1;left:0;top: 0;right: 0;bottom: 0;margin: -6px;/* width:100%; *//* height:100%; */border-radius: 50%;background:#003eb9;}

.BuildInner .case li i:after{content:"";position: absolute;z-index: -2;left:0;top: 0;right: 0;bottom: 0;margin: -15px;background: #fff;}

.BuildInner .case li i hr{position:absolute;bottom: 12px;left: 3px;width:1px;height: 0px;border: none;background:#ddd;transition: all .4s ease-in-out;}

.BuildInner .case li:hover h4{color:#003eb9}

.BuildInner .case li:hover i{background:#003eb9}

.BuildInner .case li:hover i:before{opacity: 0.3;}

.BuildInner .case li:hover i hr{height:20px}

.BuildInner .case .spot{position: initial;display: none;margin-top: 30px;text-align: center;}

.BuildInner .case .spot span{ opacity:1;width:10px;height:10px; background:#ddd;margin:0  5px;}

.BuildInner .case .spot .swiper-pagination-bullet-active{ background:#003eb9}



/*==新媒体推广↓==*/

.MediaInner{padding:0px !important;}

.MediaInner .operate{}

.MediaInner .operate ul{}

.MediaInner .operate ul{margin: 0 0 0 -2%;display: flex;flex-flow: row wrap;align-content: flex-start;}

.MediaInner .operate ul li{display: inline-block;width: 18%;margin: 0 0% 0 2%;text-align: center;padding: 30px 20px;border-radius: 10px;box-shadow: 5px 5px 10px #ddd;background: #999;}

.MediaInner .operate ul h4{color:#fff;font-size:36px;margin-bottom: 15px;}

.MediaInner .operate ul p{color:#fff;font-size:28px;font-weight:bold;}

.MediaInner .operate ul li:hover{transform: translateY(-6px);}

.MediaInner .operate ul li:nth-child(1){ background: #3aa5ff;}

.MediaInner .operate ul li:nth-child(2){ background: #ffb03d;}

.MediaInner .operate ul li:nth-child(3){ background: #2bbfe4;}

.MediaInner .operate ul li:nth-child(4){ background: #ea8163;}

.MediaInner .operate ul li:nth-child(5){ background: #003eb9;}

/*--------*/

.MediaInner .make{ background:url(../images/MakeBg.jpg) no-repeat;background-position:center;}

.MediaInner .make .top{display: flex;flex-flow: row wrap;align-content: flex-start;}

.MediaInner .make .top li{display: inline-block;width: 25%;text-align: center;}

.MediaInner .make .top a{display: block;margin: auto;width:220px;height: 220px;padding: 50px 10px;border-radius: 50%;box-shadow: 5px 5px 20px #ffede1;border:1px #003eb9 solid;background: #fff;}

.MediaInner .make .top h4{color:#282828;font-size:32px;font-weight: bold;}

.MediaInner .make .top p{color:#282828;font-size:18px;margin-top: 10px;}

.MediaInner .make .top li:hover a{transform:translateY(-6px); box-shadow:5px 8px 10px #003eb9}

/*.MediaInner .make .top li:hover h4,.MediaInner .make .top li:hover p{color:#fff}*/

.MediaInner .make .bottom{margin: 60px 0 -30px -30px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.MediaInner .make .bottom li{display: inline-block;width: 25%;text-align: center;margin-bottom: 30px;}

.MediaInner .make .bottom a{position:relative;z-index:2;display: block;height:100%;padding:70px 10px;border-radius:10px;margin-left: 30px;overflow:hidden;background: #fff;}

.MediaInner .make .bottom a:before{opacity: 0;content:"";position:absolute;left:0;top:0;z-index: -1;width:100%;height:100%;transform: translateY(10px);background:-webkit-linear-gradient(left, #228fd0, #003eb9);}

.MediaInner .make .bottom em{display: table;margin: 0 auto 20px;color:#666;font-size:20px;width: 80px;height: 80px;line-height:70px;border-radius: 5px;background-repeat:no-repeat;background-position:center;background-color: #228fd0;}

.MediaInner .make .bottom h4{color:#282828;font-size:24px;margin-bottom: 20px;}

.MediaInner .make .bottom p{color:#282828;font-size:16px;line-height:28px;}

.MediaInner .make .bottom li:hover a{transform:translateY(-5px)}

.MediaInner .make .bottom li:hover a:before{opacity:1;transform:translateX(0px)}

.MediaInner .make .bottom li:hover em{background-color:#fff}

.MediaInner .make .bottom li:hover h4{color:#fff}

.MediaInner .make .bottom li:hover p{color:#fff}

.MediaInner .make .bottom .x1 em{background-image:url(../images/MakeIco01.png);}

.MediaInner .make .bottom .x2 em{background-image:url(../images/MakeIco02.png);}

.MediaInner .make .bottom .x3 em{background-image:url(../images/MakeIco03.png);}

.MediaInner .make .bottom .x4 em{background-image:url(../images/MakeIco04.png);}

.szin_wangluo{width:1180px; height:auto; margin:auto; text-align:center; line-height:22px; font-size:16px; color:#5a5a5a; margin-top:40px; font-family:"微软雅黑"}

.szin_wangluo_01{width:100%; margin:auto; height:auto; background:#f5f5f5; display:table;}

.szin_wangluo_02{font-size:36px; font-weight:bold; color:#0098ff; margin-bottom:15px;}

.szin_wangluo_03{width:1100px; margin:auto; height:390px; background:url(../images/wangluo_01.jpg)/*tpa=http://www.szin.cn/danye/images/wangluo_01.jpg*/ center no-repeat; margin-top:30px; margin-bottom:30px;}

.szin_wangluo_04{width:210px; font-size:15px; color:#5a5a5a; line-height:23px; font-family:"微软雅黑";}

.szin_wangluo_05{font-size:18px; color:#000;}

.wangluo_01{margin-top:25px; float:left; margin-bottom:175px;}

.wangluo_02{margin-top:25px; float:right;}

.wangluo_04{margin-top:-70px; float:right;}

.seo_banner{width:100%; height:416px; background:url(../images/seo_banner.jpg)/*tpa=http://www.szin.cn/danye/images/seo_banner.jpg*/ center;}

.seo_banner_01{width:986px; height:auto; margin:auto;}

.seo_banner_01 ul{width:986px;    height: 580px;}

.seo_banner_01 ul li{width:328px; height:auto; float:left; border-right:1px solid #DDD; text-align:center; font-size:14px; color:#565656; padding:0 15px; margin:40px 0;}

.seo_banner_01 ul li img{width:308px; height:100px; margin-bottom:10px;}

.seo_banner_01 ul li h4{font-size:18px; font-family:"微软雅黑"; color:#0098ff; line-height:35px;}

.seo_banner_01 ul li span{font-weight:bold;}

.seo_banner_01 ul div{width:902px; height:1px; margin:auto;}

.seo_banner_02{ width:1200px; height:auto;margin:40px auto; font-size:24px; color:#5a5a5a; text-align:center;}

.seo_banner_02 span{color:#0098ff; line-height:80px;}

.seo_banner_02 a{color:#FFF; font-size:24px; padding:5px 30px; background:#0098ff;border-radius:5px;}

.seo_banner_02 a:hover{background:#F00;}

.seo_banner_03{width:1120px; height:350px; margin:40px auto;}

.seo_banner_04{width:260px; height:350px; float:left; margin:0 10px; background:#0098ff; text-align:center;}

.seo_banner_05{width:260px; height:120px; text-align:center; margin-top:40px;}

.seo_banner_06{width:230px; height:auto; line-height:28px; font-size:16px; color:#fff; padding:0 15px; padding-top:10px;}

.seo_banner_06 h4{font-size:24px; color:#FF0; line-height:50px; font-weight:400; padding-top:15px;}

.seo_banner_07{width:1110px; height:auto; margin:40px auto; display:table;}

.seo_banner_08{width:310px; height:110px; color:#FFF;border-radius:6px; float:left; margin:10px; font-size:14px; line-height:25px}

.seo_banner_08 P{font-size:20px; line-height:30px;}

.seo_01{background:#e76565; padding:20px;}

.seo_02{background:#f18439; padding:20px;}

.seo_03{background:#00b7ee; padding:20px;}

.seo_04{background:#1acac6; padding:20px;}

.seo_05{background:#16bf61; padding:20px;}

.seo_06{background:#f8b551; padding:20px;}

.seo_banner_09{width:1200px; height:auto; display:table; margin:auto; margin-top:40px;}

.seo_banner_10{width:1160px; height:auto; display:table; margin:30px auto;}

.seo_banner_10 dl{width:520px; height:120px; float:left; margin:15px 30px;}

.seo_banner_10 dl span img{float:left; width:120px; height:120px; margin-right:30px;}

.seo_banner_10 dl dt{color:#0098ff; font-size:20px; height:25px; margin-bottom:10px;}

.seo_banner_10 dl dd{font-size:16px; color:#565656; line-height:25px;}

/*--------*/

.MediaInner .pain{}

.MediaInner .pain .box{float:left;width:47%;border:1px #ddd solid}

.MediaInner .pain .box h3{color:#fff;font-size:36px;padding: 30px 10px;text-align: center;background: #02011f;}

.MediaInner .pain .box span{display: block;color:#888888;font-size:16px;margin: 25px 40px;padding-bottom: 30px;text-align: left;border-bottom: 1px #ccc dashed;}

.MediaInner .pain .box hr{/* float: left; */width: 30px;height:1px;border:none;margin: 0px 0 10px 0;background: #02011f;}

.MediaInner .pain .box span b{display: block;color:#282828;font-size:24px;margin-bottom:10px;}

.MediaInner .pain .box span:last-child{border:none}

.MediaInner .pain .box span:hover{transform:translateX(5px);}

.MediaInner .pain .box span:hover b{color:#003eb9}

.MediaInner .pain .two{margin-left:6%}

.MediaInner .pain .two h3{background: #003eb9}

.MediaInner .pain .two hr{background: #003eb9;}

/*--------*/

.MediaInner .interact{ background: #f3f6fe;}

.MediaInner .interact .card{margin:0 0 0px -2%;display: flex;flex-flow: row wrap;align-content: flex-start;}

.MediaInner .interact .card li{flex-grow: 1;display: inline-block;width: 12.2%;margin-left:2%;color:#52597a;font-size:24px;padding: 18px 10px;border:1px #003eb9 dashed;box-shadow: 5px 8px 10px #ddd;text-align: center;border-radius: 10px;background: #fff;}

.MediaInner .interact .card li:hover{transform:translateY(-5px);color:#fff; background:#003eb9}

.MediaInner .interact .circle{margin: 100px 0 0 0;}

.MediaInner .interact .circle li{float:left;width:33.3%}

.MediaInner .interact .circle a{position:relative;display: table;width:260px;height:260px;margin: auto;padding: 75px 20px;border-radius: 50%;box-shadow: 0px 0px 15px #ff8e43;font-size:54px;color:#fff;text-align: center;background:-webkit-linear-gradient(top, #228fd0, #003eb9);}

.MediaInner .interact .circle span{display: block;/* position: absolute; */left:0;top:0;right:0;bottom: 0;margin:auto;}

.MediaInner .interact .circle font{font-size:18px;margin-top: 1px;display: block;}

.MediaInner .interact .circle li:hover a{transform: translateY(-6px);/*color:#003eb9; background:#fff*/box-shadow: 5px 5px 12px #003eb9;}

/*--------*/

.MediaInner .spread{}

.MediaInner .spread ul{margin-left: -40px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.MediaInner .spread ul li{display: inline-block;width: 33.3%;}

.MediaInner .spread ul a{position:relative;z-index: 2;display: block;margin-left: 40px;padding:50px;height:100%;border-radius: 10px;box-shadow: 3px 5px 18px #dbdbdb;overflow:hidden;background: url(../images/SpreadBg01.png) no-repeat right;}

.MediaInner .spread ul a:before{opacity: 0;position: absolute;z-index:-1;content:"";left:0;top:0;width:100%;height:100%;transform: translateY(-6px);background: #003eb9 url(../images/SpreadBg01.png) no-repeat right;}

.MediaInner .spread ul em{display: table;width:70px;height:70px;margin-bottom: 20px;background-repeat:no-repeat;background-position:0 0;}

.MediaInner .spread ul h4{color:#282828;font-size:24px;margin-bottom: 12px;}

.MediaInner .spread ul p{color:#666;font-size:16px;margin-bottom:10px;}

.MediaInner .spread ul li:hover a{transform: translateY(-5px); box-shadow: 5px 8px 10px #003eb9;}

.MediaInner .spread ul li:hover a:before{opacity:1;transform: translateY(0px);}

.MediaInner .spread ul li:hover h4,.MediaInner .spread ul li:hover p{color:#fff;}

.MediaInner .spread ul li:hover em{ background-position: 0 -70px}             

.MediaInner .spread .x1 em{background-image:url(../images/SpreadIco01.png);}

.MediaInner .spread .x2 em{background-image:url(../images/SpreadIco02.png);}

.MediaInner .spread .x3 em{background-image:url(../images/SpreadIco03.png);}

/*--------*/

.MediaInner .team{ background: url(../images/TeamBg.jpg) no-repeat center; background-size:cover;}

.MediaInner .team .top{ margin-left: -2%; display: flex;flex-flow: row wrap;align-content: flex-start;}

.MediaInner .team .top li{float:left;width: 18%;margin: 0 0 0 2%;color:#fff;font-size:32px;border-radius:10px;padding:20px 10px;text-align: center;box-shadow: 3px 5px 10px #ddd;background: #333;}

.MediaInner .team .top li:hover{transform: translateY(-5px); }

.MediaInner .team .top li:nth-child(1){background:-webkit-linear-gradient(left, #ff6758, #003eb9);}

.MediaInner .team .top li:nth-child(2){background:-webkit-linear-gradient(left, #fba648, #ffc584);}

.MediaInner .team .top li:nth-child(3){background:-webkit-linear-gradient(left, #6ca7bc, #8dc5d9); }

.MediaInner .team .top li:nth-child(4){ background:-webkit-linear-gradient(left, #8eaad9, #b9ccee); }

.MediaInner .team .top li:nth-child(5){ background:-webkit-linear-gradient(left, #7d87b1, #c2c8e3); } 

.MediaInner .team .middle{ text-align: center;}

.MediaInner .team .middle li{/* float:left; */display: inline-block;width: 18%;margin: 0px 3% 0 3%;color:#777d97;font-size:32px;border-radius:10px;padding:20px 10px;text-align: center;box-shadow: 3px 5px 15px #ddd;background: #fff;}

.MediaInner .team .middle li:hover{transform: translateY(-5px); }

.MediaInner .team .explain{width: 67%;margin:auto;padding:25px;border: 1px #003eb9 dashed;text-align: center;border-radius:10px;background: #f5f6f9 url(../images/TeamBg02.png) no-repeat center; background-size:cover ;}

.MediaInner .team .explain h4{color:#003eb9;font-size:32px;}

.MediaInner .team .explain p{color:#777d97;margin-top: 10px;font-size:20px;}

.MediaInner .team .arrow{position: relative;margin-bottom: 160px;}

.MediaInner .team .arrow:before{content: "";position: absolute;left:50%;bottom: -115px;z-index: 1;width: 80px;height: 73px; margin-left: -40px; background: url(../images/Arrow01.png) no-repeat center;}

.MediaInner .team .arrow.top:before{left:51%}

/*--------*/

.MediaInner .trait{} 

.MediaInner .trait .circle{display: flex;flex-flow: row wrap;align-content: flex-start;}

.MediaInner .trait .circle li{display: inline-block;width:20%; text-align: center;}

.MediaInner .trait .circle a{display: table;margin:auto;width:200px;height:200px;padding: 58px 10px;border-radius: 50%;border: 1px #003eb9 dashed;box-shadow: 2px 2px 15px #ffcbaa;color:#282828;font-size:32px;}

.MediaInner .trait .circle li:hover a{transform: translateY(-5px);box-shadow:5px 8px 10px #ffcbaa}

.MediaInner .trait .process{margin: 70px 0 0px 0;padding: 60px;border-radius: 20px;background: #ced5ef;}

.MediaInner .trait .process ul{margin: 0 -100px -50px 0;display: flex;flex-flow: row wrap;align-content: flex-start;}

.MediaInner .trait .process li{position:relative;display: inline-block;width: 16.6%;padding-right: 100px;margin-bottom: 50px;}

.MediaInner .trait .process li:before{content: "";position: absolute;right: 25px;top: 12px;width: 45px;height: 34px;background: url(../images/Arrow02.png) no-repeat center;}

.MediaInner .trait .process ul a{position:relative;z-index:2; display:block;font-size:22px;color:#fff;font-weight:bold;padding: 15px 10px;border-radius:5px;text-align: center;overflow:hidden; background:#777d97}

.MediaInner .trait .process ul a:before{content: "";position: absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:-webkit-linear-gradient(left, #003eb9, #ff6758);}

.MediaInner .trait .process li:nth-child(6n):before{display:none;}

.MediaInner .trait .process li:hover a{transform:translateX(5px);}

.MediaInner .trait .process li:hover a:before{opacity:0}

/*--------*/

.MediaInner .result{ background: #f5f8ff;}

.MediaInner .result ul{margin-left:-40px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.MediaInner .result ul li{display: inline-block;width:33.3%;}

.MediaInner .result ul a{display: block;height:100%;margin-left:40px;box-shadow:0 0 10px #ddd;background:#fff}

.MediaInner .result ul h3{color:#fff;font-size:32px;padding:20px 10px;text-align: center; background: #333;}

.MediaInner .result ul .box{padding:40px 40px 60px 40px}

.MediaInner .result ul h5{color:#282828;font-size:20px;margin-bottom:40px;}

.MediaInner .result ul img{display: block;margin-bottom:40px;box-shadow:0 0 10px #ddd;}

.MediaInner .result ul p{color:#666;font-size:16px;}

.MediaInner .result ul span{color:#666;font-size:16px;display: inline-block;margin-right:50px}

.MediaInner .result ul span font{display: block;color:#fff;font-size:14px;margin-top: 10px;padding:5px 10px;border-radius: 20px;text-align: center;background: #3cadb8;}

.MediaInner .result li:nth-child(1) h3{background: #3cadb8;}

.MediaInner .result li:nth-child(2) h3{background: #fe8a71;}

.MediaInner .result li:nth-child(3) h3{background: #2a2a52;}

.MediaInner .result li:hover a{transform:translateY(-6px);box-shadow:5px 5px 10px #ddd;}

/*--------*/

.MediaInner .resource{}

.MediaInner .resource ul{display: flex;flex-flow: row wrap;align-content: flex-start;}

.MediaInner .resource li{position: relative;display: inline-block;width: 25%;}

.MediaInner .resource ul a{display: table;margin: auto;width: 260px;height: 300px;color:#282828;font-size:24px;padding: 80px 15px;text-align: center;background:url(../images/shape01.png) no-repeat center;}

.MediaInner .resource ul b{display: table;margin: auto;font-size:52px;line-height: initial;color:#999999;font-weight:bold;margin-bottom: 12px;}

.MediaInner .resource a:before{opacity:0; content:"";position: absolute;left:0;top:0;right: 0;bottom: 0;background:url(../images/shape02.png) no-repeat center;}

.MediaInner .resource li:hover b{color:#003eb9}

.MediaInner .resource li:hover a:before{opacity:1}

.MediaInner .resource li:nth-child(5){margin-left:200px}

/*--------*/

.MediaInner .run{background: #f6f8f9;}

.MediaInner .run ul{margin-left: -40px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.MediaInner .run ul li{display: inline-block;width: 33.3%;}

.MediaInner .run ul a{position:relative;z-index: 2;display: block;margin-left: 40px;padding: 50px 50px 50px 100px;height:100%;border-radius: 10px;box-shadow: 5px 5px 10px #eee;overflow:hidden;background: #ffff;}

.MediaInner .run ul a:before{opacity: 0;position: absolute;z-index:-1;content:"";left:0;top:0;width:100%;height:100%;transform: translateY(-6px);background: #003eb9 ;}

.MediaInner .run ul em{position:absolute;left: -55px;top:0;width: 40px;height: 40px; background-repeat:no-repeat;background-position:0 0;}

.MediaInner .run ul h4{position: relative;color:#282828;font-size:24px;margin-bottom: 20px;}

.MediaInner .run ul p{color:#666;font-size:16px;margin-bottom:10px;}

.MediaInner .run ul li:hover a{transform: translateY(-5px); box-shadow:  5px 5px 10px #003eb9;}

.MediaInner .run ul li:hover a:before{opacity:1;transform: translateY(0px);}

.MediaInner .run ul li:hover h4,.MediaInner .run ul li:hover p{color:#fff;}

.MediaInner .run ul li:hover em{ background-position: 0 -40px}       

.MediaInner .run .x1 em{background-image:url(../images/RunIco01.png);}

.MediaInner .run .x2 em{background-image:url(../images/RunIco02.png);}

.MediaInner .run .x3 em{background-image:url(../images/RunIco03.png);}



/*==底部===*/

.footer {position:relative;z-index:5;padding:60px 0 20px 0;background:#222222;overflow:hidden;}

.footer .left{width:30%;}

.footer .left .tel{color:#003eb9;font-size:22px;}

.footer .left .tel:before{content:"\e613";font-style: normal;font-family: "iconfont";line-height:1;font-size:20px;margin-right:5px;color:#fff;font-weight: 400;}

.footer .nav{width: 100%;border-top:1px #3e3e3e  solid;/*border-bottom:1px #3e3e3e  solid;*/margin-bottom:0px;padding:15px 0;}

.footer .nav a {float: left;width: 45.3%;margin: 6px 0;display:block;color: #e9e9e9;font-size: 16px;}

.footer .nav a:hover {color:#fff}

.footer .ewm {float:right;color: #e9e9e9;font-size:14px;text-align:center;}

.footer .ewm img {display:block;margin-bottom:10px;}

.footer .con {float: left;margin-left: 15%;width: 30%;padding-top:20px;padding-left: 25px;color:#e9e9e9;font-size:16px;line-height: 26px;border-top: 1px #3e3e3e solid;}

.footer .con i {float:left;width: 20px;font-size: 20px;display:block;margin-right:10px;margin-left: -30px;color:#003eb9;text-align: center;}

.footer .con a{color:#e9e9e9}

.footer .link{position:relative;margin-top:0px;padding-top:20px;}

.footer .link:before {content:"";position:absolute;top:0;left:-50%;width:200%;height:1px;background:#2e2e2e;}

.footer .link h3 {color:#fff;font-size:16px;} 

.footer .link a{color:#858585;font-size:12px;display: inline-block;padding: 0 15px;font-size:12px;line-height: 9px;border-right: 1px #999 dotted;}

.footer .link a:last-child{border:none;}