@charset "utf-8";

/*公共样式*/
.contentt{padding:60px 0 40px 0 ; }

/*banner*/
.center{
	width:100%;
	min-width: 1264px;
	height:600px;
	position: relative;
	overflow: hidden;
}
/*.common_da{ width: 100%; height: 100px;}*/
.center_area .center .center_top{
	width:100%;
	height:440px;
	/*background: orange;*/
}
/*中间轮播图区域*/
.content_middle{
	height:600px;
    margin:0px auto;
    position:relative;
}
.content_middle:hover .common{
	display: block;
}
/*左右切换图标*/
.content_middle .common{
	display: block;
	width:50px;
	height: 100px;
	position: absolute;
	z-index: 25;
    top:50%;
    margin-top: -50px;
    display: none;
}
.content_middle .btnLeft{
	opacity: 0.5;
	left:70px;
	background: url(/template/company/images/sprite.png) no-repeat;
}
.content_middle .btnRight{
	opacity: 0.5;
	right:80px; 
	background: url(/template/company/images/sprite.png) no-repeat -60px 0;
}
/*左右切换图标*/
.content_middle ul li{
	width:100%;
	height:600px; 
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	margin:0px auto;
}

/*切换小图标*/
.content_middle .table{
	width:252px; 
	height:4px;
	position: absolute;
	bottom:30px;
	left:50%;
	z-index:9;
	margin-left:-126px;  
}
.content_middle .table a{
    width:80px;
    height:4px;  
    background:#E3DEE1;
    opacity: 0.8;
    text-align:center;
    margin-left:4px; 
    display: block;
    float:left;  
}
.content_middle .table a.small_active{
	background:#FF6600;
	color: #fff;
	 
} 


