/* Css Document */
@font-face {
	font-family: 'Decker';
	src: url('../fonts/Decker.eot');
	src: url('../fonts/Decker.woff') format('woff'), url('../fonts/Decker.ttf') format('truetype'), url('../fonts/Decker.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body{-webkit-text-size-adjust:none;

}
#myTabContent table{margin-left: 0;margin-right: 0;}
/*分页*/
#page{
	text-align: center;
	margin-top: 20px;
}
#page span{
	padding: 10px 15px;
	border: 1px solid #eeeeee;
	font-size: 14px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#page span.active{
	border: 1px solid #156ad2;
	color: #156ad2;
	padding: 10px 15px;
}
#page span:hover{
	border: 1px solid #156ad2;
	color: #156ad2;
	cursor: pointer
}
body{color: #313739;letter-spacing: 1px;}
html, body, input, p, a, span, ul, li, dl, dt, dd, ol, select, td, th, input, textarea, button, div{font-family: PingFang SC,Lantinghei SC,Arial,Hiragino Sans GB,Microsoft YaHei,sans-serif!important;}
a{color: #666;} 
a:link, a:visited, a:hover, a:active{outline: 0; text-decoration: none;}
a:link, a:active{background-color: transparent;}
a:hover{text-decoration: none;}
@media (min-width: 1200px){a:hover{color: #005bab;}}
small{display: block; font-size: 100%;}
input, textarea, button, select, radio{outline: 0;}
textarea{resize: none;}
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}
.mt{margin-top: 0 !important;}
.mr{margin-right: 0 !important;}
.mb{margin-bottom: 0 !important;}
.ml{margin-left: 0 !important;}
/* Grid */
.col-24x{width: 100%}
.col-23x{width: 95.8333333333%}
.col-22x{width: 91.6666666667%}
.col-21x{width: 87.5%}
.col-20x{width: 83.3333333333%}
.col-19x{width: 79.1666666667%}
.col-18x{width: 75%}
.col-17x{width: 70.8333333333%}
.col-16x{width: 66.6666666667%}
.col-15x{width: 62.5%}
.col-14x{width: 58.3333333333%}
.col-13x{width: 54.1666666667%}
.col-12x{width: 50%}
.col-11x{width: 45.8333333333%}
.col-10x{width: 41.6666666667%}
.col-9x{width: 37.5%}
.col-8x{width: 33.3333333333%}
.col-7x{width: 29.1666666667%}
.col-6x{width: 25%}
.col-5x{width: 20.8333333333%}
.col-4x{width: 16.6666666667%}
.col-3x{width: 12.5%}
.col-2x{width: 8.33333333333%}
.col-1x{width: 4.16666666667%}
.col-0x{width: 2.08333333333%}
/*default*/
/* index */
.index-banner .pagination{z-index: 2; bottom: 5px; margin-bottom: 0; display: table; width: 100%; text-align: center;}
.index-banner .swiper-pagination-bullet{margin: 0 5px; width: 10px; height: 10px; background: none; border: 2px solid #fff; opacity: 1;}
.index-banner .swiper-pagination-bullet-active{ border: 2px solid #156ad2;}
.index-banner .swiper-slide{background: none;}
.index-wrap{padding: 0;overflow: hidden;}
.index-wrap .row >div{padding: 0 0 20px;}
.index-wrap .row >div h3{font-size: 22px; color: #5c5c5c;}
/* .index-wrap .row >div img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);} */
.index-wrap .article{padding: 0 15px 15px;}
@media (min-width: 992px){
.index-banner .pagination{bottom: 40px;}
.index-wrap .row >div h3{margin-top: 60px;}
.index-wrap .article p{line-height: 22px; height: 44px; overflow: hidden;}
}
@media (min-width: 1200px){
.index-wrap .imgbox a:hover img{opacity: .5; filter: alpha(opacity=50); -webkit-transform: scale(1.1) matrix(1,0,0,1,0,-10); -ms-transform: scale(1.1) matrix(1,0,0,1,0,-10); transform: scale(1.1) matrix(1,0,0,1,0,-10);}
}
@media(max-width: 780px){
.index-banner .swiper-slide{height: 36vh !important; background-position: center center; background-repeat: no-repeat; background-size: cover;}
}
@media (max-width: 414px){
.index-wrap .imgbox{position: relative; height: 30vh;}
.index-wrap .row >div img{position: absolute; top: 50%; left: 50%; -webkit-transform: scale(1) translate(-50%,-25%); transform: scale(1) translate(-50%,-50%);}
	
}
.hidden {
    overflow: hidden;
}
.pr {
    position: relative;
}
.pa {
    position: absolute;
}
.index_p_text{
    height: 62px;
    line-height: 20px;
    position: relative;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2!important;
    -moz-box-orient: vertical;
}
.index_overflow{
	width: 55%;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*产品中心*/
.ml_solve_ul{
    width:75%;
    padding: 0!important;
    float: left;
    box-sizing: border-box;padding: 30px;
    padding-left: 0;    
    padding-top: 0;
    margin-top: 77px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    padding-bottom: 0;
    border:0;
	margin-left: 1%;
}
.services-box a:hover,.services-box:hover a{
	color: #fff;
	cursor: pointer
}
/*新闻*/
.pro_menu dl{
    margin-bottom: 0;
	border-top: 1px solid #fff;
}
.pro_menu dl.on dt a{
	color:#fff;
}
.pro_menu dt {
    border: 1px solid #eee;
    /*border-left: none;*/
    border-bottom: none;
    height: 60px;
    line-height: 60px;
    padding: 0 8%;
    font-size: 14px;
    color: #6c6c6c;
    cursor: pointer;
    font-weight: normal;
}
.pro_menu dt img {
    display: block;
    float: right;
    width: 15px;
    margin-top: 22px;
    border-left: none;
    border-bottom: none;
}
.pro_menu dd {
    border-right: 1px solid #eee;
    background: #f5f5f5;
    padding: 19px 8% 17px 15%;
    display: none;
}
.pro_menu dd a {
    display: block;
    font-size: 16px;
    color: #666;
    line-height: 26px;
    padding: 8px 0;
    font-size: 14px;
    height: 60px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.pro_menu dl.on dt {
    background: #156ad2;
    border: 1px solid #156ad2;
    color: #fff;
    font-size: 14px;
}
.pro_menu dl.on dt:hover{
    color: #fff;
}
.pro_menu dl.on2 dt {
    background: #f08200;
    border: 1px solid #f08200;
    color: #fff;
}
.pro_menu dl.on2 dt:hover{
    color: #fff;
}
.pro_menu dl.on img {
    margin-top: 30px;
}
.pro_menu dl dt:hover{
    color: #f08200;
}
/*产品中心*/
.pro_list ul {
    margin-bottom: 60px;
    border-left: 1px solid #eee;
    margin-left: -1px;
}
.pro_list li {
    width: 33%;
    float: left;
    position: relative;
    border-bottom: 0!important;
    list-style: none;
    margin-bottom: 0!important;
    padding-bottom: 0px!important;
}
.pro_list li .main {
    display: block;
    border: 1px solid #eee;
    border-top: none;
/*    border-left: none;*/
    padding: 48px 0 42px 0;
    text-align: center;
    line-height: 25px;
    font-size: 16px;
    color: #333;
    position: relative;
	height: 295px;
}
.pro_list li .img {
    display: block;
    width: 62%;
    margin: 0 auto 20px;
    position: relative;
    overflow: hidden;
	height: 230px;
}
.pro_list li .main p {
    padding: 0 10px;
}
.pro_list li img {
    display: block;
    width: 100%;
	position: absolute;
	top: 50%; 
   	transform: translateY(-50%); 
}
.pro_menu dd a.on, .pro_menu dd a:hover {
    color: #156ad2;
}
.pro_menu dl dt b{
    display: inline-block;
    width: 80%;
    height: 60px;
    overflow: hidden;
    font-weight: normal;
}
.product_icon:after {
    content: "";
    display: block;
    height: 30px;
    width: 30px;
    background: url(../Images/p_icon1.png) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -24px;
    left: 15px
}
.pro_select{
    font-size: 22px;
    border-bottom: 0;
    padding: 20px 30px;
    background: #156ad2;
    color: #fff;
    font-weight: bold;
    position: relative;
	border:0px!important;
	border-bottom: 1px solid #fff;
}
.product_left_list{
    width: 23%;
    float: left;
    box-sizing: border-box;
    padding: 30px;
    padding-right: 0
}
.pro_menu{
    border-bottom: 1px solid #eee
}
.hang{
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 20px;
    float: right;
    margin-right: 20px;
}

.hang .yin{
    display: block;
}
.hang .shows{
    display:none;
    margin-top: 4px;
}
.hang img{
    width: 100%;
}
.hang_active .yin{
    display: none;
}
.hang_active .shows{
    display: block;
}
@media (max-width: 992px){
    .product_left_list{
        width: 30%
    }
    .ml_solve_ul{
        width: 100%;
        margin-top:0;
    }
    .pro_list li {
        width: 50%
    }
    .ml_solve_ul{
        width: 96%;
        margin-left: 2%;
        overflow: hidden;
    }
    .product_title{
        margin-top: 20px;
    }
    .product_tab{
        margin-top: 0
    }
}
@media (max-width: 662px){
    .product_left_list{
        width: 40%
    }
    .ml_solve_ul{
        width: 96%;
        margin-top:0;
    }
    .pro_list li {
        width: 50%
    }
    .pro_select{
        font-size: 16px
    }
    .product_left_list{
        padding: 0
    }
    .product_title{
        display: none;
    }
    #myTab{
        display: none;
    }
}
/*产品中心*/
.default_container{
    border:1px solid #efefef;
    border-left: 0;
    padding: 0
}
.default_container>div{
    border-left: 1px solid #efefef;
    position: relative;
}
.default_container>div:hover .default_xilie_mian{
    display: block;
}
.default_container dl{
    margin-bottom: 0
}
.default_xilie_title dt{
    height: 230px;
    overflow: hidden;
}
.default_xilie_title dt img{
    width: 90%;
    margin:0 auto;
    display: block;
}
.default_xilie_mian{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    border:10px solid #efefef;
    background-color: #156ad2;
    color: #fff;
}
.default_xilie_title dd{
    padding: 10px 0;
    border-top: 1px solid #efefef;
    text-align: center;
        height: 41px;
    overflow: hidden;
    line-height: 25px;
}
.default_xilie_mian .dl1_bg {
        width: 100%;
        height: 100%;
    }
.default_xilie_mian .dl1_bg .dl1_bg1 {
        margin: 0;
        background: #156ad2;
        padding:0 15px;
    }
.default_xilie_mian .dl1_bg .dl1_bg1 .dl1_header {
        border-bottom: 1px solid #5ECDD9;
        overflow: hidden;
        margin: auto;
        padding-top: 30px;
    }
.default_xilie_mian .dl1_bg .dl1_bg1 .dl1_header dl {
        margin: auto;
        border-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }
.default_xilie_mian .dl1_bg .dl1_bg1 .dl1_header dl dt {
        display: inline-block;
        width: 20%;
        margin: 0;
        vertical-align: super;
    }
.default_xilie_mian .dl1_bg .dl1_bg1 .dl1_header dl dd {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
    }
.default_xilie_mian .dl1_bg .dl1_bg1 .dl1_header dl dt img {
        width: 100%;height: auto;
    }
.default_xilie_mian .dl1_section ul {
        margin: auto;
        border-right: 0;
        width: 100%;
        text-align: left;
        list-style: none;
        padding-left: 0
    }
    .default_xilie_mian .dl1_section ul li{
        margin: 15px 0;
        height: 20px;
        overflow:hidden;
    }
.default_xilie_mian .dl1_section ul li a { 
    text-decoration: none;
    color: #80bdf7;
}
.default_xilie_mian .dl1_section ul li a:hover{
    color: #fff;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.container .cha {
    background: #156ad2;
    border: 0;
    width: 12em;
    margin: auto;
    display: block;
    margin-top: 3em;
    text-align: center;
    height: 2.5em;
    line-height: 2.5em;
    text-decoration: none;
    margin-bottom: 2em;
    color: #fff;
}
.dl1_bg1 .btn {
    display: block;
    width: 98px;
    height: 30px;
    line-height: 18px;
    color: #80bdf7;
    border: 1px solid #80bdf7;
    border-radius: 23px;
    margin: 10px auto 0;
}
/*产品中心*/
.product_small_title{
    width: 100%;
    height: 60px;
    position: relative;
    border-bottom: 1px solid rgb(235, 236, 237);
    position: relative;
}
.product_small_xiala{
    height: 60px;
}
.product_small_title .product_small_xiala>p{
    float: left;
    font-size: 20px;
    line-height: 60px;
    padding-left: 20px;
    color: rgb(51, 51, 51);
}
.product_small_title .pro_menu{
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 99;
    display: none;
    background-color: #fff;
}
.product_small_title{
    display: none;
}
.product_left_list{
    display: block;
}
/**/
@media (min-width: 992px){
    .default_container>div{
        border-bottom: 1px solid #efefef
    }
    .default_xilie_title dt{
        height: 200px;
    }
    .default_xilie_mian .dl1_bg .dl1_bg1 .dl1_header{
        padding-top: 15px;
    }
    .default_xilie_title dt img{
          width: 90%;
    }
      .default_xilie_title dt img{
        margin-top: 0
     }
}
@media (min-width: 1200px){
    .default_xilie_title dt{
        height: 230px;
    }
    .default_xilie_mian .dl1_bg .dl1_bg1 .dl1_header{
        padding-top: 30px;
    }
    .default_xilie_title dt img{
         width: 90%;
    }
      .default_xilie_title dt img{
        margin-top: 0
     }
}
@media (max-width:982px){
    .default_xilie_title dt img{
        width: 70%
    }
    .default_container>div{
        border-bottom: 1px solid #efefef
    }
    .default_xilie_mian .dl1_bg .dl1_bg1 .dl1_header dl dt{
        width: 15%
    }
    .container h3{
        font-size: 18px;
        text-align: left;
    }
    .h_line {
        width: 2em;
        background: #156ad2;
        height: 3px;
        margin: 0;
        margin-bottom: 0.7em;
        margin-top: 1em;
    }
    .container .tt{
        text-align: left;
        color: #999
    }
     .default_xilie_title dt img{
        margin-top: 0
     }
        .product_small_title{
        display: block;
     }
     .product_left_list{
        display: none;
    }
    .solve_pc_list{
        display: none;
    }
}
@media (max-width:632px){
    .default_xilie_title dt img{
        margin-top: 20%;
    }
}
/* nav */
.mask{position: fixed !important; z-index: 2; height: 100%; display: none;}
.navbar-default{background: #fff;}
.navbar-default .navbar-nav>li>a{position: relative; z-index: 1; font-size: 16px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.navbar>.container-fluid .navbar-brand{position: absolute; left: 4.16666666667%; top: 5px; float: none; margin: 0; padding: 0; display: block; width: 250px; height: 39px; background: url(../Images/logo.png) no-repeat center center; background-size: 100%;}
.navbar .container-fluid{position: relative; padding-left: 4.16666666667%; padding-right: 4.16666666667%;}
.navbar-default .navbar-toggle .icon-bar{background-color: #333;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #fff;}
.dropmenu{width: 100%; background: rgba(0,0,0,.5); -webkit-transform: scale(1,0); transform: scale(1,0); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%;-webkit-transition: all .25s cubic-bezier(0.3,.03,.08,.65); transition: all .25s cubic-bezier(0.3,.03,.08,.65); }
.dropmenu a{display: block; padding: 5px; line-height: 20px; color: #fff; text-align: center; opacity: 0;position: relative;}
.header_three{
	color: #fff;
    background: rgba(0,0,0,0.5);
	position: absolute;
	top: 10px;
	left: 128px;
	width: 100%;
	display: none;
	cursor: pointer;
	padding: 10px;
	text-align: center
}
.header_three>div{
	color: #C4C4C4;
	padding: 6px 0;
}
.header_three>div:hover{
	color: #fff;
}
.dropmenu a:hover +.header_three{
	display: block;
}
.dropmenu .header_three:hover{
	display: block;
}
#navbar ul li.hover .dropmenu{-webkit-transform:scale(1); transform: scale(1);  -webkit-transition: all .5s cubic-bezier(0.3,.03,.08,.65); transition: all .5s cubic-bezier(0.3,.03,.08,.65);}
#navbar ul li.hover .dropmenu a{opacity: .7;}
#navbar ul li.hover .dropmenu a:nth-of-type(1){-webkit-transition-delay:.28s; transition-delay:.28s;}
#navbar ul li.hover .dropmenu a:nth-of-type(2){-webkit-transition-delay:.32s; transition-delay:.32s;}
#navbar ul li.hover .dropmenu a:nth-of-type(3){-webkit-transition-delay:.36s; transition-delay:.36s;}
#navbar ul li.hover .dropmenu a:nth-of-type(4){-webkit-transition-delay:.4s; transition-delay:.4s;}
#navbar ul li.hover .dropmenu a:nth-of-type(5){-webkit-transition-delay:.44s; transition-delay:.44s;}
#navbar ul li.hover .dropmenu a:nth-of-type(6){-webkit-transition-delay:.48s; transition-delay:.48s;}
#navbar ul li.hover .dropmenu a:nth-of-type(7){-webkit-transition-delay:.52s; transition-delay:.52s;}
#navbar ul li.hover .dropmenu a:nth-of-type(8){-webkit-transition-delay:.56s; transition-delay:.56s;}
.navbar-default.active .navbar-nav>li.act.hover>a, .navbar-default.active .navbar-nav>li.hover>a, .navbar-default.active .navbar-nav>li.hover>a:hover{color: #fff;}
.navbar-default.active .navbar-nav>li.act.hover>a:after, .navbar-default.active .navbar-nav>li.hover>a:after{background: #fff;}
#navbar ul li.hover .dropmenu a:hover{opacity: 1;}
.search{position: absolute; z-index: 10; top: 10px; right: 3%; width: 26px; height: 26px; line-height: 26px; border: 1px solid transparent; -webkit-transition: width 1s cubic-bezier(.23, 1, .38, 1), border-color .3s, background .7s; transition: width 1s cubic-bezier(.23, 1, .38, 1), border-color .3s, background .7s;}
.search i{display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 26px; height: 26px; background: url(../Images/iconsearch_white.png) no-repeat center center; background-size: 16px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.search-input{border:0;padding: 3px 0; width: 0; height: 20px; line-height: 20px; background: none; -webkit-transition: all 1s; transition: all 1s;}
.search-btn{border:0;position: absolute; right: 0; top: 0; width: 40px; height: 26px; line-height: 20px; background: #d4d4d4; color: #333; -webkit-transform: translateX(40px); transform: translateX(40px); -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.search.hover{width: 180px; border-color: #d4d4d4; background: #fff;}
.search.hover i{background-image: url(../Images/iconsearch.png);}
.search.hover .search-input{margin-left: 30px; width: 100px; -webkit-transition-delay: .1s; transition-delay: .1s;}
.search.hover .search-btn{-webkit-transform: translateX(0); transform: translateX(0);}
.navbar-search{position: absolute; right: 12%; top: 0; width: 50px; height: 50px; background: url(../Images/iconsearch.png) no-repeat center center; background-size: 16px;}
@media (max-width: 414px){.navbar-search{right: 50px;}}
.navbar-menu, .navbar-close{position: absolute; right: 6.5%; top: 13px; width: 24px; height: 24px;}
.navbar-close{display: none;}
.navbar-menu i{display: block; margin-top: 3px; width: 24px; height: 3px; background: #fff; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.navbar-menu i:nth-of-type(1){margin-top: 4px;}
.navbar-menu i:nth-of-type(2){width: 20px;}
.navbar-menu:hover i:nth-of-type(1), .navbar-menu:hover i:nth-of-type(3){width: 20px;}
.navbar-menu:hover i:nth-of-type(2){width: 24px;}
.header-search{position: absolute; top: -50px; left: 0; z-index: 100; width: 100%; height: 50px; opacity: 0; background: #fff; border-bottom: 1px solid #cacaca;}
.header-search .ipt-search{border:0;padding-left: 15px; width: 68%; height: 49px; line-height: 20px; font-size: 14px;}
a.ipt-close, .ipt-submit{float:right;display: block; width: 49px; height: 49px; border:0;border-left: 1px solid #cacaca; background-color: #fff; background-repeat: no-repeat; background-position: center center;}
.ipt-submit{background-image: url(../Images/iconsearch.png); background-size: 16px; -webkit-border-radius: 0; border-radius: 0;}
.ipt-close{background-image: url(../Images/iconclose.png); background-size: 20px;}
.navbar-close{background: url(../Images/iconclose_white.png) no-repeat center center; background-size: 20px;}
.language{position: absolute; right: 5.5%; top: 13px; color: #b2b2b2;}
.language a{padding: 0 5px; font-size: 16px; color: #b2b2b2;}
.language a.active{color: #fff;}
.language.active a.active{color: #417ac2;}
@media (min-width: 992px){
.navbar-nav{float: right; margin-right: 100px!important;;}
.nav>li>a{padding-left: 30px; padding-right: 30px;font-weight: bold;}
.navbar-default .navbar-nav>li>a{color: #fff;}
.navbar-nav{display: block;}
.navbar-default{padding-top: 40px; padding-bottom: 20px; background: none; border: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1); transition: all .6s cubic-bezier(.215, .61, .355, 1);}
.navbar .container-fluid{height: 50px;}
.navbar>.container-fluid .navbar-brand{background-image: url(../Images/logo_white.png);}
.dropmenu{position: absolute; top: -40px; left: 0; padding-top: 90px; padding-bottom: 20px;}
.dropmenu a:hover{opacity: 1;}
.navbar-default.active{padding-top: 20px; background: rgba(255,255,255,1); box-shadow: 0 2px 6px rgba(0,0,0,.1);}
.navbar-default.active .navbar-brand{background-image: url(../Images/logo.png);}
.navbar-default.active .navbar-menu i{background: #333;}
.navbar-default.active .search i{background-image: url(../Images/iconsearch.png);}
.navbar-default.active .navbar-close{background-image: url(../Images/iconclose.png);}
.navbar-default.active .navbar-nav>li>a{color: #444;}
.navbar-default.active .dropmenu{top: -20px; padding-top: 70px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.navbar-default .navbar-nav>li.act a:hover, .navbar-default .navbar-nav>li.act a{color: #fff;}
.nav>li>a{padding-left: 12px; padding-right: 12px;}
.navbar-default .navbar-nav>li a:hover{color: #fff;}  
.language{right: 6.8%;}
.navbar-default.active .navbar-nav>li>a:hover, .navbar-default.active .navbar-nav>li.act>a {
    color: #156ad2;
}
.navbar-default .navbar-nav>li>a:hover:after, .navbar-default .navbar-nav>li.act a:after {
    width: 60%;
}
.navbar-default .navbar-nav>li>a:after{
  position: absolute; content: ""; left: 20%; bottom: 10px; width: 0; height: 1px; display: block; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;
}
}
@media (min-width: 1200px){
.navbar-menu, .navbar-close{right: 6%;}
.navbar-default .navbar-nav>li>a:after{position: absolute; content: ""; left: 20%; bottom: 10px; width: 0; height: 1px; display: block; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
.navbar-default .navbar-nav>li>a:hover{color: #fff;}
.navbar-default .navbar-nav>li>a:hover:after, .navbar-default .navbar-nav>li.act a:after{width: 60%;}
.navbar-default .navbar-nav>li.act a:hover, .navbar-default .navbar-nav>li.act a{color: #fff;}  
.navbar-default.active .navbar-nav>li>a:hover, .navbar-default.active .navbar-nav>li.act>a{color: #156ad2;}
.navbar-default.active .navbar-nav>li>a:after, .navbar-default.active .navbar-nav>li.act>a:after{background: #156ad2;}
}
@media (min-width: 1440px){.navbar-menu, .navbar-close{right: 5.5%;}}
@media (max-width: 1040px){.dropmenu{display: none;}}
/*侧边栏*/
.right_btns {
    position: fixed;
    width: 69px;
    height: 190px;
    top: 50%;
    margin-top: -95px;
    right: 0;
    z-index: 99;
}
.right_btns_items {
    width: 59px;
    height: 58px;
    margin-bottom: 4px;
    cursor: pointer;
    padding-left: 10px;
    position: relative;
}
.right_btns_items>span {
    display: block;
    background-color: #156ad2;
    width: 59px;
    height: 58px;
    background-image: url(../Images/in_icon.png);
}
.right_btns_items2>div {
    width: 200px;
    padding: 8px;
    background-color: #e5e5e5;
    position: absolute;
    top: 0;
    right: 59px;
    font-size: 14px;
    color: #171717;
    display: none;
}
.right_btns_i1 {
    background-position: -2px 8px;
}
.right_btns_i2 {
    background-position: -2px -97px;
}
.right_btns_i3 {
    background-position: -2px -42px;
}	
.right_btns_i4 {
    background-position: -2px -150px;
}	
.right_btns_items2:hover>div{ display: block}
.right_btns_items2>div img {
    max-width: 100%;
    margin: auto;
    display: block;
}
/* footer */
.footer{position: relative; padding-top: 40px;/* padding-bottom: 20px;*/ /*padding-left: 4.16666666667%; padding-right: 4.16666666667%;*/ background: #6b6b6b; border-top: 1px solid #dfdfdf;}
.footer img{max-width: 100%;}
.footer dl{width: 18%;padding-right: 0;}
.footer dl:first-child{margin-left: 7%}
.footer dt{margin-bottom: 10px; color: #fff;font-size: 16px;}
.footer dd{margin-top: 10px;}
.footer dd a{color: #fff; font-size: 14px; line-height: 16px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.footer dd a:hover{color: #005bab; text-decoration: none;}
.footer >.row div.text-center p{margin-top: 10px; color: #fff; font-weight: bold;}
.footer >.row div.col-lg-2 p.f16{margin-top: 50px; margin-bottom: 8px; color: #535353;}
.footer >.row div.col-lg-2 p.f28{color: #575757; font-size: 30px; white-space: nowrap;}
.copyright{margin-top: 30px; font-size: 12px; color: #dedede;padding-top: 10px;padding-bottom: 10px;}
@media (min-width: 992px){
.footer{padding-top: 2%}
.copyright{margin-top: 2%;}
}
@media (min-width: 1200px){.footer >.row div.text-center{ width: 20%;float: right;}
@media (min-width: 1580px){
.footer >.row div.text-center{ width: 10%;float: right;}
.footer >.row div.col-lg-7{margin-left: 1.3333%; width: 61%;}
}
@media (min-width: 1580px){
.footer .col-md-9{width: 100%;}
}

/* index */
.index-banner .pagination{z-index: 2; bottom: 5px; margin-bottom: 0; display: table; width: 100%; text-align: center;}
.index-banner .swiper-pagination-bullet{margin: 0 5px; width: 10px; height: 10px; background: none; border: 2px solid #fff; opacity: 1;}
.index-banner .swiper-pagination-bullet-active{ border: 2px solid #156ad2;}
.index-banner .swiper-slide{background: none;}
.index-wrap{padding: 0;}
.index-wrap .row >div{padding: 0 0 20px;}
.index-wrap .row >div h3{font-size: 22px; color: #5c5c5c;}
/* .index-wrap .row >div img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);} */
.index-wrap .article{padding: 0 15px 15px;}
@media (min-width: 992px){
.index-banner .pagination{bottom: 40px;}
.index-wrap .row >div h3{margin-top: 60px;}
.index-wrap .article p{line-height: 22px; height: 44px; overflow: hidden;}
}
@media (min-width: 1200px){
.index-wrap .imgbox a:hover img{opacity: .5; filter: alpha(opacity=50); -webkit-transform: scale(1.1) matrix(1,0,0,1,0,-10); -ms-transform: scale(1.1) matrix(1,0,0,1,0,-10); transform: scale(1.1) matrix(1,0,0,1,0,-10);}
}
@media(max-width: 780px){
.index-banner .swiper-slide{height: 36vh !important; background-position: center center; background-repeat: no-repeat; background-size: cover;}
}
@media (max-width: 414px){
.index-wrap .imgbox{position: relative; height: 30vh;}
.index-wrap .row >div img{position: absolute; top: 50%; left: 50%; -webkit-transform: scale(1) translate(-50%,-25%); transform: scale(1) translate(-50%,-50%);}
}

/* about */
.banner .poster{height: 333px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.banner-tit{position: absolute; z-index: 100; top: 50%; left: 50%;  height: 40px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-animation: fadeIn 2s; animation: fadeIn 2s;}
.videobox video{display: none;}
.poster{-webkit-animation: scaleBigToSmall 2s; animation: scaleBigToSmall 2s;}
.player{position: absolute; z-index: 100; top: 50%; left: 50%;  -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.player+.banner-tit{margin-top: 60px;}
@media (max-width: 1024px){
/* .poster img{display: block; margin: 0 auto; height: 65vh;} */
}
@media (max-width: 992px){
.banner{margin-top: 50px;}
/* .poster img{height: 42vh;} */
}
@media (max-width: 767px){
.banner-wrap{margin-top: 50px;}
.player{margin-top: -30px; width: 43px;}
.player+.banner-tit{margin-top: 30px;}
.banner-tit{width: 80%; height: auto;}
}
@media (max-width: 414px){
.banner .poster{height: 30vh;}
.poster img{height: 38vh;}
}
.about-box1 .fixedbox.pf{position: fixed; left: 0; top: 0; width: 100%;}
.about-box1 .container{padding-top: 4%; padding-bottom: 4%;}
.about-box1 .bgcolor{top: 0; bottom: 0; left: 0; width: 35%; background: #f3f4f5;}
.about-box1 .article{font-size: 14px; line-height: 36px; color: #888;}
.about-box1 .about-title{margin-bottom: 8%;}
.about-title img{width: 50px;}
.about-title h3{font-size: 36px; color: #333;}
.about-title h6{font-size: 18px; color: #fff;}
.about-title .line{display: block; margin: 30px auto; width: 32px; height: 2px; background: #417ac2;}
@media (max-width: 767px){.about-title h3{font-size: 30px;}}
.about-box1-bd .f18{margin-top: 40px; margin-bottom: 40px; color: #282828;}
.about-box1-bd img{margin: 10px 0; width: 40px;}
.about-box1-bd p{height: 96px; font-size: 14px; line-height: 24px; color: #888; overflow: hidden;}
.about-box2{padding: 3% 0; background: #417ac2; color: #fff;}
.about-box2 .about-title .line{position: absolute; left: -40px; top: 50%; margin: -0.5px 0 0; width: 32px; height: 1px; background: #6190cc;}
.about-box2 .number{margin-top: 25px; margin-bottom: 25px; font-size: 80px; line-height: 80px; font-family: "Decker"; font-weight: bold; opacity: .1;}
.about-box2 p{opacity: .56; line-height: 28px; font-size: 14px;}
.about-box3{padding: 5% 0; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed;}
.about-box3 .about-title h3{color: #fff;}
.about-box3 .about-title .line{margin-top: 20px; width: 20px; position: static;}
.about-box3 .swiper-slide >div{margin: 20px auto; padding: 0 15px; text-align: center; font-size: 16px; color: #fff;}
.about-box3 .swiper-slide >div div.pr{display: table; width: 100%; margin-bottom: 20px; overflow: hidden; background: #000;}
.about-box3 .swiper-slide >div div.pr div{display: table-cell; height: 32.5vh; vertical-align: middle;}
.about-box3 img{display: inline; max-width: 100%; max-height: 100%;}
.about-box4{padding: 5% 0; background: #fff;}
.about-box4 .row{margin-left: -10px; margin-right: -10px;} 
.about-box4 .row >div{padding: 0;}
.about-box4 .row >div div{margin: 5px; background: #ebedee;}
.about-box4 .row >div div p{padding: 10px 0; background: #fff; color: #333; line-height: 22px;}
.about-box4 img{width: 100%;}
.about-box4 .tab-group{margin-bottom: 35px; display: inline-block; border: 1px solid #417ac2; height: 30px;}
.about-box4 .tab-group a{display: inline-block; padding: 0 30px; font-size: 16px; color: #4677bd; line-height: 28px;}
.about-box4 .tab-group a.active{color: #fff; background: #417ac2;}
.about-box4 .about-slick .pagination{color: #bdbdbd;}
.about-box4 .about-slick .swiper-button-prev{background-image: url(../Images/iconprev.png); background-size: 27px;}
.about-box4 .about-slick .swiper-button-next{background-image: url(../Images/iconnext.png); background-size: 27px;}
.about-slick{margin-top: 20px;}
.about-slick .pagination{position: relative; display: inline-block; width: 100px; font-size: 30px; color: #6b6b6b;}
.about-slick .swiper-button-next, .about-slick .swiper-button-prev{position: relative; top: 0; margin: 0; display: inline-block; background-size: 15px;} 
@media (min-width: 992px){
.about-box2, .about-box3, .about-box4, .spoken{position: relative;}
.about-slick .pagination{bottom: 7px; width: 150px; font-size: 40px;}
.about-slick .swiper-button-next, .about-slick .swiper-button-prev{background-size: 18px;}
.about-box3 .swiper-pagination-current{color: #fff;}
.about-box3 .swiper-slide >div div.pr i{position: absolute; top: 50%; left: 50%; display: block; margin-top: -25px; margin-left: -25px; width: 50px; height: 50px; background: url(../Images/iconsearch_white.png) no-repeat center center; background-size: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 1s; transition: all 1s;} 
.about-box3 .swiper-slide >div div:before, .about-box3 .swiper-slide >div div:after{position: absolute; content: ""; display: block; width: 40%; height: 1px; background: #bdd0e9; opacity: .5; -webkit-transition: all 0.5s; transition: all 0.5s;}
.about-box3 .swiper-slide >div div:before{top: 26%; right: 3%; -webkit-transform: rotate(-36deg) scale(0); transform: rotate(-36deg) scale(0);}
.about-box3 .swiper-slide >div div:after{left: 3%; bottom: 24%; -webkit-transform: rotate(-34deg) scale(0); transform: rotate(-34deg) scale(0);}
.about-box3 .swiper-slide >div div:hover:before{-webkit-transform: rotate(-36deg) scale(1); transform: rotate(-36deg) scale(1);}
.about-box3 .swiper-slide >div div:hover:after{-webkit-transform: rotate(-34deg) scale(1); transform: rotate(-34deg) scale(1);}
.about-box3 .swiper-slide >div div:hover img{opacity: .3;}
.about-box3 .swiper-slide >div div:hover i{-webkit-animation: bounceIn 1s; animation: bounceIn 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
}
@media (min-width: 992px){
.about-box4 .row >div div{margin: 10px;}
}
@media (min-width: 1200px){
.about-title{text-align: left;}
.about-title .line{position: absolute; left: -100px; top: 50%; margin-top: -1px; width: 92px;}
.about-box1 .about-title{margin-bottom: 18%;}
.about-box1 .article{margin-right: 30%;}
.about-box1-bd .f18{text-align: left;}
.about-box1-bd img{width: 60px;}
.about-box1-bd{margin-left: 7.6666%; width: 57%;}
.about-box1-bd .row >div{margin-right: 10%; width: 40%;}
.about-box3{padding: 3% 0;}
.about-box3 .about-title{text-align: center;}
.about-box4-hd{position: absolute; z-index: 2; top: 0; background: #fff; text-align: left;}
.about-box4-hd .about-title{margin-top: 25%;}
.about-box4-hd .tab-group{margin-top: 25px;}
.about-box4 .tab-group a:hover{text-decoration: none;}
.about-box4 .about-slick{position: absolute; z-index: 2; right: 0; bottom: 10px;}
.about-box4 .about-slick .pagination{margin-top: 33%;}
}
.spoken{padding: 4.5% 0; background: #fff;}
.spoken img{max-width: 100%;}
.spoken .about-title .line{position: static; margin-left: 0; margin-top: 40px; width: 15px;}
.spoken .article{padding-top: 10px; padding-left: 8%;}
.spoken .edite{margin-top: 45px; line-height: 36px; color: #888;}
.spoken .edite p{margin-bottom: 35px;}
.spoken div.text-right img{margin-top: 20px; width: 100px; display: inline;}
@media (max-width: 991px){
.spoken .article{padding-left: 0;}
}
.anchor{position: fixed; z-index: 100; right: 0; top: 50%; margin-top: -82px; padding: 10px 0; text-align: right;  -webkit-transform: translateZ(0);}
.anchor a{position: relative; display: block; padding: 0 45px 0 23px; line-height: 36px; color: #bababa; font-size: 14px;}
.anchor a:after{position: absolute; right: 22px; top: 50%; content: ""; display: block; width: 0; height: 1px; background: #417ac2; -webkit-transition: all 0.3s; transition: all 0.3s;}
.anchor a.active{color: #333;}
.anchor a.active:after{width: 10px;}
.anchor a:link{text-decoration: none;}
.anchor.reverse a:after{background: #fff;}
.anchor.reverse a.active{color: #fff;}

/* product */
.pro-title h3{font-size: 36px; color: #333;}
.pro-title .line{display: block; margin: 15px auto; width: 10px; height: 2px; background: #417ac2;}
.subnav .navbar-header{border-top: 1px solid #dbdbdb;}
.subnav .navbar-nav{padding: 10px 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.subnav .navbar-toggle{margin: 0; padding: 0; width: 50px; height: 50px; background: url(../Images/iconnext.png) no-repeat center center; background-size: 20px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.3s; transition: 0.3s;}
.subnav .navbar-toggle.collapsed{-webkit-transform: rotate(0); transform: rotate(0);}
.subnav .navbar-brand{padding-left: 0; color: #417ac2; font-size: 16px; font-weight: bold;}
.subnav .icon-bar{background: #333;}
.subnav .nav>li>a{margin-right: 15px; padding: 0; line-height: 36px; font-size: 14px; background: url(../Images/iconnext.png) no-repeat right center; background-size: 15px;}
.subnav .navlist{-webkit-padding-start: 0; -moz-padding-start: 0;}
.subnav .navlist li{display: inline-block; position: relative;}
.subnav .navlist li a{display: block; padding: 10px 20px; font-size: 14px; color: #888;}
.subnav .navlist li.active a{color: #417ac2;}
.subnav .navlist li a:before{position: absolute; content: ""; left: 0; top: 50%; margin-top: -6px; display: block; width: 1px; height: 12px; background: #dfdfdf;}
.subnav .navlist li a:after{position: absolute; content: ""; left: 50%; bottom: 0; margin-left: -3px; display: none; width: 6px; height: 6px; border-top: 1px solid #417ac2; border-right: 1px solid #417ac2; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.subnav .navlist li:first-child a:before{display: none;}
.subnav .navlist li.active a:after{display: block;}
.product{padding: 2% 0;}
.product .container-fluid{padding-left: 4.16666666667%; padding-right: 4.16666666667%;}
.product .row {margin: 0;}
.product .row >div{padding: 0;}
.product .row .imgbox{position: relative; margin: 15px; text-align: center; background: #fff;}
.product .row .imgbox img{width: 100%; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.product .row .imgbox p{position: absolute; left: 0; right: 0; bottom: 0; margin-bottom: 0; padding: 10px; background: rgba(0,0,0,.5); color: #fff; font-size: 14px;}
.product .pages{margin: 5% 0 7%;}
.pages span{position: relative; top: 18px; padding: 0 10px; font-size: 60px; color: #bdbdbd;}
.pages a img{width: 40px;}
@media (max-width: 767px){.product .row .imgbox{margin: 10px 0;}}
@media (min-width: 1200px){
.subnav .navlist li a:hover{color: #417ac2;}
.product .row .imgbox a:hover img{opacity: .75; filter: alpha(opacity=75); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.product .row .imgbox a:hover p{bottom: -20%;}
}

/* case */
.prolist{padding-bottom: 10%; padding-left: 30px; padding-top: 20px;}
#gallery-wrapper{position: relative;max-width: 100%;width: 100%;}
img.thumb{width: 100%; height: auto;}
.white-panel{position: absolute;}
.white-panel h4{margin: 20px 0 15px; padding: 0 5%; font-size: 14px; color: #333;}
.white-panel p{padding: 0 5%; color: #888; font-size: 12px; line-height: 24px;}
.white-panel a{display: block; width: 100%; height: 100%; padding-bottom: 10px; background: #f4f4f6; -webkit-transition: all 0.35s linear; transition: all 0.35s linear;} 
.addmore a{display: block; margin: 50px auto 0; width: 82px; height: 82px; border: 1px solid #ced1d4; text-align: center; line-height: 98px; -webkit-border-radius: 50%; border-radius: 50%;}
.addmore a:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ced1d4; opacity .5;}
.addmore i{margin-left: 5px; background-color:#a9aeb4; height:8px; width:8px; display:inline-block; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: stretchdelay 1s infinite ease-in-out; animation: stretchdelay 1s infinite ease-in-out; -webkit-transition: all 0.3s; transition: all 0.3s;}
.addmore .cir1{margin-left: 0; -webkit-animation-delay:-0.6s; animation-delay:-0.6s;} 
.addmore .cir2{-webkit-animation-delay:-0.5s; animation-delay:-0.5s;} 
.addmore .cir3{-webkit-animation-delay:-0.4s; animation-delay:-0.4s;}
@media (max-width: 414px){.addmore{display: none;}}
@media (max-width: 767px){
.prolist{padding-left: 0;}
.white-panel{position: static; margin-bottom: 20px;}
}
@media (min-width: 1200px){
.white-panel a:hover{-webkit-transform: matrix(1,0,0,1,0,-10); transform: matrix(1,0,0,1,0,-10); -webkit-box-shadow: 5px 5px 15px rgba(0,0,0,.07); box-shadow: 5px 5px 15px rgba(0,0,0,.07);}
.addmore a:hover{border-color: #417ac2;}
.addmore a:hover i{background: #417ac2;}
}
    @-webkit-keyframes stretchdelay {
      0%, 40%, 100% { -webkit-transform: translateY(-10px) }  
      20% { -webkit-transform: translateY(-20px) }
    }

    @keyframes stretchdelay {
      0%, 40%, 100% { transform: translateY(-10px); -webkit-transform: translateY(-10px);} 
	  20% { transform: translateY(-20px);-webkit-transform: translateY(-20px);}
    }
	
/* research */	
.research{position: relative; margin-bottom: 6%;}
@media(max-width: 1199px){
.research{padding-top: 6%;}
}
.research .bgpic{position: absolute; right: 0; top: 0; bottom: 0; width: 54.751%; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.research .article{margin-top: 7%; text-align: center; font-size: 14px; line-height: 30px; color: #666;}
.research .article img{max-width: 100%;}
.newslist{margin-top: 25px; margin-bottom: 5%;}
.newslist .pages span{top: 15px; font-size: 48px; font-family: "Decker";} 
.newslist .pages img{width: 36px;}
.newslist .item .container{position: relative; padding-top: 28px; padding-bottom: 28px; color: #333;}
.newslist .item .container:after{position: absolute; content: ""; left: 0; right: 0; top: 0; display: block; height: 1px; background: #eee;}
.newslist .item:first-child .container:after{display: none;}
.newslist .item h6{font-size: 16px;}
.newslist .item h6 a{color: #333;}
.newslist .item p{margin-bottom: 0; font-size: 12px; line-height: 20px; color: #999; height: 40px; overflow: hidden;}
.newslist .item .more{margin-top: 30px;}
.newslist .item .more{position: relative; display: inline-block; width: 69px; height: 27px; border: 1px solid #cdcdcd;}
.newslist .item .more:before{position: absolute; content: ""; left: 50%; top: 50%; margin-top: -0.5px; margin-left: -14.5px; width: 29px; height: 1px; background: #cdcdcd; -webkit-transition: all 0.3s; transition: all 0.3s;}
.newslist .item .more:after{position: absolute; content: ""; right: 17px; top: 9px; display: block; width: 7px; height: 7px; border-top: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s; transition: all 0.3s;}
.newslist .item .date span{font-family: "Decker";}
@media (max-width: 767px){
.newslist .item .container{padding-top: 15px; padding-bottom: 20px;}
.newslist .item .container:after{left: 15px; right: 15px;}
.newslist .item .date .f60{font-size: 26px;}
}
@media (min-width: 640px) and (max-width: 991px){
.newslist .item .article{padding-left: 30px;}
.newslist .item .morebox{display: block !important;}
}
@media (min-width: 780px) and (max-width: 991px){
.newslist .item .date{padding-left: 0;}
}
@media (min-width: 992px){
.newslist .item .date{padding-left: 0;}
.newslist .item .article{padding-left: 0; padding-right: 30px;}
.newslist .item .morebox{padding-right: 0;}
}
@media (min-width: 1200px){
.research .about-title .line{margin-top: 40px;}
.research-bd{padding-top: 8%; width: 45.249%; background: #fff;}
.research .article{text-align: left;}
.research .article p{margin: 0;}
.newslist .item .article{padding-right: 50px;}
.newslist .item:hover{background: #f4f5f6;}
.newslist .item:hover h6{color: #417ac2;}
.newslist .item:hover .more, .newslist .item:hover .more:after{border-color: #417ac2;}
.newslist .item:hover .more:before{background: #417ac2;}
}
.pages .btn{width: 36px; height: 59px; background-repeat: no-repeat; background-position: center center; background-size: 100%;}
.pages .btnprev{background-image: url(../Images/iconprev.png)}
.pages .btnnext{background-image: url(../Images/iconnext.png)}
.pages .btnprev:hover{background-image: url(../Images/iconprev_hover.png)}
.pages .btnnext:hover{background-image: url(../Images/iconnext_hover.png)}


/* news */
.news{padding: 3% 12.5%;}
.news .addmore{margin-top: 15%; margin-bottom: 13%;}
.news .addmore a:before, .news .addmore a:after{position: absolute; content: ""; top: 50%; left: 50%; margin-left: -22px;  display: block; width: 44px; height: 1px; background: #ced0d4; -webkit-transition: all 0.3s; transition: all 0.3s;}
.news .addmore a:before{-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.news .addmore a:after{-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.news-title h1{font-size: 24px; color: #333;}
.news-title p{font-size: 14px; color: #c2c2c2;}
.news .article{margin-top: 30px; font-size: 14px; line-height: 36px; color: #666;}
.article table tr td{border: 1px solid #000}
.news .article img{max-width: 100%;}
@media (max-width: 767px){.news{padding-left: 0; padding-right: 0;}}
@media (min-width: 1200px){
.news .addmore a:hover{-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.news .addmore a:hover:before, .news .addmore a:hover:after{background: #417ac2;}
}

/* install */
.install{position: relative; padding-left: 4.16666666667%; padding-right: 4.16666666667%; padding-bottom: 10%;}
.install .bgcolor{top: 0; left: 0; bottom: 0; background: #f4f4f6; width: 39.8%;}
.install .about-title{margin-top: 50px;}
.install-link{margin-top: 40px; margin-bottom: 40px;}
.install-link a{display: block; padding: 7px 0; font-size: 16px; line-height: 22px; color: #888;}
.install .poster img{max-width: 100%;}
.install .player{margin-top: 0; opacity: .57;}
@media (min-width: 415px) and (max-width: 991px){
.install .poster img{width: 100%;}
}
@media (min-width: 992px) and (max-width: 1199px){
.install .about-title{text-align: left;}
.install .about-title .line{position: absolute; left: -100px; top: 50%; margin-top: 35px; width: 92px;}
.install{padding-top: 7%;}
}
@media (min-width: 1200px){
.install{padding-top: 7%;}
.install .about-title .line{margin-top: 40px;}
.install-link{padding-right: 50px;}
.install div.col-lg-9{width: 74%;}
}

/* contact */
.map input{border: 1px solid #a5acb2;}
.map #BMapLib_transBox0 td:first-child{width: 40px !important;}
.map #BMapLib_transBox0 td:last-child{width: 112px !important;}
.map .BMapLib_sendToPhone{display: none;}
.tangram-suggestion .route-icon{background-position: 0 -12px !important;}
.contact div.col-lg-3{float: right; background: #fff; padding-bottom: 95px;}
.contact .about-title{margin-top: 95px; margin-bottom: 180px;}
.contact .info{position: relative; margin-bottom: 20px; padding-bottom: 20px; font-size: 14px; line-height: 24px; color: #666;}
.contact .info:after{position: absolute; content: ""; left: 0; bottom: 0; display: block; width: 11px; height: 2px; background: #417ac2;}
.contact .info p{margin-bottom: 0;}
.anchorBL{display: none;}
.contact .input-group{margin-top: 15px; border-bottom: 1px solid #dedede;}
.contact .input-group-addon{padding-left: 0; border: 0; background: none; text-align: left; font-size: 14px; color: #666;}
.contact .input-group .form-control, .contact .input-group .form-control:focus{border: 0;}
.contact .form-control{border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
.contact .noborder{padding-top: 0;}
.contact textarea.form-control{height: 120px; border: 1px solid #dedede !important; width: 100%; -webkit-appearance: none;}
.contact .submit{opacity: 0; margin-top: 30px; padding: 0 20px; width: 100%; line-height: 40px; background: #417ac2; color: #fff; font-size: 16px; font-weight: bold;}
.contact .submit.active{-webkit-animation: fadeInUp 1s; animation: fadeInUp 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@media (min-width: 640px) and (max-width: 991px){
.contact .input-group.mt{margin-top: 15px !important;}
.contact .input-group.col-24x.mt{margin-top: 0 !important;}
}
@media (max-width: 991px){
.contact .about-title{margin-top: 50px; margin-bottom: 50px;}
.map{margin-top: 50px; height: 42vh;}
}
@media (min-width: 992px){
.contact div.col-lg-3{margin-top: 90px; padding-left: 54px; padding-right: 54px;}
.map{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.anchorTL{margin-top: 24%;}
.contact .submit:hover{background: #1256ad;}
}
@media (min-width: 992px) and (max-width: 1199px){
.contact .about-title{margin-bottom: 95px;}
.contact .input-group.mt{margin-top: 15px !important;}
}
.recruit-box{padding: 40px 0 30px;}
.recruit-box .pages span{top: 14px; font-size: 48px;}
.recruit .row{font-size: 16px; color: #666; border: 1px solid #ebedee; border-top: 0;}
.recruit .row >div{padding: 15px 30px; line-height: 22px;}
.recruit-hd .row{margin-top: 30px; margin-bottom: 13px; background: #f3f3f3; font-weight: bold; border: 1px solid #f3f3f3;}
.recruit-bd-item{margin-top: -1px;}
.recruit-bd-item:nth-of-type(1) .row{border: 1px solid #ebedee;}
.recruit-bd-item .ff-ar{font-size: 15px; cursor: pointer;}
.recruit-bd-item.active .ff-ar, .recruit-bd-item:hover .ff-ar{color: #417ac2;  text-indent: 10px;}
.recruit-bd-item .infor{display: none; margin: -1px -15px 0; padding: 10px 30px 30px; border: 1px solid #ebedee; border-top: 0; background: #fff; font-size: 14px;}

.swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white{opacity: 1 !important; background-size: 100% !important; -webkit-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev.swiper-button-white{background-image: url(../Images/iconprev.png) !important;}
.swiper-button-next.swiper-button-white{background-image: url(../Images/iconnext.png) !important;}
.swiper-button-prev.swiper-button-white:hover{background-image: url(../Images/iconprev_hover.png) !important;}
.swiper-button-next.swiper-button-white:hover{background-image: url(../Images/iconnext_hover.png) !important;}



.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f32{font-size: 32px;}
.f34{font-size: 34px;}
.f36{font-size: 36px;}
.f38{font-size: 38px;}
.f40{font-size: 40px;}
.f60{font-size: 60px;}

.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.block{display: block;}
.hide{display: none;}
.inline{display: inline-block;}
.hidden{overflow: hidden;}
.cap{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.bold{font-weight: bold;}
.indent{text-indent: 2em;}
.normal{font-weight: normal;}
.vmid td{vertical-align: middle;}
.hand{cursor: pointer; _cursor: hand;}
.ff-ar{font-family:Arial !important;}
.noborder{border: 0 !important;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.justify{text-align:justify; text-justify: distribute-all-lines; text-align-last:justify;}
.filterbox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom:1;}
:root .filterbox{filter: none\9;}
.tips{display: none; z-index: 100; top: 50%; left: 50%; margin-top: -35px; margin-left: -135px; padding: 10px; width: 250px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; background: rgba(0,0,0,.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000); zoom:1;}
:root .tips{filter: none\9;}
.clearfix:after {display: block; clear: both; height: 0px; overflow: hidden; content: "\200B" }
.clearfix { *zoom: 1;width: 1350px}
/* 图片去色 */
img.color{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
/* 高斯模糊 */
.blur{-webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); /* IE6~IE9 */}
.imgbox{background: #417ac2;}
.imgbox a{position: relative; display: block; width: 100%; height: 100%;}

/* css3 style */
.trans-3{-webkit-transition: all 0.35s linear; transition: all 0.35s linear;}
.trans-8{-webkit-transition: all 0.8s; transition: all 0.8s;}
.radius-half{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.shadow{-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1); box-shadow: 0 5px 10px rgba(0,0,0,.1);}




.about-box4-slick .row img{

-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; transform-origin: 50% 100%; -webkit-transform: 50% 100%; transition: all 1s; -webkit-transition: all 1s
}


.about-box4-slick .row >div:hover img{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}
#cboxCurrent{bottom: 1px;}
#newBridge .icon-right-center{left: 0 !important; right: auto !important;}
@media (max-width:1442px){
.index-about .tboxs .label-box .box.b1, .index-about .tboxs .label-box .box.b2, .index-about .tboxs .label-box .box.b3, .index-about .tboxs .label-box .box.b4{width:42%;}
.index-about .tboxs .title{padding-top:38px;}
}
/*分页*/
#page{
	text-align: center
}
#page span{
	padding: 10px 15px;
	border: 1px solid #eeeeee;
	font-size: 14px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#page span.active{
	border: 1px solid #156ad2;
	color: #156ad2;
	padding: 10px 15px;
}
#page span:hover{
	border: 1px solid #156ad2;
	color: #156ad2;
	cursor: pointer
}
.feedback_select{
	text-align: left !important;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}