/*滚动条样式*/
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#ccc}
::-webkit-scrollbar-thumb{height:60px;background:#4280b1}
::-webkit-scrollbar-thumb:window-inactive{background:#4280b1}
::-webkit-scrollbar-thumb:vertical:hover{background:#4280b1}

body{position: relative;font-family:Arial,Helvetica,sans-serif;transition: all 0.5s;min-width:320px;width:100%;overflow-x: hidden;}
html,body{height:100%;}
em,i{font-style:normal}
input,textarea,img,button,select{outline: none;color:#1a1a1a;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,a:focus{outline: none;outline-offset:0;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,dl{margin:0;font-family:Arial;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight: 400;}
ul{padding:0;margin:0;}
a{color:#1a1a1a;}
a:focus,a:hover{text-decoration:none;color:#1a1a1a;}
textarea{resize: none;}
.Animation{-webkit-transition:all 0.7s;transition:all 0.7s;opacity:0;-webkit-transition-delay:.3s;transition-delay:.3s}
.section{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.section:before,
.section:after{display: none;}
.img{position:relative;overflow:hidden;}
.img>img{display:block;width:100%;transition:all .5s}
.img:hover>img{transform: scale(1.05);}
.fl{float:left;}
.fr{float:right;}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.overflowY{overflow-y:hidden;}
@media (min-width: 768px) {
    html {
        font-size: 28px!important;
    }
}

@media (min-width: 1025px) {
    ::-webkit-scrollbar {
        width: 6px;
        height:6px;
    }

    ::-webkit-scrollbar-track {
        background: #fff;
    }

    ::-webkit-scrollbar-thumb {
        background: #4280b1;
        /*border-radius: 4px;*/
    }

    ::-webkit-scrollbar-thumb:window-inactive {
        background: #4280b1;
    }

    ::-webkit-scrollbar-thumb:vertical:hover {
        background: #4280b1;
    }
    html {
        font-size: 34px!important;
    }
    body{
        -ms-overflow-style: scrollbar;
    }
}
@media (min-width: 1440px) {
    html {
        font-size: 34px!important;
    }
}
@media (min-width: 1680px) {
    html {
        font-size: 40px!important;
    }
}



.index_body{padding-top:0;}
@media (max-width: 767px) {
	.PC_show{display:none!important;}
	.section .container{width:100%;}
}
@media (min-width: 768px) {
	
	.Min_show{display:none!important;}
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {
	
	.container{width: 1130px;}
}
@media (min-width: 1450px) {
	.container{width: 1230px;}
}
@media (min-width: 1650px) {
	.container{width: 1275px;}
}
@media (min-width: 1850px) {
	.container{width: 1275px;}
}
@media (min-width: 1200px) {   
    .container2{width: 100%; margin: 0 auto;}
}

@media (min-width: 1850px) {
    .container2{width: 80%;}
}

/*foot*/
.gotop{width:40px;height:40px;background:url(../images/gotop.png) no-repeat center;background-size:contain;position:fixed;right:5px;bottom:50px;cursor:pointer;display:none;transition:all .5s;z-index: 2;}

.footer{padding:45px 0 30px;background:url(../images/db_bg.jpg);color:#fff;width:100%;overflow: hidden;position: relative;z-index: 2; margin-top:12px;}
.footer a{color:#fff;}
.foot_top_row{position: relative;}
.foot_top_row>div{margin-bottom:20px;}
.foot_links{color:#f2f2f2;line-height:20px;}
.links{ margin-top:15px; }
.foot_links dt{font-size:14px;font-weight: 400;margin-bottom:20px; float: left;}
.foot_links dd{display: flex;flex-flow: row wrap;margin-left:-20px;margin-right:-20px;}
.foot_links dd>a{display: block;font-size:14px;color:#f2f2f2;margin-bottom:10px;padding-right:10px;}
.foot_links dd>a:hover{color:#fff;}
.foot_nav a{display: block;line-height:20px;margin-bottom:5px;}
.foot_nav a:hover{color:#fff;}
.foot_nav dt{position: relative;}
.foot_nav dt>a{font-size:16px;font-weight: 400;margin-bottom:20px; color: #fff;}
.foot_nav dd>a{font-size:14px;color:#b9d5f4;font-weight: lighter; line-height: 1.8;}

.foot_nav .dropdown>dd{display: none;}
.foot_nav dt>.icon{position: absolute;width:100%;height:100%;left:0;top:0;z-index: 2;display: none;}
.foot_nav dt>.icon:before,
.foot_nav dt>.icon:after{content: '';display: block;position: absolute;background:#cccccc;transition: all 0.3s;}
.foot_nav dt>.icon:before{width:12px;height:1px;right:0;top:50%;}
.foot_nav dt>.icon:after{height:12px;width:1px;right:5px;top:50%;margin-top:-6px;margin-right:0;}
.foot_nav .active dt>a{color:#fff;}
.foot_nav .active dt>.icon:before{background:#fff;}
.foot_nav .active dt>.icon:after{background:#fff;height:0;}
.db_logo{text-align: center; display: block;}
.db_logo img{ max-width: 9rem;  display: block; }
.foot_ewm{text-align: center; display: block; margin-top:12px;}
.foot_ewm img{display: block;width:120px;margin:0 auto 10px;}
.foot_ewm p{ font-size:14px; line-height: 1.4; margin-top: 15px;text-align: left; color: #b9d5f4; }

.foot_top_right{}
.foot_top_right h3{font-size:16px;font-weight: 400;margin-bottom:20px; color: #fff;}
.foot_top_right p{ font-size: 14px; color: #b9d5f4; line-height: 24px; }
.foot_top_right p i{ font-size: 15px; margin-right: 5px;color: #00adee; }

.copyright{margin-top:15px;line-height:1.74;color:#fff; border-top:1px solid #1361b6; padding-top:15px;}
.copyright p{ text-align: right; font-size: 14px;color:#69a3e2;  }
.copyright a{color:#69a3e2;display: inline-block;}
.copyright img,
.copyright a img{display:inline-block;vertical-align:middle;}
.copyright a:hover{color:#fff;text-decoration: underline;}
.top_ico01{float: left;  }
.top_ico01 ul{ text-align: center; display: block; overflow: hidden;}
.top_ico01 ul li{ display: inline-block; margin: 0 5px; line-height:30px;  }
.top_ico01 ul li a:hover{ text-decoration: none; }
.top_ico01 ul li i{ font-size: 18px; color: #fff; }


@media (max-width:767px){
	.gotop{width:30px;height:30px}
	
	.footer{padding:25px 0 15px;}
	.foot_nav a{padding:10px 0;border-bottom:1px solid rgba(137,137,137,0.3);}
	.foot_nav>dl{margin-bottom:5px;}
	.foot_nav dt>a{margin-bottom:0;}
	.foot_nav dl>dd>a{text-indent:2em;}
	.foot_nav .dropdown .icon{display: block;}
	.copyright{font-size:12px;margin-top:0;}
	
	.foot_ewm{justify-content: center;}
	
	.foot_links dt{margin-bottom:10px;}
	.foot_links dd{margin-left:-10px;margin-right:-10px;}
	.foot_links dd>a{padding-left:10px;padding-right:10px;}
    .pd01{ display: block; min-height: 62px; }
    .navbar-other .navbar_tel .icon01{ width: 30px; height: 30px; }
}
@media (min-width:768px){
	.foot_nav{display: flex;justify-content: flex-start;flex-flow: row wrap;margin-left:-10px;margin-right:-10px;}
	.foot_nav dl{width:50%;padding-left:10px;padding-right:10px;margin-bottom:20px;}
	.foot_nav .dropdown>dd{display: block!important;}
	.foot_nav dl dd{ float: left; }
    .foot_nav dl dd a{ display: block; }

	
	.foot_top_row .column1{width:auto;}
	.foot_top_row .column3{width:auto;}
}
@media (min-width:992px){
    .footer{margin-top:1.5rem;}
    .foot_nav dd>a{font-size:.36rem}
	.foot_top_row{display: flex;justify-content:space-between;flex-flow: row wrap;}
	.foot_top_row:before,
	.foot_top_row:after{display: none;}
	.foot_top_row .column2{ width: 36%; }
	.foot_nav{justify-content:space-between;}
	.foot_nav dl{width: 50%;}
	.foot_nav dt>a{font-size:.5rem;}
    .foot_nav dt>a i{ width: 30px; height: 2px; background: #fff;  }
	.foot_nav dl dd>a{ font-size: .38rem; line-height:2; font-weight: normal;  }
	.foot_top_right h2{ font-size: .8rem; }
    .copyright p{ font-size: .4rem; }
    .navbar-fixed-top{ position: relative; }
    .foot_top_right p{ font-size: .4rem; line-height: 2; }
    .foot_top_right p i{ font-size: 16px; }

}
@media (min-width:1200px){
    .foot_ewm p{ font-size: .4rem;margin-top: .8rem; line-height: 2}
	.foot_links dt{font-size:14px;}
	.foot_nav{margin-left:-15px;margin-right:-15px;}
	.foot_nav dl{padding-left:15px;padding-right:15px;margin-bottom:0;}
	.foot_top_right h3{font-size:18px;}
	
	.foot_ewm{font-size:16px;}
	.foot_ewm img{ width: 135px; }
     .copyright p{ font-size: .38rem; }
     .foot_top_row .column3{width:32%;}
     .foot_top_right p{ font-size: .38rem; }
	

}
@media (min-width:1450px){
	
	
	.foot_top_row .column1{}
	
}
@media (min-width:1650px){
	.foot_nav{margin-left:-30px;margin-right:-30px;}
	.foot_nav dl{padding-left:30px;padding-right:30px;}
	
	.foot_links dd{margin-left:-30px;margin-right:-30px;}
	.foot_links dd>a{padding-left:30px;padding-right:30px;}
}
@media (min-width:1850px){
	.foot_nav{margin-left:-40px;margin-right:-40px;}
	.foot_nav dl{padding-left:40px;padding-right:40px;}
}

/*导航*/

.header{    box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.1);}

.navbar-default {
	background-color:#f3f6f6;
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
	transition: all 0.5s;
}
.navbar-brand {
	height: auto;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right:0;
	display: block;
	transition: all 0.5s;
}
.navbar-brand img {
	display: block;
	height: 30px;
	transition: all 0.5s;
   margin: 10px 0;
}
.navbar-brand .logo2{position: absolute;top:6px;opacity: 0;}
.navbar-brand p{font-size:13px;color:#1a1a1a;padding-left:24px;line-height:20px;margin-top:8px;transition: all 0.5s;}
.navbar-default .navbar-toggle {
	border: 0;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #000;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: transparent;
}
.navbar-default .icon-bar:nth-child(1){width:16px;}
.navbar-default .icon-bar:nth-child(3){width:18px;}
.navbar-default .menu_close .icon-bar:nth-child(1) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	top: 6px;
	width:22px;
}
.navbar-default .menu_close .icon-bar:nth-child(2) {
	display: none;
}
.navbar-default .menu_close .icon-bar:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width:22px;
}
.navbar-default .navbar-nav>li>a {
	line-height: 18px;
    display: block;
    color: #181818;
    text-transform: capitalize;
    position: relative;
    transition: all .5s;
}
.navbar-default .navbar-nav>li>a:after{content: '';position: absolute;width:0;height:2px;background:#4280b1;left:50%;transform: translateX(-50%);transition: all 0.5s;}
.navbar-default .navbar-nav>li>a:after{bottom:0;}
.navbar-default .navbar-nav>li>a>i{display: none;}
.navbar-default .nav>li>a:focus,
.navbar-default .nav>li>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #4280b1;
	background-color: transparent;
}
.navbar-default .nav>li>a:hover::before,
.navbar-default .nav>.active>a::before,
.navbar-default .nav>li>a:hover::after,
.navbar-default .nav>.active>a::after{width:100%;}
.navbar-collapse::-webkit-scrollbar {
	width: 2px;
	height: 2px;
}

.navbar-other, .navbar_lans {
    display: flex;
    align-items: center;
    position: relative;
}
.navbar-other{float:right;color:#fff;padding:15px 0 0;margin-left:20px; position: relative;}
.navbar-other .icon{position: relative;padding:15px;}
.navbar-other .icon:before{}
.navbar-other .navbar_tel{  }
.navbar-other .navbar_tel .icon01{ width: 30px; height: 30px; background: #65cef5; border-radius: 100%; }
.navbar-other .navbar_tel .icon01 i{     font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    padding: 0;
    display: block; }
.navbar-other .icon>a{position: relative;display: block;height:30px;color:#fff;display: flex;justify-content: center;align-items: center;font-size:14px;z-index: 2; background: #65cef5; border-radius: 20px; padding: 0 5px}
.navbar-other .icon>a:hover,
.navbar-other .icon>a.active{}
.navbar_tel .icon>a>img{width:100%;height:100%;}
.navbar_tel_hover{position: absolute;right:0;top:100%;border-radius: 5px;font-size:14px;line-height:1.74;background:#049601;padding:15px 20px;color:#fff;/* box-shadow: 0 0 5px rgba(0,0,0,.1); */visibility: hidden;opacity: 0;transform: translateY(10px);transition: all 0.5s;}
.navbar_tel_hover>p{white-space: nowrap;font-weight: 700;}
.navbar_tel_hover a{color:#fff;}
.navbar_tel:hover .navbar_tel_hover{visibility: visible;opacity: 1;transform: none;}
.navbar_tel .icon01 .icon1{ font-size: 20px;  }

.navbar-tel{display: block;color:#4280b1;display: flex;align-items: center;line-height:30px;font-size:14px;transition: all 0.5s; }
.navbar-tel>.icon{width:30px;height:30px;margin-right:10px;background-repeat: no-repeat;background-position: center;background-size:100%;transition: all 0.5s;}
.navbar-tel:hover{color:#4280b1;}


.nav_en{position: absolute;
    top: 66px;
    background: #fff;
    width: 100%;
    text-align: center;
    line-height: 2;
    padding: 5px 0; display: none;}
.nav_en a{ color: #333; font-size: 14px; }
.ico_pic{ margin-right: 12px; margin-top: 5px; }

@media (min-width:1200px){
.navbar-brand img {	
	height: 50px;	
}
.navbar-header{ width: 15%; position: absolute; left: 0; background: #fff; height: 100%; }
.top_bg{ background: #004da1; display: block; overflow: hidden;position: relative;}
.top_ico{  width: 15%; position: absolute; left: 0;  height: 100%; }
.top_ico ul{ text-align: center; display: block; overflow: hidden;}
.top_ico ul li{ display: inline-block; margin: 0 5px; line-height:30px;  }
.top_ico ul li a:hover{ text-decoration: none; }
.top_ico ul li i{ font-size: 18px; color: #fff; }
.lx_left{ margin-left:15%; }
.lx_left ul{}
.lx_left ul li{ float: left;  margin-left: 30px; display: block;color: #fff; line-height: 30px; }
.lx_left ul li i{ font-size: 13px; color: #65cef5; float: left; margin-right: 10px; }
.lx_right{ float:right; }
.lx_right p{display: block;color: #fff; line-height: 30px; }
.lx_right p i{ font-size: 13px; color: #65cef5; float: left; margin-right: 10px; }

.navbar-other .icon>a {
    width: 40px;
    height: 40px;
    font-size: 18px;
}
.navbar-brand img {	
	margin-top:15px;
}
.lx_left{ margin-left:15%; }
.navbar-nav{ margin-left:1%;}
.navbar-other .navbar_tel .icon01{ width: 40px; height: 40px; }
.navbar-other .navbar_tel .icon01 i{ line-height: 40px; }
}
@media (max-width: 1340px){
   .navbar-nav{ margin-left:15%;} 
}
@media (min-width: 1450px){
   .lx_left{ margin-left:15%; } 
   .navbar-nav{ margin-left:0;}
   
  
}
@media (min-width: 1650px){
.lx_left{ margin-left:10%; } 


}

@media (min-width: 992px){
.navbar-other .icon>a {
   width: 140px;
    height: 40px;
    font-size: 16px;
    background: #65cef5;
    border-radius: 20px;
}

.navbar_tel .icon01 .icon1{font-size: 22px;
    color: #fff;
    width: 40px;
    background: #65cef5;
    border-radius: 100%;
    display: block;
    line-height: 40px;
    text-align: center;}

}
.ft18{ font-size: 18px; }
.ft20{ font-size: 20px; }
.ft32{ font-size: 32px; }


.head-search__modal {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1891d5;
    z-index: 700;
}
.head-search__mcont {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 80%;
    width: 100%;
}
.head-search__mcont input {
    width: 100%;
    height: 38px;
    color: #fff;
    padding: 0;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.6);
}
.head-search__mcont input::placeholder{ color: #fff; }

.hsm-btn {
    padding: 0;
    background-color: transparent;
    outline: none;
    border: none;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    cursor: pointer;
    z-index: 20;
}

.hsm-close {
    -webkit-transition: transform .3s linear;
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    position: absolute;
    display: inline-block;    
         right: 12px;
    top: 16px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
}
.hsm-close:hover{color: #fff;
	transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);}

@media (min-width: 768px){
.head-search__mcont {
   max-width: 500px;
    width: 100%;
}
.head-search__modal .hsm-close {
    right: 120px;
    top: 20px;
    font-size: 24px;
}
}
@media (min-width: 992px){
	.head-search__mcont {
   max-width: 830px;
    width: 100%;
}
}

/* 二级导航 */
.navbar-default .dropdown-menu{width:100%;border:none;left:50%;right:auto;background:rgba(255,255,255,0.95);top:100%;-webkit-transform: translateX(-50%);transform: translateX(-50%);border-radius: 0;padding:0;margin:0;box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.dropdown-menu>li{text-align: center;position: relative;}
.dropdown-menu>li>a{position: relative;font-size:14px;color:#1a1a1a;padding:10px;line-height:20px;transition: all 0.3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;border-bottom:1px solid #e6e6e6;}
.dropdown-menu>li>a:hover{color:#4280b1!important;}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover{background:none;}
.navbar-nav>li>.dropdown-menu>li dl{     background: #fff;
    position: absolute;
    left: 0;
    top: 42px;
    display: block; }
.navbar-nav>li>.dropdown-menu>li dl dd{ display: block; overflow: hidden; }
.navbar-nav>li>.dropdown-menu>li dl dd a{ font-size:14px; color: #666;  text-align: center; display: block; line-height: 30px; padding:8px 0; }
.navbar-nav>li>.dropdown-menu>li dl dd a:hover{ background: #eee; color: #4280b1; }
.navbar-nav>li>.dropdown-menu>li:hover dl{ display: block;}
.navbar-nav>li>.dropdown-menu>li dl dd a sup{ color:#f00; }

@media (max-width: 767px){
.navbar-nav>li>.dropdown-menu>li dl{ position: static;padding-left: 40px; }
.navbar-nav>li>.dropdown-menu>li dl dd{ padding:5px 0; }
.navbar-nav>li>.dropdown-menu>li dl dd a{ text-align: left; padding:3px 0; }
.ico_pic{ display: none; }


}

.headerEffect .navbar-default{box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.indexHeader .navbar-default{background-color:transparent}
.indexHeader .navbar-brand .logo1{opacity: 0;}
.indexHeader .navbar-brand .logo2{opacity: 1;}
.indexHeader .navbar-brand p{color:#fff;}
.indexHeader .navbar-tel{color:#fff;}
.indexHeader .navbar-tel>.icon{background-image: url(../images/icon/i14.png);}
.indexHeader .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}

.indexHeader.headerEffect .navbar-default{background:#fff;}
.indexHeader.headerEffect .navbar-brand .logo1{opacity: 1;}
.indexHeader.headerEffect .navbar-brand .logo2{opacity: 0;}
.indexHeader.headerEffect .navbar-brand p{color:#1a1a1a;}
.indexHeader.headerEffect .navbar-tel{color:#4280b1;}
.indexHeader.headerEffect .navbar-tel>.icon{background-image: url(../images/icon/i14R.png);}
.indexHeader.headerEffect .navbar-default .navbar-toggle .icon-bar{background-color: #000;}

@media (min-width: 768px) {
.navbar-nav>li>.dropdown-menu>li dl{ width: 230px; background: #fff; position: absolute; left:100%; top:0;display: none; }
.navbar-nav>li>.dropdown-menu>li dl dd{ display: block; overflow: hidden; }
.navbar-nav>li>.dropdown-menu>li dl dd a{ font-size:14px; color: #333;  text-align: center; display: block; line-height: 30px; padding:8px 0; }
.navbar-nav>li>.dropdown-menu>li dl dd a:hover{ background: #eee; color: #4280b1; }
.navbar-nav>li>.dropdown-menu>li:hover dl{ display: block;}
.navbar-nav>li.c01 span{ opacity: 1 }
}



@media (max-width: 1199px) {
    .top_bg{ display: none; }
	.header .container{position: relative;}
	.navbar-other{position: absolute;margin-left:0;padding:0;right:70px;top:0}
	.navbar-header{float:none;}
	.navbar-default .navbar-toggle{margin:19px 10px;display: block;margin-top:24px;}
	.navbar-collapse{border-top:1px solid #ccc;}
	.navbar-collapse.collapse{display: none!important;}
	.navbar-collapse.collapse.in{overflow-y:auto!important;display: block!important;}
	.navbar-default .navbar-nav{float:none!important;margin:15px auto;width:90%;}
	.navbar-default .navbar-nav>li{float:none;padding:0;}
	.navbar-default .navbar-nav>li>a{padding:15px 10px;border-bottom:1px solid #ccc}
	.navbar-default .navbar-nav>li>a:after{width:100%;height:0;bottom:-1px;}
	.navbar-default .navbar-nav>.active>a:after{height:2px;background:#4280b1;}
	.navbar-nav .open>a, .navbar-nav .open>a:focus, .navbar-nav .open>a:hover{border-bottom-color:#ccc;}
	
	.minHeaderEffect .navbar-default{background-color:#fff;}
	.indexHeader.minHeaderEffect .navbar-default{background:#fff;}
	.indexHeader.minHeaderEffect .navbar-brand .logo1{opacity: 1;}
	.indexHeader.minHeaderEffect .navbar-brand .logo2{opacity: 0;}
	.indexHeader.minHeaderEffect .navbar-brand p{color:#1a1a1a;}
	.indexHeader.minHeaderEffect .navbar-tel{color:#4280b1;}
	.indexHeader.minHeaderEffect .navbar-tel>.icon{background-image: url(../images/icon/i14R.png);}
	.indexHeader.minHeaderEffect .navbar-default .navbar-toggle .icon-bar{background-color: #000;}

	/* 二级导航 */
	.navbar-default .navbar-nav>.dropdown>a>i{position: absolute;width:14px;height:14px;right:5px;top:50%;margin-top:-7px;display: block;}
	.navbar-default .navbar-nav>.dropdown>a>i:before,
	.navbar-default .navbar-nav>.dropdown>a>i:after{content: '';position: absolute;background:#1a1a1a;transition: all 0.3s;}
	.navbar-default .navbar-nav>.dropdown>a>i:before{width:100%;height:2px;left:0;top:50%;margin-top:-1px;}
	.navbar-default .navbar-nav>.dropdown>a>i:after{width:2px;height:100%;left:50%;margin-left:-1px;}
	.navbar-default .navbar-nav>.dropdown.open>a>i:before,
	.navbar-default .navbar-nav>.dropdown.open>a>i:after{background:#4280b1;}
	.navbar-default .navbar-nav>.dropdown.open>a>i:after{height:0;}
	
	.navbar-default .dropdown-menu{position: static;margin:0;float:none;-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 rgba(0,0,0,0);background:none;padding:0;-webkit-transform: none;transform: none;}
	.dropdown-menu>li>a,
	.navbar-nav .open .dropdown-menu>li>a{border-bottom-style: dashed;text-align: left;line-height:25px;color:#777;}
	

	.header .navbar-fixed-bottom .navbar-collapse,.header .navbar-fixed-top .navbar-collapse {
		padding:0;
		margin:0;
		position: fixed;
		right:0;
		top:70px;
		width:33.333333%;
		background:#fff;
		transform: translateX(100%);
		opacity: 0;
		box-shadow: -1px 1px 2px rgba(0,0,0,0.1);
		transition: all 0.5s;
	}

	.navbar-collapse.collapse.in{transform: none;opacity: 1;}
	
	.nav-mask{position: fixed;width:100%;height:100%;left:0;top:0;z-index: 1029;display: none;}
	.nav-mask.active{display: block;}
}
@media (max-width: 767px) {
    .nav-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1029;
    display: none;
}


	.navbar-tel>.icon{margin-right:0;}
	.navbar-tel>i{display: none;}
	.navbar-default .navbar-toggle{ 
    margin: 17px 10px 0;}
	.navbar-nav{margin-left:0;margin-right:0;}
	.navbar-default .navbar-nav>li>a{padding:13px 0;}
	
	.header .navbar-fixed-bottom .navbar-collapse,
	.header .navbar-fixed-top .navbar-collapse {
		max-height: calc(100vh - 60px);
		/* height:calc(100vh - 60px)!important; */
		top:52px;
		width:100%;
	}
	.dropdown-menu>li>a,
	.navbar-nav .open .dropdown-menu>li>a{line-height:30px;}
	table.bt tbody th,table.bt thead {
	display: none
}

table.bt tbody td,table.bt tfoot td,table.bt tfoot th {
	border: none;
	display: block;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	vertical-align: top;
	float: left\9;
	width: 100%\9; text-align: left;
}

table.bt tbody td:before,table.bt tfoot td:before,table.bt tfoot th:before {
	content: attr(data-th) "";
	display: inline-block;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	flex-shrink: 0;
	font-weight: 700;
	width: 11em
}

table.bt tbody td.bt-hide,table.bt tfoot td.bt-hide,table.bt tfoot th.bt-hide {
	display: none
}

table.bt tbody td .bt-content,table.bt tfoot td .bt-content,table.bt tfoot th .bt-content {
	vertical-align: top
}
}
@media (min-width: 768px) and (max-width:1199px) {
	.navbar-other{right:100px;top:0px;}
	.navbar-default .navbar-toggle{margin-top:19px;}
	.header .navbar-fixed-bottom .navbar-collapse,
	.header .navbar-fixed-top .navbar-collapse {
		max-height: calc(100vh - 70px);
		/* height:calc(100vh - 70px)!important; */
	}
	.dropdown-menu>li>a,
	.navbar-nav .open .dropdown-menu>li>a{padding-left:2em;}
}
@media (min-width: 768px) {
	.navbar-brand{padding-top: 6px;padding-bottom: 6px;}
	
	.navbar-brand .logo2{top:6px;}
	.navbar-brand p{font-size:14px;padding-left:35px;}
}
@media (min-width: 992px) {
	.navbar-default .navbar-nav>li>a{font-size:.5rem}
}

@media (min-width: 1200px) {
	.nav-mask{display: none;}
	.navbar-other{margin-left:0;}
	.navbar-brand{}
	
	.navbar-brand .logo2{top:19px;}
	.navbar-brand p{padding-left:30px;margin-top:10px;font-size:16px;}
	.navbar-tel{font-size:18px;}
	
	.navbar-collapse.collapse{display: flex!important;justify-content: center;}
	.navbar-default .navbar-nav>li{padding:24px 13px;}
	.navbar-default .navbar-nav>li>a{padding:13px 0; }
	
	.indexHeader .navbar-default{background-color:transparent}
	.indexHeader .navbar-default .navbar-nav>li>a{color:#fff;}
	.indexHeader .navbar-default .navbar-nav>li>a:after{background:#fff;}
	.indexHeader .navbar-default .nav>li>a:focus,
	.indexHeader .navbar-default .nav>li>a:hover,
	.indexHeader .navbar-default .navbar-nav>.open>a,
	.indexHeader .navbar-default .navbar-nav>.open>a:focus,
	.indexHeader .navbar-default .navbar-nav>.open>a:hover,
	.indexHeader .navbar-default .navbar-nav>.active>a,
	.indexHeader .navbar-default .navbar-nav>.active>a:focus,
	.indexHeader .navbar-default .navbar-nav>.active>a:hover {
		color: #fff;
		background-color: transparent;
	}
	
	.indexHeader:hover .navbar-default{background:#fff;}
	.indexHeader:hover .navbar-default .navbar-nav>li>a{color:#1a1a1a;}
	.indexHeader:hover .navbar-default .navbar-nav>li>a:after{background:#4280b1;}
	.indexHeader:hover .navbar-default .nav>li>a:focus,
	.indexHeader:hover .navbar-default .nav>li>a:hover,
	.indexHeader:hover .navbar-default .navbar-nav>.open>a,
	.indexHeader:hover .navbar-default .navbar-nav>.open>a:focus,
	.indexHeader:hover .navbar-default .navbar-nav>.open>a:hover,
	.indexHeader:hover .navbar-default .navbar-nav>.active>a,
	.indexHeader:hover .navbar-default .navbar-nav>.active>a:focus,
	.indexHeader:hover .navbar-default .navbar-nav>.active>a:hover {
		color: #4280b1;
		background-color: transparent;
	}
	.indexHeader:hover .navbar-brand .logo1{opacity: 1;}
	.indexHeader:hover .navbar-brand .logo2{opacity: 0;}
	.indexHeader:hover .navbar-brand p{color:#1a1a1a;}
	.indexHeader:hover .navbar-tel{color:#4280b1;}
	.indexHeader:hover .navbar-tel>.icon{background-image: url(../images/icon/i14R.png);}
	.indexHeader:hover .navbar-default .navbar-toggle .icon-bar{background-color: #000;}
	
	.indexHeader.headerEffect .navbar-default{background:#fff;}
	.indexHeader.headerEffect .navbar-default .navbar-nav>li>a{color:#1a1a1a;}
	.indexHeader.headerEffect .navbar-default .navbar-nav>li>a:after{background:#4280b1;}
	.indexHeader.headerEffect .navbar-default .nav>li>a:focus,
	.indexHeader.headerEffect .navbar-default .nav>li>a:hover,
	.indexHeader.headerEffect .navbar-default .navbar-nav>.open>a,
	.indexHeader.headerEffect .navbar-default .navbar-nav>.open>a:focus,
	.indexHeader.headerEffect .navbar-default .navbar-nav>.open>a:hover,
	.indexHeader.headerEffect .navbar-default .navbar-nav>.active>a,
	.indexHeader.headerEffect .navbar-default .navbar-nav>.active>a:focus,
	.indexHeader.headerEffect .navbar-default .navbar-nav>.active>a:hover {
		color: #4280b1;
		background-color: transparent;
	}
    .navbar-brand img{height:1rem;}
	
}
@media (min-width: 1450px) {
	.navbar-default .navbar-nav{margin-right:-18px;}
	.navbar-default .navbar-nav>li{padding-left:18px;padding-right:18px;}
    .navbar-brand img{height:1.2rem;}
	
}
@media (min-width: 1650px) {
	.navbar-default .navbar-nav>li{padding-left:24px;padding-right:24px;}
	.navbar-default .navbar-nav>li>a{font-size:.45rem}
	
	.dropdown-menu>li>a{font-size:16px;padding:15px 10px;}
}
@media (min-width: 1850px) {
	.navbar-default .navbar-nav>li{padding-left:28px;padding-right:28px;}
}




/*第一屏*/
.swiper-slide{overflow: hidden;}
.swiper-button-next,.swiper-button-prev,.swiper-pagination-bullet{outline: none;}
.swiper-pagination-bullet-active{background:#4280b1;}
.banner{width:100%;overflow: hidden;position: relative;}
.banner .swiper-container{width:100%;height:100%}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide>a{overflow: hidden; display: block;}
.banner .swiper-slide>a>img{display: block;width:100%;}
.banner img[onclick]{cursor:pointer;}
.banner_text .container{position:absolute;left:50%;top:50%;z-index:9;transform:translate(-50%,-50%)}
.banner_text img{display: block;max-width:100%;}
.banner .banner_text img{transform:translateY(50%)}
/* .banner1 .banner_text img{transform:translateX(100%)}
.banner2 .banner_text img{transform:translateY(-100%)}
.banner3 .banner_text img{transform:translateY(100%)}
.banner4 .banner_text img{transform:translateX(-100%)}
.banner5 .banner_text img{transform:scale(0)} */
.banner .swiper-slide-active .banner_text img{opacity:1;transform:none;transition-delay:.5s}
.banner .swiper-slide-active>img{}
@keyframes imgZoomIn{
	0%{-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05)}
	100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
}
@-webkit-keyframes imgZoomIn{
	0%{-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05)}
	100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
}

.banner .swiper-pagination{bottom:5%;}
.banner .swiper-pagination-bullet{background:#fff;}
.banner .swiper-pagination-bullet-active{background:#85c6ce;}
.banner .swiper-button-white{background-size:auto 24px;width:40px;height:40px;margin-top:-20px;border-radius: 5px;transition: all 0.3s;}
.banner .swiper-button-prev{left:2vw;}
.banner .swiper-button-next{right:2vw;}
.banner .swiper-button-white:hover{background-color: rgba(0,0,0,0.5);}
@media (max-width:767px){
	.banner_text .container{width:100%;}
	.banner .swiper-button-white{display: none;}
}
@media (min-width:768px){

}
@media (min-width:992px){

}
@media (min-width:1200px){
	.banner .swiper-pagination-bullet{width:12px;height:12px;margin:0 8px!important;}
}


@media (max-width:767px) and (orientation:landscape){
	.banner_text img{width:60%;}
}

/*  About us  */
.indexItem{position: relative;padding-top:20px;padding-bottom:20px;width:100%;overflow: hidden;}
.index_about{  background-size: cover; }
.fixedBg{position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: top center;
    z-index: 1;}
.bg01{background: url(../images/index_about.jpg) no-repeat;}
.fixedBg + div {
    position: relative;
    z-index: 2;
}
.companys{}
.companys .column{ display: block; overflow: hidden; }
.about_bt{ display: block; overflow: hidden; }
.about_bt h4{ font-size: 15px; color: #00adee; position: relative; line-height: 28px; padding-top:10px; }
.about_bt h4:before{ width: 30px; height: 2px; background: #00adee; position: absolute; top:0; content:''; }
.about_bt h3{ font-size: 20px;color: #313131; line-height: 30px; margin: 15px 0; font-weight: bold; }
.about_con{ padding:12px 0; }
.about_con p{ font-size: 14px;color: #838383; line-height: 28px;  }

.about_bt{ margin-top:12px; }
.companys .column .com_pic{ position: relative;display: block; overflow: hidden; }
.companys .column .com_pic .play_ico{     width: 12%;
    display: block;
    position: absolute;
    left: 10%;
    top: 32%; z-index: 10}
.companys .column .com_pic .play_ico img{ max-width: 100%; display: block; }
.companys .column .com_pic .img01{display: block; overflow: hidden;position: relative; z-index: 2;}
.companys .column .com_pic .img01 img{ max-width: 100%; display: block; }

.index_video{     width: 100%;
    min-height: 1000px;
    background: #333333;
    z-index: 33;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    z-index: 999; }
 .p_detaile{ width: 80%;
    min-height: 200px;
    margin: 0 auto;
    background: #000;
    position: fixed;
    top: 20%;
    left: 10%;
    z-index: 9999;
    display: none;
     }
 .p_detaile .close01{float:right;margin:5px 8px 0 0;  }  
  .p_detaile .close01 i{ font-size: 16px; color: #fff; }  
 .p_detaile video{  width: 100%; outline: none}     
.p_detaile .product_con{  width: 100%; display: block; }
.p_detaile .product_con iframe{ width: 100%; min-height: 300px; }
.about_list{ margin-top:12px; display: block; overflow: hidden; }
.about_list ul{ list-style: none; display: block; }
.about_list ul li{display: block; overflow: hidden; margin-bottom: 10px;}
.about_list ul li h3{ font-size: 16px;color: #3c3c3c; font-weight: bold; }
.about_list ul li h3 i{ font-size: 15px;color: #00adee; margin-right: 10px; float: left;font-weight: normal;}
.about_list ul li p{ font-size: 14px; color: #838383; line-height: 24px;}

.index_adv{display: block; overflow: hidden;}
#guanggao{ display: block; position: relative;overflow: hidden; }
#guanggao .swiper-button-prev{ left: 0;background-image: none; }
#guanggao .swiper-button-prev:after{ width:40px; height: 30px; position: absolute; content:'Prev'; background: rgba(255,255,255,0.3); border-top-right-radius: 20px;  
border-bottom-right-radius: 20px;  font-size: 14px; color: #fff; line-height: 30px;  text-align: center; font-weight: bold; text-decoration: underline;}

#guanggao .swiper-button-next{ right: 0; background-image: none; }
#guanggao .swiper-button-next:after{ width:40px; height: 30px; position: absolute; content:'Next'; background: rgba(255,255,255,0.3); border-top-left-radius: 20px;  
border-bottom-left-radius: 20px;  font-size: 14px; color: #fff; line-height: 30px;  text-align: center; font-weight: bold; text-decoration: underline; right: 0}
#guanggao .swiper-slide{}
#guanggao .swiper-slide .pic01{ width: 100%; display: block; overflow: hidden;}
.pic01 dl{display: block; overflow: hidden;position: relative;}
.pic01 dl dt{ display: block; overflow: hidden; }
.pic01 dl dt img{ width: 100%; display: block; }
.pic01 dl dd{width: 100%; text-align: center;position: absolute;height: 100%; padding: 5% 0 0; top:0;box-sizing: border-box;}
.pic01 dl dd h3{ font-size: 20px; color: #fff; font-weight: bold; line-height: 36px; text-shadow: 1px 1px 10px #444; }
.pic01 dl dd p{ font-size: 15px; color: #fff; line-height: 26px; }
.color3{ color: #f3b42c; }

.com_bg01{ width: 70%; height: 70%; background-image: linear-gradient(to right, rgba(101,206,245,0.2), rgba(255,255,255,0.2)); border-radius: 100%; position: absolute; left: 0; top:0; z-index: 1; }
.pubic_more{ display: block; margin-top:12px; width:150px; }
.pubic_more a{font-size: 14px;color: #fff; background: #00adee; text-align: center; display: block; padding: 5px 0; line-height: 26px; border-radius: 5px; }


@media (min-width:768px){
.indexItem {
    padding-top: 50px;
    padding-bottom: 50px;
}
.fixedBg {
    background-attachment: fixed;
}
.about_bt{ margin-top:.5rem; }
.p_detaile{ width: 100%;top: 20%;
    left: 0%;}
}
@media (min-width:992px){
  #guanggao .swiper-button-prev:after{ width: 60px; height: 50px; line-height: 50px; font-size: 15px; }  
  #guanggao .swiper-button-next:after{ width: 60px; height: 50px; line-height: 50px;font-size: 15px; }  
.indexItem {
    padding-top: 60px;
    padding-bottom: 60px;
}

.companys .column .com_pic{ display: block; overflow: hidden; }

.companys .column .com_pic .play_ico{ width: 2rem; display: block; position: absolute; left: 8%; top:28%; z-index: 12}
.companys .column .com_pic .play_ico img{ max-width: 100%; display: block; }
.companys .column .com_pic .img01{display: block; overflow: hidden;position: relative; z-index: 9}
.companys .column .com_pic .img01 img{ max-width: 100%; display: block; }
.about_bt h4{ font-size: .48rem; line-height: 2;padding-top:.3rem;  }
.about_bt h3{ font-size: 1rem; line-height: 1.2; margin: .6rem 0; }
.about_con{ padding: .3rem 0 .8rem; }
.about_con p{ font-size: 16px; line-height: 30px; }
.about_list{ margin-top:.5rem; }
.about_list ul li{ float: left; display: block; overflow: hidden; margin-right: 1rem; width: 40%; }
.about_list ul li:nth-child(2){ margin-right: 0; }
.about_list ul li h3{ font-size: .45rem; line-height: 2;  }
.about_list ul li h3 i{ font-size: 18px;   }
.about_list ul li p{ font-size: 16px; color: #838383; line-height: 1.6; text-indent: 0 }
.pubic_more{ display: block; margin-top:.8rem; width: 5rem; }
.pubic_more a{ font-size: .42rem;color: #fff; background: #00adee; text-align: center; display: block; padding: .2rem 0; line-height: 2; border-radius: 5px; }
.p_detaile{ width: 60%;top: 20%;
    left: 20%;}

.p_detaile .product_con iframe{ width: 100%; min-height: 500px; }
.pic01 dl dd{ padding: 10% 0 0; }
.pic01 dl dd h3{ font-size: 1.4rem; line-height: 1.5; }
.pic01 dl dd p{ font-size: .7rem; line-height: 1.2; }



}
@media (min-width:1200px){
    .banner .swiper-pagination-bullet{width:12px;height:12px;margin:0 8px!important;}
    .companys .column .com_pic .play_ico{ width: 2.8rem;}
    .about_bt h3{ font-size: 1.1rem; }
}
@media (min-width:1650px){
.banner .swiper-slide>img{ width: auto; }

}

/* products   */
.bg02{ background: url(../images/bg02.jpg) no-repeat;background-size: 100%; }
.bg03{background: url(../images/bg03.jpg) no-repeat;background-size: cover;}
.products{ position: relative; }
.pro_tit{ display: block; overflow: hidden; }
.pro_tit h3{ text-align: center; font-size: 18px; color: #313131; line-height: 30px; font-weight: bold; }
.products{ margin-top: 15px;}
.products .column{ display: block; overflow: hidden;margin-bottom: 10px;  }
.products .column dl{ background: #fff; border-radius: 15px; display: block; overflow: hidden; box-shadow: 1px 1px 10px #eee; margin: 8px 5px; }
.products .column dl dt{width: 45%; float: left; display: block; overflow: hidden;}
.products .column dl dt img{ max-width: 100%; display: block;transition: all .5s; }
.products .column dl:hover dt img{transform: scale(1.1);}
.products .column dl dd{ width: 52%; float: right; padding: 10px 0 0; }
.products .column dl dd h3{ font-size: 16px; color: #313131; line-height: 26px; font-weight: bold; }
.products .column dl:hover dd h3{ color: #00adee; }
.products .column dl dd p{padding: 5px 0; display: block; font-size: 13px; color: #838383; line-height: 20px; }
.products .column dl dd span{ color: #65cdf5; font-size: 14px; font-weight: bold; }

.metieal{ display: block; overflow: hidden; margin: 0 auto; width: 40%; }
.metieal img{ display: block; margin: 0 auto; max-width: 100%; }

@media (min-width:768px){}
@media (min-width:992px){
.pro_tit{ }  
.products{ margin-top: 1.5rem;}
 .pro_tit h3{ font-size: 1.2rem; line-height: 1.1; }  
 .products .column dl dd{padding: .7rem 0 0;}
.products .column dl dd h3{ font-size: .52rem; line-height: 1.4; }


}
@media (min-width:1200px){
.products .column dl dd p{ font-size:  16px; line-height: 28px; padding: .4rem 0;}
.products .column dl dd span{ font-size: 16px; }
.products .column{margin-bottom: .4rem;}

.metieal img{ max-width: 100%; display: block; }

}

/* photos  */
.photos{ margin-top:15px; position: relative; display: block; overflow: hidden; }
.photo-01{  display: block; overflow: hidden; }
.photo-01 .p01{display: block; overflow: hidden; margin-bottom: 12px;}
.p02{position: relative;display: block; overflow: hidden;margin-bottom: 12px; }
.p02 img{display: block; overflow: hidden; width: 100%;transition: all .5s;}
.p02:after{ width: 100%;height: 100%; border:5px solid #00adee; position: absolute; content:''; top:0; transition: all .5s;}
.p02:hover:after{opacity: 0 }
.p02:hover img{transform: scale(1.1);}
.photo-02{display: block; overflow: hidden; margin-top:12px;}
.photo-02 ul{ list-style: none; display: block; overflow: hidden; }
.photo-02 ul li{ position: relative;display: block; overflow: hidden;margin-bottom: 12px; }
.photo-02 ul li:last-child{margin-bottom: 0;}
.photo-02 ul li img{ max-width: 100%; display: block;transition: all .5s; }
.photo-02 ul li:hover img{transform: scale(1.1);}
.photo-02 ul li:after{ width: 100%;height: 100%; border:5px solid #00adee; position: absolute; content:''; top:0; transition: all .5s;}
.photo-02 ul li:hover:after{opacity: 0 }
.p03 ul{ list-style: none; display: block; overflow: hidden; }
.p03 ul li{ position: relative;display: block; overflow: hidden;margin-bottom: 4%; }
.p03 ul li:last-child{margin-bottom: 0;}
.p03 ul li img{ width: 100%; display: block;transition: all .5s; }
.p03 ul li:hover img{transform: scale(1.1);}
.p03 ul li:hover:after{opacity: 0 }
.p03 ul li:after{ width: 100%;height: 100%; border:5px solid #00adee; position: absolute; content:''; top:0;transition: all .5s; }
.p04{ display: block; overflow: hidden; }
.p04 img{ width: 100%; display: block; }
.photo-03{  display: block; overflow: hidden; margin-top:10px; }
.photo-03 ul{ list-style: none; display: block;overflow: hidden; }
.photo-03 ul li{display: block; overflow: hidden;position: relative; margin-bottom: 10px;}
.photo-03 ul li img{width:100%; display: block;transition: all .5s;}
.photo-03 ul li:after{ width: 100%;height: 100%; border:5px solid #00adee; position: absolute; content:''; top:0; transition: all .5s;}
.photo-03 ul li:hover img{transform: scale(1.1);}
.photo-03 ul li:hover:after{opacity: 0 }

@media (max-width:767px){
.photo-02 ul li{ width: 100%;display: block; overflow: hidden; }
.photo-02 ul li:nth-child(2){ position: relative; }
}


@media (min-width:768px){
.photos{ margin-top:.6rem; }
.p02,.p03{ width: 48.5%; margin-right: 3%;display: block; overflow: hidden;   }
.p03{ margin-right: 0; }

}


@media (min-width:992px){
.photo-03{  display: block; overflow: hidden; margin-top:.5rem; }
.photo-03 ul{ list-style: none; display: block;overflow: hidden; }
.photo-03 ul li{ float: left; width: 32%; margin-right: 2%;display: block; overflow: hidden;}
.photo-03 ul li:nth-child(3){ margin-right: 0; }
.photo-03 ul li img{width:100%; display: block;}
}


@media (max-width:1199px){
.photo-02{ margin-top:20px;}   
.photo-02{ position: relative; }
.photo-02 ul li{ width: 48%; float: left; display: block; margin-bottom: 0; } 
.photo-02 ul li img{ width: 100%; display: block;}
.photo-02 ul li:nth-child(2){ position: absolute; right: 0; height: 100%; overflow: hidden; }  
.photo-02 ul li:nth-child(2) img{ position: absolute; top:-50%; }
}

@media (min-width:1200px){
.photo-01{ width: 66%; display: block; float: left; }
.photo-01 .p01{ display: block; overflow: hidden; margin-bottom: .46rem; }
.p02{position: relative;margin-bottom: 0;}
.p02 img{display: block; overflow: hidden; max-width: 100%;transition: all .5s;}
.p02:after{ width: 100%;height: 100%; border:5px solid #00adee; position: absolute; content:''; top:0; transition: all .5s;}
.p03 ul li{ margin-bottom: .44rem; }
.photo-02{ margin-top:0;}


.fl{float: left;}
.fr{float: left;}
.photo-02{ width: 32%; position: absolute; right: 0;display: block; overflow: hidden; }
.photo-02 ul{ list-style: none; display: block; overflow: hidden; }
.photo-02 ul li{ margin-bottom: .46rem; }

}
@media (min-width:1450px){

}

/*  message  */
.index_mssage{}
.index_liuyan{ display: block; overflow: hidden; padding: 15px 0; }
.ly_bt{display: block; overflow: hidden; }
.ly_bt h4{ font-size: 14px; color: #00adee; line-height: 30px; }
.ly_bt h3{ font-size: 20px; color: #131414; line-height: 30px; font-weight: bold; margin-top:10px; }
.ly_con{ display: block; overflow: hidden; margin: 12px 0; }
.ly_con .liuyan{ list-style: none; display: block; overflow: hidden;}
.ly_con ul li{ width: 48%; margin-right: 4%;float: left; margin-bottom: 12px; }
.ly_con ul li:nth-child(2n){ margin-right: 0; }
.ly_con ul li input{  display: block; background: none; width: 100%;border:1px solid #efefef; background: #f8fafc; padding: .3rem; box-sizing: border-box;border-radius: 5px; line-height: 30px; }
.ly_con ul li input::placeholder{ font-size: 15px; color: #555555; }
.ly_con ul li:nth-child(5),.ly_con ul li:nth-child(6),.ly_con ul li:nth-child(7){ width: 100%; }
.ly_con ul li textarea{display: block; background: none; width: 100%;border:1px solid #efefef; background: #f8fafc; padding: .3rem; box-sizing: border-box;border-radius: 5px; line-height: 30px;  min-height: 100px;}
.ly_con ul li textarea::placeholder{ font-size: 15px; color: #555555; }
.ly_con ul li button{ float: left; background: #666; border-radius: 20px; margin-right: 20px; padding:12px 30px; color: #fff; font-size: 15px; border:none; }
.ly_con ul li button:nth-child(1){ background: #00adee; }
.ly_con ul li button:hover{background: #00adee;}
.ly_con ul li:nth-child(6) input{ float: left; width: 40%; margin-right: 12px; }
.ly_con ul li:nth-child(6) img{ height: 36px; }
.bg04{background: url(../images/hezuo.jpg) no-repeat;
    border-bottom-left-radius: 30px;
    background-size: cover;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;   
     }
.bg042{background: url(../images/hezuo2.jpg) no-repeat;
    border-bottom-left-radius: 30px;
    background-size: cover;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;   
     }

@media (max-width:768px){
.index_mssage{ padding-bottom: 200px; }
}

@media (min-width:768px){
.ly_con ul li:nth-child(6) img{ height: auto; }
}

@media (min-width:992px){
.index_liuyan{ width: 46%; }
.ly_con{ margin: .8rem 0; }
.ly_con ul li{ margin-bottom: .5rem; }
.bg04{ background: url(../images/hezuo.jpg) no-repeat;
    width: 50%;
    position: absolute;
    right: 0;
    border-bottom-left-radius: 30px;
    background-size: cover;
    height: 100%;
    top: 0; }
.bg042{ background: url(../images/hezuo2.jpg) no-repeat;
    width: 50%;
    position: absolute;
    right: 0;
    border-bottom-left-radius: 30px;
    background-size: cover;
    height: 100%;
    top: 0; }

}

@media (min-width:1200px){
.index_liuyan{ padding:.6rem 0; }
.ly_bt h4{ font-size: .46rem; line-height: 1.5; }
.ly_bt h3{ font-size: 1rem; line-height: 1.2;margin-top:.3rem;  }

}

@media (min-width:1450px){

}

/* 关于我们  */

.positions{ background: #f9faf9; display: none; width: 100%; height: 40px; text-align: center; }
.positions p{ font-size: 14px; color: #010101;  line-height: 40px; }
.positions p a{color: #828282;}
.positions p a:hover{ color: #010101; }
.c_img01{ display: block; overflow: hidden; position: relative;}
.c_img01 img{ width: 100%; display: block; }
.c_img01 .v_bg{ width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.5); top:0; left: 0; }
.c_img01 .v_play{ width: 50px; height: 50px; position: absolute; top:45%; left: 50%; margin-left:-25px; background: url(../images/ico_p.png) center no-repeat #004da1; background-size: 20px; border-radius: 8px; }
.c_img02{ display: block; margin-top: 12px; overflow: hidden;}
.c_img02 ul{display: block; overflow: hidden; list-style: none;}
.c_img02 ul li{width: 49%; margin-right: 2%; float: left; margin-bottom: 10px;}
.c_img02 ul li:nth-child(2n){ margin-right: 0; }
.c_img02 ul li img{ width: 100%; display: block; }
.companys01{}
.company_bt{  }
.company_bt h1{  font-weight: bold; }
.company_bt h1 i{ margin-right: 10px;    display: inline-block;
    vertical-align: top; }

.company_bt h1 span{ font-size: 18px; color: #151515; line-height: 36px;font-weight: bold; }
.company_bt h1 i.d01{vertical-align: middle;margin-left: 10px; }
.company_bt h3{ font-size: 16px; color: #151515; margin: 12px 0; display: block; line-height:30px;font-weight: bold; }
.company_con{ padding:12px 0; display: block; overflow: hidden; }
.company_con p{ font-size: 14px; color: #838383; line-height: 26px; word-wrap: break-word;}
.about_more{ display: block; width: 120px;margin:12px 0;  }
.about_more a{ font-size: 14px; display: block; text-align: center; line-height: 30px;padding: 8px 0;background: #f3b42c; border-radius: 8px; color: #fff; font-weight: bold;box-shadow: 1px 1px 10px #ddd;}
.bg05{ background:url(../images/adv0-1.jpg); background-size: cover; }
.advcc01{}
.advcc01 .products_style{ }
.advcc01 .products_style i{ width: 80px; height: 80px; display: block; margin: 0 auto; }
.advcc01 .products_style:hover i{-webkit-animation: doudong 1s ease;
    animation: doudong 1s ease;}
.advcc01 .products_style p{ font-size: 14px; color: #48535f;  line-height: 30px;margin-top:10px; }
.advcc01 .products_style .e01{ background: url(../images/ico04.png) 0 0 no-repeat; background-size: 80px; }
.advcc01 .products_style .e02{ background: url(../images/ico04.png) 0 -80px no-repeat; background-size: 80px; }
.advcc01 .products_style .e03{ background: url(../images/ico04.png) 0 -160px no-repeat; background-size: 80px; }

.part_bt{  }
.part_bt h3{ font-size: 18px; color: #151515; line-height: 32px; text-align: center; font-weight: bold; text-transform: uppercase; }
.part_bt02{  }
.part_bt02 h3{ font-size: 18px; color: #151515; line-height: 32px; text-align: center; font-weight: bold; text-transform: uppercase;position: relative; }


.companys01{ margin-top:12px; }
.renzheng01{display: block; overflow: hidden;}
.renzheng01 ul{display: block; overflow: hidden; list-style:none;}
.renzheng01 ul li{  margin: 5px; box-shadow: 1px 1px 10px #ddd; padding:12px; box-sizing: border-box; border-bottom: 5px; border-radius: 5px; }
.renzheng01 ul li h3{font-size: 16px; color: #3c3c3c; line-height: 26px;}
.renzheng01 ul li i{ float: left; color: #00adee; font-size: 16px; margin-right: 10px; }
.renzheng02{ margin-top:15px; }
.renzheng02 ul{list-style: none;}
.renzheng02 ul li p{ font-size: 15px; padding-left: 15px; background:url(../images/ico02.png) left no-repeat; line-height: 30px;  border-bottom:1px dashed #ccc; color: #707070 }
.com_zhengs{ display: block; text-align: center; }
.com_zhengs img{ max-width: 100%; margin: 0 auto; display: block; }
.part_bt02 h3:after{width: 30px;height: 1px; background: #e5e5e5; position: absolute; content:'';top:50%; right:12%;}
.part_bt02 h3:before{width:30px;height: 1px; background: #e5e5e5; position: absolute; content:'';top:50%; left: 12%;}


.zz_list{ margin-top:1rem; display: block;overflow: hidden; position: relative; }
#honor01{ display: block;  overflow: hidden; }
#honor01 .swiper-button-prev{ width: 25px; height: 60px; background: url(../images/ico_fl.jpg) no-repeat; background-size: 25px; left: 0; }
#honor01 .swiper-button-next{ width: 25px; height: 60px; background: url(../images/ico_fl.jpg) no-repeat; background-size: 25px; right: 0; transform: rotate(180deg); }
.color2{ color: #004da1; }
.part_bt p{ text-align: center; font-size: 14px; line-height: 24px; color:#737373  }
#honor01 .swiper-slide .zz_pic{ display: block; overflow: hidden; border:1px solid #cfcfcf; }
#honor01 .swiper-slide .zz_pic img{ width: 100%; display: block; }

@media(max-width:767px){
   .company_bt h1 i img{ width: 15px;  }     
}



@media (min-width:992px){
.positions{ display: block; }
.c_img02{ margin-top:.3rem; }
.c_img02 ul li{ width: 24%; margin-right: 1.33%; float:left;display: block; }
.c_img02 ul li:nth-child(2){ margin-right: 1.33%; }
.c_img02 ul li:nth-child(4){ margin-right: 0; }
.company_bt h1 span{ font-size: 1.2rem; line-height: 1.4; }
.company_bt h1 i{ margin-right: .6rem; }
.company_bt h1 i.d01{ margin-left: .6rem; }
.company_bt h3{ font-size: .6rem; line-height:1.4; margin: .2rem 0 }
.company_con{ padding:.7rem 0;  }
.company_con p{ font-size: .48rem; line-height: 2; }
.about_more{ width: 5rem; margin-top:1rem; }
 .about_more a{ font-size: .46rem; line-height: 2;padding: .2rem 0; }
.advcc01{}
.advcc01 .products_style{ }
.advcc01 .products_style i{ width: 150px; height: 150px;  }

.c_img01 .v_play{ width: 70px; height: 70px; margin-left:-35px; background-size: 30px; }


.advcc01 .products_style p{ font-size: .45rem; line-height: 1.5; padding: 0 5%;margin-top:.2rem; }
.advcc01 .products_style .e01{ background: url(../images/ico04.png) 0 0 no-repeat; background-size: 150px; }
.advcc01 .products_style .e02{ background: url(../images/ico04.png) 0 -150px no-repeat; background-size: 150px; }
.advcc01 .products_style .e03{ background: url(../images/ico04.png) 0 -300px no-repeat; background-size: 150px; }

.part_bt h3{ font-size: .8rem; line-height: 1.6; }
.part_bt p{ font-size: .6rem; color: #737373;line-height: 2; display: block; text-align: center; }
.part_bt02 h3{ font-size: .8rem; line-height: 1.6; }
.companys01{ margin-top:.8rem; }
.renzheng01 ul li{ width: 48%; float: left; margin: 5px 1.5% 5px 0.5%; min-height: 3rem;}
.renzheng01 ul li h3{ font-size: .45rem; line-height: 1.8; }
.renzheng01 ul li i{ font-size: .5rem;margin-right: .2rem; }
.renzheng02{ margin-top:.8rem; }
.renzheng02 ul li{ width: 32%; float: left; margin-right: 2%; }
.renzheng02 ul li:nth-child(3n){ margin-right: 0 }

.renzheng02 ul li p{ font-size: 15px; line-height:36px; }
.part_bt02 h3:after{width: 5.5rem;height: 1px; background: #e5e5e5; position: absolute; content:'';top:50%; right:50%;margin-right: -11rem;}
.part_bt02 h3:before{width: 5.5rem;height: 1px; background: #e5e5e5; position: absolute; content:'';top:50%; left: 50%;margin-left: -11rem;}

}
@media (min-width:1200px){
.company_con p{ font-size: .45rem; line-height: 2; }
.renzheng02 ul li{width: 19%; margin-right: 1.2%; }
.renzheng02 ul li:last-child{ margin-right: 0; }
.advcc01 .products_style i{ width: 200px; height: 200px;  }
.advcc01 .products_style .e01{ background: url(../images/ico04.png) 0 1px no-repeat; background-size: 200px; }
.advcc01 .products_style .e02{ background: url(../images/ico04.png) 0 -198px no-repeat; background-size: 200px; }
.advcc01 .products_style .e03{ background: url(../images/ico04.png) 0 -400px no-repeat; background-size: 200px; }

}

@media (min-width:1450px){
.renzheng02 ul li p{ font-size: 16px; line-height:36px; }
#honor01{width: calc(100% - 60px); display: block; margin: 0 auto; overflow: hidden; }
.part_bt h3{ font-size: 1rem; line-height: 1.6; }
.part_bt02 h3{ font-size: 1rem;}

}


/* 联系我们  */
.bg06{ background: url(../images/map.jpg);background-size: cover; }
.lx_con{ background: rgba(255,255,255,0.4); }
.lx_logo{ display: block; overflow: hidden; }
.lx_logo img{ display: block; }
.lx_con{ margin-top:15px; }
.date_time{ margin-top: 12px; }
.date_time p{ font-size: 14px; color: #808080; line-height: 28px; }
.date_time p b{color: #000; font-size: 16px; }
.lx_ico{ margin-top: 12px; border-top:1px solid #ddd;    padding-top: 12px; }
.lx_ico p{ float: left; font-size: 16px; color: #000; line-height: 30px; }
.lx_ico ul{ list-style: none; display: block; float: left; }
.lx_ico ul li{ float: left; margin: 0 10px; }
.lx_ico ul li i{ font-size: 16px; color: #231f20; }

.contact_01{ margin-top:15px; }
.contact_01 h3{ font-size: 20px; color: #0b0b0b; line-height: 36px; font-weight: bold; }
.contact_01 h4{ font-size: 16px; color: #2b2b2b; line-height: 32px; margin:5px 0;font-weight: bold; }
.contact_01 p{ font-size: 14px; color: #717171; line-height: 30px; display: block; overflow: hidden; }
.contact_01 p i{ font-size: 16px; color: #00adee; float: left; margin-right: 5px; }

.contact_02{display: block; overflow: hidden;}
.contact_02 ul{ list-style: none;display: block; overflow: hidden; }
.contact_02 ul li{margin-bottom: 12px; display: block;}
.contact_02 ul li b{ display: block; width: 50px; height: 50px; margin: 5px auto; }
.contact_02 ul li .h01{ background: url(../images/people.png) 0 0 no-repeat; background-size: 50px; }
.contact_02 ul li .h02{ background: url(../images/people.png) 0 -50px no-repeat; background-size: 50px; }
.contact_02 ul li p{ font-size: 14px; color: #717171; line-height: 30px; display: block; overflow: hidden; }
.contact_02 ul li p i{ font-size: 16px; color: #00adee; float: left; margin-right: 5px; }

.con_addr{ display: block; margin-top: 8px; }
.con_addr p{ font-size: 14px; color: #717171; line-height: 30px; display: block; overflow: hidden; }
.con_addr p i{ font-size: 16px; color: #00adee; float: left; margin-right: 5px; }


@media (min-width:992px){
.lx_con{ margin-top:1.5rem; padding:3%; box-sizing: border-box; }
.date_time{ margin-top:2.3rem;  }
.date_time p{ font-size: .48rem; line-height: 2;}
.date_time p b{ font-size: .55rem; }
.lx_ico{ margin-top:1rem; padding-top:1rem;  }
.lx_ico p{font-size: .55rem; line-height: 2;}
.lx_ico ul li{ margin: 0 .3rem; }
.lx_ico ul li i{ font-size: 30px; }
.contact_01 h3{ font-size: .75rem; line-height: 1.2;  }
.contact_01 h4{ font-size: .55rem; line-height: 1.4;   }
.contact_01 p{ font-size: .48rem; line-height: 2; }
.contact_01 p i{ font-size: .5rem;margin-right: .3rem; }
.contact_01{ margin:.3rem 0; }

.contact_02{ margin-top:.8rem; }

.contact_02 ul li b{ width: 60px; height: 60px; }
.contact_02 ul li .h01{ background: url(../images/people.png) 0 0 no-repeat; background-size: 60px; }
.contact_02 ul li .h02{ background: url(../images/people.png) 0 -60px no-repeat; background-size: 60px; }
.contact_02 ul li p{ font-size: .48rem; line-height: 2; }
.contact_02 ul li p i{ font-size: .5rem;margin-right: .3rem; }


.con_addr p{ font-size: .46rem; line-height: 2; }
.con_addr p i{ font-size: .5rem;margin-right: .3rem; }

}


@media (min-width:1200px){
    
}
@media (min-width:1450px){
    
}

/* 合作 */
.coo_con{}
.coo_con dl{ display: block; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 1px 1px 10px #eee; margin-bottom: 15px; }
.coo_con dl dt{ width: 42%; float: left; display: block; overflow: hidden; }
.coo_con dl dt img{ width: 100%; display: block; }
.coo_con dl dd{ padding: 2% 3% 0; box-sizing: border-box; float: right; width: 58%; }
.coo_con dl dd p{  font-size: 14px;
    color: #838383;
    line-height: 20px;    
    overflow: hidden;
    text-overflow: ellipsis;
    height: 80px;}
.coo_con dl dd h3 img{height: 30px;}
.bg08{ background: url(../images/coo_map.jpg) no-repeat; }
.bg09{ background: url(../images/bg08.jpg) no-repeat; }
.coopra_01{ margin-top:15px; }
.text_rz{}
.text_rz ul{ list-style: none; text-align: center;display: block; overflow: hidden; }
.text_rz ul li{ display: block; text-align: left; margin-bottom: 10px;   }
.text_rz ul li p{ font-size: 14px; color: #666666; line-height: 40px; background: url(../images/rz_ico.png) left no-repeat; padding-left: 45px; height: 40px; background-size: 40px; }

.rz_pic{ display: block; overflow: hidden; margin-top:1rem; }
.rz_pic ul{list-style: none; display: block; overflow: hidden;}
.rz_pic ul li{ width: 49%; float: left; display: block; margin-right:2%; margin-bottom: 12px; border-bottom-right-radius: 15px;border-top-left-radius: 15px;border:1px solid #ddd; overflow: hidden; }
.rz_pic ul li img{ width: 100%; }
.rz_pic ul li:nth-child(2n){ margin-right: 0; }

@media (min-width:992px){ 
.coo_con dl{  margin-bottom: 0;}
.coopra_01{ margin-top:1.5rem; }
.text_rz ul li{ padding-right: 15px; margin-left: 15px;border-right: 1px solid #eee;display: inline-block;  }
.text_rz ul li:last-child{ border-right: none; }
.rz_pic ul li{ width:  }
.coo_con dl dd h3 img{height: 70px;}


 }

 @media (min-width:1200px){
.coo_con dl dd p{ font-size: 15px; line-height: 20px; margin-top:5px; }  
.text_rz ul li p{ font-size: 16px; color: #666666; line-height: 50px; background: url(../images/rz_ico.png) left no-repeat; padding-left: 55px; height: 50px; background-size: 48px; }
.rz_pic ul li{ width:19%; margin-right: 1.2%;  }
.rz_pic ul li:nth-child(2n){ margin-right: 1.2%; }
.rz_pic ul li:nth-child(5n){ margin-right: 0; }
.coo_con dl dd p{height: auto;}
 }
@media (min-width:1450px){
.rz_pic ul li{ width:15.6%; margin-right:1%;  }
.rz_pic ul li:nth-child(2n){ margin-right: 1%; }
.rz_pic ul li:nth-child(6n){ margin-right: 0; }
.rz_pic ul li:nth-child(5n){ margin-right: 1%; }
  .coo_con dl dd p{ font-size: 16px; line-height: 24px; margin-top:5px; }  
}


/* 服务  */
.bg011{ background: url(../images/bg04.jpg)no-repeat;  }
.bg012{ background: url(../images/bg05.jpg)no-repeat;background-size: cover;  }
.services{ margin-top:10px; }
.ser_list{}
.ser_list dl dt{ text-align: center;  }
.ser_list dl dt p{ font-size: 14px; color: #6682a0; font-weight: normal; }
.ser_list dl dd{ margin-top:12px; border-radius: 15px; overflow: hidden; }
.ser_list dl dd img{width: 100%; display: block;  }
.tb_ico{display: block; overflow: hidden; margin-top: 12px;}




.tb_ico ul li p{ font-size: 14px; color: #818f9d; line-height: 24px; text-align: center; }
.bg013{ background: url(../images/adv03.jpg)no-repeat;}
.bg014{ background: url(../images/bg06.jpg)no-repeat;}
.adv{ padding: .6rem 0; display: block; overflow: hidden; }
.adv_logo{ display: block; overflow: hidden; }
.adv_logo dt{ width:15%; display: block;float: left;  }
.adv_logo dt img{ max-width: 100%; }
.adv_logo dd{ width:calc(100% - 18%);float:left;display: block; overflow: hidden; }
.adv_logo dd h3{ font-size: 18px; color: #b3d1f2; line-height: 30px;  }
.adv_logo dd p{ font-size: 14px; color: #b3d1f2; line-height: 20px; }
.factory{ margin-top:12px;display: block; overflow: hidden;  padding: 12px 10px; box-shadow: 1px 1px 10px #eee; background: #fff; }
.factory h3{ font-size: 16px; color: #3c3c3c; line-height: 30px; }
.factory h3 i{ font-size: 16px; color: #00adee; font-style: normal;  margin-right: 5px;}
.factory p{ font-size: 14px; color: #707070; line-height: 26px; padding: 10px; }
.questions{padding: 12px 0; display: block; overflow: hidden;}
.questions dl{ display: block; overflow: hidden;  }
.questions dl dt{ background: #2d71bc; display: block; overflow: hidden; padding: 0 2%; }
.questions dl dt h3{ font-size: 16px; color: #fff; line-height: 34px;padding: 1px 0; }
.questions dl dt h3 i{ width: 34px; background: #fff; border:2px solid #004da1; color: #004da1; text-align: center;line-height: 30px;float: left; display: block; border-radius: 100%; margin-right: 5px; }
.questions dl dd{ padding: 10px 0; display: block; overflow: hidden;}
.questions dl dd p{ padding: 0 5%; font-size: 14px; color: #707070; line-height: 24px; }


@media (max-width:767px){
.tb_ico ul{ list-style: none;display: block; overflow: hidden; }
.tb_ico ul li{width: 32%;   
    margin-right: 2%;
    float: left;
    margin-bottom: 5px; }
.tb_ico ul li:nth-child(3){margin-right: 0;}
.tb_ico ul li i{ width: 50px; height: 50px; display: block;margin: .3rem auto; border-radius: 100%; box-shadow: 1px 1px 12px rgba(2,59,100,0.2) }
.tb_ico ul li .g01{ background: url(../images/ico05.png) 0 0 no-repeat #0651a3; background-size: 50px; }
.tb_ico ul li .g02{ background: url(../images/ico05.png) 0 -50px no-repeat #0651a3; background-size: 50px; }
.tb_ico ul li .g03{ background: url(../images/ico05.png) 0 -100px no-repeat #0651a3; background-size: 50px; }
.tb_ico ul li .g04{ background: url(../images/ico05.png) 0 -150px no-repeat #0651a3; background-size: 50px; }
.tb_ico ul li .g05{ background: url(../images/ico05.png) 0 -200px no-repeat #0651a3; background-size: 50px; }


}

@media (min-width:768px){ 
.tb_ico ul{ text-align: center;display: flex; }
.tb_ico ul li{ margin: 0 .5rem; display: inline-block; }
.tb_ico ul li i{ width: 80px; height: 80px; display: block;margin: .3rem auto; border-radius: 100%; box-shadow: 1px 1px 12px rgba(2,59,100,0.2) }
.tb_ico ul li .g01{ background: url(../images/ico05.png) 0 0 no-repeat #0651a3; background-size: 80px; }
.tb_ico ul li .g02{ background: url(../images/ico05.png) 0 -80px no-repeat #0651a3; background-size: 80px; }
.tb_ico ul li .g03{ background: url(../images/ico05.png) 0 -160px no-repeat #0651a3; background-size: 80px; }
.tb_ico ul li .g04{ background: url(../images/ico05.png) 0 -240px no-repeat #0651a3; background-size: 80px; }
.tb_ico ul li .g05{ background: url(../images/ico05.png) 0 -320px no-repeat #0651a3; background-size: 80px; }


}


@media (min-width:992px){ 
.services{ margin-top:.8rem; background: url(../images/line.png) center 11% no-repeat; display: block; overflow: hidden; background-size: 100% }    
.ser_list{}
.ser_list dl{ width:19%; float: left;margin-right: 4.2%;}
.ser_list dl:nth-child(1){ margin-left: 6%; }
.ser_list dl dd{ margin-top:2.5rem; }
.ser_list dl:nth-child(5),.ser_list dl:nth-child(6),.ser_list dl:nth-child(7){ margin-top: .6rem; }
.ser_list dl:nth-child(5){ margin-left: 30%; }
.ser_list dl:nth-child(7){margin-right: 0;}
.ser_list dl:nth-child(4){margin-right: 3%;}
.tb_ico{ margin-top:1rem; }
.tb_ico ul{display: block;}
.tb_ico ul li i{ width: 120px; height: 120px; display: block;margin: .3rem auto; border-radius: 100%; box-shadow: 1px 1px 12px rgba(2,59,100,0.2) }
.tb_ico ul li .g01{ background: url(../images/ico05.png) 0 0 no-repeat #0651a3; background-size: 120px; }
.tb_ico ul li .g02{ background: url(../images/ico05.png) 0 -120px no-repeat #0651a3; background-size: 120px; }
.tb_ico ul li .g03{ background: url(../images/ico05.png) 0 -240px no-repeat #0651a3; background-size: 120px; }
.tb_ico ul li .g04{ background: url(../images/ico05.png) 0 -360px no-repeat #0651a3; background-size: 120px; }
.tb_ico ul li .g05{ background: url(../images/ico05.png) 0 -480px no-repeat #0651a3; background-size: 120px; }
.tb_ico ul li p{ font-size: .44rem; line-height: 1.8 }
.tb_ico ul li:hover i{  -webkit-animation: doudong 1s ease;
    animation: doudong 1s ease;}
.tb_ico ul li:hover p{ color: #0651a3; }
.adv_logo{ width: 80%; display: block; float: left; }
.adv_logo dd h3{ font-size: 1rem; line-height: 1.4; }
.adv_logo dd p{ font-size: .42rem; line-height: 1.3; }
.factory{ margin-top:.5rem;display: block; overflow: hidden;  padding: .5rem .8rem;}
.factory h3{ font-size: .6rem; line-height: 1.5; }
.factory h3 i{ font-size: 20px;  margin-right: 10px; }
.factory p{ font-size: .43rem; line-height: 1.8; padding:.2rem .7rem; }
.questions{padding: 1rem 0;}
.questions dl dd{ padding: .5rem 0; }
.questions dl dd p{ font-size: .45rem; line-height: 1.8; }
.questions dl dt h3{ font-size: .5rem }


}
@media (max-width:1199px){
.ser_list dl dt p{ height: 24px; text-overflow: ellipsis; overflow: hidden; }

}
@media (min-width:1200px){
.ser_list dl dt p{ font-size: .42rem; color: #6682a0; line-height: 2; }
}

@media (min-width:1450px){
.tb_ico ul li{ margin: 0 3%; }
.tb_ico ul li i{ width: 145px; height: 145px; display: block;margin: .3rem auto; border-radius: 100%; box-shadow: 1px 1px 12px rgba(2,59,100,0.2) }
.tb_ico ul li .g01{ background: url(../images/ico05.png) 0 0 no-repeat #0651a3; background-size: 145px; }
.tb_ico ul li .g02{ background: url(../images/ico05.png) 0 -145px no-repeat #0651a3; background-size: 145px; }
.tb_ico ul li .g03{ background: url(../images/ico05.png) 0 -290px no-repeat #0651a3; background-size: 145px; }
.tb_ico ul li .g04{ background: url(../images/ico05.png) 0 -435px no-repeat #0651a3; background-size: 145px; }
.tb_ico ul li .g05{ background: url(../images/ico05.png) 0 -580px no-repeat #0651a3; background-size: 145px; }



}

@-webkit-keyframes doudong {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    40% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    60% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    80% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes doudong {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    40% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    60% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    80% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}




/* 产品中心  */
.pro_lb{}
.sidebar-nav{margin-bottom: 30px;}
.sidebar-nav .index_title {
    position: relative;
    padding:10px 20px;
    color: #fff;  
    margin-bottom: 0;
    background: #004da1;
    margin-top:12px;
}
.index_title .h2 {
    font-size: 18px;
    line-height: 45px;   
    font-weight: bold;
}
.navIcon{width:100%;height:100%;position:absolute;top:0;right:0;cursor: pointer;}
.navIcon:after{content: '';position: absolute;width:24px;height:24px;background:url(../images/t4W.png) no-repeat center;background-size:auto 24px;right:15px;top:50%;margin-top:-12px;transition: all 0.3s;}
.in>.navIcon:after{background:url(../images/close3.png) no-repeat center;background-size:auto 25px;}

.sibar_nav { padding:10px 0; display: none; }
.sibar_nav ul{ list-style: none; display: block; overflow: hidden; }
.sibar_nav ul li{font-size: 15px;
    line-height: 24px;
    position: relative;
   
   font-weight: normal;
   border-bottom:1px solid #e0e0e0;  }
.sibar_nav ul li a{color: #707070;
   padding:10px 20px;background: url(../images/arrow02.png) 5px no-repeat; display: block;}
.sibar_nav ul li a:hover{ color: #000; }
.sibar_nav ul li a.on{ color: #000; }

  

.products01{}
.products01 .cp_lb{ overflow: hidden; }
.products01 .cp_lb dl{ display: block; overflow: hidden; padding:10px 5px;box-shadow: 1px 1px 7px #eee; margin: 5px 2px 10px; border-radius: 8px; }
.products01 .cp_lb dl dt{ display: block; overflow: hidden; }
.products01 .cp_lb dl dt img{ display: block; margin: 0 auto; max-width: 100%; }
.products01 .cp_lb dl dd{ padding: 8px 10px; overflow: hidden; text-align: center; }
.products01 .cp_lb dl dd h3{ font-size: 16px; color: #252525; line-height: 30px; }
.products01 .cp_lb dl dd .cp_con{ padding: 10px 0; }
.products01 .cp_lb dl dd p{ font-size: 14px; color: #9f9f9f; line-height: 24px; }
.products01 .cp_lb dl dd span{ background: #65cef5; display: block; width: 50%; border-radius: 30px; margin: 0 auto; font-size: 14px; color: #fff; line-height: 36px; }

.p_seabtn{}
.p_seabtn .item-group{ display: block; background: #ecf2f6; border-radius: 30px; line-height: 45px;position: relative; }
.p_seabtn .item-group input{ padding-left: 15px; border:none; width: 85%;background: none; }
.p_seabtn .item-group input::placeholder{ font-size: 16px; }
.p_seabtn .item-group .hsm-btn{width: 40px; height: 40px; background: #004da1; text-align: center; border-radius: 100%;right: 5px; font-size: 22px; line-height: 40px;}

@media (min-width:768px){


}
@media (min-width:992px){	
.products01 .cp_lb dl{ width: 48%; float: left; margin:.1rem 1.5% .8rem 0.8%;  box-shadow: none; padding: .5rem .3rem; }
.products01 .cp_lb dl:nth-child(2n){ margin-right: 0; }
.products01 .cp_lb dl:hover{box-shadow: 1px 1px 12px #eee;}

	.sidebar-nav .index_title{  }
    .sibar_nav{ display: block; }
	.sibar_nav dl dt{ padding:25px; font-size: .5rem; }
	
.sibar_nav{ display: block; }
.sidebar-nav{padding:.6rem .5rem;
    box-shadow: 1px 1px 10px #eee;
    border-radius: 5px;}

.sidebar-nav .index_title{ padding: 10px 5px;   }
.index_title .h2{ font-size: 15px }

.sidebar-nav .index_title .navIcon{ display: none }
.products01 .cp_lb dl dd h3{ font-size: .46rem; line-height: 2; }
.products01 .cp_lb dl dd p{ display: block;   }
.sidebar-nav .index_title {
   background: none;margin-top: 0;
    padding:10px 20px;
    color: #303030;  
    margin-bottom: 0;}
 .products01 .cp_lb dl dd .cp_con{ padding: .3rem 0; height: 65px; overflow: hidden; box-sizing: border-box; }   

}

@media (min-width:1200px){
.products01 .cp_lb dl{ width: 31%; float: left; margin:.1rem 1.5% .8rem 0.8%; }
.products01 .cp_lb dl:nth-child(3n){ margin-right: 0 !important; }
.products01 .cp_lb dl:nth-child(2n){ margin-right: 1.5%; }

}
@media (min-width:1450px){
  
}

/* 产品详情页面  */

.product_part01{padding:20px 0;}
.details_swiper{margin-bottom:30px;}
.album-small{position: relative;width:100%;padding:0 30px;margin-top:15px;}
.album-small .swiper-container{position: static;}
.album-small .swiper-slide:after{content: '';position: absolute;width:100%;height:100%;left:0;top:0;border:1px solid #4797d1;opacity: 0;transition:all 0.5s;}
.album-small .swiper-slide-thumb-active:after{opacity: 1;}
.gallery-thumbs .swiper-button-prev,
.gallery-thumbs .swiper-button-next{width:30px;height:100%;top:0;margin-top:0;background-size:auto 20px;opacity: 1;}
.gallery-thumbs .swiper-button-prev{left:0;background-image: url(../images/ico_fl.png);}
.gallery-thumbs .swiper-button-prev.swiper-button-disabled{opacity: 0.8;}
.gallery-thumbs .swiper-button-next{right:0;background-image: url(../images/ico_fr.png);}
.gallery-thumbs .swiper-button-next.swiper-button-disabled{opacity: 0.8;}

.product-info{ display: block;overflow: hidden; 
      border: 4px solid #ddd;
    padding: 12px; }
.product_img{ display: block; overflow: hidden; }
#gallery{position: relative;width:100%;padding:0 30px;margin-top:15px; box-sizing: border-box;}
#gallery .swiper-slide{}
#gallery .swiper-slide .zz_img{ display: block; overflow: hidden; }
#gallery .swiper-slide .zz_img img{ max-width: 100%; display: block; margin: 0 auto; }
#thumbs{position: relative;display: block;overflow: hidden; padding: 0;}
#thumbs .swiper-slide{}
#thumbs .swiper-slide .imgs{ display: block; overflow: hidden; }
#thumbs .swiper-slide .imgs img{ max-width: 100%; display: block; margin: 0 auto; }
#thumbs .swiper-slide:after{content: '';position: absolute;width:100%;height:100%;left:0;top:0;border:1px solid #4797d1;opacity: 0;transition:all 0.5s;}
#thumbs .swiper-slide-thumb-active:after{opacity: 1;}

#thumbs .swiper-button-prev{left:0;background-image: url(../images/ico_fl.png); background-size: 15px;}
#thumbs .swiper-button-prev.swiper-button-disabled{opacity: 0.8;}
#thumbs .swiper-button-next{right:0;background-image: url(../images/ico_fr.png);background-size: 15px;}
#thumbs .swiper-button-next.swiper-button-disabled{opacity: 0.8;}
 .product-arr{ padding: 12px 0; display: block;overflow: hidden; }
 .product-arr h3{ font-size: 20px; color: #222; line-height: 30px; border-bottom: 1px solid #ddd; }
.product-arr .lx_c{ padding: 12px 0; display: block;overflow: hidden;  }
.product-arr .lx_c p{ font-size: 14px; line-height: 26px; color: #666;}
.proDetRight{ padding: 12px 0; display: block; overflow: hidden; }
.proDetRight .product_bt{ background: #f9f9f9; padding: 8px 0; display: block; overflow: hidden; }
.proDetRight .product_bt h3{ font-size: 15px; color: #222; padding-left: 12px; }
.zx_lx{ display: block; overflow: hidden; margin-top:1rem; }
.zx_lx span{ width: 40%; margin-right: 5%; float: left; display: block; text-align: center; }
.zx_lx span:nth-child(2){ margin-right: 0; }
.zx_lx span a{ display: block; font-size: 14px; color: #333; line-height: 24px; padding:5px 0; border:1px solid #eee; border-radius:5px; background: #fff;  }
.zx_lx span:nth-child(1) a{ background: #00479d; color: #fff; }
.zx_lx span a:hover{ background: #00479d; color: #fff; }


@media(min-width: 992px){
 .product-info{  border: 6px solid #ddd;
    padding: .5rem;}  
 .product_img{ width: 48%; float: left; display: block;overflow: hidden; }   
 #thumbs{ padding: 0 25px; margin-top:.3rem; }
 .product-arr{ float: right;width: 48%; }
 .product-arr h3{ font-size: .65rem; line-height:2;  }
.product-arr .lx_c{ padding: .5rem 0; }
.product-arr .lx_c p{ font-size: .43rem; line-height: 2;  }
.zx_lx span a{ font-size: 14px; line-height: 28px; padding: .2rem 0; }
.proDetRight .product_bt h3{ font-size: .45rem; line-height: 2; }


}

/* 首页询价表单 */
.zhezhu{background: rgba(0,0,0,0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
      display: none; }
 #feedback01{ width: 90%;
    background: #fff;
    position: fixed;
    top: 5%;
    left: 5%;
    z-index: 9999;    
    display: none;
   }  

.message01{box-shadow: 1px 1px 10px rgba(0,0,0,0.29);
    height: 700px;
    overflow: auto;
    width: 100%;}
.mess_tit{ background: #bfbfbf; display: block;  padding: 8px 0} 
.mess_tit h3{ font-size: 14px; color: #fff; line-height: 2.4; position: relative; padding-left: 6%; }
.mess_tit h3:after{ position: absolute; content:''; width: 4px; height: 20px; left:3%; top:50%; margin-top:-10px; background: #004da1 }
.mess_cc{ padding: 2% 5%; display: block; background: #ffffff; }


.close01{
        width: 24px;
    height: 24px;
    float: right;
    margin: 12px 10px 0 0;
    z-index: 99;
   position: absolute;
    right: 10px;
}
.close01 a{ display: block; }


.liuyan02{width: 100%;margin:0 auto;display:block;overflow:hidden; list-style:none}
.liuyan02 li{    width: 48%;   
    font-size: 14px;
    padding: 3px 0;
    display: block;
    margin-right: 4%;
    float: left;
    }
.liuyan02 li span{ font-size:14px; line-height:34px; color:#999a9c; width: 32%;float: left; margin-right: 2%;}    
.liuyan02 li span:nth-child(3n){ margin-right: 0; }
.liuyan02 li span input{ margin-right: 5px; line-height: 34px; }
.liuyan02 li label{ width:98%;  color: #3a3c3d; font-weight: normal;} 
.liuyan02 li label i{ color: #f00; }
.liuyan02 li:nth-child(2n){ margin-right:0 !important;}
.ipt {
    border: 1px solid #bfbfbf;
    padding: 2px 15px;   
    font-size: 14px;
    line-height: 22px;
    width: 100%; color:#999;
}
.liuyan02 li select{ border: 1px solid #bfbfbf;
    padding: 0 15px;   
    font-size: 14px;
    line-height: 34px;
    height:34px;
    width: 100%; color:#999; border-radius: 0;}
.liuyan02 li .formerrorbox{ width:100%; border: 1px solid #7b7b7b;
    padding: 5px 15px;border-radius: 10px;
    font-size: 16px;
    line-height: 40px; }


.liuyan02 li.a01{ width: 100%; }
.liuyan02 li.s_sub{  text-align: center; display: inline-block; }
.liuyan02 li.s_sub button{width: 90px;
    height: 30px;
    background: #004da1;
    border: none;   
    color: #fff;
    margin-right: 10px;
    border:1px solid #004da1;
     }

.liuyan02 li.s_sub .reset{ background: #fff; color: #004da1; }
.liuyan02 li textarea {   
    resize: none;
    padding: 10px 20px;
    outline: none;  
    border: 1px solid #bfbfbf;
    padding: 2px 15px;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    color: #999;
}
.liuyan02 li.a01 img{ height: 26px; margin-left: 10px; }
.liuyan02 li p{ color: #999a9c; font-size: 12px;line-height:1.5; }
.mess_cc01{ padding:0 3% 1%; border-bottom: 1px dashed #eee; margin-bottom: 3%; }
.mess_cc01 p{ font-size: 12px; color: #999a9c;  line-height: 1.6;}

@media (min-width:992px){
  .message01{ height: 460px; }   
#feedback01{ width:50%;left:25%; top:15%;}
#feedback02{ width:50%;left:25%;top:15%;}
#feedback03{ width:50%;left:25%;top:15%;}
.mess_tit h3{ font-size: .5rem; }
.close01{ margin: .2rem .1rem  0 0; }
.mess_tit{ padding:0; }
.mess_tit h3{ font-size: .45rem; }
}
@media (min-width:1200px){ 
.mess_tit h3{ font-size: .45rem; }

 }


/*  新闻列表  */
.pic2_list{ padding:20px 0; }
.news_list{ list-style: none; display: block; overflow: hidden; }
.news_list li {
    float: none;
    width: 98%;
    padding: 10px 1%; 
   overflow: hidden; 
}
.news_list li .n_t {
    float: left;
    width: 20%;
    border-right: 1px solid #ccc;
}
.n_t span {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
     color: #666;
}


.n_t p {
    text-align: center;
    font-size: 14px;
     color: #666;
}

.news_list li .n_c {
    float: left;
    width: 74%;
    margin-left: 5%;
}

.n_c h4 {
    font-size: 14px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
}
.n_c p {
    font-size: 12px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 20px;
    color: #666;
}
.news_list li:hover .n_c h4 a{ color: #4280b1; }



@media (min-width:786px){
.pic2_list{ padding:30px 0; }
.news_list li {
    float: left;
    width: 48%;
      margin-right: 2%;
    margin-bottom: 30px;
    padding:12px 0;
}

.news_list li:nth-child(2n) {
  margin-right: 0;
  width: 48%;
  
}
.n_t span {   
    font-size: 22px;   
}

}
@media (min-width:992px){
.pic2_list{ padding:40px 0; }	
.n_t span {   
    font-size: 26px;   
}
.n_t p {
    text-align: center;
    font-size: 16px;
}
.n_c h4{ font-size: 16px; }
.n_c p {
    font-size: 14px;
    line-height: 26px;
    padding-top: 10px;
    height: 58px;
    overflow: hidden;
    display: block;
}

}

/*分页*/
.page-list {
        clear: both;
    margin: 20px 0px 40px 0px;
    text-align: center;
    overflow: hidden;
}

.page-list .page-item {
    display: inline-block;
}

.page-list .page-link {
    display: inline-block;
    font-family: Arial;
    font-size: 16px;
    padding: 2px 11px;
    margin-left: 6px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #4280b1;
    border-color: #4280b1;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}






/*内页*/
.inside_banner{position: relative;width:100%;overflow: hidden;}
.inside_banner>img{display: block;width: 100%;/* animation:imgZoomIn 10s ease 0s forwards;-webkit-animation:imgZoomIn 10s ease 0s forwards; */}
.imgZoomIn{animation:imgZoomIn 10s ease 0s forwards;-webkit-animation:imgZoomIn 10s ease 0s forwards;}
@keyframes imgZoomIn{
	0%{-webkit-transform:scale(1.1);transform:scale(1.1);}
	100%{-webkit-transform:none;transform:none;}
}
@-webkit-keyframes imgZoomIn{
	0%{-webkit-transform:scale(1.1);transform:scale(1.1);}
	100%{-webkit-transform:none;transform:none;}
}
.inside_banner_title{position: absolute;width:100%;color:#fff;left:0;top:50%;transform: translateY(-50%);z-index: 2;}
.inside_banner_title img{ max-width: 100px; }
.inside_banner_title h1{font-size:16px;line-height:1.6;text-shadow: 2px 2px 2px rgba(0,0,0,0.5); position: relative; padding-bottom: 10px;}
.inside_banner_title h1:after{ width: 40px; height: 2px; background: #fff; position: absolute; content:''; bottom:0; left:0; border:none; }
.inside_banner_title p{font-size:12px;margin-top:10px;line-height:1.74;text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
.inside_banner_title .public_more{margin-top:25px;}
.inside_banner_title .public_more a{ color: #0075a9;display: block; line-height: 2; padding:5px 0; }


.inside_main{position: relative;width:100%;padding:40px 0;background-size:cover;background-repeat: no-repeat;background-position: center;}
.inner_item{position: relative;padding-bottom:30px;}

.index_title + .submenu{margin-top:-10px;}
.submenu.text-center{justify-content: center;}
.submenu{position: relative;display: flex;flex-flow: row wrap;margin-left:-5px;margin-right:-5px;margin-bottom:20px;}
.submenu:before,
.submenu:after{display: none;}
.submenu>li{padding:0 5px;margin:0 0 10px;}
.submenu>li>a{position: relative;display: block;min-width:100px;font-size:14px;padding:9px 5px;line-height:20px;border-radius: 0;background:#fff;border:1px solid #808080;margin:0;text-align: center;transition: all 0.5s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.submenu>li>a:after{content: '';position: absolute;width:0;height:2px;left:0;bottom:0;background:transparent;transition: all 0.5s;}
.submenu>li>a:hover,
.submenu>li>a:focus,363
.submenu>li.active>a,
.submenu>li.active>a:focus,
.submenu>li.active>a:hover{color:#fff;border-color:#4280b1;background:#4280b1;}

.inside_nav{position: static;width:100%;background:#fff;border-bottom:1px solid #ccc;}
.submenu_swiper .submenu{margin:0;flex-flow: row nowrap;}
.submenu_swiper .submenu>li{width:auto;margin:0;padding:0;}
.submenu_swiper .submenu>li>a{line-height: 30px;padding-left:10px;padding-right:10px;border:none;background:none;}
.submenu_swiper .submenu>li>a:hover,
.submenu_swiper .submenu>li>a:focus{color:#1a1a1a;background:none;}
.submenu_swiper .submenu>li>a:hover:after,
.submenu_swiper .submenu>li>a:focus:after{width:100%;background:#4280b1;;}
.submenu_swiper .submenu>li.active>a,
.submenu_swiper .submenu>li.active>a:focus,
.submenu_swiper .submenu>li.active>a:hover{color:#fff;background:#4280b1;}
.submenu_swiper .swiper-scrollbar{width:100%;left:0;bottom:0;height:2px;}

.InfoContent{line-height:2;position:relative;overflow:hidden; padding: 15px 8px;}
.InfoContent p{margin:0;    font-size: 14px;}
.InfoContent img{display: inline-block;max-width:100%;height:auto!important;}
.InfoContent video{display: block;height:auto;max-width:100%;margin:0 auto;}
.InfoContent ul,.InfoContent li{list-style-type: disc;list-style-position: inside;}
.InfoContent li p{display: inline;margin-bottom:0;}

.InfoTitle{margin-bottom:20px;text-align:center;text-transform:uppercase}
.InfoTitle h4{font-size:16px;margin:0;line-height:1.4}
.InfoTitle .date{font-size:14px;color:#999;margin-top:15px}
.InfoTitle .date span{padding:0 8px}

.goBack{text-align:center;margin-top:50px;margin-bottom:-15px;text-transform:uppercase}
.goBack .a{position: relative;display:inline-block;width:160px;font-size:16px;border-radius: 25px;color:#fff;background: #1c1f21;line-height:20px;padding:14px;overflow: hidden;transition: all 0.5s;}
.goBack .a>span{position: relative;}
.goBack .a:before{content: '';position: absolute;width:0;height:100%;left:0;top:0;background:#4280b1;transition: all 0.5s cubic-bezier(.52,1.64,.37,.66) 0s;}
.goBack .a:hover::before{width:100%;}

.pager{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:30px -5px 0}
.pager:before,
.pager:after{display: none;}
.pager li{padding:0 5px;margin:5px 0}
.pager li>a,.pager li>span{border:1px #ccc solid;background-color:transparent;color:#666;border-radius:0;padding:0;margin:0;width:30px;height:30px;line-height:30px}
.pager .next>a,.pager .next>span,.pager .previous>a,.pager .previous>span{float:none;display:block;background-color:#4c4c4c;border:0;color:#fff;width:70px}
.pager .next>a,
.pager .previous>a,
.pager .active>a,.pager li>a:hover{color:#fff;border-color:#4280b1;background-color:#4280b1}

.info_previous_next_wrap{border-top:1px #eaeaea solid;padding-top:16px;margin-top:40px;font-size:14px;color:#666;text-transform:uppercase;overflow: hidden;}
.info_previous_next_wrap b{font-weight:400}
.info_previous_next_wrap a{color:#666;text-decoration:none;display:inline}
.info_previous_next_wrap a:hover{color:#4280b1}
.info_Next,.info_Previous{margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.info_previous_next_wrap b br,
.info_previous_next_wrap a br{display: none;}
@media (max-width: 767px) {
    .inside_banner_title .public_more{margin-top:25px; display: none;}
	.cp_bb{display: none; }
	.inside_banner_title p{ display: none; }
	.submenu.text-center{justify-content: flex-start;}
	.info_previous_next_wrap{font-size:12px;margin-top:30px}
	
	.affix.inside_nav{position: fixed;left:0;top:66px;z-index: 1030;}
	.inside_nav .container{padding:0;}
}
@media (max-width: 360px) {
	.submenu>li>a{min-width:85px;}
}
@media (min-width: 768px) {
	.inside_banner_title h1{font-size:26px;}
	.inside_banner_title p{font-size:16px;}
	.inside_banner_title .public_more{margin-top:35px;}
	.inside_main{padding:50px 0;}
	.inner_item{padding-bottom:60px;}
	
	.InfoTitle h4{font-size:18px}
	.info_Next,.info_Previous{width:45%;}
	.info_Previous{float:left;}
	.info_Next{float:right;text-align:right;}
	
	.submenu{margin-bottom:30px;}
	.submenu>li>a{min-width:120px;}
	.submenu_swiper .swiper-scrollbar{display: none;}
	
	.affix.inside_nav{position: fixed;left:0;top:70px;z-index: 1030;}
    .InfoContent p{margin:0;    font-size: .45rem;}
}
@media (min-width: 992px) {
	.inside_banner_title img{ max-width: 200px; }
	.inside_main{padding:60px 0;}
	.InfoTitle h4{font-size:.8rem}
	.inside_banner_title h1:after{ width: 90px; height: 4px;}
	.inside_banner_title h1{font-size:1rem;}
	.inside_banner_title p{font-size:.6rem;}
    .InfoContent{ padding: 1rem .2rem; }
}
@media (min-width: 1200px) {
	.affix.inside_nav{top:100px;}
	
	
	.inside_banner_title p{margin-top:15px;}
	.inside_banner_title .public_more{margin-top:40px; width: 134px; background: #fff; display: block; border:1px solid #0075a9;}
	.inside_banner_title .public_more a{ font-size: 16px; }
	.submenu{margin-left:-10px;margin-right:-10px;}
	.submenu>li{padding:0 10px;}
	.submenu>li>a{font-size:16px;padding-top:14px;padding-bottom:14px;}
	.submenu_swiper .submenu>li>a{padding-left:15px;padding-right:15px;}	
}
@media (min-width: 1450px) {
	.InfoTitle{margin-bottom:30px}

	
}
@media (min-width: 1650px) {
	.inside_main{padding:70px 0;}
	

	.inside_banner_title .public_more{margin-top:45px;}
	.inside_banner_title .public_more a{ font-size: 18px; }
	
	.submenu{margin-bottom:40px;}
	.submenu_swiper .submenu>li>a{min-width:150px;font-size:18px;padding-left:20px;padding-right:20px;}
}







.index_s6_main{position: relative;display: flex;flex-flow: column;justify-content: center;align-items: center;}
.i_s6_left{width: 100%;text-align: center;margin-bottom:40px;transition: all 0.5s;}
.i_s6_left img{max-width:335px;width:50%;}
.i_s6_right{transition: all 0.5s;}
.i_s6_right ul{display: flex;justify-content: space-between;text-align: center;margin-bottom:40px;list-style: none;}
.i_s6_right li h2{font-size:24px;font-weight: 700;color:#4280b1;line-height: 1;}
.i_s6_right li p{font-size:16px;margin-top:10px;color:#231815;}
.i_s6_right .btn{display:block;padding:0;background:none;box-shadow: none;border:none;text-align: left;white-space:normal}
.i_s6_right .btn>img{width:100%;max-width:570px;}
.i_s6_right .btn>h5{font-size:22px;line-height:1.4}
.i_s6_right .btn>h6{margin-top:20px;line-height:1.4;font-weight: 700;font-size:20px;}
.i_s6_right .btn>h6>span{color:#4280b1;}
.i_s6_right .public_more{margin-top:30px;}
.i_s6_right .public_more .a{border-radius: 10px;width:180px;}
.i_s6_right .public_more .a>span{font-size:20px;}
@media (max-width:767px){
	.index_s6_main{max-width:480px;margin: 0 auto;}
	.i_s6_right{margin-bottom:20px;}
	.i_s6_right ul{margin-left:auto;margin-right:auto;}
	.i_s6_right .public_more{text-align: center;}
}
@media (max-width:479px){
	.i_s6_right li p{font-size:14px;}
	.i_s6_right .btn>h5,
	.i_s6_right .btn>h6{font-size:20px;}
	.i_s6_right .btn>h6{margin-top:15px;}
}
@media (min-width:768px){
	.index_s6_main{padding:30px 15px;}
	.i_s6_right li h2{font-size:30px;}
	.i_s6_right li p{margin-top:15px;}
	
	.i_s6_right .btn>h5{font-size:24px;}
	.i_s6_right .btn>h6{font-size:24px;margin-top:25px;}
	.i_s6_right .public_more{margin-top:40px;}
}
@media (min-width:992px){
	.index_s6_main{flex-flow: row;}
	.i_s6_left{width:auto;margin-bottom:0;}
	.i_s6_left img{width:auto;}
	.i_s6_right{padding-left:5%;}
	.i_s6_right li h2{font-size:36px;}
	.i_s6_right li p{font-size:18px;}
}
@media (min-width:1200px){
	.i_s6_right ul{margin-bottom:60px;}
	.i_s6_right li h2{font-size:42px;}
	.i_s6_right li p{font-size:20px;}
	
	.i_s6_right .btn>h5,
	.i_s6_right .btn>h6{font-size:28px;}
	.i_s6_right .btn>h6{margin-top:30px;}
	.i_s6_right .public_more{margin-top:50px;}
	
}
@media (min-width:1650px){
	.i_s6_right ul{margin-bottom:80px;}
	.i_s6_right li h2{font-size:46px;}
	.i_s6_right .btn>h5,
	.i_s6_right .btn>h6{font-size:30px;}
}

.aModal .modal-dialog{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:15px;}
.aModal .close{position:absolute;width:36px;height:36px;line-height: 30px;text-align: center;background-color:#4280b1;opacity:1;color:#fff;z-index:999;right:-10px;top:-10px;border-radius:50%;font-size:20px;font-weight:lighter;outline: 0;text-shadow:none;transition: all 0.5s;}
.aModal .close:hover{background-color:#4280b1;}
.aModal .modal-body{padding:0;}
.aModal .modal-content{padding:30px 15px;border:none;border-radius: 10px;background:#fff;box-shadow: 0 0 0 rgba(0,0,0,0);}
.aModal.modal.fade .modal-dialog{
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(-50%,-50%) scale(0.5);
    -ms-transform: translate(-50%,-50%) scale(0.5);
    -o-transform: translate(-50%,-50%) scale(0.5);
    transform: translate(-50%,-50%) scale(0.5);
}
.aModal.modal.in .modal-dialog{
	-webkit-transform: translate(-50%,-50%) scale(1);
	-ms-transform: translate(-50%,-50%) scale(1);
	-o-transform: translate(-50%,-50%) scale(1);
	transform: translate(-50%,-50%) scale(1);
}
@media (min-width:768px){
	.aModal .modal-content{padding:40px 25px;}
	.aModal .modal-dialog{width:80%;max-width:600px;}
}



/*动画*/
.fadeIn {
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.fadeInUp {
	opacity: 0;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.fadeInDown {
	opacity: 0;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.fadeInLeft {
	opacity: 0;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.fadeInRight {
	opacity: 0;
	-webkit-transform: translate3d(20px,0,0);
	transform: translate3d(20px,0,0);
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.zoomIn {
	opacity: 0;
	-webkit-transform: scale3d(.9,.9,.9);
	transform: scale3d(.9,.9,.9);
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.animated {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}


.FastRight {
    width: 45px;
    position: fixed;
    z-index: 99;
    right: 0px;
    top: 55%;
    transform: translate(0, -50%);
}
.FastRight ul{list-style: none;}
.FastRight li {
    position: relative;
    cursor: pointer;
    margin-bottom: 2px;
   
}

.FastRight li:first-child {
    border-top: 0px;
}

.FastRight .ico {
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    background: #1891d5;
    position: relative;
    overflow: hidden;
}

.FastRight .ico em {
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    background: #4280b1;
    text-align: center;
    display: block;
    position: absolute;
    bottom: -100%;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: all .3s linear;
}

.FastRight .ico em a {
    color: #fff;
}

.FastRight .ico img {
    width: 30px;
}

.FastRight li.download001{border-top: 0px;
    border-bottom: 0px;
    margin-top: 2px;}
.FastRight li.totop {
    border-top: 0px;
    border-bottom: 0px;
    margin-top: 2px;
}

.FastRight li.totop .ico {
    background: #868686;
}

.FastRight li .info {
    display: none;
    width: 185px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 45px;
    text-align: center;
    padding-right: 20px;
}

.FastRight li .info .fixbox {
    width: 100%;
    border: 1px solid #c3c3c3;
    background: #fff;
    height: 55px;
    border-radius: 5px;
    position: relative;
}

.FastRight li .info .fixbox::after {
    content: "";
    display: block;
    width: 10px;
    height: 15px;  
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -7.5px;
}

.FastRight li .info .fixbox a {
    width: 100%;
    height: 100%;
    display: table;
}

.FastRight li .info .fixbox img {
    max-width: none;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-top: 5px;
    vertical-align: middle;
}

.FastRight li .info .fixbox p {
    margin-bottom: 5px;
    font-size: 14px;
    color: #313131;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0 0 10px;
    text-align: left;
}

.FastRight li .info .fixbox p span {
    font-size: 13px;
    color: #c22828;
    display: block;
    line-height: 16px;
}

.FastRight li.lwx .info .fixbox {
    height: auto;
    padding: 10px 0;
}

.FastRight li.lwx .info .fixbox img {
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

.FastRight li.lwx .info .fixbox p {
    display: block;
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
}

.FastRight li:hover .ico em {
    bottom: 0;
}
.video_out{ text-align:center;}
.video_out img{ max-width:100%;}



@keyframes mymove
            {
                0%{
                transform: scale(0.7);  /*开始为原始大小*/
                }
                25%{
                    transform: scale(1); /*放大1.1倍*/
                }
                50%{
                    transform: scale(0.7);
                }
                75%{
                    transform: scale(1);
                }

            }
            
            @-webkit-keyframes mymove /*Safari and Chrome*/
            {
                0%{
                transform: scale(0.7);  /*开始为原始大小*/
                }
                25%{
                    transform: scale(1); /*放大1.1倍*/
                }
                50%{
                    transform: scale(0.7);
                }
                75%{
                    transform: scale(1);
                }
            }