/*产品互动区*/
.interaction-box {
	width:100%;
	min-width: 1264px;
	background: #f6f6f6;
	min-height: 572px;	
}
.interaction-tab {
	background: white;
	height: 100px;
	text-align: center;
	box-shadow: 0 0 3px #797d80;
}
.interaction-tab ul {
	width: 990px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	padding: 0;
}
.interaction-tab ul li {
	display: table;
	width: 198px;
	height: 100px;
	float: left;
	font-size: 1.2em;
	cursor: pointer;
}
.interaction-tab ul li .cell {
	width: 100%;
	display: table-cell;
	color: #808080;
	vertical-align: middle;
}
.interaction-tab ul li .cell .icon40 {
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
}
.i-zh {
	background: url(/template/company/images/i-zh.png) no-repeat ;
}
.i-air {
	background: url(/template/company/images/i-zh.png) no-repeat ;
}
.i-icbox {
	background: url(/template/company/images/i-zh.png) no-repeat ;
}
.i-leng {
	background: url(/template/company/images/i-zh.png) no-repeat ;
}
.i-rey {
	background: url(/template/company/images/i-zh.png) no-repeat ;
}
.i-fung {
	background: url(/template/company/images/i-zh.png) no-repeat ;
}
.interaction-tab ul li .cell span {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.interaction-tab ul li.cur {
	background: #f6f6f6;
	background-position: 0 -40px;
	border-top: 2px solid #32beff;
}
.interaction-tab ul li.cur .cell {
	color: #32beff;
}
.interaction-tab ul li.cur i {
	background-position: 0 -40px;
}

/*产品专区切换*/
.in-imges img {
	transform: scale(1);
	transition: all 0.5s ease 0s;
}
.in-imges:hover img {
	 transform: scale(1.05);
	 -ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	/*transform: translate(0px, -5px);*/
	transition: all 0.5s ease 0s;
}
.interaction_content {
	width: 1250px;
	margin: 40px auto;
	min-height: 400px;
	zoom: 1;
	display: none;
}
.interaction_content.cur {
	display: block;
}
.pure-1-o {
	float: left;
	width: 400px;
	height: 400px;
	margin-right: 25px;
	overflow: hidden;
}
.pure-2-o {
	float: left;
	width: 825px;
	height: 400px;
	background: #fff;
	border: 1px solid #e5e5e5;
	margin-right: 23px;
	overflow: hidden;
}
.pure-2-o .fl-bon {
	float: left;
	width: 400px;
	height: 400px;
	overflow: hidden;
}
.pure-2-o .fl-bon img {
	width: 100%;
}
.pure-2-o .fr-bdiv {
	text-align: left;
	float: right;
	width: 400px;
	margin-top: 140px;
	overflow: hidden;
}
.pure-2-o .fr-bdiv h2 {
	font-size: 36px;
	line-height: 56px;
	letter-spacing: 2px;
	margin-bottom: 14px;
}
.pure-2-o .fr-bdiv p {
	letter-spacing: 2px;
	color: #999;
	font-size: 18px;
	margin-left: 8px;
	overflow: hidden;
}
.pure-3-o {
	width: 187.5px;
	height: 187.5px;
	float: left;
	margin-right: 25px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e5e5e5;
}
.pure-1-o img {
	width: 100%;
}
.pure-1-o .pure-u-1 {
	width: 400px;
	height: 187.5px;
	overflow: hidden;
}
.pure-1-o .pure-u-1 .pure-u-1-as {
	float: left;
	width: 187.5px;
	height: 187.5px;
	overflow: hidden;
}

/*带缩略图产品banner*/
.banner-focusbox {
	width: 100%;
	min-width: 1264px;
	overflow: hidden;
}
.focusbox *{margin:0;padding:0;list-style-type:none;}
.focusbox a,img{border:0;}
.focusbox{width:1250px;height:600px;position:relative;margin:8px auto 60px auto;overflow:hidden; background: #e70022;}
.arrowbtn{background:#ddd;width:60px;height:60px;cursor:pointer;position:absolute;top:100px;}
.prebtn{left:0;}
.nextbtn{right:0;}
.contentimg{position:absolute;top:0;left:0;width:7000px;}
.contentimg li{width:1250px;height:460px;float:left;margin-right:10px;overflow:hidden;}
.contentimg li img{width:1250px;height:460px;}
.contentdesc{
	position:absolute;top:0;right:0;width:282px;height:460px;background:rgba(0,0,0,0.7);overflow:hidden;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');
}
.contentdesc .desc{color:#dadada;}
.contentdesc .desc h4{font-size:15px;font-weight:bold;color:#fff;}
.contentdesc .desc strong{color:#e4007f;}
.contentdesc .desc .def_ico{display:inline-block;*display:inline;zoom:1;width:68px;height:18px;overflow:hidden;background:url(/Public/images/300.png) no-repeat -112px -129px;vertical-align:middle;}
.contentdesc .desc .stars{display:inline-block;width:53px;height:10px;background:url(/Public/images/aa.png) no-repeat;}
.contentdesc .desc_btn{display:block;width:119px;height:38px;background:url(/Public/images/input-bn.png) no-repeat;margin-top:12px;}
.contentdesc li{width:262px;height:460px;padding:20px 0 0 20px;}
.focusbox .navbox{width:1250px;overflow:hidden;position:absolute;bottom:0;}
.focusbox .navbox .mfoc_nav {
	background: #fff;
	cursor: pointer;
	margin: 0 65px;
	margin-bottom: 40px;
	overflow: hidden;
	box-shadow: 0 0 2px #8d9296;
}
.focusbox .navbox li{width:280px;height:100px;overflow:hidden;float:left;}
.focusbox .navbox li img{width:280px;height:100px;}
.focusbox .navbox li.selected{width:280px;height:100px;border-bottom:2px solid #0067ff;}
.focusbox .navbox li.selected img{width:280px;height:100px;}

/*产品展示*/
.tdk-color {
	width: 100%;
	min-width: 1264px;
	background: #f6f6f6;
}
.product1{
	margin-bottom:10px; 
	width:1264px; 
	margin:0 auto;
}
.p_t_bt1 h2{ 
	width: 100%;
	color:#333; 
	font-size:30px;
	text-align: center;
	font-family:"微软雅黑"; 
	line-height: 48px; 
	padding-bottom:40px; 
	font-weight: normal;
}
.p_con1{ 
	overflow: hidden; 
	/*padding-right: 10px;*/
}
.p_con1 li{
	float:left;
	margin:0 10px 40px 10px;
}
.p_con1 li div {
	width: 294px;
	height: 262px;
	border: 1px solid #CCCCCC;
	background: #fff;
	overflow: hidden;
}
.p_con1 img{ width: 100%; height:100%; display: inline-block;}
.p_con1 p{ clear:both; line-height:24px; text-align: center; margin-top: 14px; font-size: 16px; letter-spacing: 0.5px;}


/*公司新闻*/
.index-newsbox, .product-ptbox, .wbsmBox {
	width: 100%;
	min-width: 1264px;
	overflow: hidden;
}
.index-news {
	width: 1250px;
	padding: 60px 0 40px 0;
	margin: auto;
	overflow: hidden;
}
.news{float:left; overflow: hidden; }
.n_title,.o_title{ overflow: hidden;}
.n_title h3,.o_title h3{ color:#333; font-size:24px; font-family:"微软雅黑"; font-weight: normal; text-align: left;}
.n_con,.o_con{ overflow: hidden;}
.news .n_c_left{/* width:334px;*/ float:left; text-align:left; border-right: dashed 1px #e5e5e5; margin-right: 38px; padding-right:38px;}
.news .n_c_left li{ 
	clear:both; 
	padding-top:30px; 
	overflow: hidden;
}
.news .n_c_left li div {
	float: left;
	overflow: hidden;
}
.news .n_c_left li .in-imges {
	width: 300px;
	height: 224px;
	margin-right: 30px;
}
.news .n_c_left img{ 
	width: 100%;
}

.news .n_c_left li .con-text {
	/*margin-top: 20px;*/
	width: 380px;
}
.news .n_c_left li b {
	font-size: 18px;
	font-weight: normal;
	cursor: pointer;
}
.news .n_c_left li b a {
	color: #666;
	font-weight: 600;
	text-decoration: none;
}
.news .n_c_left li b a:hover {
	color: #0046ad;
	
}
.news .n_c_left p{ 
	line-height:28px; 
	overflow: hidden; 
	margin-top: 14px;
}
.other{ width: 457px;  float:right;overflow: hidden;}
.other .other-banner {
	width: 457px;
	height: 228px;
	margin: 30px 0 20px 0;
	overflow: hidden;
}
.other .other-banner img {
	width: 100%;
	overflow: hidden;
}
.other .o_con{ text-align:left;}
.other .o_con li{ line-height:56px; border-bottom: dashed 1px #e5e5e5; font-size: 14px;}

/*合作伙伴*/
.product-pt {
	width: 1250px;
	margin: auto;
	overflow: hidden;
}
.product-pt .p_t_bt h3 {
	color: #333;
	font-size: 24px;
	/*text-indent: 20px;*/
	font-weight: normal;
	padding: 20px 0 30px 0;
	text-align: left;
}
.product-pt ul {
	/*padding: 20px 0;*/
	overflow: hidden;
}
.product-pt ul li {
	width: 311px;
	padding: 10px 0;
	float: left;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	border-right: none;
}

/*服务保障*/
.wbsm {
	width: 1250px;
	margin: auto;
	padding: 30px 0;
	overflow: hidden;
	
}
.wbsm ul li {
	width: 216px;
	height: 110px;
	text-align: left;
	overflow: hidden;
	padding-right: 42px;
	float: left;
}
.wbsm li .w-tit {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	/*font-weight: 600;*/
	color: #666;
	letter-spacing: 1px;
	overflow: hidden;
}
.wbsm li .w-font {
	width: 100%;
	height: 80px;
	line-height: 24px;
	font-size: 12px;
	color: #b3b3b3;
	overflow: hidden;
}

/*客服*/
.side{position:absolute;width:54px;height:110px;right:0;top:50%;margin-top:-55px;z-index:1000;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#0046ad;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

/*微信*/
.weixin {
	width: 500px;
    height: 480px;
    float: left;
    position: fixed;
    left: 50%;
    margin-left: -220px;
    margin-top: -240px;
    top: 50%;
    opacity: 1;
    overflow: hidden;
    z-index: 9999930;
}
.weixin .con {
    width: 400px;
    height: 440px;
    float: left;
    padding: 20px;
    background-color: #fff;
    color: #676C72;
    display: block;
}
.weixin .tit {
    width: 100%;
    font-size: 26px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    padding-bottom: 30px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #E1E1E1;
}
.weixin p {
    width: 400px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    padding-bottom: 20px;
}
.weixin img {
    width: 296px;
    height: 296px;
    float: left;
    margin-left: 52px;
}
.weixinBox {
	cursor: pointer;
}
.weixin .close {
    width: 60px;
    height: 60px;
    float: left;
    background-image: url(/template/company/images/weixin-icon.png);
    cursor: pointer;
}
.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 9999900;
    _width: 0;
    _height: 0;
    float: left;
}

/*在线客服*/
.clt-o-box {
	width: 700px;
	margin-left: -320px;
}
.clt-o-box .wid-o-ind {
	width: 590px;
	padding: 20px;
}
.clt-index li {
	padding: 20px 0;
	height: 50px;
	overflow: hidden;
}
.clt-index li span {
	float: left;
	width: 50px;
	height: 50px;
	margin-left: 10px;
	background: url(/template/company/images/qq.png);
	overflow: hidden;
}
.clt-index li a {
	float: left;
	line-height: 50px;
	font-size: 16px;
}
.clt-index li div {
	width: 193px;
	float: left;
	line-height: 50px;
	font-size: 16px;
	overflow: hidden;
}
.clt-index li div i {
	width: 50px;
	height: 50px;
	margin: 0 10px 0 20px;
	float: left;
	overflow: hidden;
}
.clt-index li .icon-mailbox i {
	background: url(/template/company/images/icon-mailbox.png) no-repeat;
}
.clt-index li .icon-photo i {
	background: url(/template/company/images/icon-photo.png) no-repeat;
}