﻿@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{
	font-size: 12px;
	color: #000000;
	background-color: #fff;
	font-family: "微软雅黑";
}
a { text-decoration:none;  outline:none; transition:all 0.2s; cursor:pointer;} 
a:hover{
	text-decoration: underline;
	color: #0000FF;
}

img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
/*定义新型浏览器特性*/
DNE_-webkit-scrollbar{width:10px;height:10px}
DNE_-webkit-scrollbar-button:vertical{display:none}
DNE_-webkit-scrollbar-track:vertical{background-color:black}
DNE_-webkit-scrollbar-track-piece{background:#fff}
DNE_-webkit-scrollbar-thumb:vertical{background-color:#999;}
DNE_-webkit-scrollbar-thumb:vertical:hover{background-color:#333}
DNE_-webkit-scrollbar-corner:vertical{background-color:#666}
DNE_-webkit-scrollbar-resizer:vertical{background-color:#666;}

.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}

/*当前位置*/
.dang_warp{ width:100%; height:40px; background-color:#f85d39; margin:auto;}
.dang{ width:1100px; height:40px; margin:auto; font-size:12px; color:#fff; line-height:40px; text-align:right;}
.dang a{ font-size:12px; color:#fff;}
.dang span{ font-size:12px; color:#fff; line-height:40px; padding:0px 15px;}

/*chan*/
.chan{ width:1100px; height:245px; margin:auto; margin-top:40px;}
.chan_left{ float:left; width:795px; height:245px;}
.chan_left_1{ width:745px; height:70px; font-size:37px; color:#555; line-height:70px; background:url(../images/product1_03.jpg) no-repeat left; padding-left:50px;}
.chan_left_1 span{ font-size:34px; color:#373737; margin-left:10px; font-family: "新宋体";}
.chan_left_con{ width:795px; height:120px; overflow:hidden; font-size:12px; color:#555; line-height:30px;}
.chan_right{ float:right; width:203px; height:245px;}
.chan_right img{ padding-top:40px;}
.title{ width:1100px; height:auto; overflow:hidden; text-align: center; margin:auto;}
.title a{font-size:14px; color:#373737; line-height:95px; background-color:#e5e5e5; padding:10px 12px; border-radius:20px; margin:0px 20px;}
.title a:hover{
	background-color: #CCCCFF;
	color: #fff;
}
.title a.title_a{ background-color:#f85d39; color:#fff;}
.main_warp{
	width: 100%;
	height: 290px;
	overflow: hidden;
	border-top: 1px dashed #e6e6e6;
	margin: auto;
	background: url(../images/center_28.jpg) repeat-y center top;
	margin-top: 10px;
}
.main_tit_warp{ width:100%; height:72px; border-bottom:1px solid #d4d4d4; overflow:hidden; margin:auto;}
.main_tit{ width:1100px; height:72px; text-align: center; line-height:72px; font-size:26px;margin:auto;}
.main_tit a{ border-bottom:3px solid #f85d39; color:#4a4a4a; padding-bottom:14px;}
.product_warp{
	width: 1335px;
	height: 280px;
	overflow: hidden;
	margin: auto;
	margin-top: 5px;
}
.product_left{
	float: left;
	width: 1320px;
	height: 300px;
	overflow: hidden;
}
.product{
	width: 1335px;
	height: auto;
	overflow: hidden;
}
.product ul li{
	float: left;
	width: 260px;
	height: 235px;
	list-style: none;
	margin-bottom: 5px;
	position: relative;
	margin-right: 5px;
}
.product ul li.product_li{ margin-right:0px;}
.product ul li a{
	display: block;
	width: 252px;
	height: 230px;
}
.product ul li:hover .product_2{ display:block;}
.product_1{
	width: 260px;
}
.product_1_img{ width:232px; height:154px;}
.product_1_con{

}
.product_1_con_1{
	width: 250px;
	padding: 0px 6px;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	padding-top: 5px;
	font-size: 14px;
	color: #000;
	text-align: center;
	font-weight: bold;
}
.product_1_con_2{
	width: 250px;
	padding: 0px 6px;
	height: 10px;
	line-height: 30px;
	overflow: hidden;
	font-size: 12px;
	color: #FFFFFF;
}
.product_1_con_3{
	width: 250px;
	padding: 0px 6px;
	height: 20px;
	line-height: 21px;
	overflow: hidden;
	font-size: 18px;
	color: #000;
	font-family: "新宋体";
	text-align: right;
}
.product_2{ width:260px; height:192px; background-color:rgba(248,93,57,0.9); position:absolute; top:0; display:none;}
.product_2_1{ width:260px; height:154px;}
.product_2_1_tit{ width:220px; height:40px; text-align: center; line-height:40px; overflow:hidden; padding:0px 6px; font-size:14px; color:#fff;}
.product_2_1_con{ width:240px; padding:0px 6px; font-size:12px; color:#fff; line-height:25px; height:150px; overflow:hidden;}
.product_2_con{
	width: 260px;
	height: 182px;
}
.product_2_con_2{ width:220px; padding:0px 6px; height:21px; line-height:21px; overflow:hidden; font-size:12px; color:#fff;}
.product_right{ float:right; width:230px; height:auto; overflow:hidden;}
.model{ width:230px; height:auto; overflow:hidden;}
.model a{ display:block; width:228px; height:80px; border:1px solid #3c3c3c; border-radius:7px; margin-bottom:20px;}
.model a:hover{ background-color:#f85d39; border:1px solid #f85d39;}
.model a:hover .model_1_right{ color:#fff;}
.model a:hover .model_1_left_2{ display:block;}
.model_1:hover .model_1_left_1{ display:none;}
.model a.model_a{ background-color:#f85d39; border:1px solid #f85d39;}
.model a.model_a .model_1_right{ color:#fff;}
.model a.model_a .model_1_left_2{ display:block;}
.model a.model_a .model_1_left_1{ display:none;}
.model_1{ width:228px; height:80px;}
.model_1_left{ float:left; width:70px; height:80px; margin-left:10px; }
.model_1_left_1{ width:70px; height:80px; text-align: center;}
.model_1_left_1 img{ padding-top:15px;}
.model_1_left_2{ width:70px; height:80px; text-align: center; display:none;}
.model_1_left_2 img{ padding-top:15px;}
.model_1_right{ float:right; float:right; font-size:18px; color:#585858; line-height:80px; width:125px;  width:125px;}


/*解决方案详情*/
.solve{ width:1100px; height:270px; margin:auto; margin-top:25px;}
.solve_left{ float:left; width:357px; height:270px;}
.solve_right{ float:right; width:710px; height:270px;}
.solve_right_1{ width:710px; font-size:18px; color:#363636; overflow:hidden; height:30px;}
.solve_right_2{ width:710px; height:65px; line-height:65px; font-size:14px; color:#272727; font-weight:bold;}
.solve_right_3{ width:710px; height:120px; overflow:hidden; line-height:30px; font-size:14px; color:#8a8a8a;}
.solve_con{ width:1100px; height:auto; overflow:hidden; margin:auto;}
.solve_con_tit{ width:1100px; height:65px; line-height:65px; font-size:14px; color:#272727; font-weight:bold;}
.solve_con_con{ width:1100px; height:auto; overflow:hidden; font-size:14px; color:#8a8a8a; line-height:29px; margin-top:25px;}
.solve_img{ width:1100px; height:auto; overflow:hidden;}
.solve_img ul li{ float:left; width:233px; height:200px; list-style:none; margin-bottom:20px; margin-right:56px;}
.solve_img ul li.solve_img_li{ margin-right:0px;}
.solve_list{ width:1100px; height:290px; position:relative;}
.solve_list .btns{ width:50px;margin:auto; position:relative; left:500px;}
.solve_list .arrow-left {
  position:absolute;
  left:0px;
  color:#fff;
  font-size:18px;
  font-family:"宋体";
  top:-50px;
  z-index:1100; cursor:pointer; width:25px; height:25px; background-color:#333; text-align: center; line-height:25px;
}
.solve_list .arrow-left:hover{ background-color:#ff5d3d;}
.solve_list .arrow-right {
  position: absolute;
  top:-50px;
  right:0px;
   color:#fff;
  font-size:18px;
  font-family:"宋体";
  z-index:1100; cursor:pointer; width:25px; height:25px; background-color:#333; text-align: center; line-height:25px;
}
.solve_list .arrow-right:hover{ background-color:#ff5d3d;}
.solve_list .swiper-container {
  width: 100%;
  height: 100%;
  overflow:hidden;
}
.solve_list .swiper-slide{ overflow:hidden; }
.solve_1{ width:23%; height: auto;}
.solve_1_img{ width:252px; height:193px;}
.solve_1_tit{ width:252px; height:77px; background-color:#ececec;}
.solve_1_tit_1{ width:232px; padding:0px 10px; font-size:14px; color:#828282; height:30px; line-height:30px; text-align: center;}
.solve_1_tit_2{ width:232px; padding:0px 10px; font-size:14px; color:#4c4c4c; height:30px; line-height:30px; text-align: center;}
.kong{ width:1100px; height:85px; overflow:hidden; margin:auto;}
.solve_list1{ display:none;}

/*解决方案*/
.chan_left_12{ width:745px; height:70px; font-size:37px; color:#555; line-height:70px; background: url(../images/settle_03.jpg) no-repeat left; padding-left:50px;}
.chan_left_12 span{ font-size:34px; color:#373737; margin-left:10px; font-family: "新宋体";}
.settle{ width:1100px; height:315px; position:relative; margin:auto; margin-top:30px;}
.settle .btns{ width:50px;margin:auto; position:relative; left:-155px;}
.settle .arrow-left {
  position:absolute;
  left:0px;
  color:#fff;
  font-size:18px;
  font-family:"宋体";
  top:290px;
  z-index:1100; cursor:pointer; width:25px; height:25px; background-color:#333; text-align: center; line-height:25px;
}
.settle .arrow-left:hover{ background-color:#ff5d3d;}
.settle .arrow-right {
  position: absolute;
  top:290px;
  right:0px;
   color:#fff;
  font-size:18px;
  font-family:"宋体";
  z-index:1100; cursor:pointer; width:25px; height:25px; background-color:#333; text-align: center; line-height:25px;
}
.settle .arrow-right:hover{ background-color:#ff5d3d;}
.settle .swiper-container {
  width: 100%;
  height: 100%;
  overflow:hidden;
}
.settle .swiper-slide{ overflow:hidden; }
.settle_1{ width:1100px; height:315px;}
.settle_1_left{ float:left; width:420px; height:315px;}
.settle_1_right{ float:right; width:660px; height:315px;}
.settle_1_right_1{ width:660px; font-size:14px; color:#383838; overflow:hidden; height:25px;}
.settle_1_right_2{ width:660px; font-size:14px; color:#f85d39; height:40px; line-height:40px;}
.settle_1_right_3{ width:660px; font-size:14px; color:#848484; line-height:26px; height:130px; overflow:hidden;}
.settle_1_right_4{ width:85px; height:30px; background-color:#f85d39; color:#fff; font-size:12px; border-radius:20px; text-align: center; line-height:30px; margin-top:90px;}

.settle_list{ width:1100px; height:auto; overflow:hidden; margin:auto; margin-top:20px;}
.settle_list ul li{ float:left; width:336px; height:370px; list-style:none; margin-bottom:27px; margin-right:46px;}
.settle_list ul li.settle_list_li{ margin-right:0px;}
.settle_list ul li a{ display:block; width:336px; height:370px;}
.settle_list ul li a:hover .resolve_4{background-color:#f85d39; color:#fff; border:1px solid #f85d39;}
.settle_list ul li a:hover .resolve_3{ color:#f85d39;}
.settle_list ul li a:hover .resolve_1_con{ display:block;}

.resolve_1{ width:336px; height:255px; position:relative;}
.resolve_1_img{ width:336px; height:255px;}
.resolve_1_con{ width:316px; height:103px; background-color:rgba(248,93,57,0.9); position:absolute; bottom:0; font-size:12px; color:#fff; line-height:26px; padding:10px; overflow:hidden; display:none;}
.resolve_2{ width:366px; font-size:12px; color:#a1a1a1; height:45px; line-height:45px;}
.resolve_3{ width:366px;font-size:14px; color:#383838; height:25px; line-height:25px; overflow:hidden;}
.resolve_4{width:85px; height:28px; color:#383838;  font-size:12px; border-radius:20px; text-align: center; line-height:30px; margin-top:15px; border:1px solid #cfcfcf;}


/*解决方案*/
.case_warp{
	width: 1365px;
	height: 100%;
	background: url(../images/bg_03.jpg) repeat-x;
	margin: auto;
	margin-top: 10px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.case{
	width: auto;
	height: auto;
	margin: auto;
}
.case_tit{ width:1100px; height:44px;}
.case_tit_left{ float:left;}
.case_tit_left a{ display:block; width:260px; height:44px; background-color:#ff5d3d; font-size:20px; color:#fff;  text-align: center; line-height:44px;}
.case_tit_right{ float:right;}
.case_tit_right a{ line-height:44px;font-size: 14px; color: #5d5d5d;}
.case_tit_right a:hover{ color:#ff5d3d;}

.case_list{
	width: 1330px;
	height: auto;
	margin: auto;
}
.case_list ul li{
	float: left;
	width: 260px;
	height: 240px;
	list-style: none;
	margin-right: 6px;
	position: relative;
}
.case_list ul li.case_list_li{
	margin-right: 6px;
	float: left;
	height: 240px;
	list-style: nono;
	position: relative;
	width: 260px;
}
.case_list ul li:hover .case_list_2{ display:block;}
.case_list ul li:hover .case_list_21{ display:block;}
.case_list ul li:hover .case_list_22{ display:block;}
.case_list ul li:hover .case_list_23{ display:block;}
.case_list ul li:hover .case_list_24{ display:block;}
.case_list_1{ width:260px; height:251px;}
.case_list_1_img{ width:260px; height:200px;}
.case_list_1_tit{
	width: 260px;
	height: 51px;
	background-color: #fff;
	font-size: 14px;
	color: #000000;
	text-align: center;
	line-height: 51px;
}
.case_list_2{ width:1100px; height:251px; position:absolute; top:0; z-index:99; display:none; left:1055px;}
.case_bg_left{ float:left; width:260px; height:251px;}
.case_bg_right{ width:2955px; height:251px; background:url(../images/jie_bg.png) no-repeat left; position:absolute; top:0; right:17px;}
.case_bg_right_tit{ font-size:14px; color:#fff; width:780px; height:40px; line-height:40px; padding-top:15px; margin:auto;}
.case_bg_right_con{ font-size:12px; color:#fff; line-height:25px; width:789px; height:195px; margin:auto; overflow:hidden;}
.case_bg_right_more{ width:45px; height:22px; border-radius:100px; border:1px solid #fff; font-size:12px; color:#fff; text-align: center; line-height:22px; margin-left:36px; margin-top:35px;}
.case_list_21{ width:1100px; height:251px; position:absolute; top:0; z-index:99; display:none; left:790px;}
.case_list_22{ width:1100px; height:251px; position:absolute; top:0; z-index:99; display:none; right:-1365px;}
.case_list_23{ width:1095px; height:251px; position:absolute; top:0; z-index:99; display:none; right:-1100px;}
.case_list_24{ width:1095px; height:251px; position:absolute; top:0; z-index:99; display:none; right:-835px;}
