@charset "utf-8";
/*CSS Document*/
body{
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
}
.bg-grey{ background:#f2f3f5;}

.width-x,.width-x100{ width:100%;}
.width-x96{ width:68%; margin:0 auto;}
.width-x96{ width:96%; margin:0 auto;}
.width-x92{ width:92%; margin:0 auto;}
.width-x86{ width:86%; margin:0 auto;}
.width-x78{ width:78%; margin:0 auto;}
.width-x50{ width:50%; margin:0 auto;}
.width-x60{ width:60%; margin:0 auto;}
.width-x40{ width:40%; margin:0 auto;}
.width-x30{ width:30%; margin:0 auto;}
.width-x20{ width:20%; margin:0 auto;}
.width-x10{ width:10%; margin:0 auto;}

.full-container{ 
    display: block;
    overflow: hidden;
    width:100%;
}
.container {
	width: 100%;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0px;
}
@media (max-width: 1600px) {
	.container {
		padding: 0 15px !important;
	}
}

/* ==============================================
	header
=================================================*/
.header_fixed {
    position: fixed!important;
}
.header{
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 80px;
    background-color: #fff;
    z-index: 9990;
    transition: all 0.3s;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.header .head_left{
    float: left;
    width: 10%;
	max-width: 300px;
	height: 80px;
	margin: 0px 0 0 0px;
	position: relative;
}
.header .head_left ._logo{
	display:table-cell;
	overflow: hidden;
	vertical-align: middle;
	height: 80px;
}
.header .head_left ._logo img{
    display: block;
    overflow: hidden;
	width: 100%;
    max-height: 60px;
    max-width: 200px;
}

/* 主导航 */
.header .head_center{
    float: left;
    display: block;
	position: relative;
}
.header .nav_box{
    line-height: 80px;
    display: block;
    color: #333;
    font-size: 14px;
}
.header .nav_box li{
    position: relative;
    float: left;
    line-height: 50px;
    padding: 15px 20px;
}
.header .nav_box .on > a{
	color: #28a054;
}
.header .nav_box ._li > a{
    font-size: 20px;
    color:#025;
    font-weight: 700;
}
.header .nav_box li::after{
	right: 0;
	left: 0;
	position: absolute;
	margin: auto;
	content: "";
	width: 0;
	height: 0;
	border: 6px solid transparent;
	bottom: 25px;
	transition: all 0.5s;
}
.header .nav_box li .nav_sub {
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 80px;
    width: 100%;
    min-width: 250px;
    line-height: 25px;
    text-align: left;
    background: #f6f6f6;
}
.header .nav_box li .nav_sub li{
    width: 100%;
    font-size: 14px;
    padding: 0;
    border-bottom: 1px solid white;
}
.header .nav_box li .nav_sub li a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.5s ease-in-out;
    padding: 0 10px;
    line-height: 45px;
}
.header .nav_box ._li:hover ._lia{
	color: #28a054;
}
.header .nav_box ._li:hover::after{
    border-bottom: 6px solid #28a054;
    bottom: 0;
}

@media (max-width:1800px) {
    .header .head_left{
        width: 10%;
    }
   	.header .nav_box li{
		padding: 15px 20px;
	}
}
@media (max-width: 1600px) {
	.header .nav_box li{
		padding: 15px 12px;
	}
}
@media (max-width: 1400px) {
	.header .nav_box li{
		padding: 15px 10px;
	}
}
@media (max-width: 1100px) {
	.header .nav_box li{
		padding: 15px 5px;
	}
}

@media (max-width: 991px) {
	.header,
	.header {
	  height: 60px;
	}
	.header {
	  border-bottom: 1px solid #dcdcdc;
	}
    .header .head_left{
        height: 60px;
    }
	.header .head_left ._logo{
	  max-width: 110px;
	  height: 60px;
	  font-size: 0px;
	  line-height: normal;
	}
    .header .head_left ._logo img{
        max-height: 50px;
    }
	.header .head_left a{
	  height: 60px;
	}
}

.nav_handle {
    display: flex;
    align-items: center;
    overflow: hidden;
    vertical-align: middle;
    color: white;
    cursor: pointer;
    width: 25px;
    height: 80px;
}
.nav_handle a {
    display: block;
    overflow: hidden;
    padding-bottom: 6px;
}
.nav_handle span {
    
    display: block;
    width: 25px;
    height: 2px;
    background-color: #555555;
    margin-top: 6px;
    -ms-transform-origin: 7% 50%;
    -moz-transform-origin: 7% 50%;
    -webkit-transform-origin: 7% 50%;
    -o-transform-origin: 7% 50%;
    transition: all 0.3s;
    margin-left: 0px;
}
.header .nav_handle .on .line1 {
    transform: rotate(45deg);
}
.header .nav_handle .on .line2 {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transform: rotate(0);
}
.header .nav_handle .on .line3 {
    transform: rotate(-45deg);
}

/* 搜索 */
.search_handle {
    height: 80px;
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    color: #333;
    cursor: pointer;
    font-size: 18px;
    padding: 0 20px;
}
.search_handle img{
    display: block;
    overflow: hidden;
}
.search_box{
    display: block;
    color: #333;
    cursor: pointer;
    font-size: 18px;
    position: relative;
}
.search_box .search_inner {
    position:absolute;
    z-index: 100;
    top: 79px;
    right: 0;
    display: none;
    width: 360px;
    padding: 20px;
    background: #f5f5f5;
}
.search_box .close_search {
    position: absolute;
    top: 10px;
    right: 10px;
}
.search_box .search_btn {
    color: #1e1e1e;
    font-size: 18px;
    border: none;
    line-height: 36px;
    background-color: transparent;
}
.search_box .search_inner input{
    background: none;
    border: none;
    height: 36px;
    width: 260px;
    padding: 10px;
    border-bottom: #666 solid 1px;
}
.search_box .search_inner input:focus {
    background-color: transparent;
    outline: none;
}

.follow_box{
    display: flex;
    align-items: center;
    overflow: hidden;
    vertical-align: middle;
    color: #333;
    cursor: pointer;
    font-size: 18px;
    padding: 0 50px 0 20px;
    height: 80px;
}
.follow_box a{
    margin-left: 10px;
}
.follow_box a img{
    display: block;
    overflow: hidden;
}

@media (max-width:1400px) {
    .header .width-x92{
        width: 98%;
    }
    .follow_box{padding: 0 10px 0 10px;}
    .follow_box a{
        margin-left: 5px;
    }
    .search_handle {
        padding: 0 10px 0 10px;
    }
}
@media (max-width:1200px) {
    .follow_box{display: none;}
}

@media (max-width:992px) {
    .header .width-x92{
        width: 90%;
    }
    .nav_handle {
        height: 60px;
        margin-top: 0px;
    }
	.search_handle{
		height: 60px;
        padding: 0 10px 0 10px;
	}
	.search_box .search_inner {
        position:fixed;
        width: 100%;
	    height: 100%;
        top: 0;
        left: 0;
        background: #fff;
	}
    .search_box .search_inner input{
        width: calc(100% - 80px);
    }
	.search_box .close_search {
        position: absolute;
        top: 10px;
        right: 10px;
	}
    .search_box .search_content{
        position: absolute;
        top: calc(50% - 50px);
        width: 80%;
        left: 10%;
    }
    .search_box .search_inner input{
        width: 100%;
    }
    .search_box .search_btn{
        position: absolute;
        top: 2px;
        right: 0px;
    }
}

/* 手机导航 */
.header .menu_box {
    display: block;
    position: fixed;
    z-index: 88889;
    top: 0px;
    right: 0;
    width: 70%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    background: #fff;
    box-sizing: border-box;
    padding: 10vh 0;
    transform: translateX(100%);
    transition: 0.6s ease-in-out;
}
.header .menu_box .nav_handle {
    position: absolute;
    top: 10px;
    right: 10px;
    height: auto !important;
    margin: 0;
}
.header .menu_box ul {
    width: 100%;
    max-width: 680px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 120px;
    margin: 0 auto;
}
.header .menu_box ._li {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
.header .menu_box ._li ._lia{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    font-weight: bold;
    padding: 0px 20px;
    font-size: 16px;
    color: #2e2e2e;
    line-height: 50px;
    font-weight: normal;
}
.header .menu_box ._li i {
    position: absolute;
    right: 15px;
    padding-left: 0;
    height: 50px;
    top: 0;
    text-align: center;
    color: #888888;
    font-size: 18px;
    line-height: 50px;
    transition: 0.1s ease-in-out;
}
.header .menu_box ._li .menu_sub {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 5px 50px;
    display: none;
}
.header .menu_box ._li .menu_sub li {
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #666;
    line-height: 3;
}
.header .menu_box ._li .menu_sub li a{
    font-size: 14px;
    line-height: 40px;
    color: #888;
}
.header .menu_box.open{
	transform: translateX(0);
	transition: 0.6s ease-in-out;
}
.header .menu_box li.on .menu_sub{
    display: block;
}
.header .menu_box .on i.icon {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.header  .menu_box .menu_kf {
    line-height: 30px;
    display: block;
    color: #333;
    cursor: pointer;
    font-size: 16px;
    margin: 3vh 20px 0 20px;
    position: relative;
}
.header .menu_box .menu_kf i {
    font-size: 16px;
}

.header .lang_box i {
    line-height: 80px;
    display: block;
    color: #1e1e1e;
    cursor: pointer;
    font-size: 24px;
}
.header .lang_box .lang {
    position: absolute;
    z-index: 999;
    top: 80px;
    left: 0;
    display: none;
    height: 90px;
    width: 36px;
    text-align: center;
    background-color: #f6f6f6;
    overflow: hidden;
}
.header .lang_box a, .header .lang_box .lang i {
    float: left;
    padding: 0px 10px;
    width: 100%;
    height: 45px;
    line-height: 45px;
}
.header .lang_box a {
    color: #222;
    border-bottom: 1px solid #ffffff;
}
@media (max-width:992px) {
	.header .lang_box{line-height: 50px;}
	.header .lang_box i{line-height: 50px;}
	.header .lang_box .lang{
		top: 50px;
		width: 80px;
	}
}

.bodyer{
    display: block;
    overflow: hidden;
    background: #f2f3f5;
    padding: 0vw 0 5vw 0;
}
/* ==============================================
	banner
============================================== */


.adv-container{
    display: block;
    overflow: hidden;
}
.adv-container img{
    display: block;
    overflow: hidden;
    width: 100%;
}

/* ==============================================
	crumb
============================================== */
.crumb{
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding: 25px;
    margin-bottom: 3vw;
    font-size: 14px;
}
.crumb li{ float: left;}
.crumb li a{
    color: #666;
}
.crumb li i{color: #666; font-size: 14px; padding: 0 5px; }
@media (max-width:992px) {
    .crumb{
        padding: 15px 0;
    }
}

/* ==============================================
	guide
=================================================*/

/*guide product*/
.guide_product{ width:100%; background:#f6f8fb; overflow:hidden; padding-bottom:40px;}
.guide_product ._head{ text-align:center; color:#000000;padding:5vh 0 3vh 0;}
.guide_product ._head h3 {  margin-bottom:10px; text-transform:uppercase; }
.guide_product ._head p { font-size:20px; color:#666666; line-height:1.5 }
.guide_product ._head p span { display:block;}
.guide_product ._body {margin:0 auto; }
.guide_product ._body ul { display: flex;flex-direction: row;flex-wrap: wrap;}
.guide_product ._body ul li {  position:relative; overflow:hidden; flex: auto; margin-left:1.5%; margin-bottom:1.5%; width:18.8%; float:left; background:#fff; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.guide_product ._body ul li:hover {
    transform: translateY(-15px);box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -ms-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -o-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15); 
    -webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    transition:all 0.6s; 
    -o-transition:all 0.6s; 
    -ms-transition:all 0.6s;  
}
.guide_product ._body ul li:nth-child(5n+1) {   margin-left:0;}
.guide_product ._body ul li a { display:block;}
.guide_product ._body ul li a dd { width:100%; overflow:hidden; } 
.guide_product ._body ul li a dd img { width:100%; display:block; }
.guide_product ._body ul li a dl{ height:75px; color:#000; font-weight:100; font-size:17px; line-height:1.5; margin:0 40px; font-weight:bold;}
.guide_product ._body ul li a dl::after { width:42px; height:2px; display:block; content:""; background:#16307b; margin:20px 0 0;}
.guide_product ._body ul li a dl span { display:block; width:100%; margin-top:40px; font-weight:100;   display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.guide_product ._srcoll_product{ position: relative; width: 94%; margin: 0 auto;}
.guide_product ._srcoll_product ._wrap{ overflow:hidden; }
.guide_product ._srcoll_product ._wrap ul li a {
    background: #fff;
    display: block;
    width: 100%;
    overflow: hidden;
}
.guide_product ._srcoll_product ._wrap ul li dd img { width:100%; display:block; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.guide_product ._srcoll_product ._wrap ul li:hover a dd img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.guide_product ._srcoll_product ._wrap ul li a dl {
    font-size: 16px;
    color: #000000;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 20px;
}
.guide_product ._srcoll_product ._wrap ul li a dl::before {
    display: block;
    margin: 0 0 15px;
    width: 40px;
    height: 2px;
    content: "";
    background: #16307b;
}
.guide_product ._srcoll_product ._handle span{ cursor:pointer; border-radius:100px; position:absolute; top:45%; z-index:33333; display:block; height:45px; width:45px;  z-index: 2; border:1px solid #c9c9c9 }
.guide_product ._srcoll_product ._handle span::after { display:block; width:43px; line-height:43px; height:43px; text-align:center; font-size:16px; font-weight:bold; color:#000;font-family: "swiper-icons" !important;}
.guide_product ._srcoll_product ._handle ._next::after{ content:"next";}
.guide_product ._srcoll_product ._handle span:hover::after { color:#fff;}
.guide_product ._srcoll_product ._handle ._prev::after  {content:"prev"}
.guide_product ._srcoll_product ._handle ._next  { right:0px; content:"prev";}
.guide_product ._srcoll_product ._handle ._prev  { left:0px;}
.guide_product ._srcoll_product ._handle span:hover{ background:#16307b; border:1px solid #16307b } 


.guide_choose {
    width: 100%;
    position: relative;
    display: flex;
}
.guide_choose::before {
    display: block;
    width: 4%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: #16307b;
}
.guide_choose ._left {
    width: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 100px;
    float: left;
    height: 100%;
}
.guide_choose ._left ._info { margin:0 auto; width:81%} 
.guide_choose ._left ._info ._title { margin-top:70px;}
.guide_choose ._left ._info ._title h3 { color:#000; font-size:48px; text-transform:uppercase; }
.guide_choose ._left ._info ._title p { display:block; margin-top:20px;color:#16307b;font-size:24px; font-weight:bold;}
.guide_choose ._left ._info ._title p:last-child { display:block; margin-top:20px;color:#333333;font-size:15px; line-height:1.5; font-weight:100;} 
.guide_choose ._left ._info ._desc p i { display:inline-block; padding:3px; background:#28a054; border-radius:50px; margin-right:4px; color:#fff;}
.guide_choose ._left ._info ._desc p { line-height:1.7; margin-bottom:35px; color:#666666; font-size:16px;}
.guide_choose ._left ._info ._more { margin-top:30px;}
.guide_choose ._left ._info ._more a{ position:relative; margin-left:100px; display:block; height:48px; line-height:48px; text-align:center; width:200px; color:#fff; background:#28a054; font-size:15px;}
.guide_choose ._left ._info ._more a span { display:block; width:100%; height:48px; position:absolute; left:0; top:0; z-index:55}
.guide_choose ._left ._info ._more a::after { background:#16307b; content:""; display:block; width:0; height:48px; position:absolute; left:0; top:0; z-index:1;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.guide_choose ._left ._info ._more a:hover::after { width:100%;  -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}

.guide_choose ._right {
    width: 50%;
    float: right
}
.guide_choose ._right img{
    width: 100%;
    display: block;
}
@media only screen and (max-width: 991px){	
    .guide_choose {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .guide_choose ._left {
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 50px;
        float: left;
        height: 100%;
    }
    .guide_choose ._left ._info ._title h3{
        font-size: 28px;
    }
    .guide_choose ._right {
        width: 100%;
        float: right
    }
    .guide_choose ._left ._info ._more a{
        margin: 0 auto;
    }
}

.guide_case{ width:100%; background:#f6f8fb; overflow:hidden; padding-bottom:5vh; display: block;}
.guide_case ._head{ text-align:center; color:#000000;padding:5vh 0 3vh 0;}
.guide_case ._head h3 {  margin-bottom:10px; text-transform:uppercase; }
.guide_case ._head p { font-size:20px; color:#666666; line-height:1.5 }
.guide_case ._body { display: block;}
.guide_case ._body ul li { float:left; width:25%; overflow:hidden;  overflow:hidden;}
.guide_case ._body ul li img { display:block; width:100%}
.guide_case ._body ul li a { display:block; box-sizing: border-box; overflow: hidden;border-radius:5px;position:relative; margin: 10px; background-position:center; background-repeat:no-repeat; background-size:cover; min-height:600px; }
 
.guide_case ._body ul li:first-child {  margin-left:0; }
.guide_case ._body ul li a::after { display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0), rgba(22,48,123,0.9)); z-index:1;}
.guide_case ._body ul li a dl { width:100%; height:150px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:3;}
.guide_case ._body ul li a dl dd{ color:#fff; padding:0 30px;}
.guide_case ._body ul li a dl dd:first-child { font-size:25px;   margin-top:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.guide_case ._body ul li:hover a dl dd:first-child {  margin-top:-50px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}

.guide_case ._body ul li a dl dd:first-child+dd { margin-top:90px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.guide_case ._body ul li:hover a dl dd:first-child+dd { margin-top:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.guide_case ._body ul li a dl dd:last-child { display:block; width:30px; height:30px; line-height:30px; padding: 0 0px; text-align:center; font-size:16px; color:#fff; border:1px solid #fff; margin-top:70px; margin-left:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s; }
.guide_case ._body ul li a dl dd:last-child::after:hover { background:#28a054; border:1px solid #28a054;}
@media only screen and (max-width: 991px){	
    .guide_case ._body ul li { float:left; width:50%;  overflow:hidden;}
    .guide_case ._body ul li a {min-height: 300px; margin: 5px; }
    .guide_case ._body ul li a dl dd:first-child{
        font-size: 18px;
        margin-top: 20px;
        padding: 0 15px;
    }
}

.guide_contact { width: 100%; background-position: center top;  background-repeat: no-repeat; background-size: cover; min-height: 560px; background: fixed; position:relative;}
.guide_contact::after { display:block; width:100%; height:100%; content:""; background:rgba(0,0,0,0.3); position:absolute; left:0; bottom:0; z-index:1}
.guide_contact ._info { position:absolute; left:0; top:0; z-index:3; width:100%; min-height: 560px;-ms-flex-align: center;
    align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    color:#fff
}
.guide_contact ._info h3 { font-size:48px; width:70%; margin:0 auto; text-transform:uppercase; }
.guide_contact ._info dl { padding-top:20px; font-size:18px; line-height:1.5;}
.guide_contact ._info dd { width:100%;}
.guide_contact ._info dd a { margin:30px auto 0; position:relative;  display:block; height:48px; line-height:48px; text-align:center; width:200px; color:#fff; background:#28a054; font-size:15px;}
.guide_contact ._info dd a span { display:block; width:100%; height:48px; position:absolute; left:0; top:0; z-index:55}
.guide_contact ._info dd a::after { background:#16307b; content:""; display:block; width:0; height:48px; position:absolute; left:0; top:0; z-index:1;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.guide_contact ._info dd a:hover::after { width:100%;  -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
@media only screen and (max-width: 991px){	
    .guide_contact ._info h3 { font-size: 28px;; width:90%; }
}

.guide_counter { width:100%; height:230px; background:#16307b}
.guide_counter ._info a{  text-align:center; width:25%; float:left;}
.guide_counter ._info a em{ font-style:normal; display:inline-block; }
.guide_counter ._info a em i {font-style:normal; color:#fff; font-size:20px;  display:inline-block;}
.guide_counter ._info a:last-child{   border-bottom:0}
.guide_counter ._info a span { display:inline-block; color:#fff; font-size:44px; font-weight:bold;   /* Project id  */ }
.guide_counter ._info a p {   color:#bac4dd; font-size:18px; margin-top:25px;  }
.guide_counter ._info a p i { font-style:normal; display:block;}
.guide_counter #seventh { margin-top:70px;}
@media only screen and (max-width: 991px){	
    .guide_counter ._info a{ width:50%;}
    .guide_counter ._info a span{ font-size:25px;}
    .guide_counter ._info a p { margin-top:15px;}
	.guide_counter ._info a p i{ font-size:25px;}
    .guide_counter #seventh { margin-top:30px;}
}

.guide_about{ width:100%; background:#f6f8fb; overflow:hidden; padding-bottom:5vh; }
.guide_about ._head{ text-align:center; color:#000000;padding:5vh 0 3vh 0;}
.guide_about ._head h3 {  margin-bottom:10px; text-transform:uppercase; }
.guide_about ._head p { font-size:20px; color:#666666; line-height:1.5 }

.guide_about ._body { margin:0 auto; background: #fff; display: block; overflow: hidden; max-width: 1600px; }
.guide_about ._body ._left { width:50%; float: left; position:relative;}
.guide_about ._body ._left img{ width:100%; height:100%; display: block; overflow: hidden; }
.guide_about ._body ._right { width:50%; float: right;  padding:65px;}

.guide_about .mainFilter{width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;display: none;background: url(../images/about_bg.png);z-index: 99999;}

.guide_about .wrap_video .about_video i { display:block; overflow: hidden;  width: 100%; height: 85px; width: 85px; background: #16307b; line-height: 85px; text-align: center; border-radius: 50%; font-size: 24px; cursor: pointer; position: absolute;  left: calc(50% - 40px); top: calc(50% - 40px);   z-index:6;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; color: #ffffff;} 
.guide_about .wrap_video:hover i{ background:#28a054; color:#fff; font-size: 30px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s}
.guide_about .wrap_video .about_video::after { width:100%; height:100%; background:rgba(0,0,0,0); position:absolute; left:0; top:0; content:""; z-index:1;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.guide_about .wrap_video:hover .about_video::after { width:100%; height:100%; background:rgba(0,0,0,00.5); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} 

.guide_about ._body ._right h2 { font-size:30px; color:#16307b; font-weight:bold;}
.guide_about ._body ._right dl { font-size:16px; line-height:1.5; margin-top:40px; color:#666666;}
.guide_about ._body ._right dl p { margin-bottom:20px; display: block;}
 
.guide_about ._body ._right dd { margin-top:70px;}
.guide_about ._body ._right dd a {   position:relative;  display:block; height:48px; line-height:48px; text-align:center; width:160px; color:#fff; background:#28a054; font-size:15px;}
.guide_about ._body ._right dd a span { display:block; width:100%; height:48px; position:absolute; left:0; top:0; z-index:55}
.guide_about ._body ._right dd a::after { background:#16307b; content:""; display:block; width:0; height:48px; position:absolute; left:0; top:0; z-index:1;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.guide_about ._body ._right dd a:hover::after { width:100%;  -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
@media only screen and (max-width: 1600px) {
    .guide_about .wrap_video .about_video i{
        height: 60px; 
        width: 60px;
        line-height: 60px;
        left: calc(50% - 30px); 
        top: calc(50% - 30px); 
    }
    .guide_about ._body ._right dl {
        height: 200px;
        padding-right: 20px;
        margin-top:20px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .guide_about ._body { display: block; width: 92%;}
    .guide_about ._body ._right { padding:20px;}
    .guide_about ._body ._right dd {
        margin-top: 20px;
    }

	.guide_about ._body ._right dl::-webkit-scrollbar {
	  width : 5px;
	  height: 5px;
	
	}
	.guide_about ._body ._right dl::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
        background   : #16307b;
	}
	.guide_about ._body ._right dl::-webkit-scrollbar-track {
        box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        background:rgba(211,211,211,0.2);
	}

}
@media only screen and (max-width: 991px){
    .guide_about ._head h3 { font-size: 28px; width: 92%;}
    .guide_about ._head p { font-size: 18px;}
    .guide_about ._body { display: block; width: 92%;}
    .guide_about ._body ._left, .guide_about ._body ._right { width:100%; float:none; }
    .guide_about ._body ._right { padding:20px;}
    .guide_about ._body ._left { margin-bottom:30px;}
}

.guide_news{ width:100%; background:#f6f8fb; overflow:hidden; padding-bottom:5vh; }
.guide_news ._head{ text-align:center; color:#000000;padding:5vh 0 3vh 0;}
.guide_news ._head h3 {  margin-bottom:10px; text-transform:uppercase; }
.guide_news ._head p { font-size:20px; color:#666666; line-height:1.5 }

.guide_news ._body { width: 92%; margin: 0 auto;}
.guide_news ._body ul { list-style: none; display: block; overflow: hidden;}
.guide_news ._body ul li { float:left; width:25%; display: block; overflow: hidden; }
.guide_news ._body ul li a { display:block;  border:1px solid #ededed; border-radius:5px; box-sizing: border-box; overflow:hidden; margin: 10px;}
.guide_news ._body ul li a dd { width:100%; overflow:hidden;}
.guide_news ._body ul li a dd img{ width:100%;    display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.guide_news ._body ul li:hover a dl img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.guide_news ._body ul li a dl{ 
    font-size:22px; 
    font-weight:bold; 
    color:#333333; 
    margin:20px 30px 0;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.guide_news ._body ul li a dt{ line-height:1.5; font-size:14px;   color:#9a9a9a; margin:20px 30px 0;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.guide_news ._body ul li a label {margin:20px 30px 30px; font-size:14px; color:#16307b; font-weight:bold; display: block; overflow: hidden;} 
.guide_news ._body ul li a label span  { display:inline-block; position:relative; padding-right:10px;}
@media only screen and (max-width: 991px){
    .guide_news ._body ul li { width:50%;}
    .guide_news ._body ul li a {  margin: 5px;}
    .guide_news ._body ul li a dl{ 
        margin:10px;
        font-size:18px; 
    }
    .guide_news ._body ul li a dt{ 
        margin:10px;
        font-size:14px; 
    }
    .guide_news ._body ul li a label {
        margin:10px;
        font-size:14px; 
    }
    .guide_news ._body { width: 100%; margin: 0 auto; padding: 0 10px;}
}

/*留言*/
.guide_inquiry { width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; padding:100px 0; overflow:hidden;}
.guide_inquiry ._left { width:40%; }
.guide_inquiry ._right { width:40%}
.guide_inquiry ._left h3 { width:70%; color:#fff; font-size:45px; text-transform:uppercase;  font-weight:700}
.guide_inquiry ._left h3::after { display:block; width:70px; height:3px; display:block; content:""; margin-top:30px; background:#fff; margin-top:30px;}
.guide_inquiry ._right ul li { float:left; margin-left:2%; margin-bottom:2%; width:49%; height:50px;}
.guide_inquiry ._right ul li:first-child {  margin-left:0;}
.guide_inquiry ._right ul li:first-child+li+li {  margin-left:0;}
.guide_inquiry ._right ul li:first-child+li+li+li+li {  margin-left:0;width:100%;height:80px;}
.guide_inquiry ._right ul li:last-child {  margin-left:0; width:100%;}
.guide_inquiry ._right ul li .text { width:100%; height:50px; line-height:50px; background:#fff; border:0; color:#6c757d; border-radius:5px; padding:0 15px;}
.guide_inquiry ._right ul li .textarea { width:100%; height:80px; line-height:1.5; background:#fff; border:0; color:#6c757d; border-radius:5px; padding:15px;}
.guide_inquiry ._right ul li:last-child .submit { width:150px; height:50px; border:0; border-radius:5px; line-height:50px; text-align:center; color:#fff; cursor:pointer; background:#16307b; bottom:0;}
.guide_inquiry ._right ul li:last-child .submit:hover {  background:#28a054;  }
textarea::-webkit-input-placeholder { color: #6c757d; font-family:"Arial" }
  textarea:-moz-placeholder { color: #6c757d;  font-family:"Arial" }
  textarea::-moz-placeholder {  color: #6c757d;  font-family:"Arial" }
  textarea::-ms-input-placeholder {    color: #6c757d;  font-family:"Arial" } 
.guide_inquiry ._right ul li:last-child dl dd{ float:left; width:100%}
.guide_inquiry ._right ul li:last-child dl dd img { height:35px; display:block; float:left;}
.guide_inquiry ._right ul li:last-child dl dd .w-120 { width:120px; height:40px; padding:0 15px; background:#fff; border:0; line-height:40px; border-radius:5px; float:left; margin-right:10px;}
.guide_inquiry ._right ul li:last-child dl dd:last-child { margin-top:10px;}

@media only screen and (max-width: 991px){
    .guide_inquiry { margin-top:0px;}
    .guide_inquiry ._body { width:92%; margin:0 auto;}
    .guide_inquiry ._left { width:100%}
    .guide_inquiry ._right { width:100%; margin-top:30px;}
    .guide_inquiry ._left h3 { font-size:30px; width: 100%;}
    .guide_inquiry ._left h3::after {  width: 50px;  height: 1px; margin-top: 20px;}
    .guide_inquiry { padding:50px 0 100px;}
    .guide_inquiry ._right ul li {   margin-left: 0;  margin-bottom: 2%;   width: 100%;}
}


/* ==============================================
	list
=================================================*/
.left_box {
    width: 25%;
    float: left; 
    position: relative;
}

.side_card{ display: block; overflow: hidden;}
.side_card ._head { width:100%; height:100px; background:#16307b; font-size:22px;  text-align:center; color:#fff;-ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.side_card ._head h2 { width:100%; text-align:center; font-weight:500;}	
.side_card ._body ul li a{ 
    position:relative; 
    display:block; 
    height:77px; 
    width:100%; 
    border:1px solid #ebebeb; 
    border-top:0; 
    background:#fff; 
    color:#333333; 
    padding:0 40px 0 40px;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.side_card ._body ul li a:hover{  background:#16307b; color:#fff; }
.side_card ._body ul .cur a{  background:#16307b; color:#fff; }
.side_card ._body ul li:first-child.cur a{  border:1px solid #ebebeb; }
.side_card ._body ul li a::before { display:block; width:7px; height:7px; border-radius:20px; position:absolute; left:18px; top:34px; content:""; background:#16307b;}
.side_card ._body ul li:hover a::before {   background:#fff}
.side_card ._body ul .cur a::before {   background:#fff}
.side_card ._body ul li a::after { 
    display:block; 
    width:20px; 
    height:20px;  
    position:absolute; 
    right:18px; 
    top:29px; 
    content:""; 
    color:#333333; 
    font-size:18px;
    background: url(../images/icon-right.svg) no-repeat center center;
}
.side_card ._body ul li:hover a::after { background: url(../images/icon-right-w.svg) no-repeat center center;}
.side_card ._body ul .cur a::after { background: url(../images/icon-right-w.svg) no-repeat center center;}

.right_box {
    width: 72%;
    float: right; 
    position: relative;
}
@media only screen and (max-width: 991px) {
    .left_box {
        display: none;
    }
    .right_box {
        width: 100%;
    }
}


/* 产品列表 */
.product_list ul li {
    background:#fff; 
    padding-bottom:30px; 
    float:left; 
    width:31.33%; 
    margin-left:3%; 
    margin-bottom:3%; 
    -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;
}
.product_list ul li:hover {
    transform: translateY(-15px);
    box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -ms-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -o-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.15); 
    -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;  
}
.product_list ul li:nth-child(3n+1) {  margin-left:0}
.product_list ul li a{ display:block; width:100%; }
.product_list ul li a dl dd:first-child {  overflow:hidden; width:100%; border-bottom:1px solid #f2f3f5}
.product_list ul li a dl dd img { display:block;width:100%; padding: 20px;}
.product_list ul li a dl dd:first-child+dd { 
    color:#000; 
    font-size:20px; 
    margin:20px 30px 0;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.product_list ul li:hover a dl dd:first-child+dd { color:#16307b;   }	
.product_list ul li a dl dd:last-child { 
    color:#666666; 
    font-size:14px; 
    margin:10px 30px 0; 
    line-height:1.5;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.product_list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


.newlist { padding-top:80px}
.newlist ul li { display: block; margin-bottom:4%; background:#fff; width:100%; overflow:hidden;}
.newlist ul li:nth-child(3n+1) {   margin-left:0}
.newlist ul li a ._img { width:100%; display: block; overflow: hidden;}
.newlist ul li a ._img img { width:100%; display:block; transform: scale(1); transition: all 0.6s ease-in-out;}
.newlist ul li a ._img:hover img { transform: scale(1.1);}
.newlist ul li a ._bar { padding:30px; border-bottom:1px solid #eee;}
.newlist ul li a ._bar span { margin-right:10px; font-size:14px; color:#666666;}
.newlist ul li a ._bar span i { margin-right:5px;}
.newlist ul li a ._info { padding:30px;}
.newlist ul li a ._info dl { color:#16307b; font-size:24px;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; font-weight:bold;}
.newlist ul li a:hover ._info dl{
    color: #db3700;
}    
.newlist ul li a ._info dd { margin-top:20px; color:#666666; font-size:14px; line-height:1.5;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;}
.newlist ul li a ._info dl span { margin:40px auto 0; display:block; width:160px; height:44px; line-height:44px; text-align:center; border-radius:200px; background:#16307b; color:#fff; }
.newlist ul li a ._info dl span:hover {  background:#2f3242; color:#fff; }
.newlist ul { display: flex;flex-direction: row;flex-wrap: wrap;}

/* ==============================================
	content
=================================================*/
.nav_tab { display: block; padding:0;}
.nav_tab ul { display: flex; flex-direction: row; flex-wrap: wrap;}
.nav_tab ul li { float:left; flex: auto;}
.nav_tab ul li a { display:block; width:100%; height:70px; line-height:70px; text-align:center; color:#000000; font-size:18px;}
.nav_tab ul .cur a {  color:#fff !important; background:#16307b}
.nav_tab ul li:hover a {  color:#16307b; }
.nav_tab ul .on a {  color:#fff !important; background:#16307b}


.about_info { padding:100px 0; overflow:hidden; display: block;}
.about_info ._left { width:47%; float: left;}
.about_info ._right { width:47%; float: right;}
.about_info ._left .__head h3 { color:#16307b; font-size:35px;}
.about_info ._left .__head p { color:#333333; margin-top:15px; font-size:35px; font-weight:bold;}
.about_info ._left .__info{ line-height:2; color:#666666; font-size:16px; padding-top:50px;}
.about_swiper{
    position: relative;
}
.about_swiper ._handle_dot{position: absolute;z-index: 4;left: 0;width: 100%;bottom: 16px; text-align:center;}
.about_swiper .swiper-pagination{text-align: center;bottom: 0; width:100%;}
.about_swiper .swiper-pagination-bullet {width: 10px;height: 10px;border-radius:50px;background: #fff;opacity: 1;margin: 0 10px 0 0 !important;}
.about_swiper .swiper-pagination-bullet-active {opacity: 1;background: #16307b;}
@media only screen and (max-width: 991px){
    .about_info { padding:50px 0;}
    .about_info ._body { width:92%; margin:0 auto;}
    .about_info ._left, .about_info ._right { width:100%; float:none; }
    .about_info ._left { margin:30px 0;}
    .about_info ._left .__head h3 { font-size:28px;}
    .about_info ._left .__head p { font-size:28px;}
}

.about_culture { 
    width:100%; 
    background-position:center; 
    background-repeat:no-repeat; 
    background-size:cover;
    padding: 6vh 0 6vh 0;
}
.about_culture ._head { padding: 0vh 0 3vh 0; text-align:center}
.about_culture ._head h3 { color:#fff; font-size:47px;  text-transform:uppercase;}
.about_culture ._head p { color:#fff; font-size:16px; padding-top:15px;}
.about_culture ._body { padding-top:120px; display: block; overflow: hidden;}
.about_culture ._body ul li { width:25%; float:left; text-align:center;} 
.about_culture ._body ul li dl dd:first-child img{ display:block; height:65px; margin:0 auto; }
.about_culture ._body ul li dl dd:first-child+dd{ font-size:32px; font-weight:bold; color:#fff; margin:50px 0 25px;}
.about_culture ._body ul li dl dd:last-child{ font-size:16px; line-height:1.5; color:#fff; margin:0 30px 0;}
@media only screen and (max-width: 991px){
    .about_culture { height: auto; padding-bottom:50px;}
    .about_culture ._head { padding-top:80px;}
    .about_culture ._head h3 { font-size:28px;}
    .about_culture ._body { padding-top:80px;}
    .about_culture ._body ul li { width:50%; margin-bottom:30px;}
    .about_culture ._body { padding-top: 50px;}
    .about_culture ._body ul li dl dd:first-child img { height: 45px;}
    .about_culture ._body ul li dl dd:last-child {  margin: 0 15px 0;}
    .about_culture ._body ul li dl dd:first-child+dd {font-size:18px;}
}

.about_honor { display: block; overflow: hidden;  padding: 6vh 0 6vh 0;}
.about_honor ._head { padding: 0vh 0 3vh 0; text-align:center; width: 60%; margin: 0 auto;}
.about_honor ._head h3 { text-transform:uppercase;}
.about_honor ._head p { padding-top:15px;}
.about_honor ._body {  display: block; overflow: hidden; position: relative;}
.about_honor .honor_swiper .point { text-align:center; display: block;}
.about_honor ._body ul li a dl dd:first-child img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.about_honor ._body .point  { text-align:center; padding: 30px 0 10px 0; }
.about_honor ._body .point .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px !important;}
.about_honor ._body .point .swiper-pagination-bullet { margin:0 10px !important; width:12px !important; opacity:1 !important; line-height:50px; overflow:hidden;  height:12px !important; border-radius:100px;     background:#cccccc }
.about_honor ._body .point .swiper-pagination-bullet-active { background:#16307b; }
@media only screen and (max-width: 991px){
    .about_honor ._head { width: 80%;}
}

.about_factory { 
    display: block; 
    overflow: hidden;
    width:100%;
    background: #f2f3f5; 
    padding: 6vh 0 6vh 0;
}
.about_factory ._head { text-align:center; padding: 0vh 0 3vh 0; width: 60%; margin: 0 auto;}
.about_factory ._head h3 { text-transform:uppercase;}
.about_factory ._head p {padding-top:15px;}
.about_factory ._body {  display: block; overflow: hidden; position: relative;}

.about_factory ._body ul li a { background:#f5f5f5; display:block; width:100%;   overflow:hidden;}
.about_factory ._body ul li a dl dd:first-child { width:100%; overflow:hidden;} 
.about_factory ._body ul li a dl dd:first-child  img { width:100%; display:block; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about_factory ._body ul li:hover a dl dd:first-child  img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about_factory ._body ul li a dl dd:first-child+dd { text-align:center;font-size:16px; color:#000000; padding-bottom:20px; } 
.about_factory ._body ul li a dl dd:first-child+dd+dd { margin:10px 20px 0;font-size:14px; color:#666666; line-height:1.5;  display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.about_factory ._body .point  { text-align:center; }
.about_factory ._body .point .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px !important;}
.about_factory ._body .point .swiper-pagination-bullet { margin:0 10px !important; width:12px !important; opacity:1 !important; line-height:50px; overflow:hidden;  height:12px !important; border-radius:100px; background:#cccccc }
.about_factory ._body .point .swiper-pagination-bullet-active { background:#16307b; }
@media only screen and (max-width: 991px){
    .about_factory ._head { width: 80%;}
}

.product_intro { background:#fff; overflow:hidden; border-radius:10px; position: relative;  }
.product_intro .preview_wrap{ width: 50%; float: left; }
.product_intro .preview_wrap .images_box{margin-bottom: 0.25rem; display: block; overflow: hidden;}
.product_intro .preview_wrap .images_box ._img{width: 100%; display:block; overflow: hidden;}
.product_intro .preview_wrap .thumb_box{width: 100%; position: relative;  }
.product_intro .preview_wrap .thumb_box .block{
    margin:0 30px;
    display: block;
    overflow: hidden;
}
.product_intro .preview_wrap .thumb_box ul{
    list-style: none;
    margin: 0 -5px;
}
.product_intro .preview_wrap .thumb_box ul li{
    display: block;
    float: left;
    width: 25%;
    padding: 5px;
    overflow: hidden;
    cursor: pointer;
}
.product_intro .preview_wrap .thumb_box ul li ._img{
    padding: 0px;
    border: 1px solid #eee;
    width: 100%; 
    box-sizing: border-box;
    display:block; 
    border-radius: 4px;
}
.product_intro .preview_wrap .thumb_box ul li.active ._img{
    border: 1px solid #000;
}
.product_intro .preview_wrap .thumb_box .swiper-button-prev{
    color: #000;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0;
    left: 10px;
    top: calc(50% - 10px);
}
.product_intro .preview_wrap .thumb_box .swiper-button-next{
    color: #000;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0;
    right: 10px;
    top: calc(50% - 10px);
}
.product_intro .preview_wrap .thumb_box .swiper-button-prev::after,.product_intro .preview_wrap .thumb_box .swiper-button-next::after{
    font-size: 20px;
}

.product_intro .info_wrap{ width: 44%; float: right; }
.product_intro .info_wrap h1 { font-size:26px; color:#000; margin-top:20px; border-bottom: 1px solid #ebebeb; padding-bottom: 20px;}
.product_intro ._desc { margin-top:40px; position:relative; padding-left:25px; line-height:1.6; color:#333333; min-height:60PX;}
.product_intro ._desc .icon { position:absolute; left:0; top:5px;}
.product_intro ._link{ margin-top:30px; display: block; overflow: hidden;}
.product_intro ._link ul li{ float:left; margin-right:20px; width:170px;  }
.product_intro ._link ul li a{ font-size:14px;  width:100%; height:43px; line-height:43px; text-align:center; color:#fff; border-radius:5px; display:block;}
.product_intro ._link ul li:first-child a { background:#16307b;}
.product_intro ._link ul li:first-child a:hover { background:#28a054;}
.product_intro ._link ul li:last-child a { background:#28a054;}
.product_intro ._link ul li:last-child a:hover { background:#16307b;}

.product_intro ._follow { margin-top:30px; display: block; overflow: hidden;}
.product_intro ._follow dl dd { width:35px; float:left; margin-right:10px;}
.product_intro ._follow dl dd a { display:flex; align-items: center; justify-content: center; width:35px; position:relative; height:35px;border-radius:100px; overflow:hidden; color:#fff; text-align: center;  font-size: 20px; }
.product_intro ._follow dl dd:first-child a{ background:#0677ee}
.product_intro ._follow dl dd:first-child+dd a{ background:#2965b2}
.product_intro ._follow dl dd:first-child+dd+dd a{ background:#fd0000}
.product_intro ._follow dl dd:first-child+dd+dd+dd a{ background:#24d042}
.product_intro ._follow dl dd:first-child+dd+dd a::before{ display:none; }
.product_intro ._follow dl dd:first-child+dd+dd a .icon { display:block; margin:8px auto 0;} 
.product_intro ._follow dl dd:last-child a .icon { display:block; margin:4px auto 0;} 
@media (max-width: 991px) {
    .product_intro .preview_wrap{ width: 100%; float: none; }
    .product_intro .info_wrap{ width: 100%; float: none; }
}

.product_detail { width:100%; margin:30px auto;  background:#fff; overflow:hidden; border-radius:10px; }
.product_detail ._tabs {width: 100%; border-bottom: 1px solid #ebebeb; overflow:hidden; }
.product_detail ._tabs li { 
    width:236px;     
    background: #eeeeee; 
    color:#000000; 
    font-size:22px; 
    text-align:center;
    float: left;
    height: 50px;
    line-height: 50px; 
    text-align: center;
    cursor: pointer;
    list-style :none;
}
.product_detail ._tabs .current {  background:#16307b;  color:#fff;  }
.product_detail ._body { display: block; overflow: hidden; padding: 20px; line-height: 2; }
.product_detail ._body img { max-width:100%}

.product_detail ._body  table tr{  color:#333333 !important; } 
.product_detail ._body table tbody tr td { text-align:left !important;padding:8px !important;  border: 1px solid #ebebeb !important; }
.product_detail ._body table tbody tr:first-child td {    border: 1px solid #ebebeb !important;  }
.product_detail ._body table tr td:nth-child(2n+1){ background:#f6f6f6 }
@media (max-width:991px) {
    .product_detail ._tabs li{
        font-size: 18px;
        width: 200px;
    }
}
    @media (max-width:576px) {
    .product_detail ._tabs li{
        font-size: 16px;
        width: 160px;
    }
}

.about5_info { padding-top:80px;}
.about5list { width: 92%; margin: 0 auto;}
.about5list ul li img { display:block; border: 1px solid #e5e7eb; width: 100%;}
.about5list ul li h3 { font-style:normal; font-weight:500; padding:20px 0; text-align:center;}
.zoom { position: relative; display:block; overflow:hidden; width: 100%;   }
.zoom span{ display: block; position: absolute; width: 100%; height: 100%;  background-position: center; background-repeat: no-repeat; background-size: cover;webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.zoom:hover span {webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.about5list ul { display: flex;flex-direction: row;flex-wrap: wrap;}	   
.about5list ul li { position:relative; width:23.5%; float:left; margin-left:2%; margin-bottom:2%; background:#fff; background-color: rgba(255,255,255,.5);  }
.about5list ul li:nth-child(4n+1) { margin-left:0 }
.about5list ul li .pic_img { position:relative; }  
.about5list ul li .pic_img img { width:100%; display:block;}
.about5list ul li .pic_title { text-align:center; padding:20px; color:#333333}
.about5list ul li:hover .text a { background:#0194E8; color:#fff }
.about5list ul li:hover .text a.more { background:#0194E8; color:#fff }
.about5list ul li .text::after { display: block;content: ""; width:0; padding:0px; height:3px; background:#16307b; position:absolute; bottom:0; left:0; }
.about5list ul li:hover .text::after { width:100%; left:0; -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;  }

/*news detail*/
.news_detail { display: block;overflow:hidden;}
.news_detail .main_box { width:75%; background:#f2f3f5;float: left; }
.news_detail .right_box { width:25%; float: right;}
.news_info{ width:97%; background:#fff; padding:30px;}
.news_info ._title { text-align:center;   padding-bottom:30px; border-bottom:1px solid #dddddd;}
.news_info ._title h1 { font-size:28px;}
.news_info ._title p { font-size:14px; color:#999999; margin-top:20px;}
.news_info ._title p  span {  position:relative; padding-left:30px;}
.news_info ._title span .icon { margin-right:5px; }
.news_info ._content { line-height:2; padding-top:40px; color:#666666}
.news_info ._content img { max-width:100%;} 
.news_info ._handle { padding-top:30px; margin-top:50px; border-top:1px solid #dddddd;}
.news_info ._handle ul li { display: block;}
.news_info ._handle ul li a { color:#333333}
.news_info ._handle ul li a span{ color:#999999; margin-left: 10px;}
.news_info ._handle ul li a:hover span{ color:#16307b}

.news_card { padding:25px; background:#fff; }
.news_card ._head { padding-bottom:25px; position: relative;  border-bottom:1px solid #dddddd; color:#333333; font-size:24px; font-weight:bold;}
.news_card ._head:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 80px;
    height: 1px;
    background: #025;
    content: "";
}
.news_card ._body ul li {  overflow:hidden;}
.news_card ._body ul li a { 
    display: flex;
    margin-bottom: 0;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
.news_card ._body ul li:last-child a { border-bottom: none;}
.news_card ._body ul li a .__img { width:80px; margin-right: 15px; }
.news_card ._body ul li a .__img img{ width:100%; }
.news_card ._body ul li a .__info { flex: 1; font-size:14px; color:#333333; line-height:1.5;}
.news_card ._body ul li:hover a .__info { color:#16307b; }
@media only screen and (max-width: 991px){
	.news_detail .main_box { width:100%; float:none;}
	.news_detail .right_box { width:100%; float:none;}
    .news_info{ width:100%; background:#fff; padding:15px; margin:0 auto 20px auto;}
    .news_card { padding:20px;}
}

.service_info { width:100%; overflow:hidden; background:#f2f3f5;}
.service_info ._content { padding:6vh 0;}
.service_info ._body { padding:0vw 0 3vh 0;}
.service_info ._body ul li { overflow:hidden; background:#fff;}
 
.service_info ._body ul li .__img { width:50%; float:left;}
.service_info ._body ul li .__info{ width:50%; float:right;-ms-flex-align: center;
    align-items: flex-start;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  
    flex-direction: column;
    height:500px;
    padding: 50px;
}
.service_info ._body ul li .__img img { width:100%; display:block; }
.service_info ._body ul li .__info dd { color:#333333; font-weight:bold; margin-bottom:20px; display: block; overflow: hidden;}
.service_info ._body ul li .__info dl { color:#666666; line-height:1.5; display: block; overflow: hidden;}
.service_info ._body ul li:nth-child(2n) .__img { float:right !important}
.service_info ._body ul li:nth-child(2n) .__info{  float:left !important}
 
.service_info ._foot { width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; display: block;  padding:6vh 0;} 
.service_info ._foot h3 { color:#fff; text-align:center; padding:0vh 0 5vh 0;}
.service_info ._foot ul{ padding: 0;}
.service_info ._foot ul li{ margin:0 5%; width:40%; float:left;}
.service_info ._foot ul li a dd{ width:100%; overflow:hidden; border-radius:5px }
.service_info ._foot ul li a dd img{ width:100%; display:block;}
.service_info ._foot ul li a dl{ font-weight:bold; margin-top:20px; color:#fff}   
.service_info ._foot ul li a dt{ line-height:1.5; margin-top:20px; color:#fff; height: 54px; display: block; overflow: hidden;}
@media (max-width:991px){
    .service_info ._body ul li{  width:100%; float:none; margin: 0;}
    .service_info ._body ul li .__info{ width:100%; float:none; margin: 0; padding: 15px; height: auto;}
    .service_info ._body ul li .__img{ width:100%; float:none; margin: 0;}
    .service_info ._foot ul li{  width:100%; float:none; margin: 0 auto 20px auto;}
    .service_info ._foot ul li a dt{  height: 45px; }
}


.contact_info{
    display: block;
    overflow: hidden;
    margin: 3vw auto  5vw auto;
}
.contact_info ._head{ padding:60px 0;}
.contact_info ._head h3 { font-weight:bold; margin-bottom: 20px;}
.contact_info ._head div{ font-size:14px; color:#999999;  width: 60%; margin: 0 auto;}
.contact_info ul li { width:25%; text-align:center; float:left;} 
.contact_info ul li dd { height:80px;}
.contact_info ul li dl { font-weight:bold; font-size:24px; margin-top:20px;}
.contact_info ul li dt{   font-size:14px; line-height:1.5; margin-top:20px; color:#666666;}
@media (max-width:991px){
    .contact_info ._head{ padding:30px 0;}
    .contact_info ._head div{
        width: 100%;
    }
    .contact_info ul li { width:50%; text-align:center; float:left;} 
}

.case_list { padding:50px 0; display: block; overflow: hidden;}
.case_list ul { display: flex;flex-direction: row;flex-wrap: wrap; margin: 0 -20px;}
.case_list ul li { width:33.33%; margin-bottom:20px; padding: 20px; box-sizing: border-box;}
.case_list ul li a{ background:#f8f8f8; display: block; overflow: hidden;  position:relative;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.case_list ul li:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px);transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.case_list ul li a::after{ width:0; height:2px; background:#16307b; position:absolute; left:0; bottom:0; content:""; z-index:1;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.case_list ul li:hover a::after{ width:100%;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.case_list ul li a ._thumb { width:100%; position:relative;}
.case_list ul li a ._thumb img{ width:100%; display:block;}
.case_list ul li a ._thumb::after { content:"";display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:rgba(0,0,0,0);transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.case_list ul li:hover a ._thumb::after {  background:rgba(0,0,0,0.3);transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.case_list ul li a ._info { padding:20px;} 
.case_list ul li a ._info label { 
    color:#000; 
    font-size:28px; 
    display: block;
    overflow: hidden;
    height:80px; 
}
.case_list ul li a ._info span { 
    display: block;
    color:#666666; 
    font-size:18px; 
    line-height:1.5; 
    margin-top:15px;
    overflow: hidden;
    position: relative;
}
.case_list ul li a ._info span::before { 
    content: "\e6e1"; 
    font-family: "ZenIcon" !important; 
    width:20px; 
    height:20px; 
    line-height:20px; 
    text-align:center;
    border-radius:50px; 
    background:#16307b; 
    color:#fff; 
    font-size:12px; 
    position:absolute; 
    right:0px; 
    top:4px;
    transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;
}
.case_list ul li:hover a ._info span::after {  right:-50px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
@media only screen and (max-width: 991px){
    .case_list { padding-top:30px;}
    .case_list ul { margin: 0 -10px;}
    .case_list ul li { width:50%; padding: 10px;}
    .case_list ul li a ._info label { 
        font-size:20px; 
        height:60px; 
    }
    .case_list ul li a ._info span { font-size:16px;}
}
@media only screen and (max-width: 576px){
    .case_list { padding-top:20px;}
    .case_list ul { margin: 0 -10px;}
    .case_list ul li { width:100%; padding: 10px;}
    .case_list ul li a ._info { padding:15px;} 
}


.detail_info { margin:5vh auto; }
.detail_info ._title { display: block; overflow: hidden; text-align:center;  padding-bottom:30px; margin-bottom: 30px; border-bottom:1px solid #dddddd;}
.detail_info ._title h1 { font-size:28px;}
.detail_info ._title p { font-size:14px; color:#999999; margin-top:20px;}
.detail_info ._title p  span {  position:relative; padding-left:30px;}
.detail_info ._title span .icon { margin-right:5px; }
.detail_info .__thumb{ width:100%; display: block; overflow: hidden; text-align: center;} 
.detail_info .__thumb img { max-width:100%;} 
.detail_info .__content{ width:100%; display: block; overflow: hidden;} 
.detail_info .__content img { max-width:100%;} 


.quotation { width:100%; height:268px;-ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.quotation ._left { width:50%; margin-left:5%; float: left;}
.quotation ._right { width:30%; margin-right:5%; float: right;}
.quotation ._left h4 { font-size:52px;}
.quotation ._left p { margin-top:20px;font-size:28px; color:#666666}
.quotation ._right a { margin-top:30px; display:block; width:350px; text-align:center; height:55px; line-height:55px; font-size:18px; font-weight:bold; color:#fff; border: 1px solid #16307b; background:#16307b; border-radius:100px; float:right;}
.quotation ._right a:hover {  color:#fff;  border: 1px solid #28a054; background:#28a054;}
@media (max-width: 991px){
	  .quotation ._left { width:100%; text-align:center;}
	  .quotation ._right { width:100%; text-align:center;}
	  .quotation ._right a {   margin:10px auto;  width:160px;   height:35px; line-height: 35px; font-size:14px; float:none;}
	  .quotation { height: 180px;}
	  .quotation ._left h4 { font-size:30px;}
	  .quotation ._left p { font-size:16px;  margin-top:10px;}
}

.page_handle { margin-top:30px; display: flex; justify-content: space-between; padding: 30px 0;}
.page_handle a { 
    display: flex;
    margin-right: 10px;
 }
.page_handle a label { display: table-cell; color:#000; margin-right:10px;}
.page_handle a span {
    color:#666666;
    display: -webkit-box;
    display: -ms-flexbox;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 1440px){
    .page_handle a{ 
        flex-direction: column;
    }
}
@media (max-width: 991px){
    .page_handle { 
        flex-direction: column;
    }
    .page_handle a { 
        flex-direction: row;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
/* ==============================================
	footer
=================================================*/
.footer { width:100%; background:#222222; color:#fff;  padding-top:100px; overflow:hidden;}
.footer_lx { width:28%}
.footer_lx dl dd:first-child { font-size:25px; font-weight:100; margin-bottom:20px;}
.footer_lx dl dd:first-child+dd { padding-left:65px; position:relative;}
.footer_lx dl dd:first-child+dd span { display:block; font-size:16px;} 
.footer_lx dl dd:first-child+dd p { font-weight:bold; font-size:30px; } 
.footer_lx dl dd:first-child+dd .icon {  position:absolute; left:0; top:-5px; }
.footer_lx dl dd:last-child p{ margin-bottom:15px; color:rgba(255,255,255,0.5); font-size:15px;}
.footer_lx dl dd:last-child { margin-top:20px;}
.footer_sort { width:50%; margin-left:4%;}
.footer_sort ul li:first-child { float:left; width:74%}
.footer_sort ul li:last-child { float:right; width:22%}
.footer_sort ul li h4 { font-size:25px; font-weight:100; margin-bottom:20px; }
.footer_sort ul li dl dd { margin-bottom:15px;}
.footer_sort ul li dl dd a {  color:rgba(255,255,255,0.5); font-size:15px;}
.footer_sort ul li dl dd:hover a {  color:#fff}
.footer_sort ul li:first-child dl dd{ float:left; width:47.5%; margin-left:5%;}
.footer_sort ul li:first-child dl dd:nth-child(2n+1){   margin-left:0;}
.footer_sort ul li dl  { display: flex;flex-direction: row;flex-wrap: wrap;}
.footer_sort ul li dl dd{ flex: auto;}
.footer_sort ul li dl dd:last-child{ flex: none;}
.footer_sort ul li:last-child dl  { display: block;}
.footer_fx { width:14%;}
.footer_fx ul li {  width:100%; display: flex; justify-content: center;}
.footer_fx ul li img { height:100px; display:block; margin:0 auto;}
.footer_fx ul li:last-child { margin-top:20px;}
.footer_fx ul li:last-child dl dd { width:35px; float:left; margin-right:10px;}
.footer_fx ul li:last-child dl dd a { display:block;width:35px; position:relative; height:35px;border-radius:100px; overflow:hidden; background:rgba(255,255,255,0.1); color: #888; text-align: center; font-size: 18px; line-height: 35px;}
.footer_fx ul li:last-child dl dd a:hover{ background:#28a054; color: #fff; }

.copyright { padding:25px 0; width:100%; overflow:hidden; border-top:1px solid rgba(255,255,255,0.05);color:rgba(255,255,255,0.5);  font-size:14px; margin-top:50px;}
.copyright_l { width:60%;}
.copyright_r{ width:35%; text-align:right;}
.copyright a { color:rgba(255,255,255,0.5); }
.copyright a:hover { text-decoration:underline;}

@media (max-width: 991px) {
    .footer {
        padding-top: 50px;
    }
	.footer_lx { width:100%; text-align:center; float:none;} 
	.footer_sort { display:none;}
	.footer_fx { width:100%; text-align:center; margin-top:30px; float:none;}  
	.footer_lx dl dd:first-child+dd {  display:inline-block;}
	.footer_lx dl dd:first-child+dd span { text-align: left;}
	.footer_fx ul li img { margin:0 auto;}
    .footer_fx ul li:first-child {
        height: 70px;
        display: none;
    }
	.footer_fx ul li:last-child dl dd { float:none; display:inline-block;}
    .footer_lx dl dd:first-child { display:none;}

    .copyright_l { float:none; width:100%; text-align:center;}
	.copyright_r { float:none; width:100%; text-align:center; margin-top:20px;} 
}

@media (max-width: 576px) {
    .footer_lx dl dd:first-child+dd p {
        font-size: 20px;
    }
}