body{
    overflow-x: hidden;
	overflow-y: scroll;
	font-size:12px; color:#363636;
	background-color:#FFF;
	margin:0px;
	padding:0px;
	font-family:"Microsoft Yahei";
}
a{
	font-size:12px;
	text-decoration:none;
	color:#363636;
	font-family:"Microsoft Yahei";
}
a:hover 
{
color:#FF0000; font-family:"Microsoft Yahei";
}
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:"Microsoft Yahei";}
ul,li{padding:0px; margin:0px; list-style-type:none; display: block; font-family:"Microsoft Yahei";}
.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; font-family:"Microsoft Yahei"; margin:0px auto;
}
.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:"Microsoft Yahei";
}
.wordbreak{
word-break:break-all;
}
a.yiyi1
{
color:#000; font-size:18px; width:106px; height:121px; line-height:121px; display:block; text-align:center; float:left; background-color:#FFF; margin-right:12px;
}
a.yiyi1:hover 
{
color:#FFF; background-color:#011f85;
}
a.yiyi100
{
color:#FFF; font-size:18px; width:106px; height:121px; line-height:121px; display:block; text-align:center; float:left; background-color:#011f85; margin-right:12px;
}
a.yiyi100:hover 
{
color:#FFF;
}
a.yiyi1pro
{
color:#FFF; font-size:18px; width:200px; height:50px; line-height:50px; display:block; text-align:center; background-color:#c3c3c3; clear:both; margin:5px auto 20px auto;
}
a.yiyi1pro:hover 
{
color:#FFF; background-color:#011f85;
}
a.yiyi2
{
color:#000; font-size:18px; 
}
a.yiyi2:hover 
{
color:#F00;
}
a.yiyi200
{
color:#777; font-size:14px; 
}
a.yiyi200:hover 
{
color:#F00;
}
a.yiyi2000
{
color:#000; font-size:16px; font-family:Arial, Helvetica, sans-serif; background-color:#DDD; width:70px; height:24px; line-height:26px; display:block; text-align:center; border:1px solid #999;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
}
a.yiyi2000:hover 
{
background-color:#0045fa; color:#FFF;
}
a.yiyi3
{
color:#454545; font-size:18px; display:block; float:left; margin-left:15px; margin-right:20px; text-align:center; height:46px; line-height:46px;
}
a.yiyi3:hover 
{
background:url(images/mark03.jpg) center bottom no-repeat; color:#0045fa;
}
a.yiyi3000
{
color:#0045fa; font-size:18px; display:block; float:left; margin-left:15px; margin-right:20px; text-align:center; height:46px; line-height:46px; 
background:url(images/mark03.jpg) center bottom no-repeat;
}
a.yiyi3000:hover 
{
background:url(images/mark03.jpg) center bottom no-repeat;
}
a.yiyi5
{
float:left; width:14.5%; margin:0.8% 0.2% 0.8% 1.6%; height:44px; line-height:44px; color:#000; font-size:16px; display:block; border:1px solid #d9d9d9; text-align:center; border-radius:6px;
}
a.yiyi5:hover 
{
color:#FFF; border:1px solid #0068b0; background-color:#1e3ac7;
}
a.yiyi5000
{
float:left; width:14.5%; margin:0.8% 0.2% 0.8% 1.6%; height:44px; line-height:44px; color:#FFF; font-size:16px; display:block; border:1px solid #0068b0; text-align:center; background-color:#1e3ac7; border-radius:6px;
}
a.yiyi5000:hover 
{
color:#FFF; 
}
a.yiyi5000s
{
width:199px; padding-left:37px; height:44px; line-height:44px; color:#000; font-size:16px; display:block; background:url(images/left_16.jpg) no-repeat 19px 23px #FFF; border-bottom:1px solid #d3d3d3;
}
a.yiyi5000s:hover 
{
color:#F00; border-bottom:1px solid #0068b0;
}
a.yiyi6
{
color:#e0e0e0; font-size:14px;
}
a.yiyi6:hover 
{
color:#F00;
}
a.yiyi7
{
color:#000; font-size:15px;
}
a.yiyi7:hover 
{
color:#F00;
}
a.yiyi70
{
color:#858789; font-size:12px; 
}
a.yiyi70:hover 
{
color:#F00;
}

