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; margin:0px auto; clear:both; overflow:hidden; font-family:"Microsoft Yahei"; background-color:#f1f1f1;
}
.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:#101010; font-size:18px; line-height:40px; display:block; text-align:center; float:right; margin-top:5px; margin-left:35px;
}
a.yiyi1:hover
{
color:#1285d5;
}
a.yiyi100
{
color:#1285d5; font-size:18px; line-height:40px; display:block; text-align:center; float:right; margin-top:5px; margin-left:35px;
}
a.yiyi100:hover
{
color:#1285d5;
}
a.yiyiencn
{
color:#101010; font-size:14px; letter-spacing:3px; padding:0px 0px 0px 4px; margin:0 5px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
a.yiyiencn:hover
{
color:#1285d5;
}
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:#0083f2; 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 #0083f2;
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:#0083f2;
}
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:#0083f2;
}
a.yiyi3000
{
color:#0083f2; 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:#0083f2;
}
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:#0083f2;
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:#0083f2; font-size:13px; width:40px; height:25px; line-height:25px; display:block; border-top:2px solid #0083f2; text-align:center; font-family:Arial, Helvetica, sans-serif;
}
a.yiyi600:hover
{
color:#F00; border-top:2px solid #F00;
}
a.yiyi6a
{
color:#FFF; font-size:16px;
}
a.yiyi6a:hover
{
color:#F00;
}
a.yiyi60a
{
color:#DDD; font-size:13px;
}
a.yiyi60a:hover
{
color:#F00;
}
a.yiyi600a
{
color:#0083f2; font-size:13px; width:40px; height:25px; line-height:25px; display:block; border-top:2px solid #0083f2; text-align:center; font-family:Arial, Helvetica, sans-serif;
}
a.yiyi600a: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:#0083f2; color:#FFF;
}
a.foot51
{
font-size:13px; color:#aaa; display:block; line-height:30px;
}
a.foot51:hover
{
color:#F00;
}
a.foot52
{
font-size:12px; color:#888; display:block; line-height:30px;
}
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:20px;
}
a.yiyi81a:hover
{
color:#fe0000;
}
a.yiyi81b{ color:#000; font-size:16px; display:block; width:251px; 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:#0068b0; font-size:16px; display:block; width:251px; 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:#404040; font-size:13px; display:block; width:248px; padding-left:30px; height:28px; line-height:28px; margin:10px 0px 10px 0px; background:url(images/index_08b.png) no-repeat 15px 6px;
}
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:201px;}
a.yiyi81c{ width:201px;}
a.yiyi81s{ width:188px;}
a.yiyi1{margin-left:22px;}
a.yiyi100{margin-left:22px;}
a.yiyiencn{ padding:0px 3px 0px 3px;}
}
/*霑咎㈹*/
a.kefu01
{
color:#e9e9e9; font-size:12px;
}
a.kefu01:hover
{
color:#F00;
}
a.kefu02
{
color:#e9e9e9; font-size:12px;
}
a.kefu02:hover
{
color:#F00;
}
/*霑咎㈹*/
.theme_menu{
box-shadow: 0 10px 10px 0 rgba(153,153,153,0.2), 0 10px 10px 0 rgba(153,153,153,0.2); overflow:hidden; border-top:1px solid #c9c9c9;
background: #f1f1f1; min-width:1200px; padding-top:15px; padding-bottom:15px;
}
/* Mainmenu fixed style */
@-webkit-keyframes menu_sticky {
0% {margin-top:-230px;}
50% {margin-top: -189px;}
100% {margin-top: 0;}
}
@keyframes menu_sticky {
0% {margin-top:-230px;}
50% {margin-top: -189px;}
100% {margin-top: 0;}
}
.theme_menu.stricky-fixed {
margin: 0;
position: fixed;
background: #f1f1f1;
top:0;
left:0;
width: 100%;
z-index: 99999;
-webkit-animation-name: menu_sticky;
animation-name: menu_sticky;
-webkit-animation-duration: 0.60s;
animation-duration: 0.60s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
.theme_menu.stricky-fixed .yiyi5, .theme_menu.stricky-fixed .yiyi5000{
font-size:14px; height:32px; line-height:32px; margin:2px 10px 2px 0px;
-webkit-animation-duration: 0.60s;
animation-duration: 0.60s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@media screen and (max-width: 1500px){
.theme_menu.stricky-fixed .yiyi5, .theme_menu.stricky-fixed .yiyi5000{margin:2px 8px 2px 0px;}
}
.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%; min-width:1200px; max-width:1920px; margin:0px auto; clear:both; height:103px; overflow:hidden; background-color:#FFF;
}
.headerbgin{
width:100%; min-width:1200px; max-width:1920px; margin:0px auto; clear:both; height:103px; 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; height:122px; margin:0px auto; clear:both; overflow:hidden;
}
.header div{
overflow:hidden;
}
@media screen and (max-width: 1500px){
.welcome{
width:1200px;
}
.header{
width:1200px;
}
}
.headerlogo{
float:left;
}
.headright{
float:right;
}
.cnen{
clear:both; text-align:right; line-height:15px; padding-top:20px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; font-size:12px;
}
.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 #101010;
}
.footer div{
overflow:hidden;
}
.footerall{
width:1400px; clear:both; margin:0px auto;
}
.footerA{
float:left; width:18%;
}
.footerD{
float:left; width:18%; margin-left:3%;
}
.footerB{
float:left; width:40%; margin-left:3%;
}
.footerC{
float:right; width:160px; padding:45px 0px 45px 0px; text-align:center; color:#CCC; line-height:25px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.foottitle{
clear:both; padding-top:45px; font-size:14px; color:#CCC; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.footerBall{
clear:both; margin:10px 0px 40px 0px; line-height:30px; font-size:13px; color:#aaa;
}
.footer01{
clear:both; margin:10px 0px 40px 0px; color:#aaa;
}
.footer01 a{font-size:12px; color:#aaa; display:block; line-height:30px; display:block; float:left; width:45%;}
.footer01 a:hover{color:#F00;}
.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:#0e0e0e;
}
.footer05{
width:1400px; clear:both; margin:0px auto; line-height:50px; color:#666; font-size:16px;
}
.footer05 a{font-size:16px; color:#666;}
.footer05 a:hover{color:#F00;}
@media screen and (max-width: 1500px){
.footerall{
width:1200px;
}
.footerA{
width:18%;
}
.footer01 a{width:48%;}
.footerD{
width:18%;
}
.footerB{
width:40%;
}
.footerC{
width:160px;
}
.footer05{
width:1200px;
}
}
.indexcontactbg{
width:100%; min-width:1200px; max-width:1920px; height:135px; margin:0px auto; clear:both; overflow:hidden; background:url(images/banner_08.jpg) no-repeat center #FFF;
}
.indexcontact{
width:1400px; clear:both; margin:0px auto; overflow:hidden;
}
.indexcontact div{
overflow:hidden;
}
.contact1{
float:left; padding:53px 5px 0px 0px; font-size:24px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; color:#6fb2dc; font-weight:bold;
}
.contact2{
float:left; font-size:68px; letter-spacing:5px; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; color:#74bbe8; padding:19px 0px 0px 0px;
}
@media screen and (max-width: 1500px){
.indexcontact{
width:1200px;
}
}
.protitle{
padding:9px 15px 9px 15px; color:#FFF; font-size:22px; line-height:38px; background-color:#0083f2; 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; text-align:center; padding-top:40px; padding-bottom:10px;
}
.titleall div{
overflow:hidden;
}
.titleall00{
width:950px; height:76px; margin:0 auto; clear:both; border:10px solid #00aeff;
}
.titleall00a{
width:830px; height:140px; margin:0 auto; clear:both; background-color:#f1f1f1; margin-top:-128px;
}
.titleall00c{
width:1050px; margin:0 auto; clear:both; text-align:center; padding-top:20px;
}
.titleall01{
clear:both; font-size:56px; line-height:60px; color:#00aeff; font-family:"Arial Black", Gadget, sans-serif; letter-spacing:8px; position:relative; z-index:1;
}
.titleall02{
clear:both; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; font-size:18px; color:#00aeff; padding:8px 0px 12px 0px;
}
.titleall03{
clear:both; color:#000; font-weight:bold; letter-spacing:2px; font-size:24px; line-height:30px;
}
.titleall01a{
clear:both; font-size:48px; color:#FFF; font-family:"Arial Black", Gadget, sans-serif;
}
.titleall01a font{
color:#0083f2;
}
.titleall02a{
clear:both; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; font-size:16px; color:#afafaf; padding-top:0px; line-height:35px;
}
.titleall02a font{
font-size:26px; color:#FFF; font-weight:bold;
}
.titleall01b{
clear:both; font-size:48px; color:#000; font-family:"Arial Black", Gadget, sans-serif;
}
.titleall01b font{
color:#0083f2;
}
.titleall02b{
clear:both; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; font-size:16px; color:#000; padding-top:2px;
}
.titleall02b font{
font-size:18px; color:#000;
}
.banner01{
width:100%; min-width:1200px; max-width:1920px; height:879px; margin:0px auto; clear:both; overflow:hidden; background:url(images/banner_04.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:1120px; margin:0px auto; clear:both; overflow:hidden; background:url(images/banner_06.jpg) no-repeat top;
}
.banner04{
width:100%; min-width:1200px; max-width:1920px; height:768px; margin:0px auto; clear:both; overflow:hidden; position:relative;
}
.aboutall{
width:1400px; margin:0 auto; clear:both; overflow:hidden; padding-top:45px; overflow:hidden;
}
.aboutall div{
overflow:hidden;
}
.aboutleft{
width:50%; height:879px; float:left; text-align:right;
}
.aboutright{
width:50%; float:right;
}
.aboutall1{
clear:both; padding-top:35px;
}
.aboutall2{
clear:both; width:90%; padding-left:3px; font-size:18px; line-height:33px; padding-top:30px; color:#FFF;
text-align:justify; text-justify:distribute-all-lines; text-align-last:left;
}
.aboutall2 P{
padding-bottom:20px;
}
.aboutall3{
clear:both; padding-top:20px;
}
.aboutall3 a{display:block; width:120px; height:30px; line-height:30px; border:1px solid #CCC; text-align:center; font-size:16px; color:#CCC; margin-left:3px;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
}
.aboutall3 a:hover{color:#F00; border:1px solid #F00;}
@media screen and (max-width: 1500px){
.aboutall{
width:1200px;
}
.aboutall2{
width:580px; font-size:16px; line-height:30px; padding-top:10px;
}
.aboutall2 P{
padding-bottom:13px;
}
.aboutall3{
padding-top:15px;
}
.banner03{
width:100%; min-width:1200px; max-width:1920px; height:1025px; margin:0px auto; clear:both; overflow:hidden; background:url(images/banner_061200.jpg) no-repeat top;
}
}
.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;
}
.hotsalebg div{
overflow:hidden;
}
.hotsale{
width:1400px; margin:0 auto; clear:both; overflow:hidden; padding-top:60px;
}
.hotsale div{
overflow:hidden;
}
@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:30px; padding-bottom:65px;
}
.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 #0083f2;}
.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%; max-width:1400px; min-width:1200px; margin:0 auto; clear:both; overflow:hidden; padding-top:70px; padding-bottom:60px;
}
.indexculture div{
overflow:hidden;
}
.cultureall{
clear:both; padding-top:60px; padding-bottom:20px;
}
.culturelist{
width:33.33%; float:left; position:relative; top:0px; text-align:center;
}
.culturelist:hover{
top:-25px;
}
.culture01{
clear:both;
}
.culture02{
clear:both; color:#222; font-size:22px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; padding:20px 0px 0px 0px;
}
.culture03{
clear:both; color:#999; font-size:16px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; padding:5px 15px 6px 15px; line-height:33px;
}
.indexcasebg{
width:100%; min-width:1200px; max-width:1920px; margin:0 auto; clear:both; overflow:hidden;
}
.indexcase{
width:1400px; margin:0 auto; clear:both; overflow:hidden; padding-top:50px;
}
.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){
.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; padding-top:50px; padding-bottom:30px;
}
.indexnews{
width:1400px; margin:0 auto; clear:both; overflow:hidden;
}
.indexnews div{
overflow:hidden;
}
.indexnewsall{
clear:both; width:1550px; padding-top:50px; padding-bottom:70px;
}
.indexnewsall:hover img{
transform: scale(1.15);
}
.newspic{
float:left; width:700px; margin-right:70px;
}
.newspic img{
width:100%; height:auto; border:0px;
}
.newsright{
float:left; width:780px;
}
.newslist{
float:left; width:620px; margin-right:140px; margin-bottom:30px;
}
.news01{
clear:both; line-height:36px; padding:5px 0px 8px 0px;
}
.news02{
clear:both; width:84px; height:3px; background-color:#0083f2;
}
.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:1350px; padding-top:40px; padding-bottom:50px;
}
.newspic{
float:left; width:600px; margin-right:60px; padding-top:15px;
}
.newsright{
width:670px;
}
.newslist{
width:540px; margin-right:100px; margin-bottom:10px;
}
}
.titlemenubg{
width:100%; min-width:1200px; max-width:1920px; border-bottom:1px solid #d3d3d3; margin:0px auto; clear:both; overflow:hidden;
}
.titlemenu{
width:1400px; margin:0px auto; clear:both; overflow:hidden; padding-top:15px; padding-bottom:20px; border-bottom:1px solid #CCC;
}
.classmenuall{
width:1400px; margin:0px auto; clear:both; overflow:hidden;
}
.classmenu{
width:1500px; clear:both; overflow:hidden;
}
.classmenu div{
overflow:hidden;
}
@media screen and (max-width: 1500px){
.titlemenu{
width:1200px;
}
.classmenuall{
width:1200px;
}
.classmenu{
width:1300px;
}
}
.indexpageshow{
width:1400px; margin:0 auto; clear:both; overflow:hidden; padding-top:50px; padding-bottom:50px; text-align:left;
}
.indexpage{
width:1400px; margin:0 auto; clear:both; overflow:hidden; padding-top:50px; padding-bottom:50px; text-align:left; min-height:400px;
}
.indexpage div{
overflow:hidden;
}
.pageproduct{
clear:both; width:1500px; padding-top:20px;
}
.pageleft{
float:left; width:325px; padding-top:9px; text-align:left;
}
.classmenuallin{
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 2px 7px; line-height:30px;
}
.classmenu02{
clear:both; padding-top:10px;
}
.pageright{
float:right; width:1050px; padding-top:0px;
}
.indexproall{
width:1150px; padding:30px 0px 0px 0px; clear:both; line-height:185%; font-size:16px;
}
/*class荳ｻ隕∵�ｷ蠑�*/
.subNavBox{width:310px;border:solid 1px #e5e3da;margin:100px auto;}
.subNav{background:url(images/jiantou1.jpg) no-repeat;background-position:95% 50%; width:310px; clear:both; padding:5px 0px;}
.subNav:hover{color:#277fc2;}
.currentDd{color:#277fc2}
.currentDt{background-image:url(images/jiantou.jpg);}
.navContent{display:none;}
/*class荳ｻ隕∵�ｷ蠑�*/
@media screen and (max-width: 1500px){
.indexpageshow{
width:1200px;
}
.indexpage{
width:1200px;
}
.pageleft{
width:245px;
}
.classmenuallin{
width:254px;
}
.classmenu01a{
width:254px;
}
.classmenu01b{
width:247px;
}
.pageright{
width:910px;
}
.indexproall{
width:1050px;
}
/*class荳ｻ隕∵�ｷ蠑�*/
.subNavBox{width:250px;}
.subNav{width:250px;}
/*class荳ｻ隕∵�ｷ蠑�*/
}
.indexabout{
width:1380px; padding:40px 10px 20px 10px; clear:both; line-height:185%; font-size:16px;
text-align:justify; text-justify:distribute-all-lines; text-align-last:left;
}
.indexabout p{
padding-bottom:10px;
}
.indexabout img{
max-width:1380px; height:auto;
}
.indexnetbook{
width:1380px; padding:30px 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:20px 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:1050px; padding:0px 0px 0px 0px; clear:both; line-height:185%; font-size:16px; overflow:hidden;
}
.indexshow img{
max-width:1050px; height:auto;
}
.indexshow p{
padding-bottom:10px;
}
.showright{
float:left; margin-left:40px; padding:40px 10px 10px 10px; width:490px; 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:910px;
}
.indexabout img{
max-width:1180px; height:auto;
}
.indexnetbook img{
max-width:1180px; height:auto;
}
.indexshow img{
max-width:910px; height:auto;
}
.showright{
margin-left:30px; padding:40px 10px 10px 10px; width:360px; overflow:hidden;
}
}
.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:#e9e9e9; padding-top:6px; padding-bottom:5px; width:100%; margin:20px auto 0px auto; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.2) 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:#e9e9e9; 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(0,0,0,0.2) 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:#e9e9e9; padding-top:6px; padding-bottom:5px; width:1040px; margin:20px 0px 0px 0px; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.2) 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:896px;
}
}
/*莉･荳狗沿螟ｴ蝗ｾ迚��謐｢ 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:611px;position:relative; min-width:1200px;} /*height e*/
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:280px;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:565px;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:611px;overflow:hidden;} /*height e*/
.slide-box{position:relative;}
.slide{display:none;height:611px;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, .yiyi1000, .huanchong, .yiyi7, .yiyi5, .yiyi5000, .yiyi20000, .hotsalelist:hover .hotsaleline, .hotsalelistin: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;
}
/*蜩榊ｺ皮ｼ灘�*/
.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 #0083f2; 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:#0083f2; 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;
}