@charset "utf-8";
/* CSS Document 
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700|ROBOTO|Ruthie|Fjalla+One|Roboto+Mono|Raleway|Staatliches|Merriweather|PT+Sans+Narrow|);*/
@font-face{font-family:OpenSans;src:url('/Template/en/fonts/OpenSans-Light.ttf');font-weight:300;font-display:swap}
@font-face{font-family:OpenSans;src:url('/Template/en/fonts/OpenSans-Regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:OpenSans;src:url('/Template/en/fonts/OpenSans-SemiBold.ttf');font-weight:600;font-display:swap}
@font-face{font-family:OpenSansLight;src:url('/Template/en/fonts/OpenSans-Light.ttf');font-display:swap}
@font-face{font-family:OpenSansRegular;src:url('/Template/en/fonts/OpenSans-Regular.ttf');font-display:swap}
@font-face{font-family:OpenSansSemiBold;src:url('/Template/en/fonts/OpenSans-SemiBold.ttf');font-display:swap}

body {
	font-family: OpenSans,Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #f5f5f5;
}
a {
	color: #333;
	font-family: OpenSans,Arial, Helvetica, sans-serif;
}
a:hover {
	color: #174c82;
	text-decoration: none;
}
img {
	max-width: 100%;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.nomp {
	margin: 0;
	padding: 0;
}
.norlmp {
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}/* End hide from IE-mac */
ul li {
	list-style: none;
}
.carousel-control.left {
	background-image: none;
}
.carousel-control.right {
	background-image: none;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-family: OpenSans,Arial, Helvetica, sans-serif;
}
#pcmenu {
	border: 0;
	background: none;
	margin-bottom: 0px;
	border-bottom: 0px #0000 solid;/*	margin-top:30px;
*/}
#pcmenu .navbar-nav > li > a {
	color: #000;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 1.2em;
	font-family: OpenSans,Arial, Helvetica, sans-serif;
}
#pcmenu .navbar-right {
	margin-top: 5px;
}
#pcmenu .navbar-nav > li {
	border-right: 0px #ccc solid;
}
#pcmenu .navbar-nav > li:nth-child(8) {
	border-right: 0;
}
#pcmenu .navbar-nav > .open > a, #pcmenu .navbar-nav > .open > a:hover, #pcmenu .navbar-nav > .open > a:focus {
	color: #0089cd;
	background: none;
}
#pcmenu .navbar-nav > li > a:hover, #pcmenu .navbar-nav > li > a:focus {
	color: #0089cd;
	/*	background:#174c82;
*/	border-radius: 0px;
}
#pcmenu .dropdown-menu > li > a:hover, #pcmenu .dropdown-menu > li > a:focus {
	color: #0089cd;
	/*background-color: #174c82;*/
	text-decoration: none;
	border-radius: 5px;
}
#pcmenu .navbar-nav li.active a {
	color: #C4271E;
	text-decoration: none;
	background:none;
}
#pcmenu .navbar-nav > li > a.active {
	color: #C4271E;
	text-decoration: none;
	background:none;
}
#pcmenu .dropdown-menu > li > a {
	font-size: 14px;
	line-height: 30px;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}
