﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,blockquote,th,td,p{font-family:"Microsoft YaHei",Tahoma;padding:0;margin:0;font-size:12px;}
fieldset, img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
input,button,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; vertical-align:middle;}
:focus{outline:0;} 
.clearfix:after{content:".";height:0;visibility:hidden;display:block;clear:both; font-size:0; line-height:0}
.clearfix{display:inline-block}
.clearfix{display:block}
a{ color:#666; text-decoration:none;}
a:hover{color:#da251c; text-decoration:none;}
body{ /* background:url(../images/background.jpg); */}
td{border:solid #efefef; border-width:0px 0px 0px 0px;}
table{border:solid #efefef; border-width:0px 0px 0px 0px;}

/*--------------------------------------*/
.clear{clear:both;}

@font-face {
  font-family: 'iconfont';  /* project id 181756 */
  src: url('//at.alicdn.com/t/font_181756_o8w9le8xak1kbj4i.eot');
  src: url('//at.alicdn.com/t/font_181756_o8w9le8xak1kbj4i.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_181756_o8w9le8xak1kbj4i.woff') format('woff'),
  url('//at.alicdn.com/t/font_181756_o8w9le8xak1kbj4i.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_181756_o8w9le8xak1kbj4i.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;}

/*分页*/
.pageNav{float:none;clear:both;font-size:0px;font-family:Arial,Helvetica,sans-serif;padding:18px 0px;text-align:center;}
.pageNav span,.pageNav a,.pageNav b{font-size:14px;margin-right:5px;overflow:hidden;padding:3px 8px;}
.pageNav span,
.pageNav a{border:1px solid #CCDBE4;color:#333;cursor:pointer;}
.pageNav b{color:#000;}
.pageNav span{background:#eee;}
.pageNav .mor{padding:3px;font-weight:bold;}


.down{width:905px; margin:30px auto}
.down li{  border-bottom:1px solid #eee; line-height:49px; padding-right:10px; padding-left:5px;}
.down li a{ background:url(../images/y1.jpg) no-repeat right center; display:block; color:#999;}
.down li a:hover{ background:url(../images/y2.jpg) no-repeat right center; color:#000}



.top{width:1003px; margin:0 auto;padding-top:31px;}
.topright{ float:right;}
.topright_one{ float:right;}
.topone_left{ float:left;}
#search{ background:url(../images/search.jpg) no-repeat; border:none;width:141px; height:21px; padding-left:13px; line-height:21px; color:#666666;}
#searbutton{  background:url(../images/se_button.jpg) no-repeat; border:none;width:26px; height:21px;}
.topone_lang{ float:left;}
.topone_lang li{ float:left; padding-left:20px; background:url(../images/en.jpg) no-repeat left center; margin:0 12px;}
.topone_lang li:first-child{ background:url(../images/ch.jpg) no-repeat left center;}
.topone_lang li a{ color:#666;}

.logo{ float:left;}
.nav{ float:right; width:667px; border-bottom:1px solid #eee; border-top:1px solid #eee; margin:15px 0 0 0;}
.nav li{ float:left; text-align:center; font-size:14px; margin:0 24px; line-height:40px; position:relative;}
.nav li a:hover{ border-bottom:5px solid #da251c; padding-bottom:10px;}

.navtwo{ position:absolute; z-index:99999; left:-130px; min-width:800px; display:none; padding-top:10px;}
.navtwo li{ float:left; margin:0 14px; text-align:center; font-size:12px; min-width:50px;}

.navnews{ position:absolute; z-index:99999; left:-100px; min-width:580px; display:none; padding-top:10px;}
.navnews li{ float:left; margin:0 14px; text-align:center; font-size:12px; min-width:50px;}

.navservice{ position:absolute; z-index:99999; left:-350px; min-width:750px; display:none; padding-top:10px;}
.navservice li{ float:left; margin:0 14px; text-align:center; font-size:12px; min-width:50px;}

.habout{width:1003px; margin:0 auto; padding-top:30px;}
.habout_top{ text-align:center;}
.habout_content{ padding-top:26px; }

/*-DEMO-*/
.carousel { position: relative; width:310px; margin: 0 auto;  background: url(../images/loader.gif) center center no-repeat;}
.carousel .next, .carousel .prev { display: none; position: absolute; bottom:20px; left:50%; width: 56px; height: 56px; margin-top:-28px; z-index:9999; cursor:pointer;}
.carousel .prev { margin-left: -60px; background: url(../images/prev.png) 0 0 no-repeat; }
.carousel .next { margin-right: -60px;  background: url(../images/next.png) 0 0 no-repeat;}
.carousel li { display: none;}
.carousel li img { display: block; width: 100%; border: 0 none;}
.carousel li p{width:310px; line-height:20px; margin:10px 18px; float:left;}
.carousel li a{color:#fff;font-size:12px;}
.paging { position:absolute; z-index:9998; top:190px;}
.paging a { float:left; width: 30px; height: 30px; background:url(../images/dots.png) 0px -40px no-repeat; cursor:pointer;}
.paging a:hover, .paging a.current { background:url(../images/dots.png) 0px 0px no-repeat;}
.news_detail_left{width:310px; height:287px;background:#000000; float:left;  }

.habout_nav{ float:left;}
.habout_nav li{ float:left; width:315px; margin:0 15px;}
.time{width:74px; height:55px; border:1px solid #d9d9d9; text-align:center; color:#666; font-size:18px; padding-top:15px;}
.time p{ color:#999;}
.habout_title{ color:#000; font-size:14px; line-height:25px; padding:15px 0;}
.habout_con{ color:#999; line-height:25px;}
.habout_more{ float:right;}
.habout_mo{  width:118px; height:23px; line-height:23px; border:1px solid #7b7b7b; text-align:center; margin:0 auto; margin-top:35px;background:#7b7b7b;}
.habout_mo a{color:#fff;}
.habout_mo a:hover{color:#ff0000;}
.habout{ padding-bottom:70px;}

.hproducts{width:100%; height:655px; background:url(../images/hproducts.jpg) no-repeat;}
.hpr_con{width:1003px; margin:0 auto; padding-top:29px;}
.hproducts_top{ text-align:center;}

.hab{width:1003px; margin:0 auto; padding-bottom:80px;}
.hab_top{ padding-bottom:18px; text-align:center;}
.hab_con{ line-height:25px; color:#999; text-align:center;}
.hab_nav{width:750px; margin:0 auto; padding-top:50px;}
.hab_nav li{ float:left; text-align:center; margin:0 26px;}

.hse{  background:url(../images/hse.jpg) no-repeat; width:100%;height:803px;}
.hse_inside{width:1003px; margin:0 auto;}
.hse_top{ text-align:center;}

.hse_con{ margin-top:20px;}
.hse_conleft{width:465px; background:#fff; height:525px; float:left;}
.hse_conleft_top{ text-align:center;}
.hse_conleft_con{color:#999; line-height:25px;width:358px; margin:35px auto;}
.moree{ text-align:center; margin:0 auto;width:190px;}
.moree a{ background:url(../images/+.jpg) no-repeat; display:block; width:190px; height:36px; }
.moree a:hover{ background:url(../images/++.jpg) no-repeat;}

.footer{width:100%; min-height:137px; background:#000;}
.footer_inside{ width:1003px; margin:0 auto;}
.footer_inside_left{ float:left; padding-top:20px;}
.foo{width:64px; height:18px; line-height:18px; color:#fff; background:#656565;}
.foog{width:70px; height:20px; background:url(../images/foog.jpg) no-repeat; line-height:20px; text-align:center; color:#fff;}
.foog a{ color:#fff;}
.fo{ float:left; padding-left:24px; padding-top:40px;}
.foo{ margin:7px 0;}
.tel{ float:left; padding-left:40px; padding-top:35px;}

.footer_nav{}
.footer_navall{ border-left:1px solid #303030;padding-left:65px; float:left; margin-left:50px; margin-top:40px;}
.footer_nav li{ float:left; background:url(../images/line.jpg) no-repeat left center; width:74px; text-align:center;}
.footer_nav li:first-child{ background:none;}
.footer_nav li a{ color:#fff;}
.footer_copy{ color:#fff; padding-left:12px;}
.footer_copy a{ color:#fff;}

/*-banner-*/
.banner{width:100%; height:251px; background:url(../images/aboutimg.jpg) no-repeat center;}
.banner2{width:100%; height:251px; background:url(../images/productsimg.jpg) no-repeat center;}
.banner3{width:100%; height:251px; background:url(../images/newsimg.jpg) no-repeat center;}
.banner4{width:100%; height:251px; background:url(../images/servicesimg.jpg) no-repeat center;}
.banner5{width:100%; height:251px; background:url(../images/activitiesimg.jpg) no-repeat center;}
.about{width:1003px; margin:0 auto;}
.Positioning{ float:right; background:url(../images/homeicon.jpg) no-repeat left center;padding-left:20px; margin-top:35px; }
.Positioning img{vertical-align:middle; margin:0 7px;}
.about_title_one{font-size:40px; float:left;}
.about_title_two{ color:#F00; font-size:16px; padding-top:7px; padding-left:10px; float:left;}
.about_title_two p{ color:#666;}
.about_title{ float:left;}
.about_nav{ float:right; padding-top:25px;}
.about_nav li{ float:left; width:70px; text-align:center; height:21px; line-height:21px;  margin:0 3px 10px 3px;}
.about_nav li a{ color:#fff;background:url(../images/aboutnavbg.jpg) no-repeat; display:block;}
.about_nav li a.cur,
.about_nav li a:hover{ background:url(../images/aboutnavbghover.jpg) no-repeat;}

.aboutline{ border-bottom:1px solid #eee; margin:10px 0 0 0}
.aboutcon{width:1003px; margin:0 auto; font-size:14px; color:#666; line-height:40px; padding:0px 0 60px 0;}
.aboutcon p{ padding-top:20px;}

.products{width:1003px; margin:20px auto; padding-bottom:50px;}
.products li{ float:left; margin:27px 8px; text-align:center; line-height:40px; background:#000;}
.products li p{}
.products li a{ border:3px solid #eeeeee; display:block;}
.products li a:hover{border:3px solid #ff0000;}

.rollBoxcc{width:890px;overflow:hidden;margin:50px auto; }
.rollBoxcc .LeftBotton{height:55px;width:17px;background:url(../images/newsleft.jpg) no-repeat ;overflow:hidden;float:left;display:inline;margin:65px 0 0 0;cursor:pointer;}
.rollBoxcc .RightBotton{height:55px;width:17px;background:url(../images/newsright.jpg) no-repeat;overflow:hidden;float:right;display:inline;margin:65px 0 0 0;cursor:pointer;}
.rollBoxcc .Cont{width:785px;overflow:hidden;float:left; margin-left:20px; }
.rollBoxcc .ScrCont{width:10000000px;}
.rollBoxcc .Cont .pic{float:left;text-align:center; margin:0 25px;position:relative;}
.rollBoxcc .Cont .pic img{background:#fff;display:block;margin:0 auto;}
.rollBoxcc .Cont .pic p{line-height:26px;color:#505050; -webkit-margin-before:0;
-webkit-margin-after:0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;}
.rollBoxcc .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBoxcc .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBoxcc #List1,.rollBox #List2{float:left;}
.rollBoxcc .Cont .rsp{width:200px;height:306px;overflow:hidden;position: absolute;background:url(../images/fff.png) no-repeat;top:0px;left:0px; display:none;}
.p_more{width:205px;height:35px; background:url(../images/p_more.jpg) no-repeat; text-align:center; line-height:35px; color:#fff; margin:0 auto; margin-top:45px;}
.p_more:hover{ color:#00b8f3;}

.pp{ padding-top:1px; float:left;}
.ppcontent{  width:271px; height:202px; margin:5px;}
	.ppcontent img{ padding:2px; border:1px solid #eee;}
	.pp_content{ float:left; width:300px;}
	.picfont{ font-size:13px; color:#666666; text-align:left; padding-left:0px; float:left; width:435px; padding-left:42px;}
	.timekk{ background:url(../images/time.jpg) no-repeat 0 50%; padding-left:20px; color:#d8d8d8;  font-size:13px; margin:6px 0; }
	.picfont h2{ font-size:14px; color:#da251c; padding-top:25px; }
	.newslistcontent{ line-height:25px;}
	.ckgd{width:120px; height:30px; line-height:30px; text-align:center; color:#fff; background:#000; margin:25px 0 0 5px;}
	
	.news{width:1003px; margin:0 auto;}
	.news_title{ border-bottom:1px solid #eee; width:1003px;}

.news_list{width:736px; margin:40px auto;}
.news_list li span{ float:right;color:#999;}
.news_list li{ line-height:39px; border-bottom:1px solid #eee;}
.news_list li img{ padding:0 13px 0 4px; vertical-align:middle;}

.newsdetail{width:1003px; margin:0 auto 50px auto;}
.timemore{ border-bottom:1px solid #eee;height:24px; line-height:24px;border-top:1px solid #eee; color:#999;}
.timemore span{ float:right; padding-right:20px;}
.timemore span img{ padding-right:5px;}
.newsdetail_title{ font-size:16px; color:#da251c; text-align:center; padding:50px 0 30px 0;}
.newsde{ line-height:40px; color:#666; font-size:14px; padding:10px 0 50px 0;}
.newsdetailtt{ border-bottom:1px solid #eee; border-top:1px solid #eee; padding:10px 0 10px 15px}
.newsdetailtt li{ line-height:35px;}

.service{width:1003px; margin:55px auto;}
.service_kh{ float:left;width:565px; padding-left:20px; line-height:30px; color:#666; font-size:14px;}

.serhd{width:1003px; margin:0 auto;}

.serhd li{  border-bottom:1px solid #eee; padding:30px 40px 30px 35px}
.wen{ font-size:16px; color:#da251c;}
.wen img{ vertical-align:middle; padding-right:15px;}
.da{ color:#666; line-height:25px; padding-top:15px;}
.da img{ padding-right:15px;}

.dafont{ float:left; width:890px;}

.message_top{ color:#da251c; font-size:13px; border-bottom:1px solid #eee; line-height:40px; padding-top:50px;}
.message_top span{ color:#000; font-size:13px;}

#form1{width:500px; height:24px; border:1px solid #eee; padding-left:10px; float:left;}

.message{ width: 1003px; margin: auto; margin-top: 20px; color: #666666; padding-bottom: 70px; background:url(../images/yz.jpg) no-repeat right bottom;}
.message_tip{ height: 50px; line-height: 50px;font-size: 14px; color: #ff9500;}
.message table{}
.message table td{ height: 40px;line-height: 40px;}
.message table td input{ border: 1px solid #ccc; height: 25px;}
.message table td textarea{border: 1px solid #ccc;}
.message_contact{display: block;font-size: 14px; width:600px;height: 40px;line-height: 40px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-top: 30px;margin-bottom: 10px;text-indent: 20px;color: #000;}
.message_btn{ width: 50px; height: 30px; background: #ffffff;cursor: pointer}

.demeanour{width:1003px; margin:0 auto;}
.demeanour li{ padding:50px 0 50px 0; border-bottom:1px solid #eee;}
.tt{ float:left;}
.tc h2{ font-size:14px; color:#da251c; padding:10px 0}
.tic{ color:#999; margin:3px 0}
.tic img{ padding-right:5px;}
.tt img{ border:5px solid #eeeeee;}
.tc{width:708px; float:left; padding-left:45px;}
.tc_con{ color:#666; line-height:30px;}

.activities{width:1003px; margin:0 auto;}
.activities li{ float:left;width:300px; background:url(../images/c1.jpg) no-repeat center top; margin:25px 17px;}
.activities li img{ margin:8px;}
.activities li p{ line-height:30px; font-size:14px; color:#999; text-align:center; padding-top:15px;}

.prosearch{ width:100%; border-bottom:1px solid #eee; height:30px; padding-top:10px;}
.prosearch_con{width:1003px; margin:0 auto;}
.cnsearch{ float:right;}

.prodetail{width:1003px; margin:0 auto;}
.proig{ float:left;}
.proig_con{width:365px; float:left; padding-left:40px;}
.proig_con li{ border-bottom:1px solid #eee; line-height:42px; padding-left:15px; color:#666}
.cs{ line-height:29px; border-bottom:1px solid #eee; border-top:1px solid #eee; padding-left:9px; color:#000; margin-top:50px; margin-bottom:20px;}


/*销售代理商*/
.xiaoshou{
	width: 1003px; 
	margin: 0 auto; 
	border-radius: 5px; 
	border:1px #ccc solid;
	height: 500px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.left_xiaoshou{
	float: left;
	width: 150px;
	text-align: center;
	padding-top: 20px;
	height: 500px;
	overflow-y: auto; 
	background-color: #f4f4f4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.left_xiaoshou span{
	display: block;
	font-size: 14px;
	color: #333;
	height: 40px;
	line-height: 40px;
	font-weight: 800;
}

.left_xiaoshou li a{
	display: block;
	height: 25px;
	line-height: 25px;

}
.left_xiaoshou li a:hover{
	background-color: #db261d;
	color: #fff;
}
.left_xiaoshou li a.active{
	background-color: #db261d;
	color: #fff;
}

.right_xiaoshou{
	float: left;
	width: 800px;
	margin-left: 30px;
}
.right_xiaoshou span{
	display: block;
	margin-top: 30px;
	font-weight: 800;
	font-size: 14px;
	text-align: center;
}
.right_xiaoshou i{
	font-style: normal; 
	font-size: 14px;
}

.right_xiaoshou table{
	margin-top: 15px;
	width: 790px;
	border:1px #f3f3f3 solid;
}
.right_xiaoshou  th{
	text-align: center;
}
.right_xiaoshou table td,
.right_xiaoshou table th{
	padding:8px;
	border:1px #e7e7e7 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #666;
}

.fangwei_nav{
	border-bottom: 1px solid #eee;
	height: 40px;
	width: 100%;
	padding-top:20px;
	padding-bottom: 15px;
}
.fangwei_nav span{

	display: block;
	width: 1003px;
	margin: 0 auto;
	font-size: 20px;
}

.index_news{
	width:570px; margin-left: 30px;
}
.index_news li{
	width: 100%;border-bottom:dotted 1px #edecec;
} 
.index_news li a{
	color: #666;
	font-size: 16px;
	padding-left: 5px;
	display: block;
}
.index_news li a div.title{
	font-size: 16px;
		height: 42px;
	line-height: 42px;
}
.index_news li a div.title span{
	color: #333;
}
.index_news li a div.title i{
	display: inline-block;
	vertical-align: top;
  	width: 0;
    height: 0;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 6px solid #c5c5c5;
    margin-top: 18px;
    margin-right:10px; 

}
.index_news li a div.time{
	width: 130px;
	float: right;
	font-size: 14px;
	border: none;
	padding-top: 0px;
	height: 42px;
	line-height: 42px;

}
.index_news li a:hover div.title i{
	border-left: 6px solid #da251c;
}
.index_news li a div.content{
	width: 95%;
	margin: 6px 0;
	line-height: 28px;
	padding-left:15px;
	font-size: 14px; 
}

.honor{
	width: 100%;
	margin:50px auto 0 auto;  
}
.honor li{
	width: 30%;
	margin-right: 5%;
	float: left;
	min-height:480px; 
	border: 2px #eee solid;
	margin-bottom: 10px;
	padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.honor li:nth-child(3n){
	margin-right: 0px;
}
.honor li img{
	width: 100%;
	vertical-align:middle;
}
.show_img_all{
	top:0;
	width: 100%;
	left: 0px;
	background-color: rgba(0,0,0,1);
	position: absolute;
	display: none;
	text-align: center;
	padding-top: 45px;
	z-index: 999999;
}
.show_img{
	display: none;
	top:0;
	width: 100%;
	left: 0px;
	background-color: rgba(0,0,0,1);
	height: 100%;
	text-align: center;
	padding-top: 45px;
	z-index: 999999;
}
.show_img img{
	width: 800px;
}
.guanbi{
	display: none;
	color: #fff;
	position: fixed;
	top: 45px;
	right: 4%;
	font-size: 3rem;
	z-index: 99999999999;
}
.productsml {
    margin-top: 80px;
}
.productsml h1 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}
.productsml form {
    border-bottom: 4px solid #eee;
    padding: 40px 0 26px 0;
    margin-bottom: 50px;
    position: relative;
}
.productsml form select{
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    width: 140px;
}
.productsml form input{
    border: 1px solid #ccc;
    padding: 10px 45px 10px 10px;
    border-radius: 5px;
    width: 225px;
}
.productsml form button{
    border: 0;
    background-image: url(../images/searchml.jpg);
    width: 38px;
    height: 34px;
    position: absolute;
    top: 43px;
    right: 6px;
}
.productsml table{
	margin-top: 15px;
	width: 100%;
	/* border: 1px solid #ccc; */
}
.productsml table td,
.productsml table th{
	padding: 16px 12px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.productsml  table th{
    background-color: #000;
    font-size: 15px;
    color: #fff;
}
.productsml table td {
    font-size: 14px;
    color: #000;
}
.productsml table tbody tr:nth-child(2n) {
    background-color: #f1f1f1;
}
.productsml .details {
    
}
.productsml .details .left {
    float: left;
    width: 526px;
}
.productsml .details .left img {
    width: 100%;
}
.productsml .details .right {
    float: right;
    width: 460px;
}
.productsml .details .right  dl:after{content:".";height:0;visibility:hidden;display:block;clear:both; font-size:0; line-height:0}
.productsml .details .right  dl {
    width: 100%;
    clear: both;
    border-bottom: 1px dashed #ccc;
    padding: 20px 0 20px; 
    display:block;
}
.productsml .details .right  dl:first-child {
    padding-top: 0;
}
.productsml .details .right  dl.noborder {
    border-bottom: 0;
}
.productsml .details .right  dt ,
.productsml .details .right  dd {
    float: left;
    font-size: 15px;
    color: #444;
}
.productsml .details .right  dt {
    width: 70px;
    text-align: right;
    color: #888;
}
.productsml .details .right  dd {
    width: 385px;
}
.productsml .details .right  .limit {
    border: 1px solid #ccc;
}
.productsml .details .right  .limit a {
    line-height: 43px;
    width: 33.16666667%;
    float: left;
    text-align: center;
    color: #777;
    font-size: 15px;
}
.productsml .details .right  .limit .jt {
    display: inline-block;
}
.productsml .details .right  .limit a.l2 {
    border-left: 1px solid #ccc;
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-rotate-90,
.fa-rotate-180,
.fa-rotate-270,
.fa-flip-horizontal,
.fa-flip-vertical {
  filter: none;
}
.notdata {
    line-height: 100px;
    text-align: center;
}