a.yiyi8
{
color:#666; font-size:14px;
}
a.yiyi8:hover 
{
color:#F00;
}
a.yiyi80
{
color:#666; font-size:13px; font-family:Arial, Helvetica, sans-serif; width:100px; height:20px; line-height:21px; background-color:#DDD; display:block; text-align:center;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
}
a.yiyi80:hover 
{
color:#F00; background-color:#BBB;
}
a.yiyi9
{
color:#333; font-size:24px;
}
a.yiyi9:hover 
{
color:#F00;
}
a.yiyi9a
{
color:#FFF; font-size:16px; display:block; background-color:#004ba4; width:150px; height:33px; line-height:34px; font-family:Arial, Helvetica, sans-serif; text-align:center; margin:15px auto;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
}
a.yiyi9a:hover 
{
color:#FFF; box-shadow:0 0 15px rgba(0,0,0,0.5);
}
/*这里*/



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

a.kefu02
{
color:#e9e9e9; font-size:12px;
}
a.kefu02:hover 
{
color:#F00;
}
/*这里*/
.header{
width:100%; min-width:1200px; max-width:1400px; height:103px; margin:0px auto; clear:both; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.headerlogo{
float:left; width:207px; height:103px;
}
.headmenu{
float:right; width:904px; height:103px; background:url(images/index_04.jpg) no-repeat 810px 47px;
}
/*nav导航盒子*/
div.nav{
	margin-left:0px;
    width: 904px;
    height:103px;
    line-height:103px;
    text-align:center;
    font-size:16px;
    position:relative;
	z-index:10;
}
/*nav-main*/
ul.nav-main{
    width:100%;
    height:100%;
    list-style-type: none;
}
/*图标向上旋转*/
.hover-up{
    transition-duration: .5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
/*图标向下旋转*/
.hover-down{
    transition-duration: .5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
/*导航条设置*/
ul.nav-main>li{
    width: 106px;
    height: 100%;
    display: block;
    float: left;
    color: #000;
	margin-right:8px;
    cursor: pointer;
}
ul.nav-main>li:hover{
	color:#F00;
}
ul.nav-main>li a{
	font-size:16px;
    width: 106px;
    height: 100%;
    display: block;
    color:#000;
}
ul.nav-main>li a:hover{
    color:#F00;
}
/*隐藏盒子设置*/
div.hidden-box{
	line-height:24px; 
	font-size:15px;
    width: 106px;
    border: 0px;
    border-top:0;
    position: absolute;
    display:none;
	background-color:rgba(255,255,255,0.9);
    top:103px;
}
.hidden-box>ul{
    list-style-type:none;
    color: #000;
    cursor: pointer;
}
.hidden-box li{
	padding:8px 3px;
}
.hidden-box a{
	font-size:15px;
}
.hidden-box li:hover{
    background:#d0d0d0;
    color:#F00;
	transition: all 0.5s ease;
}
/*隐藏盒子位置设置*/
.hidden-loc-index{
    left: 114px;
}
.hidden-loc-us{
    left: 228px;
}
.hidden-loc-info{
    left: 342px;
}
.box04{
	left:456px;
}
.box05{
	left:570px;
}
.box06{
	left:684px;
}
.box07{
	left:798px;
}
.flasher-about{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:415px; background:url(images/flash_about.jpg) no-repeat center #FFF; overflow:hidden;
}
.flasher-pro{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:415px; background:url(images/flash_pro.jpg) no-repeat center #FFF; overflow:hidden;
}
.flasher-case{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:415px; background:url(images/flash_case.jpg) no-repeat center #FFF; overflow:hidden;
}
.flasher-news{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:415px; background:url(images/flash_news.jpg) no-repeat center #FFF; overflow:hidden;
}
.flasher-service{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:415px; background:url(images/flash_service.jpg) no-repeat center #FFF; overflow:hidden;
}
.flasher-contact{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:415px; background:url(images/flash_contact.jpg) no-repeat center #FFF; overflow:hidden;
}
.flasher-download{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:415px; background:url(images/flash_download.jpg) no-repeat center #FFF; overflow:hidden;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 980px){
}
.footer{
width:100%; min-width:1200px; max-width:1920px; padding-bottom:55px; clear:both; margin:0px auto; font-family:微软雅黑, Arial, Helvetica, sans-serif; overflow:hidden; background-color:#1f2024;
}
.footer div{
overflow:hidden;
}
.footerall{
width:100%; min-width:1200px; max-width:1400px; clear:both; margin:0px auto;
}
.footer01{
float:left; width:295px; margin-right:2%;
}
@media screen and (max-width: 1300px) {
.footer01{
margin-right:1%;
}
}
.footer01a{
clear:both; font-size:16px; color:#FFF; padding:70px 0px 15px 9px;
}
.footer01b{
clear:both; width:274px; height:31px; padding:4px; border:2px solid #434343;
}
.footer01c{
clear:both; font-size:12px; color:#4f4f4f; padding-top:20px;
}
.footer01d{
clear:both; font-size:12px; color:#4f4f4f; padding-top:10px; line-height:20px;
}
.footer02{
float:right; width:118px; text-align:center; color:#FFF; font-size:16px; padding-top:70px;
}
.footer02 img{
margin-top:20px;
}
.footer03a{
float:left; width:9%;
}
.footer03b{
float:left; width:9%;
}
.footer03c{
float:left; width:21.5%;
}
@media screen and (max-width: 1350px) {
.footer03c{
width:19%;
}
}
@media screen and (max-width: 1200px) {
.footer03c{
width:18%;
}
}
.footer05{
clear:both; padding:70px 0px 0px 10px;
}
.footer05 a{ color:#5c5c5c; font-size:16px;}
.footer05 a:hover{ color:#F00;}
.footer06{
clear:both; padding:10px 0px 0px 0px; color:#5c5c5c; font-size:13px; line-height:30px;
}
.footer06 a{color:#5c5c5c; font-size:13px; display:block; clear:both; line-height:30px; background:url(images/mark_20.jpg) no-repeat 5px 15px; padding-left:15px;}
.footer06 a:hover{color:#F00;}

.fcontact{
width:100%; min-width:1200px; max-width:1920px; clear:both; border-top:1px solid #3c3c42; margin:0px auto; font-family:微软雅黑, Arial, Helvetica, sans-serif; overflow:hidden; background-color:#1f2024;
}
.fcontact div{
overflow:hidden;
}
.fall{
width:100%; min-width:1200px; max-width:1400px; clear:both; margin:0px auto;
}
.fc01{
float:left; line-height:35px; color:#5c5c5c; font-size:14px; padding:22px 0;
}
.fc01 a{color:#5c5c5c; font-size:14px;}
.fc01 a:hover{color:#F00;}
.fc02{
float:right; padding:39px 0px 0px 0px;
}
.fc02 img{
border:0px; margin:0px 3px 0px 7px;
}
.titleall{
width:100%; min-width:1200px; max-width:1400px; margin:0 auto; clear:both; overflow:hidden; padding-top:60px; height:113px;
}
.titleall div{
overflow:hidden;
}
.titleall01{
clear:both; font-size:30px; line-height:48px; color:#000;
}
.titleall02{
clear:both; font-size:47px; line-height:50px; color:#000; padding:8px 0px 8px 0px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.titleall02 font{
background-color:#ebeaea; padding:0px 20px;
}
.titleallin{
width:98%; min-width:1180px; max-width:1380px; border-left:5px solid #FFF; margin:152px auto 0px auto; clear:both; overflow:hidden; height:110px;
}
.titleallin div{
overflow:hidden;
}
.titleall01in{
clear:both; font-size:42px; line-height:55px; color:#FFF; font-family:"Microsoft Yahei"; padding-left:18px;
}
.titleall02in{
clear:both; font-size:42px; line-height:55px; color:#FFF; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; padding-left:18px;
}
.titlemenu{
width:100%; min-width:1200px; max-width:1400px; border-bottom:1px solid #CCC; margin:0px auto; clear:both; overflow:hidden; padding-top:35px; padding-bottom:15px;
}
.titlemenuclass{
width:100%; min-width:1200px; max-width:1400px; border:1px solid #d9d9d9; margin:50px auto; clear:both; overflow:hidden; padding-top:15px; padding-bottom:15px; background-color:#FFF; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.1);
}

.hotbg{
width:100%; max-width:1920px; min-width:1200px; clear:both; margin:10px auto 0px auto; overflow:hidden; background-color:#e7e7e7; padding-top:0px; padding-bottom:60px;
}
.hotsale{
width:100%; min-width:1200px; max-width:1920px; margin:0 auto; clear:both; overflow:hidden; padding-top:1%; padding-bottom:1%;
}
.hotsale img{
width:100%; height:auto; border:0px;
}
.hotsalelist01{
float:left; text-align:center; width:18%; margin:1%;
}
.hotsalelist02{
float:left; text-align:center; width:38%; margin:1%; overflow:hidden; position:relative;
}
.hotsalelist03{
clear:both; text-align:center; overflow:hidden; position:relative;
}
.hotsalelist04{
clear:both; text-align:center; margin-top:11.1%; overflow:hidden; position:relative;
}
.hotsalelist02:hover, .hotsalelist03:hover, .hotsalelist04:hover{
 box-shadow:0 0 20px rgba(0,0,0,0.3);
}
.hotsalelist05{
clear:both; width:100%; height:22%; text-align:left; overflow:hidden; position:absolute; bottom:0px;
}
.hotsalelist08{
clear:both; width:100%; height:11%; padding-top:10px; text-align:left; overflow:hidden; position:absolute; bottom:0px; background-color:#1f3ac7;
}
.hotsalelist03:hover .hotsalelist05, .hotsalelist04:hover .hotsalelist05{
background-color:#1f3ac7; color:#FFF;
}
.hotsalelist02:hover .hotsalelist08{
background-color:#1f3ac7; color:#FFF;
}
.hotsalelist02:hover .hotsalelist06, .hotsalelist02:hover .hotsalelist07, .hotsalelist03:hover .hotsalelist06, .hotsalelist03:hover .hotsalelist07, .hotsalelist04:hover .hotsalelist06, .hotsalelist04:hover .hotsalelist07{
color:#FFF;
}
.hotsalelist06{
clear:both; color:#acacac; font-size:16px; padding:10px 0px 0px 16px; line-height:20px;
}
.hotsalelist07{
clear:both; color:#acacac; font-size:14px; padding:4px 0px 0px 16px;
}

.indexsolution{
width:1200px; height:800px; margin:0 auto; clear:both; padding-top:100px;
}
.indexsolution div{
overflow:hidden;
}
.solutionlist{
float:left; width:362px; height:375px; background-color:#ebeaea; margin-top:80px; padding-top:77px;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
}
.solutionlist:hover{
box-shadow:0 0 15px rgba(0,0,0,0.5);
}
.solutionlist:hover .solutionlist01a{
background-color:#00538c;
}
.solutionlist:hover .solutionlist01b{
background-color:#6fa3c5;
}
.solutionlist:hover .solutionlist01c{
background-color:#bdccd7;
}
.solutionlist01a{
clear:both; width:108px; height:108px; background-color:#0068b0; margin:10px;
border-radius:54px;
-webkit-border-radius:54px;
-o-border-radius:54px;
-moz-border-radius:54px;
-ms-border-radius:54px;
}
.solutionlist01b{
clear:both; width:128px; height:128px; background-color:#93bad4; margin:10px;
border-radius:64px;
-webkit-border-radius:64px;
-o-border-radius:64px;
-moz-border-radius:64px;
-ms-border-radius:64px;
}
.solutionlist01c{
clear:both; width:148px; height:148px; background-color:#d3dde4; margin:0px auto;
border-radius:74px;
-webkit-border-radius:74px;
-o-border-radius:74px;
-moz-border-radius:74px;
-ms-border-radius:74px;
}
.solutionlist02{
clear:both; text-align:center; font-size:18px; color:#000; line-height:30px; padding-top:35px;
}
.solutionlist03{
clear:both; text-align:center; font-size:14px; color:#9d9d9d; line-height:25px; padding-top:20px;
}
.banner01{
width:100%; min-width:1200px; max-width:1920px; height:359px; margin:0px auto; clear:both; overflow:hidden; background:url(images/banner_02.jpg) no-repeat center;
}

.indexnews{
width:100%; min-width:1200px; max-width:1400px; margin:0 auto; clear:both; overflow:hidden; padding-top:80px; padding-bottom:90px;
}
.indexnews div{
overflow:hidden;
}
.indexnews img{
width:100%; height:auto; border:0px;
}
.newsleft{
float:left; width:35.3%; position:relative;
}
.newstitle{
clear:both; width:100%; height:100%; position:absolute; top:0px; color:#FFF; padding-top:7%; padding-left:8%;
}
.newstitle01{
clear:both; font-size:30px; line-height:48px; padding:0px 0px 22px 0px;
}
.newstitle02{
clear:both; width:15.4%; height:2px; background-color:#FFF;
}
.newstitle03{
clear:both; padding:25px 0px 10px 0px; font-size:18px; line-height:25px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.newstitle04{
clear:both; font-size:16px; line-height:28px;
}
.newsright{
float:right; width:63.2%; position:relative;
}
.newslist{
float:left; width:50%; position:relative;
}
.newslist:hover{
background-color:#f0f0f0;
}
.newslistshow01{
clear:both; width:94%; height:44.6%; padding:5% 5% 0% 1%; position:absolute; top:51.5%;
}
.newslistshow02{
clear:both; width:90%; height:46.8%; padding:2% 5% 0% 5%; position:absolute; top:0px;
}
.newslist01{
clear:both; line-height:26px; padding-bottom:12px;
}
.newslist01 a{font-size:18px; color:#333;}
.newslist01 a:hover{color:#F00; transition: all 0.5s ease;}
.newslist02{
clear:both; line-height:26px; padding-bottom:12px;
}
.newslist02 a{font-size:14px; color:#858789;}
.newslist02 a:hover{color:#F00; transition: all 0.5s ease;}
.newslist03{
clear:both; width:29px; height:29px; background:url(images/newmore_09.png) no-repeat center;
}
.indexpageproduct{
width:100%; min-width:1200px; max-width:1400px; margin:0 auto; clear:both;
}
.indexpagebg{
width:100%; min-width:1200px; max-width:1920px; margin:0 auto; clear:both; overflow:hidden; background-color:#FFF;
}
.indexpage{
width:100%; min-width:1200px; max-width:1400px; margin:0 auto; clear:both; overflow:hidden;
}
.indexpage div{
overflow:hidden;
}
.protitle{
float:right; width:45%; overflow:hidden;
}
@media screen and (max-width: 1300px) {
.protitle{
width:41%;
}
}
.protitle0{
clear:both; text-align:right; font-size:16px; color:#666;
}
.protitle0 img{
border:0px; width:3px; height:10px; margin:0px 10px;
}
.protitle0 a{color:#666; font-size:16px;}
.protitle0 a:hover{color:#F00;}
.protitle1{
clear:both; padding:10px 0px 3px 0px; color:#017dd0; font-size:26px; line-height:40px;
}
.protitle2{
clear:both; padding:3px 0px 9px 0px; color:#8f8f8f; font-size:26px; line-height:40px;
}
.protitle2 a{color:#8f8f8f; font-size:26px;}
.protitle2 a:hover{color:#F00;}
.protitle3{
clear:both; padding:9px 0px 9px 0px; color:#9f9f9f; font-size:15px; line-height:28px;
}
.protitle4{
clear:both; padding:22px 0px 15px 0px; 
}
.protitle4 a{float:left; display:block; width:120px; height:40px; line-height:40px; text-align:center; color:#FFF; font-size:16px; background-color:#2385ff; margin-right:10px;
border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
}
.protitle4 a:hover{background-color:#0045fa;}
.protitle5{
clear:both; padding:9px 0px 9px 0px; 
}

.indexabout{
clear:both; padding:30px 15px 50px 15px; line-height:185%; font-size:16px;
}
.indexabout p{
padding-bottom:15px;
}
.indexnetbook{
clear:both; padding:30px 10px 50px 10px; line-height:185%; font-size:16px;
}
.indexaboutnews{
clear:both; padding:30px 0px 50px 0px; line-height:185%; font-size:16px;
}
.servicenewslist{
clear:both; margin:0px 10px 35px 10px; box-shadow:0 0 10px rgba(0,0,0,0.2);
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.servicenewslist:hover{
background-color:#f0f0f0; box-shadow:0 0 15px rgba(0,0,0,0.5);
}
.servicenewspic{
float:left; margin:5px; width:25%; text-align:center; position:relative; overflow:hidden; border:1px solid #d0d0d0;
}
.servicenewspic img{
border:0px; width:100%; height:auto; transition: all 0.5s ease;
}
.servicenewsshow{
float:right; margin:5px 15px 5px 5px; width:70%;
}
.servicenewsshow h2{
font-size:20px; margin:10px 0px 8px 0px;
}
.servicenewsshow p{
font-size:16px; color:#666; padding-bottom:10px;
}
.servicenewsshow font{
font-size:16px; border:1px solid #CCC; line-height:50px; height:50px; padding:6px 20px 6px 20px; background-color:#f6f6f6;
}
.servicenewslist:hover font{
background-color:#0045fa; color:#FFF; transition: all 0.5s ease;
}
.servicenewslist:hover img{
transform: scale(1.15);
}
.indexdownload{
clear:both; padding:30px 0px 50px 0px; line-height:185%; font-size:16px;
}
.downloadlist{
clear:both; margin:0px 8px 8px 8px; padding:0px 5px;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
}
.downloadlist:hover{
background-color:#f0f0f0; box-shadow:0 0 15px rgba(0,0,0,0.3);
}
.indexpro{
clear:both; padding:30px 0px 50px 0px; line-height:185%; font-size:16px;
}
.indexproclass{
clear:both; padding:30px 0px 50px 0px; line-height:185%; font-size:16px;
}
.classlist{
float:left; width:47.66%; height:175px; border:1px solid #dedede; border-radius:10px; background-color:#f5f5f5; margin-bottom:50px;
}
.classlist:hover{
background-color:#e0edfe; border:1px solid #2385ff;
}
.classlist img{
float:left; border:0px; width:117px; height:175px;
}
.classlist01{
float:left; line-height:175px; font-size:24px; padding-left:5px;
}
.classlist01 font{
font-size:16px; color:#999; padding-left:7px;
}
.classlist02{
float:right; line-height:175px; font-size:16px; padding-right:10px; color:#999;
}
.indexsearch{
clear:both; padding:0px 0px 70px 0px; line-height:185%; font-size:16px;
}
.indexshow{
clear:both; padding:60px 15px 80px 15px; line-height:185%; font-size:16px;
}
.indexshow p{
padding-bottom:15px;
}
.caselistshow{
float:left; width:31.33%; margin:0 1% 0 1%; position:relative; overflow:hidden;
}
.caselist{
width:437px; height:302px; position:relative; border:1px solid #d5d5d5; overflow:hidden;
}
.caselist img{
width:437px; height:302px; border:0px; position: absolute; left: 50%; top: 50%; margin: -151px 0 0 -218.5px; z-index:1;
}


.newpage{
text-align:center; font-size:18px; clear:both; background-color:#e9e9e9; padding-top:6px; padding-bottom:5px; width:100%; margin:20px auto 0px auto;
}
.newpage a{font-size:18px;}
.newpage a:hover{color:#F00;}

.newpagecase{
text-align:center; font-size:18px; clear:both; background-color:#e9e9e9; padding-top:6px; padding-bottom:5px; width:100%; margin:20px auto 0px auto;
}
.newpagecase a{font-size:18px;}
.newpagecase a:hover{color:#F00;}

.newshowtitle{
text-align:center; clear:both; font-size:22px; 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; 
}
.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:18px; clear:both; background-color:#e9e9e9; padding-top:6px; padding-bottom:5px; width:100%; margin:20px auto 0px auto;
}
.newpageproduct a{ color:#363636; font-size:18px;}
.newpageproduct a:hover{ color:#F00;}

/*以下版头图片切换 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:558px;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:500px;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:558px;overflow:hidden;} /*height e*/
.slide-box{position:relative;}
.slide{display:none;height:558px;background-color:#FFF;position:relative;position:absolute;z-index:8;} /*height e*/
#bgstylea{background:url(images/adv01.jpg) no-repeat center; background-color:#FFF;}
#bgstyleb{background:url(images/adv02.jpg) no-repeat center; background-color:#FFF;}
#bgstylec{background:url(images/adv03.jpg) no-repeat center; background-color:#FFF;}
#bgstyled{background:url(images/adv04.jpg) no-repeat center; background-color:#FFF;}
#bgstylee{background:url(images/adv05.jpg) no-repeat center; background-color:#FFF;}
.slide a{display:block;width:100%;height:346px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:226px;height:100px;}
.obj-c{display:block;height:402px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}
.obj-f{width:692px;height:214px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
/*以上版头图片切换 e*/

/*响应缓冲*/
.huanchong, .aboutalllist, .downloadlist, .yiyi1, .yiyi7, .hotsalelist:hover .hotsaleline {
	-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;
}
.huanchong1{
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.huanchong2{
	-webkit-transition: all 1.1s ease;
	-moz-transition: all 1.1s ease;
	-ms-transition: all 1.1s ease;
	-o-transition: all 1.1s ease;
	transition: all 1.1s ease;
}
/*响应缓冲*/
.ban{ width:630px; height:780px; position:relative; overflow:hidden; margin:0px auto 0px auto;}
.ban2{ width:602px; height:602px; position:relative; overflow:hidden; margin-left:12px;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:600px; height:600px; border:1px solid #d6d6d6;}
.prev{ float:left; cursor:pointer;}
.num{ height:150px;overflow:hidden; width:602px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:626px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:142px; height:142px; margin-right:6px; padding:1px; border:1px solid #d4d4d4;}
.num ul li.on{ border:1px solid #21a9ae; padding:1px;}
.prev_btn1{ width:9px; text-align:center; height:18px; margin-top:62px; margin-right:3px; cursor:pointer; float:left;}
.next_btn1{ width:9px; text-align:center; height:18px; margin-top:62px; margin-left:0px; cursor:pointer;float:right;}
.prev1{ position:absolute; top:345px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:345px; 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:750px; height:750px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-325px; margin-top:-380px; 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:750px; height:750px; position:relative; overflow:hidden;}
.pop_up2{ width:750px; height:750px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:750px; height:750px; float:left;}

.inxun_title {
float:left; border-left:0px solid #e6e6e6; left:50%; margin-left:-210px; position:relative;
}
.inxun_title div {
text-align: center; display:inline; background-color:#e6e6e6; margin-right:6px; float:left; height:45px; line-height:45px; cursor:pointer; color:#525252; font-size:18px; padding:0px 32px;
}
.inxun_title div.hover {
background-color:#2385ff; color:#FFFFFF;
}

.allcase{ width:581px; height:385px; position:relative;}
.screen{
	width:581px;
	height:385px;
	overflow:hidden; 
	position:relative;
}
.screen li{ width:581px; height:385px; overflow:hidden; float:left;}
.screen ul{ position:absolute; left:0; top:0px; width:4000px;}
.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;}

/*固定的悬浮窗*/
.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;
}


.pc-banner {
	width:100%; min-width:1200px; max-width:1920px; clear:both; margin:0px auto; overflow:hidden; position:relative;
}

@media screen and (max-width: 668px) {
	.pc-banner {
		background-size:auto 100%;
	}
}

.swiper-container {
	width: 100%;
	margin: 35px 0px 15px 0px; position:relative;
}

@media screen and (max-width: 668px) {
	.swiper-container {
		margin: 20px 0px 15px 0px;
	}
}

.swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	position:relative;
}

@media screen and (max-width: 668px) {
	.swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 668px) {
	.swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

.none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.swiper-slide a {
	padding:3%;
	display: block;
	position:relative;
}
.swiper-slide-title{
	width:60%;
	height:120px;
	padding:0% 8% 0% 8%;
	bottom:0px;
	position:absolute;
	transition: all 0.5s ease;
}
.swiper-slide:hover .swiper-slide-title{height:150px;}
.swiper-slide-title-1{
	clear:both; font-size:18px; color:#FFF;
}
.swiper-slide-title-2{
	clear:both; font-size:18px; color:#8b8b8b; line-height:24px; padding-top:9px;
}

@media screen and (min-width: 668px) {
	.swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		border: 0px solid #fff;
		content: "";
		width: 100%;
		height: 100%;
	}
}

.swiper-slide-active a:after {
	background: none;
}

@media screen and (max-width: 668px) {
	.swiper-slide a {
		padding:3%;
	}
}

.swiper-slide img {
	width: 100%;
	display: block; transition: all 0.5s ease;
}
.swiper-slide:hover img{
	box-shadow:0 0 15px rgba(0,0,0,0.3);
	transition: all 0.5s ease;
}

@media screen and (max-width: 668px) {
	.swiper-slide img {
		border-radius: 0px;
	}
}

.swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}

.swiper-pagination-bullet {
	background: #CCC;
	margin-left: 4px;
	margin-right: 4px;
	width: 6px;
	height: 6px;
	opacity: 1;
	margin-bottom: 4px;
}

.swiper-pagination-bullet-active {
	width: 10px;
	height: 10px;
	background: #FFF;
	border: 1px solid #1836d2; background:url(images/mark.png) no-repeat center;
	margin-bottom:1px;
}

@media screen and (max-width: 668px) {
	
	.swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}

	.swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}

	.swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 3px solid #00a0e9;
		margin-bottom: 0;
	}
}

.button {
	width: 100%; min-width:1200px; max-width:1920px; clear:both; position:absolute;
	top:50%;
	margin:-20px auto 0px auto;	
}

@media screen and (max-width: 668px) {
	.button {
		width: 100%;
	}
}

.button div:hover {
	background-color: #1836d2;
}

.swiper-button-prev {
	width: 60px;
	height: 60px;
	border-radius: 0px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") rgba(3,62,100,0.3) center 50%/50% 50% no-repeat;
}

.swiper-button-next {
	width: 60px;
	height: 60px;
	border-radius: 0px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") rgba(3,62,100,0.3) center 50%/50% 50% no-repeat;
}

@media screen and (max-width: 668px) {
	.button div {
		width: 28px;
		height: 28px;
	}
}

.indexproduct{
clear:both; padding:0px 0px 50px 0px; line-height:185%; font-size:16px;
}
.indexproduct div{
overflow:hidden;
}
.indexproduct li{
	list-style-type: none;
	/*display:inline-block;*/
	display: block;
	float: left;
	width: 31.15%;
	margin-right:3%;
	margin-bottom:50px;
	border:1px solid #d9d9d9;
	position: relative;
	overflow: hidden;
	background-color:#FFF;
}
.indexproduct li:hover{
	box-shadow:0 0 10px rgba(0,0,0,0.3); transition: all 0.5s ease;
}
.indexproduct li:hover img{
	transform: scale(1.1);
}
.dummy{
	padding-top: 100%;
}
.indexproduct img{
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle; transition: all 0.5s ease;
}
.indexproduct i{
	display: inline-block;
	vertical-align: middle;
	height:100%;
}
.indexproduct p{
	border:0px;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
}
.indexproduct li:hover .prolist02, .indexproduct li:hover .prolist03{
color:#FFF;
}

.indexproduct li:hover .prolist01{
background-color:#1f3ac7; color:#FFF;
}
.prolist01{
clear:both; width:100%; height:15%; text-align:left; overflow:hidden; position:absolute; bottom:0px;
}
.prolist02{
clear:both; color:#666; font-size:16px; padding:10px 0px 0px 16px; line-height:20px;
}
.prolist03{
clear:both; color:#acacac; font-size:14px; padding:0px 0px 0px 16px;
}