.foot {
	background: #333;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
}
.foot hr {
	background-color: #666;
	height: 1px;
	border: 0;
}
#main-header {
	background: #369;
	width: 100%;
}
.affix {
	z-index: 999;
	top: 0;
}
.tlogo {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
.rhotline {
	padding-top: 25px;
	padding-bottom: 20px;
}
.rhotline a {
	font-size: 24px;
	margin-right: 20px;
}
.rhotline a:nth-child(3) {
	margin-right: 0;
}
.rhotline a.tel {
	color: #ff4400;
}
.location {
	background: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.btnsearch {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 15px;
}
.btnsearch .cont {
	width: 450px;
	height: 52px;
	border-radius: 52px;
	border: 1px solid #888;
	position: relative;
	background-color: #fff;
	overflow: hidden;
}
.btnsearch .inp {
	padding: 0 60px 0 10px;
	width: 100%;
	line-height: 50px;
	height: 50px;
	font-size: 16px;
	border: 0;
}
.btnsearch a {
 display: display:inline-table;;
	cursor: pointer;
	font-size: 18px;
	color: #999;
}
.btnsearch a:nth-child(1) {
	margin-right: 8px;
}
.btnsearch a.searchbtn span {
	top: 3px;
}
.btnsearch .form {
	display: none;
	position: absolute;
	right: 0;
	top: 42px;
	padding: 19px;
	background-color: #fff;
	z-index: 99999;
}
.btnsearch .form .btnsubmit {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #fff;
	border: 0;
}
.footer-new {
	padding-top: 50px;
	font-size: 14px;
	background: /*#f2f2f2*/#505050; color:rgba(255,255,255,0.70);
}
.footer-new a { color:rgba(255,255,255,0.70); }
.footer-new a:hover { color:rgba(255,255,255,0.80); }
.ft-bot-bg {
	background: /*#e6e6e6*/#505050; border-top:#e2e2e252 1px solid;
}
.fd-nav {
	padding-bottom: 68px;
	overflow: hidden;
	width: 100%
}
.fd-nav li {
	float: left;
	text-align: left;
}
.fd-nav .li1 {
	width: 24%
}
.fd-nav .li2 {
	width: 24%
}
.fd-nav .li3 {
	width: 24%
}
.fd-nav .li5 {
	float: right;
}
.fd-nav h4 {
	text-transform: capitalize;
	font-size: 22px;
	color: /*#333*/rgba(255,255,255,0.90);
	margin-bottom: 18px
}
.fd-nav .con a {
	display: block;
	line-height: 26px;
	color: /*#555*/rgba(255,255,255,0.70);
}
.fd-nav .con a:hover {
	color: rgba(255,255,255,0.80)
}
.fd-nav .inp-box {
	margin-bottom: 20px
}
.fd-nav .inp-box h5 {
	margin-bottom: 8px
}
.fd-nav .inp-box .inp {
	width: 177px;
	height: 22px;
	border: 1px solid #5e6167;
	border-radius: 4px;
	background-color: transparent;
	padding: 0 5px;
	color: #fff
}
.fd-nav .btn {
	width: 64px;
	height: 22px;
	line-height: 20px;
	color: #5e6167;
	border: 1px solid #5e6167;
	border-radius: 11px;
	background-color: transparent;
	cursor: pointer;
	margin-top: 4px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
.fd-nav .btn:hover {
	color: #fff;
	border: 1px solid #fff
}
.fd-bot {
	padding: 24px 0 0;
	overflow: hidden;
	text-align: center;
}
.copyright {
	color: /*#565656*/color:rgba(255,255,255,0.70);
}
.fd-link {
	float: left
}
.fd-link.fd-link a {
	color: #565656;
	padding: 0 8px;
	position: relative
}
.fd-link.fd-link a:hover {
	color: #fff
}
.fd-link.fd-link a::after {
	content: '';
	position: absolute;
	top: 2px;
	left: -2px;
	width: 1px;
	height: 18px;
	background-color: #565656
}
.fd-link.fd-link a:first-child {
	padding-left: 0
}
.fd-link.fd-link a:first-child::after {
	display: none
}
.ul-list-inner {
	margin-left: -24px;
	font-size: 0
}
.ul-list-inner li {
	display: inline-block;
	width: 33.3333%;
	vertical-align: top;
	text-align: let;
}
.ul-list-inner .inner {
	position: relative;
	margin: 0 0 24px 24px;
	padding: 0 34px;
	font-size: 14px;
	border: 1px solid #eee;
	background-color: #fff;
	width: 100%;
	text-align: left;
}
.ul-list-inner .title {
	margin-bottom: 45px;
	padding: 48px 0 46px;
	border-bottom: 1px solid #888
}
.ul-list-inner .title h3 {
	font-size: 24px;
	line-height: 1.2;
	color: red
}
.ul-list-inner.minh .title h3 {
	min-height: 58px
}
.ul-list-inner .title .smal {
	font-size: 14px
}
.ul-list-inner .title .subh3 {
	padding-top: 13px;
	font-size: 20px;
	color: #565656
}
.ul-list-inner dl {
	padding-bottom: 80px;
	line-height: 26px
}
.ul-list-inner dl > dt {
	font-size: 16px;
	font-weight: bolder;
}
.ul-list-inner dl > dd {
	position: relative;
	padding-left: 16px;
	text-indent: 0px;
}
.ul-list-inner dl > dd:before {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background: #b02d2e;
	border-radius: 50px;
	position: absolute;
	top: 11px;
	left: 0;
}
.ul-list-inner .download {
	position: absolute;
	left: 34px;
	bottom: 36px;
	z-index: 3;
	padding-left: 50px;
	font-size: 16px;
	line-height: 34px;
	background: url(/Template/cn/images/icop-ico1.png) left center no-repeat;
	-webkit-background-size: 34px;
	background-size: 34px;
	color: #888
}
.ul-list-inner .download:hover {
	background-image: url(/Template/cn/images/icop-ico1hv.png);
	color: red
}
.f-address p {
	margin-top: 15px;
	margin-bottom: 15px;
}
.ft-rcq {
	margin-top: 30px;
}
.product-list-b {
	width: 100%;
	padding-top: 65px;
	padding-bottom: 30px;
}
.product-list-b ul {
	width: 100%
}
.product-list-b li {
	width: 31.7%;
	margin-right: 2.45%;
	background: #fff;
	border: 1px solid #ddd;
	float: left;
	margin-bottom: 35px;
	border-radius: 3px;
}
.product-list-b li:hover {
	border: 1px solid #999;
}
.product-list-b li .pic {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 250px;
	border-bottom: 1px solid #ddd;
}
.product-list-b li img {
	max-width: 100%;
	transition: all .3s;
}
.product-list-b li img:Hover {
	transform: scale(1.1);
}
.product-list-b li.newss .newss {
	width: 61px;
	height: 64px;
	background: url(../img/pro25.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 1
}
.product-list-b li .add {
	padding-left: 28px;
	height: 16px;
	background: url(../images/pro23.png) no-repeat left center;
	background-size: 14px !important;
	display: block;
	position: absolute;
	top: 34px;
	right: 13px;
	font-size: 14px;
	line-height: 16px;
	cursor: pointer;
	color: #b2b2b2;
	transition: background .3s, color .3s
}
.product-list-b li.but .add {
	color: #dc3c31;
	background: url(../images/pro23_h.png) no-repeat left center
}
.product-list-b li .con {
	width: 100%;
	padding: 21px 6% 23px;
	display: block
}
.product-list-b li h3 {
	font-size: 16px;
	color: #999;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
	margin-top: 0;
}
.product-list-b li .font {
	font-size: 16px;
	color: #333;
	line-height: 27px;
	height: 54px;
	overflow: hidden
}
.product-list-b li .more {
	width: 127px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border: 1px solid #e4e4e4;
	background: #f9f9f9;
	font-size: 15px;
	color: #333;
	border-radius: 2px;
	transition: background .3s, color .3s, border .3s;
	margin-top: 20px
}
.product-list-b li:hover .more {
	background: #d9271b;
	border-color: #d9271b;
	color: #fff
}
.prodesc h3 {
	font-size: 36px;
	font-weight: bold;
}
.prodesc .desc {
	margin-top: 15px;
	margin-bottom: 35px;
}
.bgtab {
	border-bottom: 1px #dddddd solid;
	margin-top: 50px;
}
.nav-tabs > li > a {
	font-size: 18px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #fff;
	cursor: default;
	background-color: #213365;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	font-size: 18px;
}
.tab-content > .active {
	padding-top: 30px;
}
.rowprenext {
	margin-bottom: 50px;
}
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 320px;
	max-height: 360px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	width:48%;
/*	width:32%;
*/	
	margin-right:20px;
	margin-bottom:20px;
}
.grid figure:nth-child(3n) { margin-right:0;}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}
.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption::before, .grid figure figcaption::after {
	pointer-events: none;
}
.grid figure figcaption, .grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}
.grid figure h2 span {
	font-weight: 800;
}
.grid figure h2, .grid figure p {
	margin: 0;
}
.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*---------------*/
/***** Dexter *****/
/*---------------*/

figure.effect-dexter {
	background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%);
	background: linear-gradient(to bottom, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%);
}
figure.effect-dexter img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.effect-dexter:hover img {
	opacity: 0.4;
}
figure.effect-dexter figcaption::after {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	height: -webkit-calc(50% - 30px);
	height: calc(50% - 30px);
	border: 7px solid #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
figure.effect-dexter:hover figcaption::after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
figure.effect-dexter figcaption {
	padding: 3em;
	text-align: left;
}
figure.effect-dexter p {
	position: absolute;
	right: 60px;
	bottom: 60px;
	left: 60px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, -100px, 0);
	transform: translate3d(0, -100px, 0);
}
figure.effect-dexter:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.solution { margin-bottom:50px; }
.solution h2 { font-weight:bold; margin-bottom:10px; }
.solution h3 { font-weight:bold; margin-bottom:20px; }

