/* ====================
     公共样式
	 作者：严微
	 公司名称：严微工作室
	 网址：http://www.ywcms.com
==================== */
@font-face {
  font-family: "DINEngschriftStd";
  src: url("../fonts/DINEngschriftStd.svg");
  src: url("../fonts/DINEngschriftStd.eot");
  src: url("../fonts/DINEngschriftStd.ttf");
  src: url("../fonts/DINEngschriftStd.woff");
}

html{ -webkit-text-size-adjust:none;}
body{ font-size:12px; font-family: "PingFang SC", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif; line-height:150%; margin:0px auto 0px auto; padding:0; color:#333; background:#fff;}
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,img,p{ margin:0; padding:0; border:none; list-style-type:none;}
.block{ width:960px; height:auto;}
em,i{font-style:normal;}
.f_l,.fl{float:left;}
.f_r,.fr{float:right;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.dis{display:block;}
.inline{display:inline;}
.none,.ywcms{display:none;}
.pc { display: block;}
.wap { display: none;}
.white{ color:#fff !important;}
.border{ border-color: #fff !important;}

a, a:hover, a:focus { text-decoration: none; outline: none;}

::selection { background: #3671bc; color: #fff;}
::-moz-selection { background: #3671bc; color: #fff;}

a {outline:none; text-decoration:none; }
a:hover { text-decoration:none; }

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html .clearfix{ height:1%;}
*+html .clearfix{ height:1%;}
/*英文强制换行*/
.word{ word-break:break-all;}
.mt10{ margin-top:10px;}
.mr10{ margin-right:10px;}
.mb10{ margin-bottom:10px;}
.ml10{ margin-left:10px;}

.ml-r{ margin:0 37px 0 38px;}

/*页面留白*/
.blank{ height:8px; line-height:8px; clear:both; visibility:hidden;}
.blank5{ height:5px; line-height:5px;/* _margin:-3px 0;*/ clear:both; visibility:hidden;}
.blank10{ height:10px; line-height:10px; clear:both; visibility:hidden;}

/*主体样式开始*/
.wrapper { width:100%; height:100%; margin:0px auto 0px auto;}
.w1200{ width:1200px; margin:0px auto 0px auto; overflow:hidden;}
.show_box{ width:1200px; margin:10px auto 0px auto; overflow:hidden; background:#fff;}

.con{width:1200px; height:100%; margin:auto; position:relative;}
.p-relative{position: relative;}
/*header*/
#header_bar{
	width: 100%;
	margin: 0 auto;
	height: 54px;
	background: #fff;
	position: relative;
    z-index: 9999;
}
.header_bar{
	width:1200px;
	margin: 0 auto;
	color: #fff;
	line-height: 54px;
	font-size: 14px;
}
.header_bar span{
	margin-right: 10px;
}
.header_bar .f_r span img{
	width:24px;
	height: 24px;
}
.bar_email{
	width:18px;
	height: 18px;
	background: url(../images/icon1.png) no-repeat 0 2px;
	padding-left: 25px;
}
.bar_tel{
	width:18px;
	height: 18px;
	background: url(../images/icon2.png) no-repeat 0 2px;
	padding-left: 25px;
}
.cnenurl{
	width: 136px;position: relative;background-color: #e60013;padding-left: 15px;box-sizing: border-box;transition: ease-in-out 0.1s; cursor: pointer;}
.cnenurl:hover{background-color: #e60013;}
.cnenurl p{ color: #fff; background: url(../images/lang.png) no-repeat 0 15px; padding-left: 32px;}
.cnenurl p i{position: absolute;top: -4px;right: 15px;}
.cnenurl ul{display: none;position: absolute;width: 100%;top: 100%;left: 0;z-index: 11;background-color: rgba(255,255,255,0.8);box-sizing: border-box;border: 1px solid #e60013;border-top: none;}
.cnenurl ul a{display: block;padding-left: 45px;line-height: 35px;background-position: center left 15px;background-repeat: no-repeat;}

.header-top{width: 100%;}
.header-fixed {
    position: fixed !important;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff !important;
    z-index: 999;
    border-bottom: none;
    box-shadow: 0 1px 5px rgba(0,0,0,0.15);
}

/*header*/
#top{ background:#fff; width: 100%; margin: 0px auto; overflow: hidden; position: absolute; top:0; z-index: 99999}
.top{ width:1200px; margin: 0 auto; text-align: right;}

#header {
	width: 100%;
	margin: 0 auto;
	background: transparent;
	height: 120px;
	position: relative;
	z-index: 99999999
}
.header {
	width: 1200px;
	margin: 0 auto;
}
.header_logo {
	width: 295px;
	float: left;
	margin: 30px 0 0 0
}
.header_logo img {
	width: 100%;
	height: 100%
}
.header_tel{
	float:right;
}
.lang_ico{
	float: left;
	width: 202px;
	margin-top: 50px;
	margin-left: 20px;
}
.lang_ico span{
	float:left;
	margin: 0 5px;
}
.menu {
    float: right;
    padding: 46px 0;
}
.menu ul {
    width: 700px;
    margin-left: 78px;
    float: left;
}
.menu li {
    width: 64px;
    float: left;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin: 0 18px;
    color: #333;
}
.menu li a {
    color: #333;
    text-decoration: none
}
.menu li a:hover, .menu li.noChild a {
    width: 64px;
    color: #e60013;
    border-bottom: 2px solid #e60013;
    padding-bottom: 2px;
    float: left;
}
/*banner样式*/
#banner{
	width: 100%;
	position: relative;
	height: 600px;
	margin: 0 auto;
	z-index: 9;
}
.banner{
	width: 100%;
	position: relative;
	height: 600px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 9;
}

/*子导航*/
.subnav{height:65px;background:#e60013;font-size: 14px;}
.subnav .snav{position: relative; }
.subnav .snav ul{ position: relative;}
.subnav .snav li{float:left;padding-right: 30px;line-height:70px;}
.subnav .snav a{color:#FFFFFF;font-size:13.5px;}
.subnav .menuline{position:absolute;bottom:-69px;left:0;background:#e60013;height:6px;width:60px;z-index: 2;}

/*map-menu*/
.map-menu { width: 100%; height: 30px; padding-top: 15px; }
.map-menu .menu-con { float: right; }
.map-menu .menu-con i { width: 20px; height: 10px; background: url("../images/menu-1.png") no-repeat left center; display: inline-block; }
.map-menu .menu-con a { font-size: 13.5px; color: #5b5b5b; padding: 0px 10px 0px 12px; background: url("../images/menu-2.png") no-repeat left center; display: inline-block; }
.map-menu .menu-con span { font-size: 13.5px; color: #152143; padding-left: 13px; background: url("../images/menu-2.png") no-repeat left center; }

.xwzx{width:100%; height:93px; background:url(../images/xw_bj.png) no-repeat center; position:absolute; bottom:-70px; z-index:10;}
.xwzx_lt{width:520px; float:left; padding-top:20px;}
.xwzx_rt{width:650px; float:right; padding-top:28px;}
.xwzx_rt p a{ font-size:14px; font-weight:bold; color:#fff;}
.xwzx_rt span a{ color:#fff;}
.xwzx_rt p a:hover,.xwzx_rt span a:hover{ color:#f00;}



#about_banner{width:100%;height:390px;position:relative; background:url(../images/about.jpg) no-repeat 50% 0;}
#contact_banner{width:100%;height:390px;position:relative; background:url(../images/contact.jpg) no-repeat 50% 0;}
#jobs_banner{width:100%;height:390px;position:relative; background:url(../images/jobs.jpg) no-repeat 50% 0;}
#news_banner{width:100%;height:390px;position:relative; background:url(../images/news.jpg) no-repeat 50% 0;}
#network_banner{width:100%;height:390px;position:relative; background:url(../images/network.jpg) no-repeat 50% 0;}
#message_banner{width:100%;height:390px;position:relative; background:url(../images/message.jpg) no-repeat 50% 0;}
#products_banner{width:100%;height:390px;position:relative; background:url(../images/products.jpg) no-repeat 50% 0;}
#download_banner{width:100%;height:390px;position:relative; background:url(../images/products.jpg) no-repeat 50% 0;}
#honor_banner{width:100%;height:390px;position:relative; background:url(../images/honor.jpg) no-repeat 50% 0;}
#workshop_banner{width:100%;height:390px;position:relative; background:url(../images/workshop.jpg) no-repeat 50% 0;}

#ifocus { width:1200px; height:600px;}
#ifocus_pic { display:inline; position:relative;float:left;width:1100px; height:600px; overflow:hidden; margin:30px 0 0 0; }
#ifocus_piclist { position:absolute; }
#ifocus_piclist li { width:1100px; height:600px; overflow:hidden; display:none}
#ifocus_piclist li .picleft{
	width:580px;
	float: left;
}
#ifocus_piclist li .picleft img{
	widht:580px;
	height: 560px;
}
#ifocus_piclist li .picright{
	width:420px;
	float: left;
	margin-right: 100px;
}
#ifocus_piclist li .picright .picright-txt{
	width:100%;
	float: left;
	padding-top: 100px;
}
#ifocus_piclist li .picright .picright-txt h1{
	color: #fff;
	width: 100%;
	float: left;
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
	margin: 0 50px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
#ifocus_piclist li .picright .picright-txt p{
	color: #fff;
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 24px;
	margin: 0 50px 20px;
	padding-top: 30px;
}
#ifocus_piclist li .picright .picright-txt span{
	color: #fff;
	width: 100%;
	float: left;
	font-size: 14px;
	margin: 0 50px 74px;
}
#ifocus_piclist li .picright .picright-img{
	width:100%;
	float: left;
}
#ifocus_piclist li .picright .picright-img img{
	widht:207px;
	height: 207px;
}

#ifocus_btn { display:inline; float:right; width:98px; height:600px; border-left: 1px solid #6e6e6e; border-right: 1px solid #6e6e6e;}
#ifocus_btn ul{
	margin: 100px 0;
}
#ifocus_btn li { width:98px; cursor:pointer; float: left;}
#ifocus_btn li span{
	color: #868686;
	font-size: 16px;
	background: #0c0d0d;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 0 24px 50px;
	float: left;
	text-align: center;
}
#ifocus_btn .current span{
	color: #000;
	font-size: 16px;
	background: #e8c770;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 0 24px 50px;
	float: left;
	text-align: center;
}

/*首页*/
.main-title{
    text-align: center;
	width:100%;
	margin: 45px auto;
	overflow: hidden;
}
.main-title .main-t{
	color: rgb(51, 51, 51);
    font-family: 微软雅黑;
    font-size: 30px;
	line-height: 32px;
	margin-bottom: 10px;
}
.main-title .main-p{
	font-size: 14px;
	line-height: 24px;
    color: rgb(153, 153, 153);
	padding-top: 10px;
}
.main-title .main-line{
	background: url(../images/line.png) no-repeat;
	width: 118px;
	height: 2px;
}
.main-title .main-line2{
	background: url(../images/line2.png) no-repeat;
	width: 118px;
	height: 2px;
}
#index_about{
	width:100%;
	margin: 0 auto;
	overflow: hidden;
	min-height: 652px;
	background:url(../images/about_bg.jpg) no-repeat top;
}
.index_about{
	width:1200px;
	margin: 0 auto;
	overflow: hidden;
}
.index_about_icon{
	width:80%;
	margin: 0 10%;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
}
.about_icon_item{
	width: 20%;
	border-right: 1px solid #fff;
	margin: 0 2.5%;
	display: flex;
	flex-direction: column;
	text-align: center;
}
.about_icon_item h1{
	width: 100%;
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	padding-bottom: 20px;
	justify-content: center;
}
.about_icon_item p{
	width: 100%;
	color: #fff;
	font-size: 18px;
	justify-content: center;
	line-height: 24px;
}
.index_about_con{
	width:1200px;
	margin: 80px auto 0;
	overflow: hidden;
	padding-bottom: 20px;
}
.about_con_left{
	width: 600px;
	float: left;
	padding: 0 50px;
}
.about_con_left h1{
	width:100%;
	font-size: 20px;
	color: #333;
	font-weight: normal;
	padding-bottom: 30px;
}
.about_con_left p{
	width:100%;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding-bottom: 20px;
}
.about_con_left span{
	width:100%;
}
.about_con_right{
	width: 520px;
	float: left;
	margin: 0 40px;
}
.about_more{
	width:100%;
	float: right;
	margin-top: 45px;
	text-align: right;
}


.index-about{
    width: 100%;
}
.index-about li{
    width: 380px;
    float: left;
    margin-right: 30px;
    transition: all .36s ease;
	position: relative;
	z-index: 9
}
.index-about li.last-li{
    margin-right: 0;
}
.index-about li .about-img{
    width: 380px;
    height: 200px;
    overflow: hidden;
}
.index-about li .about-img img {
    width: 380px;
    height: 200px;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.index-about li:hover{
    box-shadow: 0 8px 20px rgba(0,0,0,.3);
}
.index-about li:hover .about-img img{
    transform: scale(1.1, 1.1);
}
.index-about li .about-con{
    padding: 13px 10px;
    background: #fff;
    transition: padding .36s ease;
}
.index-about li  .about-info{
    font-size: 12px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    color: #585858;
    margin: 10px 0 5px;
}
.index-about li .about-more{
    font-size: 13px;
    color: #e60012;
}
.index-about li .line{
    position: relative;
    width: 380px;
    height: 2px;
    background: #fff;
}
.index-about li .line1{
    position: absolute;
    top: 0;
    left: 190px;
    width: 0px;
    height: 2px;
    background: #000;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -ms-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s;
}
.index-about li .line2{
    position: absolute;
    top: 0;
    right: 190px;
    width:0;
    height: 2px;
    background: #000;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -ms-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s;
}
.index-about li:hover .line1{
  width: 190px;
}
.index-about li:hover .line2{
    width: 190px;
}
.index-about li:hover .about-con{
    padding-left: 20px;
}

.more-box{
	width:100%;
	margin: 0 auto;
	padding-top: 10px;
}
.more-bnt{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.more-bnt a{
	display: flex;
	justify-content: center;
	align-items: center;
	width:175px;
	height: 50px;
	background: #e60013;
	font-size: 14px;
	color: #fff;
	border-radius: 25px;
}
.more-bnt a:hover{
	background: #eee;
	color: #e60013;
	display: flex;
	justify-content: center;
	align-items: center;
	width:175px;
	height: 50px;
	font-size: 14px;
	border-radius: 25px;
}
.about_us{
	width: 1200px;
	margin: 0 auto;
	background: #f5f5f5;
	height: 360px;
}
.about_us_img {
	width: 580px;
	float: left;
	margin-right: 50px;
}
.about_us_txt{
	padding: 50px 0;
}
.about_us_txt p{
	width:100%;
	color: #333;
	font-size: 14px;
	line-height: 24px;
}
.about_us_txt h1{
	width:100%;
	color: #0356b6;
	font-size: 20px;
	line-height: 32px;
	font-weight: bold;
	padding-bottom: 20px;
}
.about_us_txt span{
	float: left;
	margin-top: 20px;
}
.about_us_txt span a{
	color: #0356b6;
	width: 150px;
	height: 45px;
	border: 1px solid #0356b6;
	line-height: 45px;
	text-align: center;
	font-size: 14px;
	float: left;
}
.about_us_txt span a:hover{
	color: #fff;
	background: #0356b6;
	width: 150px;
	height: 45px;
}
#index_product{
	width:100%;
	margin: 0px auto 0;
	position: relative;
	z-index: 9;
	background: #f3f3f3;
}
.index_product{
	width:1200px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.index_product_con{
	overflow: hidden;
    height: 614px;
	width: 100%;
	background: #fff;
}

.index_product_con .aside{
    text-align: left;
    padding-left: 53px;
    width: 306px;
    height: 514px;
    background-color: #fff;
    float: left;
    border: 2px solid #eeeeee;
}
.index_product_con .aside .title{
    margin-top: 70px;
}
.index_product_con .aside .title .eng{
    font-size: 30px;
    color: #181818;
    font-weight: bold;
    font-family: "Verdana";
    line-height: 30px;
}
.index_product_con .aside .title h2{
    font-size: 22px;
    color: #181818;
    line-height: 50px;
}
.index_product_con .aside .wenzi{
    margin-top: 55px;
}
.index_product_con .aside .wenzi h3{
    font-size: 18px;
    color: #000000;
    line-height: 54px;
}
.index_product_con .aside .wenzi .txt{
    color: #5c5c5c;
    font-size: 14px;
    line-height: 22px;
}
.index_product_con .aside .zi{
    color: #5c5c5c;
    font-size: 16px;
    margin-top: 128px;
}
.index_product_con .gengduo{
    width: 604px;
    height: 98px;
    background-color: #fff;
    float: left;
    margin-top: -98px;
    border: 2px solid #eee;
	border-top: none;
}
.index_product_con .gengduo .left{
    text-align: left;
    margin-left: 52px;
    margin-top: 20px;
	float: left;
}
.index_product_con .gengduo .left .eng{
    font-size: 18px;
    color: #181818;
    font-family: "Verdana";
    font-weight: bold;
}
.index_product_con .gengduo .left h3{
    color: #181818;
    font-size: 18px;
}
.index_product_con .gengduo a{
    font-size: 14px;
    float: right;
    margin-right: 48px;
    margin-top: 34px;
	color: #333;
}

.slideTxtBox1{ width:894px;float: right;border-top: 2px solid #eeeeee;}
.slideTxtBox1 .hd{background-color: #fff;float: right; width:600px;height:96px;line-height: 96px; text-align: center; border-bottom: 2px solid #eee;border-left: none; border-right: 2px solid #eee;}
.slideTxtBox1 .hd ul{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    *margin-top: 38px;
}
.slideTxtBox1 .hd ul li{border-radius:50%;margin: 0 12px; float:left; width: 11px; height: 11px; cursor:pointer;background: #c9c9c9; font-size:0;}
.slideTxtBox1 .hd ul li.on{background:#003993;}
.slideTxtBox1 .bd{ overflow:hidden; height:516px;}


.subSlideBox{background:#fff;float: left; width:298px; height:256px; overflow:hidden; position:relative; border-bottom:2px solid #eee; border-right:2px solid #eee;}
.subSlideBox .hd1{display: none;}
.subSlideBox .bd1{ position:relative; height:100%; z-index:0;   }
.subSlideBox .bd1 li{ zoom:1; vertical-align:middle; display: flex; justify-content: center;}
.subSlideBox .bd1 img{ width:200px; height:200px;vertical-align: top; margin-top: 14px;}
.subSlideBox .bd1 li .wenzi{ text-align: center;}
.subSlideBox .bd1 li .wenzi h2{ font-weight: normal; color: #262626; font-size: 16px; line-height: 30px;}
.subSlideBox .bd1 li .wenzi .txt{ color: #7a7a7a; font-size: 13px; line-height: 27px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.subSlideBox .prev1,.subSlideBox .next1{ position:absolute; left:27px; top:68px;display:block; width:12px; height:51px; background:url(../images/bleft.jpg) no-repeat center;display: none;}
.subSlideBox .next1{ left:auto; right:27px;background: url(../images/bright.jpg) no-repeat center;}
.subSlideBox .prev1:hover{ background:url(../images/aleft.jpg)}
.subSlideBox .next1:hover{ background:url(../images/aright.jpg)}
.subSlideBox:hover .prev1,.subSlideBox:hover .next1{display: block;}
.subSlideBox:hover .bd1 li .wenzi .txt{color: #032082;}
.subSlideBox:hover .bd1 li .wenzi h2{color: #032082;}

.tabs_item{
	width:160px;
	height: 34px;
	background: #f5f5f5;
	border-radius: 2px;
	display: flex;
	align-items: center;
	text-align: center;
	margin: 0 10px;
	justify-content: center;
}
.tabs_item a{
	color:#333;
	font-size: 14px;
}
.tabs_item a:hover,.cur a{
	color:#fff;
	font-size: 14px;
	background: #e60013;
	border-radius: 2px;
	width: 160px;
    height: 34px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.product_con{
	width:1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 35px 0;
}
.product_con ul{
	width:1200px;
	float: left;
}
.product_con li{
	width:280px;
	float: left;
	overflow: hidden;
	margin: 0 10px 20px;
	border: 3px solid #f5f5f5;
}
.product_con li .pr-img{
	width: 100%;
	float: left;
}
.product_con li .pr-img img{
	width:280px;
	height: 280px;
	object-fit: cover;
    transition:all .3s ease-in;
}
.product_con li .pr-txt{
	width: 100%;
	height: 45px;
	float: left;
	overflow: hidden;
}
.product_con li .pr-txt h1{
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	line-height: 45px;
	height: 45px;
	color: #333;
	background: #fff;
}
.product_con li .pr-txt h1 a{
	color: #333;
}
.product_con li:hover{
	border: 3px solid #0356b6;
}
.product_con li:hover .pr-txt{
	background: #0356b6;
	color:#fff;
}
.product_con li:hover .pr-txt h1 {
	color:#fff;
	background: #0356b6;
}
.product_con li:hover .pr-txt h1 a{
	color:#fff;
}
.title-news{
	color:#fff !important;
}
#index_news{
	width:100%;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
	padding: 35px 0;
}
.index_news{
	width:1200px;
	margin: 0 auto;
	overflow: hidden;
}
.index_news_con{
	width:1200px;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
.index_newsLeft{
	width: 640px;
}
.index_newsLeft img{
	width:600px;
	height: 300px;
}
.hot-news{
	width: 100%;
	display: flex;
	flex-direction: column;
	background: #f7f7f7;
	padding: 20px;
}
.hot-news-img{
	height: 300px;
	width: 100%;
}
.hot-news-txt{
	width: 100%;
	padding: 10px;
}
.hot-news-txt h1{
	width: 100%;
	color: #333;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
}
.hot-news-txt p{
	width: 100%;
	color: #666;
	font-size: 12px;
	line-height: 24px;
}
.index_newsRight{
	width: 540px;
	margin-left: 20px;
}
.index_newsRight ul{
	width:100%;
	float: left;
}
.index_newsRight li{
	width:100%;
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 20px;
	background: #f7f7f7;
}
.index_newsRight li .news_date{
	margin-right: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 84px;
	height: 100px;
	justify-content: center;
}
.index_newsRight li .news_date .day{
	color: #333;
	font-size: 20px;
}
.index_newsRight li .news_date .ym{
	color: #666;
	font-size: 14px;
	padding-top: 10px;
}
.index_newsRight li .news_txt{
	width: 460px;
	float: left;
	height: 84px;
}
.index_newsRight li .news_txt h1{
	color:#333;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0;
}
.index_newsRight li .news_txt h1 a{
	color:#333;
}
.index_newsRight li .news_txt p{
	color:#666;
	font-size: 14px;
	line-height: 24px;
}
#processing-box{
	width:100%;
	margin: 0 auto;
	overflow: hidden;
}
.processing-box{
	width:1200px;
	margin: 0 auto;
}
.processing-con{
	width:100%;
	display: flex;
}
.processing-item{
	width: 360px;
	height: 240px;
}

#index_adv{
	width: 100%;
	margin: 0 auto;
	background: url(../images/adv_bg.jpg) no-repeat center;
	min-height: 1150px;
	overflow: hidden;
}
#index_adv2{
	width: 100%;
	margin: 0 auto;
	background: url(../images/adv_bg_en.jpg) no-repeat center;
	min-height: 1150px;
	overflow: hidden;
}
.index_adv{
	width:1000px;
	margin: 0 auto;
	position: relative;
}
.index_adv .ys1{width:332px;position: absolute;left: 92px;top: 245px;}
.index_adv .ys1 .title{font-size: 20px;color:#000;}
.index_adv .ys1 .title strong{color:#fd1313;}
.index_adv .ys1 .title span{display: block;font-size: 12px;color:#b2b2b2;font-weight: normal;text-transform:uppercase; padding-top: 15px;}
.index_adv .ys1 .content{font-size: 16px;color:#666;line-height: 30px;margin-top: 30px;}
.index_adv .ys1 .content p{line-height: 24px;}

.index_adv .ys2{width:442px;position: absolute;right:0px;top: 485px;}
.index_adv .ys2 .title{font-size: 20px;color:#000;line-height: 32px;}
.index_adv .ys2 .title strong{color:#fd1313;}
.index_adv .ys2 .title span{display: block;font-size: 12px;color:#b2b2b2;font-weight: normal;text-transform:uppercase;padding-top: 15px;line-height: 20px;}
.index_adv .ys2 .content{font-size: 15px;color:#666;line-height: 30px;margin-top: 30px;}
.index_adv .ys2 .content p{line-height: 24px}

.index_adv .ys3{width:352px;position: absolute;left: 92px;top: 856px;}
.index_adv .ys3 .title{font-size: 20px;color:#000;}
.index_adv .ys3 .title strong{color:#fd1313;}
.index_adv .ys3 .title span{display: block;font-size: 12px;color:#b2b2b2;font-weight: normal;text-transform:uppercase;padding-top: 15px;}
.index_adv .ys3 .content{font-size: 16px;color:#666;line-height: 30px;margin-top: 30px;}
.index_adv .ys3 .content p{line-height: 24px;}



.index_about3{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	background: url(../images/indexbg.jpg) no-repeat center;
	background-size: cover;
}
.index_about3 ul li{
float:left; width:50%; position:relative; overflow:hidden; height: 400px;}
.index_about3_mid{
position:absolute; left:0; width:100%; text-align:center; top:50%; margin-top:-7.2188em; height:14.4376em;}
.index_about3_mid_1{
margin:0 auto; width:51%; text-align:center; color:#fff;}
@media screen and (max-width:1440px) {
.index_about3_mid_1{
width:80%;}
}
.index_about3 ul li:nth-child(2n){
background-position:left; background-repeat:repeat-y; background-image:url(../images/index1.jpg);}
.index_about3 ul li:nth-child(1),.index_about3 ul li:nth-child(2){
border-bottom:1px #385160 solid;}
.index_about3_mid_1_2{
font-size:1.5em;}
.index_about3_mid_1_1{
margin-bottom:1em;}
.index_about3_mid_1_3{ height:3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    overflow: hidden;
font-size:0.8125em; line-height:1.5em; color:#ededed; margin-top:1.5em; margin-bottom:1.5em;}
.index_about3_mid_1_4 a{font-family:'Futura Std'; background-position:center bottom; background-repeat:repeat-x; background-image:url(../images/index2.jpg); padding-bottom:0.3em; font-size:0.875em; color:#fff;}
@media screen and (min-width:1090px) {
.index_about3 ul li:hover{
 background-color:rgba(0,78,162,0.7);}
 }
@media screen and (max-width:1090px) {
.index_about3_mid_1_2{
font-size:1.125em;}
.index_about3_mid_1_1 img{
height:2.3em;}
.index_about3_mid{
height:12em; margin-top:-6em;}
}
@media screen and (max-width:950px) {
.index_about3 ul li{
width:100%;}
.mh{
display:none;}
.index_about3_mid{
position:static; margin-top:0; width:100%; padding:2em 0;}
}
@media screen and (max-width:760px) {
.index_about3_mid_1_2{
font-size:1em;}
.index_about3_mid_1_3{
height:auto; overflow:visible;}
}
/*二级页面*/

/*left right*/
#location{
	width:100%;
	margin: 20px auto 0;
	height: 50px;
	overflow: hidden;
	position: relative;
	bottom: 0;
}
.location{width:1200px; margin: 0 auto; overflow: hidden;background: url(../images/nav_bg.jpg) repeat-x;}
.location .home a{ width: 63px; height: 49px; float: left;background: #2d2d2d; display: block;}

.location .nav-box{ width: 1137px; float: left;}
.location .nav-box a{ width:200px; float: left; text-align: center; line-height: 49px;}
.location .nav-box a span{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    color: #dddede;
}
.location .nav-box a.on span,.location .nav-box a:hover span{
	color: #fff;
}
.location .home a:hover,.location .nav-box a.on, .location .nav-box a:hover{
	background: #e60013;
}

#nav-path{
	width:100%;
	margin: 0 auto;
	overflow: hidden;
}
.nav-path{
	width:1200px;
	margin: 20px auto 0;
}
.nav-path h2,.nav-path h2 a{
	font: 12px/20px "微软雅黑",Arial;
    color: #a6a6a6;
}
.nav-path h2 span{
	font-weight: bold;
    color: #666;
}

#inside{ width:1200px; margin: 60px auto 0; overflow: hidden; position: relative; z-index: 99px;}
.container { width:100%; min-height:500px; float:left; }

.box-left-contact { border-top:2px #3671bc solid; margin-top:40px; }
.box-left-contact h1 { display:block; padding:30px 0 10px 10px; font-weight:bold; color:#3671bc; }
.box-left-contact ul { float: left; width: 100%;}
.box-left-contact li { padding:5px 0 5px 10px; font-size: 14px; float: left;}

#title{ width:100%; float: left;}
#title h2{
	width:100%; float: left;
	text-align: left;
	font-size: 20px;
	color: #000;
	line-height: 30px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #f0f0f0;
}

.about_content{ width:100%; float:left; min-height:500px; overflow:hidden; margin-top: 20px;}
.page_content,.message_box{ width:100%; float:left; font-size:14px; line-height:24px; color:#333; margin-bottom: 20px;}
.page_content h2{
	width:100%;
	margin: 0 auto;
	overflow: hidden;
	color: #333;
	font-size: 30px;
	line-height: 32px;
	text-align: center;
	
	padding: 35px 0;
}
/*.page_content span{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	float: left;
	padding-top: 20px;
}
.page_content span a{
	color: #333;
}
.page_content span a:hover{
	color: #e60013

}*/
.about_contentBox{
	width:100%;
	margin: 0 auto;
	overflow: hidden;
	float: left;
}
.about_contentBox ul{
	width:100%;
	float: left;
	margin: 45px 0;
}
.about_contentBox li{
	width: 280px;
	background: #fff;
	float: left;
	margin: 0 10px 20px;
}
.about_contentBox li img{
	width:280px;
	height: 188px;
	float: left;
}
.about_contentBox li p{
	width:100%;
	float: left;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	color: #666;
	height: 40px;
}
.about_contentBox li p:hover{
	background: #e60013;
	color: #fff;
	width:100%;
	display: block;
}

.message_boxForm{ width:100%; float:left; margin: 45px 0;}
.message_boxForm .am-btn-primary{
	background-color: #e60013;
    border-color: #e60013;
}

#news_list{ margin:0px auto; padding:35px 0; overflow: hidden; width: 100%; float: left; min-height: 500px;}
.news_list{ width: 100%; float: left; height: 160px; margin-bottom: 20px; overflow: hidden; padding: 30px; position: relative;}
.news_list::before{content: '';width: 5px;height: 100%; position: absolute;top: 0;left: 0;background-color: #e60013;display: none;}
.news_list .left{float: left;width:560px;padding-right: 40px; height: 100%;}
.news_list .left .title{font-size: 24px;line-height: 24px;color:#333333;height: 80px;overflow: hidden;}
.news_list .left .date{font-size: 16px;color:#333333;letter-spacing: .8px;}
.news_list .right {float: right;width: 570px;padding-left: 30px;border-left: 1px solid #d8d8d8; height: 100%;}
.news_list .right .description{color: #666;font-size: 16px;line-height: 2.1;margin-top: -5px; height: 90px;}
.news_list .right .mored{float: right;color: #333; font-size: 14px; padding-right: 20px; background: url(../images/arrow_more.png) no-repeat right;}


.news_list:hover{background:#f5f5f5;}
.news_list:hover::before{display: block;}
.news_list:hover .left .title,.news_list li:hover .left .date{color:#e60013;}
.news_list:hover .right .description{color: #333;}
.news_list:hover .right .mored{color:#e60013; background: url(../images/arrow_more_hover.png) no-repeat right;}

.pages{ width:100%; float: left; overflow: hidden; margin-bottom: 20px;}
.pagination-blog {
	width:100%;
	text-align: center;
	margin-bottom: 20px;
}

.pagination-blog ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pagination-blog ul li {
	display: inline-block;
	width: auto;
	height: 30px;
	border-radius: 3px;
	padding: 0 10px;
	margin: 4px;
	line-height: 30px;
	font-size: 14px;
	border: 1px solid #ddd;
}

.pagination-blog ul .active a {
	color: #1e88e5;
}
.pagination-blog ul li.sub{
	border:none;
	margin: 0;
}
.pagination-blog ul li .wenbenkuang{
	height:28px;
	width: 28px;
	line-height: 28px;
	border: 1px solid #ddd;
	margin-top: -2px;
}
.pagination-blog ul li .go{
	width: 30px;
	height: 30px;
	background-color: #e60013;
    color: #fff;
	line-height: 30px;
	text-align: center;
	border: none;
}
.pagination-blog ul li .go_cn{
	width: 60px;
	height: 30px;
	background-color: #e60013;
    color: #fff;
	line-height: 30px;
	text-align: center;
	border: none;
}

#news_view{ margin:0px auto; padding:25px 0; overflow: hidden; width: 100%; float: left; min-height: 500px;}
.viewbox{ width:100%; float:left; font-size:14px; line-height:24px; color:#333; min-height:500px; overflow:hidden;}
#article_title { float:left; width:100%; text-align:center; line-height:30px; padding-bottom:25px;}
#article_title h1{-x-system-font:none; color:#333; font-family:"微软雅黑",arial; font-size:20px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; line-height:30px;}

#article_small{ float:left; color:#666; width:100%; font-size:12px; padding-top:7px; text-align:center; background:#f8f8f8; border:1px dotted #ddd; padding-bottom:6px;}
#article_small span{ margin-right:8px; color:#666;}
#article_small span a{ color:#666;}
#article_small span a:hover{ color:#996600;}

.view_content{ font-size:14px; float:left; color:#000; line-height:24px; width:100%; padding-top:10px; min-height:400px;}

.handle{ width:100%; overflow:hidden; clear:both; float:left;}
.turn { width: 100%; border-top: 1px solid #e0e0e0; padding-top: 25px; margin-top: 30px; position: relative; float:left;}
.turn p,.show_turn p { float: left; font-size: 12px; line-height: 32px; font-weight: bold; padding: 0 20px; border-right: 1px solid #fff; background: #ececec; margin-bottom: 7px; }
.turn a.name { display: inline-block; min-width: 322px; padding: 0 10px; background: #f4f4f4; float: left; line-height: 32px; margin-bottom: 7px; }
.turn a.back { display: inline-block; font-weight: bold; line-height: 32px; padding: 0 28px; background: #ececec; position: absolute; top: 25px; right: 0; }
.turn a:hover,.show_turn a:hover { color: #035cac; }
.turn .line,.show_turn .line { width: 100%; height: 0; line-height: 0; clear: both; }
.jiathis_style { position: absolute; bottom: 14px; right: 0; }
.jiathis_style span.t { display: inline-block; line-height: 16px; float: left;}

.viewbox table tr td{ line-height:24px;}

.honor_box{ width:1200px; float:left;}
.honor_list{ width:100%; margin-top: 15px;}
.honor_list ul{ width:100%; float:left;}
.honor_list li{ float: left; margin: 0px 10px 15px; width: 280px; overflow:hidden;}
.honor_list li .case_pic{
	width:280px;
	float: left;
	height: 188px;
}
.honor_list li .case_pic img{
	width:280px;
	float: left;
	height: 188px;
}
.honor_list li .case_name{
	width:280px;
	float: left;
	line-height: 36px;
	text-align: center;
	height: 36px;
	background: #f8f8f8;
}
.honor_list li .case_name a{
	color:#333;
}
.honor_list li .case_name a:hover{
	background: #e60013;
	color: #fff;
	width: 100%;
	display: block;
}
.honor_list li .honor_pic{
	width:280px;
	float: left;
	height: 384px;
}
.honor_list li .honor_pic img{
	width:280px;
	float: left;
	height: 384px;
}

#dituContent{ margin-left:20px;}


.area_left{
	width: 260px;
	float: left;
}
.area_right{
	width: 920px;
	margin-left: 20px;
	float: left;
}
.products_content{ width:100%; float:left; min-height:500px; overflow:hidden;position: relative;
	z-index: 9
}

.products_list,.products_box{ width:100%; float:left; overflow:hidden; min-height:500px; padding-bottom: 20px; }
.products_list ul{ width:100%; float:left;}
.products_list li{
	width:210px;
	float:left;
	margin:0 20px 20px 0;
	text-align:center;
	border: 3px solid #f5f5f5;
	/*border-bottom: 3px solid #f5f5f5;*/
}
.products_list li:hover{
	border: 3px solid #e60013;
	width: 210px;
	float: left;
}
.products_list li a{ color:#666; text-decoration:none;    float: left;
    width: 100%;}
.products_list li p{ width:204px; float:left; text-align:center; line-height:30px; height: 30px; background:#f5f5f5; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; color:#666;}

.products_list li img{ width: 204px; height: 204px;object-fit: cover;
    transition:all .3s ease-in;}
/*.products_list img:hover{
    transform:scale(1.1);
}*/
.products_list li:hover p{
	background: #e60013
}
.products_list li:hover p a{
	color: #fff
}
.products_list li:nth-child(4n){
	margin:0 0 20px 0;
}

.box-left-nav{  width:100%; float: left;}
.box-left-nav li {
	padding:15px 0;
	font-size: 16px;
	line-height: 36px;
	width: 100%;
    height: 66px;
    background-color: #e6e6e6;
    text-indent: 40px;
	float: left;
	border-bottom: 1px solid #ccc;

}
.box-left-nav li a{ color:#4c4c4c; font-weight:bold;}
.box-left-nav li a.A {  color:#3671bc; }
.box-left-nav li:last-child{ border-bottom:none;}

.pro_menu{width:100%; float:left;position:relative;z-index:20;}
.pro_menu dt{
	/*padding:15px 0;
	font-size: 16px;
	line-height: 36px;*/
	width: 100%;
    height: 66px;
    background-color: #e6e6e6;
    text-indent: 40px;
	float: left;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.pro_menu dt a{ color:#4c4c4c; font-size: 16px; line-height: 66px; height: 66px; float: left; width: 100%; font-weight: normal;}
.pro_menu dt a:hover{ color:#fff; background:#e60013; display: block;}
.pro_menu dt img{ float:right; width:15px; vertical-align:middle; /*margin: 13px 10px 0 0;*/position: absolute;
    top: 24px;
    right: 15px;}
.pro_menu dl.on dt{background:#e60013;}
.pro_menu dl.on dt a{ color: #fff;}

.pro_menu dd{display:none;}
.pro_menu dd a{background:#f5f5f5; display:block;font-size:14px;color:#666;line-height:32px;padding:10px 0 10px 40px; margin-bottom: 5px;    float: left;
    width: 100%;}
.pro_menu dd a.on,.pro_menu dd a:hover{color:#e60013;}



.pro_menu_en{width:100%; float:left;position:relative;z-index:20;}
.pro_menu_en dt{
	padding:15px 0 15px 10px;
	font-size: 14px;
	width: 100%;
    height: 66px;
    background-color: #e6e6e6;
	line-height: 24px;
	border-bottom: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
}
.pro_menu_en dt a{ color:#4c4c4c; font-weight:normal;}
.pro_menu_en dt img{ width:15px; height: 15px; vertical-align:middle; margin: 6px 10px 0 0;}
.pro_menu_en dl.on dt{background:#e60013;}
.pro_menu_en dl.on dt a{ color: #fff;}

.pro_menu_en dd{display:none;}
.pro_menu_en dd a{background:#f5f5f5; display:block;font-size:14px;color:#666;line-height:26px;padding:5px 0 5px 15px; margin-bottom: 5px;}
.pro_menu_en dd a.on,.pro_menu_en dd a:hover{font-size:16px;color:#00923fc7;font-weight:bolder;}



#measure{
	width: 100%;
	margin: 0 auto;
	background: url(../images/foot_text.jpg) no-repeat;
	height: 200px;
}
.measure{
	width:1200px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 200px;
}
.measure h1{
	margin-top: 20px;
	color: #666;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
}
.measure p{
	margin-top: 10px;
	color: #666;
	font-size: 16px;
}
/*底部*/
#footer {
	width: 100%;
	margin: 0 auto;
	background: #f3f3f3;
	padding: 30px 0;
	overflow: hidden;
}
.footer {
	width: 1200px;
	margin: 0 auto;
	padding-top: 10px
}
.footer_item {
	width: 240px;
	/*padding: 0 0 0 25px;*/
	float: left;
	min-height: 200px;
	position: relative;
	z-index: 9
}
.footer_item h1 {
	width: 100%;
	float: left;
	color: #81818;
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
	padding-bottom: 10px
}
.footer_item ul {
	width: 100%;
	float: left
}
.footer_item li {
	width: 100%;
	float: left;
	color: #d3d3d3;
	line-height: 24px;
	font-size: 14px
}
.footer_item li a {
	color: #8d8d8d
}
.footer_item li.code img{
	width: 120px;
	height: 120px;
	margin: 10px 0;
}
.footer_code {
	width: 720px;
	float: left;
	position: relative;
	z-index: 9
}
.code_item{
	width:240px;
	margin-top: 50px;
	float: right;
}
.code_item ul{
	width:100%;
	float: left;
}
.code_item li{
	width:100px;
	float: left;
}
.code_item li:last-child{
	margin-left: 40px;
}
.code_item li img{
	width:100px;
	height: 100px;
}
.code_item li p{
	float: left;
	width:100%;
	line-height: 24px;
	color: #d3d3d3;
	font-size: 12px;
	text-align: center;
}
.footer_text{
	width:350px;
	float: left;
}
.footer_text h1{
	width: 100%;
	float: left;
	color:#181818;
	font-size: 16px;
	line-height: 30px;
    padding-bottom: 10px;
	padding-left: 20px;
	font-weight: normal;
}
.footer_text ul{
	width:100%;
	float: left;
	padding-left: 20px;
}
.footer_text li{
	width:100%;
	float: left;
	line-height: 24px;
	color: #ababab;
	font-size: 14px;
	margin-bottom: 10px;
}
.footer_text li.tels{
	background:url(../images/footer_icon1.png) no-repeat;
	padding-left: 30px;
}
.footer_text li.fax{
	background:url(../images/footer_icon2.png) no-repeat;
	padding-left: 30px;
}
.footer_text li.email{
	background:url(../images/footer_icon3.png) no-repeat;
	padding-left: 30px;
}
.footer_text li.url{
	background:url(../images/footer_icon4.png) no-repeat;
	padding-left: 30px;
}
.footer_text li.add{
	background:url(../images/footer_icon5.png) no-repeat;
	padding-left: 30px;
}


#footer_copyright{ width:100%; background: #e60013; padding: 10px 0px; margin: 0px auto; overflow: hidden;}
.footer_copyright,.footer_pic{ width: 1200px; margin: 0px auto; overflow: hidden;}
.footer_copyright p{ color: #fff; font-size: 14px; line-height: 24px;}
.footer_pic{ text-align:center;}

.view_pic {width:920px;float:left;margin:10px 0px;overflow:hidden;}
.view_picleft {width:600px;padding:20px;border:1px solid #ddd;float:left;margin-right:18px;text-align:center;}
.view_picleft img {width:500px;height:500px;vertical-align:middle;text-align:center;}
.view_picright {width:300px;float:left;}
.view_picright li {width:100%;float:left;margin-bottom:20px; font-size: 14px; color: #333;}
.view_picright li span{margin-right:10px;}

.buy_al{
	margin-top: 25px;
	display: block;
    width: auto;
    height: 85px;
    color: #000000;
    line-height: 35px;
    margin-bottom: 10px;
    text-decoration: none;
    text-align: left;
    background-image: url(../images/p_al.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: 35px;
    padding-top: 2px;
    cursor: pointer;
}
.buy_al:hover{
	background-image: url(../images/p_al1.jpg);
}


#feature-top {
	width: 100%;
	margin: 35px auto;
    z-index: 999;
    position: relative;

}
#feature-top .container{
	width:1200px;
	margin: 0 auto;
	float: inherit;
	min-height: inherit;
}
.services-two .s-single-services {
box-shadow: 3px 4px 25px #0000001A;
    border-radius:0 0 0 0;
    background-color: #fff;
	height: 310px;
}
.services-two .s-single-services .btn2{
    display: inline-block;
    color: #f3525a;
}
.services-area.gray-bg{position: relative;z-index: 1;overflow: hidden;}
.single-services {
	background: #fff;
	box-shadow: 0px 5px 17px 0px rgba(0, 0, 0, 0.07);
	position: relative;
}
.single-services::before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	left: 5px;
	top: 5px;
	background: #f3525a;
	z-index: -1;
	transition: .3s;
	opacity: 0;
}
.service-t h2 {
	top: 55px;
}
.services-thumb img {
	width: 100%;
}
.services-content span {
	display: block;
	height: 2px;
	width: 150px;
	background: #f3525a;
	transition: .3s;
	margin-bottom: 55px;
}
.services-content {
	padding: 60px 40px;
	padding-bottom: 55px;
}
.services-content small {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: block;
	margin-bottom: 20px;
}
.services-content h4 {
	font-size: 24px;
	margin-bottom: 23px;
}
.services-content h4:hover a{color: #f3525a;}
.services-content p{margin-bottom: 0;}
.single-services:hover .services-content span {background: #f3525a;}
.single-services:hover::before{opacity: 1;}
.services-active .slick-dots {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -40px;
	line-height: 1;
}
.services-active .slick-dots li{display: inline-block;margin: 0 5px;}
.services-active .slick-dots li button {
	text-indent: -99999px;
	border: none;
	padding: 0;
	height: 5px;
	width: 20px;
	background: #f3525a;
	border-radius: 50px;
	z-index: 1;
	cursor: pointer;
	transition: .3s;
}
.services-active .slick-dots li.slick-active button {
	width: 50px;
	background: #f3525a;
}
.services-active .slick-track {
	padding-bottom: 10px;
}

.services-icon i {
    font-size: 48px;
	border-radius: 50%;
	color:#f5f5f5;
	text-align: center;
}
.services-two .services-icon {
   display: inline-block;
width: 136px;
height: 110px;
background: url(../images/f-icon-bg.png);
margin-bottom: 20px;
margin-top: -30px;
margin-left: -31px;
text-align: center;
line-height: 110px;
}
.services-icon .glyph-icon::before {
    font-size: 48px;
    color: #e60013;
    margin-left: 0;
}
.services-icon2 {
    position: absolute;
    right: 5%;
    top: 75px;
}
.services-icon2 .glyph-icon::before {
    font-size: 120px;
    color: #8ca8ff29;
    margin-left: 0;
}
.services-two .second-services-content{
    float: left;
width: 100%;
}
.services-two .s-single-services {
   transition: .3s;
padding: 30px 30px;
border: none;
margin-bottom: 30px;
border-radius: 0;
  
}
.services-two .s-single-services{
    float: left;
	width: 100%;
}
.second-services-content h5 {
	font-weight: 700;
	transition: .3s;
	letter-spacing: 0;
	font-size: 22px;
	color:#242f51;
	padding-bottom: 20px;
}
.second-services-content p {
	margin-bottom: 0;
	line-height: 24px;
	font-size: 14px;
}
.second-services-content a {
	/*font-size: 14px;
	font-weight: 500;
	color: #6e6e6e;
	position: relative;
	transition: .5s;*/
}

.second-services-content a::after {
	left: -40px;
	right: unset;
	opacity: 0;
}
.s-single-services {
	transition: .3s;
	padding: 30px;
	border: 5px solid #f5f8fa;
}
.s-single-services .active-icon{display: none;}
.s-single-services .d-active-icon{display: block;}

.s-single-services:hover {background: #fff;}
.s-single-services:hover .second-services-content h5{color: #fff;}
.s-single-services:hover .second-services-content a{color: #f3525a;}

.s-single-services.active {background:url('../images/se-hover-bg.png');  box-shadow: 3px 4px 25px #0000001A;background-repeat: no-repeat; background-size: cover;}
.s-single-services.active .services-icon {background: url(../images/f-icon-bg-hover.png);}
.s-single-services.active .second-services-content h5{color: #fff;}
.s-single-services.active .second-services-content a,#feature-top .s-single-services.active .btn2,.s-single-services.active .services-icon .glyph-icon::before{color: #fff;}
.s-single-services.active .second-services-content p{
    color: #fff;
}
.s-single-services.active .active-icon{display: block;}
.s-single-services.active .d-active-icon{display: none;}
.services-bg {
	background-position: center;
	background-size: cover;
}
.services-active2{
    padding-top: 300px;
}
.services-active2 .slick-arrow {
   position: absolute;
    top: 50%;
    left: -60px;
    border: none;
    background: none;
    padding: 0;
    font-size: 24px;
    color: #f3525a;
    z-index: 9;
    cursor: pointer;
    transition: .3s;
}
.services-active2 .slick-next {
    left: inherit;
    right: -60px;
}
.services-active2 .slider-nav .slick-list.draggable {
    width: 1100px;
    float: right;
}
.services-item {
    padding: 30px 0;
background: #fff;
margin: 22px 15px;
box-shadow: 3px 4px 15px #0000001A;
text-align: center;
width: 336px;
border-radius: 10px;
}
.services-active2 .slider-nav {
    position: absolute;
    top: 130px;
}
.services-active2 li
{
    display: flex;
    margin-bottom: 10px;
}
.services-item h3{
    font-size: 20px;
}
.services-item .glyph-icon:before{
    font-size: 60px;
}
.services-active2 li .icon{
    padding-right: 10px;
}
.services-item.slick-slide.slick-current.slick-active {
    background: #e60013;
}
.services-item.slick-slide.slick-current.slick-active .glyph-icon:before{
    color: #fff;
}
.services-item.slick-slide.slick-current.slick-active h3{
    color: #fff;
}

/* 4. about */
.about-area{
	width:100%;
	margin: 0 auto;
	padding-bottom: 35px;
	min-height: 500px
}
.about-area .container{
	width:1200px;
	margin: 0 auto;
	float: inherit;
	min-height: inherit
}
.about-img {
	margin-left: -50px;
}
.about-text {
	position: absolute;
	bottom: 65px;
	right: 30px;
	height: 135px;
	width: 265px;
	text-align: center;
	background: #f3525a;
	box-shadow: 5px 5px 0 0 #f3525a;
}
.about-text span {
	font-size: 24px;
	color: #fff;
	font-style: italic;
	top: 30px;
	position: relative;
}
.about-title > span {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	background: #f3525a;
	height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	margin-bottom: 30px;
}
.about-title h2 {
	font-size: 38px;
    line-height: 1.4;
    margin-bottom: 35px;
}
.about-title p span {
	display: inline-block;
	height: 2px;
	width: 40px;
	background: #f3525a;
	margin-right: 20px;
	position: relative;
	top: -5px;
}
.about-title p {
	font-size: 18px;
	margin-bottom: 0;
}
.about-content p {
	margin-bottom: 45px;
	font-size: 14px;
	line-height: 24px;
}
.section-t h2 {
	font-size: 350px;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	z-index: -1;
	color: #242f51;
	opacity: .05;
	margin: 0;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-style: italic;
	top: -35px;
	line-height: 1;
}
.ab-coutner{
	margin-top: 20px;
}
.second-about {
	top: 62%;
	transform: translate(-50%,-50%);
	left: 74%;
	right: 0;
	bottom: 0;
}
.second-atitle > span {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: #f3525a;
	letter-spacing: 2px;
	display: inline-block;
	margin-bottom: 20px;
	background: transparent;
}
.s-about-content p {
	margin-bottom: 15px;
}
.sinature-box {
    background: #e60013;
    position: absolute;
    top: 55%;
    left: 0;
    width: 64%;
    padding: 30px;
    box-shadow: 3px 4px 25px #0000001A;
	height: 338px;
}
.sinature-box h2{
    font-size: 30px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}
.sinature-box h3{
    font-size: 25px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}
.signature-text{font-size: 22px; color: #f3525a;font-family: 'Rubik', sans-serif;font-weight: 600;}
.circle-right{
    display: inline-block;
}
.ab-coutner li {
    display: inline-block;
    margin-right: 22px;
}
.ab-coutner .single-counter p {
    font-size: 20px;
    margin-bottom: 0;
    color: #444d69;
    font-weight: 500;
}

.s-about-img{
	float: right;
}
.s-about-img img{
	height:605px;
	width: 477px;
}

.btn.ss-btn {
	background:#e60013;	
	color:#fff;
}
.btn.ss-btn:hover {background: #f3525a;
color: #fff;}
.slider-btn:hover .btn-after{
    margin-top: -50px;
margin-left: 0px;
}
.mt-30{
	margin-top: 30px;
}

/* button style */

.btn {
	-moz-user-select: none;
	background:  transparent linear-gradient(90deg, #f3525a 0%, #f3525a 100%) 0% 0% no-repeat padding-box;
	border: none;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 0;
	padding: 18px 45px;
	text-align: center;
	text-transform: unset;
	touch-action: manipulation;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
	position: relative;
    z-index: 999;
    border-radius: 0;
}

.btn:hover{color: #fff;}
.btn:hover::before{opacity: 0;}

.section-title span {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: #f3525a;
	letter-spacing: 2px;
	display: block;
	margin-bottom: 20px;
}
.section-title h2 {
	font-size: 35px;
	padding-bottom: 0;
	margin-bottom: 10px;
	position: relative;
}
.section-title h2::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	width: 60px;
	background: #f3525a;
	margin: auto;
	transition: .3s;
    display: none;
}
section:hover .section-title h2::before{width: 100px;}

.blog-area{
	width:100%;
	margin: 0px auto 35px;
}
.blog-area .container{
	width:1200px;
	margin: 0 auto;
	float: inherit;
	min-height: inherit;
}
.blog-thumb img {
	width: 100%;
}
.blog-thumb .b-meta {
    padding: 10px 25px;
    background: #e60013;
    color: #fff;
}

.blog-content {
	background: #fff;
	padding: 40px 30px;
	position: relative;
	z-index: 1;
}
.b-meta ul li {
	display: inline-block;
	margin-right: 5px;
}
.b-meta ul li:last-child{margin-right: 0;}
.b-meta ul li a {
	font-size: 14px;
	text-transform: uppercase;
	color: #6e6e6e;
}
.b-meta ul li a.corpo{color: #f3525a;}
.b-meta ul li a:hover {color: #f3525a;}
.blog-content h4 {
	font-size: 19px;
	margin-bottom: 20px;
	line-height: 1.3;
}
.blog-content h4:hover a{color: #f3525a;}

.single-post:hover .blog-btn{opacity: 1;}

.blog-btn a {
    display: inline-block;
    color: #f3525a;
    text-align: center;
    font-size: 14px;
}
.blog-btn a i{
    margin-left: 5px;
}
.b-meta i{
    margin-right: 5px;
    color: #fff;
}
.single-post{transition: .3s;background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow:3px 4px 15px #00000026;
overflow: hidden; margin: 10px 0;}


.bsingle__post-thumb img {
	  width: 100%;
}
.bsingle__post .video-p {
  	position: relative;
}
.bsingle__post .video-p .video-i {
	height: 80px;
	width: 80px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	background: #fff;
	color: #f3525a;
}
.blog-active .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 40px;
	border: none;
	background: none;
	padding: 0;
	font-size: 30px;
	color: #fff;
	z-index: 9;
	opacity: .4;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	cursor: pointer;
}
 .blog-active .slick-arrow.slick-next {
    right: 40px;
	left: auto;
}
 .blog-active .slick-arrow:hover {
	opacity: 1;
}
.mb-80{
	margin-bottom: 50px;
}

/* 12. counter */
.single-counter i {
	display: inline-block;
	width: 80px;
	height: 80px;
	background:#f3525a;
	border-radius: 50%;
	margin-bottom: 30px;
	color:#fff;
	font-size: 40px;
	line-height: 80px;
}
.single-counter img{
    margin-bottom: 30px;
}
.count {
	font-size: 35px;
	color: #f3525a;
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	margin-bottom: 13px;
	line-height: 1;
	display: inline-block;
}
.counter small {
	font-size: 35px;
	font-weight: 500;
	color: #f3525a;
	line-height: 1;
	position: relative;
	font-family: 'Rubik', sans-serif;
}
.single-counter p {
font-size: 16px;
margin-bottom: 0;
    color: #fff;
}
.single-counter .line {
    display: inline-block;
    width: 1px;
    height: 50px;
    background: #f3525a;
    margin-bottom: -5px;
    margin-top: 10px;
}
.slideTxtBox{width:1200px; margin:0 auto; overflow: hidden; position: relative;}
.slideTxtBox .bd{width:1200px; margin:0 auto;}
.slideTxtBox .bd ul{
	width:100%;
	float: left;
}
.slideTxtBox .bd li{
	width: 230px;
	margin: 0 10px;
	float: left;
}


.xw-aside {
    width: 60px;
    position: fixed;
	right: 0px;
    top: 10%;
    z-index: 8888;
    margin-left: 620px
}

.xw-aside,.xw-aside * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.xw-aside li {
    height: 60px;
    width: 60px;
    margin-bottom: 1px;
    background-color: #e60013;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.xw-aside a {
    height: 100%
}

.xw-aside a,.xw-aside span.icon {
    display: block;
    width: 100%;
    overflow: hidden
}

.xw-aside span.icon {
    height: 35px;
    background-position: 50% 90%;
    background-repeat: no-repeat
}

.xw-aside span.text {
    display: block;
    height: 25px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    font-size: 12px
}

.xw-aside li:hover {
    background: #da363c
}

.xw-aside .liNew,.xw-aside .liNew:hover {
    background: none
}

.xw-aside .liTalk span.icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTI3MUM1NUE2NzREMTFFQTlEQ0FDOTQ2MDk3RjREMkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTI3MUM1NTk2NzREMTFFQTlEQ0FDOTQ2MDk3RjREMkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjcyNUEwQjZFNURCNDExRUFCMzUwREJGNTcwQjQ4NTRDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjcyNUEwQjZGNURCNDExRUFCMzUwREJGNTcwQjQ4NTRDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+88JcNQAAAjVJREFUeNq81s1LlEEcwPHHzUNQhGYFSYJtRbR20YNUHrxmiIikZlBIREG+oGQQnQLdg1DgH2CHCKKToIEISsrSIRBCurQglm+xsJkv6wsK5tN35BcMw/M8O49BA59lZuc3z293Zp55Hsd1XcdSLRLIuNnLCoZQpsbmqA+L0oB+TGIAvwJic3AB11GIumxJLqIW9zCDG459ycd7LPtNTT5eIo1NmYImrb8Dt6XehQapP0ajFtemps4rwSmMYQlxuaAqJ7SY7/gs9R+yVqq+gI9a3C3seSUZxgyuSDuGHbRrMcU4I/UoTkv9LAq1uG7MmgmeYAvVxveD+IrSELuxAin0mQs/hS+4ayziJbzGeUwgBb8dk4sorknsHT1JJcZlB414DD6OVpQjz+grwhEksYclJNC336v9PTXnyyGmQxeXdfTsj2i/5hhWnIOVHfknniVitN0DJskEdUac/1D+JonhMo7iYchrxGQzHEabZ4Scrmo/z2EK2xgIcS/MYxGTco+pmzlPj3PkeBiW80q16yVRi0WSCTmCCqRdiTU8NZP8xgNj8Cf0WyRZk0NR/24U78wtvIECYxZVe91iPdZ9xm6YR4A68x9hF2ncxEm8sUgyiPvYxDxq5Bn0zFx4NZ9vtedG0nh2BFHr+AqrMnYazWac3ohqx3tYz/HNr9/2GZ+tfJB1qPE7lv+19OIqGp2As9+mqJeJThyS9ra8sZxDCXow5Dvacs5fGO9Vu/gp90NVtvF/BBgA6xMOUQGnCKcAAAAASUVORK5CYII=)
}



.xw-aside .liTop {
    display: none;
    background: #d1d1d1;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAOCAYAAAAxDQxDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNjQxOUY3MTVEQjUxMUVBODVBQTlBREZGNjY4RTE2NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNjQxOUY3MjVEQjUxMUVBODVBQTlBREZGNjY4RTE2NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI2NDE5RjZGNURCNTExRUE4NUFBOUFERkY2NjhFMTY0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI2NDE5RjcwNURCNTExRUE4NUFBOUFERkY2NjhFMTY0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fm38iAAAANBJREFUeNpiYCAB/P//XxSILwPxEiBmZqAFQLLkLBC/BuLFQMxIbUv4gfgSEJ+EsnWB+AMQT6eaZVCDQRZcBLGRxM2B+CNVLEOyBBRkoljkYZZNocQSLiA+hssSJHUWQPwNiDvItWQfEN/BZwmSeieSLUOzRIYEfTDLmolRzAbEO0m1BEm/KxD/AuIKQpZsAuInQCxHQdz64bQMzRIVKmQJmGVFyILMQLyaWpYgmRsMxH+AOBMmsARapGjQoNiKhlsGJNaCihQGGgGoZW8BAgwAN2M//F7cT3YAAAAASUVORK5CYII=);
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.xw-aside .liCart a {
    position: relative
}

.xw-aside .liCart .num {
    display: block;
    background: red;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 7px;
    right: 10px;
    border-radius: 100%;
    font-weight: 200;
    display: none
}

.xw-aside .liTalk {
    position: relative
}

.xw-aside .liTalk:hover .pop {
    display: block
}

.xw-aside .pop {
    position: absolute;
    right: 100%;
    top: -14px;
    background: #fff;
    width: 270px;
    border: 1px solid #e7e7e7;
    display: none;
    padding: 0;
    left: auto;
    overflow: visible
}

.xw-aside .pop:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #fff;
    border-bottom: 5px solid transparent;
    position: absolute;
    right: -6px;
    top: 50%;
    margin-top: -6px
}

.xw-aside .pop li {
    width: 100%;
    height: auto;
    background: none;
    padding: 0 10px
}

.xw-aside .pop li:last-child .media {
    border: none
}

.xw-aside .pop .media {
    padding: 16px 0 16px 10px;
    border-bottom: 1px solid #e7e7e7
}

.xw-aside .pop .img {
    width: 26px;
    height: 26px;
    float: left
}

.xw-aside .pop .media-heading {
    color: #333;
	margin-left: 40px;
}
.xw-aside .pop p {
	margin-left: 40px;
	font-size: 16px;
	font-weight: bold;
}

.xw-aside .pop .media-body {
    color: #666;
    font-size: 12px
}

.xw-aside .pop a:hover .media-heading {
    color: #e33d40
}

.xw-aside .pop .popItem1 .img {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQwNjFBMDk3QzRFNjExRUFCNzE5OUUxRkZDQkQyMEREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQwNjFBMDk4QzRFNjExRUFCNzE5OUUxRkZDQkQyMEREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDA2MUEwOTVDNEU2MTFFQUI3MTk5RTFGRkNCRDIwREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDA2MUEwOTZDNEU2MTFFQUI3MTk5RTFGRkNCRDIwREQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4dJzfoAAADAUlEQVR42qyWa2iOYRjH371by6nIWSkMhcwXy+SQ86H4QA45NWZGKKlhEj44Z1k5pIXltBCakUPMyCGZzXmjiAg1I6dlxGb+V/3euvf0vu9es7t+Pefnfz/X9b+u+4lKTU31OWOxWCWaiaNiifjla4Dhd/ZXil2iJccLxB5fA40YR2Sz+CCGi4+iSMwW98SOIM+uEb3EK3FZXBNV4b4oxREZJkpEmZhE2DLE4CDPzhPTmKQJveZcdCghu/EbIqXOtTtikYgVJ0QHz7N9RH8xg3y2FXvFRdEimJDlpNgjEhjZPNxOLPdc+yoKETGxnhyPEHlMsJbQW2LtDxHeHLbdPOcfikpxXUwXL8RQvmiI2OgVuiLac5N32JfsY7/Ac83MUk7+johD4jd5e09pxLlCFpoake55UWuRL7qLM1jfa4bOIkE8FrPEWvFFbCJ0C12hJ+K8GC1GOS/KFPGYwkJTHSK0d3n2M3m0Yj8m/nC+VsGmUwPbRSPOPWDbJIxIYJSRy8akoJycdfUKlSJizlnHuZ18bW/nXLhRwrYV2zcIx3pb0GrxVKSJsSR2Dl+a5glrKHdOEcc5tvyMDPRKV+gnjrHtYexcRFijKdr4MEJm9ZPiB8fPxNVgTdXGI7qBOS5XNMcUB9k30/T43+4dGPbSLcw+DzOkINyRAvX2viiRRJdYL9pEIuRjTcrBQbmEbqo4wEsKuCcGkSwmOI1cW8fvF4lQDUY4JcaIc9g+GWP4aDE36QjzKW774q1sbdmYW5eQj9qxGZ7GPfnkLpNuYIWcSEewaxPEO8wz02nKuy0iMXXk0Kw5mVlbd7gtxmOaASz9cYSx0nnOet9zImI2r/BHYJgqZp1BpRdSL9WsvEs9Im7THch9yf4I3Wl9awWNNJaizKKvhRtdMFKF/x/LIRtrv+TnxUI4McS9dt9Z9jf461F7xSzjluRO2P+GGOf8L5jIBdFULBP76yNk4ztGSGDhHMTsbcG7JS45Itvqsnck4z7/CInk7JPoyzKRFBCx8VeAAQARprnplKyeOgAAAABJRU5ErkJggg==) no-repeat 50% 50%
}

.xw-aside .pop .popItem2 .img {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU0N0FEODlFQzRFNjExRUFBNDYxODc1Q0IxNzgwRTVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU0N0FEODlGQzRFNjExRUFBNDYxODc1Q0IxNzgwRTVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTQ3QUQ4OUNDNEU2MTFFQUE0NjE4NzVDQjE3ODBFNUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTQ3QUQ4OURDNEU2MTFFQUE0NjE4NzVDQjE3ODBFNUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz40gg50AAABEElEQVR42mJMTU01YGBgmAfEhgy0AeeBOIkFSCwEYj0g3grEV6hsiQ4Qe4PsYIFashGIA2jkow1A7M8E5VxnoB0Am83EQCcwatGoRURZ1ArEn6E0qWIkWVQCxDxAnEeGGEkW9QDxVyCeRIYYBmDBI1cNxeSIjSbvUYsIW8RHQzsEYcn7NRAnAPElIL5LQNMeNL4ZEJ9Cyy5WQMwG5SsDcSzIDpBEBRDPBOIZRLiOEY1/EogLgXgClB8NxAvQ1PwB4lwWaAvoABArkREs24C4D4j/A/FEIOZCsvAVlH0TiB/DSoZ7UEwqCIQ2Pvqhlv2Gih8B4kfEFkHEgF9Ilk2ABiXNkvdPaFNtJxBb4FIEEGAAb689AAItfTQAAAAASUVORK5CYII=) no-repeat 50% 50%
}

.xw-aside .pop .popItem3 .img {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjY5Njc5RUZEQzMxMTFFRDkxRjJDOUQ1OTRGQkZEMzgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjY5Njc5RUVEQzMxMTFFRDkxRjJDOUQ1OTRGQkZEMzgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDA2MUEwOTdDNEU2MTFFQUI3MTk5RTFGRkNCRDIwREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDA2MUEwOThDNEU2MTFFQUI3MTk5RTFGRkNCRDIwREQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7g2d49AAAB4klEQVR42sSWzyuDcRzH99hyECXJTZo4KWflD8BhKSklB0tWSpLL4uCqXTT5cXjKhItFDmSUHSSus5zEaZymCVnSjHl/6v3U03oenj0e863Xnu37PPu8v5/v58f3UQqFgqscwyMfgUCgCpcBUO2w/SyIqqr66uGEiET+0KE1TUjzRHFYoKDZrnCVaXhM5utBD3CXaO8DHIKMVaEpMG1z8XNgxqpQGFzZ2NpPcFTK1t2DDSdj9O/J0AC6ixZyA86dFpo0SIZnUMvvXhBkZsqi0iAGQiBVitC8QTJc8yqebrMQRSAJmsEYGAJ9IG5VKGOSDF6KSH0Ng01mmizID5bALmgDd79JhiA9kdWvU0RL61UwAWr4nCWPWsGgrvftgQRjkqYnRiPCgu2yKiR7Pav73QhGGPikzhOjFnTLmFkSklUd874YveB8mkYqTMQkdk3gwWrBvoEzcAJOwQvnY/TKb/K/AKgDB7qDL28nGUIUlewa1XV3NxNkgWdQmPOdYMuOUIp18g5UbmWCvXGFW61QqBJcgke7vS7OOlmmEYnZE1gELWAf+MAOxb5Nhp+GFOO4yb1+ivhY3L16j7K6M94uErt2kKOY1F6HFkfNo2jRS4qdkde1nRw9cbO2XEq5XiC/BBgAhG98l+zlilIAAAAASUVORK5CYII=) no-repeat 50% 50%
}

.xw-aside .pop .popItem4 .img {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFBMEQxQzRCQzRFNzExRUE4REY3RkFDMEY4M0Y4Qjk3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFBMEQxQzRDQzRFNzExRUE4REY3RkFDMEY4M0Y4Qjk3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUEwRDFDNDlDNEU3MTFFQThERjdGQUMwRjgzRjhCOTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUEwRDFDNEFDNEU3MTFFQThERjdGQUMwRjgzRjhCOTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4LJ4GXAAACdklEQVR42rzWW4hNURzH8XPOSNJQRg1GlBc6Dy7j1FCkSDy4NDWFCTMvTjHkUpNLKLcHHeEJuXRSCKPwgKZcQs2DZpIyDeFlRlIzGEqu4/L91+/UsjqX5cj869Oc9lp7/fde+7/WmmgymYwExnDswSKMCejfjdvYh44BgUmG4RIqcRbt+JGnfxRxLMZFLA1JNAf1mIbluBoJjwO4i+2xPJ0W4g5uoQ7NTpKB2Km/JdiEUrU1YLx+v8Y5zM31RjuwFY91YyO6nPZd2IYh6MQhDZ7GEVxGjfpae3m2RI162uNYr2v2RmO9RF+QwneU4TA+Yh1uOn3tvu6SRCLhJpmME2jCGuf6OKy06sFTFcI99OEX7uOb+rbirX6P0tu2+G+0Ae+xxbt+UMWQVnFY1f0sUHUTVHVfrcT9RPNw3nmiTPRimdZRtaYnGrCOrJj2+uvIBhiNthw3WvK1ki1aNbX12Rrd8i7TfDdFiotXGJGrMeb9/qRkxURfvsZYpJ+i3xPtxmYMxgPU/sUYtlYuYDZmaJua4neyqtuPjTijQqjUerGVfyUgkW035TiqB52vHX4W3rmJbMWf0trIRAtWBSSyw6wKC7TpRvTAmftT7tRV4Ik3QIeuF4qRWszNzrVHKvUK/xt1abrcQ26idt1C8VInb7VzrUobaaf/jdI6FobiheY2riO4UJzGChyzM0fj2Td6qLY/ElnFfcYSTMdzbSPXAquuVvtZjca7oU25108U0UdLFblEerBau3VPyF73LzFV36btf+4Mk3RYPsPJXJ1C/90ahOuqsEx80IKcqSmr879LMYnimppS7zBsV9Xav1Vv8g3wW4ABAOmAiizpen/kAAAAAElFTkSuQmCC) no-repeat 50% 50%
}