@charset "utf-8";
body{font-family: sfpro ,"Arial",sans-serif !important;font-size: 16px;color: #444;
line-height: 1.5;}
a:hover{text-decoration: none;}
a:focus{text-decoration: none;}
 @font-face {
			font-family: "Myriad-Set-Pro-Thin";
			src: url("../ttf/myriad-set-pro-thin.ttf");
		}
		
 @font-face {
			font-family: "sf-pro-display_regular";
			src: url("../ttf/sf-pro-display_regular-2.ttf");
		}
 @font-face {
	font-family: "msyh";
	src: url(../otf/msyh.otf);
}
.position span a {
    color: #87939c;
    font-size: 11px;
}		
		
@media (min-width: 1280px){
.container{width: 1280px;}
.blog-box{width: 90%; margin:0 auto}

}
@media (min-width: 1550px){
.container{width: 1500px;}
.blog-box{width: 1300px;}
}
@font-face {
	font-family:"sfpro";
	src:url("../ttf/sf-pro-text_regular.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}
#notice{font-family: sfpro,"Arial",sans-serif ;padding: 100px;}
/* 5ths */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths{position: relative;min-height:0px;padding-left: 15px;
	padding-right: 15px;}
@media ( min-width : 768px){.col-sm-5ths{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width:20%;} .navbar-toggle{ margin-top:20px;}}
@media ( min-width : 992px){.col-md-5ths {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}}
@media ( min-width : 1200px){.col-lg-5ths {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}}
a{cursor: pointer;}
 
/* 轮播 */
.carousel-control.left{background: none;}
.carousel-control.right{background: none;}
 

 
/** 语言 **/
.translate-btn{margin: 0;}
.translate-btn button{border: none;border-radius: 0;background: #1168ab;padding: 8px 20px;}
.btn-default:hover{background: #1168ab;border: none;}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus{background: #1168ab;}
.translate-btn button a{color: #fff;}

.translate-btn-wrap{text-align: center;}
.translate-btn{display:inline-block;}
.translate-btn > button{padding: 9px 20px;}
.translate-btn .option a{display: block;padding-left: 12px;padding-top: 4px;padding-right: 8px;}

/* 轮播 */
.carousel-control.left{background: none;}
.carousel-control.right{background: none;}
/* #myCarousel .carousel-control{} */
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right{position: absolute;top: 45%;z-index: 5;
	display: inline-block;font-size: 50px;}
/*返回顶部*/
div.go-top{display: none;opacity: 0.6;z-index: 999999;position: fixed;bottom: 100px;right: 30px;
    border: 1px solid #043f80;width: 36px;height: 36px;border-radius: 3px;cursor: pointer;background: #043f80;}
div.go-top:hover{opacity: 1;filter: alpha(opacity=100);}
div.go-top div.arrow{position: absolute;left: 8px;top: -1px;width: 0;height: 0;border: 9px solid transparent;
    border-bottom-color: #fff;}
div.go-top div.stick{position: absolute;left: 13px;top: 13px;width: 8px;height: 14px;display: block;
    background-color: #fff;-webkit-border-radius: 1px-moz-border-radius: 1px;border-radius: 1px;}
	

.h-pro{margin: 60px 0;}
.h-pro .container{width: 100%;}
.h-pro .title h2{color: #17447e;font-size: 26px;margin: 0 0 10px 0;}
.h-pro .title hr{border: 1px solid #ed000d;width: 40px;margin: 0 auto 15px auto;}
.h-pro .nav-tabs{border: none;margin: 20px 0 30px 0;overflow: hidden;}
.h-pro .nav-tabs li{float: none;display: inline-block;width: 13%;}
.h-pro .nav-tabs li a{color: #666;font-weight: 500;font-size: 16px;padding: 15px 0;background: #f5f5f5;border: none;
	margin: 0;text-align: center;}
.h-pro .nav-tabs > li.active > a, .tab-pro .nav-tabs > li.active > a:hover,
.h-pro .nav-tabs > li.active > a:focus{color: #ed000d;border: none;background: #f5f5f5;}
.h-pro li a span img{display: block;margin: 0 0 15px 0;}
/* .h-pro .nav-tabs li a:hover span img,
.h-pro .nav-tabs li a:focus span img{transform: rotate(360deg);-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);
	transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;} */
.h-pro .tab-content .swiper-button-next,
.h-pro .tab-content .swiper-button-prev{background: #f5f5f5;font-size: 50px;color: #999;line-height: 1.6;
	width: 50px;height: 80px;}
.h-pro .swiper-container{width: 90% !important;}
.h-pro .swiper-slide{padding: 0 25px;}
.h-pro .tab-content a{display: block;text-align: left;border: 1px solid #dbdbdb;padding: 0 0 30px 0;
	margin: 0 0 1px 0;}
.h-pro .tab-content a h6{font-size: 18px;color: #333;font-weight: 500;line-height: 1.5;padding: 10px 20px 0 20px;
	margin: 0;}
.h-pro .tab-content a hr{border: 1px solid #ed000d;width: 40px;margin: 0 20px;}
.h-pro .tab-content a p{font-size: 14px;color: #666;margin: 15px 0 20px 0;line-height: 1.8;padding: 0 20px;}
.h-pro .tab-content a span{font-size: 12px;color: #999;border: 1px solid #dbdbdb;padding: 5px 15px;margin: 0 20px;}
.h-pro .tab-content a:hover h6{color: #1168ab;}

.h-appli{background: #f5f5f5;padding: 60px 0;}
.h-appli .title h2{color: #17447e;font-size: 26px;margin: 0 0 10px 0;}
.h-appli .title hr{border: 1px solid #ed000d;width: 40px;margin: 0 auto 50px auto;}
.h-appli .nav{border-right: 1px solid #dbdbdb;}
.h-appli .nav li a{color: #17447e;font-size: 18px;line-height: 1.8;}
.h-appli .nav li a span{padding: 0 0 0 15px;color: #f5f5f5;font-size: 24px;vertical-align: top;}
.h-appli .nav li.active a, .h-appli .nav li.active a:hover, .h-appli .nav li.active a:focus{
	background: none;color: #ed000d;}
.h-appli .nav li.active a span, .h-appli .nav li.active a:hover span,
.h-appli .nav li.active a:focus span{color: #ed000d;}
.h-appli .tab-content img{border-radius: 15px;}
.h-appli .tab-content p{font-size: 16px;color: #666;margin: 15px 0 0 0;line-height: 1.6;}
.h-appli .more p{text-align: center;margin: 50px 0 0 0;}
.h-appli .more p a{border: 1px solid #dbdbdb;padding: 11px 30px;font-size: 14px;color: #999;border-radius: 6px;}
.h-appli .more p a:hover{background: #17447e;border: 1px solid #17447e;color: #fff;}

.customer{margin: 60px 0 0 0;}
.customer h2{color: #17447e;font-size: 26px;margin: 0 0 10px 0;}
.customer hr{border: 1px solid #ed000d;width: 40px;margin: 0 auto 35px auto;}
.customer .text{position: absolute;bottom: 0;left: 0;padding: 4%;}
.customer .text h6{font-size: 18px;color: #fff;}
.customer .text p{font-size: 14px;color: #fff;}
.customer .swiper-slide{text-shadow: 1px 1px 2px #000;overflow: hidden;}
.customer .swiper-container .swiper-button-next,
.customer .swiper-container .swiper-button-prev{background: #f5f5f5;width: 30px;background: #000;
	background-color: rgba(255,255,255,0.5);text-align: center;line-height: 3.5;}
.customer .swiper-container .fa-angle-left,
.customer .swiper-container .fa-angle-right{color: #fff;opacity: 1;font-size: 30px;}
.customer .swiper-slide:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);
	-transform:scale(1.2,1.2);transition: all 1.8s;}

.top_content{margin: 60px 0;}
.top_content h2{color: #17447e;font-size: 26px;margin: 0 0 10px 0;}
.top_content hr{border: 1px solid #ed000d;width: 40px;margin: 0 auto 35px auto;}
.h-art-page a h6{margin: 20px 0 10px 0;font-size: 16px;color: #333;}
.h-art-page a p{margin: 0;font-size: 14px;color: #666;line-height: 1.6;}
.h-art-page a:hover h6{color: #17447e;}
.h-art-list ul{list-style: none;margin: 0;padding: 0;}
.h-art-list ul li a{border-bottom: 1px solid #dbdbdb;padding: 10px 0;display: block;font-size: 16px;color: #333;}
.h-art-list ul li a:hover{color: #17447e;}
.h-art-list ul li a span{text-align: right;font-size: 14px;color: #999;float: right;}
.h-art-list ul li a:hover span{color: #17447e;}

/* position */
.position{width: 100%;padding: 6px 0;border-bottom: 1px solid #dbdbdb;border-top: 1px solid #dbdbdb;}
.position span{font-size: 12px;color: #87939c;}
.position span strong{font-weight: normal;color: #87939c;}
.position span a{color: #87939c;}
.position span a:hover{color: #1168ab;}
.position h1{color: #999;font-size: 15px;font-weight: normal;margin: 0;line-height:1; margin-top:5px;}

/* foreword */
.foreword{margin: 30px 0 35px 0;background: #F5F5F5;}
.foreword p{padding: 15px 0px 5px 0px;margin: 0;}
.foreword p strong{color: #333;text-align: left;font-size: 20px;font-weight: 500;}
.foreword p span{display: block;font-size: 16px;line-height: 26px;margin: 15px 0 0 0;}
.more .panel-group .panel{border: none;box-shadow: none;background: none;}
.more .panel-group .panel a{font-size: 18px;color: #1168ab;text-decoration: underline;}
.more .collapse span{font-size: 16px;line-height: 26px;}
.foreword .click{background: #F5F5F5;padding: 0 0 50px 0;text-align: center;margin-top: 60px;}
.list-text{background: #F5F5F5;padding: 0 50px;font-size: 16px;line-height: 1.5;}
.list-text h2{ display: block;color: #333;text-align: center;font-size: 28px;line-height:1.5;font-weight: 500;padding-top: 20px;margin-bottom: 50px;}
.list-text h3{font-size: 24px;margin-bottom: 15px;}
.list-text h4{font-size: 20px;font-weight: 500; margin-bottom:0; line-height:1.5;}
.list-text ul{ padding-left: 30px;font-size: 16px;}
.list-text p>strong{font-size: 16px;font-weight: 600;padding-right: 5px;}
.list-text p {    padding: 0px;    margin:5px 0;}

.list-text strong{display: block;margin-bottom: 10px;}
.list-text td{border: 1px solid #c6c6c6;
padding: 5px 10px;}
/* pro list */
 .p-list{margin: 30px 0; } 
 .prolistext p{padding: 30px 0;}
.listintro h2{font-size: 24px;color: #FF9609;font-weight: 500; padding: 8px 0;
	border-bottom: 2px dashed #87939c;margin: 0;}
.listintro h2 span{float: right; display:none;}
.listintro p{font-size: 16px;
	line-height: 26px;margin: 0;color: #333;}
.listpro{margin: 25px 0 0 0;}
.feature-font{padding: 30px 0;}
.feature-font ul{ padding-left:20px;}
.feature-font ul li{ margin-bottom:10px;}
.listpro h3{font-size: 22px;color: #333;font-weight: 500;display: block;border-bottom: 1px solid #1168ab;
	padding: 0 0 5px 0;margin: 0 0 20px 0;}
.listpro h3 span{float: right;background: #1168ab;padding: 4px 10px;color: #fff;font-size: 14px;border-radius: 2px;}
.listpro h3 a{color: #333;}
.listpro .col-lg-3 a{display: block;}
.listpro .col-lg-3 a img{border: 1px solid #dbdbdb;padding: 0 10px;}
.listpro .col-lg-3 a h4{margin: 15px 0 30px 0;font-size: 16px;color: #333;background: #f5f5f5;padding: 8px 15px;line-height: 1.5;}
.listpro .col-lg-3 a:hover h4{color: #1168ab;}
.listpro div:nth-child(4n+1){clear:left;}
.listvideo{margin: 0;}
.listvideo h3{font-size: 20px;color: #333;font-weight: 500;display: block;border-bottom: 1px solid #1168ab;
	padding: 0 0 5px 0;margin: 0 0 20px 0;}
.ratio-content{width: 100%;height: 0;padding-bottom: 56.2667%;position: relative;margin: 20px 0 10px 0;}
.ratio-content iframe{width: 100%;height: 100%;position: absolute;left: 0;padding: 0;top: 0;}
/* .listsample{margin: 0;}
.listsample strong{font-size: 20px;color: #333;font-weight: 500;display: block;border-

bottom: 1px solid #1168ab;
	padding: 0 0 5px 0;margin: 0 0 20px 0;}
.listsample ul{list-style: none;margin: 0;padding: 0;font-size: 0px;}
.listsample ul li{display: inline-block;width: 24%;margin: 0 0 0 1.3%;}
.listsample ul li:nth-child(4n+1){margin: 0;} */
.atc-list{margin: 0;}
.atc-linear{margin: 50px 0 0 0;}
.atc-related .listpro{margin: 20px 0 0 0; padding:0;}
.atc-article h3{font-size: 22px;color: #333;font-weight: 500;display: block;border-bottom: 1px solid #1168ab;
	padding: 0 0 5px 0;margin: 0 0 20px 0;font-family: "msyh";}
.atc-article ul.np-relart{margin: 0 0 30px 0;list-style: none;padding: 0;}
.atc-article ul.np-relart li{border-bottom: 1px solid #dbdbdb;margin: 15px 0 0 0;padding: 5px 0 20px 0;}
.atc-article ul.np-relart li a p{margin: 0;background: #f5f5f5;padding: 5px 10px;color:#000;font-size: 18px;}
.atc-article ul.np-relart li a p b{color: #FF9609;padding: 0 10px 0 0;}
.atc-article ul.np-relart li a p time{float: right;color: #666;font-size: 16px;padding-top:2px;}
.atc-article ul.np-relart li a span{margin: 0;display: block;margin: 10px 0 0 0;font-size:16px;color: #999;
	line-height: 22px;}
.atc-article ul.np-relart li a:hover p{color: #1168ab;}
.atccom{margin: 30px 0 35px 0;}
.atccom h3{font-size: 22px;color: #333;font-weight: 500;display: block;border-bottom: 1px solid #1168ab;
	padding: 0 0 5px 0;margin: 0;font-family: "msyh";}
.atccom h3 a{float: right;background: #1168ab;padding: 5px 10px;color: #fff;font-size: 14px;border-radius: 2px;cursor: pointer;}
.atccom .atcment .col-lg-1, .atccom .atcment .col-lg-11{margin: 20px 0 0 0;}
.atccom .atcment h3{border: none;margin: 0;color: #1168ab;}
.atccom .atcment p{font-size: 16px;line-height: 26px;color: #333;width: 90%;}
.atccom .atcment { margin-left: 25px;}
.atccom .atcment ul{list-style: none;width: 85%;margin: 0;padding: 0;}
.atccom .atcment li{display: inline-block;padding: 0 1.5% 0 0;width: 24%;}
.atccom .atcment li iframe{width: 100%;}
.atccom .atcment span{font-size: 14px;color: #666;display: block;margin: 10px 0 0 0;}
.multi-list{margin: 0;}
.multi-list .listintro strong{border-bottom: 2px dashed #87939c;}
.kit-list{margin-top: 20px;}
.kit-list a{text-decoration: none;}
.kit-list a img{box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);margin: 1px;padding: 0 8px;}
.kit-list a:hover img{box-shadow: 0px 1px 10px 1px #bbb;}
.kit-list a p{color: #666;font-size: 16px;margin: 10px 0 15px 0;}
.kit-list a:hover p{color: #1168ab;}

/*9.11 new pro list*/
.pro-list-box img,.pro-list-right img{ width:100%;}
.pro-list-box ul,.pro-list-right ul{padding: 0;}
.pro-list-box ul li,.pro-list-right ul li {
	list-style: none;
}
.pro-list-box .pro-list-left .pro-list-text {
	margin-bottom: 30px;
}
.pro-list-box .pro-list-left .pro-list-text .list-title {
	text-align: center;
	font-size: 30px;
	margin-bottom: 50px;
	color: #10298e;
}
.pro-list-box {
	margin-top: 50px;
}
.pro-list-box .pro-list-left .pro-list-text h3 {
	font-size: 24px;
}
.pro-list-box .pro-list-left .pro-list-text h4 { margin-top:20px; font-size:18px; font-weight:600;}
.pro-list-box .pro-list-left .pro-list-text table{ margin:20px 0;}
.pro-list-box .pro-list-left .pro-list-text table td{border: 1px solid #ddd;
color: #383838;
padding: 10px;}
.pro-list-box .pro-list-left ul .pro-list-img {
}
.pro-list-box .pro-list-left .pro-list ul li {
	clear: both;
	background-color: #f8f8f8;
	padding: 30px 20px;
	margin-bottom: 20px;
}
.pro-list-box .pro-list-left ul li .pro-list-font {
	padding-left: 20px;
}
.pro-list-box .pro-list-left ul li .pro-list-font h4 {
	margin-bottom: 20px;
}
.pro-list-box .pro-list-left ul li .pro-list-font h4 a {
	font-size: 22px;
}
.pro-list-box .pro-list-left ul li .pro-list-font button {
	margin-top: 30px;
	background: #8c8c8c;
	border: none;
	color: #fff;
	margin-right: 50px;
	float: right;
	border-radius: 5px;
}
.pro-list-box .pro-list-left ul li .pro-list-font a{ color:#444;}
.pro-list-box .pro-list-left ul li .pro-list-font button:hover {
	background: #10298e;
}
.pro-list-box .pro-list-left ul li .pro-list-font h4 a {
	color: #10298e;
}
.pro-list-box .pro-list-left ul li .pro-list-font button a {
	color: #fff;
	font-size: 18px;
	display: block;
	padding: 5px 30px;
}
.pro-list-right .slider-list {
	padding: 30px 0 20px 0;
	margin-left: 30px;
	margin-bottom: 20px;
	background: #f8f8f8;
	text-align: center;
}
.pro-list-right .slider-list .slider-title {
	padding: 8px 0;
	color: #10298e;
	margin: 0 40px;
	font-size: 22px;
	border-bottom: 2px solid #10298E;
	margin-bottom: 20px;
}
.pro-list-right .slider-list ul {
	margin-top: 10px;
}
.pro-list-right .slider-list ul li {
	margin: 10px 0;
}
.pro-list-right .slider-list .slider-pro-list li:hover {
	background: #10298e;
}
.pro-list-right .slider-list .slider-pro-list li:hover a {
	color: #fff;
}
.pro-list-right .slider-list ul li a {
	padding: 10px 0;
	display: block;
	color:#444;
}
.pro-list-right .slider-list .slider-app-list li {
	margin: 0 35px;
	text-align: left;
	clear: both;
}
.pro-list-right .slider-list .slider-app-list li h4 {
	font-size: 18px;
	margin: 10px 0;
}
.pro-list-right .slider-list ul li p {
	color: #8c8c8c;
}
.pro-list-right .slider-list ul li:hover button {
	background: #10298e;
}
.pro-list-right .slider-list ul li button {
	background: #8c8c8c;
	border: none;
	color: #fff;
	float: right;
	border-radius: 4px;
	padding: 0 4px;
}
.pro-list-box .pro-list-left .click {
text-align: right;
}
.pro-list-box .pro-list-left .click li {
	display: inline-block;
	padding: 5px 30px;
	background: #cb2027;
	border-radius: 5px;
	margin: 0 10px 0 0;
	;
}
.pro-list-box .pro-list-left .click li:last-child {
	background: #FF9609;
}
.pro-list-box .pro-list-left .click li a {
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}
.pro-list-box .pro-list-left .click li a span {
	padding: 0 10px 0 0;
	font-size: 18px;
}
.pro-list-box .pro-list-left .more-btn a {
margin-top: 2px;
font-size: 18px;
color: #fff;
background-color: #10298e;
padding: 5px 30px;
border-radius: 5px;
}
.pro-list-box .pro-list-left .more .panel-group .panel {
	border: none;
	box-shadow: none;
	background: none;
}



/*comment*/
.comment .com-list {margin: 20px 5px;}
.comment .com-list p{
 text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}
/* p-sidebar */
.sidetitle {margin-top:0;margin-bottom: 0;font-family: sfpro ,"Arial",sans-serif;color: #666;}
.p-sidebar ul{list-style: none;margin: 0;}

.p-sidebar ul.bar-p{padding: 15px 0 10px 0;/* border-bottom: 1px solid #ddd; */}
/*.p-sidebar ul.bar-p li:first-child{color: #333;font-size: 18px;line-height: 2.4rem;margin: 5px 0 5px 10px;}*/
/*.p-sidebar ul.bar-p li:first-child {color: #fff;font-size: 18px;line-height: 2.4rem;padding: 5px 0 5px 10px;}*/
.p-sidebar ul.bar-p li a {text-decoration: none;}
.p-sidebar ul.bar-p li a img{border: 1px solid #ddd;}
.p-sidebar ul.bar-p li a:hover img{box-shadow: #ddd 0px 1px 6px 0px;}
.p-sidebar ul.bar-p li a span{display: block;color: #333;line-height: 2.4rem;font-size: 16px;margin: 5px 0 20px 0;}
.p-sidebar ul.bar-p li a:hover span{color: #1168ab;}
.p-sidebar ul.bar-f{padding: 20px 0;}
.p-sidebar ul.bar-f li:first-child{color: #333;font-size: 16px;line-height: 2.4rem;margin: 0 0 10px 0;}
.p-sidebar ul.bar-f li form label textarea{width: 100%;max-height: 100px;border: 1px solid #ddd;padding: 5px 10px;}
::-webkit-input-placeholder { /* WebKit browsers */color: #666;font-size: 16px;font-weight: normal;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #666;font-size: 16px;font-weight: normal;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color: #666;font-size: 16px;font-weight: normal;}
.p-sidebar ul.bar-f li form span{display: block;}  
.p-sidebar ul.bar-f li form span input{background: #999;border: none;padding: 4px 16px;color: #fff;}
.n-sidebar .n-bar{border-bottom: none !important;}
.n-sidebar .n-bar li{border: 1px solid #ddd;padding: 6px 10px;border-bottom: none;}
/*.n-sidebar .n-bar li:first-child{border: none;padding: 0;}*/
.n-sidebar .n-bar li:last-child{border-bottom: 1px solid #ddd;}
.n-sidebar .n-bar li a p{margin: 0;color: #333;}
.n-sidebar .n-bar li:hover a p{color: #1168ab;}
.n-sidebartitle {font-family: sfpro ,"Arial",sans-serif;}
.n-sidebar{background: #fff;padding-top: 0px;padding-bottom: 15px;}
.p-sidebar {
    width: 20%;
}
.p-main  {
    width: 80%;
}
/*pro-slider*/
.pro-slider-box{width: 20%;  }
.pro-slider-box h3{padding: 8px 0;
margin-bottom: 20px;
background-color: #1168ab;
color: #fff;
padding-left: 20px;
margin: 0;}
.pro-slider-box .slider-first-box{ background:#fff;}
.pro-slider-box .slider-first-box ul{padding: 10px 0;}
.pro-slider-box .slider-first-box ul li{ list-style:none;}
.pro-slider-box .slider-first-box ul li{ font-size:18px; padding:2px 0; }
.pro-slider-box .slider-first-box ul li a{color:#444;padding: 8px 0 8px 30px;display: block;}
.pro-slider-box .slider-first-box ul li a:hover{ background:#f5f5f5; text-decoration:none;}
/* pro-article */
.pro-art{padding: 50px 0;}
.big-pic{margin: 0 0 35px 0;}
.big-pic ul{list-style: none;margin: 0;padding: 0;}
.big-pic ul li{border: 1px solid #dbdbdb;}
.small-pic{position: relative;}
.small-pic .swiper-button-prev, .small-pic .swiper-container-rtl .swiper-button-next{left: 0;top: 0;margin: 0;
    background: #eee;font-size: 25px;line-height: 72px;text-align: center;width:20px;height: auto;color: #87939c;}
.small-pic .swiper-button-next, .small-pic .swiper-container-rtl .swiper-button-prev{right: 0;top: 0;margin: 0;
    background: #eee;font-size: 25px;line-height: 72px;text-align: center;width:20px;height: auto;color: #87939c;}
.small-pic .swiper-container{width: 90% !important;height: 100%;}
.small-pic .swiper-slide{/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
  display: flex;-webkit-box-pack: flex-start;-ms-flex-pack: flex-start;-webkit-justify-content: flex-start;
  justify-content: flex-start;-webkit-box-align: flex-start;-ms-flex-align: flex-start;  -webkit-align-items: flex-start;align-items: flex-start;}
.pro-art .swiper-slide{padding: 0 5px;border: 1px solid transparent;text-align: left;}
.pro-art .swiper-slide a{text-decoration: none;border: 1px solid #dbdbdb;}
.pro-art .swiper-slide a img{text-align: center;}
.pro-explain h2{font-size: 22px;color: #333;font-weight: 500;line-height: 28px;margin: 0;}
.pro-explain p{font-size: 16px;color: #666;background: #F5F5F5;padding: 10px 15px;margin: 15px 0;}
.pro-explain .media strong{font-size: 16px;color: #FF9609;width: 30%;display: inline-block;vertical-align: top;
	line-height: 30px;font-weight: 500;}
.pro-explain .media span{display: inline-block;vertical-align: middle;font-size: 14px;color: #333;
    line-height: 1.5;}
.pro-explain .media span b{margin: 0 6px 0 0;display: inline-block;}
.share-box{list-style: none;margin: 25px 0 20px 0;padding: 0;font-size: 0px;}
.share-box li{display: inline-block;vertical-align: top;margin: 0;width: 12.5%;text-align: center;}
.share-box li a{border: 1px solid #dbdbdb;border-left: none;font-size: 16px;display:block;padding: 8px 0;color: #666;}
.share-box li:first-child a{border-left: 1px solid #dbdbdb;}
.share-box li:hover a{color: #1168ab;}
.click{list-style: none;margin: 0 0 30px 0;padding: 0;}
.click li{display: inline-block;padding: 10px 15px;background#cb2027;background: #f7364d;border-radius: 5px;margin: 0 10px 0 0;}
.click li:last-child{background#FF9609;background: #11e0ff}
.click li a{display: block;color: #fff;font-size: 14px;font-weight: 500;font-family: sfpro,"Arial",sans-serif ;cursor: pointer;}
.click li a span{padding: 0 10px 0 0;font-size: 18px;}
.pro-art .button{text-align: center;margin: 30px 0 0 0;}
.pro-art .button span{position: absolute;display: block;bottom: 40px;right: 0;left: 144px;font-size: 35px;
	color: #5098f7;}
.pro-artvi{margin: 0 0 30px 0;}
.np-artvi{border: 1px solid #dbdbdb;box-shadow: 0px 4px 4px 0px #dbdbdb;padding: 50px 0 0 0;}
.np-artvi span.fa-times{font-size: 20px;color: #999;position: absolute;right: 30px;z-index: 99;top: 15px;}
.pro-ticle .detail{margin: 0 0 10px 0;}
.pro-ticle .detail h2{margin: 25px 0 0 0;}
.pro-ticle .detail ul{border: none;padding: 5px 0 0 0;font-size: 0px;
	margin: 0 0 15px 0;}
.pro-ticle .detail ul li,.haspadding li {width: 100%;padding: 0;border: 1px dashed #dbdbdb;margin: 15px 0 0 0;}

.pro-ticle .detail ul li p{border: none;text-align: left;padding: 40px 0 8px 0;font-size: 22px;color: #333;font-weight: 500;}
.pro-ticle .detail ul li span{padding: 0px 0 30px 0;display: block;font-size: 16px;line-height: 26px;
	color: #333;margin: 0;}
.pro-parameter table tr td img{display: inline-block;
}
.pro-parameter table tr td:first-child{font-size: 16px;color:#FF9609;vertical-align: top;line-height: 30px;
	font-weight: 500;padding-right: 10px;}
.pro-parameter table tr td:first-child+td{font-size: 14px;}

.tab-pro{margin:35px 0 30px 0 !important}
.tab-pro h3{font-size: 22px;
color: #333;
font-weight: 500;
display: block;
 
padding: 0 0 5px 0;
 
font-family: "msyh";}
.tab-pro strong{font-size: 24px;color: #333;font-weight: 500;}
.tab-pro .nav-tabs{border: none;margin: 20px 0 15px 0;overflow: hidden;}
.tab-pro .nav-tabs li a{color: #666;font-weight: 500;font-size: 16px;}
.tab-pro .nav-tabs > li.active > a, .tab-pro .nav-tabs > li.active > a:hover,
.tab-pro .nav-tabs > li.active > a:focus{border: 1px solid transparent;border-bottom: 1px solid #1168ab;color: #1168ab;
	}
.tab-pro .nav-tabs li{float: none;display: inline-block;margin: 10px 15px}
.tab-pro .swiper-container{width: 90% !important;}
.tab-pro .tab-content a p{font-size: 15px;color: #333;margin: 15px 5px;text-align: left;}
.tab-pro .tab-content a:hover p{color: #1168ab;}
.tab-pro .tab-content .swiper-button-next,
.tab-pro .tab-content .swiper-button-prev{background: #fff;font-size: 30px;color: #1168ab;}
.tab-pro .nav-tabs li a span{transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;font-size: 30px;
	-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;color: #666;display: block;
	margin: 0 0 15px 0;}
.tab-pro .nav-tabs > li.active > a span, .tab-pro .nav-tabs > li.active > a:hover span,
.tab-pro .nav-tabs > li.active > a:focus span{transform: rotate(360deg) scale(1.2);-webkit-transform: rotate(360deg) scale(1.2);
    -moz-transform: rotate(360deg) scale(1.2);-o-transform: rotate(360deg) scale(1.2);
    -ms-transform: rotate(360deg) scale(1.2);color: #1168ab;}

.proart-vi{background: #F5F5F5;padding: 60px 0;margin: 0 0 30px 0;}
.proart-vi .carousel-control.left{left: -118px;}
.proart-vi .fa-angle-left{top: 45%;position: absolute;font-size: 50px;color: #999;}
.proart-vi .carousel-control.right{right: -118px;}
.proart-vi .fa-angle-right{top: 45%;position: absolute;font-size: 50px;color: #999;}
.proart-vi .ratio-content{margin: 0;}
.epilog-proart ul.anchor{list-style: none;margin: 0;padding: 0;}
.epilog-proart ul.anchor li{margin: 0 0 2px 0;}
.epilog-proart ul.anchor li a{display: block;background-color: #F5F5F5;font-size: 16px;padding: 12px 15px;
	color: #333;}
.epilog-proart ul.anchor li:first-child a{color: #fff;background-color: #999;font-weight: 600;}
.tab-pro .tab-content .swiper-slide img {padding: 0 15px}
/* application-list */
.appliul{width: 90%;
margin: 0 auto;
float: none;}
.appliul ul{list-style: none;margin: 0;padding: 0;}
.appliul ul li{border: 1px solid #dbdbdb;margin: 30px 0 0 0;border-radius: 5px;}
.appliul ul li:last-child{margin: 30px 0 30px 0;}
.appliul ul li span.date{color: #1168ab;font-size: 16px;}
.appliul ul li h3{color: #333;display: block;font-size: 24px;font-weight: 500;margin:30px 0 10px 0;}
.appliul ul li p{font-size: 16px;color: #666;line-height: 22px;margin: 0 20px 20px 0;}
.appliul ul li ol{list-style: none;margin: 0;padding: 0;text-align: right;margin-top: 70px;
margin-right: 50px;}
.appliul ul li ol li{margin: 0;padding: 0;display: inline-block;border: none;}
.appliul ul li ol li a{background: #ff9609;color: #fff;display: block;padding: 5px 8px;border: 1px solid #ff9609;
    font-weight:  500;font-size: 14px;width145px;text-align: center;border-radius: 6px;}
.appliul ul li ol li:last-child{margin: 0 0 0 15px;}
.appliul ul li ol li:last-child a{background: none;border: 1px solid #5098f7;color: #5098f7;}
.appliul ul li ol li:last-child a:hover{background: #5098f7;color: #fff;}
.apptitle{padding-bottom: 100px;
padding-top: 40px;}

/* application-article */
.applica{margin: 30px 0 10px 0;}
.applica ul{ border-radius: 5px;list-style: none;}
.applica ul li{margin: 0 0 35px 0;}
.applica ul li h2{font-size: 28px;
margin-bottom: 40px;
text-align: center;}
.applica ul li img{ max-width:100%;}
.applica ul li h3{ font-size:20px;}
.applica ul h5{margin: 0;padding: 0;font-size: 24px;color: #333;text-align: center;margin: 10px 0 40px 0;}
.applica ul span{font-size: 16px;color: #1168ab;display: block;text-align: center;margin: 10px 0 20px 0;}
.applica ul p{font-size: 16px; line-height: 24px;}
.applica .appca-img{text-align: center;}
.applica .appca-img img{padding: 5px;width: 33%;}
.app-ticle{margin: 0 0 30px 0;}
.appli-video-box{background-color: #f5f5f5;padding: 80px 0; margin:0;}
.appli-video-box .appli-video{ margin: 0 auto; float: none;}
.appli-video-box .appli-video h5{font-size: 26px;margin-bottom: 60px;text-align: center;}
.applica .appli-content-left {padding-left:50px; margin-bottom:60px;}
.applica .appli-content {margin-top：80px;}
.applica .appli-content-video{margin: 0 0 20px 0;}
/* blog */
.blog-list{border: 1px solid #ededed; border-radius: 10px;}
.blog-list .row{font-size: 0px;}
.blog-list .row .col-lg-4{float: none;display: inline-block;vertical-align: top;}
 
.bl-img{margin: 40px 0 0 0;}
.bl-page{border-top: 3px solid #f4b942;}
.bl-page a{display: block;border: 1px solid #dbdbdb;padding: 0px 20px 30px 20px;}
.bl-page a:hover{box-shadow: #dbdbdb 0px 2px 8px 0px;}
.bl-page a p{color: #999;font-size: 14px;margin: 30px 0 0 0;}
.bl-page a h5{font-size: 20px;color: #1168ab;margin: 10px 0 10px 0;line-height: 24px;}
.bl-page a span{display: block;font-size: 14px;color: #666;line-height: 22px;margin: 10px 0 0 0;}

/* blog-article */
/* blog-article-pro-list*/
.blog-list {	border-bottom: 1px #f0f0f0 solid;	padding: 15px 0; }
.blog-list-font {	padding-left: 20px;}
.blog-list-font  p{color: #444; margin: 10px;}
.blog-list-font h4 a {	font-size: 22px;}
.blog-ar .log-page .blog-list-font a {	color: #fff; }
.blog-list-font .btn {	display: block;	background:#4873a6;	border: none;	border-radius: 5px;	width: 105px;	text-align: center;	margin-top: 10px;}
.blog-list-font a.btn{ font-size:16px;}
.blog-list-font .btn:hover {	background: #10298e;}
.blog-ar{margin: 0 0 15px 0;}
.blog-ar img { padding:10px 0; max-width: 100%; margin:0 auto; display:block;}
.blog-ar .log-page{ padding: 30px 30px; font-family: "Myriad-Set-Pro-Thin"; font-size:18px;	}
.blog-ar .log-page h1,.blog-ar .log-page h2,.blog-ar .log-page h3,.blog-ar .log-page h4 {font-family: "sf-pro-display_regular"; margin-top:70px;	}
.blog-ar .log-page h2{color:#333333; font-size:28px; padding-bottom: 15px; position: relative; border-bottom: 1px solid #ededed;margin-bottom: 30px; }
.blog-ar .log-page p,.blog-ar .log-page	span {font-family: "Myriad-Set-Pro-Thin";		}
.blog-ar .log-page ul,.blog-ar .log-page ol{ padding-left:25px;}
.blog-ar .log-page h1{font-size: 28px;color: #333;text-align: center;}
.blog-ar .log-page h3 {	font-size: 22px;margin-top:40px; margin-bottom:0; color:#333333;}
.blog-ar .log-page h4 {	font-size: 20px;margin-top:30px;}
.log-page p {	margin: 5px 0 15px 0;	line-height: 1.8;}
.blog-ar .log-page li{margin: 15px 0;}
.blog-ar .log-page a{color: #23527c;}
.blog-ar .log-page time{display: block;text-align: right;color: #999;font-size: 16px;margin-bottom: 10px;}
.blog-ar .log-page time i{margin: 10px 6px 15px 0;}
.blog-ar .log-page em{text-align: center;font-size: 12px;font-style: italic;display: block;margin-bottom: 5px;}
img{ max-width:100%;}
.blog-ar .log-page .row .row{ border-bottom: 1px #f0f0f0 solid;padding: 15px 0;margin-bottom: 30px;}
.blog-ar .log-page .row .row p a{ color:#444;}
.log-page table{width: 100%;margin-top: 25px;	margin-bottom: 25px;}
.log-page  tr:nth-child(odd){background: #f8f8f8;}
.log-page  td{font-size: 16px;padding: 8px 2%;border: 1px solid #ebebeb;border-left: none;border-top: none;}
.log-page  tr:first-child th, .log-page tr:first-child td{border: 1px solid #ebebeb;}
.log-page  tr th:first-child, .log-page tr td:first-child{border: 1px solid #ebebeb;}

.log-page thead tr:nth-child(odd) {background: #eee;text-shadow: 0px 0px 4px #666;}

.log-page .img-with-span-title-in-p {text-align: center;}
.log-page .img-with-span-title-in-p img {margin:4px auto;display: block;max-width: 100%; height: auto; vertical-align: middle;} 
.log-page .img-with-span-title-in-p span, .log-page .img-with-span-title-in-p em {font-size:12px;font-style:italic;}
.log-page h2 strong {display: inline !important;}
.log-page h3 strong {display: inline !important;}
.log-page li strong {display: inline !important;}
.log-page .quick-link {}
.log-page .quick-link span{padding-right:10px;padding-left:10px;font-size:14px;font-style: italic;}
.log-page .quick-link span a {font-size:14px;color:#666;}
.log-page span.quick-link {padding-right:10px;padding-left:10px;font-size:14px;font-style: italic;}
.log-page span.quick-link a{font-size:14px;color:#666;}
.log-page p.single-link a{color:#666;padding-right:10px;padding-left:10px;}
.log-page p.single-link span{color:#666;padding-right:10px;padding-left:10px;}
.log-page span.single-link a,.log-page em.single-link a{color:#666;padding-right:10px;padding-left:10px;}

.log-page .fontsize14 {font-size: 14px;}
.log-page .fontsize16 {font-size: 16px;}
.log-page .ssmall {font-size: 65%;}
.blog-ar .log-page .font{font-size: 18px;color: #666;line-height: 26px;}
.blog-ar .log-page .font strong{ margin: 15px 0 5px 0;}
.blog-sidebar {background-color: #f5f5f5;margin-top: 40px;padding: 10px 15px 0 15px; z-index:99;}
.ug-sidebar{margin-top: 20px;background: none; padding-top:0;}
.ug-sidebar h3{margin-top: 0;}
.blog-sidebar .bar-blog{padding:10px 0;}
.blog-sidebar .bar-blog li{ list-style: none;clear: both;background-color: #fff;padding: 15px;margin-bottom: 15px;}
.blog-sidebar .bar-blog li time{display: block;color: #999;font-size: 14px; }
.blog-sidebar .bar-blog li time i{ padding-right: 5px;padding-bottom: 5px;}
.blog-side-img{float: left;width: 40%;padding-right: 10px;}
.blog-side-img img{max-width: 100%;margin: 0;padding: 0;}
.blog-side-text a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.preNext{border-top: 1px solid #dedede;margin: 30px 0 0 0;}
.blog-sidebar .bar-blog li p{margin: 0;}
.blog-sidebar .bar-blog li a{color: #333;font-size: 14px; font-family: "Myriad-Set-Pro-Thin";}
.blog-sidebar .bar-blog li a:hover{color: #337ab7;}
.blog-contact-list{background: #f5f5f5;padding: 20px;border-top: 1px #a4a4a4 solid; }
.blog-contact-list li a{color:#333;display: inline-block;
font-size: 16px; list-style: none;margin: 5px;}
.blog-contact-list li i{margin-right: 5px;color: #0098d6;}
.blog-contact-list li {background: none;padding: 2px 0;list-style: none;}
.blog-contact-list li div{padding: 5px 0;background:#5098f7;border-radius: 5px;margin: 0 15px;text-align: center; cursor: pointer;}
.blog-contact-list li div a{color: #fff;} 
.blog-contact-list li div a span{margin-right: 10px;}
.preNext .text{color: #999;margin: 30px 0 0 0;padding: 0;list-style: none;}
.preNext ul li.leftitem{margin: 0 30px 15px 0;}
.preNext ul li{display: inline-block;padding:8px;font-size: 14px;border: 1px solid #ddd;}
.preNext ul li a{font-size: 16px;color: #333;}
.preNext ul li.leftitem a{color: #1168ab;}
.preNext ul li a i{color: #555;margin-right: 5px;}
/* pagination */
.pagination{margin:0;;text-align: center;}
.pagination a{border: 1px solid #ddd;font-size: 14px;color: #333;text-align: center;padding: 8px 15px;  margin: 40px 2px;display: inline-block;}
.pagination a:hover{background: #999;color: #fff;}
.pagination a.record:hover{background: none;color: #333;}
.pagination b{border: 1px solid #ddd;font-size: 14px;color: #333;text-align: center;padding: 8px 15px;
  margin: 4px 2px;}
.pagination a b{border: none;}

/*User Guide*/
.ug-list{background: #EAEDF2;
padding: 15px 0;}
.ug-r-content{background-color: #fff; 
margin-top: 25px;}
.ug-r-content h5{font-size: 18px;line-height: 1.5;
color: #333;
font-weight: normal;}
.ug-r-content p {
    font-size: 16px;
    color: #999;
    line-height: 2.1rem;
}
.ug-r-content time {
    font-size: 14px;
    color: #999;
    display: block;
}
.ug-r-content .ug-list-box span {
    font-size: 14px;
    color: #1168ab;
    text-align: right;
    display: block;
}
.ug-r-content a:hover h5{color: #1168ab;}
.ug-r-content .row {
    background: #fff;
     padding: 30px 20px 0 20px;
}
.ug-sidebar .bar-blog li,.ug-contact-list{background-color: #fff; }
.ug-content{background: #EAEDF2; }
.ug-content .listpro .col-lg-3 a h4{background: none;  padding:0;}
.ug-content .listpro .col-lg-3 a img {
    border: none;
    padding: 0;
}
.ug-content .log-page{background-color: #fff;margin: 30px 0 20px 0; 
padding: 30px 30px; }
.ug-content .log-page h5{font-size: 24px;
color: #333;margin-bottom: 50px;
text-align: center;}
.ug-content .log-page time {
    display: block;
    text-align: right;
    color: #999;
    font-size: 16px;margin-bottom: 30px;
}
.ug-content .log-page ul li{    list-style: none;
}
.ug-content .log-page .onclick{font-size: 14px;color: #f5f5f5;text-align: right;display: block;margin-bottom: 30px;}
.ug-content .log-page .blogiframe ul{    margin: 0;    padding: 0;}
.ug-content img{max-width: 100%;}
.ug-tag-box{margin-bottom: 30px;}
.ug-tag-box ul{padding: 0;
margin-top: 20px;}
.ug-tag-box .ug-tag-list li{list-style: none;
background: #fff;
display: inline-block;
padding: 2px 15px;
margin: 8px 0;
border-radius: 11px; }
.ug-tag-list li a span {
    color: #999;
    font-size: 12px;
    padding-left: 3px;
}
.ug-tag-list li a { color: #666;}
.ug-tag-list li:hover{ background: #0b2989;}
.ug-tag-list li:hover a{color: #fff;}
.ug-tag-list li:hover span{color: #fff;}
/*Video of Stone CNC*/
.vi-stone {
    background: #EAEDF2;
    padding: 30px 0;
}
.vi-stone .page .row:first-child {
    border-top: none;
}
.vi-stone .page .row {
    background: #fff;
    width: 100%;
    padding: 30px 20px 30px 15px;
    border-top: 6px solid #EAEDF2; margin:0;
}
.vi-stone h5{font-size: 20px; margin-bottom:15px;}

/* testimonals */
.testi{background: #EAEDF2;padding: 30px 0;}
.testi .page .row{background: #fff;width: 100%;padding: 30px 20px 30px 15px;border-top: 6px solid #EAEDF2;}
.testi .page .row:first-child{border-top: none;}
.testi .page .row:last-child{border-top: none;}
.testi .page i{font-size: 55px;color: #BBC9D2;}
.testi .page h5{font-size: 18px;color: #333;font-weight: normal;margin: 0;padding-bottom: 10px;
  border-bottom: 1px solid #EAEDF2;}
.testi .page .row:hover h5{color: #1168ab;}
.testi .page h5 time{font-size: 14px;color: #999;float: right;}
.testi .page p{font-size: 16px;color: #666;line-height: 2.1rem;margin: 10px 0 0 0;}
.testimonialswrap img {max-width: 100%;}
/* about */
.a-number .container{width: 100%;}
.a-number .container .col-lg-3:nth-child(odd){background: #E3EBEC;}
.a-number .container .col-lg-3{padding: 65px 0;}
.a-number .container .col-lg-3 p{font-family: sfpro ,"Arial",sans-serif;font-size: 36px;color: #333;margin: 0 0 10px 0;}
.a-number .container .col-lg-3 span{font-size: 24px;color: #333;display: block;margin: 0;}
.a-us{padding: 50px 0;}
.a-us strong{display: block;font-family: sfpro ,"Arial",sans-serif;font-size: 36px;color: #333;margin: 0 0 35px 0;font-weight: normal;}
.a-us span{font-size: 18px;color: #333;line-height: 2.5rem;margin: 30px 0 0 0;display: block;}
.a-cul{background: #1168ab;padding: 50px 0;}
.a-cul .container{width: 100%;padding: 0 50px;}
.a-cul strong{display: block;font-family: sfpro ,"Arial",sans-serif;font-size: 36px;color: #fff;margin: 0 0 30px 0;
  font-weight: normal;}
.a-cul .a-ture{border: 1px solid #fff;padding: 65px 30px;}
.a-cul .a-ture p{font-size: 22px;font-family: sfpro ,"Arial",sans-serif;color: #fff;margin: 0;}
.a-cul .a-ture span{font-size: 18px;color: #fff;display: block;margin: 20px 0 65px 0;line-height: 2.5rem;}
.a-cul .a-ture img{margin: 0 auto;}
.a-team{background: #EAEDF2;padding: 50px 0;}
.a-team .row{background: #fff;padding: 30px 15px 0px 15px;}
.a-team strong{display: block;font-family: sfpro ,"Arial",sans-serif;font-size: 36px;color: #333;margin: 0 0 35px 0;font-weight: normal;}
.a-team span{font-size: 18px;color: #333;line-height: 2.5rem;display: block;margin: 30px 0 30px 0;}
.a-team .col-lg-4{margin-bottom: 30px;}
.a-certifi{padding: 50px 0;}
.a-certifi strong{display: block;font-family: sfpro ,"Arial",sans-serif;font-size: 36px;color: #333;margin: 0;font-weight: normal;}
.a-certifi span{font-size: 18px;color: #333;line-height: 2.5rem;display: block;margin: 15px 0 30px 0;}
.a-certifi span a{background: #1168ab;color: #fff;display: inline-block;padding: 2px 10px;border-radius: 6px;}
.a-pay{background: #EAEDF2;padding: 50px 0;}
.a-pay strong{display: block;font-family: sfpro ,"Arial",sans-serif;font-size: 36px;color: #333;margin: 0;font-weight: normal;}
.a-ment{background: #fff;margin: 30px 0 0 0;padding: 50px 30px;}
.a-ment a{display: block;}
.a-ment a p{font-size: 22px;font-family: sfpro ,"Arial",sans-serif;color: #333;}
.a-ment a span{font-size: 18px;color: #333;line-height: 2.5rem;}
.a-ment:hover{box-shadow: #bbb 0px 1px 16px 0px;border-right: 2px solid #1168ab;}

/* honor */
.honor{padding: 50px 0 30px 0;background: #EAEDF2;}
.honor .row{font-size: 0;}
.honor .col-lg-4, .honor .col-lg-2{float: none;display: inline-block;vertical-align: top;}
.honor .col-lg-4 p{font-size: 18px;color: #333;margin: 15px 0 30px 0;line-height: 28px;}
.honor .col-lg-2 p{font-size: 18px;color: #333;margin: 15px 0 30px 0;line-height: 28px;}
.honor .col-lg-2 span{display: block;font-size: 14px;color: #666;}

/* service */
.service{background: #EAEDF2;padding: 0 0 15px 0;}
.service .container{width: 100%;}
.service .col-lg-6{padding: 15px 0 0 0;}
.service .carousel-caption{top: 25%;left: 0;text-align: left;bottom: auto;}
.service .carousel-caption strong{font-family: sfpro ,"Arial",sans-serif;font-size: 25px;color: #fff;margin: 0 0 0 15%;
  font-weight: normal;}
.service .post_author_timeline{width: 300px;height: 100%;z-index: 1;border-top-width: 1px;border-top-style: solid;
  border-top-color: #ccc;margin: 15px 0 20px 0;}
.service .carousel-caption p{font-size: 18px;color: #fff;line-height: 2.5rem;margin: 0 0 0 15%;}
.service .page{padding: 3% 3%;}
.service .page strong{font-family: sfpro ,"Arial",sans-serif;font-size: 25px;font-weight: normal;color: #333;text-align: center;}
.service .page p{font-size: 18px;color: #333;line-height: 2.5rem;margin: 15px 0 30px 0;}
.service .page span{display: block;font-size: 18px;color: #333;line-height: 2.5rem;}
.service .page span i{color: #8FB440;margin-right: 8px;}

/* faq */
.faq{background: #EAEDF2;padding: 30px 0 20px 0;}
.faq .page{padding-right: 30px;}
.faq .panel-group{padding: 30px;background: #fff;}
.faq .panel-group .panel{margin-bottom: 20px;border:0;border-radius: 0;box-shadow: none;border-bottom: 1px solid #dbdbdb;}
.faq .panel-default>.panel-heading{background: #f5f5f5;}
.faq .collapse.in{background#f5f5f5;}
.faq h4.panel-title a{display: block;text-decoration: none;font-size: 18px;}
.faq h4.panel-title a span{font-size: 16px;color: #999;margin-right: 5px;}
.faq .panel-group .panel-heading + .panel-collapse > .panel-body {font-size: 16px;color:#666;line-height: 2.6rem;border-top: 0;}
.faq .panel-title{font-weight: bold;}
/* manuals */
.manual {background: #EAEDF2;padding: 30px 0;}
.manual .manual-title {	margin: 0 0 40px 0;text-align: center;}
.manual .manual-title h2 {color: #10298e;font-family: sfpro, "Arial", sans-serif;font-weight: normal;font-size: 22px;}
.manual .manual-list-box {margin: 0 0 30px 0;padding: 25px 0px;	background-color: #fff;}
.manual .manual-list-box .row {margin: 0 15px;}
.manual .manual-list-box .manual-list-ico { text-align:center; }
.manual .manual-list-box .manual-list-ico i{ font-size:60px;text-align:center;}
.manual .manual-list-box .manual-list-font h6 {font-size: 18px;	color: #666;}
.manual .manual-list-box .manual-list-font span {display: block;margin: 10px 0;	color: #666;}
.manual .manual-list-box .manual-list-btn {	border-top: 1px dotted #999;text-align: right;padding-top: 20px;padding-right: 40px;width: 90%;	margin: 0 auto;}
.manual .manual-list-box .manual-list-btn button {background-color: #1168ab;border: none;padding: 5px 15px;	border-radius: 4px;}
.manual .manual-list-box .manual-list-btn a {	color: #fff;}
.manual .manual-list-box .manual-list-btn i{ margin-left:10px;}

/* search */
.inquiry{background: #EAEDF2;font-size: 0;}
.inquiry .col-lg-3{float: none;display: inline-block;vertical-align: top;}
.s-bar form {box-shadow: 0px 1px 10px 1px #bbb;margin: 50px auto 30px auto;width: 100%;background: #fff;}
.s-bar form #keyboard{border: 0;padding: 10px 15px;width: 95%;font-size: 18px;color: #333;}
.s-bar form label{position: relative;width: 5%;margin: 0;}
.s-bar form #search_bar{color: #fff;background: #fff;border: none;padding: 10px 0;width: 100%;}
.s-bar form label span{top: 30%;right: 0;bottom: 0;left: 12%;font-size: 18px;color: #999;}
.s-bar p{font-size: 16px;color: #333;margin: 0 0 50px 0;}
.inquiry .list a{display: block;}
.inquiry .list a p{font-size: 16px;line-height: 2.1rem;margin: 15px 0 30px 0;color: #333;}
.inquiry .list a:hover img{box-shadow: 0px 1px 10px 1px #bbb;}
.inquiry .list a:hover p{color: #1168ab;}
.inquiry .pagination{margin: 40px 0 50px 0;}
.form-inline .input-group{ display:inline-block;}

/* contact */
.c-ly{background: #EAEDF2;padding: 0 0 50px 0;}
.c-ly p{font-size: 30px;font-family: sfpro ,"Arial",sans-serif;color: #333;background: #fff;text-align: center;margin: 0;
  padding: 30px 0 15px 0;}
.c-ly form{padding: 0;font-size: 0;padding: 0 30px 50px 30px;background: #fff;}
.c-ly label{width: 100%;margin: 0 0 20px 0;font-size: 14px;color: #999;padding: 0;position: relative;}
.c-ly input[type="text"]{width: 100%;padding: 10px 10px;margin-top: 15px;border: 1px solid #eee;background: #F5F6F8;}
.c-ly input[type='submit']{background-color: #1168ab;color: #ffffff;font-size: 16px;padding: 10px 0;width: 100%;border:none;font-family: sfpro ,"Arial",sans-serif;border-radius: 2px;}
.c-ly form label:nth-child(9){padding: 0;}
.c-ly form label:nth-child(10){width: 100%;padding: 0;}
.c-ly textarea{width: 100%;margin-top: 15px;max-height: 200px;border: 1px solid #eee;background: #F5F6F8;
  padding: 10px 10px;}
.c-ly span{margin-top: 15px;display: block;text-align: center;font-size: 16px;}
.form-control-feedback{top: 12px;right: 20px;}
.con-page{padding: 50px 0;border-bottom: 1px solid #ddd;}
.con-page h6{font-size: 24px;color: #333;font-weight: normal;margin: 20px 0;}
.con-page span{display: block;font-size: 16px;color: #333;line-height: 3.2rem;}
.con-map{padding: 50px 0;}
.i4ewOd-pzNkMb-haAclf{background-color: rgb(17,104,171);}
 


/***/
.ajax-loader {
    visibility: hidden;
    displayinline-block;
    background-image: url('../gif/ajax-loader.gif');
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

.is-active {visibility: visible;}

/***/
.zzstatics {background:#17447f;display: none;}
.zzstatics a{color:#37383C;}
/* 404 */
.errorhead{background: #f5f5f5;padding: 35px 0;border: 1px dashed #ddd;}
.errorhead .zero-level h6{font-size: 32px;color: #454545;font-family: sfpro ,"Arial",sans-serif;margin: 0;}
.errorhead .zero-level p{font-size: 20px;color: #666;margin: 15px 0 0 0;}
.error{margin: 35px 0;}
.error .one-level{margin: 10px 0 30px 0;padding: 0 0 20px 0;border-bottom:1px dashed #ddd;}
.error .one-level a{font-size: 24px;color: #333;font-family: sfpro ,"Arial",sans-serif;}
.error .one-level h6:hover a{color: #1168ab;}
.error .one-level p{font-size: 18px;color: #666;line-height: 28px;}
.error .error-page .two-level{margin: 0 0 10px 0;padding: 0 0 15px 0;border-bottom:1px dashed #ddd;}
.error .error-page h6{margin: 0 0 10px 0;font-size: 20px;color: #1168ab;font-family: sfpro ,"Arial",sans-serif;}
.error .error-page ul{list-style: none;padding: 0;margin: 0;}
.error .error-page ul li{font-size: 18px;color: #333;line-height: 26px;}
.error .error-page ul li a{font-size: 16px;color: #333;line-height: 26px;}
.error .error-page ul li:hover a{color: #1168ab;}
.error .error-page .three-level{margin-top: 25px;}
@media screen and (max-width: 1440px){
.pro-list-box .pro-list-left ul li .pro-list-font button{margin-top:0;}	
.pro-list-right .slider-list .slider-title{margin: 0 35px;}	
.pro-list-right .slider-list .slider-app-list li{margin: 0 25px;}
.pro-list-box .pro-list-left ul li .pro-list-font a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
	}
@media screen and (max-width: 1028px){	
	.pro-list-box .pro-list-left .click li{padding: 5px 15px;}
	.pro-list-box .pro-list-left ul li .pro-list-font a{-webkit-line-clamp: 10;}
	
	}
@media screen and (min-width: 992px) and (max-width: 1440px) {
	.navbar-nav li a{padding: 10px 15px;}
	.h-pro{margin: 30px 0;}
	.h-pro .nav-tabs{margin: 5px 0 30px 0;}
	.h-pro .nav-tabs li a{font-size: 14px;padding: 5px 0;}
	.h-pro .tab-content a{padding: 0 0 15px 0;}
	.h-pro .tab-content a h6{font-size: 16px;padding: 10px 20px 5px 20px;}
	.h-pro .tab-content a p{display: none;}
	.h-pro .tab-content a hr{display: none;}
	.h-appli{padding: 30px 0;}
	.h-appli .title hr{margin: 0 auto 30px auto;}
	.h-appli .nav li a{padding: 6px 15px;}
	.h-appli .more p{margin: 30px 0 0 0;}
	.foot_content .ft-about p{margin: 0 60px 15px 0;line-height: 1.6;}
	.appliul{width: 100%;}
	.appliul ul li ol{margin-top: 35px;}
 
.blog-sidebar .bar-blog li{padding: 0;}
.blog-side-text{padding: 10px;}

}
@media screen and (min-width: 992px){
	.nav-logo img{max-width: 100%;}
	/**超级菜单**/
	.bigmenu >li {display: inline-block;vertical-align: top;width: 16%;}
	.bigmenu ul {list-style: none;padding-left: 0;}
	.bigmenu ul li a {padding: 3px 20px;display: block;color: #333;}
	.bigmenu ul li a:hover {color: #262626;text-decoration: none;background-color: #f5f5f5;}
	.bigmenu2 > li {display: inline-block;vertical-align: top;width: 24%;}
	.bigmenu3 > li {display: inline-block;vertical-align: top;width: 32%;}
	.dropdown-menu ul li a::before{content:"- ";}
	/*行高*/		
	.dropdown-menu > li > a
	.dropdown-menu li a,.bigmenu ul li a {padding: 4px 10px;line-height: 1.714;font-size: 14px;}
	body .bigmenu {padding-left:8px;}
	.bigmenu > li > a{border-bottom: 1px solid #eee;}
	.dropdown-menu > li > a {border-bottom: 1px solid #eee;padding: 8px 10px;font-size: 16px;}
	.nav > li > ul.nav-appli li li a{padding: 8px 10px;font-size: 14px;display: block;}
	.nav > li > ul.nav-appli li li:hover a{background: #f5f5f5;}
	/*nav微调*/ 
	.navbar>.container {padding-left:0;padding-top:16px;} 
	.navbar>.container .navbar-header{padding-left:0;} 
	#bs-example-navbar-collapse-2 {padding-left:0;padding-right: 0;}
	/*产品大图*/
	/* .p-pic{box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1);} */
	.p-pic{margin-bottom: 30px;}
	.p-pic img{box-shadow 0 2px 15px 1px #dbdbdb;}
	/* 导航与logo间距 以及 固定头部的css */
	#bs-example-navbar-collapse-2{margin: 20px 0 0 0;padding-left: 55px}
	.nav-body {margin: 0;border-top: 1px solid #dbdbdb;}
	.nav-body-fixed {border-bottom: 1px solid gray;position: fixed;top: 0;width: 100%;background-color: #fff;margin-top: 4px;}
	.sj-navbar{display: none;}
    .com-list .col-lg-7{padding-left: 0;}
	.pro-ticle .detail ul li .col-lg-6:first-child{padding: 0 0 0 15px;}
	.pro-ticle .detail ul li .col-lg-6:last-child{padding: 0 15px 0 0;}
	.proart-button{display: block;}
    .artvi-button{display: none;}
    .com-list .col-lg-7{padding-left: 0;}	
	.h-appli .tab-content{padding: 15px 15px 0 35px;}
	.h-art-list{padding: 0 15px 0 35px;}
	.pro-ticle .detail ul li .col-lg-6:first-child{padding: 0 0 0 15px;}
	.pro-ticle .detail ul li .col-lg-6:last-child{padding: 0 15px 0 0;}
	.pro-art .col-lg-7{padding: 0 35px 0 15px;}
	.epilog-proart .col-lg-9{padding: 0 15px 0 35px;}
/**changwenzhang tupian xiankuan*/
.log-page .maximg-1200 img {max-width: 1200px;}
.log-page .maximg-1000 img {max-width: 1000px;}
.log-page .maximg-800 img {max-width: 800px;}
.log-page .maximg-700 img {max-width: 700px;}
.log-page .maximg-600 img {max-width: 600px;}
/**changwenzhang tupian xiankuan*/
}
@media only screen and (max-width: 991px){
	
	.head-con{display: none;}
	.sj-navbar{border: none;background: none;}
	/** 下拉 手机端样式调整 **/
	.nav > li > a, .dropdown-menu li a,.bigmenu ul li a {border-bottom: 1px solid #ebebeb;line-height: 1.3em;height: auto;color: #333;display: block;padding: 8px 20px;} 
	.nav > li > a {font-weight:bold;text-align: left;}
	.dropdown-menu > li > a{padding-left:35px;}
	.dropdown-menu > li > a::before {content: '- ';}
	.nav > li > ul.nav-appli li li a{padding-left:50px;}
	.nav li ul.nav-appli li li a::before {content: '-- ';}
	.bigmenu ul li a{padding-left:50px;}
	.bigmenu ul li a::before {content: '-- ';}
	.nav .caret {display: none;}
	.navbar-nav .dropdown-menu {list-style: none;border: none;position: static;float: none;padding-left:0;margin: 0;
		-webkit-box-shadow: unset;box-shadow: unset;}
	.display-show {display: block;}
	.navbar-nav a {font-size: 16px;}
	.searchicon.navbar-right {display: none;}
	#bs-example-navbar-collapse-2{position: relative;z-index: 99;width:100%;padding: 0;}
	.searchicon {padding-bottom: 3px;}
	.navbar-nav {background-color:#fff;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.6);border-radius: 10px;}
	.social-box ul li.social-link-vk{display: none;}
	.social-box ul li.social-link-instagram{display: none;}
	.social-box ul li.social-link-crunchbase{display: none;}
	.carousel-control .fa-angle-left, .carousel-control .fa-angle-right{top: 25%;}
	.h-pro{margin: 35px 0;}
	.h-pro .nav-tabs li{width: 32%;margin: 0 0 5px 0;}
	.h-pro .nav-tabs li a{font-size: 14px;}
	.h-pro li a span img{display: none;}
	.h-pro .tab-content a h6{font-size: 16px;padding: 10px 20px 8px 20px;}
	.h-pro .tab-content .swiper-button-next, .h-pro .tab-content .swiper-button-prev{font-size: 40px;width: 35px;
		line-height: 2.0;}
	.h-appli{padding: 35px 0;}
	.h-appli .nav li a{padding: 8px 0;font-size: 16px;}
	.h-appli .nav li a span{display: block;line-height: 0.8;padding: 0;}
	.h-appli .tab-content .col-lg-4:nth-child(3){display: none;}
	.h-appli .tab-content p{font-size: 14px;line-height: 1.4;}
	.h-appli .tab-content .col-lg-4:nth-child(2) img{margin: 5px 0 0 0;}
	.top_content{margin: 35px 0;}
	.h-art-page{margin: 0 0 15px 0;}
	.h-art-list ul li a span{float: none;display: block;}
    .swiper-container{width: 92% !important;}
    .small-pic{margin: 0 0 30px 0;}
    .art-videopage p{padding: 15px 30px;}
    .click li{padding: 10px 10px;}
    .proart-button{display: none;}
    .artvi-button{display: block;}
    .pro-art .button{margin: 0;}
    .tab-pro .nav-tabs li a span{display: none;}
    .appliul ul li ol li:last-child{margin: 0;}
    .foot_content{padding: 35px 0;}
    .foot_content h2{margin: 0 0 15px 0;}
    .foot_content .ft-blog{display: none;}
    .foot_content .ft-link{display: none;}
    .foot_content .ft-about p{margin: 0;}
    .foot_content .ft-contact{margin: 30px 0 0 0;}
.blog-sidebar .bar-blog li{width: 49%;display: inline-block;padding: 15px 15px 0 15px;}
.blog-side-img{margin-bottom: 15px;}
    .atccom .atcment {margin-left: -15px;}
    .atccom .atcment .col-xs-2{padding-right:0;padding-left:0;}
	.pro-parameter table tr td:first-child {line-height:16px;vertical-align:middle;}
	.pro-parameter table tr td {border-bottom:1px solid #eee;}
}
@media screen and (min-width: 992px) and (max-width: 1299px) {
	#bs-example-navbar-collapse-2{   margin: 10px 0 0 0;
    padding-left: 0px;}
	.navbar-nav li a{padding: 10px 8px;font-size: 14px;}
	.navbar-nav >li >a{padding: 10px 8px;font-size: 16px;}
	.searchform input{width: 74%;}
	.searchform .form-inline{margin: 25px 0 0 0;}
.blog-contact-list li div{margin: 0;}
.h-art-list ul li a span{display: none;}
.appliul ul li ol{ margin-top:30px;}
.tab-pro .nav-tabs li{ margin:0;}
}
@media (max-width: 1028px){
.manual .manual-list-box{text-align: center;}	
.manual .manual-list-box .manual-list-ico i {
    font-size: 50px;}
.manual .manual-list-box .manual-list-btn{text-align: center;padding-right: 0;}
.manual .manual-list-box .manual-list-font{padding-top: 10px;}
.applica .appca-img img{ width: 32%;}
.blog-side-img img{ margin-top:18px;}
.fixednav {
    width: 234px;
}
	}
@media (max-width: 768px){
. cnc-parts-no-css .img-responsive{width: 100%;}
.blog-contact-title {clear: both; margin-top:15px}
.blog-side-title, .bar-blog, .blog-sidebar{display: none;}
.appliul ul li ol{ margin-top:30px; margin-bottom:20px;}
.appliul ul li h3{margin: 30px 0 10px 20px;}
.appliul ul li p{margin: 20px;}
.appliul ul li ol li{margin-right: 20px;}
.apptitle {
    padding-bottom: 70px;
    padding-top: 20px;
}
.tab-pro .nav-tabs li{ margin:0 5px;}
.nav > li > a, .dropdown-menu li a, .bigmenu ul li a{padding: 8px;}
.pro-list-right{ display: none;}
.applica .appli-content-left{padding-left: 0;margin-bottom: 30px;
margin-top: 30px;}
.appli-video .col-sm-12{ margin-bottom:30px;}
.navbar-toggle {
    margin-top: 20px;
}
}
 @media only screen and (max-width: 500px) {.foot-logo{ display:none;}}
@media (max-width: 425px){
header .container {
    width: 100%;
}
.list-text {
    padding: 0 20px 30px 20px;
}
 
.prolistext{display: none;}
.click li a span {padding: 0 6px 0 0;font-size: 18px;}
.click li{float: left;margin: 0 4px 0 0;padding: 10px 6px;}
.proart-vi .carousel-control.right{display: none;}
.applica .appca-img img{width: 46%;}
.applica ul{padding: 30px 20px 0 20px;}
.tab-pro .nav-tabs li{ display:block;
}
.form-inline .select-input{ display:none;}
#multi-form-table{ margin-bottom:10px;}
.ug-r-content{ padding:0;}
.applica ul {
    padding: 0 20px 0 20px;
}
}


/************/