.solutiondetail h2 { margin-bottom:50px; }
.otherdetail { margin-top:50px; margin-bottom:50px; }

.otherdetail h3 { border-bottom:1px #ddd double; line-height:35px; }

.newslist {
}
.newslist li {
	margin: 10px 0;
	padding-left: 35px;
	position: relative;
}
.newslist li time {
	background: rgba(0, 0, 0, 0) url("../images/PicList002256-date.jpg") no-repeat scroll 0 0;
	color: #fff;
	font-size: 12px;
	height: 63px;
	left: 0;
	margin-top: -31px;
	overflow: hidden;
	padding: 12px 0 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 62px;
}
.newslist li time span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
}
.newslist li .txt {
	border: 1px solid #e6e6e6;
	overflow: hidden;
	padding: 25px 20px 16px 50px;
	text-align: left;
}
.newslist li .txt .pic {
	display: block;
	float: right;
	margin-bottom: 0;
	margin-left: 10px;
}
.newslist li .txt .pic img {
/*	height: 115px;
*/	width: 180px;
}
.newslist li .txt h3 {
	font-size: 14px;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}
.newslist li .txt h3 a {
	color: #22355F;
	font-weight: bold;
}
.newslist li .txt .more:hover, .newslist li .txt h3 a:hover {
	color: #ff4400;
}
.newslist li .txt p {
	color: #6f6f6f;
	font-size: 12px;
	height: 48px;
	line-height: 24px;
	margin: 10px 0;
	overflow: hidden;
}
.newslist li .txt .more {
	background: rgba(0, 0, 0, 0) url("../images/PicList002256-more.jpg") no-repeat scroll right center;
	color: #a9a9a9;
	font-family: Arial;
	padding-right: 20px;
	text-transform: uppercase;
}

