body{
    overflow-x: hidden;
	overflow-y: scroll;
	font-size:12px; color:#363636;
	background-color:#FFF;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
a{
	font-size:12px;
	text-decoration:none;
	color:#363636;
	font-family:Arial, Helvetica, sans-serif;
}
a:hover 
{
color:#FF0000; font-family:Arial, Helvetica, sans-serif;
}
a:hover img0{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8} 
input,from,td,table,img,dl,dt,ul,dd,li,p,div,span{ padding:0; margin:0; list-style:none; font-family:Arial, Helvetica, sans-serif;}
ul,li{padding:0px; margin:0px; list-style-type:none; display: block; font-family:Arial, Helvetica, sans-serif;}
.left{float:left}
.right{float:right}
.clear{
 PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 0px; PADDING-TOP: 0px
}
#all{
width:100%; min-width:1200px; max-width:1920px; margin:0px auto; clear:both; overflow:hidden; font-family:Arial, Helvetica, sans-serif; background-color:#FFF;
}
.news{
	font-size:12px;
	text-shadow:#FFF;
	text-decoration:none;
	color:#363636;
}
.con{
	font-size:12px;
	color:#363636;
}
td{
	font-size:12px;
	color: #363636;
	font-family:Arial, Helvetica, sans-serif;
}
.wordbreak{
word-break:break-all;
}
a.yiyi1
{
color:#101010; font-size:18px; height:91px; line-height:91px; display:block; text-align:center; float:right; padding:0px 20px 0px 20px; margin-left:25px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi1:hover 
{
color:#FFF; background-color:#019cfe;
}
a.yiyi100
{
color:#FFF; font-size:18px; height:91px; line-height:91px; display:block; text-align:center; float:right; padding:0px 20px 0px 20px; margin-left:25px; background-color:#019cfe; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi100:hover 
{
color:#FFF;
}
a.yiyi1top
{
color:#101010; font-size:18px; height:48px; line-height:48px; display:block; text-align:center; float:right; padding:0px 20px 0px 20px; margin-left:25px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi1top:hover 
{
color:#FFF; background-color:#019cfe;
}
a.yiyi100top
{
color:#FFF; font-size:18px; height:48px; line-height:48px; display:block; text-align:center; float:right; padding:0px 20px 0px 20px; margin-left:25px; background-color:#019cfe; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi100top:hover 
{
color:#FFF;
}
a.yiyiencn
{
color:#101010; font-size:18px; height:116px; line-height:116px; display:block; text-align:center; float:right; letter-spacing:3px; padding:0px 12px 0px 16px; margin-left:8px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyiencn:hover 
{
color:#FFF; background-color:#019cfe;
}
a.yiyi1000
{
color:#000; font-size:14px; height:30px; line-height:30px; width:29px; padding-left:1px; margin-top:1px; display:block; text-align:center; float:left; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; letter-spacing:2px; background-color:#616161;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
a.yiyi1000:hover 
{
color:#91bcfd;
}
a.yiyi2
{
color:#000; font-size:16px;
}
a.yiyi2:hover 
{
color:#F00;
}
a.yiyi2000
{
color:#aaaaaa; font-size:14px; display:block; float:left; margin:3px 0px 0px 16px;
}
a.yiyi2000:hover 
{
color:#F00;
}
a.yiyi20000
{
color:#019cfe; font-size:14px; width:60px; text-align:center; height:22px; line-height:22px; margin:0px 16px 0px 0px; display:block; float:right; font-family:Arial, Helvetica, sans-serif; border:1px solid #019cfe;
border-radius:9px;
-webkit-border-radius:9px;
-o-border-radius:9px;
-moz-border-radius:9px;
-ms-border-radius:9px;
}
a.yiyi20000:hover 
{
color:#FFF; background-color:#019cfe;
}
a.yiyi3
{
color:#454545; font-size:16px; font-weight:bold; display:block; float:left; margin-left:15px; margin-right:30px; text-align:center; height:40px; line-height:40px;
}
a.yiyi3:hover 
{
background:url(images/mark03.jpg) center bottom no-repeat; color:#019cfe;
}
a.yiyi3000
{
color:#019cfe; font-size:16px; font-weight:bold; display:block; float:left; margin-left:15px; margin-right:30px; text-align:center; height:40px; line-height:40px; 
background:url(images/mark03.jpg) center bottom no-repeat;
}
a.yiyi3000:hover 
{
background:url(images/mark03.jpg) center bottom no-repeat;
}
a.yiyi5
{
color:#000; font-size:15px; display:block; float:left; margin:5px 10px 5px 0px; text-align:center; width:164px; height:40px; line-height:40px; border:1px solid #CCC; background-color:#FFF;
border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
}
a.yiyi5:hover 
{
color:#FFF; background-color:#019cfe;
}
a.yiyi5000
{
color:#FFF; font-size:15px; display:block; float:left; margin:5px 10px 5px 0px; text-align:center; width:164px; height:40px; line-height:40px; border:1px solid #CCC; background-color:#019cfe;
border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
}
a.yiyi5000:hover 
{
color:#FFF;
}
a.yiyi6
{
color:#252525; font-size:16px;
}
a.yiyi6:hover 
{
color:#F00;
}
a.yiyi60
{
color:#8f8f8f; font-size:13px;
}
a.yiyi60:hover 
{
color:#F00;
}
a.yiyi600
{
color:#019cfe; font-size:13px; width:40px; height:25px; line-height:25px; display:block; border-top:2px solid #019cfe; text-align:center; font-family:Arial, Helvetica, sans-serif;
}
a.yiyi600:hover 
{
color:#F00; border-top:2px solid #F00;
}
a.yiyi7
{
color:#777; font-size:13px; 
}
a.yiyi7:hover 
{
color:#F00;
}
a.yiyi8
{
color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif;
}
a.yiyi8:hover 
{
color:#F00;
}
a.yiyi9
{
color:#333; font-size:18px; margin:0px 10px;
}
a.yiyi9:hover 
{
color:#F00;
}
a.yiyi51
{
float:left; width:130px; height:42px; line-height:41px; display:block; margin-top:20px; margin-bottom:10px; text-align:center; color:#333; font-size:16px; background-color:#e9e9e9;
border-radius:19px;
-webkit-border-radius:19px;
-o-border-radius:19px;
-moz-border-radius:19px;
-ms-border-radius:19px;
}
a.yiyi51:hover 
{
background-color:#019cfe; color:#FFF;
}
a.foot51
{
font-size:18px; color:#EEE; display:block; line-height:32px;
}
a.foot51:hover 
{
color:#F00;
}
a.foot52
{
font-size:16px; color:#d1eaff; display:block; line-height:32px;
}
a.foot52:hover 
{
color:#F00;
}
a.foot53
{
font-size:14px; color:#999; display:block; line-height:30px; text-align:center;
}
a.foot53:hover 
{
color:#F00;
}
a.yiyi8a
{
color:#222; font-size:18px;
}
a.yiyi8a:hover 
{
color:#F00;
}
a.yiyi8b
{
color:#818181; font-size:15px;
}
a.yiyi8b:hover 
{
color:#F00;
}
a.yiyi8c
{
color:#b5b5b5; font-size:15px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi8c:hover 
{
color:#F00;
}

a.yiyi81a
{
color:#0068b0; font-size:18px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyi81a:hover 
{
color:#fe0000;
}
a.yiyi81b{ color:#000; font-size:16px; display:block; float:left; width:246px; padding-left:17px; height:28px; line-height:28px; background:url(images/index_08.png) no-repeat 5px 12px;}
a.yiyi81b:hover {
color:#fe0000;
}
a.yiyi81c{ color:#F00; font-size:16px; display:block; float:left; width:246px; padding-left:17px; height:28px; line-height:28px; background:url(images/index_08.png) no-repeat 5px 12px;}
a.yiyi81c:hover {
color:#fe0000;
}
a.yiyi81s{ color:#437fa5; font-size:14px; display:block; width:265px; padding-left:30px; height:28px; line-height:28px; margin:10px 0px 10px 0px; background:url(images/index_08b.png) no-repeat 15px 8px;
}
a.yiyi81s:hover {
color:#fe0000;
}
@media screen and (max-width: 1500px){
a.yiyi5{font-size:14px; margin:4px 8px 4px 0px; width:141px; height:38px; line-height:38px;}
a.yiyi5000{font-size:14px; margin:4px 8px 4px 0px; width:141px; height:38px; line-height:38px;}
a.yiyi81b{ width:193px;}
a.yiyi81c{ width:193px;}
a.yiyi81s{ width:200px;}
a.yiyi1{ height:80px; line-height:80px; padding:0px 18px 0px 18px;}
a.yiyi100{ height:80px; line-height:80px; padding:0px 18px 0px 18px;}
a.yiyi1top{ padding:0px 18px 0px 18px;}
a.yiyi100top{ padding:0px 18px 0px 18px;}
a.yiyiencn{ padding:0px 9px 0px 12px;}
}

/*这里*/



a.kefu01
{
color:#e9e9e9; font-size:12px;
}
a.kefu01:hover 
{
color:#F00;
}

a.kefu02
{
color:#e9e9e9; font-size:12px;
}
a.kefu02:hover 
{
color:#F00;
}
/*这里*/
.welcomebg{
width:100%; min-width:1200px; max-width:1920px; margin:0px auto; clear:both; height:30px; line-height:30px; border-bottom:1px solid #ececec; overflow:hidden;
}
.welcomebg div{
overflow:hidden;
}
.welcome{
width:1400px; margin:0px auto; clear:both; color:#9b9b9b; font-size:14px;
}
.welcome img{
float:right; border:0px; margin:7px 0px 0px 6px;
}
.headerbg{
width:100%; margin:0px auto; clear:both; overflow:hidden; background-color:#FFF;
}
.headerbgin{
width:100%; margin:0px auto; clear:both; overflow:hidden; background-color:#FFF; border-bottom:1px solid #ececec; box-shadow:0 10px 10px 0 rgba(153,153,153,0.2);
}
.header{
width:1400px; margin:0px auto; clear:both; overflow:hidden;
}
.header div{
overflow:hidden;
}
.navFix{ position:fixed; left:0; top:0; _position:absolute; top:expression((offsetParent.scrollTop)+0); z-index:2000;  border-bottom:1px solid #ececec; box-shadow:0 10px 10px 0 rgba(153,153,153,0.2);}
.headerlogo{
float:left; height:91px; width:auto; border:0px;
}
@media screen and (max-width: 1500px){
.welcome{
width:1200px;
}
.header{
width:1200px;
}
.headerlogo{
height:80px;
}
}
.headerlogotop{
float:left; height:48px; width:auto; border:0px;
}
.headright{
float:right; width:850px; height:101px;
}
.headmenu{
width:1200px; clear:both; padding:35px 0px 0px 205px;
}
.flasher-about{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:242px; background:url(images/flash_about.jpg) no-repeat center #FFF;
}
.flasher-pro{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:242px; background:url(images/flash_pro.jpg) no-repeat center #FFF;
}
.flasher-case{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:242px; background:url(images/flash_case.jpg) no-repeat center #FFF;
}
.flasher-news{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:242px; background:url(images/flash_news.jpg) no-repeat center #FFF;
}
.flasher-service{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:242px; background:url(images/flash_service.jpg) no-repeat center #FFF;
}
.flasher-contact{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:242px; background:url(images/flash_contact.jpg) no-repeat center #FFF;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer{
width:100%; min-width:1200px; max-width:1920px; clear:both; margin:0px auto 0px auto; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; overflow:hidden; background-color:#000; border-bottom:1px solid #333; border-top:2px solid #79b3f3;
}
.footer div{
overflow:hidden;
}
.footerall{
width:1400px; clear:both; margin:0px auto;
}
.footerA{
float:left; width:400px; padding-bottom:40px;
}
.footerA1{
clear:both; padding:40px 0px 15px 0px;
}
.footerA2{
clear:both;
}
.footerA2 img{
float:left; border:0px; margin-left:3px; margin-right:6px;
}
.footerB{
float:right; width:600px; padding:35px 0px 20px 0px; color:#f0f0f0; font-size:14px; line-height:24px;
}
.footerC{
clear:both; padding-left:3px; font-weight:bold;
}
.footerD{
clear:both; font-size:14px; line-height:24px;
}

.footer01{
float:left; width:160px; margin:10px 0px 40px 0px;
}
.footer02{
float:right; padding:15px 0px 0px 25px; margin-top:35px; text-align:center; color:#FFF; font-size:16px; line-height:50px;
}
.footer03{
width:100%; min-width:1200px; max-width:1920px; clear:both; margin:0px auto 0px auto; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; overflow:hidden; background-color:#000;
}
.footer05{
width:1400px; clear:both; margin:0px auto; line-height:45px; color:#FFF; font-size:14px;
}
.footer05 img{
float:right; width:22px; height:22px; border:0px; margin:15px 0px 0px 10px;
}
.footer05 a{font-size:16px; color:#666;}
.footer05 a:hover{color:#F00;}
@media screen and (max-width: 1500px){
.footerall{
width:1200px;
}
.footer05{
width:1200px;
}
}

.indexcontactbg{
width:100%; min-width:1200px; max-width:1920px; margin:0px auto; clear:both; overflow:hidden; background-color:#363636; border-top:5px solid #0281f6;
}
.indexcontact{
width:1400px; clear:both; margin:0px auto; overflow:hidden;
}
.indexcontact div{
overflow:hidden;
}
@media screen and (max-width: 1500px){
.indexcontact{
width:1200px;
}
}
.contact1{
float:left; width:25.4%; padding-top:32px; padding-bottom:40px;
}
.contact2{
float:left; width:18.65%; text-align:center; font-size:15px; color:#b4b4b4; line-height:28px; padding-top:40px; padding-bottom:35px;
}
.contact2 p{
font-size:16px; color:#07b0ff; padding:10px 0px 10px 0px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}

.protitle{
padding:9px 15px 9px 15px; color:#FFF; font-size:22px; line-height:38px; background-color:#019cfe; float:left;
box-shadow:0 0 15px rgba(0,0,0,0.5);
border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
}
.protitleqr{
clear:both; line-height:25px; color:#777; font-size:16px;
}
.titleleft{
float:left;
}
.titleright{
float:right; line-height:31px; padding-right:8px;
}
.titlecn{
font-size:22px; color:#fb3737; float:left; padding-left:10px; padding-right:5px; line-height:25px;
}
.titleen{
font-size:24px; color:#494949; font-family:"Arial Black", Gadget, sans-serif; float:left; line-height:25px;
}
.titleall{
clear:both; overflow:hidden; width:100%; margin:0 auto; background-color:#f2f3f5; text-align:center;
}
.titleall div{
overflow:hidden;
}
.titleall01{
clear:both; font-size:24px; color:#000; letter-spacing:3px; padding:30px 0px 16px 3px; font-family:"Arial Black", Gadget, sans-serif;
}
.titleall02{
clear:both; width:60px; height:3px; margin:0 auto 30px auto; background-color:#59c5f6;
}
.titleall03{
clear:both; padding-top:26px; line-height:28px; height:28px; font-size:56px; color:#e0e0e0; font-family:"Arial Black", Gadget, sans-serif;
}

.banner01{
width:100%; min-width:1200px; max-width:1920px; height:587px; margin:0px auto; clear:both; overflow:hidden; background:url(images/banner_06.jpg) no-repeat top;
}
.banner01 div{
overflow:hidden;
}
.banner02{
width:100%; min-width:1200px; max-width:1920px; height:275px; margin:0px auto; clear:both; overflow:hidden; background:url(images/banner_04.jpg) no-repeat top;
}
.banner03{
width:100%; min-width:1200px; max-width:1920px; height:484px; margin:0px auto; clear:both; overflow:hidden;
}
.banner03 div{
overflow:hidden;
}
.banner04{
width:100%; min-width:1200px; max-width:1920px; height:768px; margin:0px auto; clear:both; overflow:hidden; position:relative;
}

.aboutbannerbg{
width:100%; min-width:1200px; max-width:1920px; margin:0px auto; clear:both; overflow:hidden; background:url(images/aboutbg.jpg) repeat-x top #f3f3f3; padding-bottom:60px;
}
.aboutbanner{
width:1400px; margin:0px auto; clear:both; overflow:hidden; padding-top:40px;
}
.aboutbanner div{
overflow:hidden;
}
.aboutshow{
clear:both; padding:60px 0px 20px 0px; font-size:16px; color:#181818; line-height:30px;
}
.aboutshow p{
padding-bottom:15px;
}
.aboutleft{
width:43%; float:left;
}
.aboutright{
width:53%; float:right;
}
.aboutright img{
width:100%; height:auto; border:0px;
}
.aboutright:hover img{
transform: scale(1.15);
}

.aboutall{
width:700px; float:right;
}
.about01{
clear:both; font-size:24px; line-height:26px; color:#456ce7;
}
.about02{
clear:both; padding:20px 0px 20px 0px; font-size:18px; line-height:37px;
text-align:justify; text-justify:distribute-all-lines; text-align-last:left;
}
.about03{
float:left; width:90px; text-align:center; font-weight:bold;
}
.about03 img{
height:51px; width:auto; border:0px; clear:both; display:block; margin:0 auto 3px auto;
}
.about05{
clear:both; padding-top:5px;
}
.about05 a{font-size:16px; color:#FFF;}
.about05 a:hover{color:#F00;}

.youshi{
width:100%; max-width:1920px; min-width:1200px; margin:0px auto; clear:both; overflow:hidden;
}
.youshi div{
overflow:hidden;
}
.youshi01{
float:left; width:25%; text-align:center;
}
.youshi01 img{
width:100%; height:auto; border:0;
}
.zhanhui{
float:left; width:50%; text-align:right;
}
.xiazai{
float:right; width:50%; text-align:left;
}

@media screen and (max-width: 1500px){
.aboutbannerbg{
padding-bottom:0px;
}
.aboutbanner{
width:1200px;
}
.aboutall{
width:600px;
}
.about02{
font-size:16px; line-height:30px;
}
.about04{
font-size:14px; padding:20px 20px 0px 0px; line-height:22px;
}
.about04 p{
padding-bottom:10px;
}
.about05 a{font-size:14px;}
}

.proclass{
width:1386px; margin:0 auto; clear:both; border:1px solid #e9e9e9; background-color:#FFF; padding:25px 6px; margin-top:40px; 
box-shadow:0 0 15px rgba(54,55,57,0.2);
border-radius:6px;
-webkit-border-radius:6px;
-o-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
}
@media screen and (max-width: 1500px){
.proclass{
width:1186px;
}
}
.hotsalebg{
width:100%; min-width:1200px; max-width:1920px; margin:0 auto; clear:both; overflow:hidden; background-color:#FFF; padding-top:60px;
}
.hotsalebg div{
overflow:hidden;
}
.hotsale{
width:1400px; margin:0 auto; clear:both; overflow:hidden; padding-top:50px;
}
@media screen and (max-width: 1500px){
.hotsale{
width:1200px;
}
}
.hotsalealla{
width:1400px; margin:0 auto; clear:both; overflow:hidden;
}
.hotsalealla div{
overflow:hidden;
}
.hotsaleallb{
width:1550px; clear:both; padding-top:60px; padding-bottom:40px;
}
.hotsalelist{
float:left; width:325px; margin:0px 30px 35px 0px; border:1px solid #e0e0e0; background-color:#FFF;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.hotsalelist:hover{border:1px solid #019cfe;}
.prolist{
	list-style-type: none;
	/*display:inline-block;*/
	display: block;
	float: left;
	max-width:325px;
	max-height:325px;
	width:100%;
	position: relative;
	overflow: hidden;
}
.dummy{padding-top:100%;}
.prolist img{
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.prolist i{
	display: inline-block;
	vertical-align: middle;
	height:100%;
}
.prolist p{
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
}
.hotsalelist01{
margin:10px auto 0px auto; width:293px; line-height:26px; padding-top:10px; border-top:1px solid #e4e4e4;
}
.hotsalelist02{
line-height:20px; padding-bottom:16px; padding-top:6px;
}
@media screen and (max-width: 1500px){
.hotsalealla{
width:1200px;
}
.hotsaleallb{
width:1350px;
}
.hotsalelist{
width:283px; margin:0px 20px 35px 0px;
}
.hotsalelist01{
width:251px;
}
}
.indexculture{
width:100%; margin:0 auto; clear:both; overflow:hidden;
}
.indexculture div{
overflow:hidden;
}
.cultureall{
width:100%; min-width:1200px; max-width:1920px; clear:both; margin:0 auto; padding-top:0px; padding-bottom:40px;
}
.culturepic{
position:relative; border-left:0px; border-top:0px; border-bottom:0px; border-right:1px solid #f3f3f3; margin-top:50px;
}
.culturepic:hover{
margin-top:-10px;
}

.culturelist{
clear:both; position:absolute; z-index:10; left:0px; top:0px; padding:320px 15px 0px 15px;
}
.culture01{
clear:both; color:#92c0f3; font-size:24px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.culture02{
clear:both; color:#FFF; font-size:18px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; padding:8px 0px 8px 0px;
}
.culture03{
clear:both; color:#FFF; font-size:14px; line-height:24px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; padding:0px 0px 0px 0px;
}
.appservice{
width:100%; max-width:1460px; margin:0 auto; clear:both; overflow:hidden; padding-top:0px; padding-bottom:60px;
}
.appservice div{
overflow:hidden;
}
.appall{
width:100%; clear:both; padding-top:35px;
}
.applist{
float:left; width:12.66%; padding:15px 1% 15px 1%; margin:0 1%; position:relative; cursor:pointer; min-height:195px;
}
.applist:hover{
background-color:#4771f3; color:#FFF;
}
.appline{
float:left; width:1px; height:160px; background-color:#d6d6d6; margin:20px 14px 20px 14px;
}
.app01{
clear:both; text-align:center;
}
.app02{
clear:both; text-align:center; font-size:18px; letter-spacing:3px; padding:10px 0px 10px 3px;
}
.app03{
clear:both; font-size:13px; line-height:25px;
}
@media screen and (max-width: 1500px){
.appservice{
max-width:1226px; padding-bottom:35px;
}
.applist{
width:14.66%; padding:15px 0.5% 15px 0.5%; margin:0 0.5%; min-height:195px;
}
}


.indexcasebg{
width:100%; min-width:1200px; max-width:1920px; margin:0 auto; clear:both; overflow:hidden;
}
.indexcase1400{
width:1400px; margin:0 auto; clear:both; height:700px; padding-top:60px; padding-bottom:90px;
}
.indexcase{
width:1400px; margin:0 auto; clear:both; overflow:hidden; padding-top:40px;
}
.indexcase div{
overflow:hidden;
}
.indexcaseall{
width:1550px; clear:both; padding-top:35px;
}
.indexcase1in{
width:374px; margin:10px 39px 15px 0px; float:left;
}
.indexcase1{
width:435px; margin:10px 45px 20px 0px; float:left;
}
.indexcase2{
width:433px; height:300px; border:1px solid #c8c8c8; position:relative;
}
.videoplay{
position:absolute; width:120px; height:120px; left:50%; top:50%; margin-left:-60px; margin-top:-60px; background:url(images/player.png);
}
.indexcase1 img{
width:100%; height:100%; border:0px;
}
.indexcase1:hover img{
transform: scale(1.15);
}
@media screen and (max-width: 1500px){
.indexcase1400{
width:1200px; margin:0 auto; clear:both; height:600px;
}
.indexcase{
width:1200px;
}
.indexcaseall{
width:1350px;
}
.indexcase1{
width:374px; margin:10px 39px 20px 0px;
}
.indexcase2{
width:372px; height:253px;
}
}
.indexnewsbg{
width:100%; min-width:1200px; max-width:1920px;  margin:0 auto; clear:both; overflow:hidden; background-color:#FFF; padding-top:60px; padding-bottom:25px;
}
.indexnews{
width:1400px; margin:0 auto; clear:both; overflow:hidden;
}
.indexnews div{
overflow:hidden;
}
.indexnewsall{
clear:both; width:1600px; padding-top:50px; padding-bottom:30px;
}
.newsleft{
float:left; width:700px; font-size:16px; line-height:26px; color:#333; padding-top:18px;
}
.newsleft p{
padding-top:16px;
}
.newsleft img{
width:100%; height:auto; border:0;
}
.newsleft:hover img{
transform: scale(1.15);
}
.newsright{
float:left; width:700px; padding-left:80px;
}
.newslist{
float:left; width:620px; margin-right:140px; margin-bottom:10px;
}
.news01{
clear:both; line-height:36px; padding:5px 0px 8px 0px;
}
.news02{
clear:both; width:84px; height:3px; background-color:#019cfe;
}
.news03{
clear:both; word-break:break-all; line-height:22px; padding:15px 0px 5px 0px;
}
.news04{
clear:both; line-height:25px;
}
@media screen and (max-width: 1500px){
.indexnews{
width:1200px;
}
.indexnewsall{
width:1400px;
}
.newsleft{
width:600px; font-size:16px; line-height:26px;
}
.newsright{
width:700px; padding-left:60px;
}
.newslist{
width:540px; margin-right:120px;
}
}
.titlemenubg{
width:100%; min-width:1200px; max-width:1920px; border-top:1px solid #e0e0e0; border-bottom:1px solid #d9d9d9; margin:0px auto; clear:both; overflow:hidden;  box-shadow:0 5px 5px 0 rgba(153,153,153,0.2); background-color:#f2f3f5;
}
.titlemenu{
width:1400px; margin:0px auto; clear:both; overflow:hidden; padding-top:15px; padding-bottom:10px;
}
@media screen and (max-width: 1500px){
.titlemenu{
width:1200px;
}
}

.indexpagebook{
width:100%; max-width:1920px; min-width:1200px; margin:0 auto; clear:both; overflow:hidden; padding-top:30px; padding-bottom:50px; text-align:left; min-height:420px; background:url(images/netbook.jpg) no-repeat center #FFF;
}
.indexpagebook div{
overflow:hidden;
}
.indexpageshow{
width:1400px; margin:0 auto; clear:both; overflow:hidden; padding-bottom:50px; text-align:left;
}
.indexpage{
width:1400px; margin:0 auto; clear:both; overflow:hidden; padding-bottom:50px; text-align:left; min-height:420px;
}
.indexpage div{
overflow:hidden;
}
.pageleft{
float:left; width:325px; text-align:left;
}
.classmenuall{
width:324px; clear:both; padding-top:15px;
}
.classmenu01a{
clear:both; border-bottom:1px solid #FFF; width:324px;
}
.classmenu01b{
clear:both; border-bottom:1px solid #c5c5c5; width:295px; padding:10px 0px 8px 7px; line-height:30px;
}
.classmenu02{
clear:both; padding-top:10px;
}
.pageright{
float:right; width:1050px; padding-top:20px;
}
.indexproall{
width:1150px; padding:30px 0px 0px 0px; clear:both; line-height:185%; font-size:16px;
}
@media screen and (max-width: 1500px){
.indexpageshow{
width:1200px;
}
.indexpage{
width:1200px;
}
.pageleft{
width:245px;
}
.classmenuall{
width:254px;
}
.classmenu01a{
width:254px;
}
.classmenu01b{
width:247px;
}
.pageright{
width:910px;
}
.indexproall{
width:1050px;
}
}

.indexabout{
width:1380px; padding:45px 10px 0px 10px; clear:both; line-height:185%; font-size:16px;
}
.indexabout p{
padding-bottom:10px;
}
.indexabout img{
max-width:1380px; height:auto;
}
.indexnetbook{
width:1380px; padding:40px 10px 0px 10px; clear:both; line-height:185%; font-size:16px;
}
.indexnetbook img{
max-width:1380px; height:auto;
}
.indexpro{
width:1450px; padding:30px 0px 0px 0px; clear:both; line-height:185%; font-size:16px;
}
.indexdownload{
width:1400px; padding:40px 0px 0px 0px; clear:both; line-height:185%; font-size:16px;
}
.downloadlist{
clear:both; padding:0px 6px; margin:5px 6px;
border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
}
.downloadlist:hover{
background-color:#f0f0f0; box-shadow:0 0 15px rgba(0,0,0,0.3);
}
.indexshow{
width:1380px; padding:30px 10px 0px 10px; clear:both; line-height:185%; font-size:16px; overflow:hidden;
}
.indexshow img{
max-width:1380px; height:auto;
}
.indexshow p{
padding-bottom:10px;
}
.showright{
float:left; margin-left:60px; padding:60px 10px 10px 10px; width:460px; overflow:hidden;
}
.caselist{
width:376px; height:253px; position:relative; border:1px solid #d5d5d5; overflow:hidden;
}
.caselist img{
width:376px; height:253px; border:0px; position: absolute; left: 50%; top: 50%; margin: -126.5px 0 0 -188px; z-index: 1;
}
@media screen and (max-width: 1500px){
.indexabout{
width:1180px;
}
.indexnetbook{
width:1180px;
}
.indexpro{
width:1250px;
}
.indexdownload{
width:1200px;
}
.indexshow{
width:1180px;
}
.indexabout img{
max-width:1180px; height:auto;
}
.indexnetbook img{
max-width:1180px; height:auto;
}
.indexshow img{
max-width:1180px; height:auto;
}
.showright{
margin-left:50px; padding:60px 0px 10px 0px; width:350px;
}
}

.righttop{
width:960px; height:42px; padding-top:12px; clear:both; border-bottom:1px solid #d8d8d8;
}
.rightall{
width:940px; padding:20px 10px 0px 10px; clear:both; line-height:185%; font-size:16px;
text-align:justify; text-justify:distribute-all-lines; text-align-last:left;
}
.rightall p{
padding-bottom:10px;
}
.rightallnetbook{
width:940px; padding:20px 10px 0px 10px; clear:both; line-height:185%; font-size:16px;
}
.rightallnews{
width:940px; padding:20px 10px 0px 10px; clear:both; line-height:185%; font-size:16px;
}
.rightallcase{
width:960px; padding:20px 0px 0px 0px; clear:both; line-height:185%; font-size:16px;
}
.rightallpro{
width:980px; padding:20px 0px 0px 0px; clear:both; line-height:185%; font-size:16px;
}
.rightallcaseshow{
width:949px; padding:22px 15px 0px 15px; clear:both; line-height:185%; font-size:16px;
}
.rightallcaseshow p{
padding-bottom:10px;
}
.pageshow{
width:1170px; padding:35px 15px 60px 15px; clear:both; line-height:185%; font-size:16px;
}
.pageshow p{
padding-bottom:10px;
}


.newpage{
text-align:center; font-size:16px; clear:both; background-color:#f0f0f0; padding-top:6px; padding-bottom:5px; width:100%; margin:20px auto 0px auto; border-radius:8px; box-shadow:0 0 10px rgba(153,153,153,0.5) inset;
}
.newpage a{font-size:16px;}
.newpage a:hover{color:#F00; font-size:16px;}

.newpagecase{
text-align:center; font-size:16px; clear:both; background-color:#f0f0f0; padding-top:6px; padding-bottom:5px; width:100%; max-width:1395px; margin:20px 0px 0px 0px; border-radius:8px; box-shadow:0 0 10px rgba(153,153,153,0.5) inset;
}
.newpagecase a{font-size:16px;}
.newpagecase a:hover{color:#F00; font-size:16px;}
@media screen and (max-width: 1500px){
.newpagecase{
max-width:1200px;
}
}

.newshowtitle{
text-align:center; clear:both; font-size:26px; font-weight:bold; line-height:180%; padding-bottom:10px;
}
.newshowtime{
text-align:center; clear:both; font-size:14px; line-height:130%; padding-bottom:0px;
}
.newshowdetail{
clear:both; line-height:180%; padding-top:15px; font-size:16px; 
text-align:justify; text-justify:distribute-all-lines; text-align-last:left;
}
.newshowmark{
text-align:right; clear:both; line-height:180%; font-size:14px; padding-top:8px; padding-right:5px;
}
.newshowmark a{ color:#363636; font-size:14px;}
.newshowmark a:hover{ color:#FF0000; font-size:14px;}

.newpageproduct{
text-align:center; font-size:16px; clear:both; background-color:#f0f0f0; padding-top:6px; padding-bottom:5px; width:100%; max-width:1045px; margin:20px 0px 0px 0px; border-radius:8px; box-shadow:0 0 10px rgba(153,153,153,0.5) inset;
}
.newpageproduct a{ color:#363636; font-size:16px;}
.newpageproduct a:hover{ color:#FF0000; font-size:16px;}
@media screen and (max-width: 1500px){
.newpageproduct{
max-width:900px;
}
}

/*以下版头图片切换 e*/
img{margin:0;padding:0;resize:none;border:none;outline:none;} 
a:active, a:focus{outline:none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
*html{background-image:url(about:blank);background-attachment:fixed;} /* 修正IE6振动bug */
/* slide */
.slide-main{height:553px;position:relative; min-width:1200px;} /*height e*/
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:255px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%; min-width:1200px; height:16px;position:absolute;z-index:124;top:495px;left:0;text-align:center;}
.item a{display:inline-block;width:16px;height:16px;margin-right:11px; background:url(images/Button01.png);overflow:hidden; opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);}
.item a.cur{width:16px;height:16px; background:url(images/Button02.png);}
.slide-box,.slide{display:block;width:100%; min-width:1200px; height:553px;overflow:hidden;} /*height e*/
.slide-box{position:relative;}
.slide{display:none;height:553px;background-color:#f7f7f7;position:relative;position:absolute;z-index:8;} /*height e*/
#bgstylea{background:url(images/adv01.jpg) no-repeat center; background-color:#f7f7f7;}
#bgstyleb{background:url(images/adv02.jpg) no-repeat center; background-color:#f7f7f7;}
#bgstylec{background:url(images/adv03.jpg) no-repeat center; background-color:#f7f7f7;}
.slide a{display:block;width:100%;height:346px;cursor:pointer;}
/*以上版头图片切换 e*/

/*响应缓冲*/
.yiyi1, .yiyi100, .yiyi1top, .yiyi100top, .huanchong, .yiyi5, .yiyi5000, .headerbg{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/*响应缓冲*/
.allcase{ width:609px; height:375px; position:relative;}
.screen{
	width:609px;
	height:375px;
	overflow:hidden; 
	position:relative;
}
.screen li{ width:609px; height:375px; overflow:hidden; float:left;}
.screen ul{ position:absolute; left:0; top:0px; width:3900px;}
.allcase ol{ position:absolute; right:6px; bottom:6px; line-height:20px; text-align:center;}
.allcase ol li{ float: left; width: 24px; height: 24px; background:url(images/caseqh.png);  margin-left: 5px; cursor: pointer; font-size: 14px; font-family:Verdana; line-height: 24px; color:#FFF;}
.allcase ol li.current{background:url(images/caseqh.png) bottom;}


.ban{ width:478px; height:570px; position:relative; overflow:hidden; margin:0px auto 0px auto;}
.ban2{ width:448px; height:448px; position:relative; overflow:hidden; margin-left:12px; background-color:#FFF;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:448px; height:448px;}
.prev{ float:left; cursor:pointer;}
.num{ height:112px;overflow:hidden; width:448px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:472px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:105px; height:105px; margin-right:4px; padding:1px; border:1px solid #d4d4d4;}
.num ul li.on{ border:1px solid #019cfe; padding:1px;}
.prev_btn1{ width:9px; text-align:center; height:18px; margin-top:44px; margin-right:3px; cursor:pointer; float:left;}
.next_btn1{ width:9px; text-align:center; height:18px; margin-top:44px; margin-left:0px; cursor:pointer;float:right;}
.prev1{ position:absolute; top:295px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:295px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:650px; height:650px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-335px; margin-top:-335px; display:none; z-index:9999;}
.pop_up_xx{ width:100%; height:100%; min-width:1200px; position:fixed; top:0px; right:0; cursor:pointer; text-align:right;}
.pop_up_xxx{ width:40px; height:40px; position:absolute; top:0; right:0; cursor:pointer; z-index:20000;}
.pop_up2{ width:650px; height:650px; position:relative; overflow:hidden;}
.pop_up2{ width:650px; height:650px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:650px; height:650px; float:left;}

.inxun_title {
float:left; border-left:1px solid #e6e6e6;
}
.inxun_title div {
text-align: center; width:180px; display:inline; background-color:#e6e6e6; margin-right:6px; float:left; height:45px; line-height:45px; cursor:pointer; color:#525252; font-size:18px;
}
.inxun_title div.hover {
background-color:#019cfe; color:#FFFFFF;
}

/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 0; font-size:14px;
}
.yb_bar .yb_phone {
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -57px; font-size:14px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -113px; font-size:14px;
}
.yb_bar .yb_MSN {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -225px; font-size:14px;
}
.yb_bar .yb_SKYPE {
	text-indent: 0;
	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -169px; font-size:14px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #ff4a00 url(images/fixCont.png) no-repeat 0 -281px; font-size:14px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a, .yb_MSN a, .yb_SKYPE a {
	display: block; font-size:14px;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}

/* CSS Document */
#tab { width:100%; height:650px; position:relative;margin:0 auto;}
/*设置容器高宽等*/
html > body #tab { width:100%;}
/*兼容IE6:IE6下宽度不够*/
#tab h5 { position:absolute; top:55px; left:0; width:100%; height:595px; background-color:#f3f3f3; color:#5a5a5a; font-family:Microsoft YaHei; font-weight:normal; margin:0; padding:0;}
/*设置容器高宽等*/
#tab h5 { display:none;}
/*设置容器默认隐藏:不用ID是因为下面将利用class来控制容器显示,而class优先级低于id选择器*/
#tab .block { display:block;}
/*选中的容器*/
#tab h3 { float:left; width:20%; height:55px; line-height:55px; margin:0 0 0 0; font-size:18px; cursor:pointer; background-color:#FFF; color:#5a5a5a; font-family:Microsoft YaHei; text-align:center; font-weight:normal;}
/*默认标题样式*/
#tab .up { background:#4771f3; color:#fff;}
/*选中的标题样式*/

/*产品分类*/
.tree {
    padding:0;
    margin:0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.tree ul{
    margin:0;
    padding:0;
    position:relative;
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative; overflow:hidden; clear:both;
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #CCC;
    border-radius:5px;
    display:inline-block;
    padding:4px 4px;
    text-decoration:none;
	margin-left:5px;
	margin-top:1px;
}
.icon-folder-open{width:16px; height:16px; background:url(images/jiantou.jpg) center no-repeat; display:block;}
.icon-plus-sign{background:url(images/jiantou1.jpg) no-repeat center; width:16px; height:16px; display:block;}
.icon-minus-sign{width:16px; height:16px; background:url(images/jiantou.jpg) no-repeat center; display:block;}

@media screen and (max-width: 1500px){
.tree li span {
    padding:3px 3px;
	margin-top:1px;
}
}