@charset "utf-8";@import url('fonts.css');
@font-face {font-family: 'DINCondBold';src: url('../fonts/DINCondBold.eot');src: local('DINCondBold Regular'),local('DINCondBold'),url('../fonts/DINCondBold.woff') format('woff'),url('../fonts/DINCondBold.ttf') format('truetype'),url('../fonts/DINCondBold.svg#DINCondBold') format('svg');} 
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.pager a font,.more1 a:before,.more1 a p,.bgline i,.fixtop,.topsearch .search,.topsearch .search #sbtn,.topsearch span.icon-close-bold,.fixright li .tubiao,.bshare-custom a,.indcase li .cons,.indcase li .imgcover img,.indcase li .cons .t,.indcase li .cons .t2,.indpartner li,.new_telst li a h2,.rightnews dd a:before,.rightnews .pic img,.leftnews .pic img,.leftnews .cons .text .title a:before,.rightnews .title a:before,.message .btn input,.more3 a:before,.more3 a p,.culture li,.culture li .icon,.service li .pic,.digital_mail li .pic,.indpartner .item .table .td,.qianyuenews .owlstyle .pic img,.qianyuenews .owlstyle .text .title:before,.newcate li i,.newcate li p:before,.news li .righttext .title:before,.news li .lefttext .pic img,.newsshow .newslist dd a:before,.newscontent .prevnext a:before,.worksprevnext .col img,.worksmore .item .pic img,.solutions .text .righttext li .icon,.solutions .text .righttext li .title,.solutions .text .lefttext .ad:before,.solutions .text .lefttext .ad,.solutions_works li .pic img,a.mousehover:before,.wwwcase dd a span,.webdesign_page1 .righttext li span,.webdesign_page2 li h3,.webdesign_page2 li,.webdesign_page3 li,.digital_ssl .list li,.digital_domain li .pic,.digital_domain li .title,.digital_domain li:before,.digital_host li,.digital_host li .title:before,.digital_host li .content,.digital_host li .num,.seo_video li,.seo_video li:before,.culture li .subject
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indcase li:hover .imgcover img,.rightnews .pic:hover img,.leftnews .pic:hover img,.qianyuenews .owlstyle .pic:hover img,.news li:hover .lefttext .pic img,.worksprevnext .col:hover img,.worksmore .item:hover .pic img,.solutions_works li:hover .pic img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.fixtop .navpc li .list,.fixright li,.indpartner li,.message #mbeizu,.message .row input[type="text"],.culture li,.service li,.digital_mail li,.newsshow .newscontent,.newsshow .newslist,.solution_analyse li,.webdesign_page1 .righttext li,.webdesign_page2 li,.digital_host li,.seo_video li,.seo_safe li
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.indabout li:hover .pic,.indpartner li:hover img,.indpartner .item:hover img,.solutions .text .righttext li .in:Hover .icon img,.solution_analyse li:Hover .icon img,.webdesign_page1 .lefttext li:hover .icon img,.mobweb li .text dd:hover .icon img,.digital_ssl .list li:hover .pic p img,.digital_domain li:hover .pic p,.seo_sem li:hover .pic img,.seo_safe li:hover .pic img
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px;color:#3e3a39;font-weight:400}a {color:#3e3a39}b,strong {font-weight:700}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
.vcenter{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {border:0px;max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd,ol { list-style:none;}.list-paddingleft-2{margin:0 0 0 20px;}.list-paddingleft-2 li { list-style:inherit;}
em { font-style:normal}
hr {border:0; background:#073190;height:1px;margin:0px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1}.imgcover img {width:100%;height:100%;object-fit:cover;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {width:100%; } 
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:5px 10px;width:40px; height:40px; line-height:38px; background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);text-align: center;border-radius:40px;}   
.pager font {font-family:'宋体';font-weight:900;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#B60005; background: #B60005} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#3e3a39;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 10px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #B60005;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

::-webkit-input-placeholder {color:#999999;}
:-moz-placeholder {color:#999999; } 
::-moz-placeholder { color:#999999; } 
:-ms-input-placeholder {color:#999999; }

::selection {background:#B60005;color:#3e3a39;}
::-moz-selection {background:#B60005;color:#3e3a39;}
::-webkit-selection {background:#B60005;color:#3e3a39; }

.di {float:left;}
.dipage {float:left;}

.wrap {margin:0 4%;position:relative;}
.wrap1 {margin:0 8%;position:relative;}
.phonemenu { display:block;}

.companylogo {position:absolute;left:-500px;top:-500px;}
.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 8888; height:109px; border-bottom:1px solid rgba(255,255,255,0.15)}
.fixtop .logo { position: absolute;left:0px;width:149px;height:46px;top:32px; z-index: 999; background: url("../images/top.png") no-repeat center; background-size:100%}
.fixtop .logo a {display:block;width:100%;height:100%}
.fixtop .navpc {text-align:right;margin-right:220px}
.fixtop .navpc li {display:inline-block; vertical-align:top; position: relative;margin:0 0 0 70px;}
.fixtop .navpc li a.a {display: block; height:110px; line-height:108px;font-size:20px;color:#fff; position: relative}
.fixtop .navpc li a.icon:before {content: "\e87e";font-family: "iconfont" !important;position: absolute;right:-20px;top:51px;font-size:12px; line-height: 12px}
.fixtop .navpc li .list { position:fixed; z-index: 99999; left:0;width:100%;top:110px; display: none; background:rgba(62,58,57,0.9); text-align:right;padding:65px 0 70px 0}
.topsearch { position: absolute;right:100px;top:41px;}
.topsearch .btn {color:#fff; cursor: pointer}
.topsearch .btn span {font-size:25px; line-height: 25px}
.topsearch .search { position:absolute;right:0;top:-7px; z-index: 10; background: #fff;width:0px; height:40px;border-radius:40px; overflow: hidden}
.topsearch .search #k {display:inline-block; vertical-align: top;width:310px;padding:0 0 0 20px;border-radius:40px;height:38px;font-weight:300}
.topsearch .search #sbtn {opacity:0;position:absolute;right:0;top:0;font-size:22px;width:50px;height:40px;border-radius:40px; cursor: pointer;background: #fff;font-family: "iconfont" !important;}
.topsearch span.icon-close-bold {opacity:0;position:absolute;left:33px;top:-2px;font-size:20px; cursor: pointer;color:#fff}
.topsearch.active .search{width:380px}
.topsearch.active .search #sbtn,.topsearch.active span.icon-close-bold{opacity:1}

.fixtop .navpc li .list dl {display:inline-block; vertical-align: top; text-align: left;width:500px; }
.fixtop .navpc li .listwok dl {width:750px}
.fixtop .navpc li .listweb dl {width:600px}
.fixtop .navpc li .listsol dl {width:650px}
.fixtop .navpc li .listabout dl {width:750px}
.fixtop .navpc li .list dt {position:relative;margin:0 0 70px 0}
.fixtop .navpc li .list dt:before {content:''; position: absolute;left:0;bottom:-20px;width:25px; height: 3px; background: #B60005;}
.fixtop .navpc li .list dt a {font-size:28px; line-height: 33px; color:#fff; letter-spacing: 1px}
.fixtop .navpc li .list dd {margin:20px 0;display:inline-block;vertical-align: top;width:50%}
.fixtop .navpc li .listwok dd,.fixtop .navpc li .listabout dd {width:33.3333%}
.fixtop .navpc li .list dd a {color:#999;font-size:23px; line-height: 28px; position: relative;padding:0 0 0 47px}
.fixtop .navpc li .list dd a:hover {color:#fff}
.fixtop .navpc li .list dd a:before,.pcmenu .row dd a:before {content:''; position: absolute;left:0;top:2px;width:32px; height: 32px; background-position: center; background-repeat: no-repeat;background-size:32px}
.fixtop .navpc li .listwok {padding-right:80px}
.fixtop .navpc li .listweb {padding-right:116px;}
.fixtop .navpc li .listsol {left:45px}
.fixtop .navpc li .listabout {padding-right:300px}
.fixtop .navpc li .listnews {padding-right:232px}
.fixtop .navpc li .listcontact {padding-right:112px}
.fixtop .navpc li .listwok dl dd:nth-child(1) a:before,.pcmenu .row:nth-child(1) dd:nth-child(1) a:before { background-image: url("../images/wok1.png");}
.fixtop .navpc li .listwok dl dd:nth-child(2) a:before,.pcmenu .row:nth-child(1) dd:nth-child(2) a:before { background-image: url("../images/wok2.png");}
.fixtop .navpc li .listwok dl dd:nth-child(3) a:before,.pcmenu .row:nth-child(1) dd:nth-child(3) a:before { background-image: url("../images/wok3.png");}
.fixtop .navpc li .listwok dl dd:nth-child(4) a:before,.pcmenu .row:nth-child(1) dd:nth-child(4) a:before { background-image: url("../images/wok4.png");}
.fixtop .navpc li .listwok dl dd:nth-child(5) a:before,.pcmenu .row:nth-child(1) dd:nth-child(5) a:before { background-image: url("../images/wok5.png"); }
.fixtop .navpc li .listwok dl dd:nth-child(6) a:before,.pcmenu .row:nth-child(1) dd:nth-child(6) a:before { background-image: url("../images/wok6.png");}
.fixtop .navpc li .listweb dl dd:nth-child(1) a:before,.pcmenu .row:nth-child(2) dd:nth-child(1) a:before { background-image: url("../images/web1.png");}
.fixtop .navpc li .listweb dl dd:nth-child(2) a:before,.pcmenu .row:nth-child(2) dd:nth-child(2) a:before { background-image: url("../images/web2.png");}
.fixtop .navpc li .listweb dl dd:nth-child(3) a:before,.pcmenu .row:nth-child(2) dd:nth-child(3) a:before { background-image: url("../images/web3.png");}
.fixtop .navpc li .listweb dl dd:nth-child(4) a:before,.pcmenu .row:nth-child(2) dd:nth-child(4) a:before { background-image: url("../images/web4.png");}
.fixtop .navpc li .listsol dl dd:nth-child(1) a:before,.pcmenu .row:nth-child(3) dd:nth-child(1) a:before { background-image: url("../images/sol1.png");}
.fixtop .navpc li .listsol dl dd:nth-child(2) a:before,.pcmenu .row:nth-child(3) dd:nth-child(2) a:before { background-image: url("../images/sol2.png");}
.fixtop .navpc li .listabout dl dd:nth-child(1) a:before,.pcmenu .row:nth-child(4) dd:nth-child(1) a:before { background-image: url("../images/about1.png");}
.fixtop .navpc li .listabout dl dd:nth-child(2) a:before,.pcmenu .row:nth-child(4) dd:nth-child(2) a:before { background-image: url("../images/about2.png");}
.fixtop .navpc li .listabout dl dd:nth-child(3) a:before,.pcmenu .row:nth-child(4) dd:nth-child(3) a:before { background-image: url("../images/about3.png");}
.fixtop .navpc li .listnews dl dd:nth-child(1) a:before,.pcmenu .row:nth-child(5) dd:nth-child(1) a:before { background-image: url("../images/news1.png");}
.fixtop .navpc li .listnews dl dd:nth-child(2) a:before,.pcmenu .row:nth-child(5) dd:nth-child(2) a:before { background-image: url("../images/news2.png");}
.fixtop .navpc li .listcontact dl dd:nth-child(1) a:before,.pcmenu .row:nth-child(6) dd:nth-child(1) a:before { background-image: url("../images/contact1.png");}
.fixtop .navpc li .listcontact dl dd:nth-child(2) a:before,.pcmenu .row:nth-child(6) dd:nth-child(2) a:before { background-image: url("../images/contact2.png");}

.tags-top .fixtop { background: #3e3a39}

.pcmenu {padding:40px 0 0 0;}
.pcmenu a {color:#fff;}
.pcmenu a:hover {color:#B60005;}
.pcmenu .row {border-bottom:1px solid rgba(255,255,255,0.15); position: relative;padding:20px 0;}
.pcmenu .row .subject {position:absolute;left:0;top:30px}
.pcmenu .row .subject a {color:#999;font-size:20px;}
.pcmenu .row dl {margin:0 0 0 16%}
.pcmenu .row dd {float:left;width:25%;margin:10px 0; position: relative}
.pcmenu .row dd a { position:relative;padding:0 0 0 47px;font-size:23px;z-index: 10}
.pcmenu .row dd a:before {top:0px;}
.pcmenu .cons {position:absolute;width:100%;left:0;bottom:180px;color:#fff; z-index: 1}
.pcmenu .cons .title {display:inline-block;vertical-align: top;padding:0 0 0 34px; position: relative}
.pcmenu .cons .title:before {content:''; position: absolute;top:-30px;left:0;width:235px; height: 4px; background: #B60005}
.pcmenu .cons .title:after {content:''; position: absolute;top:-30px;left:0;width:4px; height:147px; background: #B60005}
.pcmenu .cons .title .t:before {content:''; position: absolute;bottom:-35px;left:0;width:50px; height:4px; background: #B60005}
.pcmenu .cons .title .e {color:#999;font-size:20px; line-height: 25px; text-transform: uppercase;margin:0 0 5px 0}
.pcmenu .cons .title .t {color:#fff;font-size:50px; line-height: 55px;}
.pcmenu .cons .tel {display:inline-block;vertical-align: top;margin:-4px 0 0 60px;color:#999;font-size:20px;}
.pcmenu .cons .tel p {color:#B60005;font-size:60px; line-height: 60px;font-family: 'DINCondBold';margin:-5px 0 0 0}
.pcmenu .cons .more1 {position:absolute;right:0;top:23px}

.fixtop.active {background:rgba(62,58,57,0.9)}

.bgline {position:absolute;left:0;bottom:0;width:100%; height:3px; text-align: center;}
.bgline i {display:block;width:0;height:100%; background:#B60005;margin:0 auto}
a:hover .bgline i,.fixtop .navpc li.check .bgline i,.fixtop .navpc li:hover>a.a .bgline i,a.check .bgline i,.new_telst li.newon a .bgline i {width:100%}

.indpics {position:relative;}
.indpics .item {position: relative;height:100vh;}
.indpics .item .cons {position:absolute;left:8%;top:0; z-index: 100;height:100%;color:#fff}
.indpics .item .cons .t {font-size:50px; line-height: 75px; letter-spacing: 2px;padding:0px 0 0 0}
.indpics .item .cons .t2 {font-size:22px; line-height: 32px; text-transform: uppercase; letter-spacing: 1px;margin:15px 0 25% 0}
.indpics .item .num {position:absolute;right:8%;top:50%;margin-top:170px; z-index: 100;color:#fff; text-align: center}
.indpics .item .num p {font-size:40px; line-height: 40px; position: relative;margin:0 0 5px 0}
.indpics .item .num span {opacity:0.5}
.more1 {width:230px; height: 55px; line-height:53px; border:1px solid #B60005; text-align: center;}
.more1 a {display:block; position: relative; z-index: 100}
.more1 a:before {content:''; position: absolute;right:0;top:0;width:0;height:100%; background: #B60005; z-index: 1}
.more1 a p { display: inline-block; vertical-align: top;width:170px;color:#fff; letter-spacing:2px;font-size:20px; position: relative;z-index: 10}
.more1 a span { display:inline-block; vertical-align: top;width:60px; height:55px; line-height:56px; background: #B60005;font-size:25px;color:#fff; position: relative;z-index: 10}
.more1 a:hover:before {width:100%}
.more1 a:hover p {color:#fff}

.method-more {height:250px;color:#fff; background: #b60005;margin:0 0 150px 0; }
.method-more .wrap1 {display:flex;align-items:flex-start;justify-content: center;flex-direction: column;height:250px}
.method-more .text {font-size:60px; line-height: 1.4;font-weight:700; letter-spacing: 5px}
.method-more .more {position: absolute;right:0;top:50%;margin-top:-27px}
.method-more .more1 a {background: #fff}
.method-more .more1 a:before {background: #000}
.method-more .more1 a p {color:#3e3a39;}
.method-more .more1 a span { background: #000;color:#b60005}
.method-more .more1 a:hover p {color:#b60005}

.more2 {border:1px solid #3e3a39;}
.more2 a:before {background: #3e3a39;}
.more2 a p {color:#3e3a39;}
.more2 a span { background: #3e3a39;color:#fff;}
.more2 a:hover p {color:#B60005;color:#fff}

.banxh{position: absolute; z-index:1000; left: 50%;bottom:50px;margin-left: -25px;width: 50px;line-height: 50px;font-size: 40px;color: #fff;text-align: center;}
.banxh span {position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 53px;height:53px;display: block;border: 1px dashed #fff;-webkit-border-radius: 100%;border-radius: 100%;}
.banxh .cirI01 {-webkit-animation: jing_max 2.4s linear 0s infinite normal both;animation: jing_max 2.4s linear 0s infinite normal both;}
.banxh .cirI02 {-webkit-animation: jing_max 2.4s linear 0.6s infinite normal both;animation: jing_max 2.4s linear 0.6s infinite normal both;}
.banxh .cirI03 {-webkit-animation: jing_max 2.4s linear 1.5s infinite normal both;animation: jing_max 2.4s linear 1.5s infinite normal both;}
@-webkit-keyframes jing_max {0% {width: 53px;height: 53px;opacity: 0;}25% {width: 68px;height:68px;opacity: 0.6;}50% {width: 84px;height:84px;opacity: .3;}75% {width: 106px;height:106px;opacity: 0;}100% {width: 53px;height:53px;opacity: 0;}}
@keyframes jing_max {0% {width: 53px;height: 53px;opacity: 0;}25% {width: 68px;height:68px;opacity: 0.6;}50% {width: 84px;height:84px;opacity: .3;}75% {width: 106px;height:106px;opacity: 0;}100% {width: 53px;height:53px;opacity: 0;}}

.indabout { text-align:center;padding:140px 0}
.indabout .t {font-size:40px; line-height: 50px;font-weight:300; letter-spacing: 1px}
.indabout .t h1 {display:inline-block; vertical-align: top;font-weight:700;font-size:40px}
.indabout .t2 {font-size:18px;color:#666; position: relative;margin:15px 0 0 0}
.indabout .t2:before {content:''; position: absolute;left:50%;bottom:-50px;width:70px;margin-left:-35px; background: #B60005;height:4px}
.indabout .c {color:#333;margin:95px auto 110px auto;max-width:800px; line-height: 2}
.indabout li {float:left;width:16.6666%; position: relative;}
.indabout li .pic {background-size:100%;width:60px; height: 60px;margin:0 auto}
.indabout li .title {font-size:25px;line-height: 35px;color:#333;margin:50px 0 0 0; letter-spacing: 1px;font-weight:300}
.indabout li:before {  content: "\e69a";font-family: "iconfont" !important; position: absolute;left:-20px;top:10px;font-size:40px; line-height: 40px;color:#ccc}
.indabout li:nth-child(1):before {display:none;}

.indcase .cate { position: relative;color:#999;margin:0 0 80px 0}
.indcase .cate .subject { position:absolute;left:0;top:-6px;font-size:25px;font-weight:300}
.indcase .cate .subject .title {color:#3e3a39;font-weight:700;font-size:40px; line-height:50px;}
.indcase .cate .subject .subtitle { position: relative;font-weight:400;color:#999;font-size:20px; line-height: 1.6;margin-top:5px}
.indcase .cate .subject .subtitle:before {content:'';position: absolute;left:0;bottom:-18px;width:78px;height:5px; background: #b60005}
.indcase .cate dl { text-align: right;padding-top:45px}
.indcase .cate dd {display:inline-block;vertical-align: top; position: relative;margin:0 0 0 45px}
.indcase .cate dd a .bgline {bottom:5px; z-index: -1; height:5px}
.indcase .cate dd a {font-size:18px;color:#999;}
.indcase .cate dd a.check,.indcase .cate dd:Hover a {color:#3e3a39}
.indcase ul {width:101%;margin:-1% 0 0 -0.5%}
.indcase li {float:left;width:32.3333%;margin:1% 0.5% 0 0.5%; position: relative; overflow: hidden;padding:12.1% 0}
.indcase li .cons {position:absolute;left:0;top:0;width:80%;padding:0 10%;height:100%; z-index: 10; background: rgba(0,0,0,0.8);color:#fff; text-align: center; letter-spacing:0.5px;opacity:0; text-transform: uppercase}
.indcase li .cons .t { position:relative;top:-50px;font-size:40px; line-height:50px;}
.indcase li .cons .t2 { position:relative;top:50px;margin:15px 0 0 0;font-size:18px;opacity:0.8;}
.indcase li:hover .cons {opacity:1}
.indcase li:Hover .cons .t,.indcase li:Hover .cons .t2 {top:0}

.worksmore {text-align:center;margin:120px 0}
.worksmore .more1 {margin:0 auto}

.indpartner {background:#f5f5f5;padding:105px 0 120px 0}
.indpartner ul {width:101.6%;margin:-1.2% 0 0 -0.6%;padding:70px 0 0 0}
.indpartner li {float:left;width:18.8%; margin:1.2% 0.6% 0 0.6%;text-align: center;height:180px;border:1px solid #ddd; background: #fff; position: relative;top:0}
.indpartner li:hover {border-color:#fff;}
.indpartner li img {max-width:230px;max-height:130px;margin:auto;}

.indsubject {text-align:left;}
.indsubject .content {font-size:20px; line-height:30px;color:#999; text-transform: uppercase;margin:0 0 -5px 0}
.indsubject .title {font-size:40px; line-height: 50px; position: relative;font-weight:700; position:relative; z-index: 10; letter-spacing: 1px;margin:10px 0 0 0}
.indsubject .title:before {content:''; position: absolute;left:0;bottom:-0px;width:164px; background: #B60005;height:10px; z-index: -1}
.indsubject.center {text-align:center;}
.indsubject.center .title:before {left:50%;margin-left:-82px;}

.font-3-length .title:before {width:120px;}

.font-num-5 .title:before {width:204px;}

.indvideo { position: relative; height:800px;}
.indvideo .indnum {position:absolute;left:0;top:0;width:100%;height:100%; z-index:200}
.indvideo .indnum li {float:left;width:33.3333%; text-align: center;color:#fff;height:288px;padding:112px 0 0 0}
.indvideo .indnum li h3 {display:inline-block;vertical-align: top;color:#B60005;font-size:100px; line-height: 100px;font-family: 'DINCondBold';}
.indvideo .indnum li .content {font-size:20px;margin:30px 0 0 0}
.indvideo:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%; z-index: 200; background: rgba(0,0,0,0.7)}
.indvideo:after {content:'';position: absolute;left:0;top:50%;width:100%;height:1px; z-index: 300; background: rgba(255,255,255,0.15)}
.indvideo .indnum:after {content:'';position: absolute;left:33.3333%;top:0;width:1px;height:100%; z-index: 300; background: rgba(255,255,255,0.15)}
.indvideo .indnum:before {content:'';position: absolute;right:33.3333%;top:0;width:1px;height:100%; z-index: 300; background: rgba(255,255,255,0.15)}
.indvideo .video { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100}
#myvideo {object-fit:cover; width:100%; height: 100%}
.indvideo .pic {display:none;}
#myvideo {object-fit:cover; width:100%; height: 100%}
.videos{position: relative; text-align:center}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(play.png) no-repeat center; background-size:cover;width:100px; height:100px;margin:-50px 0 0 -50px}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}
video::-webkit-media-controls {opacity:0}
video::-webkit-media-controls:Hover {opacity:1}

.new_telst { text-align:right;}
.new_telst li { position: relative;cursor: pointer; display:inline-block; vertical-align:top;margin:0 0 0 45px}
.new_telst li a h2 {font-size:18px; line-height: 24px; color:#999; position: relative; display: block; z-index: 10}
.new_telst li a .bgline {height:5px}
.new_telst li.newon a h2 {color:#3e3a39}
.new_lst {display: none;}
.new-wrap {text-align:center;margin:80px 0 0 0}
.new-wrap .more1 {margin:120px auto 0 auto}
.new-wrap .show {display: block;padding:0;margin:0}
.new-wrap .leftnews {float:left;width:47.3%; text-align:left}
.new-wrap .rightnews {float:right;width:47.3%; text-align:left}
.indsubject2 {textx-align:center;}
.indsubject2 .title {font-size:40px; line-height: 50px; position: relative;font-weight:700; position:relative; z-index: 10; letter-spacing: 1px;margin:10px 0 0 0;display: inline-block; vertical-align: top;}
.indsubject2 .title:before {content:''; position: absolute;left:0;bottom:-25px;width:77px; background: #B60005;height:5px; z-index: -1}
.indsubject2 .content {font-size:20px;color:#666; display: inline-block; vertical-align: top;margin:27px 0 0 15px}
.indnews {margin:165px 0 150px 0}
.indnews .indsubject2 { position:absolute;top:-32px;left:0}

.rightnews dl {width:110%;margin:0 0 0 -5%;}
.rightnews dd {width:40%;margin:6px 5%; height: 22px; line-height: 22px; overflow: hidden;float:left; position: relative}
.rightnews dd a { position:relative;color:#666;  z-index: 10;margin:0 90px 0 0; display:inline-block}
.rightnews dd span { position:absolute;right:0;top:0;color:#999;font-size:14px}
.rightnews dd a:hover {color:#3e3a39}
.rightnews dd a:before {content:'';width:0;height:5px; background: #B60005; position: absolute;left:0;top:16px; z-index:-1}
.rightnews dd a:hover:before {width:100%}
.rightnews .pic {position:relative; overflow: hidden;height:240px;margin:45px 0 45px 0}
.rightnews .title {height:28px;  line-height: 28px; overflow: hidden;margin:0 0 8px -10px; position: relative}
.rightnews .title a {font-size:20px; position: relative; display:inline-block;margin:0 100px 0 0}
.rightnews .title h2 { position: absolute;right:0;top:0;color:#999;font-size:16px}
.rightnews .title a:before {content:'';width:0;height:5px; background: #B60005; position: absolute;left:3%;top:20px; z-index:-1}
.rightnews .title a:hover:before {width:97%}
.rightnews .content { line-height:30px; height: 60px; overflow: hidden;color:#999}

.leftnews .pic { position:relative; overflow: hidden;height:445px;margin:10px 0 45px 0}
.leftnews .cons { position:relative;}
.leftnews .cons .date { position: absolute;left:0;top:-10px;font-family: 'DINCondBold';}
.leftnews .cons .date span {display:inline-block; vertical-align: top;font-size:80px;height:95px; line-height:80px;font-weight:700;color:#999;font-weight:700;border-bottom:3px solid #B60005; letter-spacing:3px}
.leftnews .cons .date h2 {display:inline-block; vertical-align: top;font-weight:700;color:#999;font-size:20px; line-height:25px; letter-spacing: 1px;margin:25px 0 0 10px}
.leftnews .cons .text {margin:0 0 0 170px}
.leftnews .cons .text .title { height:28px;  line-height: 28px; overflow: hidden;margin:0 0 8px -10px}
.leftnews .cons .text .title a {font-size:20px; position: relative; display:inline-block}
.leftnews .cons .text .title a:before {content:'';width:0;height:5px; background: #B60005; position: absolute;left:3%;top:20px; z-index:-1}
.leftnews .cons .text .title a:hover:before {width:97%}
.leftnews .cons .text .content {color:#999; line-height: 30px; height: 60px; overflow:hidden}

.messagetous {padding:150px 0}
.messagetous .cons {border-radius:10px; background:rgba(255,255,255,1);padding:120px 90px; position: relative}
.messagetous .cons .text {width:630px; position: absolute;left:90px;top:138px;}
.messagetous .cons .text .title {font-size:40px; line-height: 55px;font-weight:700;margin:0 0 20px 0}
.messagetous .cons .text .content {color:#666;font-size:18px;}
.messagetous .cons .message {margin:0 0 0 690px}
.message .left {float:left;width:49%}
.message .right {float:right;width:49%}
.message .row input[type="text"] {border:1px solid #ddd;height:50px;padding:0 15px;width:100%}
.message .left .row:nth-child(2) {margin:16px 0}
.message #mbeizu {border:1px solid #ddd;height:182px;padding:13px 15px;width:100%; overflow: auto; vertical-align: top;}
.message .btn {margin-top:16px}
.message .btn input {width:100%; cursor: pointer;height:60px; background: #3e3a39;color:#fff;font-size:20px; text-align: center}
.message .btn input:hover {background:#B60005;}

.toppic {height:100vh; position: relative;}
.toppic:before{content:''; position: absolute; z-index: 10;width:100%;height:100%;left:0;top:0; background:rgba(0,0,0,0.7)}
.toppic .pic {position: absolute;left:0;top:0;width:100%; height:100%; z-index: 1;}
.toppic .picmb {display:none;}
.toppic .video {position: absolute;left:0;top:0;width:100%; height:100%; z-index: 1;}
.toppic .cons {position: absolute;left:0;top:0;width:100%; height:100%; z-index: 100;}
.toppic .cons .space {margin:0}

.contact {color:#999;margin:0 0 0 305px;display:inline-block;}
.contact .title {font-size:30px; line-height: 40px;margin:-120px 0 20px 0}
.contact .content {color:#fff;font-size:50px; line-height: 60px;}
.contact .address {font-size:20px; line-height: 30px;margin:0 0 30px 0}
.contact .tel {font-size:80px; line-height: 80px;color:#B60005;font-family: 'DINCondBold'; position: relative;padding:0 0 0 120px;margin:4% 0}
.contact .tel:before {content:''; position: absolute;left:0;top:5px;width:70px; height: 70px; background: url("../images/tel.png") no-repeat center;}
.contact .weixin .more3 {position:absolute;left:400px;top:53px;}

.more3 {width:230px; height: 55px; line-height:53px; border:1px solid #B60005; text-align: center;}
.more3 a {display:block; position: relative; z-index: 100}
.more3 a:before {content:''; position: absolute;left:0;top:0;width:0;height:100%; background: #B60005; z-index: 1}
.more3 a p { display: inline-block; vertical-align: top;width:170px;color:#B60005; letter-spacing:1px;font-size:20px; position: relative;z-index: 10}
.more3 a span { display:inline-block; vertical-align: top;width:60px; height:55px; line-height:56px; background: #B60005 url("../images/erji.png") no-repeat center;font-size:25px;color:#000; position: relative;z-index: 10;}
.more3 a:hover:before {width:100%}
.more3 a:hover p {color:#000}

.about { text-align: right}
.toppic_about:before { background: rgba(0,0,0,0.5)}
.about .text { background:rgba(255,255,255,0.9);padding:50px 55px 60px 60px;display: inline-block;margin:0 0 0 auto; text-align: left;width:660px}
.about .text .title {font-size:50px; line-height:65px;}
.about .text .content {font-size:16px;color:#333;margin:30px 0 0 0}

.aboutus {margin:140px 0}
.aboutus .en { position:absolute;left:0;top:170px;color:#B60005;font-size:120px; line-height: 120px;font-weight:700;}
.aboutus .en p {font-size:200px; line-height: 200px;opacity:0.05; position: relative;margin:20px 0 0 -18px}
.aboutus .cons {margin:0 0 0 30.5%}
.aboutus .cons .icon { background:url("../images/abouticon.png") no-repeat center;width:370px; height: 135px}
.aboutus .cons .title2 {font-size:25px;color:#666; line-height: 35px;margin:50px 0 3px 0}
.aboutus .cons .title {font-size:40px; line-height: 60px;font-weight:700;}
.aboutus .cons .text {margin:20px 0 80px 0; line-height: 2}
.aboutus .cons .indnum li {float:left;margin:0 0 0 16%}
.aboutus .cons .indnum li:nth-child(1) {margin:0}
.aboutus .cons .indnum li h3 {display:inline-block;vertical-align: top;color:#B60005;font-size:100px; line-height: 100px;font-family: 'DINCondBold';}
.aboutus .cons .indnum li h3:nth-child(2) {display:inline-block; vertical-align: top;margin:58px 0 0 5px;font-size:40px; line-height:40px}
.aboutus .cons .indnum li .content {font-size:20px;margin:15px 0 0 0}

.culture { background-attachment: fixed;padding:150px 0;color:#fff; text-align: center; background-size:cover;}
.culture .title {font-size:50px; line-height: 70px;font-weight:700; letter-spacing: 1px;}
.culture .content {color:#999;font-size:20px; text-transform: uppercase;margin:15px 0 140px 0; letter-spacing:1.2px}
.culture ul{width:110%;margin:0 0 0 -5%}
.culture li {float:left;width:23.3333%;border:1px solid rgba(255,255,255,0.5);margin:0 5%; overflow: hidden;padding:80px 0 80px 0;color:#fff}
.culture li .subject {font-size:50px; line-height: 65px;color:#B60005;font-weight:700}
.culture li .text {font-size:20px; line-height: 2.2;margin:40px 0 0 0}
.culture li:hover { background:#B60005;color:#3e3a39;border-color:#B60005}
.culture li:hover .subject {color:#3e3a39}

.service {margin:140px 0; text-align: center}
.service .subject {font-size:50px; line-height: 60px;font-weight:700;}
.service .summry {color:#666;font-size:20px;margin:30px auto 90px auto;max-width:850px}
.service ul {width:103%;margin:-3% 0 0 -1.5%}
.service li {float:left;width:47%;margin:3% 1.5% 0 1.5%; background: #f5f5f5;padding:50px 45px 0 60px; position: relative; text-align: left; height:200px}
.service li .pic {width:70px; height: 70px; border-radius:50%; position: absolute;left:60px;top:50%;margin-top:-36px; background-color: #bfbfbf; background-position: center; background-repeat: no-repeat}
.service li .text {margin:0 0 0 110px}
.service li .text .title {font-size:22px;line-height: 32px;font-weight:700;margin:0 0 10px 0}
.service li .text .content {font-size:16px;color:#666}
.service li:hover .pic { background-color:#B60005}

.indpartner_about {padding-bottom:170px}
.indpartner .pics {margin:70px 0 0 0;position: relative; z-index: 999}
.indpartner .item {text-align: center; background: #fff;}
.indpartner .item .table .td {border:1px solid #ddd;height:180px}
.indpartner .item img {width:auto;margin:0 auto}
.indpartner .item:hover .table .td {border-color:#fff}

.owlstyle .owl-carousel .owl-nav{top:-128px;}
.owlstyle .owl-carousel .owl-nav .owl-prev {right:65px;margin-top:0}
.owlstyle .owl-carousel .owl-nav .owl-prev:before { background: #d8d8d8; color:#fff;border:0;padding:0;width:55px;height:55px; line-height: 55px; border-radius:0;transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);}
.owlstyle .owl-carousel .owl-nav .owl-next {right:0;margin-top:0}
.owlstyle .owl-carousel .owl-nav .owl-next:before {color:#fff; background: #d8d8d8;border:0; padding:0;width:55px;height:55px;line-height: 55px;border-radius:0; transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);}
.owlstyle .owl-carousel .owl-nav .owl-prev:hover:before,.owlstyle .owl-carousel .owl-nav .owl-next:hover:before{ background: #B60005;color:#fff;border-color:#B60005}
.owlstyle .owl-carousel .owl-dots {right:0;top:auto;bottom:-60px;width:100%;margin:0 auto;line-height: 12px;font-size:12px}
.owlstyle .owl-carousel .owl-dots .owl-dot span{ background:#d8d8d8;width:10px; height:10px;border-radius:50%;margin:0 10px}
.owlstyle .owl-carousel .owl-dots .owl-dot.active span,.owlstyle .owl-carousel .owl-dots .owl-dot:hover span{ background: #B60005;}

.bannertop {padding:15.7% 0;letter-spacing: 1px; position: relative}
.bannertop .cons {position: absolute;left:0;top:0;height:100%;width:100%;}
.bannertop .cons .text {padding:0 0 0 0; }
.bannertop .title {font-size:50px; line-height: 80px;font-weight:700;  margin:95px 0 10px 0;color:#fff;}
.bannertop .content {font-size:30px; line-height: 1.6;color:rgba(255,255,255,0.5);}
body.bg {background:#f5f5f5}

.qianyuenews {margin:70px 0 100px 0}
.qianyuenews .owlstyle .owl-carousel .owl-nav{top:-98px;}
.qianyuenews .subject {font-size:50px; line-height: 50px;font-weight:700;margin:0 0 50px 0}
.qianyuenews .owlstyle { background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.15)}
.qianyuenews .owlstyle .pic {display:inline-block; vertical-align: middle;width:50%; position: relative; overflow: hidden;padding:14.55% 0}
.qianyuenews .owlstyle .text {display:inline-block; vertical-align: middle;width:41%;padding:0 4.5%}
.qianyuenews .owlstyle .text .date {font-family: 'DINCondBold';}
.qianyuenews .owlstyle .text .date span {display:inline-block; vertical-align: top;font-size:80px;height:95px; line-height:80px;font-weight:700;color:#999;font-weight:700;border-bottom:3px solid #B60005; letter-spacing:3px}
.qianyuenews .owlstyle .text .date h2 {display:inline-block; vertical-align: top;font-weight:700;color:#999;font-size:20px; line-height:25px; letter-spacing: 1px;margin:25px 0 0 10px}
.qianyuenews .owlstyle .text .title {height:40px; line-height:40px; overflow: hidden; position: relative;left:-17px;margin:30px 0 5px 0;display: inline-block}
.qianyuenews .owlstyle .text .title a {font-weight:700;font-size:25px; line-height: 35px;}
.qianyuenews .owlstyle .text .title:before { content:''; position: absolute;top:28px;left:2.6%;width:0;height:5px; background: #B60005; z-index: -1}
.qianyuenews .owlstyle .text .title:hover:before {width:97.4%;}
.qianyuenews .owlstyle .text .content { line-height:30px; height: 60px; overflow: hidden;color:#666;margin:0 0 8% 0}
.qianyuenews .owlstyle .text .more1 {margin:0 12px 0 auto}

.newcate {margin:70px 0}
.newcate li {display:inline-block; vertical-align: top; position: relative;margin:0 0 0 60px}
.newcate li:nth-child(1) {margin:0}
.newcate li a {font-size:20px;}
.newcate li p {position:relative; display: inline-block; vertical-align: top;}
.newcate li p:before {content:''; position: absolute;left:-12px;top:-4px;width:45px;height:45px;border-radius:50%; background: #B60005;z-index: -1;opacity:0}
.newcate li i {display:inline-block; vertical-align: top;width:0; height:4px; background: #B60005;margin:15px 0 0 0}
.newcate li:hover i,.newcate li.check i {width:30px;margin-right:40px}
.newcate li:hover p:before,.newcate li.check p:before {opacity:1}

.news {margin:0 0 100px 0}
.news ul {width:103%;margin:-3% 0 0 -1.5%}
.news li {float:left;width:47%;margin:3% 1.5% 0 1.5%; position: relative; background: #fff; height: 200px}
.news li .lefttext {position:absolute;left:0;top:0;width:230px; height:200px; overflow: hidden}
.news li .lefttext .date {font-family: 'DINCondBold'; text-align: center;color:#999;font-size:22px; line-height: 22px;margin:30px 0 0 0}
.news li .lefttext .date p {color:#3e3a39;font-size:65px; line-height:65px;margin:0 0 11px 0}
.news li .lefttext .date span {display:block;font-size:16px; line-height: 16px;font-family:'Source Han Sans','Microsoft YaHei','微软雅黑';margin:17px 0 0 0}
.news li .lefttext .pic h2 {position:absolute;right:0;bottom:0;width:90px;height:25px; line-height: 23px; z-index: 50; background: rgba(255,255,255,0.7); text-align: center;font-size:14px;border-top-left-radius:5px}
.news li .righttext {margin:0 0 0 230px;padding:35px 35px 0 0}
.news li .righttext .title {height:25px; line-height: 25px; overflow: hidden;margin:0 0 5px 0; position: relative; display: inline-block;}
.news li .righttext .title a {font-size:20px;font-weight:700; position: relative; z-index: 2; }
.news li .righttext .title:before { content:''; position: absolute;top:21px;left:0;width:0;height:5px; background: #B60005; z-index: 1}
.news li:hover .righttext .title:before {width:100%;}
.news li .righttext .content {color:#666; line-height: 30px; height: 60px;overflow: hidden;margin:0 0 20px 0}
.news li .righttext .more a { background:url("../images/more.png") no-repeat center right;width:36px; height: 10px; display: block;opacity:0.6}
.news li:hover .righttext .more a {width:56px;opacity:1}
.news li .righttext_pic {padding-left:35px}

.currentposition {margin:-60px 0 0 0;height:60px; position: relative; z-index: 99; color:#fff; text-align: right}
.currentposition a {color:#fff;}
.currentposition span {margin:0 5px}
.currentposition span.icon-home1 {margin:0 10px 0 0}
.currentposition a:hover {color:#B60005}
.bannertop .tid102 {left:-28px; position: relative}
.bannertop .content span.icon {display:inline-block;vertical-align: top;font-size:32px; line-height:32px;margin:10px 15px 0 0}
.bannertopNewsshow .cons .text {padding:0 0 0 60px; }

.tags-top .indcase {margin-top:168px;}
.tags-top .currentposition {margin:0;color:#999; position: absolute;left:4%;top:170px;width:500px; text-align: left; z-index: 100;}
.tags-top .currentposition a {color:#999}
.tags-top .currentposition a:hover {color:#3e3a39}

.newsshow {margin:60px 0; background: #fff}
.newsshow .newscontent {float:left;width:73%;padding:50px 55px 60px 50px;color:#333;border-right:20px solid #f5f5f5;right:-10px;position: relative}
.newsshow .newscontent a {color:#B60005; text-decoration: underline}
.newsshow .newscontent .content a {color:#3e3a39;}
.newsshow .newscontent .content b,.newsshow .newscontent  .content strong {color:#3e3a39;}
.newsshow .newscontent .content h2,.newsshow .newscontent .content h3,.newsshow .newscontent .content  h4 {font-weight:700;font-size:20px;color:#3e3a39;}
.newsshow .newscontent .content .list-paddingleft-2 li {list-style:disc}
.newsshow .newscontent .content a:hover {color:#B60005; }
.newsshow .newscontent img {margin:10px 0}
.newsshow .newscontent .beizu {padding:40px 45px;margin:60px 0 0 0;color:#333; background: #f5f5f5}
.newsshow .newscontent .beizu a {color:#333}
.newsshow .newscontent .beizu a:hover {color:#3e3a39}
.newsshow .newslist {float:right;width:27%;min-height:100px;padding:45px 20px 70px 30px;border-left:20px solid #f5f5f5;left:-10px;position: relative}
.newsshow .newslist dt {border-bottom:1px solid #ccc;font-size:25px;padding:0 0 10px 0;margin:0 0 15px 0;color:#333}
.newsshow .newslist dd {border-bottom:1px dashed #ccc;height:45px; line-height:44px; overflow: hidden;}
.newsshow .newslist dd a:before {content:''; position: absolute;left:0;top:27px;width:0;height:5px; background: #B60005; z-index: -1}
.newsshow .newslist dd a:hover:before {width:100%}
.newsshow .newslist dd a {color:#666; position: relative; z-index: 99; display: inline-block}
.newsshow .newslist dd a:hover{color:#3e3a39}
.newsshow .newslist dl:nth-child(2) {margin:45px 0}
.newsshow .newslist dl:nth-child(2) dd a {left:-10px}
.newsshow .newslist dl.zc dd a {left:0}
.newsshow .newslist dl.provincial dd {display:inline-block; vertical-align: top;height:auto; line-height: 25px;margin:5px 10px 5px 0}
.newscontent .prevnext {padding:50px 0 0 0}
.newscontent .prevnext p {margin:0 0 10px 0;font-size:18px}
.newscontent .prevnext a {font-weight:700;font-size:25px; line-height:40px;color:#3e3a39; text-decoration: none; position: relative; z-index: 99; display: inline-block}
.newscontent .prevnext a:before {content:''; position: absolute;left:0;bottom:4px;width:0;height:5px; z-index: -1; background: #B60005}
.newscontent .prevnext a:hover:before {width:100%}
.newscontent .prevnext .prev {float:left;width:45%}
.newscontent .prevnext .next {float:right;width:45%; text-align: right}

.newsshow .article .content table {width:100%;border-top:1px solid #ddd;border-right:1px solid #ddd;margin:30px 0}
.newsshow .article .content td,.newsshow .article .content th {border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding:10px 20px}
.newsshow .article .content thead tr td,.newsshow .article .content thead tr th { background: #ddd}
.newsshow .article .content h3,.newsshow .article .content h4 {margin:20px 0}

.case {margin:0 0 100px 0}
.case .cate {margin:60px 0 80px 0}

.bannertopfull {height:100vh;position: relative; background-color:rgba(0,0,0,0.7)}
.bannertopfull .cons {position: absolute;left:0;top:0;height:100%;width:100%; background: rgba(0,0,0,0.7)}
.bannertopfull .cons .text {display:inline-block; vertical-align:top;width:45%}
.bannertopfull .cons .text .title {font-size:50px; line-height: 80px;font-weight:700;  margin:-6px 0 10px 0;color:#fff; letter-spacing:1px}
.bannertopfull .cons .text .title2 {font-size:25px; line-height: 1.6;color:rgba(255,255,255,0.5);}
.bannertopfull .cons .text .url {margin:30px 0 0 0}
.bannertopfull .cons .text .url a {color:#B60005;width:60px;height:60px;border-radius:50%; line-height: 58px;border:1px solid rgba(255,255,255,0.5);display:block; text-align: center}
.bannertopfull .cons .text .url a span {font-size:40px; line-height:58px}
.bannertopfull .cons .text .url a:hover { background:#B60005;color:#3e3a39;border-color:#B60005}
.bannertopfull .cons .gs_content {display:inline-block; vertical-align:top;width:45%;margin:0 0 0 10%; text-align: right}
.bannertopfull .cons .gs_content .in {margin:0 0 0 auto; text-align:left;max-width:600px}
.bannertopfull .cons .gs_content .subject {font-size:25px; text-transform: uppercase;color:#fff; letter-spacing:1px;margin:0 0 12px 0}
.bannertopfull .cons .gs_content .content {color:rgba(255,255,255,0.5); line-height: 2}

.workscontent {padding:120px 0}
.workscontent .wrap1 {max-width:1200px;margin:0 auto}
.workscontent img {margin:10px 0}
.worksprevnext { background:#fff;padding:80px 0}
.worksprevnext .wrap1 {max-width:1200px;margin:0 auto}
.worksprevnext .row {width:106%;margin:0 0 0 -3%; text-align: center}
.worksprevnext .col {display:inline-block; vertical-align: top;width:44%;margin:0 3%; position: relative;padding:16.5% 0; overflow: hidden; text-align: left;}
.worksprevnext .col:before {content:'';position:absolute;left:0;bottom:0;width:100%;height:100px;z-index:2; background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0))}
.worksprevnext .col div { position:absolute;left:0;bottom:0px;width:100%;height:100%; z-index:3;  overflow: hidden}
.worksprevnext .col div h2 p {display:inline-block; vertical-align: top;font-size:30px;margin:-7px 15px 0 0}
.worksprevnext .col a h2 {color:#fff; position: absolute;left:25px;bottom:20px; line-height: 30px}

.worksmore {text-align:left;margin-bottom:140px}
.worksmore .indsubject2 {margin:0 0 80px 0}
.worksmore .item .pic {padding:37.5% 0;position: relative; overflow: hidden}
.worksmore .item .title {height:35px; line-height:35px; overflow: hidden;margin:25px 0 2px 0}
.worksmore .item .title a {font-size:25px}
.worksmore .item .subtitle {height:30px; line-height: 30px; overflow: hidden;color:#999}

.solutions .text {color:#fff}
.solutions .text .lefttext {display:inline-block; vertical-align: middle;width:40%; letter-spacing: 1px;}
.solutions .text .lefttext .title {font-size:50px; line-height: 70px;font-weight:700;}
.solutions .text .lefttext .subtitle {font-size:20px; line-height:30px;margin:20px 0 35px 0}
.solutions .text .lefttext .ad {font-size:20px; line-height:30px;display:inline-block;height:58px; line-height: 56px; background: rgba(255,255,255,0.3);border:1px solid rgba(255,255,255,0.3);padding:0 25px; position: relative}
.solutions .text .lefttext .ad:before {content:'';position: absolute;right:-12px;top:-12px;background: rgba(255,255,255,0.3);border:1px solid rgba(255,255,255,0.3);width:10px;height:10px;}
.solutions .text .lefttext .ad:hover,.solutions .text .lefttext .ad:Hover:before { background:#B60005;color:#3e3a39;border-color:#B60005}
.solutions .text .righttext {display:inline-block; vertical-align: middle;width:60%;text-align: right;}
.solutions .text .righttext ul {display:inline-block;margin:0 0 0 auto}
.solutions .text .righttext li {text-align:right;display:inline-block; vertical-align: top;margin:27px 0;width:25%;}
.solutions .text .righttext li .in {width:110px;margin:0 0 0 auto}
.solutions .text .righttext li .icon { position:relative;border:1px solid rgba(255,255,255,0.5);width:108px; height: 108px;border-radius:10px; text-align: center}
.solutions .text .righttext li .icon img {height:80px;width:80px;margin:14px 0 0 0}
.solutions .text .righttext li .title {font-size:22px;margin:15px 0 0 0; text-align: center;text-transform: uppercase}
.solutions .text .righttext li .in:Hover .icon {border-color:#B60005;background-color:#B60005}
.solutions .text .righttext li .in:Hover .title {color:#B60005}
.solutions .text .righttext7 li .title {font-size:20px}

.solution_analyse {padding:150px 0; background: url("../images/sbg.jpg") no-repeat center; background-size:100%}
.mainsubject {text-align:center}
.mainsubject .title {font-size:50px; line-height: 60px;font-weight:700; letter-spacing: 1px; position: relative;margin:-5px 0 95px 0}
.mainsubject .title:before {content:'';position: absolute;left:50%;bottom:-55px;width:70px;height:5px;margin-left:-35px; background: #B60005}
.mainsubject .content {color:#999;font-size:20px;margin:0 auto}
.solution_analyse ul{margin:100px 0 0 0}
.solution_analyse li {float:left;width:33.3333%;border:1px solid #ddd;padding:60px 40px 10px 50px;margin:-1px 0 0 -1px}
.solution_analyse li .icon img {height:80px;}
.solution_analyse li .title {font-size:25px; line-height: 35px;margin:15px 0;font-weight:700;}
.solution_analyse li .content {font-size:18px;color:#666; line-height: 35px;min-height:175px;}

.solutions_works {background:#f5f5f5;padding:140px 0}
.solutions_works .indsubject .content {text-transform: uppercase;color:#999;font-size:20px;margin:0 0 -5px 0}
.solutions_works .more1 {position:absolute;right:0;top:20px}
.solutions_works ul {width:103%;margin:-3% 0 0 -1.5%;padding:80px 0 0 0}
.solutions_works li {float:left; background: #fff;width:30.3333%;margin:3% 1.5% 0 1.5%}
.solutions_works li .pic {padding:37.5% 0; position: relative; overflow: hidden}
.solutions_works li .text {padding:0 40px}
.solutions_works li .text .t {height:70px; line-height: 72px;border-bottom:1px solid #ddd; overflow: hidden; position: relative;}
.solutions_works li .text .t a {font-size:20px;font-weight:700;}
.solutions_works li .text .t p {position:absolute;right:0;top:0;color:#999}
.solutions_works li .text .more {height:70px; line-height:65px; position: relative;}
.solutions_works li .text .more a {color:#999}
.solutions_works li .text .more a:nth-child(2) {position:absolute;right:0;top:3px}
.solutions_works li .text .more a span {font-size:25px; line-height:25px}
a.mousehover {display:inline-block; position: relative; z-index: 10}
a.mousehover:before {content:''; position: absolute;left:0;top:43px;width:0;height:5px; z-index: -1; background: #B60005}
a.mousehover:hover:before,.solutions_works li:hover .text .t a.mousehover:before {width:100%}
.solutions_works li:hover .text .more a {color:#3e3a39}

.webdesign {color:#fff;}
.webdesign .title {font-size:50px; line-height: 60px;font-weight:700; position: relative;margin:0 0 95px 0; letter-spacing:1px}
.webdesign .title:before {content:''; position: absolute;left:0;bottom:-50px;width:98px;height:3px; background: #B60005}
.webdesign .content {font-size:30px; line-height: 40px;margin:0 0 15px 0}
.webdesign .title2 {font-size:20px; line-height: 30px; text-transform: uppercase}
.wwwcase {padding:3% 0% 3% 4%}
.wwwcase dd {float:left;width:20%;height:25px; line-height:25px; overflow: hidden;}
.wwwcase dd a span {font-size:12px;display:inline-block; vertical-align: top;color:#999}
.wwwcase dd a:hover,.wwwcase dd a:hover span {color:#e60112}
.wwwcase dd a.active {color:#ccc}
body.bgblack {background:rgba(0,0,0,0.8)}
.hotcase {margin:110px 0 0 0}

.webdesign_page1 {padding:140px 0; position: relative}
.webdesign_page1 .wrap1 { position:static;}
.webdesign_page1 .lefttext {float:left;width:50%; position: relative; z-index: 10}
.webdesign_page1 .lefttext .indsubject .title:before {width:200px}
.webdesign_page1 .lefttext .text {font-size:20px;color:#333;margin:50px 0 70px 0;}
.webdesign_page1 .lefttext li { position: relative;min-height:101px;}
.webdesign_page1 .lefttext li .icon { position:absolute;left:0;top:0;width:100px; height: 100px;border:1px solid #eeeeee; text-align: center;}
.webdesign_page1 .lefttext li .icon img {width:60px;margin:20px auto 0 auto}
.webdesign_page1 .lefttext li .cons {margin:0 0 0 130px;}
.webdesign_page1 .lefttext li .cons .t {font-size:20px; line-height: 30px;font-weight:700;padding:20px 0 2px 0}
.webdesign_page1 .lefttext li .cons .c {font-size:14px;color:#666}
.webdesign_page1 .righttext {float:right;width:760px;}
.webdesign_page1 .righttext .pic {margin:5px 0 0 0;height:664px; position: relative}
.webdesign_page1 .righttext .pic p {position:absolute;left:-7%;top:0;width:1018px;height:664px}
.webdesign_page1 .righttext ul {width:102%;margin:-2% 0 0 -1%;padding:80px 0 0 0}
.webdesign_page1 .righttext li {float:left;width:48%;margin:2% 1% 0 1%;height:70px; line-height: 68px}
.webdesign_page1 .righttext li a {font-size:20px; display: block;border:1px solid #ddd;}
.webdesign_page1 .righttext li span {display:inline-block; vertical-align: top;width:30px; height:30px; line-height: 29px;color:#fff;margin:19px 20px 0 25px; border-radius:50%; text-align: center; background: #B60005;font-family: 'DINCondBold';}
.webdesign_page1 .righttext li a:hover {background:#B60005;color:#fff;border-color:#B60005}
.webdesign_page1 .righttext li a:hover span {background:#fff;color:#B60005}

.webdesign_page2 {color:#fff; text-align:center; background-attachment: fixed;padding:150px 0}
.webdesign_page2 .cons .title {font-size:40px; line-height: 50px; position: relative;margin:0 0 90px 0;font-weight:700}
.webdesign_page2 .cons .title:before {content:''; position: absolute;bottom:-50px;left:50%;width:80px; height:3px; background: #B60005;margin-left:-40px}
.webdesign_page2 .cons .text {font-size:20px;max-width:800px;margin:0 auto; line-height: 2}
.webdesign_page2 ul {width:110%;margin:120px 0 0 -5%}
.webdesign_page2 li {float:left;width:23.3333%;margin:0 5%;border:1px solid rgba(255,255,255,0.5);padding:90px 0}
.webdesign_page2 li h3 {display:inline-block; vertical-align: top;color:#B60005;font-family: 'DINCondBold';font-size:80px; line-height:80px}
.webdesign_page2 li .content {font-size:20px; line-height: 2.2;margin:40px 0 0 0}
.webdesign_page2 li:hover {border-color:#B60005; background: #B60005;color:#fff}
.webdesign_page2 li:hover h3 {color:#fff}

.webdesign_page3 {height:1040px; position: relative; overflow: hidden}
.webdesign_page3:before {content:'';position: absolute;right:-310px;top:50%;margin-top:-650px;width:1300px; height:1300px;border:2px dashed #B60005;border-radius:50%}
.webdesign_page3 .new-wrap {float:left;height:1040px;margin:0 0 0 8%; text-align: left;}
.webdesign_page3 .new-wrap .row1 {font-size:20px; line-height: 30px;color:#999}
.webdesign_page3 .new-wrap .row2 {font-size:40px; line-height: 50px;font-weight:700;margin:10px 0 60px 0}
.webdesign_page3 .new-wrap .row3 { position: relative;padding:0 0 0 80px; display: inline-block; text-align: center;font-size:30px; line-height: 40px;font-weight:700}
.webdesign_page3 .new-wrap .row3 img {margin:0 0 20px 0}
.webdesign_page3 .new-wrap .row3 i {position:absolute;left:0;top:5px;width:35px;height:35px; line-height: 35px; text-align: center;border-radius:50%;font-size:20px;background: #B60005;color:#fff;font-family: 'DINCondBold';}
.webdesign_page3 .new-wrap .row4 {padding:0 0 0 80px;font-size:20px;color:#666;margin:30px 0 0 0; line-height: 2}
.webdesign_page3 ul {float:right;width:800px; }
.webdesign_page3 li { position:absolute;right:0;top:0; z-index: 200;width:100px;height:100px; background: #fff; border:2px dashed #B60005;border-radius:50%; text-align: center; line-height: 100px;font-family: 'DINCondBold';color:#B60005;font-size:50px}
.webdesign_page3 li:nth-child(1) {right:845px;top:125px}
.webdesign_page3 li:nth-child(2) {right:920px;top:295px}
.webdesign_page3 li:nth-child(3) {right:940px;top:465px}
.webdesign_page3 li:nth-child(4) {right:920px;top:635px}
.webdesign_page3 li:nth-child(5) {right:845px;top:805px}
.webdesign_page3 li.newon {background:#B60005;color:#fff}
.webdesign_page3 .rowpic { position: absolute;right:8%;top:50%;width:732px;height:861px;margin-top:-431px; z-index: 20}
.webdesign_page3 .rowpic img {width:100%;height:100%}

.webdesign_page5 {background:#fff}
.webdesign_page5 .indsubject .title:before {left:82px}
.webdesign_page5 dl {width:110%;margin:60px 0 0 -5%}
.webdesign_page5 dd {float:left;margin:5px 5%;width:40%; position: relative;height:30px; line-height:30px; overflow: hidden;}
.webdesign_page5 dd a {display:inline-block;margin:0 120px 0 0; position: relative;color:#333}
.webdesign_page5 dd a:Hover {color:#3e3a39}
.webdesign_page5 dd a.mousehover:before {top:21px}
.webdesign_page5 dd p { position:absolute;right:0;top:0;color:#999}

.mobweb_page .indsubject .title:before {left:82px;width:260px}
.namemj {position:absolute;left:0;top:-112px}
.mobweb li { background: #e0e0e0; position: relative}
.mobweb li:nth-child(2),.mobweb li:nth-child(4) { background: #f8f8f8}
.mobweb li .pic {display:inline-block; vertical-align: middle;width:50%; text-align: left;}
.mobweb li .text {display:inline-block; vertical-align: middle;width:50%;text-align: right;position: relative; z-index: 10}
.mobweb li .text .in {margin:0 16% 0 auto;max-width:640px; text-align: left;}
.mobweb li .text .title {font-size:50px; line-height: 70px;font-weight:700;}
.mobweb li .text .content {color:#666;margin:30px 0 60px 0}
.mobweb li .text .content strong {font-size:20px;color:#3e3a39}
.mobweb li .text dd {display:inline-block; vertical-align: top;margin:0 0 0 70px; text-align: center}
.mobweb li .text dd .icon img {height:50px;margin:0 auto}
.mobweb li .text dd:nth-child(1) {margin-left:0}
.mobweb li .text dd .subtitle {margin:10px 0 0 0}
.mobweb li:nth-child(1) .pic,.mobweb li:nth-child(3) .pic {margin:0 0 0 50%; text-align: right}
.mobweb li:nth-child(1) .text,.mobweb li:nth-child(3) .text { position:absolute;left:0;top:0;width:50%;height:100%}
.mobweb li:nth-child(1) .text .in,.mobweb li:nth-child(3) .text .in {margin:0 0 0 16%;}

.digitalsubject {text-align:center;padding:140px 0 100px 0}
.digitalsubject .title {font-size:50px; line-height: 70px;font-weight:700; letter-spacing: 2px;margin:0 0 30px 0}
.digitalsubject .title2,.digitalsubject .content {font-size:20px; line-height: 1.8; color:#999; text-transform: uppercase;max-width:750px;margin:0 auto}
.digitalsubject .title2 {margin:-25px auto 35px auto}

.digital_mail .digitalsubject .title {margin:0 0 5px 0}
.digital_mail { background:#f5f5f5;padding:0 0 140px 0;text-align: center}
.digital_mail ul {width:103%;margin:-3% 0 0 -1.5%}
.digital_mail li {float:left;width:47%;margin:3% 1.5% 0 1.5%; background: #fff;padding:50px 45px 0 60px; position: relative; text-align: left; height:200px}
.digital_mail li .pic {width:70px; height: 70px; border-radius:50%; position: absolute;left:60px;top:50%;margin-top:-36px; background-color: #bfbfbf; background-position: center; background-repeat: no-repeat}
.digital_mail li .text {margin:0 0 0 110px}
.digital_mail li .text .title {font-size:22px;line-height: 32px;font-weight:700;margin:0 0 10px 0}
.digital_mail li .text .content {font-size:16px;color:#666}
.digital_mail li:hover .pic { background-color:#B60005}

.digital_ssl .list {background:#f5f5f5;padding:0 0 10px 0;margin:102px 0 0 0}
.digital_ssl .list ul { position: relative;top:-102px;width:104%;margin:0 0 0 -2%}
.digital_ssl .list li {float:left;width:16%;margin:0 2%; text-align: center; position: relative;top:0}
.digital_ssl .list li .pic {width:205px;height:205px;border-radius:50%; text-align: center; background: #B60005;margin:0 auto}
.digital_ssl .list li .pic p {padding:40px 0 12px 0}
.digital_ssl .list li .pic p img {height:75px;}
.digital_ssl .list li .pic h2 {font-size:20px; line-height: 30px;font-weight:700}
.digital_ssl .list li .content {color:#333;margin:30px 0 0 0; line-height: 2;}
.digital_ssl .list li:hover {top:-20px}

.digital_domain .digitalsubject .content {font-size:22px;}
.digital_domain { background:url("../images/domainbg.jpg") no-repeat center; background-size:cover;color:#fff;padding:0 0 140px 0}
.digital_domain ul {width:104%;margin:-40px 0 0 -2%}
.digital_domain li {float:left;width:12.6666%;margin:40px 2% 0 2%; text-align: center;position: relative}
.digital_domain li .pic {border:1px solid rgba(255,255,255,0.5);width:160px;height:160px; border-radius:50%;margin:0 auto; }
.digital_domain li:before {content:''; position: absolute;left:50%;width:1px; background:rgba(255,255,255,0.5);height:50px;top:136px}
.digital_domain li .pic p {width:85px;height:85px;margin:37px auto 0 auto}
.digital_domain li .title {font-size:22px;margin:55px 0 0 0}
.digital_domain li:hover .pic {border-color:#B60005; background: #B60005}
.digital_domain li:hover .title {color:#B60005}
.digital_domain li:hover:before { background:#B60005}

.digital_host  {margin:0 0 140px 0}
.digital_host ul {width:102%;margin:-3% 0 0 -1%}
.digital_host li {float:left;width:18%;margin:2% 1% 0 1%;border:1px solid #ddd;padding:70px 20px 40px 25px; overflow: hidden}
.digital_host li .title {font-size:22px;font-weight:700; line-height: 32px; position: relative;margin:0 0 20px 0}
.digital_host li .title:before {content:''; position: absolute;top:-20px;height:3px;width:25px; background: #B60005}
.digital_host li .content {color:#666; line-height:30px;font-size:14px;min-height:120px}
.digital_host li .num { text-align:right; position: relative;font-family: 'DINCondBold';font-size:100px; line-height: 100px;color:#B60005;font-weight:700;margin:0 -40px 0 0}
.digital_host li:hover {border-color:#B60005; background: #B60005;color:#3e3a39}
.digital_host li:hover .title:before { background:#000;}
.digital_host li:hover .content {color:#3e3a39}
.digital_host li:hover .num {color:#3e3a39}

.seo_page .indsubject .title:before {width:215px}
.seo_sem .digitalsubject .title {position:relative; z-index: 10}
.seo_sem .digitalsubject .title:before {content:'';width:265px; height: 10px; background: #B60005;top:52px; position: absolute; z-index: -1}
.seo_sem ul { position: relative}
.seo_sem ul:before,.seo_sem ul:after {content:''; position: absolute;left:31.3333%;top:2px;width:1px; background: #ddd;height:310px;}
.seo_sem ul:after {left:auto;right:29.3333%}
.seo_sem li {float:left;width:33.3333%;}
.seo_sem li .pic img {height:130px}
.seo_sem li .title {font-weight:700;font-size:22px; line-height: 32px;margin:40px 0 25px 0}
.seo_sem li .content {color:#666}
.seo_sem li:nth-child(2) {text-align:center}
.seo_sem li:nth-child(2) .in { display: inline-block;margin:0 auto; text-align: left;}
.seo_sem li:nth-child(3) {text-align:right}
.seo_sem li:nth-child(3) .in { display: inline-block;margin:0 auto; text-align: left;}

.seo_video { background:url("../images/seobg.jpg") no-repeat center; background-size:cover; background-attachment: fixed;color:#fff;margin:140px 0 0 0;padding:0 0 140px 0}
.seo_video ul {width:102%;margin:-40px 0 0 -1%}
.seo_video li {float:left;width:31.3333%;margin:40px 1% 0 1%; background: #fff;padding:60px 40px 30px 45px;border-bottom-left-radius:25px;border-top-right-radius:25px; position: relative;top:0; overflow: hidden}
.seo_video li:before {content:'';position: absolute;right:0;top:0;width:80%;height:10px; background: #B60005;border-radius:25px}
.seo_video li .title {color:#3e3a39;font-size:32px; line-height: 42px;font-weight:700;}
.seo_video li .content {color:#333;margin:15px 0 0px 0; line-height: 30px;max-width:340px}
.seo_video li .num {font-family: 'DINCondBold';color:#eee; text-align: right;font-size:100px; line-height: 100px}
.seo_video li:hover {top:-10px}
.seo_video li:hover:before {width:100%}

.seo_safe {background:#f5f5f5;padding:140px 0}
.seo_safe .subject { position:relative;}
.seo_safe .subject .title{ position:absolute;left:0px;top:13px;font-size:40px; line-height: 40px;font-weight:700;padding:0 0 0 30px}
.seo_safe .subject .title:before {content:''; position: absolute;left:0;top:5px;width:10px;height:35px; background: #B60005}
.seo_safe .subject .content {margin:0 0 0 33.3333%;color:#666;font-size:20px}
.seo_safe ul {margin:70px 0 0 0}
.seo_safe li {float:left;width:33.3333%;border:1px solid #ddd;margin:-1px 0 0 -1px;padding:60px; background:#fff;}
.seo_safe li .title {font-size:30px; line-height: 40px; font-weight:700;margin:25px 0 20px 0}
.seo_safe li .content {color:#666;line-height:30px}

.search_subject {font-weight:700;font-size:50px; line-height: 50px; letter-spacing: 2px;margin:100px 0 100px 0; text-align: center}

.indsubject-tags {margin:120px 0 80px 0}
.indsubject-tags .title span {position:relative; z-index: 100;display:inline-block}
.indsubject-tags .title span:before {content:''; position: absolute;left:0;bottom:-0px;width:100%; background: #B60005;height:10px; z-index: -1}
.indsubject-tags .title:before {display:none;}
.tags-map ul {margin:40px 0 120px 0}
.tags-map li {float:left;width:6.25%;margin:10px 0 0 0}
.tags-map li a {font-size:20px; position: relative;}
.tags-map li.check {width:100%;margin-bottom:20px}
.tags-map li.check a .bgline i {width:100%}
.tags-map dl { background: #fff;width:100%; clear: both;margin:0 0 10px 0;padding:20px}
.tags-map dd {display:inline-block; vertical-align: top;margin:5px 10px}
.tags-map dd a {position: relative;color:#666;font-size:20px}
.tags-map dd a:hover,.tags-map dd.check a {color:#3e3a39;}
.tags-map dd.check a .bgline i {width:100%}

.brandonline {background:url("../images/bg1.jpg") no-repeat center; background-size:cover;padding:60px 0; position: relative;color:#fff}
.brandonline .t {font-size:60px; line-height: 70px;font-weight:700; letter-spacing: 5px;margin:0 0 20px 0}
.brandonline .c {font-size:25px; line-height: 35px;}
.brandonline .more1 {position:absolute;right:0;top:36px}
.brandonline .more1 { border-color:#fff;}
.brandonline .more1 a:before {background: #fff;}
.brandonline .more1 a p {color:#fff}
.brandonline .more1 a span { background: #fff;color:#b60005}
.brandonline .more1 a:hover p {color:#b60005}

.foot {background:url("../images/bg2.jpg") no-repeat center; background-size:cover;padding:100px 0 0 0;color:#999}
.foot a {color:#999}
.foot a:Hover {color:#fff;}
.foot .mleft {float:left;min-width:300px}
.foot .mleft .logo a { background: url("../images/logo-foot.png") no-repeat center;background-size:cover;width:340px; height: 45px; display: block}
.foot .mleft .ad { letter-spacing: 3px;color:#666}
.foot .mleft .subject {font-size:20px; line-height: 30px;margin:50px 0 10px 0}
.foot .mleft .subject span {color:#B60005;font-size:23px; line-height: 30px;margin:0 12px 0 0;position: relative;top:1px}
.foot .mleft .subject2 span {font-size:40px; margin:0 3px 0 -8px;top:7px}
.foot .mleft .tel {font-family: 'DINCondBold';font-size:42px; line-height:42px;color:#B60005}
.foot .mleft .address {color:#fff;font-size:20px;margin:0 0 60px 0}
.foot .mright {float:right;width:78%; text-align: right;}
.foot .mright dl {display:inline-block;vertical-align: top;margin:0 0 0 11%; text-align: left; position: relative}
.foot .mright dl:nth-child(1) {margin:0}
.foot .mright dt { position:relative;margin:0 0 50px 0}
.foot .mright dt a {font-size:25px; line-height: 25px;color:#fff;}
.foot .mright dt:before {content:''; position: absolute;left:0;bottom:-20px;width:22px; height: 1px;background: #B60005}
.foot .mright dd {margin:10px 0 0 0}
.foot .mright .share {text-align:left; position: absolute;left:0;bottom:-172px;width:500px}
.share {padding:0 0 0 85px}
.share .title {color:#fff;font-size:20px; line-height: 20px; position: absolute;left:0;top:14px}
.share * {transition-duration:.0s;-ms-transition-duration:.0s;-moz-transition-duration:.0s; -webkit-transition-duration:.0s;}
.bshare-custom a {display:inline-block;padding:0;margin:0 15px 0 5px; cursor: pointer; position: relative;top:0}
.bshare-custom a:hover {top:-10px}
.bshare-custom a.bshare-weixin {background:url("../images/sharewx.png") no-repeat center;width:50px; height: 50px;opacity:0.5}
.bshare-custom a.bshare-sinaminiblog {background:url("../images/sharewb.png") no-repeat center;width:50px; height: 50px;opacity:0.5}
.bshare-custom a.bshare-qqim {background:url("../images/shareqq.png") no-repeat center;width:50px; height: 50px;opacity:0.5}
.bshare-custom a.bshare-qzone {background:url("../images/shareqzone.png") no-repeat center;width:50px; height: 50px;opacity:0.5}
.bshare-custom a.bshare-qqmb {background:url("../images/shareqqwb.png") no-repeat center;width:50px; height: 50px;opacity:0.5}
.bshare-custom a.bshare-qqxiaoyou {background:url("../images/shareqqxiaoyou.png") no-repeat center;width:50px; height: 50px;opacity:0.5}
.footer {border-top:1px solid rgba(255,255,255,0.15);margin:200px 0 0 0;padding:35px 0;}
.footer .copy {float:left;width:70%;}
.footer .links {float:right;width:30%; text-align: right;}
.footer .links .in {display:inline-block;margin:0 0 0 auto; text-align: left;}
.footer .links p {position:relative;display: inline-block; vertical-align: top;}
.footer .links p i{width:1px; height:14px; background:#999;display:inline-block; vertical-align: top;margin:8px 8px 0 9px}
.footer .links p:nth-child(1) i {display:none;}
.footer .links p:last-child {margin:0}
.about-team {margin-bottom:0}

.fixright { position: fixed;right:0;top:50%; z-index: 2000;margin-top:-80px}
.fixright li { position:relative;margin:1px 0; }
.fixright li .tubiao {border-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0;width:50px; height:50px; line-height:50px; cursor:pointer;text-align: center;color:#fff;background:rgba(62,58,57,0.9);}
.fixright li .tubiao span {font-size:25px}
.fixright li .cons { display:none; position: absolute;right:52px;top:0;box-shadow:0 0 5px rgba(62,58,57,0.3);border-radius:5px; background: #fff;min-height:50px}
.fixright li:hover .tubiao { background: #B60005;color:#fff}
.fixright li.wx .cons {width:300px;height:110px;padding:10px 0 10px 10px}
.weixin { position: relative}
.weixin .pcover {width:110px;height:110px}
.weixin .wright { position: absolute;left:140px;top:6px;font-size:16px; line-height: 33px; color:#333}
.weixin .wright b {display:block}
.weixin .wright span {font-size:40px;line-height:40px;}
.weixin2 .wright {color:#999;top:21px}
.fixright li.qq .cons {width:145px; height: 50px; line-height:48px;padding:0 0 0 15px; letter-spacing:0.5px;font-weight:700}
.fixright li.qq .cons font {color:#999;margin:0 10px 0 0}
.fixright li.tel .cons {width:180px; height: 50px; line-height:48px;padding:0 0 0 15px; letter-spacing:0.5px;font-weight:700}
.fixright li.tel .cons font {color:#999;margin:0 10px 0 0}
.fixright li.pen .cons {width:125px; height: 50px; line-height:48px;letter-spacing:0.5px;font-weight:700;padding:0 0 0 20px}
.fixright li.pen .cons font {color:#999;margin:0 10px 0 0}