@charset "utf-8";
.com-img img{transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.ofH{overflow: hidden;}
.bgcolor1{background:#f5f5f5;}
/* 通用内页Banner */
.pub_bann{position:relative;}
.pub_bann h2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:48px;font-family:'opensansB';color:#fff;}
.pub_bann img{max-width:100%;}

.pub_cate{height:80px;border-bottom:1px solid #eee;margin-bottom:60px;line-height:80px;background:#fff;}
.pub_cate ul{max-width:1300px;margin:0px auto;text-align:center;}
.pub_cate ul li{display:inline-block;text-align:center;font-size:16px;color:#a7a7a7;font-family:'opensansB';font-weight:bold;margin:0px 30px;position:relative;}
.pub_cate ul li:after{position:absolute;left:0px;width:100%;height:1px;background:#273c92;content:"";bottom:20px;opacity:0;}
.pub_cate ul li:hover:after,.pub_cate ul li.cur:after{opacity:1;}
.pub_cate ul li:hover,.pub_cate ul li.cur{color:#273c92;}


.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{line-height:0; display:taFble; content:"";}
.clearfix:after{clear:both;}
img{max-width: 100%;}

table td{padding: 10px 5px;}
table,td{border:1px solid #fff!important}
.table>tbody>tr{background-color:#ecf0f1}
.table>tbody>tr:nth-of-type(even){background-color:#fff;}
.table-hover>tbody>tr:hover,.table>tbody>tr:nth-of-type(odd):hover{background-color:#fff}  
.table .top{background:#273c92!important; font-size:14px;}  
.table .top td{ color:#fff}
.table>tbody>tr>td{vertical-align:middle;padding:10px;font-size:14px;line-height:18px; text-align:center}  
.table>tbody>tr>td:nth-child(1),.table>tbody>tr:nth-child(1)>td{ color:#fff; background:#f5821f}
.table>tbody>tr:nth-child(2n)>td:nth-child(1){background:#f8a762}

.btn_1{ line-height:40px; height:40px; padding:0px 30px; background: #273c92;font-size:16px; border:none; color:#fff; text-transform:uppercase; margin-top:10px; position:relative; transition: 0.6s all; border-radius:0; border-radius:3px; font-weight:600; transition: all .5s}
.btn_1::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(255,255,255,0.15);-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);} 
.btn_1:hover{background:#192430; color: #fff}
.btn_1:hover::before{opacity: 0;-webkit-transform: scale(1, 1);transform: scale(1, 1);}


/*banner*/
@media only screen and (max-width:992px) {
.swiper-button-prev,.swiper-rtl .swiper-button-next,.swiper-button-next,.swiper-rtl .swiper-button-prev{color: #fff !important; height: 60px; width: 30px; background: rgba(0,0,0,0.4);}
.swiper-button-next:after,  .swiper-button-prev:after{font-size: 20px;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0;}
.swiper-button-next,  .swiper-rtl .swiper-button-prev{right: 0;}
}

.swiper-banner{position: relative; overflow: hidden;}
.swiper-banner .swiper-slide{text-align: center; overflow: hidden; width: 100%; height: 100%;}
.swiper-banner .swiper-button-next, .swiper-banner .swiper-rtl .swiper-button-prev{right: 30px;}
.swiper-banner .swiper-button-prev, .swiper-banner .swiper-rtl .swiper-button-next{left: 30px;}

.swiper-box{ position: relative;}
.swiper-box .swiper-button-next:after,.swiper-box .swiper-button-prev:after{font-size: 36px; font-weight: bold}
.swiper-box .swiper-button-prev,.swiper-box .swiper-button-next{color: #b2b2b2;}
.swiper-box .swiper-button-prev{left: -30px;}
.swiper-box .swiper-button-next{right: -30px;}
.swi_overflow{overflow: hidden;}

@media only screen and (max-width:1290px) {
.swiper-box .swiper-button-prev{ left:-15px;}
.swiper-box .swiper-button-next{right:-15px;}
}

@media only screen and (max-width:992px) {
.swiper-box .swiper-button-next:after,.swiper-box .swiper-button-prev:after{font-size: 24px;}
.swiper-banner .swiper-button-next, .swiper-banner .swiper-rtl .swiper-button-prev{right: 0;}
.swiper-banner .swiper-button-prev, .swiper-banner .swiper-rtl .swiper-button-next{left: 0;}
.swiper-banner .swiper-button-prev, .swiper-banner .swiper-button-next{background: none !important; color: #333 !important;}
.swiper-banner .swiper-pagination{bottom: 15px;}
}


@keyframes more_i {
0% {transform: translateX(-3px); }
50% {transform: translateX(3px); }
100% {transform: translateX(-3px);} }
.more_tc{ text-align: center;}
.my_more1{ display: inline-block; padding:0 20px; line-height: 40px;background:none; color: #fff; font-size:14px; position: relative;overflow: hidden; text-transform: uppercase; background: #273c92; border-radius:3px; margin-top:5px}
.my_more1:hover{ background: #0095d9;}
.my_more1:before { content: ' '; position: absolute; background:rgba(255,255,255,0.3); width:0; height: 100%; top: 0; left:0; opacity: 0.3; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.my_more1:hover:before{ width: 100%;}
/*.my_more1:after{ position: absolute; right: 20px; top: 50%; height: 100%; display: inline-block;  font: normal normal normal 14px/1 FontAwesome;content: "\f0da"; line-height: 20px; margin-top: -11px; }*/
.my_more1:hover:after{animation: more_i 1.5s infinite;}
.product_box .my_more1{line-height: 40px;}
@media only screen and (max-width:992px) {
.my_more1{line-height: 40px; padding-left: 24px; font-size: 16px;} 
}


.cwrap{max-width:1300px;margin:0px auto;}

 
 

@media all and (max-width:1000px){
    .pub_cate ul li{width:20%;text-align:center;margin:0 0;float:left;}
}

@media all and (max-width:640px){
    .pub_cate{height:auto;line-height:50px;margin-bottom:1rem;}
    .pub_cate ul li{width:50%;float:left;font-size:14px;}
    .pub_cate ul li:after{bottom:0px;}
    .pub_bann img{height:200px;object-fit:cover;width:100%;}
     
     

    /* ------------------------G-------------------------------- */
    .cwrap{width: 94%;margin-left: 3%;}
    
}



 
.product_box{font-size:15px; color: #474747; line-height:30px; padding: 50px 0 60px; font-weight:300; }

.container{width:94%; margin:0 auto; max-width:1280px; }
  





.n_left{float: left; width: 25%;}
.n_right{float: right; width: 75%; padding-left: 50px;}
.n_left2{float: right; width: 25%;}
.n_right2{float: left; width:75%; padding-right: 50px;}
@media only screen and (max-width:992px) {
.product_box{padding-bottom: 40px;padding-top: 40px;}
.n_banner:after{display: none;}
.n_left{width: 100%;}
.n_right{width: 100%; padding-left: 0; margin-top: 20px;}
.n_left2{width: 100%; margin-top: 20px;}
.n_right2{width: 100%; padding-right: 0;}
}


.mbx_section .maintitle{ padding-bottom:0; margin-bottom:0; font-size:24px;}
.mbx_section .maintitle:after{ display:none}
.mbx_section{text-align: center; padding:20px 0 0 0; background: #fff; overflow: hidden;}
.mbx_section .i_title{ margin-bottom: 0px;}
.mbx_section .mbx{color: #666; font-size: 15px; position: relative; z-index: 0;margin-top: 0; border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; font-weight:300}
.mbx_section .mbx a{color:#666; font-size: 15px; border-bottom:1px solid rgba(255,255,255,0); font-weight:400}
.mbx_section .mbx a:hover{ color:#666; text-decoration: underline;}
.mbx_section .mbx a i{ margin-right:4px; color:#273c92;}
.mbx_section .mbx span{ font-size: 15px; color:#aaa;  margin:0px 5px; font-weight:300}
.mbx_section .mbx h2{ color:#666; font-size: 15px; display:inline-block; text-transform: capitalize; font-weight:300}


@media only screen and (max-width:992px) {
.mbx_section{padding: 10px 0; background: #eee;}
.mbx_section .mbx{text-align: center; margin-top:0; }
.n_title{ color: #333; font-size:24px; line-height: 24px; margin-top: 10px; text-align: center;}
.mbx_section .mbx a,.mbx_section .mbx h2{color: #777;}
.mbx_section .mbx span{color: #777;}
.mbx_section .n_title{width: 100%; text-align: center; font-size: 20px; margin: 0; padding: 0; line-height: 20px; color: #333; background: none;}
.mbx_section .mbx{width: 100%;}
.mbx_section .mbx,.mbx_section .mbx a,.mbx_section .mbx h2{font-size: 13px;}
}

/*left*/
.nav_h4{line-height: 30px; color: #fff;font-weight:500;  font-size:20px; position:inherit; text-transform:uppercase;position: relative; padding:12px 14px 12px 20px; background:#273c92; border-radius: 8px 8px 0 0}
.nav_h4::after{ content:none;}
.nav_h4:before{ content:"\f03a"; color:#fff; float:right; font:normal normal normal 14px/1 FontAwesome; margin-right:6px; line-height:32px; font-size:24px;}
@media only screen and (max-width:992px) {
.nav_h4{ position:relative;color:#fff; background:#273c92; padding:0px 10px; font-size:18px; line-height: 36px; margin: 0; border-radius: 0; }
.nav_h4:before{ content:none;}
.nav_h4:after {  display: block;  content: "\f107";  font-family: "FontAwesome";  position: absolute;  right:15px;  cursor:pointer; font-size:20px; top:0px;  color:#fff;}
}
.toggle_content{width: 100%;}
.left_h4{line-height: 30px; color: #333;font-weight:500;  font-size:22px; position:inherit; text-transform:uppercase; padding:6px 0; position: relative;}

.left_nav{background: #fff;}
@media only screen and (max-width:992px) {
.left_nav{padding: 0;}
}
ul.mtree{opacity: 0;margin-left: 0;}
ul.mtree li {list-style: none;}
ul.mtree>li>a{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; font-weight:500; text-transform: capitalize}
ul.mtree>li{ position: relative; background: #f8f8f8; margin-bottom: 3px;}
ul.mtree>li:last-child>a,ul.mtree>li:last-child{ border-bottom:none;}
ul.mtree a {display: block;font-size:16px; color:#555;-moz-transition: all 0s;-o-transition: all 0s;-webkit-transition: all 0s;transition: all 0s;  padding:12px 10px 12px 20px !important;line-height:22px; padding-right:36px; padding-left:10px; }
ul.mtree li ul a{ padding:8px 12px 8px 20px; padding-right:24px; font-weight: normal;}
ul.mtree ul li:last-child a{ border:none;}
ul.mtree.transit li.mtree-open>span:before  {content:"\f106";font-family:FontAwesome;padding-left:5px; float:right; font-size:18px; color:#808080; font-style:normal; padding:8px 12px; position:absolute;  right:0; top:0px;}
ul.mtree.transit li.mtree-closed>span:before {content:"\f107";font-family:FontAwesome;padding-left:5px; float:right; font-size:18px; color:#808080; font-style:normal; padding:8px 12px; position:absolute;  right:0; top:0px;}
ul.mtree .mtree-level-1 li.mtree-open>span:before {content:"\f106";font-family:FontAwesome;padding-left:5px; float:right; font-size:16px; color:#808080; font-style:normal; background:none; padding:8px; position:absolute;  right:5px; top:0; border-left:none;}
ul.mtree .mtree-level-1 li.mtree-closed>span:before{content:"\f107";font-family:FontAwesome;padding-left:5px; float:right; font-size:16px; color:#808080; font-style:normal; background:none;  padding:8px ; position:absolute;  right:5px; top:0; border-left:none;}
ul.mtree li ul a li a{ padding-left:20px;}
ul.mtree>li:hover>a{ color:#273c92;}
ul.mtree>li.mtree-node a ul a{ font-size:14px;}
ul.mtree>li.mtree-open{color:#273c92 ;padding-bottom:0;}
ul.mtree>li.mtree-open>a{color:#273c92;font-weight:500;}
ul.mtree>li.mtree-node:hover>a{color:#273c92 ;text-decoration:none;}
ul.mtree .mtree-level-1 li.mtree-closed>span{color:#fff ;text-decoration:none;}
ul.mtree.transit li.mtree-closed:hover > span::before,ul.mtree.transit li.mtree-open:hover>span:before{ color:#273c92;}
ul.mtree .mtree-level-1 li.mtree-open:hover>span:before,ul.mtree .mtree-level-1 li.mtree-closed:hover>span:before{ color:#273c92 !important;}
ul.mtree ul {  background:#f9f9f9;}
ul.mtree ul li{list-style:none; position:relative; border-bottom: 1px solid #eee;}
ul.mtree ul li:last-child{ border-bottom: none;}
ul.mtree ul li a{display:block;color:#555;font-size:16px;}
ul.mtree>li>ul>li>a{ font-size:14px !important; font-family:'Roboto Regular'; padding-left:15px; text-transform: capitalize}
ul.mtree>li>ul>li>a:before{content:"";}
ul.mtree ul li:hover a{color:#273c92;}
ul.mtree li ul li.mtree-open a{color:#ff000;text-decoration:none;}
ul.mtree .mtree-level-2{ margin-top:0px; border:none; padding:0px; margin-bottom:0; background:#eee;}
ul.mtree li ul.mtree-level-2 li a{color:#808080;font-weight:normal;font-size:13px; padding:5px 0 5px 28px!important; border-bottom:1px #fff solid}
ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:#273c92;font-weight:normal;}
ul.mtree.jet ul {margin-left: 0;}
ul.mtree.jet li {margin-bottom: 1px;}
ul.mtree.jet li:last-child {margin-bottom: 0px;}
ul.mtree.jet li:first-child {margin-top: 1px;}
ul.mtree.jet li.mtree-active a {background: #e5e5e5;}
ul.mtree.jet li.mtree-active li:last-child > a {border-radius: 0px 0px 3px 3px;}
ul.mtree.jet li.mtree-active > a {background: #008cba;color: #FFF; border-radius: 3px 3px 0px 0px;}
ul.mtree.jet li > a:hover { background: #FFC000;color: #FFF;}
ul.mtree.jet a { padding: 5px 0px 5px 1em;}
ul.mtree.jet li li > a { padding-left: 2em;}
ul.mtree.jet li li li > a {padding-left: 3em;}
ul.mtree.jet li li li li > a {padding-left: 4em;}
ul.mtree.jet li li li li li > a {padding-left: 5em;}
ul.mtree a:hover{text-decoration:none;}
ul.mtree>li.mtree-node ul i{margin-right:4px; font-size:10px; color:#999;}
.mtree-skin-selector{ display:none !important}

/*ul.mtree>li.active>a{color:#333; padding-left:20px;}
ul.mtree>li.active>a:before{ content:"\f178";font-family:FontAwesome; margin-right:0px; position:absolute; left:0px; top:0; padding:8px 0; opacity:1;}
*/



.hot_left{ margin-top:30px;}
.hot_left ul{border-bottom:none; margin-top: 10px; }
.hot_left ul li{ list-style:none;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; margin-bottom: 6px; position: relative;}
.hot_left ul li .li{ position: relative; z-index: 999; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;  border: 1px solid #eee;padding:8px; background: #fff;}
.hot_left ul li .li:before{ position: absolute; left: 0; bottom:0; height:2px; width:0; background: #273c92; content: '';transition: 0.5s all;}
.hot_left ul li .li:hover:before{width: 100%;}
.hot_left ul li .li:hover{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0); background: #fff;}


.hot_left ul li .img{ float:left; width:28%;display:inline-block; margin-right:15px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;overflow:hidden; position:relative;}
.hot_left ul li .h4 {width:calc(72% - 15px); float:left; padding-right:10px}
.hot_left ul li .h4 a{ font-size:14px; color:#444; overflow:hidden; line-height:20px; max-height:40px; display:block; margin-top: 15px;}
.hot_left ul li a.more{font-size:12px; text-transform:uppercase; color: #273c92; display: block; margin-top: 5px;}
.hot_left ul li .more i{ margin-left: 4px;}
.hot_left ul li:hover .more{ color: #273c92;}
.hot_left ul li:hover .img img{transform: scale(1.1);}
@media screen and (max-width:992px) {
.hot_left { display:none;}
}



.left-adv{margin-top:30px;width:100%;background-size:cover;text-align: center;border-radius:5px;position:relative;border: 2px solid #fff;box-shadow: 0 5px 15px 1px rgba(0,0,0,0.05);}
.left-adv .ovrly{position: absolute;left: 0;top:0;width: 100%;height: 100%;display: block;background:#000;opacity: 0.5;filter: alpha(opacity=0.5);transition:all .5s;border-radius:5px;}
.left-adv .main{position:relative;left:0;top:0;padding:30px 30px 40px 30px; z-index:2;text-align: left;}
.left-adv .icon{width: 36px;height:36px;margin:0;display: inline-flex;justify-content: center;align-items: center;border-radius:50%;position:relative;z-index: 3;}
.left-adv .icon i{width:36px;height:36px;background:url(../images/icon.png) no-repeat;background-position: -423px 0px;display: inline-block;}
.left-adv .main .title{font-size:22px;line-height:28px;color:#fff;text-transform: uppercase;margin-top:10px;margin-bottom:10px;display:block;font-weight:600;border-bottom: 1px solid rgba(255,255,255,0.3);padding: 10px 0; }
.left-adv .main .title:hover{text-decoration:none;}
.left-adv .main .text{font-size:14px;color:#fff;line-height:24px; margin:30px 0 30px;}
.left-adv .main_more{height: 40px;line-height: 40px;padding-left: 25px;padding-right: 20px;background: #273c92;color: #fff;border-color: #273c92;font-weight:500; display: inline-block; font-size:14px; text-transform: uppercase; border-radius: 25px;}
.left-adv .main_more:after{width: 14px;height: 14px;background:url(../images/icon.png) no-repeat; background-position:-331px -103px; vertical-align: middle;margin-top: -5px;content:'';display: inline-block;margin-left: 10px;opacity: 1;position: relative;right: auto;top: auto;}
.left-adv .main_more:hover{background: #0095d9;} 

@media screen and (max-width:992px) {
.left-adv{ display: none;}
}


.hot_tags{ margin-top:30px;  background: #fff;  box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);  border-top: 3px solid #273c92; padding: 15px;}
@media only screen and (max-width:768px) {
.hot_tags{ margin-top:0;}}
.hot_tags a{ display:inline-block; color:#666; padding:0px 8px;  background:#f9f9f9;border:1px solid #f1f1f1; margin:4px 2px;line-height:30px; text-transform: capitalize; border-radius:5px; font-size:12px;}
.hot_tags a:hover{ background:#273c92; color:#fff;}
.hot_tags .toggle_content{ margin:0px -4px; margin-top:15px; }





/*page-turning*/
.navigation{width:100%;list-style:none;margin-top:20px;padding-top:10px;}
.navigation li{width:calc(100% - 0px);float:left;text-align:left;margin-bottom:10px;}
/*.navigation li.next_post{float:right;text-align:right;}*/
.navigation li a{padding-top:10px;padding-bottom:10px;position:relative;display:block;transition:all .5s;padding-left:60px;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:0;}
.navigation li a:hover{text-decoration:none;}
/*.navigation li.next_post a{padding-right:50px;}*/
.navigation li a:before{font-family:'FontAwesome';font-size:20px;position:absolute;top:50%;width:40px;height:40px;line-height:39px;border-radius:0;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s;background-color:#fff; border-radius: 50%;}
.navigation li.prev_post a:before{left:10px;content:"\f106";}
.navigation li.next_post a:before{left:10px;content:"\f107";}
.navigation li a:hover:before{background:#273c92;color:#fff;border-color:#666;}

.navigation li a .meta_nav{display:inline-block;font-size:14px;text-transform:capitalize;color:#5c5c5c;margin-bottom:0;line-height:20px;transition:all .5s;font-weight:600; text-transform: uppercase;}
.navigation li a:hover .meta_nav{color:#666;}
.navigation li a .post_title{font-size:14px;overflow:hidden;line-height:20px;max-height:40px;margin:0;transition:all .5s;font-weight: normal;}
.navigation li a:hover .post_title{color:#666;}


@media only screen and (max-width: 768px) {
	.navigation{border:none;padding-top:0;margin-bottom:0;}
	.navigation li{width:100%;border-radius:0;padding:0;margin-bottom:10px;}
	.navigation li.prev_post a{padding-left:60px;border-radius: 0;}
	.navigation li.next_post a{padding-left:60px;border-radius: 0;}
	.navigation li.prev_post a:before{left:10px;}
	.navigation li.next_post a:before{left:10px;}
	.navigation li a:before{width:40px;height:40px;line-height:40px;}
	.navigation li a .meta_nav{font-size: 14px;color:#333;margin-bottom: 0;}
	.navigation li a{padding-top:10px;padding-bottom:10px;padding-right:10px;}
	.navigation li a .post_title{font-size: 14px;}
}



.tags_ul{ padding:4px 0; margin:10px 0;}
.tags_ul span{ font-size:14px;  font-weight:500; text-transform:uppercase; color:#5c5c5c; margin-right:6px;}
.tags_ul a{ display:inline-block; padding:0px 16px; background:#f8f8f8;  color:#666;  text-transform: capitalize;line-height: 26px; margin: 2px 0; border-radius:25px;  border: 1px solid #f1f1f1; font-size: 12px;}
.tags_ul i{ margin-right:3px; font-size: 14px; color: #ccc;transition: 0.6s all;}
.tags_ul a:hover{ background: #273c92; color: #fff;}

@media screen and (max-width: 992px) {
	.tags_ul span{font-size:14px;}
	
}

@media screen and (max-width: 768px) {
	.tags_ul{ width:100%;}
	
}

 
 
 .post-image-mask{position: absolute;top: 50%;left: 50%;margin-top: -5px;margin-left: -22px;text-align: center;font-size: 0;}
.post-image-mask span, .post-image-mask:after, .post-image-mask:before{
	display: inline-block;margin-right: 7px;width: 8px;height: 8px;border-radius: 50%;background-color: #FFF;vertical-align: middle;opacity: 0;
    transition: opacity .2s ease;
    -webkit-animation: wd-fadeOutRight .3s ease;
    animation: wd-fadeOutRight .3s ease;
}
.post-image-mask:before{content:'';
	transition-delay: .15s;
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}
.post-image-mask:after{content:'';margin-right: 0;}
.li:hover .post-image-mask span, .li:hover .post-image-mask:after,.li:hover .post-image-mask:before{
	opacity: 1;-webkit-animation: wd-fadeInLeft .3s ease;
    animation: wd-fadeInLeft .3s ease;
}
.li:hover .post-image-mask:before,
.li:hover .post-image-mask:before,
.li:hover .post-image-mask:before{
	transition-delay: .2s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.li:hover .post-image-mask span,
.li:hover .post-image-mask span,
.li:hover .post-image-mask span{
	transition-delay: .1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}
@-webkit-keyframes wd-fadeOutRight{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}}@keyframes wd-fadeOutRight{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}}
@-webkit-keyframes wd-fadeOutLeft{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}}@keyframes wd-fadeOutLeft{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}}
@-webkit-keyframes wd-fadeInLeft{from{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes wd-fadeInLeft{from{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}to{-webkit-transform:none;transform:none}}




/*产品列表*/
.products_m{ margin-bottom:10px;line-height:30px;}
.quick_ico{position: absolute;bottom: 45%;width:100%;left:0;transition: all 0.5s;-webkit-transform: translate(0%, 50%);-moz-transform: translate(0%, 50%);-ms-transform: translate(0%, 50%);-o-transform: translate(0%, 50%);transform: tanslate(0%, 50%); text-align: center; opacity: 0; font-weight:500; text-transform: uppercase;}
.quick_ico span{ display: inline-block; position: relative;line-height: 42px; color: #fff;padding: 0px 24px; font-size: 12px; background: #273c92;}
.quick_ico span:before,.quick_ico span:after{ position: absolute; left:90%; height:32px; width: 1px; background: #fff; content: ''; top: -48px; opacity: 0;transition: 0.5s all;}
.quick_ico span:after{left: 10%; top: auto; bottom: -48px;}
.li:hover .quick_ico{ opacity:1;bottom: 50%;}
.li:hover .quick_ico span:before,.li:hover .quick_ico span:after{ transform: skewX(-45deg); opacity: 1;}

/*products*/
.cbp-vm-switcher {width:100%; }
.cbp-vm-view-grid .tags_ul{ display:none;}
.cbp-vm-view-grid ul li .my_more1{ position: absolute; left: 5%; bottom: -100px; width: 90%;}
.cbp-vm-view-grid ul li:hover .my_more1{ bottom: 10px;}
.cbp-vm-view-grid ul li:hover .cbp-vm-details{opacity: 0;}

.cbp-vm-view-grid .pro_more{ margin-top:10px;}
.cbp-vm-options{margin-bottom:15px; text-align:left; padding: 6px 0;}
.cbp-vm-options p{display:inline-block;   font-weight:500;   float:left;vertical-align:middle; color:#dd0522; text-transform:capitalize; font-size:12px; margin-left:8px;}
.cbp-vm-options a {vertical-align:middle;height:32px;overflow: hidden;white-space:nowrap;color:#333; line-height:32px; text-align:center; width:32px;display:inline-block; background:#fff; vertical-align: middle; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; float: left; margin-right: 10px;}
.cbp-vm-options a svg{ width: 16px; height: 16px; color: #999;transition: 0.5s all;}
.cbp-vm-options a:hover,.cbp-vm-options a.cbp-vm-selected{ border: 1px solid #273c92; background: #273c92;}
.cbp-vm-options a:hover svg, .cbp-vm-options a.cbp-vm-selected svg{ color: #fff;}

/* General list */
.cbp-vm-switcher ul {list-style: none;padding: 0;}
.cbp-vm-switcher ul:before, .cbp-vm-switcher ul:after { content: " "; display: table; }
.cbp-vm-switcher ul:after { clear: both; }

.cbp-vm-switcher ul li {display: block;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.cbp-vm-image {display: block;margin: 0 auto;position:relative;}
.cbp-vm-image img {width:100%;cursor:pointer;position:relative;max-width:100%;max-height:100%;}
.cbp-vm-switcher ul li .cbp-vm-details{color:#999;overflow:hidden;height:40px;line-height:20px; font-size:14px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}


/* Common icon styles */
.products ul li .li .a{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 555;}
.cbp-vm-icon:before {font-family: 'fontawesome';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}
.cbp-vm-view-grid ul li {width:33.33%;text-align: left;vertical-align: top;float:left;}
/* List view */
.cbp-vm-view-list li {text-align:left;white-space:normal;  margin-bottom:0; }
.cbp-vm-view-list li .i_more{ margin-top:0px; font-size:12px;}
.cbp-vm-view-list li{ background: #fff; padding: 15px; border: 1px solid #eee; border-bottom: none;}
.cbp-vm-view-list li:hover{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}
.cbp-vm-view-list li:last-child{ border-bottom: 1px solid #eee;}
.cbp-vm-view-list li:before, .cbp-vm-view-list li:after { content: " "; display: table;}
.cbp-vm-view-list li:after { clear: both; }
.cbp-vm-view-list .cbp-vm-image,.cbp-vm-view-list .cbp-vm-title,.cbp-vm-view-list .cbp-vm-details,.cbp-vm-view-list .cbp-vm-price,.cbp-vm-view-list .cbp-vm-add {display: inline-block;vertical-align: middle;}

.cbp-vm-view-list .cbp-vm-image {width:27%;display:inline-block; vertical-align:middle;float:left; margin-right:3%;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; background: #000;}
.cbp-vm-view-list .cbp-vm-image  a{display: block; overflow: hidden;}

.cbp-vm-view-list ul li .cbp-vm-details {width:70%; overflow: hidden;white-space: normal;max-height:40px; line-height:20px; color:#777; margin:5px 0px;}


@media screen and (max-width: 992px) { 
.cbp-vm-view-grid ul li .h4 a,.cbp-vm-view-list ul li .h4 a{ font-size:14px !important; line-height: 22px} 
}


@media screen and (max-width: 812px) {
	.cbp-vm-view-grid ul li {width: 50%;}
	.cbp-vm-switcher ul li h4 a,.cbp-vm-view-grid ul li .h4 a{ font-size:12px;} 
	.cbp-vm-switcher ul li .cbp-vm-details{ font-size:12px; line-height: 20px; max-height: 60px;}
}
@media screen and (max-width: 520px) {.cbp-vm-view-list .prol_more{font-size:12px;padding:2px 20px 7px 20px;}}
@media screen and (max-width: 414px) { 
.cbp-vm-view-grid ul li{ padding:0 5px !important}
	.cbp-vm-view-list ul li h4 a{width:100%;}
	.cbp-vm-view-list ul li .cbp-vm-details{width:100%;}
	.cbp-vm-view-list .cbp-vm-image{width:100%; margin-right:0px;} 
	.cbp-vm-switcher ul li .cbp-vm-details{ display:none;}
	.cbp-vm-view-grid ul li .h4 a{ font-size:16px !important; line-height:18px !important; max-height:36px !important}
	.p_hot_2{ width:100%;}

}
.cbp-vm-view-list ul li .quick_ico{display: none;}
.cbp-vm-view-list ul li .h4 a{max-height:60px; font-weight:500; line-height:30px; color: #333; font-size: 16px; overflow:hidden; display:block; }
.cbp-vm-view-list ul li .h4 a:hover{ color: #666;}
.cbp-vm-view-list ul li:hover .cbp-vm-image{ border-color: #666;}
.cbp-vm-view-list ul li .pro_ico{display: none;}
@media screen and (max-width: 768px) {
.cbp-vm-view-list ul li h4 a{ line-height:24px; max-height:48px;}
}
/*9gonghe*/
.cbp-vm-view-grid ul {list-style: none;padding: 0; margin:0px -10px; display: flex; flex-wrap: wrap}
.cbp-vm-view-grid ul li .li{position: relative;padding:8px; border: 2px solid #eee; background: #fff;}
.cbp-vm-view-grid ul li .i_more{ display: none;}
.cbp-vm-view-grid ul li{  margin-bottom:20px; padding:0px 10px;}
.cbp-vm-view-grid ul li .h4 a{margin:5px 0 5px;line-height:22px;  font-size:16px; height:44px; overflow:hidden;display:block; text-align:center; color: #333; z-index: 999; position: relative;font-weight:500; }
.cbp-vm-view-grid ul li .li{text-align:center; position:relative; }
.cbp-vm-view-grid ul li .li .cbp-vm-image{ overflow:hidden; margin-bottom:10px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; position: relative;z-index: 66; border-radius: 0; position: relative;}
.cbp-vm-view-grid ul .li{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.cbp-vm-view-grid ul li .li:hover{box-shadow:0 0px 15px rgba(0,0,0,0.08);-webkit-box-shadow:0 0px 15px rgba(0,0,0,0.08);-moz-box-shadow:0 0px 15px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0); }

/*效果*/
.products ul li .li .img a{ display:block;}
.cbp-vm-view-grid ul li .li{ overflow:hidden; position: relative;}
.cbp-vm-view-grid ul li:hover .li{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}
.cbp-vm-view-grid ul li .img a{ display:block; overflow:inherit;}
.cbp-vm-view-grid ul li:hover .img img{transform: scale(1.1);}




/*products_main*/
.sp-loading {text-align: center;max-width: 100%;border: 2px solid #fafafa;padding:2px;border-radius: 0;font-size: 14px;color: #888;}
.sp-loading img{max-width:100%;height:auto;}
.sp-wrap {display: none;line-height: 0;font-size: 0;position: relative;width:100%;}
.sp-thumbs {text-align: left;display: block;padding:10px 0;}
.sp-thumbs a{position:relative;border:1px solid #eee;}
.sp-thumbs a:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:all var(--transition-time,800ms);-o-transition:all var(--transition-time,800ms);transition:all var(--transition-time,800ms);}
.sp-thumbs a:hover:before{filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;}
.sp-thumbs a:after{transition:all .5s;transform:scaleX(0);content:"\f00c";font-family:FontAwesome;display:inline-block;font-size:16px; color:#666; position:absolute; left:50%; top:50%; margin-left:-8px; z-index:2; margin-top: -12px;}
.sp-thumbs a:hover:after{transform:scaleX(1);visibility:visible;}
.sp-thumbs img {min-height: 56px;min-width: 56px;max-width: 56px;}
.sp-thumbs a:link, .sp-thumbs a:visited {width:66px;height:66px;overflow: hidden;display: inline-block;background-size: cover;background-position: center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;
transition: all .2s ease-out;border: 1px solid #eee; margin: 0px 2px;}
.sp-thumbs a:active, .sp-current {position: relative;-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.17);-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.17);box-shadow: 0 5px 15px 0 rgba(0,0,0,0.17);}
.sp-thumbs a:active, .sp-current {position: relative;-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.17);-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.17);box-shadow: 0 5px 15px 0 rgba(0,0,0,0.17);}
.sp-current{border:1px solid #666 !important;}
.sp-thumbs a.sp-current:after{transform:scaleX(1);visibility:visible;}
.sp-large {position: relative;overflow: hidden;top: 0;left: 0;width:100%;background: #fff; border: 1px solid #ddd;}
.sp-large a img {max-width: 100%;height: auto;width:100%;}
.sp-large a {display: block;}
.sp-zoom {position: absolute;left: -50%;top: -50%;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;display: none;}
.sp-lightbox {position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: rgb(0, 0, 0);
background: rgba(0, 0, 0, .9);z-index: 9999999;display: none;cursor: pointer;}
.sp-lightbox img {position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;max-width: 90%;max-height: 90%;border: 2px solid #fff;}
#sp-prev, #sp-next {position: absolute;top: 50%;margin-top: -25px;z-index: 501;color: #fff;padding: 14px;text-decoration: none;background: #000;border-radius: 25px;border: 2px solid #fff;width: 50px;height: 50px;box-sizing: border-box;transition: .2s;}
#sp-prev {left: 14%;}
#sp-prev:before {content: '';border: 7px solid transparent;border-right: 15px solid #fff;position: absolute;top: 16px;left: 7px;}
#sp-next {right: 14%;}
#sp-next:before {content: '';border: 7px solid transparent;border-left: 15px solid white;position: absolute;top: 16px;left: 18px;}
#sp-prev:hover, #sp-next:hover {background: #444;}
.sp-current-big img{ width:100%;}
.sp-large img{ max-width:none;}

@media screen and (max-width: 768px) {
	.sp-thumbs a:link, .sp-thumbs a:visited{ width:60px; height:60px;}
}
@media screen and (max-width: 400px) {
	.sp-wrap {margin: 0 0 15px 0;}
	#sp-prev, #sp-next {top: 50px;margin-top: 0;}
}



/* CSS for the loading div */
.prom_img{padding:0;text-align:center;padding-right:0;border-radius: 0;}
.prom_img .swiper-slide{ position: relative; display: inline-block; }
.prom_img #pro_img_gallery{ overflow: inherit;padding: 0;}
.prom_img #pro_img_gallery .swiper-slide{opacity: 0 !important; z-index: -1;}
.prom_img #pro_img_gallery .swiper-slide-active{  opacity: 1 !important; z-index: 99;border: 1px solid #f7f7f7;}
.prom_img #pro_img_gallery .swiper-slide img{width: 100%;}
.prom_img .mousetrap{}

.prom_img .swiper-slide iframe{ position: relative; width: 100%;max-width: 100%;}
.prom_img .video_img{position: absolute; left: 0px; top: 0px;right:0;bottom:0;z-index: 55;}
#pro_img_thumbs{padding:0;padding-top: 15px;}
#pro_img_thumbs .swiper-slide{border-radius: 0;overflow: hidden;cursor: pointer;border: 1px solid rgba(0,0,0,0.05);padding: 2px;margin-right: 5px;}
#pro_img_thumbs .swiper-slide.swiper-slide-thumb-active{border-color: #ccc;}
.prom_img .sp-video-icon{position: relative;}
.prom_img .sp-video-icon img{opacity: 0.5;}
.prom_img .sp-video-icon:before{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 14px;color: #fff;line-height: 30px;font-family: 'FontAwesome';content:"\f04b";z-index: 2;border-radius: 5px;background: #273c92;width: 30px;height: 30px;text-align: center;}

.cloud-zoom{ overflow: hidden;}
#cloud-zoom-big{ top: 0px !important;border: 1px solid #ddd;background-repeat: no-repeat !important; background: #fff; box-shadow: 0 5px 50px 1px rgba(0,0,0,0.1);}
.prom_img .cloud-zoom-lens{background-image: none !important;background-color: rgba(0,0,0,0.2) !important;}
@media only screen and (max-width: 992px){
	.mousetrap,#cloud-zoom-big,.cloud-zoom-big{display: none !important;}
}

/*pro_detail*/ 
.pro_page{ width: 100%;  padding:60px 0 0px 0;}
.pro_page .pro_main{ width:100%; display: block;}
.pro_page .prom_img{ width: 40%; float: left; position: relative;}
.pro_page .main_text{ width: 60%;  float: right;  padding: 10px 20px 20px 40px;}

#content{ position: relative;top: -60px;}
.pro_table .pro_main_title{font-size:28px; line-height: 35px;font-weight:500;  overflow:hidden; display:block;text-transform:capitalize; color:#333;   margin-bottom: 15px;}
.pro_table .pro_main_text{line-height:26px; padding-bottom:10px; font-size: 15px;}
.pro_table ul{padding:20px 0 0; }
.pro_table ul li{font-size:14px; color:#666;list-style:none;  float: left; width: 100%; padding:8px 0; background: #f4f2f3}
.pro_table ul li:nth-child(2n){ background:#fff}
.pro_table ul li p{display:inline-block;margin-right:10px;vertical-align:middle;margin-bottom:0;color:#333; font-size: 15px; font-weight:500; min-width: 180px; padding: 0 15px}
.main-more{ text-align:left !important; margin-top:20px;   font-weight:500;  }
.pro_more a{background: #333; text-transform: capitalize;line-height:50px; padding: 0px 30px; border-radius:0; display: inline-block; font-size: 14px; color: #fff;  font-weight:500;  margin-right: 10px; border-radius:0;  position: relative;}
.pro_more a:before {position: absolute;content: '';opacity: 0;top: 0;left: 0;z-index: 1;background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 1%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 70%,rgba(255,255,255,.85) 71%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);width: 30%;height: 100%;transform: skew(-10deg,0deg);animation: move 2s;animation-iteration-count: infinite;animation-delay: 1s;}
@keyframes move{
0%{left:0;opacity:0}5%{opacity:.0}
48%{opacity:.2}80%{opacity:.0}
100%{left:82%}}
.pro_more a:hover{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}
.pro_more div{display: inline-block;}
.pro_more .main-more a{ background:#273c92; line-height: 45px; font-weight:500; font-size: 16px; text-transform: uppercase; border-radius:5px;}
.pro_more a i{margin-right: 6px;}

.pro_sns{ margin-top: 30px;}
.pro_sns span{ font-size: 16px; font-weight:500; background: url(../images/share_ico.png) no-repeat left center; padding-left: 30px; color: #333; float: left; margin-right: 8px; line-height: 38px; text-transform: capitalize;}
.pro_sns a{ display: inline-block; padding: 0; margin-right: 2px;border-radius:5px; overflow: hidden;}
@media only screen and (max-width:992px) {
.pro_sns{display: none;}
.pro_table ul li{width: 100%;}
.pro_more .main-more a{ display: block;position:fixed; right: 10px; bottom: 70px; z-index: 9999999;padding: 0px 10px;line-height: 36px;}
}
.products_main .features-tab li a{ color: #666;font-weight:500; font-size: 20px; display: inline-block; padding:8px 20px; line-height: 30px; background: #eee; margin-right: 2px;border-right: 2px solid #fafafa; text-transform: uppercase;}
.products_main .nav-tabs{margin-bottom: 20px; background: #eee;}
.products_main .features-tab li.active a{background: #273c92; color: #fff;}

/*inquiry*/
.pro_inq{ position: relative; background:#fff; overflow: hidden;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 5px 30px 0px, rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;  border-radius: 5px; margin-top: 30px;}
.pro_inq_1{ margin-top:0}
.pro_inq .title{color: #fff; background:url(../images/footer.jpg) center center no-repeat; padding:20px 20px 50px 20px; font-weight:500; font-size:25px; text-transform: uppercase;}
.pro_inq .title img{margin-right: 15px;}
.pro_inq .text{ margin-bottom:10px; color:#666; line-height:20px; background:#fff; margin-top: -50px; padding:15px;; border-radius: 4px; text-align: left; font-size: 14px; line-height:22px; border-bottom: 1px solid #e5e5e5; margin: 0px 20px; margin-top: -30px;}
.pro_inq .inquiry {padding: 20px;}
.pro_inq .inquiry .form-control{border:1px solid #e5e5e5;background:#fff;line-height:50px;height:50px;color:#666;font-size:14px;width:100%;box-shadow:none;padding-right:45px;background-position:95% 12px;background-repeat:no-repeat;padding-left:10px; border-radius: 0;  max-width: 100%; border-radius: 5px;}
.pro_inq .inquiry .form-control:focus{ border: 1px solid #273c92; -webkit-box-shadow:0 7px 38px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 7px 38px 0 rgba(0,0,0,0.1);box-shadow:0 7px 38px 0 rgba(0,0,0,0.1); color:#333;}
.pro_inq .inquiry textarea.form-control{border-radius:0;}
.pro_inq .inquiry .input-group{ height:32px; margin-bottom:20px; float: left; padding-left: 15px; padding-right: 15px; border:none;}
.pro_inq .inquiry .input-group span{display:block;position:relative;}
.pro_inq .inquiry .input-group span:before{content:'';position:absolute;right:10px;top:14px;width:28px;height:23px;display:inline-block;background-image: url(../images/icon.png);background-repeat: no-repeat; z-index: 333;}
.pro_inq .inquiry .input-group span.ms_e:before{background-position:-40px -227px;}
.pro_inq .inquiry .input-group span.ms_p:before{background-position:0 -227px;}
.pro_inq .inquiry .input-group span.ms_m:before{background-position:-82px -227px;}

.pro_inq .inquiry input:-ms-input-placeholder{color:#666666;}/* Internet Explorer 10+ */ 
.pro_inq .inquiry input::-webkit-input-placeholder{color:#666666;}/* WebKit browsers */
.pro_inq .inquiry input::-moz-placeholder{color:#666666;}/* Mozilla Firefox 4 to 18 */ 
.pro_inq .inquiry input:-moz-placeholder{color:#666666;}/* Mozilla Firefox 19+ */ 
.pro_inq .inquiry textarea:-ms-input-placeholder{color:#666666;}/* Internet Explorer 10+ */ 
.pro_inq .inquiry textarea::-webkit-input-placeholder{color:#666666;}/* WebKit browsers */
.pro_inq .inquiry textarea::-moz-placeholder{color:#666666;}/* Mozilla Firefox 4 to 18 */ 
.pro_inq .inquiry textarea:-moz-placeholder{color:#666666;}/* Mozilla Firefox 19+ */ 

.pro_inq select{width:100%;height:60px;border:none;border:1px solid #e5e5e5;background-color:#fff;font-size: 14px;color:#808080;padding-left:15px;Appearance:none; margin: 0;
-webkit-appearance:none; margin-bottom: 20px;}
.pro_inq .select{margin: 0;}
.pro_inq .select:after{content:"\f0d7";font-family:'FontAwesome';position:absolute;right:30px;line-height:16px;font-size: 14px;color:#ccc;top:18px;z-index:99;}
.pro_inq .inquiry .input-group span.ms_m .form-control{line-height:30px;font-size:13px; height:100px; padding-left:20px; width:100%; color:#999; transition: 0.6s all; min-width: 100%; max-width: 100%; max-height: 120px; border-radius: 0; border-radius: 5px;}
.pro_inq .inquiry .no span:before{ display: none;}
.pro_inq  .subject_title{ border:1px solid #eee ;background:#eee; line-height:20px; padding:15px 10px; margin-bottom:20px; padding-left:15px; border-radius:5px;}
.send_column button{ border:none;}
.pro_inq  .subject_title a{ color:#333; font-size:15px;  font-weight:500; text-decoration: underline;}
.pro_inq  .subject_title span{ font-size:16px; font-weight:500;  color:#444; margin-right:10px;}

@media only screen and (max-width: 996px) {
.pro_page .prom_img{ width: 100%; float: left; }
.pro_page .main_text{ width: 100%;  float: right; padding: 20px 0 0 0;}
	.pro_page{ padding:30px 0 0 0; width:94%; margin: 0 auto}
	
}
@media only screen and (max-width: 768px) {
.pro_inq .title_h{display: none;}
.pro_inq .inquiry .input-group{width: 100%;}
}

/*rel_pro*/ 
.rel_pro .maintitle{ margin-bottom:0; padding-bottom:10px;}
.rel_pro{ padding: 40px 0; background: #f7f7f7; text-align:center; margin-top:50px;}
.rel_pro .swiper{ overflow: hidden; position: relative; padding:20px 0 40px;}
.rel_pro .swiper-slide{ width: 25%; padding: 0px 10px;}
.rel_pro .li{ position: relative; background: #fff; border: 1px solid #eee; text-align: center; padding: 10px; padding-bottom: 20px;  transition: 0.5s all;overflow: hidden;}
.rel_pro .li .img{ display: block; overflow: hidden;}
.rel_pro .li .h4 a{ display: block; font-weight:500; font-size: 15px; color: #555; line-height:22px; overflow: hidden; margin-top: 10px; margin-bottom: 5px; max-height: 44px; padding: 0 5%}
.rel_pro .li p{ font-size: 14px; color: #999; display: block; overflow: hidden; line-height: 22px; transition: 0.5s all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 10%}
.rel_pro .li .more{ display: inline-block;  padding: 0px 20px;background: #273c92; line-height:42px; color: #fff; font-size: 13px; position: absolute; bottom:-200px; left: 10%; width: 80%; letter-spacing: 1px; border-radius:3px 3px 0 0; text-transform: uppercase;}

.rel_pro .li:hover{border: 1px solid #273c92; box-shadow: 0px 5px 20px rgba(0,0,0,0.1); }
.rel_pro .li:hover p{ opacity: 0;}
.rel_pro .li:hover .img img{transform: scale(1.1);}
.rel_pro .li:hover .more{ bottom: 0;}
.rel_pro .li .more:hover{ background: #273c92;} 
.rel_pro .li:hover .img_h .img1{opacity:0;}
.rel_pro .li:hover .img_h .img2{opacity:1;}

@media only screen and (max-width: 992px) {
	.rel_pro{ padding:30px 0 15px;}
.rel_pro .swiper-slide{width: 33.33%;}
.rel_pro .li .h4 a{ font-size:14px; line-height:20px; max-height:40px;}
}
@media only screen and (max-width: 768px) {
.rel_pro .swiper-slide{width: 50%; padding:0 5px}
}
@media only screen and (max-width: 575px) {
.rel_pro .swiper-slide{width: 100%; }
}

/*描点链接*/
.page-nav-box{ margin-top:65px;}
.page-nav-box ul li { font-size:16px; padding:0px 30px;  color:#333; float:left; list-style:none;   line-height:40px;}
.page-nav {position: relative;background: #01a4ef;}
.page-nav.fixed {
	position: fixed;
	z-index: 100;
	top:90px;
	right: 0;
	left: 0;
	max-width:100%; margin:0 auto;
}
.pnav-item {position: relative}
.pnav-item:first-of-type::before {display: none}
 
.pnav-link {display: block;position: relative;color: #333}
.pnav-link:hover {color: #273c92}
.page-nav .current a{ color:#273c92}
.pnav-link::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 2px;
	background-color: #273c92;
	visibility: hidden;
	opacity: 0
}
.list-pnav.list-1 {text-align: center}
.list-pnav.list-1>li {width: 50%} 
.page-nav .list{   overflow: hidden;display: flex;margin-bottom: 0px;}
.page-nav .list li{    position: relative;}
.page-nav .list li .column{    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;}
	
.page-nav .list li{ list-style: none;text-align: center; position: relative; padding:5px 15px 5px; border-right: 1px solid rgba(255,255,255,0.2);cursor: pointer;width: 50%;}

.page-nav .list li .pnav-link{ display: block; z-index: 99;text-align: center;padding: 10px 10px;font-size: 14px; line-height: 24px; text-transform: uppercase; color: #fff;  font-weight: 700;margin: 0;}
.page-nav .list li.current ,.page-nav .list li:hover { background: rgba(0,0,0,0.1)}
.page-nav .list li.current .pnav-link,.page-nav .list li:hover .pnav-link{ color: #fff;text-decoration: none;}

.product_page {padding-bottom: 30px;}
.nav-page{padding: 60px 0; text-align:center; width:100%}
.nav-page1{ padding:60px 0 0 0}
.nav-page .main_title{text-align: center;}
#overview_2 {background: #f7f7f7;}
.main_title{margin-bottom:40px;text-align:center;position: relative;z-index: 5;padding-top: 54px;background: url(../images/titlebg.png) no-repeat top center; border-bottom:1px #ededed solid}
.main_title .s_title{margin: 0;margin-bottom: 12px;font-size: 14px;color: #333333;line-height: 100%;text-transform: uppercase;letter-spacing: 2px;}
.main_title em{color:#333333;font-size:36px;text-transform:capitalize;line-height:120%;margin:0;position:relative;z-index: 2;display: block;font-weight: 500;margin-bottom: 25px;} 
.main_title .line{display: inline-block;position: relative;margin-top: 15px;background:#175da6;width:40px;height:2px;}
.scrollbar_3 .swiper-slide{ width:33.33%; padding:0 20px;}
.scrollbar_3 .h4{ display:block; color:#101010; font-size:16px; line-height:24px; font-weight:300; max-height:48px; overflow:hidden; margin-top:12px; text-align:center}
.scrollbar_3 .h4 a{ display:block; color:#101010;}
.scrollbar_3 .swiper-slide:hover .h4 a{ color:#273c92}
 

@media (min-width: 1200px){
	.main_title .bg {-webkit-text-stroke-width: 1.5px;}
}


@media only screen and (max-width: 1440px) {
	.page-nav{ padding: 0 6%}
}
@media (max-width: 992px) {
	.page-nav.fixed {
		top: 50px;
	}
	.nav-page1{ padding-top:10px}
	.nav-page1 .scrollbar_3 .swiper-slide{ padding:0 10px;}
	.nav-page1 .swiper-button-next,.nav-page1 .swiper-button-prev{ display:none}
	.nav-page1 .scrollbar_3 .h4 a{ font-size:13px; line-height: 22px}
} 
@media only screen and (max-width: 768px) {
	.page-nav{ padding: 0} 
	.nav-page1 .scrollbar_3 .swiper-slide{ width:50%}
}
@media (max-width: 575px) {
	.nav-page1 .scrollbar_3 .swiper-slide{ width:100%}
	.page-nav .list li{ padding: 5px;}
	.page-nav .list li .pnav-link{ font-size: 12px;padding: 5px;line-height: 16px;} 
	
}
@media (max-width: 392px) {
	.page-nav .list li{ padding: 5px 2px 5px;}
}