.detail .title { margin-bottom:30px; border-bottom:1px #ddd dotted; }
.detail .back { border-bottom:1px #ddd dotted; margin-bottom:25px; margin-top:25px; padding-bottom:25px; }

.prenext a { color:#39F; line-height:35px; }


/* Support Star */

.cmp-split-tile{max-width:1400px;width:100%;/*padding:0 90px;margin:90px auto*/}
.cmp-split-tile .card-wrapper{display:inline-block;width:100%}
.split-tile .section { float:left; }
.cmp-split-tile .card-wrapper .card{border-radius:5px;flex:0 0 100%;display:flex;flex-direction:row;margin-bottom:16px;border:1px solid rgba(0,0,0,.125);height:140px;cursor:pointer;-webkit-box-shadow:0 4px 10px 0 rgba(34,41,77,.15);-moz-box-shadow:0 4px 10px 0 rgba(34,41,77,.15);box-shadow:0 4px 10px 0 rgba(34,41,77,.15);-webkit-transition:all .6s;transition:all .6s}
.cmp-split-tile .card-wrapper .card:hover{-webkit-box-shadow:8px 10px 20px rgba(34,41,77,.15);-moz-box-shadow:8px 10px 20px rgba(34,41,77,.15);box-shadow:8px 10px 20px rgba(34,41,77,.15)}
.cmp-split-tile .card-wrapper .card .img-wrapper{width:144px;background-color:#f2f2f2;position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:5px}
.cmp-split-tile .card-wrapper .card .content-wrapper .title{height:2.416px;display:block;display:-webkit-box;max-width:95%;line-height:1.2;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;-moz-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.cmp-split-tile .card-wrapper .card .content-wrapper .description{line-height:1.3}
.cmp-split-tile .card-wrapper .card .content-wrapper .description p{height:5.3rem;display:block;display:-webkit-box;max-width:95%;line-height:1.6;line-clamp:5;-webkit-line-clamp:5;-moz-line-clamp:5;-webkit-box-orient:vertical;-moz-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.cmp-split-tile .card-wrapper .card .img-wrapper .btn-explore{display:inline-block;font-size:10px;;font-weight:600;color:#fff;background-color:#d61222;border-radius:25px;left:50%;bottom:0;position:absolute;transform:translate(-50%,-50%);border:0;width:92px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.cmp-split-tile .card-wrapper .card:hover .img-wrapper .btn-explore{background-color:#ff0012;border-color:#ff0012}
.cmp-split-tile .card-wrapper .card .img-wrapper .btn-explore:hover{background-color:#ff0012;border-color:#ff0012}
.cmp-split-tile .card-wrapper .card .img-wrapper .btn-explore:active{background-color:#ba000d;border-color:#ba000d}
.cmp-split-tile .card-wrapper .card .img-wrapper:hover .btn-explore{display:inline-block}
.cmp-split-tile .card-wrapper .card .content-wrapper{color:#505050;width:calc(100% - 144px);padding:10px 16px;overflow:hidden}
.cmp-split-tile .card-wrapper .card .content-wrapper .title{font-size:16px;font-weight:600}
.cmp-split-tile .card-wrapper .card .content-wrapper .description{font-size:16px}
@media(min-width :768px){.cmp-split-tile .tile-card{/*flex:0 0 48%*/}
.cmp-split-tile .card-wrapper .card .img-wrapper{width:210px}
.cmp-split-tile .card-wrapper .card .content-wrapper{width:calc(100% - 210px);margin:10px;overflow-y:hidden;text-overflow:ellipsis; text-align:left; }
.cmp-split-tile .card-wrapper .card .content-wrapper .title{font-size:16px;height:20px}
.cmp-split-tile .card-wrapper .card .content-wrapper .description{line-height:1.3}
.cmp-split-tile .card-wrapper .card .content-wrapper .description p{font-size:16px}
}
@media(min-width :768px) and (max-width:991px){.cmp-split-tile .card-wrapper .card .content-wrapper .description p{line-clamp:3;-webkit-line-clamp:3;-moz-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.6}
.cmp-split-tile .card-wrapper{display:inline-block;width:100%}
}
@media(min-width :992px){.cmp-split-tile .card-wrapper{margin:0 16px;width:100%;display:flex}
.cmp-split-tile .card-wrapper .tile-card{/*width:48%;*/display:inline-block}
.cmp-split-tile .card-wrapper .card{flex:0 0 48%;margin:36px 10px 0 10px;height:140px}
.cmp-split-tile .card-wrapper .card .content-wrapper .title{font-size:16px;height:20px}
.cmp-split-tile .card-wrapper .card .content-wrapper .description{font-size:10px;;line-height:1.37}
.cmp-split-tile .card-wrapper .card .content-wrapper .description p{line-height:1.38;font-size:14px;}
.cmp-split-tile .card-wrapper .card .img-wrapper .btn-explore{display:inline-block}
}
@media(max-width :767px){.cmp-split-tile .card-wrapper .card .content-wrapper .description p{line-height:1.4;ine-clamp:4;-webkit-line-clamp:4;-moz-line-clamp:4;font-size:14px}
.cmp-split-tile .card-wrapper .card .content-wrapper .description p{height:90px}
}
@media(max-width :480px){.cmp-split-tile .card-wrapper .card{padding:10px;box-sizing:border-box;height:auto}
.cmp-split-tile .card-wrapper .card .content-wrapper .title{-webkit-line-clamp:2;color:#000;max-width:100%;font-size:14px;height:auto}
.cmp-split-tile .card-wrapper .card .img-wrapper{width:105px;height:96px}
.cmp-split-tile .card-wrapper .card .content-wrapper{width:calc(100% - 5.90px);padding:0 0 0 16px}
.cmp-split-tile .card-wrapper .card .content-wrapper ul{padding:0;padding-left:20px;font-size:5px;margin-bottom:0}
.cmp-split-tile .card-wrapper .card .content-wrapper .description{line-height:1.32}
.cmp-split-tile .card-wrapper .card .content-wrapper .description p{line-height:1.45;height:auto}
}


/* Support Eng */



/* download star */

.assets-list-items{background-color:#fff;list-style-type:none;min-height:0 !important;margin:0;padding:0}
.assets-list-items .asset-list-item{border-bottom:1px solid #eaeaea;padding:15px; text-align:left; }
.assets-list-items .asset-list-item:hover { background:#efefef; }
@media(min-width:992px){.assets-list-items .asset-list-item{padding:15px 20px}
}
.assets-list-items .asset-list-item .title{color:#222;font-size:14px;font-weight:600;letter-spacing:0;margin-bottom:8px}
@media(min-width:992px){.assets-list-items .asset-list-item .title{font-size:16px}
}
.assets-list-items .asset-list-item .title:hover{color:#d7150e;text-decoration:none}
.assets-list-items .asset-list-item .description-section{color:#666;max-height:55px;overflow:hidden;position:relative}
@media(min-width:992px){.assets-list-items .asset-list-item .description-section{max-height:62px}
}
.assets-list-items .asset-list-item .description-section.description-open{max-height:none;overflow:visible}
.assets-list-items .asset-list-item .description-section .description{letter-spacing:0;font-size:12px}
@media(min-width:992px){.assets-list-items .asset-list-item .description-section .description{font-size:14px}
}
.assets-list-items .asset-list-item .description-section .more-btn{bottom:0;background-color:#fff;cursor:pointer;display:none;font-size:13px;position:relative;padding:0 10px 0 2px;right:0;z-index:1}
@media(min-width:992px){.assets-list-items .asset-list-item .description-section .more-btn{font-size:14px}
}
.assets-list-items .asset-list-item .description-section .more-btn::after{content:'';background-size:contain;background-image:url("/UploadSysFiles/Images/Support/icon-drop-down.png");display:inline-block;height:4px;right:0;position:absolute;top:10px;width:7px}
.assets-list-items .asset-list-item .description-section .more-btn.active-more{display:inline-block;box-shadow:0 10px 15px 5px #fff;position:absolute}
.assets-list-items .asset-list-item .description-section .more-btn.active-more::before{content:'...';display:inline-block;margin-right:20px}
.assets-list-items .asset-list-item .description-section .more-btn.active-more span:last-of-type{display:none}
.assets-list-items .asset-list-item .description-section .more-btn.active-less{display:inline-block;padding-left:15px}
.assets-list-items .asset-list-item .description-section .more-btn.active-less span:first-of-type{display:none}
.assets-list-items .asset-list-item .description-section .more-btn.active-less::after{transform:rotate(180deg)}
.assets-list-items .asset-list-item .action{margin-top:8px;text-align:right}
.assets-list-items .asset-list-item .action .download-link{color:#d7150e;cursor:pointer;display:inline-block;font-size:12px;letter-spacing:0;text-align:right;text-decoration:none;position:relative;padding-left:22px}
@media(min-width:992px){.assets-list-items .asset-list-item .action .download-link{color:#333;font-size:14px}
.assets-list-items .asset-list-item .action .download-link:hover{color:#d7150e}
}
.assets-list-items .asset-list-item .action .download-link::before{content:'';background-size:contain;background-image:url("/UploadSysFiles/Images/Support/icon-asset-download.png");display:inline-block;height:15px;left:0;margin-right:6px;position:absolute;top:50%;transform:translateY(-50%);width:16px}
.assets-list-items .asset-list-item .action .download-link span{display:inline-block}
.assets-list-items .asset-list-item .action .download-link span.file-size{padding:0 10px;position:relative}
.assets-list-items .asset-list-item .action .download-link span.file-size::after{content:')';position:absolute;top:0;right:5px}
.assets-list-items .asset-list-item .action .download-link span.file-size::before{content:'(';position:absolute;top:0;left:5px}





/* download end */

.company { margin-top:80px; margin-bottom:80px; }
.company span { width:200px; border-bottom:3px #555 solid; height:3px; display:block; }


.listpager { margin-bottom:50px; }

.location { margin-top:10px; color:#999; }
.location a { color:#999; }


.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow { display:none; }

.picFocus{ margin:0 auto;  /*width:467px; */border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:80px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ background:url("../images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ /*width:467px; height:230px;*/ display:block;  }


.back { margin-top:50px; margin-bottom:50px;}

.prohtitle { text-align:center; margin-bottom:35px; border-bottom:1px #ccc dotted; padding-bottom:15px; }

/* 右侧客服  */

.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px; background:#ddd; margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;/*width:112px;*/line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.prolist  {  }

.prolist .thumbnail { -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.35);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.35);}
.prolist .thumbnail:hover { border:1px #0066CC solid;-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.35);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.35); }


.mb-1 { margin-bottom:30px; }
.mb-10 { margin-bottom:60px; }
.mt-10 { margin-top:60px; }


.mt-5 { margin-top:50px; }

.fs-5 { font-size:40px; font-weight:bold; }
.fs-2 { font-size:20px; font-weight:bold; }

.nav-height{ position:relative; background: #fff; box-shadow: 0 .25rem .75rem rgba(0,0,0,0.1);}
.nav-wrap { width: 100%;background: #fff;}
.nav-wrap.navFix{position: fixed;top: 0;left: 0;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9; z-index: 99999;} 
.nav-wrap ul {padding: 0;margin: 0 auto; display: block; }
.nav-wrap.navFix ul{ border-bottom: 0;}
.nav-wrap li { display: inline-block; text-align: left;height: 40px; line-height: 40px; float: left; margin-right:30px; }
.nav-wrap li a {display: block;padding: 0 ;font-size:16px; color: #333; text-decoration: none;}
.nav-wrap li a:hover{color: #4680d1;}
.nav-wrap li a.active {border-bottom:2px solid #4680d1;color: #4680d1;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}

.prosbutitle { font-weight:bold; font-size:24px; margin-top:5px; margin-bottom:5px;}


/* Common style */
.row figure {
	position: relative;
	float: left;
	overflow: hidden;
/*	margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	background: #3085a3;*/
	text-align: center;
	cursor: pointer;
}

.row figure img {
	position: relative;
	display: block;
/*	min-height: 100%;
	max-width: 100%;
*//*	opacity: 0.8;
*/}

.row figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.row figure figcaption::before,
.row figure figcaption::after {
	pointer-events: none;
}

.row figure figcaption,
.row figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.row figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
/*	opacity: 0;
*/}

.row figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.row figure h2 span {
	font-weight: 800;
}

.row figure h2,
.row figure p {
	margin: 0;
}

.row figure p {
	letter-spacing: 1px;
	font-size: 16px;
}

/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
/*	opacity: 0.7;
*/	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
	text-align: left;
}

figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 40%;
}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

.hsolu { position:absolute; bottom:0; left:0; color:#fff; background:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0.7) 70%); width:100%; }
.hsolu h4 { font-size:24px; }
.hsolu p { font-size:18px; margin-bottom:15px; }
.swiper2 .swiper-slide { overflow:hidden; }
.swiper2 .swiper-slide:hover img { 
	transform: scale(1.09, 1.09);
	transition: all 1s ease; 
	}
.hsolu h5 { background:rgba(0,0,0,0.8); color:#fff; margin-top:0; margin-bottom:0; font-size:18px; line-height:30px; }

.trial { position:relative; }
.trialcon { position:absolute; bottom:20%; left:10%; text-align:left; }
.trialcon h2 { font-size: 44px !important;
margin-bottom: 2.86vw !important;
max-width: 665px !important; color:#fff; }
.trialcon h2:after {   position: absolute;
  content: "";
  width: 36px;
  height: 4px;
background: #fff;
left: 0;
margin-top: 70px;
}
.trialcon p {font-size: 20px;
color: #fff;
letter-spacing: 2px;
line-height: 2vw;
margin-bottom: 26px;
max-width: 600px;}


.button--border-thick { border-color:#fff; }
.button--rayen > span { color:#fff;}
.mb-5 { margin-bottom:40px; }

.tp-dottedoverlay {	background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3}
.tp-dottedoverlay.twoxtwo {	background: rgba(0,0,0,0.5); /*background:url(/Template/en/images/gridtile.png)*/}
.tp-dottedoverlay {
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
}
.tp-panelcon {	width:100%;height:100%;position:absolute;top:13%;left:0px;z-index:5; color:#fff; }



 @media ( min-width: 780px) {
body {
	font-size: 14px;
	min-width: 1200px;
}
img {
	max-width: 100%;
}
.container {
	width: 1200px;
}
.leftmenu {
	width: 95%;
	float: left;
}
.r-main {
	width: 847px;
}
#pcmenu {
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 5px;
}
.talent-info-name {
	margin-top: 70px;
}
.talent-info-img {
	width: 615px;
	height: 409px;
	position: relative;
}
.talent-info-txt {
	width: 540px;
	height: 409px;
	overflow: hidden;
}
.interview-left {
	width: 400px;
	background: #fff;
}
.interview-right {
	width: 675px;
	height: 400px;
	overflow: hidden;
	margin-left: 40px;
	text-align: left;
}
.interview-right {
	margin-left: 40px;
}
.contact-b-left ul li {
	width: 25%;
	float: left;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
/*animation: 7s ease 0s normal none infinite running fadeBig;*/
}
@keyframes fadeBig {
0% {
 transform: scale(1);
}
50% {
 transform: scale(1.1);
}
100% {
 transform: scale(1);
}
}
.mbtopmenu {
	display: none;
}
.ul-list-inner {
	margin-left: -24px;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
}
.ul-list-inner li {
	display: flex;
	width: 33.3333%;
	vertical-align: top;
	flex: 0 0 33.3%;
}
.ul-list-inner dl > dd {
	margin-bottom: 0px;
	word-wrap: break-word;
	word-break: break-word;
}
.protable {
	width: 830px;
	float: left;
}
.protable tr:hover {
	background: #E1F7FF;
}
.interview-right-bot h3 .inter-txt {
	width: 580px;
	vertical-align: text-top;
}
.contact-b-left ul li {
	margin-top: 50px;
}
.h-hot-pro {
	margin-bottom: 50px;
}
.hdesc {
	padding-left: 20px;
	padding-right: 20px;
}
.grid figure {
}

.product-list-b li:nth-child(3n) {
	margin-right: 0
}

.tlogo {
	position: absolute;
	z-index: 99999;
	
	}
.btnsearch {
	z-index: 99999999;
	
	}
	
.header-wrapper { height:60px; }

#carousel-example-generic { /* max-height:670px; overflow:hidden; */}


}
 @media ( min-width: 1200px) {
.container {
	width: 1200px;
}
.grid figur {
}
.nav-wrap ul {width: 1200px; }

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


 @media ( min-width: 1440px) {
.container {
}
.grid figur {
}



}



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


 @media ( max-width: 780px) {
body {
	font-size: 14px;
}
img {
	max-width: 100%;
}
.mbtopmenu {
	display: block;
}
.footer-new {
	padding: 30px 0 0
}
.footer-new .wp, .header-new .wp {
	padding: 0
}
.fd-nav li {
	float: none !important;
	width: 100% !important;
	border-bottom: 1px solid #303030;
	padding: 20px
}
.fd-nav h4 {
	margin-bottom: 5px;
	font-size: 18px
}
.fd-nav .con a {
	font-size: 12px;
	line-height: 24px
}
.fd-nav {
	padding-bottom: 0
}
.fd-bot {
	border-top: none;
	padding: 20px
}
.fd-nav .inp-box {
	margin-bottom: 5px
}
.fd-nav .inp-box h5 {
	margin-bottom: 3px
}
.fd-nav .btn {
	border-radius: 7px
}
.copyright, .fd-link {
	float: none
}
.fd-link {
	margin-bottom: 5px
}
.ul-list-inner li {
	display: inline-block;
	width: 85%;
	vertical-align: top;
	text-align: let;
}
.ul-list-inner .inner {
	position: relative;
	margin: 0 0 14px 14px;
	padding: 0 34px;
	font-size: 14px;
	border: 1px solid #eee;
	background-color: #fff;
	width: 100%;
	text-align: left;
}
.protable {
	width: 98%;
}
.mbtopmenu .navbar-brand {
	padding-left: 10px;
	padding-right: 10px;
}
.news-main-liright2 {
	margin-left: 0;
}
.tlogo {
	text-align: center;
}
.contact-b-left ul li {
	width: 50%;
	float: left;
}
.mbover-x {
	overflow-x: hidden;
}

.btnsearch { display:none; }
.product-list-b ul { margin:0; padding:0; }
.product-list-b li { width:47%; }

.product-list-b li .pic { height:150px; }
.f-address { padding-top:15px; }
.ft-rcq { margin-bottom:10px; }
.prodesc h3 { font-size:18px; }

.tprolist li {  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.grid figure { width: 48%; }


}

  #carousel-example-generic .carousel-indicators li {
      width: 60px;
      height: 4px;
      border: none;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 8px;
      position: relative; display:inline-table;
	  
  }

  #carousel-example-generic .carousel-indicators li.text-color-grey{
      background: rgba(0, 0, 0, 0.15);
      opacity: 1;
  }
  #carousel-example-generic .carousel-indicators li.text-color-white{
      background: rgba(255, 255, 255, 0.15);
      opacity: 1;
  }
  #carousel-example-generic .carousel-indicators li .in-side-block {
      width: 60px;
      height: 4px;
      position: absolute;
      left:0px;
  }
   #carousel-example-generic .carousel-indicators li.text-color-grey{
    background: rgba(0, 0, 0, 0,0.15);
  }
  #carousel-example-generic .carousel-indicators li.text-color-white{
    background: rgba(255, 255, 255, 0.15);
  } 
   #carousel-example-generic .carousel-indicators li.active .in-side-block {
     animation: banner-active 3s linear 1;
  } 
  #carousel-example-generic .carousel-indicators li.active .in-side-block.slow{
     animation-play-state:paused;
     -webkit-animation-play-state:paused;

   }
  #carousel-example-generic .carousel-indicators li.active.text-color-grey .in-side-block{
    background: rgba(0, 0, 0, 1);
  }
  #carousel-example-generic .carousel-indicators li.active.text-color-white .in-side-block{
    background: rgba(255,255, 255, 1);
  }
  @keyframes banner-active{
    from {width: 0px;}
    to {width: inherit;}
  }

  #carousel-example-generic .carousel-inner .carousel-item {
      height: 100%;
      position: relative;
      background-size: 100% 100%;
  }
  #carousel-example-generic .carousel-inner .carousel-item .banner-info-container {
      max-width: 1370px;
      margin: 0 auto;
      display: flex;
      position: relative;
      padding: 0 30px;
      height: 100%;
  }

 @media ( min-width: 1200px) {
#ban1 .button { margin-top:480px;margin-left:275px;}
#ban2 .button { margin-top:250px; }
#ban3 .button { margin-top:250px; }
#ban4 .button { margin-top:100px; }
#ban5 .button { margin-top:100px; }


}

#home ul li { list-style: disc; }