@charset "utf-8";
/* CSS Reset */
body{font-family:"微软雅黑";}
html{overflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
a:hover{color:#02c8fd;}
.w1000{position:relative;width:1000px;margin:0 auto;}
.ptb25{padding:25px 0;}
.ptb30{padding:30px 0;}
.bt{display:block;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.tr,.img{
    -webkit-transition:all .3s linear;
    -mos-transition:all .3s linear;
    -mz-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
}
.img:hover{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

/* header */
.headerBot{height:120px;background:url(../images/topbj.jpg) repeat-x;}
.headerBot .logo{padding-top:7px;}
.headerBot .frd{height:48px;padding-left:313px;}
.headerBot .tel{background:url(../images/telbj.png) no-repeat left center;padding-left:18px;line-height:40px;border-top:7px solid #02c8fd;display:inline-block;color:#02c8fd;padding-right:15px;}
.headerBot .search{position:relative;margin-top:7px;}
.headerBot .search .text{border:none;border-left:1px solid #dadada;height:40px;line-height:40px;padding-left:10px;width:160px;background:none;float:left;}
.headerBot .search .subt{width:40px;height:40px;border:none;border-right:1px solid #dadada;background:url(../images/subt.jpg) no-repeat;cursor:pointer;display:block;float:left;}
.headerBot .lang{width:50px;padding-left:10px;padding-top:16px;height:22px;}

.headerBot .nav li{height:72px;float:left;position:relative;z-index:11;}
.headerBot .nav li a{display:inline-block;float:left;line-height:72px;overflow:hidden;text-align:center;margin-left:50px;font-size:16px;}
.headerBot .nav li a:hover,.headerBot .nav li a.active{color:#fa0e01;}
.headerBot .nav li .sub{position:absolute;top:72px;background:#fff;width:830px;overflow:hidden;display:none;padding:20px;}
.headerBot .nav li .sub .list{width:260px;float:left;padding-top:70px;overflow:hidden;}
.headerBot .nav li .sub .list li{float:none;height:auto;}
.headerBot .nav li .sub .list li a{display:block;width:215px;height:35px;line-height:35px;border-bottom:1px solid #dadada;padding-left:45px;font-size:14px;color:#333;text-align:left;margin:0;}
.headerBot .nav li .sub .list li a:hover{background:url(../images/niconh.png) no-repeat 210px center;color:#02c8fd;}
.headerBot .nav li .sub1{left:-186px}
.headerBot .nav li .sub1 .list{background:url(../images/n1.png) no-repeat 46px 15px;}
.headerBot .nav li .sub2{left:-300px}
.headerBot .nav li .sub2 .list{background:url(../images/n2.png) no-repeat 46px 15px;}
.headerBot .nav li .sub3{left:-414px}
.headerBot .nav li .sub3 .list{background:url(../images/n3.png) no-repeat 46px 15px;}
.headerBot .nav li .sub4{left:-528px}
.headerBot .nav li .sub4 .list{background:url(../images/n4.png) no-repeat 46px 15px;}
.headerBot .nav li .sub5{left:-642px}
.headerBot .nav li .sub5 .list{background:url(../images/n5.png) no-repeat 46px 15px;}
.headerBot .nav li .sub6{left:-756px}
.headerBot .nav li .sub6 .list{background:url(../images/n6.png) no-repeat 46px 15px;}
.headerBot .nav li .sub .pic{width:550px;height:325px;float:right;}
.headerBot .nav li .sub2 .list .listA{float:left;}
.headerBot .nav li .sub2 .list .listA a{width:130px;float:left;padding:0;}
.headerBot .nav li .sub2 .list .listA a:hover{background:url(../images/niconh.png) no-repeat 100px center;color:#02c8fd;}
/* banner */
.headerBanner{width:1920px;margin:0 auto;position:relative;height:600px;left:50%;margin-left:-960px;}
.headerBanner .bd{width:1920px;height:600px;overflow:hidden;z-index:0;}
.headerBanner .but{height:100px;position:absolute;top:40%;z-index:2;left:50%;margin-left:-500px;}
.headerBanner .but a{display:block;width:45px;height:100px;background: url(../images/icons.png) no-repeat 0 0;position:absolute;opacity:0;filter:alpha(opacity=0);display:block;}
.headerBanner .but a.prev{left:-100px;}
.headerBanner .but a.next{right:-1090px;background-position:-45px 0px;}
.headerBanner .hd{position:absolute;bottom:15px;text-align:center;z-index:5;left:50%;font-size:0;line-height:0;height:0px;margin-left:-10px;height:12px;overflow:hidden;}
.headerBanner .hd li{z-index:2;cursor:pointer;margin-right:5px;display:inline-block;width:8px;height:8px;*display:inline;zoom:1;border-radius:100%;border:2px solid #fff;}
.headerBanner .hd li:hover,.headerBanner .hd .on{background:#02c8fd;border-color:#02c8fd}
.pageBanner{height:200px;position:relative;z-index:10}

/* footer */
.footerBot{background:#232323;overflow:hidden;padding:35px 0;}
.footerBot .left{overflow:hidden;padding-right:20px;padding-top:13px;}
.footerBot .left a{display:block;}
.footerBot .right{width:660px;}
.footerBot .right .menu{line-height:30px;padding-bottom:10px;color:#fff}
.footerBot .right .menu a{padding:0 13px;color:#fff}
.footerBot .right .menu a.pal{padding-left:0;}
.footerBot .right .tel{overflow:hidden;}
.footerBot .right .tel i{font-style:normal;padding:0 5px;}
.footerBot a:hover{color:#fff;}
.footerBot .code img{border:3px solid #fff;border-radius:4px;}
.footerBot .code span{display:block;padding-top:5px;text-align:center;color:#fff;}
.footerCopy{border-top:1px solid #2e2e2e;background:#232323;padding:10px 0;overflow:hidden;}
.footerCopy span{padding-left:20px;}
.footerCopy .fr a{margin-left:10px;}

/* product */
.mainTitle{text-align:center;font-size:24px;position:relative;text-transform:uppercase;font-weight:normal;color:#333;}
.mainTitle span{display:block;font-size:36px;font-weight:bold;font-family:arial;line-height:36px;}
.mainTitle:before,.mainTitle:after{width:375px;height:1px;background:#dadada;position:absolute;left:0;top:49px;content:"";z-index:2;}
.mainTitle:after{left:auto;right:0;}
.mainProduct,.mainAbout,.mainListen,.mainOdds{padding:65px 0;overflow:hidden;}
.mainProduct .list{overflow:hidden;padding-top:9px}
.mainProduct .list ul{width:1060px;}
.mainProduct .list li{width:240px;height:190px;float:left;margin-right:11px;margin-top:16px;position:relative;}
.mainProduct .list li img{display:block;width:240px;height:190px;}
.mainProduct .list li span{width:220px;line-height:30px;background:url(../images/tm.png);position:absolute;left:0;bottom:0;color:#fff;opacity:1;text-align:center;padding:0 10px;}
.mainProduct .list li.one,.mainProduct .list li.one img{width:500px;height:396px;}
.mainProduct .list li.one span{width:480px;}
.mainProduct .list li .txt{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/tmr.png);opacity:0}
.mainProduct .list li .txt a{text-align:center;width:65px;font-size:16px;line-height:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;color:#fff;display:block;margin:36% auto 0;}

.mainApp{height:405px;background:url(../images/apbj.jpg) no-repeat center top;padding-top:65px;overflow:hidden;}
.mainApp .list{width:1060px;padding-top:30px;}
.mainApp .list a{display:block;width:150px;height:40px;padding-top:70px;text-align:center;color:#333;float:left;margin-right:20px;margin-bottom:20px;overflow:hidden;background:url(../images/icon.png) no-repeat #fff;font-size:14px;}
.mainApp .list a.a1{background-position:0 0;}
.mainApp .list a.a1:hover{background-position:-150px 0;}
.mainApp .list a.a2{background-position:0 -110px;}
.mainApp .list a.a2:hover{background-position:-150px -110px;}
.mainApp .list a.a3{background-position:0 -220px;}
.mainApp .list a.a3:hover{background-position:-150px -220px;}
.mainApp .list a.a4{background-position:0 -330px;}
.mainApp .list a.a4:hover{background-position:-150px -330px;}
.mainApp .list a.a5{background-position:0 -440px;}
.mainApp .list a.a5:hover{background-position:-150px -440px;}
.mainApp .list a.a6{background-position:0 -550px;}
.mainApp .list a.a6:hover{background-position:-150px -550px;}
.mainApp .list a.a7{background-position:0 -660px;}
.mainApp .list a.a7:hover{background-position:-150px -660px;}
.mainApp .list a.a8{background-position:0 -770px;}
.mainApp .list a.a8:hover{background-position:-150px -770px;}
.mainApp .list a.a9{background-position:0 -880px;}
.mainApp .list a.a9:hover{background-position:-150px -880px;}
.mainApp .list a.a10{background-position:0 -990px;}
.mainApp .list a.a10:hover{background-position:-150px -990px;}
.mainApp .list a.a11{background-position:0 -1100px;}
.mainApp .list a.a11:hover{background-position:-150px -1100px;}
.mainApp .list a.a12{background-position:0 -1210px;}
.mainApp .list a.a12:hover{background-position:-150px -1210px;}
.mainApp .list a:hover{background-color:#02c8fd;color:#fff;}

/* about */
.mainAbout .about{padding-top:30px;overflow:hidden;}
.mainAbout .about .hd{width:100%;overflow:hidden;}
.mainAbout .about .hd ul{width:220px;margin:0 auto;}
.mainAbout .about .hd li{width:100px;height:30px;line-height:30px;text-align:center;float:left;margin:0 5px;background:#ebebeb;border-radius:15px;color:#333;}
.mainAbout .about .hd li.on{background:#fa0e01;color:#fff;}
.mainAbout .about .bd{padding-top:25px;font-size:14px;overflow:hidden;text-align:center;}
.mainAbout .about .bd a{display:block;color:#fd0315;text-transform:uppercase;}
.mainAbout .about .bd .video{width:500px;height:auto;margin:0 auto;}
.mainAbout .num{padding-top:45px;overflow:hidden;}
.mainAbout .num li{padding:0 110px;font-size:14px;text-align:center;float:left;border-right:1px solid #dadada;}
.mainAbout .num li span{display:block;font-size:30px;color:#fa0e01;line-height:30px;}
.mainAbout .pic{text-align:center;padding-top:20px;}
.mainAbout .link{height:50px;padding-top:20px;width:690px;margin:0 auto;}
.mainAbout .link a{display:block;width:150px;height:38px;background:url(../images/iconc.png) no-repeat;overflow:hidden;font-size:18px;padding-left:60px;line-height:16px;float:left;padding-top:12px;margin:0 10px;}
.mainAbout .link a span{display:block;font-family:arial;font-size:12px;}
.mainAbout .link a.li1{background-position:0 0}
.mainAbout .link a.li1:hover{background-position:-210px 0;}
.mainAbout .link a.li2{background-position:0 -50px}
.mainAbout .link a.li2:hover{background-position:-210px -50px;}
.mainAbout .link a.li3{background-position:0 -100px}
.mainAbout .link a.li3:hover{background-position:-210px -100px;}
.mainAbout .link a:hover{color:#fff;}
/* ad */
.mainFeedback{background:url(../images/fdbj.jpg) no-repeat center top;height:97px;padding-top:53px;}
.feedback .input{width:150px;height:30px;line-height:30px;padding-left:10px;border-radius:3px;background:url(../images/tmc.png);border:none;color:#fff;float:left;margin-right:10px;margin-bottom:10px;}
.feedback .verify{width:65px;}
.feedback .reloadverify{background:#fff;padding:4px;border-radius:3px;}
.feedback .add{width:490px;}
.feedback .subt{width:75px;height:30px;line-height:30px;text-align:center;border-radius:4px;background:#fff;border:none;color:#333;cursor:pointer;}
.feedback .subt:hover{background:#02c8fd;color:#fff;}
.mainFeedback .tel{background:url(../images/telbja.png) no-repeat left center;padding-left:50px;color:#fff;line-height:14px;}
.mainFeedback .tel span{display:block;font-family:arial;font-size:30px;line-height:31px;}
/* odds */
.odds{width:840px;position:relative;margin:30px auto 0;}
.odds .btn{width:250px;height:250px;position:absolute;display:block;z-index:9;top:75px;cursor:pointer;}
.odds .prev{left:0;}
.odds .next{right:0;}
.odds .arrowL,.odds .arrowR{display:block;width:23px;height:40px;background:url(../images/btn.png) no-repeat;overflow:hidden;position:absolute;left:-80px;top:106px;}
.odds .arrowR{left:auto;right:-80px;background-position:0 -40px;}
.odds .arrowL:hover{background-position:-23px 0}
.odds .arrowR:hover{background-position:-23px -40px}
.mainOdds ul{height:400px;}
.mainOdds ul li{position:absolute;overflow:hidden;box-shadow: 0 0 15px #bbb;border-radius:50%;}
.mainOdds ol{height:150px;}
.mainOdds ol li{position:absolute;left:0;display:none;text-align:center;width:100%;}
.mainOdds ol h3{font-size:24px;color:#02c8fd;font-weight:normal;line-height:26px;padding-top:25px;padding-bottom:10px;background:url(../images/linea.png) no-repeat center bottom;}
.mainOdds ol p {line-height:22px;font-size:14px;padding-top:10px;}
.mainOdds ol p a{color:#02c8fd;}

.mainOdds .imgCard0{width:400px;height:400px;z-index:5;left:220px;top:0;opacity:1;}
.mainOdds .imgCard1,.mainOdds .imgCard3{width:250px;height:250px;top:75px;opacity:1;}
.mainOdds .imgCard1{z-index:1;left:590px;}
.mainOdds .imgCard3{z-index:2;left:0;}
.mainOdds .imgCard2{width:10px;height:10px;z-index:1;left:415px;top:75px;opacity:0;}
.mainOdds ul li img{width:100%;height:100%;}

/* service */
.mainService{background:url(../images/ysbj.jpg) no-repeat center top;height:435px;padding-top:65px;}
.mainService h2{color:#fff;}
.mainService .service{padding-top:60px;overflow:hidden;color:#fff;}
.mainService .service li{width:210px;float:left;text-align:center;position:relative;}
.mainService .service li.ma{margin-left:53px;}
.mainService .service li h3{font-size:18px;font-weight:normal;background:url(../images/line.png) no-repeat center bottom;padding-bottom:10px;padding-top:20px;}
.mainService .service li p{line-height:18px;padding-top:15px;}
.mainService .service li:hover .od img{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(1) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(1) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}

/* listen */
.mainListen .listen{padding-top:30px;}
.mainListen .listen li{width:240px;height:330px;float:left;margin-right:13px;overflow:hidden;position:relative;}
.mainListen .listen li a.pic{width:240px;height:330px;display:block;position:relative;}
.mainListen .listen li a.pic span{line-height:40px;background:url(../images/tma.png) no-repeat;position:absolute;bottom:0;left:0;width:190px;padding:0 40px 0 10px;z-index:12;text-align:left;color:#fff;}
.mainListen .listen li .txt{width:200px;height:300px;padding:30px 20px 0;background:url(../images/tmb.png);position:absolute;left:0;top:330px;color:#fff;overflow:hidden;z-index:13;text-align:center;}
.mainListen .listen li .txt h3{font-size:16px;font-weight:normal;padding-bottom:10px;background:url(../images/line.png) no-repeat center bottom;}
.mainListen .listen li .txt h4{font-size:14px;font-weight:normal;padding-top:5px;}
.mainListen .listen li .txt p{padding:20px 0;line-height:22px;overflow:hidden;}
.mainListen .listen li .txt .more{display:block;width:40px;height:40px;margin:0 auto;background:url(../images/moreb.png) no-repeat;}

/* picture */
.mainPicture{background:url(../images/hjbj.jpg) no-repeat center top;height:440px;}
.mainPicture .hd{width:120px;padding-top:60px;}
.mainPicture .hd li{width:120px;height:;}
.mainPicture .hd li span{display:block;width:122px;height:37px;padding-top:55px;text-align:center;color:#333;float:left;margin-bottom:5px;overflow:hidden;background:url(../images/icona.png) no-repeat #fff;font-size:14px;}
.mainPicture .hd li span.p1{background-position:0 0;}
.mainPicture .hd li span.p2{background-position:0 -92px;}
.mainPicture .hd li span.p3{background-position:0 -184px;}
.mainPicture .hd li.on span.p1{background-position:-122px 0;}
.mainPicture .hd li.on span.p2{background-position:-122px -92px;}
.mainPicture .hd li.on span.p3{background-position:-122px -184px;}
.mainPicture .hd li.on span{background-color:#02c8fd;color:#fff;}
.mainPicture .bd{width:866px;height:318px;margin-top:50px;overflow:hidden;}
.mainPicture .bd .list{height:318px;overflow:hidden;}
.mainPicture .bd .list ul{width:900px;}
.mainPicture .bd .list li{width:210px;height:150px;float:left;margin-right:10px;margin-top:10px;position:relative;overflow:hidden;}
.mainPicture .bd .list li img,.mainPicture .bd .list li a{display:block;width:210px;height:150px;overflow:hidden;}
.mainPicture .bd .list li span{width:190px;line-height:30px;background:url(../images/tm.png);position:absolute;left:0;bottom:-30px;color:#fff;opacity:1;text-align:center;padding:0 10px;}
.mainPicture .bd .list li.one,.mainPicture .bd .list li.one a,.mainPicture .bd .list li.one img{width:430px;height:308px;overflow:hidden;}
.mainPicture .bd .list li.one span{width:410px;}
.mainPicture .bd .list li:hover span{bottom:0;}
/* news */
.mainNews{padding:65px 0;overflow:hidden;background:url(../images/nebj.jpg) no-repeat center top;}
.mainNews .news{margin-top:35px;overflow:hidden;border-top:1px solid #dadada;}
.mainNews .news li{padding:20px 0;overflow:hidden;border-bottom:1px solid #dadada;}
.mainNews .news li .time{width:120px;height:55px;float:left;font-size:32px;border-right:1px solid #dadada;font-family:arial;padding-top:15px;}
.mainNews .news li .time span{font-size:16px;display:block;padding-left:28px;}
.mainNews .news li .txt{width:765px;float:left;padding-left:25px}
.mainNews .news li .txt h3 a{font-size:16px;font-weight:normal;}
.mainNews .news li .txt p{line-height:20px;padding-top:7px;}
.mainNews .news li .more{width:26px;height:26px;background:url(../images/more.png) no-repeat;float:right;margin-top:22px;}

.mainNews .news li:hover,.mainNews .news li.active{background:#02c8fd;color:#fff;cursor:pointer;}

.mainNews .news li:hover a,.mainNews .news li.active a{color:#fff;}
.mainNews .news li:hover .more,.mainNews .news li.active .more{background:url(../images/moreh.png) no-repeat;}
.mainNews .more{display:block;margin:30px auto 0;width:130px;line-height:30px;text-align:center;background:#333 url(../images/iconb.png) no-repeat 108px center;border-radius:15px;color:#fff;text-transform:uppercase;}
.mainNews .more:hover{background-color:#02c8fd;color:#fff;}

/* sidebar */
.inSidebar{width:220px;overflow:hidden;}
.inSidebar .sidebar h2{line-height:60px;font-size:24px;color:#fff;border-radius:4px 4px 0 0;background:#333;font-weight:normal;text-align:center;}
.inSidebar .sidebar ul li{margin-top:2px;}
.inSidebar .sidebar ul li a{display:block;height:35px;line-height:35px;padding-left:15px;font-size:14px;color:#333;background:url(../images/eb.png) no-repeat 197px center #e8e8e8}
.inSidebar .sidebar ul li a:hover,.inSidebar .sidebar li .active,.inSidebar .sidebar li .one{background:url(../images/ebh.png) no-repeat 194px center #02c8fd;color:#fff;}
.inSidebar .sidebar ul li a:hover{text-indent:5px;}

.recProduct,.contactUs{margin-top:15px;border:1px solid #e1e1e1;padding:14px;background:#fff;}
.recProduct h2,.contactUs h2{height:35px;font-size:18px;color:#333;font-weight:normal;}
.recProduct .bd{width:190px;height:358px;}
.recProduct .bd .box{height:358px;overflow:hidden;}
.recProduct .bd ul{overflow:hidden;zoom:1;}
.recProduct .bd li{width:190px;height:179px;}
.recProduct .bd li img{border:1px solid #e1e1e1;padding:2px;}
.recProduct .bd li img:hover{border-color:#02c8fd}
.recProduct .bd li span{width:170px;height:35px;line-height:35px;text-align:center;padding:0 10px;}
.contactUs .box{padding-top:10px;}

/* right content */
.inContent{width:750px;overflow:hidden;min-height:650px;}
.inContent .title{height:46px;line-height:40px;background:url(../images/conti.png) no-repeat left bottom;}
.inContent .title h2{display:block;float:left;text-align:left;font-size:18px;overflow:hidden;font-weight:normal;}
.inContent .title span{float:right;}
.inContent .position{line-height:40px;background:url(../images/conti.png) no-repeat left bottom;}
.inContent .content{width:750px;padding-top:20px;overflow:hidden;}
.inContent .content p{
line-height: 35px;
}
.inContent .content img{
max-width: 100%;
}
/* picture */
.pictureList,.settingList,.productList{width:850px;}
.pictureList li,.settingList li,.productList li,.relProduct li{width:235px;height:213px;float:left;margin-right:22px;margin-bottom:5px;}
.pictureList li img,.settingList li img,.productList li img,.relProduct li img{border:2px solid #e1e1e1;padding:3px;}
.pictureList li img:hover,.settingList li img:hover,.productList li img:hover,.relProduct li img:hover{border-color:#02c8fd}
.pictureList li span,.settingList li span,.productList li span,.relProduct li span{width:215px;height:35px;line-height:35px;text-align:center;}

/* case list */
.caseList li{margin-top:20px;border-bottom:1px dashed #c2c2c2;padding-bottom:20px;overflow:hidden;}
.caseList li img{display:block;float:left;margin-right:25px;padding:2px;border:1px solid #c2c2c2;background:#fff}
.caseList li h3{padding:10px 0;font-size:18px;font-weight:bold;}
.caseList li p{line-height:22px;padding-bottom:10px;color:#999;}
.caseList li a{display:inline-block;width:85px;height:30px;line-height:30px;text-align:center;background:#333;color:#fff;}
.caseList li a:hover{color:#fff;background:#02c8fd;}

/* related case */
.relCase{overflow:hidden;margin-top:20px;}
.relCase ul{padding-top:15px;width:850px;}
.relCase li{width:235px;float:left;margin-right:22px;margin-bottom:5px;}
.relCase li img{border:2px solid #e1e1e1;padding:3px;}
.relCase li img:hover{border-color:#02c8fd}
.relCase li span{width:215px;height:35px;line-height:35px;}

/* news list */
.newsList li{padding:20px 0;height:100px;border-bottom:1px dashed #d9d9d9;overflow:hidden;}
.newsList li img{display:block;float:left;margin-right:15px;height:100px;}
.newsList li h3{font-size:15px;color:#333;font-weight:normal;}
.newsList li h4{color:#c8c8c8;font-weight:normal;}
.newsList li p{line-height:24px;padding-top:5px;color:#888;}

/* news show */
.newsShow h2{font-size:20px;line-height:32px;text-align:center;position:relative;font-weight:normal;}
.newsShow h3{text-align:center;height:30px;line-height:30px;border-bottom:1px solid #d2d2d2;font-weight:normal;}
.newsShow h3 span{margin:8px 8px 0 8px; color:#999;text-decoration:none;}
.fontResizer a{padding:0 5px;}
.curFont{font-weight:bold;color:#02c8fd;}
.newsShowBox{padding-top:15px;line-height:26px;padding-bottom:10px;}
.picturePic{text-align:center;padding-bottom:15px;}
.fenyList{height:35px;background:#eee;padding:0 10px;margin-top:15px;}
.fenyList a{display:block;width:45%;height:35px;line-height:35px;overflow:hidden;}
.fenyList .prev{background:url(../images/pre_info.gif) no-repeat left center;float:left;padding-left:15px;text-align:left;}
.fenyList .next{background:url(../images/next_info.gif) no-repeat right center;float:right;padding-right:15px;text-align:right;}
.recTitle{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 12px #eee;font-size:14px;font-weight:bold;color:#333;font-weight:normal;}

/* related news */
.relNews{overflow:hidden;margin-top:20px;}
.relNews ul{width:870px;padding-top:10px;}
.relNews ul li{float:left;margin-right:50px;width:350px;height:28px;line-height:28px;}
.relNews ul li a{display:block;width:260px;line-height:28px;background:url(../images/iconh.jpg) no-repeat left center;padding-left:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;}
.relNews ul li a:hover{background:url(../images/iconi.jpg) no-repeat left center;}
.relNews ul li span{float:right;color:#999;}

/* product left */
.productShowPic{width:352px;}
.productShowPic .box{width:352px;height:378px;}
.tbPic{width:350px;height:320px;border:1px solid #dadada;position:relative;z-index:1;}
.tbPic a{width:350px;height:320px;background:#fff;display:table-cell;text-align:center;vertical-align:middle;}
.tbPic a img{vertical-align:middle;max-width:350px;max-height:320px;}
.tbPic a{*display:block;*font-family:Arial;*line-height:1;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}

.tbPicList{width:352px;height:46px;overflow: hidden;margin-top:10px;position:relative;}
.tbPicList a.prev,.tbPicList a.next{display:block;width:12px;height:21px;position:absolute;top:14px;left:0;background:url(../images/anu.png) no-repeat;overflow:hidden;cursor:pointer;transition:all 0s linear;}
.tbPicList a.prev:hover{background-position:0 -21px;}
.tbPicList a.next{left:auto;right:0;background-position:0 -42px;}
.tbPicList a.next:hover{background-position:0 -63px;}
.tbPicList .tbThumb{position:relative;width:290px;height:46px;margin:0 auto;overflow:hidden;}
.tbPicList .tbThumb ul{position:absolute;width:999999px;height:46px;}
.tbPicList .tbThumb ul li{background:none;float:left;width:76px;height:46px;overflow:hidden;}
.tbPicList .tbThumb ul li a{display:block;width:60px;height:44px;border:1px solid #d9d9d9;text-align:center;background:#fff}
.tbPicList .tbThumb ul li img{max-width:100%;height:44px;cursor:pointer;}
.tbPicList .tbThumb ul li a.tbSelected{border:1px solid #02c8fd;}

/* product right */
.productShowTitle{width:365px;height:344px;overflow:hidden;padding-left:23px;}
.productShowTitle h2{line-height:24px;border-bottom:1px dashed #e1e1e1;font-size:18px;padding:10px 0;}
.descriptionBox{margin:10px 0;height:132px;line-height:22px;overflow:hidden;font-family:"宋体"}
.productOrder a{display:block;width:120px;height:40px;line-height:40px;text-align:center;font-size:18px;color:#fff;border-radius:4px;background:#333;margin-top:15px;}
.productOrder a:hover{color:#fff;background:#02c8fd}
.productTel{font-size:16px;padding:15px 0;overflow:hidden;line-height:30px;}
.productTel span{font-family:arial;font-size:24px;color:#02c8fd;position:relative;top:3px;}
.productFenx{height:40px;}

/* tab */
.tabListBox{overflow:hidden;margin-top:20px;}
.tabList{height:35px;background:#eee;}
.tabList li{display:block;width:100px;height:35px;line-height:35px;float:left;text-align:center;font-size:15px;background:#d8d8d8;color:#333;}
.tabList li.on{color:#fff;background:#02c8fd;}
.tabBox{overflow:hidden;padding-top:15px;}

/* order */
.orderBox{padding:25px;width:700px;background:#eee;overflow:hidden;margin-top:20px;}
.orderBox h3{font-size:15px;line-height:18px;font-weight:normal;}
.orderBox .table{padding-top:20px;overflow:hidden;}
.orderBox .table li{width:335px;height:215px;float:left;height:35px;margin-bottom:10px;}
.orderBox .table li span{float:left;border:1px solid #ddd;line-height:33px;height:33px;width:78px;display:inline-block;text-align:center;background:#fff;}
.orderBox .table li .iptTxt{float:right;width:244px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#ccc;padding-left:10px;}
.orderBox .table li .iptCode{float:left;width:174px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#ccc;padding-left:10px;}
.orderBox .table li .checkcode{float:right;border:1px solid #ddd;border-left-width:0;background:#fff;padding:5px 9px 6px 10px;}
.orderBox .table li .btn{width:335px;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;}
.orderBox .table li .btn:hover{background:#02c8fd;color:#fff;}
.orderBox .table li.areLi{width:345px;float:right;height:215px;overflow:hidden;}
.orderBox .table li.areLi .txtContent{width:313px;height:133px;border:1px solid #ddd;outline:none;resize:none;padding:15px;color:#ccc;line-height:18px;}

/* related product */
.relProduct{overflow:hidden;margin-top:20px;}
.relProduct ul{padding-top:15px;width:850px;}


/* faqlist */
#item_list li{position:relative;margin-bottom:25px;}
#item_list li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#02c8fd;pointer-events:none;}
#item_list li h3:before, #item_list li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}
#item_list li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}
#item_list li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}
#item_list li h3{position:relative; padding:0 60px; background-color:#f5f5f5; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;}
#item_list li div{display:none;padding:25px 0 0 60px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.3s ease-out 0.2s both; animation:fadeIn 0.3s ease-out 0.2s both;}

.faqList li h3{background-image:url(../images/faq.png); background-repeat:no-repeat; background-position:20px 0;}
.faqList li div{background:url(../images/faq.png) no-repeat 20px -155px;font-size:14px;}
@-webkit-keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}

/* jobs */
.jobsList{width:100%;overflow:hidden;border-top:1px solid #e8e8e8;}
.jobsList dd{height:48px;line-height:48px;border:1px solid #e8e8e8;background:#fff;cursor:pointer;position:relative;border-top:none;}
.jobsList dd em{display:block;width:8px;height:7px;background:url(../images/icone.png) no-repeat;cursor:pointer;position: absolute;top:21px;right:14px;}
.jobsList dd.on{background:#eee;}
.jobsList dd.on em{background:url(../images/iconf.png) no-repeat;color:#fff;}
.jobsList dd span{display:block;float:left;height:48px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:15px;}
.jobsList dd span.sp1{width:260px;}
.jobsList dd span.sp2{width:100px;}
.jobsList dd span.sp3{width:100px;}
.jobsList dd span.sp3{width:125px;}
.jobsList dt{border:1px solid #e8e8e8;border-top:none;padding:30px 50px;background:#fff;font-size:14px;}
.apply{display:block;width:77px;height:30px;line-height:30px;margin-top:30px;background:url(../images/iconl.png) no-repeat 10px 6px #333;color:#fff;font-size:14px;padding-left:33px;border-radius:4px;}
.apply:hover{background-color:#02c8fd;color:#fff;}

.jobsShow{border:1px solid #eee;background:#fff;}
.jobsShow h3{font-size:14px;font-weight:bold;background:#eee;line-height:35px; padding-left:15px;font-weight:normal;}
.jobsShow table{width:708px;margin:10px 20px 20px;background:#fff;}
.jobsShow .jobsInput{width:260px;border:1px solid #ccc;line-height:25px;height:25px;padding:0 5px;margin-bottom:10px;}
.jobsShow .input_radio{margin-right:5px;vertical-align: middle;}
.jobsShow .jobsInput:focus,.jobsShow .jobsTextarea:focus{border:1px solid #02c8fd;}
.jobsShow .jobsTextarea{width:696px;padding:5px;border:1px solid #eee;line-height:22px;height:125px;margin-top:3px;display:block;}
.jobsShow .jobsSubmit{background:#999;width:85px;height:25px;line-height:25px;cursor:pointer;border:none;color:#fff;margin-right:10px;margin-top:20px;border-radius:4px;}
.jobsShow .jobsSubmit:hover{background:#666;color:#fff;}
.jobsShow .jobsSubmitb{background:#333;width:100px;height:25px;line-height:25px;cursor:pointer;border:none;color:#fff;margin-top:20px;border-radius:4px;}
.jobsShow .jobsSubmitb:hover{background:#02c8fd;color:#fff;}