@charset "utf-8";
/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
}
q:before,q:after {
    content:"";
}
a:hover{color: #ee7504;}
abbr,acronym {
    border: 0;
}
a{
	text-decoration: none;
}
img{
	border:none;
	vertical-align: middle;;
}
html,body{
	font-family: "微软雅黑";
	font-size: 14px;
	min-width: 1200px;
}
.c{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.cc{width: 1260px;margin-left: auto;padding-left:8px;
	margin-right: auto;}
.ha{
	width: 100%;
	overflow: hidden;
}
.ha-box{
	width: 400%;
	margin-left: -150%;
	text-align: center;
}
a{font-size: 12px;color: #888;}
.hd{
	background: #fff;
	height: 210px;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 9999;
}
.hd_h{float: left;width: 500px;color: #888;font-size: 12px;}
.hd_1{width: 100%;background: #f2f2f2;height: 45px;}
.hd-top-links_1{width:1200px;margin: 0 auto;line-height: 45px;}
.hd-top-links{float: right;line-height: 45px;}
.hd-top{width: 1200px;margin:0 auto;padding-top: 25px;}
.hd_e{float: left;width: 95px;height: 120px;}
.hd_e p{background: #030000;font-size: 12px;color: #999;height: 23px;line-height: 23px;width: 100%;text-align: center;}
.hd_e_1{margin-left: 155px;}
.hd_e_2{margin-left: 50px;}
.hd_t{float: left;margin-top: 27px;margin-left:6px;}
.hd_t_1{position: relative;top:7px;left: 80px;}
.hd_t_1 p{font-size: 14px;color: #666;}
.hd_t_1 h2{font-size: 22px;color: #e50012;font-weight: bold;}
.form_search{
	width: 260px;
	height: 35px;
	float: right;
}
.hot_pro_1 h2{font-size:22px;font-weight:600;color:#ee7504;text-align: center;line-height:45px;letter-spacing: 2px;    padding-left: 80px;}
.clear{clear: both;}
.form_search .in1 {
	border: 1px solid #bbb;
	height: 35px;
	line-height: 25px;
	color: #666;
	padding-left: 20px;
	vertical-align: middle;
	width: 260px;
	font-size: 12px;
}
.form_search .in2 {
	border: none;
	background: url(../images/sousuo.gif) no-repeat right;
	width: 20px;
	height: 25px;
	position: relative;
	top:-50px;
	left: 250px;
	cursor: pointer;
}
.clear{clear: both;}
.hd-nav li{
	float: left;
	width: 139px;
	height: 54px;
	text-align: center;
	/* border-right: 1px solid #cfcfcf; */
	position: relative;
	top:0px;
}
.hd-nav li .prod_nav a{color: #666;}
.hd-nav li a{
	color: #ffffff;
	font-size: 15px;
	display: block;
	line-height: 54px;
}
.hd-nav li a span{float: right;color: #4d4b4b;display:block;width:1px;}
.nav_s{width: 100%;background: #030000;height: 54px;}
.hd-top-logo{float: left;width: 565px;height: 116px;}
.hd-top-logo img{float: left;}
.hd-top-logo h1{float: left;font-size:30px;color:#e30000; letter-spacing: 2px;margin-top:20px;margin-left: 15px;
    font-weight: bold;}
.hd-top-logo h1 span{font-size:16px;color:#000; letter-spacing: 1px;margin-top:-10px;display:block;line-height:45px;}
.hd-nav li.active a{
	color: #fff;
	background: #e30000;
	opacity: 1;
}
.hd-nav li.active a span{display:none;}
.product_b_1 h2{font-size:30px;color:#e30000;padding-top:50px;font-weight: bold;}
.product_b_1 h2 span{color:#000;}
.product_b_1 h2 p{color:#666;font-size:14px;letter-spacing: 5px;font-weight: normal;line-height:30px;}
.hd-nav-it-pro{position: relative;}

.hd-nav-it-pro-drawer-bd-l a{
	line-height: 45px  !important ;
	color: #eee !important;
	font-size: 13px  !important;
	background: rgba(0,0,0,0.6) !important;
	text-align: center;
	border-bottom: 1px solid #666;
}
.hd-nav-it-pro-drawer-bd-l a:hover{
	color: #ee7504 !important;
}
.hd-nav li:hover a{
	color: #fff;
	background: #e30000;
	opacity: 1;
}
.hd-nav li:hover a span{
	display: none;
}
.hd-nav li:hover .hd-nav-it-drawer{
	display: block;
}
.hd-nav-it-drawer{
	position: absolute;
	z-index: 3;
	top: 48px;
	background: transparent;
	overflow: hidden;
	display: none;
}
.hd-nav-it-pro .hd-nav-it-drawer-bd{
	overflow: hidden;
	width: 140px;
	min-height: 1px;
	background: rgba(0,0,0,0.5);
	margin-top: 6px;
}
/* insert start */
.hd-nav-it-drawer{
	width: 100%;
}
/* insert end */
.hd-nav-it-pro .hd-nav-it-drawer{
	width: 140px;
	margin-left: 0px;
	padding-top: 0px;

}
.hd-nav-it-pro .hd_nav_1{
	position: absolute;
	top:-10px;
	left: 60px;
	width: 18px;height: 8px;
}
.hd-nav-it-pro .hd_nav_1 img{vertical-align: bottom;}

.keyword{width: 1200px;margin:0 auto;line-height: 60px;height: 60px;font-size: 14px;}
.keyword_1{float: left;}
.keyword_1 a{color: #666;padding:0 10px;}
.keyword_2{float: right;}
.product_a{width: 100%;height: 700px;background: url("/lib/images/ba_02.jpg") no-repeat;
	background-size:100% 100%;
	position:absolute;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/lib/images/ba_02.jpg',sizingMethod='scale');}
.product_b{width: 1200px;height: 700px;margin:0 auto;}
.product_b_1{margin:0 auto;width: 225px;height: 166px;}
.product_b li{width: 277px;height: 445px;display: inline-block;}
.product_b_2{width: 277px;height: 168px;text-align: center;background: #f7f7f7;}
.product_b_2 h5{font-size: 18px;color: #212121;line-height: 55px;}
.product_b_2 p{font-size: 14px;color: #666;padding:0 35px;line-height: 25px;margin-bottom: 20px;}
.product_b_2 span{background: #030000;padding:5px 10px;color: #fff;}
.product_b li:hover .product_b_2{background: #e30000;}
.product_b li:hover h5,.product_b li:hover p{color: #fff;}
.product_b li:hover span{background: none;border:1px solid #fff;}
.product_b ul{text-align: justify;}
.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}

.gg_a{width: 100%;height: 280px;}
.gg_a_1{width: 1200px;height: 280px;margin:0 auto;position:relative;}
.gg_a_2{color: #fff;position: absolute;top:62px;left: 520px;}
.gg_a_2 h5{font-size: 26px;}
.gg_a_2 h6{font-size: 10px;}
.gg_a_2 p{font-size: 16px;line-height: 60px;}
.gg_a_3{color: #fff;opacity: 0.8;position: absolute;top:70px;left: 1020px;}
.gg_a_3 a span{padding:3px 20px;background: #e30000;font-size: 16px;color: #fff;}
.gg_a_3 p{font-size: 16px;margin-top: 10px;}
.gg_a_3 h5{font-size: 26px;}
.gg_b{height: 211px;background: #e30000;width: 50%;position: absolute;z-index: 20}
.gg_c{height: 211px;background: #000;width: 50%;position: absolute;z-index: 20;left: 50%;}

.hot_pro{width: 1200px;margin: 0 auto;}
.hot_pro p{margin-left: 520px;width: 275px;height: 55px;}
.hot_pro ul{text-align: justify;margin-top: 23px;}
.hot_pro ul li{width: 280px;height: 350px;display: inline-block;position: relative;}
.hot_pro ul li p{line-height: 65px;margin-left: 0;text-align: center;color: #666;font-size: 14px;}
.hot_pro ul li:hover p{color: #ee7504;}
.hot_pro ul li:hover .hot_pro_k{display:block;}
.hot_pro ul li img{
overflow:hidden;
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s;
}
.hot_pro ul li:hover img{
box-shadow:0 10px 10px rgba(0,0,0,0.2);
-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.2);
-webkit-transform:translate3d(0,-2px,0);
transform:translate3d(0,-2px,0)
}
.hot_pro ul li .hot_pro_k{width:280px;height:95px;display:none;overflow: hidden;
position: absolute;top:188px;background: rgba(0,0,0,0.3);}
.hot_pro ul li .hot_pro_k p{font-size:14px;line-height:30px;color:#fff;padding:0 5px;}

.gg_s{width: 100%;height: 212px;}
.gg_s_1{width: 1200px;height: 212px;margin:0 auto;color: #fff;position: relative;}
.gg_s_2{width: 640px;position: absolute;left: 325px;top:52px;}
.gg_s_2 p{width: 320px;float: left;line-height: 28px;}
.gg_s_1 h5{font-size: 33px;color: #fff;line-height: 65px;margin-left: -20px;}
.gg_s_3{width: 190px;height: 120px;position: absolute;right: 0;top:62px;}
.gg_s_3 h5{font-size: 26px;margin:0;color: #fff;line-height: 30px;}
/* 四大优势  */
.advantage{height: 1394px;position: relative;}
.advantage_1{width: 555px;height: 240px;}
.advantage_a{width: 555px;float: right;height: auto;margin-top: 315px;}
.advantage_b{width: 610px;height: auto;padding-top: 65px;margin-left: 10px;}
.advantage_1 h2{font-size: 24px;margin-left: 75px;}
.advantage_1 h2 span{color: #e30000;}
.advantage_1 h6{font-size: 12px;color: #bbb;margin-left: 75px;margin-bottom: 40px;line-height: 25px;}
.advantage_1 p{font-size: 16px;color: #666;line-height: 30px;text-align: justify;width: 555px;}
.advantage_b .advantage_1{width: 610px;}

/* 用户案例  */
.case_1{width: 100%;height: 720px;background: url("/lib/images/abc0.png") repeat-x;}
.case_1 .case_top{text-align: center;color: #fff;padding-top: 70px;}
.case_1 .case_top h2{font-size: 30px;line-height: 40px;}
.case_1 .case_top p{font-size: 14px;opacity: 0.6;letter-spacing:6px;font-weight: 100;line-height: 30px;}
.slide_s{width: 360px;height: 455px;}
.slide_s_1{width: 360px;height: 177px;background: #fff;text-align: center;}
.slide_s_1 h5{font-size: 16px;padding:26px 0 24px 0;}
.slide_s_1 p{padding:0 45px;line-height: 25px;color: #666;margin-bottom: 15px;}
.slide_s_1 span{padding:3px 20px;background: #000;color: #fff;}
.slide_s:hover span{background: #e30000;}
.case_2{width: 1325px;margin:0 auto;position: relative;}

.case_bo{width: 100%;height: 300px;background: #f9f9f9;padding-top: 50px;}
.case_bo ul{width: 1200px;margin:0 auto;text-align: justify;}
.case_bo ul li{width: 210px;height: auto;text-align: center;display: inline-block;vertical-align: top;overflow: hidden;}
.case_bo ul li p{padding:0 15px;line-height: 25px;}
.case_bo ul li a span{background: #e30000;padding:2px 10px;color: #fff;}
.case_bo ul li h5{font-size: 22px;color: #e30000;font-weight: bold;line-height: 50px;margin-top: 24px;}
.news{height: 695px;}
.news_1{padding-top: 65px;width: 750px;float: left;}
.news_r h4,.news_1 h4{line-height: 50px;font-size: 18px;color: #000;border-bottom: 1px solid #eee;}
.news_r h4 img,.news_1 h4 img{vertical-align:middle;}
.news_r span,.news_1 span{font-size: 14px;color: #999;}
.news_3{float: left;}
.news_2{padding-top: 35px;}
.news_4{width: 435px;margin-left: 24px;}
.news_4 a p{line-height: 25px;font-size: 14px;}
.news_5 span{cursor: pointer;line-height: 30px;color: #666;font-size: 16px;display: block;float: left;padding:23px 5px 10px 5px;margin-right: 50px;}
.news_5 .active{color: #e30000;border-bottom: 2px solid #e30000;}
.news_5 ul{text-align: justify;margin-top: 20px;}
.news_5 ul li{display: inline-block;}
.news_5_2,.news_5_3{display: none;}
.news_r{width: 402px;float: right;padding-top: 65px;}
.news_r h4 a{float: right;font-size: 12px;color: #999;}
.news_r ul{margin-top: 25px;}
.news_r li{}
.news_r li a p{line-height: 36px;font-size: 13px;color: #666;}
.news_r li a p:hover{color: #ee7504;}
.news_r li a p img{vertical-align: middle;}
.news_r li a p span{float: right;}


.ques_1 li{width: 545px;height: 133px;border-bottom: 1px solid #bbb;}
.ques{width: 100%;background: #f9f9f9;height: 635px;}
.ques_2{width: 545px;padding-top: 37px;height: 598px;float: left;}
.ques_2 h4{line-height: 50px;font-size: 18px;color: #000;}
.ques_a h4 img,.ques_2 h4 img{vertical-align:middle;}
.ques_2 span{font-size: 14px;color: #999;}
.ques_2 h4 a{float: right;font-size: 12px;color: #999;}
.ques_3{width: 100%;margin-top:30px;margin-bottom: 17px;}
.ques_3 a span{display: block;float: left;width: 25px;height: 25px;background: #e30000;color: #fff;text-align: center;line-height: 25px;}
.ques_3 a{font-size: 13px;padding-left: 13px;color: #333;}
.ques_4 a span{display: block;float: left;width: 25px;height: 25px;background: #000;color: #888888;text-align: center;line-height: 25px;}
.ques_4 a{font-size: 13px;color: #888;}
.ques_4 a em{display: block;float: left;padding-left: 13px;width: 505px;height: 93px;line-height:24px;}
.ques_a{width: 586px;height: 598px;float: right;}
.ques_a h4{line-height: 50px;font-size: 18px;color: #000;}
.ques_a span{font-size: 14px;color: #999;}
.ques_a p{font-size: 14px;color: #888888;line-height: 30px;}
.ques_a form p{width: 570px;height: 44px;background: #fff;margin-bottom: 14px;border: 1px solid #eee;padding-left: 16px;}
.ques_a form p span,.ques_a form h5 span{color: #e30000;}
.ques_a form p input{width: 500px;height: 44px;background: none;border: none;}
.ques_a form h5{width: 570px;height: 120px;background: #fff;border: 1px solid #eee;color: #888888;padding-left:16px;line-height: 40px;}
.ques_a form h5 textarea{width: 570px;height: 80px;border: none;}
.ques_a form h6 input{width: 586px;height: 44px;text-align: center;line-height: 44px;background: #242424;
	border: none;margin-top: 28px;color: #fff;font-size: 18px;cursor: pointer;}

/*底部*/
.footer{width: 100%;height: 438px;background: #242424;padding-top: 20px;}
.footer_1 p{font-size: 13px;color: #7b7b7b;   padding-top: 10px;}
.footer_1 p a{font-size: 12px;color: #efefef;padding: 0 5px;line-height: 20px;opacity: 0.2;}
.footer_2{width: 100%;border: 1px solid #343434;height: 60px;}
.footer_2 li{min-width: 45px;line-height: 58px;float: left;margin-right: 70px;}
.footer_2 li a{color: #efefef;font-size: 14px;}
.footer_2 li:hover a{color: #ee7504;}

.footer_2 .footer_2_1{margin-right: 0;}
.footer_3{width: 100%;height: 282px;border-bottom: 1px solid #343434;padding-top: 33px;}
.foot_1{float: left;width: 245px;height:215px;}
.foot_2{float: left;width: 380px;height:215px;}
.foot_3{float: left;width: 320px;height:215px;}
.foot_4{float: left;width: 255px;height:215px;}
.er_1,.er_2{width: 114px;height: 146px;float: left;}
.er_2{margin-left: 60px;}
.foot_2 p{font-size: 13px;line-height: 23px;color: #7b7b7b;}
.foot_2 p span{color: #fff;}
.er_1 p,.er_2 p{width: 114px;text-align: center;line-height: 32px;color: #fff;font-size: 12px;}
.foot_3 h4{font-size: 14px;color: #979797;margin-bottom: 20px;}
.foot_3 h4 span{color: #7b7b7b;font-size: 13px;}
.foot_3 h4 img{vertical-align: middle;}
.foot_3 p a{font-size: 13px;color: #7b7b7b;line-height: 30px;}
.foot_3 p a:hover{color: #ee7504;}
.footer_3 h3{color: #f9f9f9;text-align: center;line-height: 70px;}
.footer_3 h6 a{color: #f9f9f9;font-size: 13px;padding-left: 15px;}
.footer_4 p,.footer_4 p a{line-height: 60px;color: #7b7b7b;font-size: 14px;text-align: center;}

.here{height: 65px;line-height: 65px;text-align: right;color: #666;font-size: 13px;}
.here a{font-size: 13px;color: #888888;}
.left{float: left;width: 262px;height: auto;}
.left_top{width: 262px;}
.left_top h2,.left_top p{width: 262px;height: 60px;background: #000;text-align: center;line-height: 60px;color: #fff;font-size: 18px;}
.left_top h2 span{font-size: 14px;}


.left_top .active a{color: #ee7504;}

.left_top li{width: 262px;height: 60px;background: #f8f8f8;line-height: 60px;border: 1px solid #eee;border-top:none;}
.left_top li a{color: #666;font-size: 14px;padding-left: 68px;}
.left_top li:hover a{color: #ee7504;}
.left_bot p{margin-bottom: 10px;}
.left_bot {border: 1px solid #eee;margin:10px 0;}
.left_bot h6{line-height: 30px;font-size: 14px;color: #666666;padding:15px 35px 20px 18px;}
.right{width: 930px;float: right;}
.right li{margin-left: 26px;width: 284px;height: 340px;float: left;}
.right li p{line-height: 55px;text-align: center;font-size: 14px;color: #666;}
.right li:hover p{color: #ee7504;}
.page p{height: 30px;width: 300px;margin:30px auto;}
.page p span,.page p a{border: 1px solid #eee;display: block;width: 27px;height: 27px;text-align: center;line-height: 27px;float: left;margin-left: 10px;}

.tuijian h4{font-size: 18px;color: #434343;border-bottom: 1px solid #eee;line-height: 70px;}
.tuijian h4 span{color: #666;}
.tuijian h4 img{vertical-align: middle;}
.tuijian ul{margin-top: 35px;height: 340px;overflow:hidden;}

.tuijian li p{line-height: 55px;text-align: center;font-size: 14px;color: #666;}
.tuijian li:hover p{color: #ee7504;}

.right_1_s{width: 912px;float: right;}
.right_1{width: 912px;float: right;font-size:16px;line-height:32px}
.right_1 a{font-size:16px;color:#03C}
.right_1 li{width: 912px;height: 150px;margin-bottom: 30px;}
.right_1 li img{float: left;}
.case_a{width: 645px;margin-right: 22px;margin-top: 25px;
    height: 100px;float: right;}
.case_a h5{font-size: 18px;color: #343434;}
.case_a h5 span{float: right;color: #666;font-size: 14px;}
.case_a p{font-size: 14px;color: #666;line-height: 28px;margin-top: 20px;}
.case_a p span{color: #979797;}
.right_1 li:hover h5{color: #ee7504;}
.right_1 h1{font-size: 34px;color: #343434;text-align: center;}
.right_1 h1 span{font-size: 16px;color: #666;}
.rig_2{text-align: right;}
.rig_2 a{font-size: 14px;color: #666;padding-left:20px;}
.rig_2 a:hover{color: #ee7504;}

.right_news{width: 912px;float: right;}
.right_news li{width: 912px;height: 110px;margin-bottom: 25px;background: #f9f9f9;}
.right_news_1{width: 85px;height: 64px;margin-top: 23px;color: #666;font-size: 34px;padding-left: 23px;float: left;
    line-height: 30px;border-right: 2px solid #eee;}

.right_news_1 span{font-size: 16px;}
.right_news_2{width: 756px;height: 100px;float: right;}
.right_news_2 h6{font-size: 16px;color: #343434;line-height: 40px;padding-top: 8px;}
.right_news_2 p{font-size: 14px;color: #666;line-height: 25px;}
.right_news li:hover{background: #e30000;color: #fff;}
.right_news li:hover h6,.right_news li:hover p,.right_news li:hover .right_news_1,.right_news li:hover span{color: #fff;}

.con_a{width: 910px;border: 1px solid #eee;min-height: 240px;}
.con_a_1{width: 472px;height: 240px;border-right: 1px solid #eee;background: #f8f8f8;float: left;padding-left: 40px;}
.con_a_1 h5{line-height: 80px;font-size: 18px;}
.con_a_1 p{line-height: 30px;font-size: 16px;color: #666;}
.con_a_2{float: left;margin-top: 57px;margin-left: 76px;}
.con_a_3{float: left;margin-top: 57px;margin-left: 42px;}
.con_a_3 p,.con_a_2 p{font-size: 12px;color: #666;line-height: 40px;text-align: center;}
#demo{
	overflow:hidden;
	position:relative;
	width: 545px;
	height: 460px;
}
#demo1{

}
#demo2{
	height:auto;
}

#demo2 li{
	list-style-type:none;

}

.winBox {
	width:1200px;
	height:380px;
	overflow:hidden;
	position:relative;
}
.scroll {
	/*width的大小是根据下面li的长度和多少个li而定的，需注意！*/
			width:2272px;
	position:absolute;
	left:0px;
	top:0px;
}
.scroll li {
	width:284px;
	float:left;
	height:340px;
margin-left:20px;
	text-align:center;
}