@charset "UTF-8";
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr {margin:0;padding:0;}
body,button,input,select,textarea{/*font:14px/1.5 'Microsoft YaHei',"\5fae\8f6f\96c5\9ed1",Arial;*/
    font: 14px/1.5 'Microsoft JhengHei','Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif,\5b8b\4f53;
    /*font-family: "Microsoft JhengHei", 微软雅黑, "PingFang SC", "Microsoft Yahei Light", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;*/
}

body{color:#222;}
select,input,button {vertical-align:middle;font-size:100%;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
html{overflow-y:scroll}
html { overflow-x: hidden; overflow-y: auto; }
ol,ul{list-style:none}
em{font-style:normal;}
ul,ol{border:0 none;list-style:none;}
img{margin:0; padding:0; border:0 none;}






button, input, select{vertical-align: middle;}
textarea{overflow: auto;vertical-align: top;outline:none;resize:none;}
button, input{line-height: normal; outline:none;}
button, html input[type=button], input[type=reset], input[type=submit]{-webkit-appearance: button;cursor: pointer; *overflow: visible;}
button[disabled], input[disabled]{cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner{border: 0;}
input[type=checkbox], input[type=radio]{box-sizing: border-box; *height: 13px; *width: 13px;}
input[type=search]{-webkit-appearance: textfield;box-sizing: content-box;}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance: none;}
input::-ms-clear{display:none;}
table{border-collapse:collapse;border-spacing: 0;}
th{text-align:inherit;}

.d-block{ display:block;}
.d-inline{ display:inline-block;*display: inline;*zoom: 1;}
.pr{ position:relative;}
.pa{ position:absolute;}
.text-l{text-align: left;}
.text-c{text-align: center;}
.text-r{text-align: right;}
.show{display: block;}
.none{display: none;}

.clear {clear:both;display:block;height:0;visibility:hidden;font:0/0 arial;}

.clearfix{display: block;}
/*.clearfix:before{content:"";display:table}
.clear{clear:both;overflow:hidden;}*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix {zoom: 1;}

/*
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom: 1; }
.clear { clear: both; line-height: 0; height: 0; font-size: 0; }
*/



.fl{float:left !important;}
.fr{float:right !important;}
.pos-rel{position: relative;}
.pos-abs{position: absolute;}

::-webkit-input-placeholder{color:#d9d9d9}
::-moz-placeholder{color:#d9d9d9}
:-moz-placeholder{color:#d9d9d9}
:-ms-input-placeholder{color:#d9d9d9}

.blue{color:#1989fa}
.blue:hover{color:#1486cd}
.green{color:#09c93f}
.green:hover{color:#1d800f}
.red{color:#d4042c}
.red2{color:#ff3c55;}
.red3{color:#dc1c1d;}


a{text-decoration:none;color:#333}
a:hover{color:#dc1c1d;text-decoration: none;}
a:focus{outline:0;text-decoration: none;}

.orange{color:#ffc700}
.yellow{color: #ff9329;}
.gray{color:#999}
.gray-da{color:#dadada;}
.gray-1{color: #828692;}
.hand{cursor: pointer}

.status-dot {width: 8px;height: 8px;display: inline-block;border-radius: 50%;}
.status-success,.status-dot-green,.status-dot-1,.status-dot-300 {background-color: #00a854;}
.status-dot-2,.status-dot-red,.status-dot-100{background-color: #f11;}
.status-green-5,.status-dot-yellow,.status-dot-200{background-color: #ffc700;}

.byellow{background:#ffffe6}
.bgreen{background:#E9F8E7}
.bblue{background:#f4fcff}
.border{border:1px solid #ddd}
.bold{font-weight: bold;}

.text-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.wd-150{max-width: 150px;}
.wd-120{max-width: 120px;}
.wd-100{max-width: 100px;overflow: hidden;}
.wd-90{max-width: 90px;overflow: hidden;}

.overflow{overflow: hidden;}

.cursor{cursor: pointer}

.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-50{margin-top: 50px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.ml-30{margin-left: 30px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}

.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pl-10{padding-left: 10px;}
.pl-15{padding-left: 15px;}
.pl-20{padding-left: 20px;}
.pr-5{padding-right: 5px;}
.pr-10{padding-right: 10px;}
.pr-15{padding-right: 15px;}
.pr-20{padding-right: 20px;}
.pd-5{padding: 5px;}
.pd-10{padding: 10px;}
.pd-15{padding: 15px;}
.pd-20{padding: 20px;}
.pd-tb-10{padding:10px 0;}
.pd-tb-15{padding:15px 0;}
.font-12{font-size: 12px;}
.font-14{font-size: 14px;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-22{font-size: 22px;}
.font-26{font-size: 26px;}
.font-30{font-size: 30px;}


.flex-align-center {display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;}
.align-items-center{align-items:center;}
.align-items-stretch{align-items:stretch;}
.align-items-baseline{align-items: baseline}
.align-flex-end{align-items: flex-end}
.space-between{justify-content:space-between;}
.flex-start{justify-content: flex-start}
.flex-end{justify-content: flex-end}
.justify-content-c{justify-content:center;}/*水平居中*/
.space-around{justify-content: space-around}
.flex,.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
.flex-column{flex-flow:column}
.flex-row{flex-flow:row}
.flex-wrap{flex-wrap: wrap}
.flex-nowrap{flex-wrap: nowrap}
.flex-auto{flex: auto;}




.table{border: 1px solid #dddddd;/*
border-radius: 5px;border-top-left-radius:5em;
    border-top-right-radius:5em;
    border-bottom-right-radius:5em;
    border-bottom-left-radius:5em;*/}
.table .thead-title th{padding: 15px 10px;border-bottom:1px solid #dddddd;font-size: 16px;font-weight: bold;}
.table .thead-light th {height:40px;color: #7085a1;font-weight: 600;background-color: #fafafa; border-bottom: none;}
.table .img{width:80px;max-height: 70px;border-radius: 5px;}
.table th, .table td { padding: 0.75rem;vertical-align: middle !important;}
.table span.num{font-size: 18px;}
.table.border-none{border:none;}

.full-img { width: 100%; display: block; }
.w87{width:87%;margin-right:auto;margin-left:auto;}
.w90{width:90%;margin-right:auto;margin-left:auto;}
.bg{background-color: #f5f5f5}

.commonweb { padding: 0px 15px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }



header { background-color: #fff; height: 60px; }
header .logo { width: 100px; overflow: hidden; display: inline-block; vertical-align: top; z-index: 21;}
header .logo a { display: block; padding: 10px 0; }
header .logo img { display: block; height: 40px; }
header .thumb { float: right; }

.header { width: 100%; height: 60px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 200; border-bottom: 1px solid #d9e1ea; }
.header-menu, .menu-drop, .header-hot-box, .header-hot-mask, .header-oval, .header-hot { display: none; }

nav { width: 100%; position: fixed; top: 60px; bottom: 0; left: 0; z-index: 200; background: url(../img/searchBg.jpg) 80% top no-repeat; -o-background-size: cover; background-size: cover; display: none; }
nav li { border-bottom: 1px solid #d9e1ea; }
nav .levelOne { position: relative; font-size: 16px; color: #252e38; padding: 14px 20px; display: block; }
nav .levelOne.has:after { content: ''; position: absolute; width: 12px; height: 12px; border: 1px solid #999; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 20px; top: 16px; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }
nav .levelOne.on:after { -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -o-transform: rotate(-225deg); transform: rotate(-225deg); top: 24px; }
nav .nav-drop { padding-bottom: 10px; display: none; }
nav .nav-drop i{font-style:normal;}
nav .nav-drop a { color: #76797d; display: block; padding: 5px 30px; }


.nav-btn { width: 26px; height: 19px; display: block; float: right; position: relative; margin: 20px 0; }
.nav-btn span { width: 100%; height: 3px; background-color: #05376c; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; display: block; }
.nav-btn span:first-child { position: absolute; top: 0; left: 0; }
.nav-btn span:nth-child(2) { width: 15px; margin-top: 8px; float: right; }
.nav-btn span:last-child { position: absolute; bottom: 0; left: 0; }
.nav-btn.on span:first-child { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 9px; }
.nav-btn.on span:nth-child(2) { opacity: 0; }
.nav-btn.on span:last-child { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 9px; }



.search { position: relative; padding: 17px 0; display: inline-block; vertical-align: top; margin-right: 20px; }
.search:after { content: ''; display: block; width: 1px; height: 12px; background-color: #dedee0; position: absolute; right: -10px; top: 50%; margin-top: -6px; }
.search-icon { width: 26px; height: 26px; display: block; background-image: url(../img/search.png); background-repeat: no-repeat; background-position: center; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; cursor: pointer; }
.search-icon.on { background-image: url(../img/searchac.png); }
.search-wrap { width: 100%; padding: 15px 10px; background: url(../img/searchBg.jpg) center top no-repeat; -o-background-size: cover; background-size: cover; position: fixed; left: 0; top: 60px; bottom: 0; z-index: 100; display: none; }
.search-wrap form { position: relative; padding-right: 60px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; font-size: 16px; }
.search-wrap input { height: 40px; line-height: 40px; font-size: 14px; display: block; }
.search-wrap input[type=text] { width: 100%; padding: 0 5px; background: none; color: #333; font-size: 16px; }
.search-wrap::-moz-placeholder { color: #4c4c4c; }
.search-wrap::-webkit-input-placeholder { color: #4c4c4c; }
.search-wrap::-ms-input-placeholder { color: #4c4c4c; }
.search-wrap input[type=submit] { width: 60px; text-align: center; position: absolute; right: 0; top: 0; z-index: 1; background: url(../img/searchBtn.png) center center no-repeat; color: #fff; }
.search-wrap .title { font-size: 24px; font-weight: bold; text-align: center; padding-bottom: 50px; color: #252e38; }
.search-container { width: 100%; padding-top: 20%; position: relative; }



.banner { position: relative; }
.banner li{overflow:hidden;}
.banner video{display:none; min-width:100%; min-height:100%; background-color:#000; position:absolute; left:50%; top:50%; z-index:30; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); }
.banner .dot { width: 100%; text-align: center; position: absolute; left: 0; bottom: 50px; z-index: 30; font-size: 0; }
.banner .dot span { width: 25px; height: 3px; -webkit-border-radius: 0; border-radius: 0; background-color: rgba(255, 255, 255, 0.7); margin: 0 3px; vertical-align: top; }
.banner .dot span.swiper-pagination-bullet-active { background-color: #eb9335; }

/*****************/
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: height, -o-transform; -moz-transition-property: transform, height, -moz-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform, -moz-transform, -o-transform; }

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -o-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; background: #000; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }

.animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; -moz-animation-duration: .75s; -o-animation-duration: .75s; animation-duration: .75s; }
/***************swiper end************/


.indexWrap { padding: 0 15px; max-width: 1720px; margin: 0 auto; }
.indexTitle { text-align: center; padding-top: 30px; padding-bottom: 20px; }
.indexTitle h4{ position:relative; margin-bottom:5px;}
.indexTitle .cn { font-size: 24px; color: #176bab; font-weight:bold; position:absolute; left:50%; top:50%; z-index:1; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);  }
.indexTitle .en { font-size: 36px; color: #edf2f5; font-weight:bold; display:block; font-family:"Montserrat"; line-height:1; }
.indexTitle h3 { font-size: 14px; color: #646363; }
.indexTitle h5 { font-size: 24px; color: #176bab; font-weight:bold;  text-align: center }


.introduction .title {
    line-height: 1.57894;
    color: #333;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.introduction .title:after {
    content: '';
    display: block;
    width: 1.6842em;
    height: 2px;
    background-color: #eb9335;
    margin: 25px auto;
}





/*********联系我们*******/


.lxwm{display: flex;flex-wrap: wrap}
.lxwm li{width: 24%; height: 175px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0.5%;
    box-sizing: border-box;
    padding: 30px;
    background: #f2f2f2;
    margin-bottom: 1.2%;
    transition: 0.3s ease-in-out;
}
.lxwm li i{font-size: 30px;}
.lxwm li h6.number {font-size: 22px;}
.lxwm li h6{font-size: 16px;}
.lxwm li .img{width: 25%}
.lxwm li .img img{width: 85%}
.lxwm li:hover {background:#176bab;}
.lxwm li:hover p {color:rgba(250,250,250,.8);}
.lxwm li:hover {color:white;}
.lxwm li:hover a{color:white;}
.lxwm li:hover strong{border-color: #fff;color: #fff;}
.lxwm li strong{width: 36px;height: 36px;line-height: 36px;font-size: 16px;border-radius: 50%;border:1px solid #176bab;color: #176bab}
@media only screen and (max-width: 740px) {

    .lxwm li {
        width: 48.6%;font-size: 18px;
    }
    .lxwm li h6.number{font-size: 16px}
}
#map{ height: 420px; }
.bd-cta{ padding: 65px 8.33% 80px 8.33%; }
.bd-list li{ float: left; width: 50%; margin-bottom: 30px; }
.bd-list .ma{ margin-left: 30px; border: 1px solid #ccc; border-top-width: 4px; -webkit-transition: 400ms; transition: 400ms; }
.bd-list{ margin-left: -30px; }
.bd-list .t{ padding: 30px 45px 0 45px; height: 195px; overflow: hidden; border-bottom: 1px solid #ccc; }
.bd-list .name{ margin-bottom: 15px; font-size: 20px; color: #df2128; }
.bd-btn a{ position: relative; float: left; width: 50%; height: 60px; overflow: hidden; line-height: 60px; color: #666; text-align: center; }
.bd-btn a:first-child:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: #ccc; }
.bd-btn i{ display: inline-block; vertical-align: middle; }
.bd-btn .b1 .dico{ width: 16px; height: 21px; background-position: -16px -116px; }
.bd-btn .b2 .dico{ width: 18px; height: 18px; background-position: -32px -116px; }
.bd-btn .dico{ margin-right: 10px; }
.bd-cta .bd-list{ margin-top: 70px; }
.cta-title .ti{ display: inline-block; vertical-align: bottom; padding: 15px 40px; background: #df2128; font-size: 24px; color: #fff; }
.cta-title .txx{ display: inline-block; vertical-align: bottom; margin-top: 40px; width: 800px; max-width: 100%; line-height: 2.1;  }
.cta-title .line{ display: inline-block; vertical-align: bottom; margin-top: 25px; width: 2px; height: 40px; background: #999; }
.cta2{ padding: 80px 0 25px 0; }


.cp-box{ padding: 40px 80px 80px 80px; min-height: 600px; border: 1px solid #e6e6e6; background: #fff; }
.cta2 .cp-box{ margin-top: 30px; }
.cp-box .ly-ab-ti{ padding-bottom: 15px; }
.cp-form{ line-height: 24px; }
.cp-form dd{ overflow: hidden; }
.cp-form textarea,
.cp-form input,
.cp-form label{ display: block; }
.cp-form textarea,
.cp-form .s-input{ padding: 5px 14px; background: #f9f9f9; border: 1px solid #eaeaea; line-height: 24px; -webkit-transition: 400ms; transition: 400ms; }
.cp-form .s-input{ width: 215px; }
.cp-form .cp1 .cp-c{ float: left; }
.cp-form .cp1 .cp-c + .cp-c{ margin-left: 50px; }
.cp-form textarea{ width: 808px; height: 144px; }
.cp-form .clearfix .s-input{ float: left; }
.cp-form .vimg{ margin-left: 15px; float: left; }
.cp-form .s-input:focus,
.cp-form textarea:focus{ background: #fff; border-color: #df2128; }
.cp-form dd + dd{ margin-top: 30px; }
.sub-btn{ width: 126px; height: 36px; background: #df2128;border: none; color: #fff; cursor: pointer; -webkit-transition: 400ms; transition: 400ms; }
.cp-intro{ padding-top: 30px; margin-top: 45px; line-height: 2; border-top: 1px solid #ccc; }
.cp-intro a{ color: #666; }
.cp-intro .ti{ font-size: 18px; color: #df2128; }



.web-lc{display: block;overflow: hidden;margin: 20px 0;}
.web-lc dd{ display: block;width: 60%;margin: 0 auto 20px;overflow: hidden;padding-bottom:20px;}
.web-lc dd h3{ display: block;overflow: hidden;margin-bottom: 5px;}
.web-lc dd h3 span{float:left; display: block;max-width: 10%;min-width:60px;height: 1px;background: #ccc;margin: 10px 0 0 0;}
.web-lc dd h3 strong{ display: block;float: left;font-weight: normal;font-size: 14px;letter-spacing: 2px;}
.web-lc dd h4{ float: left;width: 100%;display: block;letter-spacing: 2px;font-size: 20px;margin: 0 0 10px 0;}
.web-lc dd h5{ display: block;font-size: 16px;color: #999;letter-spacing: 2px;}


.web-lc .recuite-info{  display: block;width: 55%;margin: 0 auto;position: relative;padding-left: 5%;padding-bottom: 20px;}

.web-lc .recuite-top{display: block;overflow: hidden;cursor:pointer;  border-bottom: 1px solid #eee;padding: 0 0 20px;}
.web-lc .recuite-li{ display: none;    padding: 20px 0 50px 20%; }
.web-lc .recuite-li span{ display: block;font-size: 15px;letter-spacing: 2px;line-height: 30px; }
.web-lc .recuite-top .left-line{  height: 100%;  position: absolute;width: 60px;left: 0;top: 0;  }
.web-lc .recuite-top .fa{ display: block;width: 34px;height: 34px;background: #666666;border-radius: 50%;text-align: center;line-height: 34px;color: #fff;     z-index: 2;position: relative; font-size: 14px; }
.web-lc .recuite-top  p{     z-index: 1;height: 100%;background: #666666;width: 1px;position: absolute;top: 0;left: 17px;}

.web-lc .recuite-top .center-1{ float: left;width: 20%;display: block;margin-top:5px;font-size: 14px;letter-spacing: 0px;color: #666;font-family: font2018;}
.web-lc .recuite-top .center-2{ display: block;float: left;width: 70%;}
.web-lc .recuite-top .center-2 h3{display: block;overflow: hidden; margin-bottom: 0;}
.web-lc .recuite-top .center-2 h3 span{ float: left;width: 10%;height: 1px;display: block;background: #ccc;margin: 13px 0 0 0;}
.web-lc .recuite-top .center-2 h3 strong{ float: left;width: 88%;display: block;font-weight: normal;letter-spacing: 2px;font-size: 1.2rem;}
.web-lc .recuite-top .center-2 h4{ display: block;letter-spacing: 2px;color: #999;font-size: 14px;}
.web-lc .recuite-top .center-3{float: right;width: 10%; display: block;text-align: center;}

.web-lc .on .recuite-top .center-3 .fa{width: auto;height: auto;background:none;border: 0;border-radius: inherit;text-align: right;color: #999;}
.web-lc .on .recuite-top .center-3 .fa-long-arrow-up{ display: none;}
.web-lc .on .on .center-3 .fa-long-arrow-down{display: none;}
.web-lc .on .on .center-3 .fa-long-arrow-up{display: block;}
.web-lc .recuite-top:hover .center-1,.web-lc .recuite-top:hover .center-2 h3 strong,.web-lc .recuite-top:hover .center-3 .fa{ color:#176bab; }
.web-lc .recuite-top:hover .left-line .fa{background: #176bab;}

.web-lc .recuite-top .center-1{display: none;}
@media screen and (max-width: 740px){
.web-cb h4, .web-cb dl, .web-lc dd {width: 90%;}
.web-lc .recuite-info{width: 90%;}

.web-lc .recuite-top .center-2{width:82%; padding-left: 8%;}
.web-lc .recuite-top .center-2 h3 strong{font-size: 16px;}
.web-lc .recuite-top .center-2 h3 span{display: none;}
.web-lc{margin: 30px auto;}
}

@media (min-width: 768px) {
    .header .logo { width: auto; }
    .search-container { max-width: 710px; margin: 0 auto; position: static; }
    .search-close { right: 20px; top: 15px; }
    .search-wrap .title { font-size: 30px; }
    .quickSearch { position: relative; padding-right: 100px; }
    .quickSearch .change { position: absolute; right: 0; top: 6px; }

    .banner .dot { bottom: 55px; }
    .banner .dot span { width: 42px; }
    .indexWrap { padding: 0 30px; }
    .indexTitle .cn { font-size: 28px; }
    .indexTitle .en { font-size: 44px; }
    .indexTitle h3 { font-size: 16px; }
    .indexAbout-bd img { width: 100%; height: auto; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
    .inNews { padding-bottom: 50px; }
    .indexAbout-bd .has:after {
        -o-background-size: 115px;
        background-size: 115px;
    }

}

@media (min-width: 1260px) {
    .indexTitle { padding-top: 75px; padding-bottom: 55px; }
    .indexTitle h4{margin-bottom:0;}
    .indexTitle .cn { font-size: 42px; }
    .indexTitle .en { font-size: 80px; }

    .indexProduct-list .dot { display: none; }
    .indexIndustry-list .thumb { position: relative; }
    .indexIndustry-list .content { width: 60%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/indexBg01.png) left top no-repeat; -o-background-size: 100%; background-size: 100%; padding-right: 10%; padding-top: 30px; }
    .indexIndustry-list h2 { font-size: 30px; }
    .indexIndustry-list h3 { font-size: 20px; }
    .indexIndustry-list h3:after { margin-top: 15px; margin-bottom: 15px; }
    .indexIndustry-list .desc { font-size: 16px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
    .indexIndustry-list .more { min-width: 138px; line-height: 30px; font-size: 16px; padding-left: 10px; }
    .indexIndustry-list .more:after { width: 32px; right: 10px; }


    header { height: 90px; }
    .header { height: 90px; background-color: #fff; -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15); border-bottom: none; }
    .header .logo { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);  overflow: visible; }
    .header .logo a { padding: 10px 0 10px; }
    .header .logo img { height: 80px; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; }
    .header .logo:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
    .header .thumb { font-size: 0; position: relative; z-index: 20; }
    .header-oval { width: 420px; max-width: 420px; height: auto; position: absolute; left: 50%; top: 20px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; display: block; }
    .header-oval img { width: 100%; display: block; }
    .search-wrap { top: 90px; }
    .search-wrap .title { font-size: 48px; }
    .search-container { padding-top: 12%; }
    .header-wrap { max-width: 100%; height: 90px; background-color: #fff; padding: 0 3.125%; }
    .nav-btn { float: left; margin-top: 36px; }
    .nav-btn span:nth-child(2) { float: left; }
    .nav-btn.on:hover span:first-child { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
    .nav-btn.on:hover span:last-child { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
    .search { padding: 32px 0; margin-right: 40px; }
    .search:before { content: ''; display: block; width: 0; height: 2px; background-color: #176aaa; position: absolute; 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: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }
    .search:after { right: -20px; }
    .search:hover:before { width: 100%; }
    .language-icon { height: 90px; margin-right: 0; }
    .language-icon:after { display: none; }
    .language-icon:before { content: ''; display: block; width: 0; height: 2px; background-color: #176aaa; position: absolute; 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: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }
    .language-icon:hover:before { width: 100%; }
    .header-shop { width: 136px; height: 36px; line-height: 36px; color: #6a6974; font-size: 17px; padding-left: 50px; background: #fff url(../img/cart.png) 16px 7px no-repeat; display: inline-block; vertical-align: top; -webkit-border-radius: 20px; border-radius: 20px; position: relative; margin-top: 28px; margin-right: 40px; transition:ease 0.2s all; -webkit-transition:ease 0.2s all; -ms-transition:ease 0.2s all; -moz-transition:ease 0.2s all; -o-transition:ease 0.2s all; }
    .header-shop:hover{background-color:#fa9c38; background-image:url(../img/cartAc.png); color:#fff;}
    .header-shop:after { content: ''; display: block; width: 1px; height: 12px; background-color: #dedee0; position: absolute; right: -20px; top: 50%; margin-top: -6px; }
    .header-shop:before{content: ''; display: block; width:0; height: 2px; background-color: #176aaa; position: absolute; bottom: -26px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s;}
    .header-shop:hover:before{width:100%;}
    .header-hot { font-size: 17px; color: #6a6974; background: url(../img/hot.png) left center no-repeat; -o-background-size: 18px auto; background-size: 18px auto; line-height: 24px; padding: 33px 0 33px 28px; display: inline-block; vertical-align: top; position: relative; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; margin-right: 40px;  }
    .header-hot:before{content: ''; display: block; width: 0; height: 2px; background-color: #176aaa; position: absolute; 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: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s;}
    .header-hot:after { content: ''; display: block; width: 1px; height: 12px; background-color: #dedee0; position: absolute; right: -20px; top: 50%; margin-top: -6px; }
    .header-hot:hover {background-image: url(../img/hotHv.png);   }
    .header-hot:hover:before{width:100%;}
    .header-menu { float: left; display: block; position: relative; z-index: 20; }
    .header-menu ul { padding-left: 20px; }
    .header-menu li { float: left; margin: 0 8px; }
    .header-menu li > a { line-height: 90px; font-size: 18px; color: #2f3134; padding: 0 2px; position: relative; display: block; }
    .header-menu li > a:after { content: ''; display: block; width: 0; height: 2px; background-color: #176aaa; position: absolute; 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: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }
    .header-menu li.on > a, .header-menu li:hover > a { color: #176aaa; }
    .header-menu li.on > a:after, .header-menu li:hover > a:after { width: 100%; }
    .search-icon:hover { background-image: url(../img/searchac.png); }
    .language-icon:hover { background-image: url(../img/languageac-icon.png); }
    nav { top: 90px; }
    /*nav li:nth-child(n+5) { display: none; }*/
    nav ul { height: 100%; }
    nav li { width: 19.2%; float: left; height: 100%; text-align: center; border-right: 1px solid #d9e1ea; border-bottom: none; padding-top: 6.6%; opacity: 0; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); }
    nav li:nth-child(1) { -webkit-transition-delay: 0.15s; -moz-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; }
    nav li:nth-child(2) { -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; }
    nav li:nth-child(3) { -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; -o-transition-delay: 0.35s; transition-delay: 0.35s; }
    nav li:nth-child(4) { -webkit-transition-delay: 0.45s; -moz-transition-delay: 0.45s; -o-transition-delay: 0.45s; transition-delay: 0.45s; }
    nav .wow { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
    nav .levelOne { font-size: 28px; }
    nav .levelOne:after { display: none; }
    nav .levelOne:before { content: attr(data-num); display: block; color: #176bab; font-size: 80px; padding-bottom: 13px; opacity: 0.6; }
    nav .nav-drop { padding-top: 10px; display: block !important; }
    nav .nav-drop a { font-size: 18px; }
    nav .nav-drop a:hover { color: #333333; }
    nav .nav-drop a:hover span:after { width: 100%; height: 4px; }
    nav .nav-drop span { position: relative; }
    nav .nav-drop span:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #eb9335; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; z-index: 1; }
    nav .nav-drop i { font-style: normal; position: relative; z-index: 2; }
    .search-container { padding-top: 8.2%; }
    .quickSearch { padding-top: 30px; }
    .quickSearch .change { top: 17px; }
    .quickSearch a { margin: 0 12px; }
    .quickSearch a:hover{color:#176bab;}
    .search-close { right: 42px; top: 38px; }
    .header-hot-box { width: 480px; position: fixed; right: 0; top: 90px; bottom: 0; }
    .header-hot-box .type { width: 100%; height: 16.67%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; position: relative; z-index: 1; padding-left: 40px; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; -webkit-transform: translateY(30px) scale(1.1); -moz-transform: translateY(30px) scale(1.1); -ms-transform: translateY(30px) scale(1.1); -o-transform: translateY(30px) scale(1.1); transform: translateY(30px) scale(1.1); opacity: 0; -o-background-size: cover; background-size: cover; background-position: center; }
    .header-hot-box .type:after { content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 0; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }
    .header-hot-box .type:hover:after { opacity: 0.5; }
    .header-hot-box .type:hover .desc{color:#fff;}
    .header-hot-box .type:nth-child(1) { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
    .header-hot-box .type:nth-child(2) { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
    .header-hot-box .type:nth-child(3) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
    .header-hot-box .type:nth-child(4) { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
    .header-hot-box .type:nth-child(5) { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
    .header-hot-box .type:nth-child(6) { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
    .header-hot-box.animation .type { -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; }
    .header-hot-box h3 { width: 100%; color: #fff; font-size: 17px; position: relative; z-index: 1; }
    .header-hot-box .desc { width: 100%; position: relative; z-index: 1; color: #d0d0d0; display: block; }
    .header-hot-mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 190; background-color: rgba(0, 0, 0, 0.6); }
    .header-hot-close { width: 18px; height: 18px; position: absolute; top: 26px; right: 42px; background: url(../img/searchClose.png); display: block; cursor: pointer; z-index: 10; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }
    .header-hot-close:hover { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
    .header-menu .icon { display: inline-block; vertical-align: middle; width: 30px; height: 60px; margin-right: 10px; overflow:hidden; position:relative; }
    .header-menu .icon img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s;  }
    .header-menu .icon i{display:inline-block;width: 30px; height: 60px; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; position:absolute; left:0; top:0;}
    .header-menu .icon .hv{top:100%;color: #eb9335}
    .menu-drop { width: 100%; position: absolute; left: 0; top: 90px; background-color: rgba(5, 55, 108, 0.8); z-index: 1; padding: 0 3.125%; font-size: 0; }
    .menu-drop a { font-size: 16px; color: #f2f2f2; line-height: 60px; margin-right: 30px; position: relative; display: inline-block; vertical-align: middle; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s;}
    .menu-drop a:before{content: ''; display: block; width: 0; height: 2px; background-color: #ffc07c; position: absolute; 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: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s;}
    .menu-drop a:last-child { margin-right: 0; }
    .menu-drop a:hover{color:#ffbf7b;}
    .menu-drop a:hover  .icon i{top:-100%;}
    .menu-drop a:hover  .icon .hv{top:0;}
    .menu-drop a:hover:before{width:100%;}
}

@media (min-width: 1360px) { .header .logo { z-index: 40; }
    .header-oval { z-index: 10; }
    .menu-drop a { margin-right: 40px; } }

@media (min-width: 1600px) { .header-menu ul { padding-left: 35px; }
    .header-menu li { margin: 0 20px; } }

@media (min-width: 1800px) { .header-menu li { margin: 0 27px; }
    .menu-drop a { margin-right: 35px; } }


/********代理*******/

.contact-content .right {width:60%;margin: 0 auto;margin-top: 50px;margin-bottom: 100px;}
.contact-content .right .title {font-size:22px;color:#21232e;}
.contact-content .right .form-box {margin-top:60px;}
.contact-content .right .form-box .lines {width:100%;height:60px;background-color:#fff;margin-bottom: 10px;}
.contact-content .right .form-box .lines input {padding-left:25px;width:100%;height:100%;border: 1px solid #dadada;border-radius: 5px;}
.contact-content .right .form-box .lines.has-text {height:300px;}
.contact-content .right .form-box .lines.has-text textarea {width:100%;height:100%;padding:15px 10px 10px 25px;border:0;resize:none;border: 1px solid #dadada;border-radius: 5px;}
.contact-content .right .form-box .lines.has-code {display:flex;align-items:center;justify-content:space-between;background-color:transparent;}
.contact-content .right .form-box .lines.has-code .input {display:flex;align-items:center;width:75%;height:100%;}
.contact-content .right .form-box .lines.has-code .input input {width:70%;}
.contact-content .right .form-box .lines.has-code .input .code-img {width:30%;height:100%;line-height:60px;background-color:#f3e9d3;text-align:center;}
.contact-content .right .form-box .lines.has-code .input .code-img img {width:80%;}
.contact-content .right .form-box .lines.has-code .btn {width:23%;height:100%;line-height:60px;background-color:#fed130;font-size:20px;color:#333;display:block;border:0;}




footer {background-color:#082e57;padding-top:20px;}
.footer {padding:0 15px;}
.foot-section {color:#9da7b4;}
.foot-section a {color:#9da7b4;}
.foot-section .text {display:block;overflow:hidden;padding-bottom:10px;}
.foot-section .title {padding-bottom:3px;display:block;}
.foot-logo {max-width:100%;display:block;}
.foot-address {padding-top:15px;}
.foot-group {font-size:0;}
.foot-group .title {font-size:14px;}
.foot-group a {border-right:1px solid #9da7b4;line-height:14px;height:14px;display:inline-block;padding:0 7px;font-size:14px;}
.foot-group a:first-child {padding-left:0;}
.foot-group a:last-child {border-right:0;}
.foot-link {margin-top:10px;display:inline-block;position:relative;}
.foot-link .button {width:150px;border:1px solid rgba(141,149,158,0.63);color:#69727d;line-height:30px;display:block;padding-left:10px;cursor:pointer;position:relative;}
.foot-link .button:after {content:'';display:block;width:0;height:0;border-top:5px solid #69727d;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;right:10px;top:50%;margin-top:-2px;}
.foot-link-drop {width:100%;max-height:200px;overflow-y:auto;position:absolute;left:0;top:100%;background-color:rgba(0,0,0,0.8);padding:5px 10px;display:none;}
.foot-link-drop a {color:#fff;display:block;line-height:28px;}
.foot-contact {padding-top:20px;color:#9da7b4;}
.foot-contact .icon {display:block;}
.foot-contact .icon img {display:block;max-width:100%;}
.foot-contact .tel {font-family:"Rubik";color:#bac7d5;font-size:20px;padding-top:5px;display:block;}
.foot-contact .worktime {display:block;padding-bottom:10px;}
#foot-share {font-size:0;}
#foot-share a {width:33px;height:33px;margin:0 7px 0 0;padding:0;float:none;display:inline-block;vertical-align:top;}
#foot-share .bds_tsina {background:url(../img/sina.png) no-repeat;}
#foot-share .bds_weixin {background:url(../img/wechat.png) no-repeat;}
.foot-info {border-top:1px solid rgba(255,255,255,0.1);margin-top:15px;padding:15px 0;color:#69727d;text-align:center;}
.foot-info .help a {color:#69727d;padding:0 5px;border-right:1px solid #576474;line-height:14px;height:14px;display:inline-block;vertical-align:middle;}
.foot-info .help a:last-child {border-right:0;}
.foot-info .copyright {padding-top:5px;}
.foot-info .copyright a {display:inline-block;line-height:14px;height:14px;color:#69727d;padding-left:5px;border-left:1px solid #576474;}

@media (min-width: 768px) { footer { padding-top: 30px; }
    .footer { padding: 0 30px; }
    .foot-section { width: 50%; float: left; font-size: 15px; }
    .foot-section .title { font-size: 15px; }
    .foot-group a { font-size: 15px; }
    .foot-contact { width: 50%; float: right; text-align: right; padding-top: 0; font-size: 15px; }
    .foot-contact .icon { overflow: hidden; }
    .foot-contact .icon img { float: right; }
    .foot-contact .tel { font-size: 32px; }
    .foot-info { margin-top: 30px; padding: 20px 0; line-height: 14px; }
    .foot-info .help { float: left; }
    .foot-info .help a:first-child { padding-left: 0; }
    .foot-info .copyright { float: right; padding-top: 0; } }

@media (min-width: 1024px) { footer { padding-top: 50px; }
    .footer { padding: 0 40px; }
    .foot-section .text, .foot-section .title { display: inline; padding-bottom: 0; }
    .foot-address { padding-top: 25px; padding-bottom: 7px; }
    .foot-group { padding-bottom: 13px; }
    .foot-group a { padding: 0 18px; }
    .foot-link .button { width: 180px; line-height: 34px; padding-left: 13px; }
    .foot-link .button:after { right: 13px; }
    .foot-contact .tel { padding-bottom: 5px; }
    .foot-contact .worktime { padding-bottom: 20px; }
    .foot-info { padding: 34px 0; margin-top: 40px; }
    .foot-info .copyright a { margin-left: 8px; padding-left: 15px; } }

@media (min-width: 1260px) { .footer { width: 81.4%; max-width: 1400px; margin: 0 auto; }
    .footer a:hover { color: #fff; } }

@media (min-width: 1600px) { .footer { padding: 0; } }


















/****************分页样式*****************/
.pageblue {margin:3px;padding:5px 3px 3px 0;margin-left:0px;line-height:14px;text-align:center}
.pageblue a {display:inline-block;padding:8px 15px;border-radius:4px;background-color:#fff;border:1px solid #dadada;color:#999;margin-right:5px;}
.pageblue a:hover {background-color:#dc1c1d;text-decoration:none;color:#fff;}
.pageblue a:active {background-color:#dc1c1d;text-decoration:none;}
.pageblue span.current {display:inline-block;padding:8px 15px;border-radius:4px;background-color:#dc1c1d;border:1px solid #dadada;color:#fff;margin-right:5px;}
.pageblue span.disabled {background-color:#DDDDDD;padding:5px 10px;margin-right:3px;text-decoration:none;display:inline-block;color:#333;}




 .case_mj li {float:left;width:32.2%;height:200px;position:relative;background:#fff;margin-right:0.6%;margin-bottom:0.6%;padding:20px 0 0 20px;border:1px solid #dadada;border-radius: 10px;}
 .case_mj li:last-child {margin-right:0}
 .case_mj li .case1_title {font-size:24px;color:#333333;margin-bottom:15px}
 .case_mj li .case1_info {font-size:14px;color:#333333}
 .case_mj li .case_img_btn {overflow:hidden;position: absolute;bottom: 10px;width: 95%;}
 .case_mj li .case_img_btn .case_left {float:left}
 .case_mj li .case_img_btn .case_left .case_line {display:block;width:20px;height:1px;background:#c2c2cc;margin:23px 0 22px 0}
 .case_mj li .case_img_btn .case_left a {display:block;width:118px;height:32px;text-align:center;line-height:32px;border:1px solid #176bab;margin:auto;color:#176bab;font-size:14px;border-radius:3px;-webkit-transition:all .2s;transition:all .2s}
 .case_mj li .case_img_btn .case_left a:hover {border:1px solid #176bab;background:#176bab;color:#fff;position:relative;top:-2px}
 .case_mj li .case_right {float:right;/*width:40%;height:80px;margin:5px 20px 0px 0;*/overflow:hidden;}
 .case_mj li .case_right img {float: right;width: 80%;margin-bottom: -5px;}
 .case_mj li:hover {-webkit-box-shadow:0 0 1px 2px rgba(36,87,200,0.08);box-shadow:0 0 1px 2px rgba(36,87,200,0.08)}
.case_mj:after {
    content: '';
    display: block;
    clear: both;}

.indexIntro{width:90%;margin:0 auto;font-size: 16px;line-height: 30px;}

.indexIntro .p{margin-bottom: 10px;text-indent: 25px;}
.product-img{max-width: 1200px;}
.product-img img{width: 98%;}



.indexNews ul{/*margin:0 -30px*/}
.indexNews li{float:left;width:33.3333%}
.indexNews li a{display:block;margin:0 10px;padding:8% 10px 8%;overflow:hidden;border-top:1px solid #d9d9d9;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s}
.indexNews li a:hover{background-color:#f2f2f2}
.indexNews li a:hover .title{color:#d90000}
.indexNews .date{margin-bottom:20px;font-size:18px;line-height:24px;color:#666}
.indexNews .date .line{display:block;width:20px;height:0;padding-top:15px;border-bottom:3px solid #d9d9d9}
.indexNews .title{margin-bottom:32px;font-size:18px;font-weight:bold;color:#1a1a1a;display:-webkit-box;height:48px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.indexNews .desc{font-size:14px;line-height:24px;color:#666;display:-webkit-box;height:96px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}

.side10 {padding: 20px 0 16px;}
.side-small-title h3{font-size:28px;color:rgba(0,0,0,1);;line-height: 40px;margin:0 10px 30px 0}
.side-small-title p{font-size:14px;color:rgba(153,153,153,1);line-height:52px;}
.side10 li{float: left;width: 23.5%;margin-right:1%;margin-bottom:1%;padding: 20px;box-shadow:0 0 10px #ddd;text-align: center;border-radius: 10px;}
.side10 li img{width: 100%;}
.side10 li img:hover{}
.side10 li:nth-child(4n){margin-right: 0}






.pnav {width: 70%;margin: 0 auto;}
.pnav ul{ text-align: left; margin: 10px;display: flex;justify-content: center;}
.pnav li{width:24.5%;border: 2px solid #ccc;border-radius: 10px; padding:10px;display: inline-block;vertical-align: middle;letter-spacing: 0; margin-right: 10px;}
.pnav a{ display: block; position: relative; padding: 5px 0; line-height: 24px; font-size: 16px; color: #666; text-align: center; }
/*
.pnav a:before{ content: ""; position: absolute; left: auto; right: 0; bottom: 0; width: 0; height: 4px; background: #df2128; -webkit-transition: 400ms; transition: 400ms; }
*/
.pnav ul li > a:after { content: ''; display: block; width: 0; height: 4px; background-color: #176aaa; position: absolute; 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: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }
.pnav ul li.on > a, .pnav ul  li:hover > a { color: #176aaa; }
.pnav ul li.on > a:after, .pnav ul li:hover > a:after { width: 15%; }





.thumb { width: 100%; text-align: center; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
    position: absolute; left: 0; right: 0; top: 40%; z-index: 9; color: #fff;
}
.thumb .title { font-size: 36px; font-weight:bold; text-shadow:0px 1px 3px #000;}
.thumb .title span { vertical-align: middle; display: inline-block; }
.thumb .title span:before, .thumb .title span:after { content: ''; vertical-align: middle; display: inline-block; width: 0.77em; height: 2px; background-color: rgba(255, 255, 255, 0.3); margin: 0 0.42em; }
.thumb .desc { font-size: 16px;font-weight:bold; text-shadow:0px 1px 3px #000;}

.pic,.pic2 {display:block;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.pic > img {display:block;width:100%;transition:600ms;-webkit-transition:600ms;}
.pic2 > img {display:block;width:100%;}
.e,.c {line-height:1;}
.ti,.name,.ch {line-height:1.4;}
.en {line-height:1;}
.ttu {text-transform:uppercase;}
.fwb {font-weight:bold;}
.rel {position:relative;}
.l {float:left;}
.r {float:right;}
.tac {text-align:center;}







.why-choose-wrap {padding-bottom:42px}
.why-choose-wrap .why-choose-title {padding:60px 0 40px;font-size:32px;color:#1d1d1d;text-align:center}
.why-choose-wrap .why-choose-list-wrap {height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item {width:20%;height:170px;position:relative;overflow:hidden;background-color:#fff}
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item:hover .why-choose-item-bg {width:100%;height:100%}
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item:hover .why-choose-item-wrap {background-color:transparent}
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .why-choose-item-bg {width:105%;height:105%;background-image:url(../img/t-9.jpg);background-size:cover;background-repeat:no-repeat;-webkit-transition:all .2s;transition:all .2s}
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .why-choose-item-wrap {position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;border:1px solid #e5e5e5;background-color:#fff}


/*.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .why-choose-item-wrap:nth-child(odd) {border-left:none}*/
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .why-choose-item-wrap:nth-child(2n+1) {}
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .why-choose-item-wrap .why-choose-item-content {width:100%;height:100%;padding:15px}
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .why-choose-item-wrap .why-choose-item-content .title-logo {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;overflow:hidden}
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .why-choose-item-wrap .why-choose-item-content .title-logo .logo {width:36px;height:36px}
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .why-choose-item-wrap .why-choose-item-content .title-logo .title {-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:15px;font-size:20px;font-weight:700;color:#1d1d1d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .why-choose-item-wrap .why-choose-item-content .des {
    /*height:60px;*/text-align: center;
    margin:13px 0 16px;font-size:14px;font-weight:300;color:#7f8286;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .why-choose-item-wrap .why-choose-item-content .tips-wrap {display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-10px;height:25px;-ms-flex-wrap:wrap;flex-wrap:wrap;white-space:nowrap;overflow:hidden}
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .why-choose-item-wrap .why-choose-item-content .tips-wrap .tip-item {padding:4px 10px;font-size:12px;font-weight:400;color:#666;margin-right:16px;cursor:default;-webkit-transition:all .2s;transition:all .2s}
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .why-choose-item-wrap .why-choose-item-content .tips-wrap .tip-item.tolink {cursor:pointer}
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .why-choose-item-wrap .why-choose-item-content .tips-wrap .tip-item.tolink:hover {background:#fff;border-radius:12px;color:#ff6900}
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .item1tr,.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .item3tr {margin-left:auto;padding-right:70px}
.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .item2tr,.why-choose-wrap .why-choose-list-wrap .why-choose-list-item .item4tr {padding-left:45px}


@media only screen and (max-width: 740px) {

    .case_mj li {
        float: left;
        width: 99.2%;
        height: 200px;
        position: relative;
        background: #fff;
        margin-right: 0.6%;
        margin-bottom: 0.6%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px;
        border: 1px solid #dadada;
    }
    .case_mj li:nth-child(2n){margin-right: 0;}

    .indexNews li{float:left;width:100%}


    .side10 li{float: left;width: 48%;margin-right:1%;margin-bottom:1%;padding: 20px;box-shadow:0 0 10px #ddd;text-align: center}
    .side10 li img{width: 100%;}


    .pnav {}
    .pnav ul{width: 100%; text-align: left; margin: 10px;}
    .pnav li{width:auto;border: 1px solid #ccc; padding:10px;display: inline-block;vertical-align: middle;letter-spacing: 0; }
    .pnav a{ display: block; position: relative; padding: 5px 0; line-height: 24px; font-size: 16px; color: #666; text-align: center; }
    /*
    .pnav a:before{ content: ""; position: absolute; left: auto; right: 0; bottom: 0; width: 0; height: 4px; background: #df2128; -webkit-transition: 400ms; transition: 400ms; }
    */
    .pnav ul li > a:after { content: ''; display: block; width: 0; height: 4px; background-color: #176aaa; position: absolute; 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: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; }
    .pnav ul li.on > a, .pnav ul  li:hover > a { color: #176aaa; }
    .pnav ul li.on > a:after, .pnav ul li:hover > a:after { width: 30%; }




    .why-choose-wrap .why-choose-list-wrap .why-choose-list-item {width:50%;height:170px;position:relative;overflow:hidden;background-color:#fff}



}


/* animation */
@-webkit-keyframes phoneRotate {
    from, to { -webkit-transform: none; transform: none; }
    20% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
    40% { -webkit-transform: rotate(10deg); transform: rotate(10deg); }
    60% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
    80% { -webkit-transform: rotate(10deg); transform: rotate(10deg); }
}
@keyframes phoneRotate {
    from, to { -webkit-transform: none; transform: none; }
    20% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
    40% { -webkit-transform: rotate(10deg); transform: rotate(10deg); }
    60% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
    80% { -webkit-transform: rotate(10deg); transform: rotate(10deg); }
} /* 电话颤抖 animation: phoneRotate .5s 3; */
@-webkit-keyframes phoneJump {
    from, to { -webkit-transform: none; transform: none; }
    50% { -webkit-transform: translate(0, -7px); transform: translate(0, -7px); }
}
@keyframes phoneJump {
    from, to { -webkit-transform: none; transform: none; }
    50% { -webkit-transform: translate(0, -7px); transform: translate(0, -7px); }
} /* 电话数字 animation: phoneJump .5s 1; */
@-webkit-keyframes _cyLogoShow {
    0% { background: linear-gradient(120deg, transparent -15%, rgba(255, 255, 255, 0.5), transparent 15%); }
    10% { background: linear-gradient(120deg, transparent -5%, rgba(255, 255, 255, 0.5), transparent 25%); }
    20% { background: linear-gradient(120deg, transparent 5%, rgba(255, 255, 255, 0.5), transparent 35%); }
    30% { background: linear-gradient(120deg, transparent 15%, rgba(255, 255, 255, 0.5), transparent 45%); }
    40% { background: linear-gradient(120deg, transparent 25%, rgba(255, 255, 255, 0.5), transparent 55%); }
    50% { background: linear-gradient(120deg, transparent 35%, rgba(255, 255, 255, 0.5), transparent 65%); }
    60% { background: linear-gradient(120deg, transparent 45%, rgba(255, 255, 255, 0.5), transparent 75%); }
    70% { background: linear-gradient(120deg, transparent 55%, rgba(255, 255, 255, 0.5), transparent 85%); }
    80% { background: linear-gradient(120deg, transparent 65%, rgba(255, 255, 255, 0.5), transparent 95%); }
    90% { background: linear-gradient(120deg, transparent 75%, rgba(255, 255, 255, 0.5), transparent 105%); }
    100% { background: linear-gradient(120deg, transparent 85%, rgba(255, 255, 255, 0.5), transparent 115%); }
}
@keyframes _cyLogoShow {
    0% { background: linear-gradient(120deg, transparent -15%, rgba(255, 255, 255, 0.5), transparent 15%); }
    10% { background: linear-gradient(120deg, transparent -5%, rgba(255, 255, 255, 0.5), transparent 25%); }
    20% { background: linear-gradient(120deg, transparent 5%, rgba(255, 255, 255, 0.5), transparent 35%); }
    30% { background: linear-gradient(120deg, transparent 15%, rgba(255, 255, 255, 0.5), transparent 45%); }
    40% { background: linear-gradient(120deg, transparent 25%, rgba(255, 255, 255, 0.5), transparent 55%); }
    50% { background: linear-gradient(120deg, transparent 35%, rgba(255, 255, 255, 0.5), transparent 65%); }
    60% { background: linear-gradient(120deg, transparent 45%, rgba(255, 255, 255, 0.5), transparent 75%); }
    70% { background: linear-gradient(120deg, transparent 55%, rgba(255, 255, 255, 0.5), transparent 85%); }
    80% { background: linear-gradient(120deg, transparent 65%, rgba(255, 255, 255, 0.5), transparent 95%); }
    90% { background: linear-gradient(120deg, transparent 75%, rgba(255, 255, 255, 0.5), transparent 105%); }
    100% { background: linear-gradient(120deg, transparent 85%, rgba(255, 255, 255, 0.5), transparent 115%); }
} /* logo 闪光 */
/* .header .logo:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.header .logo:hover:before { animation: _cyLogoShow .8s 1; } */
@-webkit-keyframes logoShow {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@keyframes logoShow {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
} /* 抖一抖的效果 animation: logoShow .5s 1; */
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { -webkit-transform: scale(1); transform: scale(1); }
} /* img缩小效果（banner） */
@-webkit-keyframes fadeInUp {
    from { opacity: 0; -webkit-transform: translate3d(0, 60px, 0); transform: translate3d(0, 60px, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp {
    from { opacity: 0; -webkit-transform: translate3d(0, 60px, 0); transform: translate3d(0, 60px, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
} /* 下出现效果 */
@-webkit-keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -60px, 0); transform: translate3d(0, -60px, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -60px, 0); transform: translate3d(0, -60px, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
} /* 上出现效果 */
@-webkit-keyframes fadeInRight {
    from { opacity: 0; -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInRight {
    from { opacity: 0; -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
} /* 右出现效果 */
@-webkit-keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
} /* 左出现效果 */
@-webkit-keyframes reveal-v {
    0% { -webkit-transform: scaleY(0); transform: scaleY(0); }
    50% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0% 0px; transform-origin: 0% 0% 0px; }
    51% { -webkit-transform-origin: 50% 100% 0px; transform-origin: 50% 100% 0px; }
    100% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100% 0px; transform-origin: 50% 100% 0px; }
}
@keyframes reveal-v {
    0% { -webkit-transform: scaleY(0); transform: scaleY(0); }
    50% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0% 0px; transform-origin: 0% 0% 0px; }
    51% { -webkit-transform-origin: 50% 100% 0px; transform-origin: 50% 100% 0px; }
    100% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100% 0px; transform-origin: 50% 100% 0px; }
} /* 垂直出现遮盖层 */
@-webkit-keyframes reveal-l {
    0% { -webkit-transform: scaleX(0); transform: scaleX(0); }
    50% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0% 0px; transform-origin: 0% 0% 0px; }
    51% { -webkit-transform-origin: 100% 50% 0px; transform-origin: 100% 50% 0px; }
    100% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50% 0px; transform-origin: 100% 50% 0px; }
}
@keyframes reveal-l {
    0% { -webkit-transform: scaleX(0); transform: scaleX(0); }
    50% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0% 0px; transform-origin: 0% 0% 0px; }
    51% { -webkit-transform-origin: 100% 50% 0px; transform-origin: 100% 50% 0px; }
    100% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50% 0px; transform-origin: 100% 50% 0px; }
} /* 水平出现遮盖层 */
@-webkit-keyframes lightSpeedIn {
    from { -webkit-transform: translate3d(50%, 0, 0) skewX(-30deg); transform: translate3d(50%, 0, 0) skewX(-30deg); opacity: 0; }
    60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
    80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
    to { -webkit-transform: none; transform: none; opacity: 1; }
}
@keyframes lightSpeedIn {
    from { -webkit-transform: translate3d(50%, 0, 0) skewX(-30deg); transform: translate3d(50%, 0, 0) skewX(-30deg); opacity: 0; }
    60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
    80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
    to { -webkit-transform: none; transform: none; opacity: 1; }
} /* 倾斜出现 */
@-webkit-keyframes fadeDown{
    0%{ opacity: 1; -webkit-transform: translateY(-3px); transform: translateY(-3px); }
    100%{ opacity: 0; -webkit-transform: translateY(3px); transform: translateY(3px); }
}
@keyframes fadeDown{
    0%{ opacity: 1; -webkit-transform: translateY(-3px); transform: translateY(-3px); }
    100%{ opacity: 0; -webkit-transform: translateY(3px); transform: translateY(3px); }
} /* 上到下消失 */
@-webkit-keyframes fadeRight{
    0%{ opacity: 1; -webkit-transform: translateX(-3px); transform: translateX(-3px); }
    100%{ opacity: 0; -webkit-transform: translateX(3px); transform: translateX(3px); }
}
@keyframes fadeRight{
    0%{ opacity: 1; -webkit-transform: translateX(-3px); transform: translateX(-3px); }
    100%{ opacity: 0; -webkit-transform: translateX(3px); transform: translateX(3px); }
} /* 左到右消失 */
/* animation end */


.cg-s .slick-current .pic img ,
.cg-s .slick-current .pic2 img { animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pro-banner .item{ overflow: hidden; position: relative; }
.pro-banner .slick-dots{ position: absolute; z-index: 100; bottom: 25px; left: 50%; margin-left: -600px; }
.pro-banner .slick-dots li{ background: #fff; margin: 0 12px 0 0; }
@media screen and (max-width:1366px) {
    .pro-banner .slick-dots{ margin-left: -500px; }
}
@media screen and (max-width:1024px){
    .pro-banner .slick-dots{ left: 5%; margin: 0; }
}
@media screen and (max-width:481px){
    .pro-banner .slick-dots{ bottom: 10px; }
}
.pbanner-slick .item, .pbanner-slick { position: relative; overflow: hidden; }
.pbanner-slick .slick-dots{ position: absolute; z-index: 100; left: 0; right: 0; bottom: 5%; }
.pbanner-slick .slick-dots li{ background: #fff; }
.pbanner-slick:after{ display: none; }
.pbanner .pic:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/black.png'); background: rgba(0, 0, 0, .2); }
.pbanner .pic img{ transition: 0ms; -webkit-transition: 0ms; }
@media screen and (max-width:641px){
    .pbanner .pic img{ height: 100%; object-fit: cover; }
}
.pi-img-list .item{ overflow: hidden; }
.station-list .video-box .txts{ height: auto; }
.station-list .video-box .nowti{ margin-top: 0; line-height: 46px; }
/*.campus-tx .campus-more{ display: none; }*/
/* 20181106 */
.pro-banner .pic2 .m { display: none; }
@media screen and (max-width:641px) {
    .pro-banner .pic2 img { display: none; }
    .pro-banner .pic2 .m { display: block; }
}