@charset "gb2312";
/* CSS Document by 0.0*/
/*缁熶竴鏍峰紡*/
body { font-family:"Microsoft YaHei"; font-size: 14px; -webkit-text-size-adjust: none; line-height: 28px; color: #373736; }
* { margin: 0px; padding: 0px; word-wrap: break-word; }
*html { background-image: url(about:blank); background-attachment: fixed; }
a:link, a:visited, a:active { color: #373736; text-decoration: none }
a:hover { color: #373736; text-decoration: none }
dl, ul, li, ol { list-style: none; padding: 0; margin: 0; }
fieldset, img { border: none }
input, textarea, keygen, select, button, isindex { margin: 0em; font: -webkit-small-control; color: initial; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; outline: medium; }
table { border-collapse: collapse; border-spacing: 0; }
i, em, cite { font-style: normal; }
iframe { display: block }
h1, h2, h3, h4, h5, h6 { font-weight: 500; }
address, cite, dfn, em, var { font-style: normal; }
.fl { float: left; }
.fr { float: right }
.clear { clear: both; overflow: hidden; height: 0 }

.h5 { height: 5px; clear: both; line-height: 0; }
.h8 { height: 8px; clear: both; line-height: 0; _height: 4px; }
.h25 { height: 25px; clear: both; _height: 5px; line-height: 0; }
.h10 { height: 10px; clear: both; _height: 5px; line-height: 0; }
.h12 { height: 12px; clear: both; _height: 5px; line-height: 0; }
.h15 { height: 15px; clear: both; _height: 8px; line-height: 0; }
.h45{ height: 45px; clear: both; line-height: 0; }
.h40 { height: 40px; clear: both; line-height: 0; }
.h90 { height: 90px; clear: both; line-height: 0; }
.h50 { height: 50px; clear: both; line-height: 0; }
.h100 { height: 100px; clear: both; line-height: 0; }
.h30 { height: 30px; clear: both; line-height: 30px; _font-size: 1px;    color: #929292;    text-indent: 1.4em; }
.h20 { height: 15px; clear: both; line-height: 0; _font-size: 1px }
.h70{ height: 70px; clear: both; line-height: 0; _font-size: 1px }
.mb5 { margin-bottom: 5px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mr10 { margin-right: 10px }
.mr5 { margin-right: 5px }
.mr15 { margin-right: 15px }
.mr20 { margin-right: 20px }
.pr10 { padding-right: 10px }
.pl10 { padding-left: 10px }
.pr20 { padding-right: 20px }
.pl30 { padding-left: 30px }
.dn { display: none; }
.db { display: block }
.db-i { display: inline-block; }
.tc { text-align: center; }
.wp { margin: 0 auto; background: #fff; width: 1000px; }
.clearfix:after { clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { display: inline-block; overflow: hidden; height: 0; }
.rer{ color:#b51302 !important; font-size:40px; margin:0 10px;}
.mr0{ margin:0 auto;}


.xian{ border-bottom:1px solid #ececec}
.hxian{border-bottom:6px solid #2479ae }


/**************/
.w1000{ width:1200px; margin:0 auto;}
.top{ height:97px; width:100%; border-top:6px solid #2479ae; background:url(logobg.jpg) repeat-x;}
.top .logo{ width:262px; height:71px; margin-top:17px;}

.nav{ width:780px; height:80px; margin-top:15px;}
.nav li{ width:129px; height:80px; float:left; font-size:14px; font-family:"Microsoft YaHei"; text-align:center; background:url(libg.jpg) no-repeat right; position:relative;}
.nav li span{ display:block; height:54px; font-size:10px;}
.nav li span:hover{ background:url(navbg.jpg) no-repeat bottom ;}
.nav li:nth-last-child(1){ background:none}
.nav li a{ color:#575757}



.nav li .sub-nav{position:absolute;top:81px;left:-1px;list-style:none;background-color:#f1eeee;display:none; z-index:9999;}
.nav li .sub-nav li{text-align:center;clear:left;width:140px;height:35px;line-height:35px;position:relative;}
.nav li .sub-nav li a{height:34px;line-height:34px;width:138px;padding:0;display:inline-block; border-bottom:1px dashed #CCC;}

.banner{width:100%;height:552px;position:relative; overflow:hidden; background:#efefef;}
:focus{outline:0;}
a.special,.special a{color:#690;}
a.special:hover,.special a:hover{color:#390;text-decoration:none;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{clear:both;*zoom:1;}
.overflow{overflow:hidden;*zoom:1;}
.index_focus{width:100%;height:491px;margin:0 auto;overflow:hidden;}
.index_focus .bd li{width:100%;height:491px;}
.index_focus .bd li a{width:100%;height:491px;display:block;text-align:center;}
.index_focus_post{z-index:10;}
.index_focus .slide_nav{position:absolute;left:50%;margin-left: -40px;
    bottom: 3%;overflow:hidden;}
.index_focus .slide_nav a{cursor:pointer;float:left;display:block;width:10px;height:10px;background:#252525;border-radius:50%;margin:5px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{background:#a7a7a7;}
.index_focus_pre,.index_focus_next{display:none;position:absolute;top:50%;margin-top:-36px;width:72px;height:55px;text-indent:100%;white-space:nowrap;overflow:hidden;z-index:10;background:url(ico_sliding.png) no-repeat;background:none;_behavior:url(../iepngfix.htc);}
.index_focus_pre{left:140px;background-position:0 0px;background:url(ico_sliding_02.png) no-repeat;_behavior:url(../iepngfix.htc);}
.index_focus_pre:hover{background-position:0 0px;background:url(ico_sliding_02.png) no-repeat;_behavior:url(../iepngfix.htc);}
.index_focus_next{right:110px;background-position:0 -73px;background:url(ico_sliding_05.png) no-repeat;_behavior:url(../iepngfix.htc);}
.index_focus_next:hover{background-position:0 -73px;background:url(ico_sliding_05.png) no-repeat;_behavior:url(../iepngfix.htc);}
.index_focus_info{position:absolute;left:10%;bottom:12%;width:800px;height:200px;padding-bottom:10px;color:#fff;text-decoration:none;cursor:pointer;font-family:"\5fae\8f6f\96c5\9ed1";-moz-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);-webkit-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);background:url("index_focus_bg.png") no-repeat;background:none;}

.hsbg{ height:61px; width:100%; background:#efefef}
.tit{ color:#e25114; font-size:30px; font-family:"Microsoft YaHei"; line-height:45px; text-align:center;  font-weight:bold; padding-top:60px}
.xtit{ color:#636363; font-size:15px; font-family:"Microsoft YaHei"; line-height:30px; text-align:center;  font-weight:bold}
.egtit{ color:#aaaaaa; font-size:10px; font-family:"Microsoft YaHei"; line-height:25px; text-align:center;  font-weight:bold; text-transform:uppercase}


/******************/
.onebox{ height:810px; width:100%;}
.ybsbox{ height:535px;}
.ybsbox li{ float:left; height:256px; width:279px; padding-right:28px; padding-bottom:25px;}
.ybsbox li:nth-last-child(1),.ybsbox li:nth-child(4){ padding-right:0}


.twobox{ height:810px; width:100%; background:url(twobg.jpg) repeat;}
.twobox .ssbox{ height:496px;}
.twobox .ssbox .one{ height:496px; width:683px; background:url(ss1.jpg) no-repeat; position:relative;}
.twobox .ssbox span{ height:40px; background:#000; opacity:0.4; width:100%; position:absolute; bottom:0; }
.twobox .ssbox a{    color: #fff;
    position: absolute;
    bottom: 0;
    text-align: center;
    display: block;
    width: 100%;
    line-height: 45px;
    font-size: 20px;}
.twobox .ssbox .two{ width:504px; height:496px; }
.twobox .ssbox .three{ height:242px; width:504px; background:url(ss2.jpg) no-repeat; position:relative;}
.twobox .ssbox .four{ height:242px; width:504px; background:url(ss3.jpg) no-repeat; position:relative;}



.threebox{ height:948px; width:100%;}
.bfbox .sp{ height:360px; text-align:center}

.main6,main6_cont{ width:1080px; height:195px; margin:0 auto; position:relative}
.main6 .nr{ width:865px; height:195px; margin:0 auto}
.main6 .nr li{ width:218px; height:195px; float:left}
.main6 .prev,.main6 .next{ position:absolute; top:83px; z-index:1000000000000000;}
.main6 .next{ right:10px;}

.fourbox{ height:810px; width:100%; background:url(twobg.jpg) repeat;}
.fourbox .ssbox{ height:496px;}
.fourbox .ssbox .one{ height:496px; width:683px; background:url(mn1.jpg) no-repeat; position:relative;}
.fourbox .ssbox .two{ width:504px; height:496px; }
.fourbox .ssbox .three{ height:242px; width:504px; background:url(mn2.jpg) no-repeat; position:relative;}
.fourbox .ssbox .four{ height:242px; width:504px; background:url(mn3.jpg) no-repeat; position:relative;}



/**********foot***********/
.foot{ height:121px; background:url(footbg.jpg) center;}
.foot .foot_nav{ height:42px; line-height:42px; width:100%; background:url(foot_nav.jpg) repeat;}
.foot .foot_nav ul{ width:520px; margin:0 auto}
.foot .foot_nav li{ float:left; font-size:16px;    margin: 0 5px;}
.foot .foot_nav li a{ color:#828282}
.foot .flogo{ height:108px; width:762px; position:absolute; top:170px;}
.foot .ewm{ height:227px; width:227px; position:absolute; top: 135px;
    left: 762px;}
.foot .bd{ width:1100px;  margin:0 auto;}
.foot .bd1{ width:490px; padding-left:550px; padding-top:40px;}
.foot .bd .xm{ padding-bottom:20px}
.foot .bd .xm span{ color:#fff; font-size:14px;}
.foot .bd .xm input{ height:30px; width:184px; border:1px solid #838383; border-radius:5px 0 0 5px; background:url(footbg.jpg) repeat; padding-left:5px; color:#FFF;}

.foot .bd .zz span{ color:#fff; font-size:14px;}
.foot .bd .zz textarea{ height:87px; width:402px; border:1px solid #838383; border-radius:5px 0 0 5px; background:url(footbg.jpg) repeat; padding-left:2px; color:#FFF;}
.foot .bd .tj,.foot .bd .tj input,.foot .bd .tj2,.foot .bd .tj2 input{ height:35px;  width:100px; background:url(tjbg.jpg) no-repeat; border:none; color:#ececec; text-align:center}
.foot .bd .tj,.foot .bd .tj2{ margin-left:20px; margin-top:20px;}
.foot .bd .tj{ margin-left:70px;}

.beia{ width:1100px; margin:0 auto; text-align:center; color:#FFFFFF; font-size:16px; clear:both; padding-top:40px;}


/******关于我们****/

.jjbox{ height:808px; }
.abtit{ padding-top:40px; font-size:25px; text-align:center; line-height:30px; color:#999; font-family:"Microsoft YaHei"}
.abeb{ font-size:16px; text-align:center; line-height:35px; color:#333; background:url(tibg.png) no-repeat center;  }
.jjbox p{ text-align:center} 

.whbox{ height:143px; width:100%; background:#f0f0f0;}

.abdbox{ height:460px; width:100%;}
.tdbox{ height:200px; width:100%; background:#e9e9e9}
.plbox{ height:228px; width:1120px; margin:0 auto;    margin-top: -115px;}
.plbox li{ float:left; width:248px; height:228px; margin-right:40px; text-align:center}
.plbox li:nth-last-child(1){ margin-right:0}
.plbox li a{ color:#4a4a4a}
.plbox li img{ box-shadow:5px 5px 10px #c3c0b4;}


/************联系我们***************/
.pos{ height:55px; width:100%; border-bottom:1px solid #999; line-height:55px;color:#a1a1a1; font-size:14px;}
.pos a{ color:#a1a1a1}

.nrbox table{width:1108px;border:#858585; color:#858585; margin:0 auto;} 
.nrbox table td{ text-indent:2em; } 
.nrbox .nrbox_pic{ width:1109px; margin:0 auto;}
/*****************list*****************/
.linr li{ float:left; width:280px; height:255px; margin:0 26px 28px 0}
.linr li .img,.linr li .img img{ width:280px; height:205px; }
.linr li span{ height:50px; width:280px; display:block; background:#efefef; color:#4c4b4b; text-align:center; line-height:50px;}
.linr li:nth-child(4),.linr li:nth-child(8),.linr li:nth-child(12),.linr li:nth-child(16){ margin:0;}

.fy{ height:70px; width:100%; background:#e8e7ec;}

/**分页**/
.page{margin:0 auto;width:100%;clear:both;height:50px;padding-top:20px;}
.page ul{ float:right}
.page li{border:1px solid #999;color:#666;float:left;font-size:12px;padding:0px 12px;margin-left:15px;background:#fff;}
.page li:hover{cursor:pointer; background:#353535; color:#fff}
.page li:hover a,.page li:hover strong{ color:#fff;}
.page li a{color:#666;display:block;text-decoration:none;}
.page li a:hover{color:#fff;}
.page a:active{background-color:#F1FFD6;border:1px solid #0254A8;color:#638425;}

.page li span.pageinfo strong{padding:0 3px 0px 1px}

/*************视频制作***********/

.gyzbox{ height:857px;  background:url(zzbg.jpg) no-repeat right}
.gyzbox h1{ font-size:28px; font-weight:bold; color:#8a8a8a}
.gyzbox .wz{ height:500px; width:517px; padding-left:100px;}
.gyzbox h2{ font-size:18px;color:#8a8a8a;    padding-top: 5px;}
.gyzbox .wz p{ line-height:30px; font-size:14px; color:#757575}
.gyzbox .wz .ew{ color:#bbbbbb;font-size:12px; line-height:25px; }

.fwbox{ height:552px; width:100%; background:url(twobg.jpg) repeat}
.fwjs{ width:1135px; margin:0 auto;}
.fwjs li{ width:237px; height:233px; float:left; margin-right:60px; background:#fff}
.fwjs li img{ padding:6px;}
.fwjs li img img{ width:225px; height:129px; }
.fwjs li h2{ text-align:center; line-height:30px; color:#545454; font-size:14px;}
.fwjs li p{ font-size:9.75px; line-height:25px; color:#9a9a9a; padding-left:15px; width:215px;}
.fwjs li:nth-last-child(1){ margin-right:0}

.hcbox{  height:743px;}

.xsbox{ height:822px; width:100%; background: url(twobg.jpg) repeat;}
.xsul li{ height:256px; width:279px; float:left; margin-right:27px; margin-bottom:23px;}
.xsul li:nth-last-child(1),.xsul li:nth-last-child(5){ margin:0}

.ysbox{ height:478px;}
.ysbox li{ height:233px; width:256px; float:left; margin-right:50px;}
.ysbox li:nth-last-child(1){ margin-right:0}
.ysbox li .bt{ height:33px; width:256px; text-align: right;}
.ysbox li .bt a{ display:block; line-height:50px;}
.ysbox li .bt span{ width:66px; height:30px; display:block; text-align:center; color:#fff;  float:left; background:#323232; margin-top:10px;}

.hbbox{ height:676px;background: url(twobg.jpg) repeat; }

/******************首页***************/
.bgbox{ height:817px;}
.bgbox .spzz{ margin-left:122px;}
.bgbox h1{ font-size:28px; font-weight:bold; color:#646464; line-height:30px;}
.bgbox .wz p{ line-height:30px; font-size:12px; color:#646464; padding-top:10px; padding-bottom:20px;}
.bgbox h2{ font-size:30px; font-weight:bold; color:#646464;     line-height: 35px;padding-top: 10px;}

.bgbox .tp{ height:500px; width:550px;}

.pphbox{ height:774px; width:100%;background: url(twobg.jpg) repeat; }

.zmbox{ height:90px; width:950px; position:relative;margin: 0 auto;}
.zmbox .one{ width:100px; height:58px;  float:left; background:url(x3.png) no-repeat 8px 0px;   position:absolute}
.zmbox .one b{ color:#636363; font-size: 38px;
    display: block;
    float: left;
    margin-right:5px; margin-top:20px}
.zmbox .one span{ display:block; float:left;    line-height: 17px;margin-top:18px}
.zmbox .b1{ top:30px;}
.zmbox .b2{ left:140px;}
.zmbox .b3{ top:30px;left:280px;}
.zmbox .b4{ left:420px;}
.zmbox .b5{ top:30px; left:560px;}
.zmbox .b6{ left:700px;}
.zmbox .b7{ top:30px; left:840px;}


.pphbox p{ text-align:center; padding-top:5px; color:#999;font-size: 15px;}

.tdsbox{ height:380px;}
.tdsbox .dt_t{ width:584px; height:30px;  background:url(dt_t.png) no-repeat left bottom; margin-bottom:20px; font-size:18px;}
.tdsbox .td li{ width:282px; height:281px; float:left; margin-right:24px;}
.tdsbox .td li:nth-last-child(1){ margin-right:0}
.tdsbox .td li img{  box-shadow: 5px 5px 10px #c3c0b4; width:283px; height:233px; border:2px solid #FFF;}
.tdsbox .td li span{ height:32px; width:282px; text-align:center; line-height:32px; color:#fff; background:#bebebe; display:block; margin-top:15px}
.tdsbox .td li a:hover{ color:#FFF;}
.txbox{ height:517px;background: url(twobg.jpg) repeat; }
.txbox .td li{ width:171px; height:181px; float:left;margin-left: 110px; text-align:center}
.txbox .td li:nth-last-child(1){ margin-right:0}
.txbox .td li span{ display:block; width:175px; height:31px; color:#727272; font-size:15px; padding-top:10px}
.txbox .td li p{ display:block; width:175px; height:31px; color:#b7b7b7; font-size:12px;}



/**************方案****************/

.fabox{ height:781px;}
.fabg{ background:url(fabg.jpg) no-repeat center 100%; height:497px;}
.fabg .wz{ height:445px; width:635px;    padding-top: 20px;}
.fabg .wz .one{  width:635px; padding-top:10px;}
.fabg .wz .one h1{ color:#636363; font-size:18px; font-weight:bold;}
.fabg .wz .one h2{ color:#8e8e8e; font-size:16px; font-weight:bold;}
.fabg .wz .one p{ color:#b3b3b3;  font-size:14px;    line-height: 25px;}

.cjbox{ height:810px; background: url(twobg.jpg) repeat; }
.cjbox .ssbox{ height:496px;}
.cjbox .ssbox .one{ height:496px; width:683px; background:url(cj1.jpg) no-repeat; position:relative;}
.cjbox .ssbox .two{ width:504px; height:496px; }
.cjbox .ssbox .three{ height:242px; width:504px; background:url(cj2.jpg) no-repeat; position:relative;}
.cjbox .ssbox .four{ height:242px; width:504px; background:url(cj3.jpg) no-repeat; position:relative;}

.cj2box{ height:725px;}

.cj3box{ height:803px;background: url(twobg.jpg) repeat;  }
.cj3box .ssbox{ height:496px;}
.cj3box .ssbox .one{ height:496px; width:683px; background:url(cj5.jpg) no-repeat; position:relative;}
.cj3box .ssbox .two{ width:504px; height:496px; }
.cj3box .ssbox .three{ height:242px; width:504px; background:url(cj6.jpg) no-repeat; position:relative;}
.cj3box .ssbox .four{ height:242px; width:504px; background:url(cj7.jpg) no-repeat; position:relative;}







.technical_support {
	background: rgb(245, 247, 249);  width:1100px; margin:0 auto; overflow: hidden;
}
.technical_support_gy {
	background:url(guanyubj.jpg) no-repeat;  padding: 0px 0px; overflow: hidden; background-size:100% 100%; 
}

.technical_support_lx {
	background:url(lianxibj.jpg) no-repeat;  padding: 0px 0px; overflow: hidden; background-size:100% 100%; 
}
.technical_support_content {
	overflow: hidden; margin-left: -30px;
}
.technical_support_list {
	overflow: hidden; margin-left: 30px;
}
.technical_support_type {
	background: rgb(255, 255, 255);
}
.technical_support_type .title {
	background: url("074.png") no-repeat center; padding: 15px 0px; color: rgb(255, 255, 255); text-indent: 35px; font-size: 16px; position: relative;
}
.technical_support_type .title span {
	top: 13px; right: 20px; display: none; position: absolute;
}
.technical_support_type .title span img {
	transition:0.4s; transform: rotate(0deg); -webkit-transition: 0.4s all; -webkit-transform: rotate(0deg);
}
.technical_support_type .title span.active img {
	transform: rotate(90deg); -webkit-transform: rotate(90deg);
}
.technical_support_type ul li {
	position: relative; z-index: 1;
}
.technical_support_type ul li::before {
	background: rgb(250, 250, 250); transition:0.3s; left: 0px; top: 50%; width: 0px; height: 100%; position: absolute; z-index: -1; content: ""; transform: translate(0px, -50%); -webkit-transition: 0.3s all; -webkit-transform: translate(0, -50%);
}
.technical_support_type ul li a {
	margin: 0px 10px; padding: 15px 0px; color: rgb(78, 78, 78); text-indent: 25px; border-bottom-color: rgb(247, 247, 247); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.technical_support_type ul li:last-child a {
	border: currentColor; border-image: none;
}
.technical_support_type ul li:last-child:hover a {
	border: currentColor; border-image: none;
}
.technical_support_type ul li:hover::before {
	width: 100%;
}
.technical_support_type ul li:hover a {
	background: rgba(0, 0, 0, 0); border-bottom-color: rgb(61, 166, 247); border-bottom-width: 1px; border-bottom-style: solid;
}
.technical_support_type ul li:first-child.active {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.technical_support_type ul li.active {
	background: rgb(61, 166, 247); border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.technical_support_type ul li.active a {
	color: rgb(255, 255, 255); border-bottom-color: rgb(61, 166, 247); border-bottom-width: 1px; border-bottom-style: solid;
}
.technical_support_type ul li.active:hover::before {
	display: none;
}
.technical_support_box {
	background: rgb(255, 255, 255); padding: 30px 20px;
}
.technical_support_box .title {
	color: rgb(78, 78, 78); text-indent: 10px; font-size: 16px;
}
.technical_support_box ul {
	margin: 15px 0px; padding: 10px 0px; border-top-color: rgb(247, 247, 247); border-bottom-color: rgb(247, 247, 247); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.technical_support_box ul li a {
	padding: 10px; color: rgb(154, 154, 154); overflow: hidden; display: block; position: relative; z-index: 1;
}
.technical_support_box ul li a::before {
	background: rgb(250, 250, 250); transition:; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -1; content: ""; opacity: 0; transform: scale3d(1, 0.1, 1); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; -webkit-transform: scale3d(1, 0.1, 1); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.technical_support_box ul li a {
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.technical_support_box ul li a::before {
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.technical_support_box ul li a:hover::before {
	opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.technical_support_box ul li a:hover {
	color: rgb(51, 51, 51);
}
.technical_support_box ul li a .text {
	width: 85%; overflow: hidden; float: left; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.technical_support_box ul li a .time {
	width: 15%; text-align: right; float: right;
}
.technical_support_page {
	background: rgb(255, 255, 255); padding: 0px 20px 30px; overflow: hidden;
}
.technical_support_page ul li {
	float: left;
}
.technical_support_page ul li a {
	border-radius: 3px; border: 1px solid rgb(209, 209, 209); border-image: none; width: 30px; height: 30px; text-align: center; color: rgb(193, 193, 193); line-height: 30px; margin-right: 15px; display: block;
}
.technical_support_page ul li a.active {
	background: rgb(60, 154, 242); border: 1px solid rgb(60, 154, 242); border-image: none; color: rgb(255, 255, 255);
}
.technical_support_page ul li a:hover {
	background: rgb(60, 154, 242); border: 1px solid rgb(60, 154, 242); border-image: none; color: rgb(255, 255, 255);
}
.technical_support_page ul li a.disable {
	cursor: not-allowed;
}
.technical_support_page ul li a.disable:hover {
	background: rgb(255, 255, 255); border: 1px solid rgb(209, 209, 209); border-image: none; color: rgb(193, 193, 193);
}
.technical_support_box_z {
	background: rgb(255, 255, 255); padding: 30px;
}
.technical_support_box_z_header .title {
	color: rgb(78, 78, 78); font-size: 24px;
}
.technical_support_box_z_header ul {
	overflow: hidden; margin-top: 10px;
}
.technical_support_box_z_header ul li {
	color: rgb(152, 152, 152); font-size: 12px; margin-right: 20px; float: left;
}
.technical_support_box_z_info_box {
	margin: 30px 0px; padding: 30px 0px; border-top-color: rgb(247, 247, 247); border-bottom-color: rgb(247, 247, 247); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.technical_support_box_z_info img {
	height: auto !important; max-width: 100%;
}
.technical_support_page_z {
	background: rgb(255, 255, 255); padding: 0px 30px 30px; overflow: hidden;
}
.technical_support_page_z a {
	background: rgb(255, 255, 255); padding: 8px 45px; border-radius: 3px; border: 1px solid rgb(247, 247, 247); border-image: none; color: rgb(154, 154, 154); display: inline-block;
}
.technical_support_page_z a.active {
	background: rgb(63, 152, 242); border: 1px solid rgb(63, 152, 242); border-image: none; color: rgb(255, 255, 255);
}
.technical_support_page_z a:hover {
	background: rgb(63, 152, 242); border: 1px solid rgb(63, 152, 242); border-image: none; color: rgb(255, 255, 255);
}
.technical_support_page_z a.page_next {
	float: right;
}

.dongtai{ width:1200px; height:400px; margin:0 auto; padding-top:70px; }
.dongtai .dt_t{ width:584px; height:30px;  background:url(dt_t.png) no-repeat left bottom; margin-bottom:20px; font-size:18px;}
.dongtai .dt_pic{ width:586px; height:292px; float:left;}
.dongtai .dt_con{ width:560px; float:left; margin-left:30px;}
.dongtai .dt_con li{ height:80px; margin-bottom:30px;}
.dongtai .dt_con .dt_con_l{ width:94px; height:76px; background:#eaeaea; float:left;}
.dongtai .dt_con .dt_con_l h3{ width:94px; text-align:center; font-size:38px; color:#5b5b5b; font-weight:500; padding-top:10px;}
.dongtai .dt_con .dt_con_l p{ text-align:center; color:#999; margin-top:10px; font-size:12px;}
.dongtai .dt_con .dt_con_r{ width:435px; float:left; margin-left:15px;}
.dongtai .dt_con .dt_con_r h3{ color:#666666;}
.dongtai .dt_con .dt_con_r h3 a{ color:#666666; font-size:18px;}
.dongtai .dt_con .dt_con_r h3 a:hover{color:#F60;}
.dongtai .dt_con .dt_con_r p{ color:#999999; font-size:12px;}
.banner {
	margin: 0px auto; margin-top:0px; width: 100%; height: 552px; overflow: hidden; position: relative;
}
.banner .bd {
	width: 100%; height: 100%;
}
.banner .bd ul {
	width: 100%; height: 100%;
}
.banner .bd ul li {
	width: 100%; height: 100%;
}
.banner .bd ul li a {
	width: 100%; height: 100%; display: block;
}

.banner .hd {
	width: 100%; height: 17px; text-align: center; bottom: 18px; position: absolute;
}
.banner .hd li {
	margin: 0px 6px; border-radius: 17px; width: 17px; height: 17px; display: inline-block; -ms-zoom: 1; background-color: rgb(238, 238, 238);
}
.banner .hd li.on {
	background-color: rgb(255, 255, 255);
}

.i_left{ width:460px; margin-top:50px; float:left;}
.i_left .shipin{ width:460px; height:205px; margin-bottom:10px; background:#000; }
.i_left .i_dongtai{ width:460px; height:162px; background:url(gongdai_bj.jpg) no-repeat; margin-bottom:10px;}
.i_left .i_dongtai h3{ height:35px; line-height:35px; border-bottom:1px solid #e4e4e4; background:url(hongbiao.jpg) no-repeat left center; padding-left:15px; font-size:18px;}
.i_left .i_dongtai h3 span{ float:right; font-size:12px;}
.i_left .i_dongtai ul{ margin-top:10px;}
.i_left .i_dongtai ul li{ height:35px; line-height:35px; margin-left:10px; background:url(i_dt_li.png) no-repeat left center; padding-left:10px;}
.i_left .i_dongtai ul li a{ font-size:16px; color:#333;}
.i_left .i_dongtai ul li a:hover{ color:#999;}
.i_left .i_dongtai ul li span{ float:right; margin-right:10px; color:#999;}

.i_left .i_anli{ width:460px; height:230px; background:url(i_anli.jpg) no-repeat;}
.i_left .i_anli h3{ height:35px; line-height:35px; border-bottom:1px solid #e4e4e4; background:url(hongbiao.jpg) no-repeat left center; padding-left:15px; font-size:18px;}
.i_left .i_anli h3 span{ float:right; font-size:12px;}
.i_left .i_anli ul{ margin-top:10px;}
.i_left .i_anli ul li{ width:120px; float:left; margin-left:20px; margin-bottom:10px;}
.i_left .i_anli ul li img{ width:120px; height:80px; }

.i_right{ width:700px;  float:right; margin-top:20px;}
.i_right .chanpin{ width:700px; padding-top:20px;}
.i_right .chanpin h3{ height:35px; line-height:35px; border-bottom:1px solid #e4e4e4; background:url(hongbiao.jpg) no-repeat left center; padding-left:15px; font-size:18px;}
.i_right .chanpin h3 span{ float:right; font-size:12px;}
.i_right .chanpin ul { margin-top:20px;}
.i_right .chanpin ul li{ width:213px; height:137px; background:url(pic_bj.jpg) no-repeat; float:left; margin-left:10px; padding-left:5px; padding-top:6px;} 
.i_right .chanpin ul li img{ width:208px; height:130px;}
.i_right .chanpin ul li h5{ height:30px; line-height:30px; position:relative; top:-30px; width:198px; padding-left:10px; color:#FFF; background:rgba(0,0,0,.7); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#70000000', endColorstr='#70000000'); display:block;}
.cel{ clear:both;}


.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:20px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 48px; height:48px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(shopnc.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0;}
.rides-cs .btnCtn { background-position: -450px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}


.banner2{ width:100%; height: 552px; overflow: hidden;}
.banner2 .banner2_con{ width:100%; height:100%;}

.mr_frbox { padding: 15px 0 0 0; }
.mr_frbox1 { padding: 15px 0 0 0; }
.mr_frbox2 { padding: 15px 0 0 0; }