@charset "utf-8";
@import url(../css/common.css);


@font-face {
    font-family: 'Ayumi Normal';
    src: url('font/AyumiNormal.eot');
    src: url('font/AyumiNormal.eot?#iefix') format('embedded-opentype'),
        url('font/AyumiNormal.woff2') format('woff2'),
        url('font/AyumiNormal.woff') format('woff'),
        url('font/AyumiNormal.ttf') format('truetype'),
        url('font/AyumiNormal.svg#AyumiNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvangardNormal';
    src: url('font/Avangard-Normal.eot');
    src: url('font/Avangard-Normal.eot?#iefix') format('embedded-opentype'),
        url('font/Avangard-Normal.woff2') format('woff2'),
        url('font/Avangard-Normal.woff') format('woff'),
        url('font/Avangard-Normal.ttf') format('truetype'),
        url('font/Avangard-Normal.svg#AyumiNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

.footin::-webkit-input-placeholder{ color:#333;}

body{padding-top:48px;width:100%;overflow-x: hidden;}
.head{position:fixed;width:100%;left:0;top:0;z-index: 9;background:#fff;}
.head .commonweb{position:relative;z-index: 9;}
.menu {position: absolute;right: 38px;top: 8px;width: 33px;height: 30px;cursor: pointer;z-index: 7;-webkit-transition:all .3s ease;transition:all .3s ease;margin:0;}
.menu span {position: absolute;top: 14px;left: 7px;display: block;width: 18px;height: 2px;background-color: #333; -webkit-transition: 0.3s linear;transition: 0.3s linear;}
.menu span.nav_lineA {transform: translateY(6px) rotate(0deg);}
.menu span.nav_lineB {opacity: 1;}
.menu span.nav_lineC {transform: translateY(-6px) rotate(0deg);}
.nav_icon_click{right: 225px;margin-right:-25px;background: #1d8dcf;}
.nav_icon_click span{top: 14px;left: 8px;background: #fff;}
.nav_icon_click span.nav_lineA {transform: translateY(0) rotate(45deg);}
.nav_icon_click span.nav_lineB {opacity: 0;}
.nav_icon_click span.nav_lineC {transform: translateY(0) rotate(-45deg);}
.phonenav{position:fixed;background:#fff;right: -100%;top:0;z-index: 99;width: 200px;height:100%;overflow-y: scroll;-webkit-overflow-scrolling: touch;-webkit-transition: 0.3s linear;transition: 0.3s linear;}
.phonenav.cur{ right:0;}
.m_nav_main { display: table; width: 100%; height: 100%; counter-reset: navCounter;}
.m_nav_main ul {display: table-cell;width: 200px;padding: 8px 30px;margin:0;}
.m_nav_main li {position: relative;margin-bottom: 10px;list-style:none;}
.m_nav_main li>a{ display:block; font-size:16px; color:#333; padding:10px 0}
.r_arrow:after{content: "+";display: inline-block;position: relative;transition: transform 0.3s;-o-transition: transform 0.3s;-ms-transition: transform 0.3s;-moz-transition: transform 0.3s;-webkit-transition: transform 0.3s;top: 0px;padding: 0;color: #000;font-size: 18px;font-style: normal;margin-left:5px;float: right;}
.phonenav a.cur .r_arrow:after{content: "-";}
.se-nav{padding-left: 1em; display:none;}
.se-nav a{font-size: 15px;color: #666; display:block;line-height: 35px;}
.logo{float:left;padding: 10px 0 0;font-size: 0;}
.logo img{ height:27px;}
.pcanv{float: right;}
.navul{float:right;margin: 39px 0 0;padding:0;}
.navul li{list-style:none;float:left; position:relative;}
.navul li>a{display:block;font-size: 16px;color: #666;position:relative;padding-bottom: 22px;}
.navul li>a:before{content:"";width:0;position:absolute;height: 2px;background-color: #0b81c7;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.navul li:hover>a,.navul li>a.cur{color: #1d8dcf;}
.navul li:hover>a:before,.navul li>a.cur:before{ width:100%;}
.nav{position:relative;float: right;}
.search{float:right;margin-top: 43px;padding-left: 12px;height: 42px;}
.search span{display:block;background-image: url(../images/icon1.png); background-repeat:no-repeat; background-position:right top;width: 35px;height:17px;cursor: pointer;}
.pcsec{ position:absolute; top:100%; left:35px; height:50px; line-height:50px; font-size:0; white-space:nowrap; visibility:hidden; opacity:0; -webkit-transition: all .3s; -ms-transition: all .3s;transition: all .3s;}
.pcsec a{color:#fff;display:inline-block;font-size:14px;margin-right:30px;line-height: 24px;padding-top: 13px;}
.pcsec a:hover{/* color:#1d8dcf */border-bottom: 1px solid #fff;}
.navul li:hover .pcsec {visibility: visible; opacity: 1; -webkit-transition: all .3s .2s; -ms-transition: all .3s .2s; transition: all .3s .2s;}
.navul li:nth-of-type(5) .pcsec{ left:auto; right:-30px}

.banner-slide{width:100%;overflow:hidden;position:relative;}
.flex-viewport,.banner-slide ul{ height:100%;}
.banner-slide ul{padding:0;margin:0;white-space: nowrap;font-size: 0;background: #fff;}
.banner-slide li{list-style:none;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%;position:relative;display: inline-block !important;float: none !important;vertical-align: top;}
.banner-slide img{ display:block; width:100%;}
.banner-slide .flex-control-nav{position:absolute;font-size:0;text-align:center;width:100%;left:0;bottom: 10px;padding:0;margin:0;z-index: 3;}
.banner-slide .flex-control-nav li{display:inline-block;margin: 0 3px;list-style:none;width: 10px;height: 10px;position:relative;}
.banner-slide .flex-control-nav li a{display:block;width:10px;height:10px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;border: 1px solid #fff;overflow:hidden;line-height:999px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.banner-slide .flex-control-nav li a.flex-active{background: #1d8dcf;border-color: #1d8dcf;}

.insidebanner { position:relative;width: 100%; overflow:hidden}
.insidebanner img{display:block;width: 100%;min-width: 1300px;position:relative;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}

.phonesearch{position:absolute;right:8px;top:0;margin-top: 0;height: 100%;padding-left: 0;}
.phonesearch span{background-position: center center; height:100%; width:30px;}
.subsearch{border:1px solid #cfdfe8;position:absolute;right:0;background:#fff;z-index: -1;height:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0;width:100%;top: 45px;display:none;}
.subsearch em{background:url(../images/icon03.png) no-repeat;display:block;position:absolute;width: 22px;height: 14px;top: -13px;background-size: 100% auto;right: 8px;}
.searchform .PCin{ border:1px solid #cfdfe8; border-right:none; height:34px; line-height:34px; padding:0 10px; font-size:14px; width:100%; float:left;}
.searchform .PCbt{height:34px;background:#1d8dcf url(../images/icon02w.png) center center no-repeat;width:34px;position:absolute;top: 20px;right:24px;cursor:pointer;}
.subsearch em{}
.subsearch.cur{height: 78px;padding: 20px 58px 0 24px;opacity:1;z-index: 3;display:block;}
.pcanv .search:hover .subsearch{ opacity:1; z-index:3; display:block;}
.pcanv .subsearch{ top:70px; right:-15px; width:340px; height:75px; padding:20px 20px 0;}
.pcanv .subsearch em{ right:10px;}
.pcanv .searchform{ padding-right:34px;}
.pcanv .PCbt{ top:20px; right:20px;}

/*foot*/
.foot{background:#333;padding-top:20px;position:relative;z-index: 1;}
.sub-foot dt a{color: #fff;display: block;font-weight:bold;}
.sub-foot dt{font-size: 15px;color: #d7d7d7;line-height:40px;position:relative;z-index:3;background: #333;}
.sub-foot dd a{font-size: 14px;color: #fff;line-height: 40px;display:block;}
.sub-foot dt:after{content: '+';float: right;font-weight: normal;margin-right: 8px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;font-size:16px;position: absolute;right: 0;top: 0;}
.foot-link{ border-bottom:1px solid rgba(225,225,225,.04); position:relative; overflow:hidden}
.sub-foot>dl{ border-bottom:1px solid rgba(225,225,225,.04); }
.sub-foot dl.cur dt:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.sub-foot dd{position:absolute;top:50%;visibility:hidden;-webkit-transition:300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;transition:300ms;z-index:-1;-webkit-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);-moz-transform: translateY(-50px);transform: translateY(-50px);padding-bottom:10px;}
.sub-foot dl.cur dd{ position:static; visibility:visible; z-index:1;-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;transform: none;-webkit-transition: -webkit-transform 300ms ease;transition: -webkit-transform 300ms ease;transition: transform 300ms ease;transition: transform 300ms ease, -webkit-transform 300ms ease;}
.foot-link dl dd a span{cursor:pointer}
.footcopy{text-align:center;font-size: 14px;color: #fff;padding:18px 0;border-top: 1px solid rgba(255,255,255,.04);line-height:24px;}
.footcopy a{color: #fff;display:inline-block;}
.footcode img{ display:block; width:100%;}
.footcopy p a{ padding:0 5px; display:inline-block}
.footcode{ text-align:center; padding:30px 0}
.subcode{ font-size:13px; color:#fff;text-align:center; background:#525252; line-height:25px; width:72px; margin-left:29px; float:right;}
.codelist{ display:inline-block;}
.sharebox{ height:29px; margin-top:20px;}
#share{ display:inline-block; font-size:14px; color:#898989;}
#share a{ width:29px; height:29px; margin:0 0 0 9px; padding:0}
#share span{float:left;height:29px;line-height:29px;position:relative;color: #fff;}
#share a.bds_weixin{ background:url(../images/foot1.png);}
#share a.bds_sqq{ background:url(../images/foot2.png);}
#share a.bds_tsina{ background:url(../images/foot3.png);}

.indextitle{text-align:center;color:#838383;font-size:15px;padding-top: 40px;}
.indextitle h2{ margin:0 auto 14px; color:#333; font-size:22px; width:230px; position:relative; line-height:1.1em;}
.indextitle h2:before{ content:""; position:absolute; width:100%; left:0; top:50%;-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); height:1px; background:#a8a8a8; z-index:1; display:block;}
.indextitle h2 span{ display:inline-block; background:#fff; position:relative; z-index:3; padding:0 24px;}
.tab-out{ text-align:center; font-size:0; padding-top:29px;}
.tab-out a{ display:inline-block; font-size:14px; color:#333; cursor:pointer; border:1px solid #d8d8d8; width:36%; max-width:175px; height:41px; line-height:39px; margin-left:-1px;}
.tab-out a:hover,.tab-out a.cur{ color:#069fd7;}
.outimg{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;width: 80px;height: 80px;border:1px solid #ddd;display:table;margin:0 auto;}
.subout ul{ margin:0; padding:0; -webkit-transform: translate3d(-88px, 0px, 0px);transform: translate3d(-88px, 0px, 0px);}
.subout li{list-style:none;border-right:1px dotted #cfcece;margin-top:20px;padding:0;width: 175px;float:left;font-size: 14px;color:  #666;text-align:  center;padding-top:20px;height: 217px;position: relative;}
/*.subout li a{ display:block; padding-top:20px; padding-bottom:20px; position:relative;}*/
.subout li img{ display:block; margin:0 auto;}
.outimg p{ display:table-cell; text-align:center; vertical-align:middle;}
.subout li h3{ color:#333; font-size:15px; text-align:center; padding-top:18px;}
.outbox{ padding-top:27px; max-width:1054px; margin:0 auto;}
.out-hover{ position:absolute; width:100%; height:100%; left:0; top:0; background:#1d8dcf; color:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; opacity:0}
.table{ display:table; width:100%; height:100%;}
.td{display:table-cell;text-align:center;vertical-align:middle;padding:10px;font-size: 16px;}
.out-hover h2{ font-size:18px; color:#fff; padding-bottom:5px;}
.indexmore{ display:block; font-size:14px; color:#fff; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; border-radius:50px;border:1px solid #fff; width:100%;max-width:115px; height:35px; line-height:33px; margin:25px auto 0}
.subout li a:hover .out-hover{ opacity:1}
.subout{ height:0;transform:translateY(50px);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out; opacity:0; overflow:hidden;}
.outbox .subout.cur{ height:auto; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; opacity:1; overflow:visible}

.imgbox{ display:block; width:100%; overflow:hidden; position:relative}
.imgbox img{ display:block; width:100%;transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);}
.imgbox:hover img,
.activities dl:hover img,
.train li:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.3);transform: scale(1.2);}
.index-quick{background:url(../images/bg.jpg) center center no-repeat;background-size:cover;overflow: hidden;}
.index-quick .indextitle h2,.index-media .indextitle h2{ width:280px;}
.index-quick .indextitle h2 span{ background:#f5f5f5;}
.qucikbox ul{ margin:0 -5px; padding:0}
.qucikbox ul li{ list-style:none; margin-top:25px; padding-left:5px ; padding-right:5px;}
.qucikbox li a{ display:block;}
.quicktxt{ text-align:center;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out; background:#fff;  font-size:14px; color:#666; padding-bottom:30px;}
.quicktxt h2{ font-size:20px; color:#333; line-height:1.1em; padding:16px 0 7px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.qucikbox li:hover .quicktxt{ background:#1d8dcf; color:#fff;}
.qucikbox li:hover .quicktxt h2{ color:#fff;}
.qucikbox{ padding-bottom:50px;}

.swiper-wrapper{ width:9999px; margin:0; padding:15px 0 0}
.swiper-wrapper li{ list-style:none; float:left;}
.prev,.next{position:absolute;width:30px;height:30px;color:#8c8c8c;font-size:30px;text-align:center;line-height: 34px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);margin-top: 6px;cursor:pointer;background-size:100% auto;background-repeat:no-repeat;margin-top: 52px;}
.prev{left: 5px;background-image:url(../images/left.png);}
.next{right: 5px;background-image:url(../images/right.png);}
.prev:hover{ background-image:url(../images/lefth.png)}
.next:hover{ background-image:url(../images/righth.png)}
.index-media .commonweb{ position:relative}
.media{ overflow:hidden;}
.media a{display:block;background:#fff;position:relative;overflow:hidden;transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);}
.imgbover{ opacity:0; position:absolute; width:100%; height:100%; left:0; top:0}
.media a:hover .imgbover{ opacity:1}
.media li{padding: 0 5px;}
.media li img{ display:block; width:100%}
.media li:hover a{ margin-top:-10px;}
.index-media{padding-bottom:50px;background: #fff; width:100%; overflow:hidden;}
.media{padding-top: 0;}

.wel-case{width:100%;overflow:hidden;background: #fff;}
.wel-case li{ overflow:hidden; position:relative; list-style:none;}
.wel-case li img{ width:auto; display:block;}
.wel-case  .font-bg{width: 100%;position: absolute;top: 0;left: 0;height: 100%;background: #000;z-index: 1;opacity: .1;-webkit-transition-property: opacity;-moz-transition-property: opacity;-ms-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-delay: .2s;-moz-transition-delay: .2s;-ms-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;}
.wel-case .con {position: absolute;bottom: -72%;left: 0;width: 100%;height: 100%;z-index: 2;display: block;padding: 16% 38px 0;-webkit-transition: bottom .3s ease-out;-moz-transition: bottom .3s;-ms-transition: bottom .3s;-o-transition: bottom .3s;transition: bottom .3s;}
.wel-case .tit{font-size: 18px; color: #fff; line-height: 25px; color: #fff; font-weight: bold;}
.wel-case .en{font-size: 16px; color: #fff; opacity: .6; filter: alpha(opacity=60); line-height: 24px; min-height: 24px;}
.wel-case .font{font-size: 16px;color: #fff;line-height: 24px;margin-top: 38px;}
.wel-case .more{margin-top: 20px;width: 34px;height: 34px;border-radius: 50%;background: url(../images/wel02.png) no-repeat center;}
.wel-case li:hover .font-bg{opacity:.3; filter: alpha(opacity=30);}
.wel-case li:hover .con{bottom: 0;}
.wel-case .bg{width: 100%; position: absolute; top: 0; left: 0; height: 100%; background: #000; z-index: 1; opacity: 0; filter: alpha(opacity=0);}
.wel-case li:hover .font{margin-top: 4px;}
.index-case .indextitle{padding-bottom: 15px;}
.wel-case-list ul{ margin:0; padding:0;}
.wel-case .flex-viewport { overflow: visible!important;}
.flex-direction-nav li{ list-style:none;}
.flex-direction-nav a{text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.wel-case-list .flex-direction-nav .flex-prev { left: 15px;}
.wel-case-list .flex-direction-nav .flex-next { right: 15px;}

.wel-case li{width: 280px;float:left;}
.wel-case li img{ width:100%;}
.wel-case .con{ bottom:0}
.wel-case .font{ margin-top:4px;}
.the-casee .font{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; font-size:15px;}

/*.banner-slide li{ background-size:cover; background-position:top center;}
.banner-slide{ height:300px;}*/

.float{position:fixed;right: 0;bottom: 80px;z-index:8;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.floatul{ margin:0; padding:0; position:absolute; right:0; bottom:-50%; visibility:hidden; opacity:0; -webkit-transition: 0.3s linear;transition: 0.3s linear; z-index:1}
.floatul.cur{opacity:1;visibility:visible;bottom: 44px;}
.floatul:before{content:"";width:1px;height:100%;left:50%;top: 10px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background:#cdcdcd;position:absolute;display: none;}
.floatul li{list-style:none;position:relative;border: 1px solid #e7e7e7;margin-top: -1px;}
.floatul li a{display:block;width: 43px;height: 43px;background-repeat:no-repeat;background-position: center center;font-size: 13px;color: #666;text-align:center;padding-top: 40px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:relative;z-index:3;background-color: #fff;line-height:100px;overflow:hidden;}
.floatul li:hover a{color: #1d8dcf;}
.floatul li:nth-of-type(1) a{ background-image:url(../images/a01.png);}
.floatul li:nth-of-type(2) a{background-image:url(../images/a02.png);}
.floatul li:nth-of-type(3) a{background-image:url(../images/a03.png);}
.floatul li:nth-of-type(4) a{background-image:url(../images/a04.png);}
.floatul li:nth-of-type(5) a{background-image:url(../images/a05.png);}
.floatul li:nth-of-type(1):hover a{ background-image:url(../images/a01hh.png);}
.floatul li:nth-of-type(2):hover a{ background-image:url(../images/a02hh.png);}
.floatul li:nth-of-type(3):hover a{ background-image:url(../images/a03hh.png);}
.floatul li:nth-of-type(4):hover a{ background-image:url(../images/a04hh.png);}
.floatul li:nth-of-type(5):hover a{ background-image:url(../images/a05hh.png);}
.floatul li:nth-of-type(5){ display:none;}
.codecode{position:absolute;height: 65px;width: 106px;background:#fff;border:1px solid #1d8dcf;top:0;right:0;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index: 1;border-right: none;}
.codecode img{display:block;width: 63px;}
.floatul li:nth-of-type(2):hover  .codecode{opacity:1;right: 30px;}
.see{width:45px;height:45px;background: #fff;text-align:center;line-height: 38px;font-size:40px;color: #666;position:relative;z-index:3;border: 1px solid #e7e7e7;}
.see span{ display:block; height:45px;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.see.cur span{ -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.subout ul{margin:0 -15px; position:relative}
.subout ul{ margin:0;}
.subout ul li:nth-of-type(1){ border-left:1px dotted #cfcece;}
.outbox{width: 100%; overflow: hidden;}
.subout li img{width: 65px;}
.wel-case{}
.changediv{display:table;width: 110px;height: 110px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;margin:0 auto;position:relative;}
.changediv i{border: 3px solid #b7b7b7;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;width:100%;height:100%;-webkit-transition: all .5s ease-in-out .0s;transition: all .5s ease-in-out .0s;-moz-transition: all .5s ease-in-out .0s;-ms-transition: all .5s ease-in-out .0s;-o-transition: all .5s ease-in-out .0s;position:absolute;left: 0;top: 0;}
.cl{clip: rect(0px,90px,180px,0px);}
.cr{clip: rect(0px,180px,180px,90px);}
.font24{ font-size:16px;}
.subout li h2{color:#333;text-align:center;padding-top: 10px;padding-bottom: 5px;}
.amask{ display:block; width:100%; height:100%; position:absolute; left:0; top:100%; overflow:hidden; text-align:left; opacity:0;}
.aimg img{ display:block; width:100% !important;}
.amasker{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(29,141,207,.9); z-index:1}
.acon{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);z-index:2;width: 92%;max-width:286px;margin:0 auto;padding-left: 57px;}
.acon h4{color:#fff;padding-bottom: 5px;}
.atxt p{ padding-left:17px; font-size:14px; color:#fff; position:relative; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.atxt p:before{ content:""; position:absolute; width:0; height:0;border-right:5px solid transparent; border-left:5px solid transparent;border-top:8px solid #fff; left:0; top:8px; -webkit-transform:rotate(-90deg) ;-moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg)}
.aicon{position:absolute;display:block;left:0;top: -9px;width: 44px;}
.aicon img{ display:block; width:100% !important}
.amore{ -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; border-radius:50px; border:1px solid #fff; color:#fff; text-align:center; height:30px; line-height:28px; width:110px; display:block; margin-top:10px;}
.atxt{ height:156px; overflow:hidden;}

.footfoat{ position:fixed; z-index:8; width:100%; left:0; bottom:0; display:none;}
.footbg{ background:rgba(0,0,0,.59); height:88px; position:absolute; left:0; bottom:0; width:100%; z-index:1}
.footfoat img{ display:block; float:left;}
.footfoat .commonweb{ z-index:3; position:relative}
.close{position:absolute;background:url(../images/close.png) no-repeat;width:24px;height: 24px;bottom: 76px;right:0;display: block; cursor:pointer; display:none;}
.footfotm{float:right;padding-top: 84px;}
body .footbt{float:right;font-size: 16px;color:#fff;background:#d91211;width:120px;height:40px;text-align:center;line-height:40px;cursor:pointer;}
.footmum,.footarea{float:right;margin-right: 10px;position:relative;padding: 0 !important;}
.footarea:before{ content:""; position:absolute;width:0; height:0;border-right:7px solid transparent; border-left:7px solid transparent;border-top:10px solid #a2a2a2; right:10px; top:15px;}
body .footin,.pick-show{height:40px;background:#fff;width: 190px !important;padding:0 5px;line-height: 40px;font-size:12px;}
.foottxt{float: left;}
.fon36{font-size:24px;line-height: 1.2em;}
.foottxt .fon36{color:#fff;float:left;padding-right:13px;line-height: 1.35em;}
.foottxt{color:#fff;font-size:14px;margin-top: 79px;padding-left: 2%;}
.foottxt p{float:left;padding-left:13px;border-left:1px solid #fff;font-size: 15px;}

.pick-show span{max-width:100px;padding: 0 3px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#333;cursor:pointer;display: inline-block;}
.pick-show span:hover{color: #999!important;border-radius:3px;}
.pick-show span.pressActive{background:#7894D4;/* color:#fff!important; */border-radius:3px;}
.pick-show em.pick-arrow{position:absolute;top:14px;right:8px;display: block;border:8px solid #999;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid transparent;display: none;}
.pick-show i{/* float:left; */display:inline-block;padding:0 3px;color:#333;font-style:normal;display: none;vertical-align: top;}

.pick-list{display:none;position:absolute;line-height:36px;margin:0;padding:0;background:#fff;z-index:999999999;overflow-y:auto;overflow-x:hidden;border:1px solid #dedede;left: 0;bottom: 40px;width: 100% !important;}
.pick-list li{margin:0;padding-left:8px;list-style: none;color:#888 !important;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pick-list li:hover{color: #d91211;font-weight:bold;}
.pick-show{ white-space:nowrap}

.pricebg{background-image:url(../images/pricebg.jpg);background-repeat:no-repeat;background-position:left bottom;background-size:cover;display:table;width:100%;padding: 30px 0;}
.fon30{ font-size:20px; line-height:1.2em;}
.getprice{ padding:0}
.getprice h2{ color:#333; padding-bottom:18px; text-align:left;}
.priceform{background:#fff;position:relative;-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.21);-moz-box-shadow:0 0 5px 1px rgba(0,0,0,.21);-ms-box-shadow:0 0 5px 1px rgba(0,0,0,.21);-o-box-shadow:0 0 5px 1px rgba(0,0,0,.21);box-shadow:0 0 5px 1px rgba(0,0,0,.21);padding-left: 20px;padding-right: 20px;}
.pricebg .table{float:right;width: 100%;max-width: 760px;}
.priceform h3{ color:#333; text-align:left; padding-top:25px;}
.tag{ margin:0 -3px; padding-top:20px;}
.tag span{ display:block; float:left; width:33.333%; max-width:119px; padding:0 3px; font-size:14px; color:#666;}
.tag span i{ display:block;-webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; border-radius:50px; border:1px solid #ddd; height:34px; line-height:32px; cursor:pointer}
.tag span i:hover,.tag span.cur i{ color:#fff; background:#0b81c7; border-color:#0b81c7}
.formul{ margin:0; padding:0; text-align:left;}
.formul li{ list-style:none; position:relative; font-size:14px; color:#666; margin-top:19px;}

.lleft{padding-bottom:5px;}
.thisarea,body .formin,.selectbox{display:block;height:45px;line-height:43px;border:1px solid #e7e7e7;position:relative;width: 100% !important;}
.thisarea .pick-show{width:100% !important;line-height: 42px;height: 43px;color:#666;padding: 0 10px;}
.formul .pick-list{ bottom:auto; top:45px;}
.formul .pick-list li{ margin:0}
.whitemask{ position:absolute; height:100%; width:100%; left:0; top:0; background:#fff;}


.formul li.theli{}
.selectt{ float:left; width:50%;}
.aswlect{display:block;width:100%;padding: 0 10px;height: 43px;font-size:14px;position: relative;z-index: 3;}
.selectbox:before,
.toselect:before{content:"";position:absolute;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #0b81c7;right:9px;top: 16px;z-index: 1;}
.theli .selectt:nth-of-type(1){ padding-right:4px;}
body .formin{ padding:0 10px;}
.noticee{ color:#999; padding-top:6px;}
.apply{position:relative;padding: 20px;}
.apply:before{content:"";height:1px;width:100%;left:0;top: 50%;z-index:1;background:#e0e0e0;position: absolute; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.btbox{position:relative;z-index:2;background:#fff;border: 1px solid #fff;border-left-color: #e0e0e0;border-right-color: #e0e0e0;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;width: 90px;height: 90px;margin:0 auto;padding: 9px; display:table}
.subbt{position:relative;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;height: 100%;background: #d91111; display:table-cell; vertical-align:middle; color:#fff; font-size:15px;}
.subbt input{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;cursor:  pointer;}
.subbt img{ width:25px; display:block; margin:0 auto;}

.priceresult{ background:#fff; width:100%; max-width:660px; float:right;-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.21);-moz-box-shadow:0 0 5px 1px rgba(0,0,0,.21);-ms-box-shadow:0 0 5px 1px rgba(0,0,0,.21);-o-box-shadow:0 0 5px 1px rgba(0,0,0,.21);box-shadow:0 0 5px 1px rgba(0,0,0,.21); min-height:307px; position:relative; padding:20px 15px; text-align:left; color:#666; font-size:15px;}
.pricecode{ border:1px solid #dbdbdb; width:193px; margin:0 auto 15px;}
.pricecode img{ display:block; width:191px;}
.pricetxt a{ color:#0b81c7;}

.message{ background:#e9e9e9; padding:40px 0}
.messbox{ background:#fff;;-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.21);-moz-box-shadow:0 0 5px 1px rgba(0,0,0,.21);-ms-box-shadow:0 0 5px 1px rgba(0,0,0,.21);-o-box-shadow:0 0 5px 1px rgba(0,0,0,.21);box-shadow:0 0 5px 1px rgba(0,0,0,.21); padding:20px}
.message img{ display:block; width:100%;}
.message .messul img#imgVerify {display:inline-block; width:auto !important; height:45px; position:absolute; right:0; bottom:0}
.mewright{ font-size:14px; color:#666;}
.message i{ color:#0b81c7;}
.messul{ margin:0; padding:0; font-size:15px; color:#666; max-width:610px;}
body .messin{ border:1px solid #dcdcdc; height:45px; line-height:43px; display:block; width:100%; padding:0 10px;font-size:15px; color:#666; max-width:385px;}
.messul li{ list-style:none; margin-top:18px; position:relative}
.messul span{ display:block; padding-bottom:5px;}
.messarea{ padding:8px 10px; height:200px; border:1px solid #dcdcdc; display:block; width:100%; font-size:15px; color:#666}
.btns{ padding-top:25px;}
.btns input{ display:block; float:left; font-size:15px; color:#fff; width:120px; height:40px; line-height:40px; text-align:center; background:#d91111; margin-right:20px; cursor:pointer}
.btns input.bt1{ background:#0b81c7;}
.index-out{ background:#fff;}

/*搜索结果页*/
.result{padding: 10px 0;background:#fff url(../images/re.jpg) top center no-repeat;}
.result span{font-size:20px;color: #0b81c7;display:block;line-height:46px;}
.result-in{float:left;height:46px;border:1px solid #ccc;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:13px 13px;font-size:15px;margin-right:13px;width: 69%;}
.result-bt{background: #0b81c7;color:#fff;width:75px;font-size:15px;text-align:center;line-height:46px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor: pointer;}
.the-result{ font-size:15px; color:#1a1a1a; padding-top:20px;}
.result-ul{ margin:0; padding:0}
.result-ul li{ border-bottom:1px solid #d0d0d0; line-height:22px; color:#333; position:relative; padding-top:25px; padding-bottom:25px; list-style:none;}
.result-ul li a{ display:block;}
.result-ul li h2{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:7px;color: #0b81c7;}
.result-ul li p,
.dytxt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.result-a{display:block;width:95px;height:30px;text-align:center;line-height:30px;border:1px solid #c3c3c3;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;margin-top:15px;color: #0b81c7;}
.result-ul li:hover .result-a{background: #0b81c7;color:#fff;}
.content ul{padding:0;margin:0;padding-top: 15px;}
.page{padding: 40px 0;}
.page a{font-size: 15px;color:#fff;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;display:block;width: 170px;height: 40px;line-height: 40px;text-align:center;background: #0b81c7 !important;margin:0 auto;}
.pagepc{text-align:center;padding-top: 35px;padding-bottom: 60px;display: block;}

.bannertxt{width:100%;max-width:1200px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:left;padding-left: 15px;padding-right: 15px;color: #fff;}
.bannertxt h2{}
.bannertxt h3{color:#000;padding-top: 7px;}
.linee{display:block;width:44px;height:3px;background:#0b81c7;margin-top:15px;display: none;}
.box{ background:#fff;}
.boxnav{border-bottom:10px solid #a5a5a5;position:relative;top: -30px;}
.boxtitle{background:#0b81c7;color:#fff;padding-top:20px;padding-bottom:20px;padding-left: 18%;}
.boxtitle h3{font-family: 'Ayumi Normal'; color:rgba(255,255,255,.42); margin-top:-3px; text-transform:uppercase}
.subboxt{ display: inline-block; text-align: left;}
.boxul{ margin:0; padding:0;}
.boxul li{ list-style:none;}
.boxul li a{ display:block; padding-left:18%; font-size:14px; color:#333; height:45px; line-height:45px; border:1px solid #e0e0e0; border-top:none; position:relative}
.boxul li:hover a,.boxul li.cur a{ color:#008ac8;}
.boxul li:hover a:before,.boxul li.cur a:before{ content:""; left:-1px; top:0; height:100%; width:5px; background:#008ac8; position:absolute}
.bread{border-bottom:1px solid #e0e0e0;padding-bottom: 12px;padding-top: 25px;}
.bread p{ float:right; font-size:12px; color:#666; padding-left:28px; background:url(../images/home.png) left center no-repeat;}
.bread p a{ color:#666;}
.bread p a:last-child{ color:#008ac8}
.bread h3{color:#333;margin-top: -7px;}
.activities dl{ padding:25px 0; border-bottom:1px solid #ddd;}
.activities a{ display:block; color:#666; font-size:13px;}
.activities dl h3{ color:#333; padding-bottom:7px; padding-top:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.themore{ display:block; border-radius:20px; color:#fff; background:#919191; width:100px; height:35px; text-align:center; line-height:35px; margin-top:12px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.activities dl:hover .themore{ background:#008ac8}
.activities dl p,
.newintro p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.detailtit{ padding-top:25px;}
.detailtit h2{ color:#333; text-align:center;}
.detailtit p{ font-size:14px; color:#8d8d8d; text-align:center; border-top:1px solid #dedede; padding-top:6px; margin-top:20px;}
.detailbox{ font-size:14px; color:#666;  padding-top:16px;}
.detailbox img,.thirdlast img{ max-width:100%; height:auto !important;}
.operation{ padding-top:30px; padding-bottom:50px;}
.back{display:block;color:#fff;background: #0b81c7 url(../images/ndetail02.png) 23px center no-repeat;width: 102px;height:32px;line-height:32px;padding-left: 40px;font-size:18px;margin-bottom:11px;}
.operation p a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #4c4c4c;font-size:14px;line-height:30px;}
.operation p a:hover{color: #0b81c7;}

.train{ padding:30px 0 0; margin:0 -9px;}
.train li{ list-style:none; padding-left:9px; padding-right:9px; padding-bottom:12px;}
.train li a{ display:block; font-size:14px; color:#666; text-align:center}
.train li a h3{ color:#333; padding:9px 0 2px;}

.salarybox{padding: 30px 0 50px;}
.salary{ background:#fcfcfc;max-width:684px; margin:0 auto;}
.salary h2{ color:#333;}
.salary-tab{ font-size:15px; padding-top:15px;color:#0b81c7; margin-left:-13px;}
.salary-tab span{padding:0 13px; color:#666; cursor:pointer}
.salary-tab span.cur{ color:#0b81c7;}
.salaryul{ margin:0; padding:0}
.salaryul li{ list-style:none; position:relative; font-size:14px; color:#666; margin-top:19px;}
.salaryul li span{ display:block;}
.toselect,body .salaryin{ width:100%; background:#fff; border:1px solid #dcdcdc; position:relative; height:45px; line-height:43px;}
.toselect select{ display:block; width:100%; line-height:43px; padding:0 10px;}
body .salaryin{ padding:0 10px;}
.salaryform form{ display:none;}
.salaryform form:nth-of-type(1){ display:block}
.thirdnav{ text-align:center; font-size:0; padding-top:35px;}
.thirdnav a{ display:inline-block; font-size:13px; color:#333; margin-left:-1px; border:1px solid #d8d8d8;  width:33.33%; max-width:141px; height:41px; line-height:39px; background:#fff;}
.thirdnav a:hover,.thirdnav a.cur{ color:#0b81c7;}
.thirdcon{ padding:35px 0 50px;}
.third-dl h2{ color:#333; padding-bottom:5px;}
.third-dl{ color:#666; position:relative}
.third-dl .td{ text-align:left;}
.third-dl dd p{text-indent:2em;font-size: 14px;}
.thirdlist{ padding-top:20px; color:#666}
.thirdlast{ text-align:center; padding-top:50px;}
.subthird{position:relative;margin-top:65px;padding-left: 50px;}
.thethird{ border:1px solid #dbdbdb; color:#666; font-size:14px; padding-top:15px; padding-bottom:15px; }
.ttul{margin:0;padding:0;padding-left: 75px;}
.ttul li{padding-left:20px;list-style:none;position:relative;width: 50%;float:left;padding-top: 5px;padding-bottom: 5px;padding-right: 5px;line-height: 1.2em;}
.ttul li:before{content:"";left:0;top: 9px;width:0;height:0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 8px solid #999; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);transform: rotate(90deg);position: absolute;}
.thleft,.thright{color:#fff;font-size:15px;background-size:100% 100%;background-repeat:no-repeat;background-position:left top;position:absolute;height: 120%;}
.thleft{left:0;bottom:0;width: 130px;}
.thleft .td,.thright .td{padding:0;font-size: 15px;line-height: 1.3em;}
.thright{right:0;bottom: 0;display:none;}
.thright .td{padding-left:40%;padding-top: 14%;}
.thleft .td{padding-right:8%;padding-top: 17%;}
.another .thethird{ width:100%; height:92px; display:table;}
.another .ttul{display: table-cell;vertical-align:middle;}
.another .ttul p{ padding-right:15px;}
.another h4{ border-top:1px solid #ddd; margin-top:15px; padding-top:23px;}

.caseh3{color:#333;text-align:center;padding: 20px 0;}
.didl{ background:#f4f4f4}
.didl dd{ padding-top:10px; padding-bottom:10px;}
.solutions{ border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; margin-top:35px; padding-bottom:35px;}
.diul{ margin:0; padding:0;display: inline-flex; display: -ms-inline-flex; display: -webkit-inline-flex;}
.diul li{float:left;margin-right: 15px;width: 140px;padding-top:24px;list-style:none;}
.dibox{width:100%;overflow-x: scroll;overflow-y: hidden;}
.didiv{position:relative;border:1px solid #dbdbdb;/* text-align:justify; */color:#666;font-size:14px;padding-top: 30px;padding-left: 10px;padding-right: 10px;height: 180px;}
.dinum,.ddnum{ display:block; width:48px; height:48px; position:absolute; left:50%; margin-left:-24px; top:-24px; color:#fff; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; font-size:24px;font-family: 'AvangardNormal'; text-align:center; line-height:48px;}
.iconn{ position:absolute; background:url(../images/di3.jpg) no-repeat; width:10px; height:9px; right:-1px; bottom:-2px}
.dddl{ font-size:14px; color:#666; border-bottom:1px solid #e3e3e3; padding-bottom:30px; padding-top:35px;}
.dddl h3{ color:#333; padding-top:15px;}
.ddddiv{ position:relative; padding-left:50px; padding-top:15px; padding-bottom:15px; border-bottom:1px solid #e3e3e3; min-height:70px}
.ddnum{ width:35px; height:35px; position:absolute; left:0; top:18px; margin-left:0; line-height:35px;}
.dddl3 dd .ddddiv{ line-height:35px;}
.diul4{ font-size:0; text-align:center; display:block; margin:0 -5px;}
.diul4 li{width:33.333%;max-width: 193px;float:none;display:inline-block;margin-right:0;padding-left:5px;padding-right:5px;}
.diul4 .didiv{ height:85px; padding-top:37px;}
.diul5 .didiv{ height:153px; padding-top:43px;}

.about{ padding-top:25px; color:#666; padding-bottom:50px;}
.about h2{ color:#333; padding-bottom:16px;}
.about .td{ text-align:left;}
.about img{ max-width:100%; height:auto !important}
.aboutdl{ background:#f5f5f5; position:relative}
.aboutdl dd{ padding-top:15px; padding-bottom:20px; padding-left:15px; padding-right:15px;}

.culture{ padding-top:35px; padding-bottom:50px;}
.culr h2{ color:#333;}
.culbox{ -webkit-border-radius:10px 0 0 0; -moz-border-radius:10px 0 0 0; -ms-border-radius:10px 0 0 0; border-radius:10px 0 0 0; padding-left:114px; font-size:16px; color:#666; position:relative; padding-top:20px; padding-bottom:20px; min-height:92px; margin-top:18px;}
.subcul{-webkit-border-radius:10px 0 0 10px;-ms-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;color:#fff;width:107px;height:100%;position:absolute;left:0;top:-1px;padding-right: 18px;}
.sanjiao{width: 0;height: 0;border-bottom: 112px solid #fff;border-left: 46px solid transparent;position:absolute;right:0;top:0;}
.subcul .td{padding:0; font-size:24px;}
.honor{width:100%;overflow:hidden;padding-top: 25px;}
.honor ul{ padding:0; margin:0; font-size:0;}
.honor li{ list-style:none; float:none;}
.honortop li{ position:relative; display:inline-block; vertical-align:top; padding-left:20px; font-size:14px; color:#666}
.honortop li:before{content:"";position:absolute;left:0;top: 7px;width: 0;height: 0;border-top: 5px solid transparent;border-left: 8px solid #0b81c7;border-bottom: 5px solid transparent;}
.honorlist .imgbox{ border:1px solid #dcdcdc; margin-bottom:13px;}
.honorlist ul{ margin:0 -5px;}
.honorlist li{display:inline-block;vertical-align:top;font-size: 14px;line-height:18px;color:#666;text-align:center;padding-left:5px;padding-right:5px;padding-bottom:12px;}
.honor .honortop{ padding-bottom:35px;}
.honor .honorlist{ background:url(../images/honorbg.jpg) right bottom no-repeat; background-size:cover; padding-bottom:45px;}
.honor .pagepc,.honor .page{ padding-top:0}
.parttxt{ font-size:16px; color:#333; text-indent:2em; padding-top:40px;}
.part{ width:100%; overflow:hidden;}
.allpart{ padding:0; margin:0; padding-top:35px; padding-bottom:50px;}
.allpart li{ list-style:none; margin-left:-1px; margin-top:-1px; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; color:#666; padding-top:15px; padding-right:0; padding-bottom:20px;}
.allpart h3{ color:#333; position:relative; padding-left:20px; padding-bottom:8px;}
.allpart h3:before{content:"";position:absolute;left:0;top: 7px;width: 0;height: 0;border-top: 5px solid transparent;border-left: 7px solid #0b81c7;border-bottom: 5px solid transparent;}
.allpart li:nth-of-type(1){ border-top:none}
.headtxt{ color:#333; padding-bottom:13px; padding-top:25px;}
.allpart li a{ color:#666}
.headadd,.headphone{ color:#666; font-size:16px; background-position:left 5px; background-repeat:no-repeat; padding-left:35px; padding-top:6px; padding-bottom:6px;}
.headadd{ background-image:url(../images/con1.jpg);}
.headphone{ background-image:url(../images/con2.jpg);}
.headphone a{ color:#666}
.contact-name{ color:#666;}
.contact-map{ border-right:1px solid #c7c7c7;}
.headquarters{ width:100%; overflow:hidden;}
.sub-contact{ margin-top:20px;}
.headquarters{padding-bottom:50px;}
.contact-name .td{ text-align:left; font-size:14px;}
.allpart{ background:url(../images/contactbag.jpg) center bottom no-repeat; background-size:cover}

.imimim{ padding-top:30px; padding-bottom:40px;}
.improve{ background:url(../images/imporvebg.jpg) right top no-repeat; background-size:cover;  padding-top:28px; padding-bottom:50px; padding-left:20px; padding-right:20px;}
.imul{margin:0;padding:0;position:relative;max-width: 690px;text-align: justify; height:380px; overflow:hidden}
.imul li{list-style:none;font-size:14px;color:#666;padding-left: 95px;padding-top: 32px;}
.imulli{padding-top: 30px;position:relative;z-index:3;padding-left: 90px;list-style: none;}
.improbox{ position:relative}
.improbox:before{content:"";position:absolute;height:100%;width:1px;background: #086fb8;left:40px;top:0;box-sizing:border-box;}
.year{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;color:#fff;background: #086fb8;text-align:center;position:absolute;font-size:20px;width:80px;height:35px;line-height:35px;left:0;top: 27px;}
.year:after{content:"";display:none;height:1px;width: 22px;background: #0c7ab7;position:absolute;left: -21px;top:50%;}
.imul li em,.imul li i{ display:none}
.imtop,.imbottom{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;background-color:#888;background-repeat:no-repeat;background-position:center center;background-size:20px auto;width:40px;height:40px;margin-left: 19px;cursor: pointer;}
.imtop{ background-image:url(../images/im1.png);}
.imbottom{ background-image:url(../images/im2.png);}
.imtop:hover,.imbottom:hover{ background-color:#0b81c7}

.imul li:nth-child(8n) .year{ background:#8a8a8a !important}
.imul li:nth-child(8n) em{ background:#8a8a8a !important}
.imul li:nth-child(8n) i{ border-color:#8a8a8a !important}
.imul li:nth-child(8n-1) .year{ background:#d64543 !important}
.imul li:nth-child(8n-1) em{ background:#d64543 !important}
.imul li:nth-child(8n-1) i{ border-color:#d64543 !important}
.imul li:nth-child(8n-2) .year{ background:#43b2d6 !important}
.imul li:nth-child(8n-2) em{ background:#43b2d6 !important}
.imul li:nth-child(8n-2) i{ border-color:#43b2d6 !important}
.imul li:nth-child(8n-3) .year{ background:#777 !important}
.imul li:nth-child(8n-3) em{ background:#777 !important}
.imul li:nth-child(8n-3) i{ border-color:#777 !important}
.imul li:nth-child(8n-4) .year{ background:#e9a735 !important}
.imul li:nth-child(8n-4) em{ background:#e9a735 !important}
.imul li:nth-child(8n-4) i{ border-color:#e9a735 !important}
.imul li:nth-child(8n-5) .year{ background:#988a8a !important}
.imul li:nth-child(8n-5) em{ background:#988a8a !important}
.imul li:nth-child(8n-5) i{ border-color:#988a8a !important}
.imul li:nth-child(8n-6) .year{ background:#2b90b1 !important}
.imul li:nth-child(8n-6) em{ background:#2b90b1 !important}
.imul li:nth-child(8n-6) i{ border-color:#2b90b1 !important}
.imul li:nth-child(8n-7) .year{ background:#086fb8 !important}
.imul li:nth-child(8n-7) em{ background:#086fb8 !important}
.imul li:nth-child(8n-7) i{ border-color:#086fb8 !important}

.newbox a{ display:block; color:#666; font-size:15px;}
.newbox dl{ border-bottom:1px dashed #e1e4ec; padding:25px 0; position:relative}
.newintro h2{ font-size:20px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:9px 0}
.newintro p{ height:72px;}
.newdate span{display:block;font-size:18px;color:#898989;line-height: 1em; width:51px; float:right;}
.newdate em{font-size:14px;color:#898989;font-style:normal;display: block;margin-top: -2px; width:51px; text-align:left; float:right}
.newdate i{ display:block; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; background-color:#e9e9e9; background-position:center center; background-repeat:no-repeat; background-size:13px auto; width:36px; height:36px; background-image:url(../images/new1.png); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;margin-top: 11px;}
.newbox dl:hover i{ background-color:#0b81c7; background-image:url(../images/new2.png);}
.dynamic{ margin:0; padding:0;}
.dynamic li{ list-style:none; padding:22px 0; border-bottom:1px dashed #d3d3d3;}
.dynamic li a{ position:relative; display:block; color:#666; font-size:13px; padding-left:90px; line-height:22px;}
.dynamic li p{ height:48px;}
.date{border:1px solid #626262; position:absolute; text-align:center; left:0; top:0; width:75px; height:80px;font-family:Arial,Helvetica,sans-serif;}
.date b{font-size:35px; line-height:53px; color:#b2b2b2;}
.date span{ font-size:15px; line-height:25px; color:#fff; background:#626262; display:block;}
.dynamic li:hover h2, .dynamic li .date b{ color:#0b81c7;}
.dynamic li .date{ border-color:#0b81c7}
.dynamic li .date span{ background:#0b81c7}
.dytxt h2{ color:#333; padding:8px 0 2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.jobweb{ padding-top:20px; font-size:15px; color:#4c4c4c; position:relative}
.jobright a{ color:#0b81c7;}
.jobleft{ text-align:center; font-size:15px; color:#666; width:160px; margin:0 auto;}
.jobleft img{ display:block; width:160px;}
.jobright{ padding-top:15px; min-height:185px;}
.jobsearch{ background:#f8f8f8; padding:20px 15px; margin-top:12px; position:relative;}
.jobsearch span{ font-size:14px; color:#4c4c4c; position:absolute; left:15px; top:20px; display:block; height:35px; line-height:35px;}
.searchh{padding-left:80px;position:relative;padding-right: 75px; max-width:575px;}
body .jobin{ background:#fff; display:block; width:100%; height:35px; line-height:33px; font-size:15px; color:#333; border:1px solid #d9d9d9; padding:0 5px}
body .jonbt{ position:absolute; top:0; right:0; height:35px; color:#fff; padding:0 10px; cursor:pointer; font-size:14px; background:#d91111;}
.theselect{ position:relative; padding-left:80px; margin-top:23px;}
.theselect select{ display:block; height:35px; line-height:33px; border:1px solid #d9d9d9; width:100%; padding:0 10px; position:relative; z-index:2}
.theselect span{ position:absolute; left:0; top:0; height:35px; line-height:35px; font-size:15px; color:#4c4c4c;}
.theselect:before{content:"";background:url(../images/job2.png) no-repeat;width:17px;height:9px;right:10px;top:13px;z-index:1;display: block;position: absolute;}
.alljobs h2{ font-size:18px; color:#0b81c7; padding-top:26px; padding-bottom:12px;}
.jobbox{ overflow-x:scroll; overflow-y:hidden; width:100%; padding-bottom:10px; font-size:14px;}
.jobbox table{ min-width:540px; border-bottom:1px solid #ddd;}
.jobbox th{ color:#fff; text-align:center; font-weight:normal; background:#0b81c7; line-height:38px; border-right:1px solid #ddd;}
.jobbox th:last-child{ border:none}
.jobbox td{ text-align:center; border-right:1px solid #ddd; color:#4c4c4c; background:#f8f8f8; padding-top:8px; padding-bottom:8px;}
.jobbox td a{ color:#4c4c4c;}
.jobbox th.th1,.jobbox td.td1{text-align:left;padding-left: 4.6%;}
.jobbox tbody tr td:first-child{ border-left:1px solid #ddd;}
.jobbox tbody tr:nth-child(2n) td{ background:#fff;}
.jobbox td a.seemore:hover{ color:#0b81c7}
.jobtit{ color:#333; border-bottom:1px solid #d9d9d9; line-height:2.4em; padding-top:16px;}
.jobtxt{ color:#666}
.jobtxt h3{ font-size:16px; color:#333; font-weight:bold; padding-top:18px;}
.jobtxt p{/* text-indent:2em; */}
.joblast{ background:#f2f2f2; color:#666; padding:20px 15px; margin-top:19px; position:relative}
.jobbb{ padding-bottom:50px;}
.joblast a{ color:#666;}
.joblast .toget{ color:#fff; font-size:18px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; -ms-border-radius:50px; border-radius:50px; background:#d91111; width:128px; height:37px; line-height:37px; text-align:center; display:block; margin-top:10px;}
.jobform ul{ margin:0; padding:0}
.jobform li{list-style:none;font-size:15px;color:#4c4c4c;padding-top:20px;position: relative;}
.jobform li:nth-of-type(1){ color:#666;}
.jobform li span{ display:block; margin-bottom:3px;}
.jobform li i{ color:#0b81c7}
.jobform li em{ font-style:normal; color:#0b81c7; padding-right:6px;}
body .inputin{ display:block; width:100%; padding:0 10px; border:1px solid #dcdcdc; height:45px; line-height:43px; max-width:385px;}
.file{ float:left;}
.file a{ display:inline-block; color:#fff; text-align:center; height:32px; line-height:32px; background:#9b9b9b; position:relative; width:95px;}
body .filee{ opacity:0; position:absolute; left:0; top:0; width:100%; height:100%;}
.txtx{ display:inline-block; color:#9b9b9b; padding-left:10px;}
.txtx1{ display:block; padding-left:0; margin-top:5px;}
.sexx{float:left;padding-left:20px;padding-right:6px;position:relative;cursor: pointer;}
.sexx:before{ content:""; position:absolute; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; width:15px; height:15px; display:block; box-sizing:border-box; border:1px solid #cbcbcb; left:0; top:5px;}
.sexx:after{content:"";position:absolute;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;width: 7px;height: 7px;background:#0b81c7;left: 4px;top: 9px; display:none;}
.sexx.cur:before{ border-color:#0b81c7}
.sexx.cur:after{ display:block;}
.jobform{ padding-bottom:50px;}




.qucikbox{width: 100%;}
.qucikbox ul{ margin:0; padding:0}
.qucikbox ul li{ width:270px;}
.quicktxt p{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px;}
.the-casee{ overflow:hidden; width:100%;}
.the-casee .con{/* padding:15px; */}
.the-casee .more{ display:none}
.wel-case .commonweb{ padding:0}

.cull{ display:none;}
.changediv p{ white-space:nowrap; font-size:0}
.changediv p img{ display:inline-block}
.inghovv{width: 65px;overflow:hidden;margin:0 auto;}

.insidenav {background:#fff;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);-o-box-shadow:0 1px 10px rgba(0,0,0,.1);-ms-box-shadow:0 1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);box-shadow:0 1px 10px rgba(0,0,0,.1);line-height: 43px;position:relative;}
.insidenav a{display:block;padding-left: 30px;border-bottom:1px solid #ddd;background:#fff;color: #666;}
.insidenav p{position:absolute;width:100%;left:0;top: 44px;z-index:7;display:none;}
.insidenav span em{background: url(../images/img15.png) right center no-repeat;display:block;background-size: 16px auto;width:16px;height:39px;right:10px;top: 3px;position:absolute;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.insidenav span.cur em{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.insidenav span{display:block;padding: 0 15px;font-size: 15px;}

.fon40{font-size: 25px;line-height: 1.3em;}
.bannertxt p{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.5px;line-height: 1.1em;margin-top: 5px;}


@media (max-width: 320px){
	.logo img{ height:25px;}
	.btns input{ margin-right:10px; width:110px;}
	.culr .culbox:nth-of-type(1) .sanjiao{border-bottom: 136px solid #fff;}
}

@media (min-width: 420px){
	.prev, .next{margin-top: 58px;}


}

@media (min-width: 480px){
	.train li{ width:50%;}
}

@media (min-width: 767px){

	.subout ul{-webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);}

	.floatul{position:relative; bottom:auto !important; right:auto; opacity:1 !important; visibility:visible !important;}
	.floatul:before{ top:0;}
	.float{ bottom:145px;}
	.see{ display:none;}
	.logo img{ height:37px;}
	.menu{top:15px;}
	.banner-slide .flex-control-nav{bottom: 11px;}

	.prev, .next{margin-top: 63px;}
	.media li{ padding:0 7px;}


	/*.banner-slide{ height:400px;}*/
	.outbox{ overflow:hidden;}
	.subout ul{ display:block;}

	.outimg{ width:100px; height:100px;}
	.subout li img{ width:50px;}
	.subout li{width:33.333%;height: 265px;}

	.changediv{ width:130px; height:130px;}
	.subout li img{ width:80px;}

	.getprice{ margin:0 auto;}
	.priceform{width: 100%;padding-left:30px;padding-right: 0;max-width: 760px;padding-bottom: 15px;}
	.tag span{ font-size:16px;}
	.formul li{ padding-left:98px;}
	.lleft{ position:absolute; height:45px; line-height:45px; width:98px; left:0; top:0; padding-right:5px; text-align:right;font-size:16px;}
	.formul{ width:505px;}
	.formul li.theli{ padding-left:0}
	.selectt{padding-left: 98px;position:relative;}
	.theli .selectt:nth-of-type(2){ padding-left:102px;}
	.theli .selectt:nth-of-type(2) .lleft{ width:102px;}
	.apply{position:absolute;right:45px;top:0;width:136px;height: 100%;}
	.apply:before{height:100%;width:1px;left:50%;top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
	.btbox{ position:absolute; height:136px; width:136px; padding:13px; left:0; top:50%; margin-top:-68px;}
	.subbt{ font-size:20px;}
	.btbox img{ width:29px; margin-bottom:4px}
	.btbox{border-left-color:#fff;border-right-color:#fff;border-bottom-color:#e0e0e0; border-top-color:#e0e0e0;}
	.priceresult{ padding-left:268px; padding-top:50px; font-size:18px; line-height:30px;}
	.pricecode{ position:absolute; left:40px; top:50px;}
	.pricetxt a{ font-size:30px;}
	.pricetxt{ padding-top:9px;}
	.mesleft{float:left;width: 37.4%;}
	.mewright{float:right;width: 62.6%;padding-left:20px;}
	.messul li{ padding-left:98px; padding-right:6px;}
	.messul li span{ height:45px; line-height:45px; width:98px; text-align:right; left:0; top:0; position:absolute;}
	.btns{ padding-left:98px;}
	.btns input{ margin-right:25px;}

	/*搜索结果*/
	.result-in{ float:left; height:46px; border:1px solid #ccc;}
	.result-bt{width:111px; text-align:center; }

	.boxnav{ width:24%; float:left;}
	.boxcontent{ width:76%; float:right; padding-left:20px;}
	.activities dt{ float:left; width:32.9%;}
	.activities dd{ float:left; width:67.1%; padding-left:20px;}
	.activities dl h3{ padding-top:0; padding-bottom:0}

	.salary{padding-bottom:55px;border:1px solid #e6e6e6;padding-left: 35px;padding-top:30px;}
	.salaryul li{ padding-left:84px;}
	.salaryul li span{position:absolute;left:0;top:0;height:45px;line-height:45px;width:84px;text-align: right;padding-right: 13px;}
	.salary .btns{ padding-left:84px;}
	.salaryform{ width:100%; max-width:470px;}

	.thirdnav a{ font-size:14px;}
	.third-dl .td{ padding:0}
	.third-dl dt{ float:left; width:38.9%;}
	.third-dl dd{float:left;width:61.1%;padding-left:20px;padding-right: 20px;text-align: justify;}

	.ttul li{ width:50%;}
	.subthird{padding-left: 8.7%;padding-right: 4.5%;}
	.ttul{padding-left: 13%;padding-right: 5%;}
	.thleft{width:120px;}
	.thright{ width:90px; display:block}
	.thleft .td,.thright .td{ font-size:14px;}
	.another h4{ padding-bottom:10px;}

	.didl dt{ width:40.4%; position:relative; overflow:hidden;}
	.didl dt img{ height:100%; width:auto;}
	.didl dd{ width:59.6%}
	.diul{ margin:0 -8px; display:block}
	.dibox{ overflow:hidden;}
	.diul li{margin-right:0; padding-left:8px; padding-right:8px; width:25%}
	.didiv{height:180px;padding-left: 10px;padding-right: 10px;}
	.diul2 li{ width:33.333%}
	.dddl dt{ float:right; width:46%;}
	.dddl dd{ float:left; width:54%; padding-right:30px;}

	.allpart li{ min-height:145px; padding-bottom:0}
	.allpart li:nth-child(2n){ padding-left:20px;}
	.allpart li:nth-of-type(2){ border-top:none}

	.newbox dt{ float:left; width:32.8%;}
	.newintro{ float:left; width:67.2%; padding-left:15px;}

	.jobweb{ padding-left:180px;}
	.jobleft{ position:absolute; left:0; top:20px;}
	.jobright{ padding-top:0;}

	.jobsearch{ padding:25px 22px; margin-top:15px;}
	.searchh{ padding-left:95px; padding-right:107px;}
	body .jobin{ padding:0 10px;}
	.jobsearch span,body .jonbt{font-size: 16px;}
	.jobsearch span{ top:25px; left:22px;}
	body .jonbt{ width:108px; text-align:center;}
	.theselect{ width:50%; max-width:310px; float:left; padding-right:25px;}
	.theselect:before{ right:35px;}
	.imimim{ padding-top:0; padding-bottom:40px;}
	.imimim .improve{ margin-top:30px;}

	.jobform li{ padding-left:100px;}
	.jobform li span{position:absolute;left:0;top:20px;height:45px;line-height:45px;text-align: right; width:95px;}
	.jobform li:nth-of-type(1) span,.jobform li:nth-of-type(3) span{ line-height:24px;}
	.jobform li:last-child span{ line-height:32px;}

	.qucikbox{ overflow:hidden;}
	.qucikbox ul{ display:block;}
	.qucikbox ul li{ width:33.333%;}

	.the-casee{ padding-right:60px;}


	.cl{clip: rect(0px,65px,130px,0px);}
	.cr{clip: rect(0px,130px,130px,65px);}
	.subout li:hover .cl{clip: rect(130px,65px,2000px,0px);}
	.subout li:hover .cr{clip: rect(0px,130px,-10px,65px);}
	.subout li:hover .amask{ opacity:1; top:0;-webkit-transition: all .5s ease-in-out .3s; transition: all .5s ease-in-out .3s; -moz-transition: all .5s ease-in-out .3s; -ms-transition: all .5s ease-in-out .3s; -o-transition: all .5s ease-in-out .3s;}
	.inghovv{ width:80px;}
	.subout li:hover .inghovv p{ -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition: all .4s ease-in-out .2s;transition: all .4s ease-in-out .2s; -moz-transition: all .5s ease-in-out .2s; -ms-transition: all .5s ease-in-out .2s; -o-transition: all .5s ease-in-out .2s;}

	.bannertxt{ margin-top:-9px;}
	.tab-out a{ font-size:18px;}
}


@media (min-width: 991px){
	.logo{padding: 20px 0 0;}
	.logo img{ height:40px;}
	.navul li{padding-left: 20px;}
	body{ padding-top:0}
	.head{ position:static;}

	/*foot*/
	.foot{padding-top: 22px;}
	.foot-link{float:left;width: 18.5%;border-right:1px solid rgba(227,227,227,.04);border-bottom:none;height: 240px;overflow:visible;}
	.sub-foot{padding-bottom: 25px;overflow:hidden;float: left;width: 100%;}
	.sub-foot dt{font-size: 16px;line-height:24px;margin-bottom: 9px;padding-top: 9px;}

	.sub-foot dd a:hover{color: #fff;}
	.sub-foot dt:after{ display:none;}
	.sub-foot dd{ visibility:visible; z-index:1; top:0; position:static; padding-bottom:0;-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;transform: none;}
	.sub-foot dl{ position:relative; left:50%; -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); float:left;border-bottom:none}
	.foot .commonweb{ position:relative; padding-right:11%;}
	.footcode{position:absolute;right:15px;top: 7px;margin:0;}
	.foot .foot-link:nth-of-type(1) dl{ -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; left:0;}
	.foot .foot-link:nth-of-type(1){width: 12%;}
	#share{ float:right;}
	.sharebox{ margin-top:40px;}

	.indextitle{ font-size:18px;}
	.indextitle h2{ font-size:30px;}
	.tab-out{ padding-top:31px;}
	.subout li h3{ font-size:18px;}
	.qucikbox{ padding-top:30px;}
	.qucikbox ul{ margin:0 -15px;}
	.qucikbox ul li{ padding-left:15px ; padding-right:15px;}
	.prev, .next{margin-top: 56px; width:41px; height:41px;}

	.index-media .indextitle{ padding-bottom:30px;}
	.wel-case .tit{ font-size:20px; padding-bottom:5px;}


	.changediv{ width:150px; height:150px;}
	.subout li img{ width:95px;}
	.subout li{height: 300px;}

	.acon{ padding-left:70px;}
	.fon36{ font-size:30px;}
	.getprice{margin:0;}

	/*搜索结果*/
	.result{padding: 58px 0 22px;}
	.result span{ font-size:30px; line-height:46px; float:left;}
	.result-in{ float:left; height:46px; border:1px solid #ccc; -moz-border-radius:4px;width:480px; margin-left:32px; margin-right:13px;}
	.result-bt{font-size:20px;}
	.the-result{ font-size:18px;}
	.result-ul li { padding-right:118px;}
	.result-ul li h2{ font-size:18px; }
	.result-a{ position:absolute; right:0; top:50%; margin-top:-15px;}

	.font24{ font-size:20px;}
	.boxul li a{ font-size:16px; height:55px; line-height:55px;}
	.boxul li:hover a:before,.boxul li.cur a:before{ width:7px;}

	.bread p{ padding-left:34px;}
	.bread p{ font-size:14px;}
	.activities a{ font-size:14px;}
	.activities dl h3{ padding-top:5px; padding-bottom:8px}
	.train li{ width:33.3333%;}
	.salary{ padding-left:88px;}
	.thirdnav a{ font-size:16px;}
	.third-dl dd{ position:absolute; right:0; top:0; height:100%;}

	.ttul li{ width:33.333%;}

	.thleft{width: 135px;height: 130%;}
	.thright{width: 100px;height: 120%;}

	.didiv{height:170px;/* padding-left: 10px; *//* padding-right: 10px; */}
	.diul3 li{ width:20%;}

	.diul4{ margin:0 -20px; }
	.diul4 li{ padding-left:20px; padding-right:20px;}
	.diul5 .didiv{ padding-left:30px; padding-right:30px; padding-top:55px;}
	.dddl4 .ddddiv:nth-of-type(1),.dddl4 .ddddiv:nth-of-type(3){ line-height:35px;}

	.aboutdl dt{ float:left; width:49%;}
	.aboutdl dd{ float:left; width:51%;}
	.aboutdl{ line-height:30px;}
	.aboutdl dd{ padding-bottom:0; padding-top:5px;}

	.cull{ float:left; width:36%; display:block}
	.culr{ float:left; width:63%; padding-left:34px;}
	.honortop li{ font-size:16px;}
	.allpart li{ font-size:15px;}
	.allpart li:nth-child(2n){ padding-left:30px;}

	.improve{ padding-left:44px; padding-right:44px;}
	.imul li{ padding-left:140px; margin-top:20px;}
	.imul li em{position:absolute;width: 45px;height:1px;left:80px;top:44px;background:#086fb8; display:block}
	.imul li i{border:1px solid #086fb8;box-sizing:border-box;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;position:absolute;width:11px;height:11px;left: 124px;top: 39px; display:block}
	.imul li:nth-of-type(1){ margin-top:0}

	.newintro{position:absolute; right:10.4%; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:56.8%; padding-right:15px;}
	.newdate{ position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:10.4%; border-left:1px solid #e1e4ec;}
	.newdate i{ float:right; margin-right:15px;}

	.dynamic li a{ font-size:15px; padding-left:117px; height:94px; line-height:24px;}
	.date{ width:90px; height:94px;}
	.date b{ display:block; font-size:45px; line-height:63px;}
	.date span{ font-size:18px; line-height:30px;}
	.dytxt h2{ padding:9px 0;}
	.jobright{ padding-top:15px;}

	.jobbox{ overflow:hidden; font-size:15px;}
	.jobbox table{ width:100%;}
	.joblast{ padding:20px 24px; padding-right:175px;}
	.joblast .toget{ position:absolute; right:30px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); margin:0}

	.txtx1{ display:inline-block; padding-left:34px;}

	.wel-case-list ul{display: inline-flex; display: -ms-inline-flex; display: -webkit-inline-flex; margin:0 -15px; position:relative}
	.wel-case-list {width: 100%; overflow-x: scroll; overflow-y: hidden;}


	.cl{clip: rect(0px,75px,150px,0px);}
	.cr{clip: rect(0px,150px,150px,75px);}
	.subout li:hover .cl{clip: rect(150px,75px,2000px,0px);}
	.subout li:hover .cr{clip: rect(0px,150px,-10px,75px);}

	.honorlist ul{ margin:0 -12px;}
	.honorlist ul li{ padding-left:12px; padding-right:12px;}
	.inghovv{ width:95px;}

	.fon40{ font-size:32px;}
	.navbg{position:absolute;left:0;top: 85px;width:100%;background:#8d8d8d;height:0;z-index: 8;transition: height .3s .2s;-webkit-transition: height .3s .2s;-ms-transition: height .3s .2s;opacity:.9;}
	.navbg.ac-hover{height: 50px; -webkit-transition: height .3s; -ms-transition: height .3s; transition: height .3s;}


	.float{ bottom:auto; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
	.floatul li a{width: 65px;height: 65px;line-height:24px;background-position: center 10px;}


	.subout li h2{ padding-top:20px; padding-bottom:10px;}

	.foottxt{ display:none;}

}

@media (min-width: 1200px){
	.logo img{height: 45px;}
	.navul li{padding-left: 30px;}

 	.foot-link{width: 202px;}
	.indextitle h2{ font-size:36px;}
	.indextitle{ padding-top:66px;}
	.outimg{ width:145px; height:145px;}
	.outbox{ padding-top:47px;}
	.td{ font-size:16px;}
	.out-hover h2{ font-size:22px;}
	.index-case .indextitle{ padding-bottom:52px;}
	.quicktxt h2{ font-size:24px;}
	.qucikbox{ padding-top:40px; padding-bottom:87px;}
	.prev, .next{margin-top: 82px;}
	.index-media{ padding-bottom:95px;}
	.foottxt{ display:block;}

	/*.banner-slide{ height:700px;}*/

	.wel-case .tit{ font-size:24px;}
	.wel-case .en{ font-size:18px;}
	.subout li img{ width:110px;}

	.wel-case .slides{ font-size:0; white-space:nowrap;}
	.wel-case .commonweb{ max-width:none}
	.wel-case  li img{ width:auto;}
	.wel-case li{ width:20%; display:inline-block; border-right:1px solid #fff; float:none;}
	.index-quick{ position:relative; top:-10px;}
	.wel-case .con {bottom: -72%;}
	.wel-case .font{ margin-top:38px;}

	.wel-case-list{ overflow:hidden;}
	.wel-case-list ul{ display:block;}

	.font24{ font-size:24px;}
	.subout li{ font-size:16px; padding-top:33px; height:374px;}
	.subout li h2{ padding-top:38px;}
	.changediv{ width:168px; height:168px;}
	.atxt p{ font-size:16px; line-height:26px;}
	.acon h4{ padding-bottom:15px;}
	.aicon{top: -15px;width:59px;}
	.amore{ width:139px; height:36px; line-height:34px; margin-top:20px;}
	.fon36{ font-size:36px;}
	.foottxt{ font-size:18px;}
	.foottxt .fon36{line-height:48px;font-size: 30px;}

	body .footbt{width: 100px;}
	body .footin,.pick-show{/* width:219px !important; */padding: 0 10px;font-size:14px;}

	.fon30{ font-size:30px;}
	.message{ padding:55px 0}
	.message .commonweb{ padding:20px 24px;}
	.mewright{padding-left: 28px;}
	.btns input{ width:138px; height:42px; line-height:42px; font-size:18px;}

	/*搜索结果*/
	.result-list{padding: 0 0 20px 0;}

	.bannertxt{ padding-left:0; padding-right:0}
	.box{ padding-left:25px; padding-right:25px}
	.boxnav{ top:-50px;}
	.boxtitle{ padding-top:36px; padding-bottom:36px;}
	.boxcontent{ padding-left:25px;}
	.bread{padding-top: 45px;padding-bottom: 16px;}
	.bread h3{margin-top: -9px;}
	.activities dl p{-webkit-line-clamp: 4;-ms-line-clamp: 4; height:96px;}
	.activities dd{ padding-left:23px;}
	.detailbox{ font-size:15px; line-height:30px;}
	.operation{padding-top: 39px;padding-bottom: 37px;}
	.train li a{ font-size:16px;}

	.salarybox{ padding:50px 0}
	.salary-tab{font-size:18px;padding-bottom: 4px;}
	.toselect:before{ right:18px;}
	.third-dl .td{ font-size:15px; line-height:30px;}
	.third-dl dd{padding-left:35px;padding-right: 35px;}
	.thethird{ font-size:15px;}
	.thleft .td,.thright .td{ font-size:18px;}
	.thleft{width:166px;height: 135px;}
	.thright{width:115px;height: 115px;}
	.diul{ margin:0 -10px; }
	.diul li{ padding-left:10px; padding-right:10px;}
	.didiv{font-size:16px;padding-top: 43px;}
	.third-dl dd p{font-size:16px;}
	.solutions{ padding-bottom:53px;}
	.dddl{ padding-bottom:75px; font-size:16px;}
	.dddl dd{ padding-right:55px;}
	.dddl h3{ padding-bottom:3px;}
	.dddl dd .ddddiv:nth-of-type(1){ line-height:35px;}
	.caseh3{ padding:24px 0 25px}
	.diul4{ margin:0 -20px; }
	.diul4 li{ padding-left:20px; padding-right:20px;}
	.diul5 .didiv{ padding-left:50px; padding-right:50px;}

	.about{ font-size:15px; padding-bottom:80px; line-height:30px;}
	.aboutdl dd{padding-left:30px;padding-right: 30px;position:absolute;right:0;top:0;height:100%;}
	.culture{ padding-top:50px; padding-bottom:80px;}

	.culr{ padding-top:25px;}
	.honor{ padding-top:38px;}
	.honor .honortop{ padding-bottom:54px;}
	.allpart li:nth-child(2n){ padding-left:45px;}
	.allpart{ padding-top:48px; padding-bottom:70px;}
	.allpart h3{ padding-bottom:14px;}
	.headadd,.headphone{ font-size:18px;}
	.headquarters{ padding-bottom:65px;}
	.sub-contact{ margin-top:26px; position:relative;}
	.contact-map{ float:left; width:513px; border:none}
	.contact-name{position:absolute;width: 315px;right:0;top:0;height:100%;}

	.imul li{padding-left: 186px;font-size:16px;padding-top: 31px;margin-top: 30px;}
	.improbox:before{left: 56px;}
	.year{font-size: 24px;width: 114px;}
	.year:after{left: -21px;}
	.imul li em{left: 114px;}
	.imul li i{content:"";left: 158px;}
	.improve{ padding-bottom:70px;}
	.imtop,.imbottom{margin-left: 30px;background-size:27px auto;width:53px;height:53px;}
	.imul{ height:962px;}

	.newintro{ padding-left:20px; padding-right:20px;}
	.jobright{ padding-top:25px;}
	.jobweb{ padding-left:195px;}
	.jobleft{ left:7px;}
	.jobtxt{ font-size:15px; line-height:30px;}
	.joblast{ font-size:15px;}
	.jobbb{ padding-bottom:80px;}
	.jobform{ padding-bottom:70px;}

	.cl{clip: rect(0px,84px,168px,0px);}
	.cr{clip: rect(0px,168px,168px,84px);}
	.subout li:hover .cl{clip: rect(168px,84px,2000px,0px);}
	.subout li:hover .cr{clip: rect(0px,168px,-10px,84px);}
	.inghovv{ width:110px;}

	.fon40{ font-size:40px;}
	.bannertxt{ margin-top:-21px;}

	.pcsec{ left:60px;}

}

@media (min-width: 1255px){
	.prev{ left:-55px;}
	.next{right:-55px;}
	.media{padding-top: 13px;}
	.close{ right:-44px;}
}

@media (min-width: 1600px){

	.navul li:nth-of-type(5) .pcsec{ left:60px; right:auto}
}

body .bd_weixin_popup{ width:270px !important; height:335px !important}

/*分页样式**/
.fenye{/* margin:70px 0 20px 0; */}
.fenye ul{text-align:center;white-space:nowrap;margin: 0;padding: 0;}
.fenye ul li{display:inline;  margin:0; padding:0;  }
.fenye ul li a{font-size:16px;display:table-cell;display:inline-block;padding:0;margin:0 3px;width:32px;height:32px;line-height: 27px;border-radius:16px;text-align:center;background:#fff;border: 1px solid #0b81c7;color: #0b81c7;}
.fenye ul li a.cur,.fenye ul li a:hover{color:#fff;border: 1px solid #0b81c7;background: #0b81c7;}

#alertdiv{ position: fixed;margin: auto;width: 100%;top: 40%;display: none;z-index: 2147483647; }
#alertdiv div{ background-color: #000;color: #FFF;padding: 20px 20px 20px 20px;min-width: 100px;opacity: 0.7;min-height: 25px;text-align: center;color:#fff;border-width: 1px;
  border-style: solid;-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;line-height: 150%;width: 60%;margin: auto;z-index: 2147483647;}
.errorLi { color:#f00;}

body #formup .messin{background:#fff;width: 100px;display: inline-block;vertical-align: top;height: 40px;}
.footfoat  #formup img{vertical-align:top !important;height: 40px;display: inline-block;float: none;width: 90px;}

body #formup .formul li:nth-of-type(5){ overflow:hidden; padding-right:116px;}
body #formup .formul li:nth-of-type(5) img{ position:absolute; right:0; bottom:0; height:45px;}
body #formup .formul li:nth-of-type(5) .messin{width:100% !important;max-width:none !important;height: 45px;}

@media (max-width: 1600px){
	#newBridge .icon-right-bottom{bottom:62px !important}
}
@media (max-width: 991px){
.footfoat{ display:none !important}
}