@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:none; border-radius:0; outline:none; font-family:"微软雅黑";}
a{ text-decoration:none; color:#333;}
dl,dd,dt,ol,ul,li{ list-style:none;}

.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn,.hide{ display:none; }
body,html{ width:100%; height:100%; color:#333;}
body{ background-image:url(../images/bg.jpg); background-position:center; background-repeat:no-repeat;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999;} 
input:-moz-placeholder, textarea:-moz-placeholder { color:#999;} 
input::-moz-placeholder, textarea::-moz-placeholder { color:#999;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999;} 

/*header*/
.header{ width:100%; background-image:url(../images/top.jpg); background-position:top left; background-repeat:repeat-x;}
.header .head{ width:1150px; margin:auto;}
.header .head p{ display:block; float:left; font-size:14px; height:40px; line-height:40px;}
.header .head dl{ display:block; float:right; font-size:14px; height:40px; line-height:40px; overflow:hidden;}
.header .head dl dt{ display:block; float:left; padding-left:20px; background-image:url(../images/y01.png); background-position:left center; background-repeat:no-repeat;}
.header .head dl dd{ display:block; float:left; padding-left:20px; background-image:url(../images/y02.png); background-position:left center; background-repeat:no-repeat; margin-left:20px; text-transform:uppercase;}
.header .head dl a:hover{ color:#e60012;}
.header .box{ width:1150px; height:120px; margin:auto;}
.header .box .logo{ margin-top:30px; height:62px; overflow:hidden;}
.header .box .logo img{ display:block; height:62px;}
.header .box .tels{ margin-top:30px; height:60px; overflow:hidden; padding-left:57px; background-image:url(../images/tel.jpg); background-position:left center; background-repeat:no-repeat;}
.header .box .tels span{ display:block; overflow:hidden; font-size:16px; height:24px; line-height:24px;}
.header .box .tels b{ display:block; overflow:hidden; font-size:32px; height:36px; line-height:36px; color:#e60012;}

/*nav*/
.navbox{ width:100%; height:50px; background-color:#be000f;}
.navbox ul{ width:1148px; display:block; margin:auto; overflow:hidden;}
.navbox ul li{ width:164px; display:block; float:left; height:50px; line-height:50px; text-align:center; font-size:16px;}
.navbox ul li a{ width:100%; height:50px; display:block; color:#fff;}
.navbox ul li a:hover,.navbox ul li.on a{ background-color:#e60012;}

/*banner*/
.banner{ width:100%; height:500px; position:relative;}
.banner .hd{ display:block; width:100%; text-align:center; position:absolute; left:0; bottom:20px; z-index:99;}
.banner .hd li{ display:inline-block; width:10px; height:10px; border-radius:10px; overflow:hidden; margin:0 5px; background-color:#ccc;}
.banner .hd li.on{ background-color:#e60012;}
.banner .bd{ width:100%; height:500px; position:relative; overflow:hidden; z-index:0;}
.banner .bd li{ width:100%; height:500px; display:block; float:left; overflow:hidden;}
.banner .bd li a{ width:100%; height:500px; display:block; overflow:hidden; position:relative;}
.banner .bd li img{ width:1920px; display:block; position:absolute; left:50%; margin-left:-960px;}

/*右侧浮动*/
.dockSideWrap{position:fixed;top:50%;right:0px;width:50px;margin-top:-150px;z-index:9999;overflow:visible;}
.dockWrap {height:100%;width:50px; font-size:14px;}
.dockWrap.close {z-index:50;}
.dockWrap ul.icons {position:absolute;list-style:none;right:0px;padding:0px;width:50px;border-right:none;background:rgba(17,17,17,.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2111111,endColorstr=#B2111111);-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.dockWrap.close ul.icons {right:-70px;}
.dockWrap ul.icons li i {display:block;position:relative;width:50px;height:50px;background:url(../images/dockside-icons.png) no-repeat;cursor:pointer;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:210;}
.dockWrap ul.icons li.active i {-moz-opacity:0.4;opacity:0.4;}
.dockWrap ul.icons li.up i {background-position:-63px -150px;}
.dockWrap ul.icons li.tel i {background-position:-62px -108px;}
.dockWrap ul.icons li.wx i {background-position:-59px -66px;}
.dockWrap ul.icons li.service i {background-position:-63px -20px;}
.dockWrap ul.icons li.down i {background-position:-63px -190px;}
.dockWrap ul.icons li p {display:block;position:absolute;top:40px;right:-260px;padding:15px 20px;height:120px;color:White;line-height:30px;border-right:none;background:rgba(17,17,17,.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2111111,endColorstr=#B2111111);-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .4s ease-in-out .1s;-moz-transition:all .4s ease-in-out .1s;-ms-transition:all .4s ease-in-out .1s;-o-transition:all .4s ease-in-out .1s;transition:all .4s ease-in-out .1s;overflow:hidden;z-index:201;}
.dockWrap ul.icons li.active p {right:50px;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);}
.dockWrap ul.icons li.tel p {width:112px;}
.dockWrap ul.icons li.tel p span{display:block;line-height:22px;}
.dockWrap ul.icons li.tel p .first-line{font-size:14px;}
.dockWrap ul.icons li.tel p strong{font-weight:bold;font-size:15px;line-height:34px;}
.dockWrap ul.icons li.service p a {display:block;margin-top:12px;width:100px;height:35px;line-height:32px;color:#00c7df;font-size:16px;text-align:center;text-decoration:none;border:1px solid #00c7df;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.dockWrap ul.icons li.down a{ display:block; width:50px; height:50px;}
.dockWrap a.switch {position:absolute;display:block;top:260px;right:10px;width:26px;height:26px;background:url(../images/dockside-icons.png) no-repeat 0px 0px;cursor:pointer;-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-ms-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s;}
.dockWrap a.switch.off {background-position:-32px 0px;}

/*搜索*/
.sbox{ width:100%; padding:15px 0; background-color:#f7f7f7;}
.sbox .box{ width:1150px; margin:auto; height:30px;}
.sbox .box dl{ display:block; float:left; width:714px; overflow:hidden;}
.sbox .box dl dt{ display:block; float:left; width:84px; font-size:14px; height:30px; line-height:30px; color:#e60012;}
.sbox .box dl dd{ display:block; float:left; width:630px; font-size:14px; height:30px; line-height:30px;}
.sbox .box dl dd a{ display:block; float:left; margin-right:20px;}
.sbox .box dl dd a:hover{ color:#e60012;}
.sbox .box p{ display:block; float:right; width:240px; height:30px; overflow:hidden;}
.sbox .box p select{ display:block; float:left; width:140px; height:30px; line-height:28px; border:1px solid #e60012; background-color:#fff; font-size:14px; text-indent:5px;}
.sbox .box span{ border:1px solid #e60012; border-right:none; height:28px; float:left; display:block; margin-left:10px;}
.sbox .box span input{ padding-left:9px; background-color:#fff; font-size:14px; height:28px; line-height:28px; width:180px; display:block; overflow:hidden;}
.sbox .box a{ width:40px; height:30px; display:block; float:left;}
.sbox .box a input{ width:100%; height:30px; display:block; cursor:pointer; background-image:url(../images/ser.jpg); background-repeat:no-repeat;}

/*产品*/
.pbox{ width:1150px; margin:50px auto; height:580px; position:relative;}
.pbox .title{ background-image:url(../images/pro.png); background-position:top left; background-repeat:no-repeat; width:380px; height:280px; position:relative;}
.pbox .title ul{ display:block; position:absolute; right:60px; bottom:50px; overflow:hidden; text-align:right;}
.pbox .title ul li{ font-size:14px; height:30px; line-height:30px; overflow:hidden;}
.pbox .title ul li a:hover{ color:#e60012;}

.pbox .p01{ width:385px; height:280px; position:absolute; left:380px; top:0; overflow:hidden; background-color:#e6e6e6;}
.pbox .p02{ width:385px; height:280px; position:absolute; right:0; top:0; overflow:hidden; background-color:#e7ebee;}
.pbox .p03{ width:575px; height:300px; position:absolute; left:0; bottom:0; overflow:hidden; background-color:#f3e9e7;}
.pbox .p04{ width:575px; height:300px; position:absolute; right:0; bottom:0; overflow:hidden; background-color:#f7f7f7;}
.pbox img{ height:100%; display:block; float:right; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.pbox a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.pbox a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.pbox dl{ display:block; position:absolute;}
.pbox dl dt{ font-size:18px; display:block; overflow:hidden; color:#e60012; height:32px; line-height:32px;}
.pbox dl dd{ font-size:14px; display:block; overflow:hidden; line-height:24px; height:24px;}
.pbox .p01 dl{ left:20px; bottom:35px;}
.pbox .p02 dl{ left:20px; bottom:35px;}
.pbox .p03 dl{ left:50px; top:45px;}
.pbox .p04 dl{ left:50px; top:45px;}

/*应用*/
.ybox{ width:100%; background-image:url(../images/cbg.jpg); background-position:center; background-repeat:no-repeat;}
.ybox .box{ width:100%; padding-top:44px; padding-bottom:50px; background-image:url(../images/cbg.png); background-position:center; background-repeat:no-repeat;}
.ybox .box .title{ text-align:center;}
.ybox .box .title span{ display:block; overflow:hidden; font-size:30px; height:42px; line-height:42px; color:#e60012;}
.ybox .box .title p{ display:block; overflow:hidden; font-size:14px; height:34px; line-height:34px; color:#666; text-transform:uppercase;}
.ybox .ladyScroll{ width:1150px; margin:30px auto; margin-top:20px; height:280px; position:relative;}
.ybox .ladyScroll .prev{ width:50px; height:120px; display:block; position:absolute; left:0; top:80px; cursor:pointer;}
.ybox .ladyScroll .next{ width:50px; height:120px; display:block; position:absolute; right:0; top:80px; cursor:pointer;}
.ybox .ladyScroll .scrollWrap{ width:1020px; overflow:hidden; margin:auto; height:280px; position:relative;}
.ybox .ladyScroll dl{ width:300px; height:270px; padding:10px; padding-bottom:0; display:block; float:left; margin:0 10px; background-color:#fff;}
.ybox .ladyScroll dl dt{ width:300px; height:220px; display:block; overflow:hidden;}
.ybox .ladyScroll dl dt a img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.ybox .ladyScroll dl:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.ybox .ladyScroll dl dd{ width:300px; height:50px; line-height:50px; font-size:14px; text-align:center; display:block; overflow:hidden;}
.ybox .ladyScroll dl:hover{ background-color:#e60012;}
.ybox .ladyScroll dl:hover a{ color:#fff;}
.ybox .more{ width:138px; height:38px; border:1px solid #e60012; text-align:center; font-size:14px; margin:auto;}
.ybox .more a{ width:100%; height:38px; line-height:38px; display:block; color:#e60012;}
.ybox .more a:hover{ background-color:#e60012; color:#fff;}

/*新闻*/
.nbox{ width:1150px; margin:50px auto; margin-top:46px;}
.nbox .tab{ float:left; width:760px; height:414px;}
.nbox .tab .tab_menu{ height:38px; margin-bottom:15px; text-align:right;}
.nbox .tab .tab_menu b{ display:block; float:left; height:38px; line-height:38px; font-size:30px;}
.nbox .tab .tab_menu li{ display:inline-block; height:38px; line-height:38px; font-size:18px; margin-left:20px;}
.nbox .tab .tab_menu li.selected a{ color:#144995;}
.nbox .tab .tabox{ width:100%; height:360px;}
.nbox .tab .tabox .box{ width:100%; height:360px; overflow:hidden;}
.nbox .tab .tabox .box.hide{ display:none;}
.nbox .tab .tabox .left{ width:290px; float:left;}
.nbox .tab .tabox .left .tu{ width:100%; height:220px; overflow:hidden; position:relative;}
.nbox .tab .tabox .left .tu img{ width:100%; display:block;}
.nbox .tab .tabox .left .tu p{ width:70px; height:54px; padding:7px 0; background-color:rgba(230,0,18,.9); display:block; overflow:hidden; text-align:center; position:absolute; left:10px; bottom:10px;}
.nbox .tab .tabox .left .tu b{ font-weight:normal; display:block; color:#fff; font-size:30px; height:32px; line-height:32px; text-align:center;}
.nbox .tab .tabox .left .tu span{ display:block; color:#fff; font-size:14px; height:22px; line-height:22px; text-align:center;}
.nbox .tab .tabox .left .wen{ width:100%; margin-top:10px;}
.nbox .tab .tabox .left .wen span{ display:block; overflow:hidden; font-size:16px; height:36px; line-height:36px;}
.nbox .tab .tabox .left .wen span:hover{ color:#e60012;}
.nbox .tab .tabox .left .wen p{ width:100%; display:block; font-size:14px; line-height:24px; height:72px; overflow:hidden; color:#777;}
.nbox .tab .tabox .left .wen b{ font-weight:normal; width:100%; display:block; font-size:14px; line-height:32px; height:32px; overflow:hidden; color:#e60012;}

.nbox .tab .tabox .right{ width:450px; float:right; height:360px;}
.nbox .tab .tabox .right ul{ width:100%; display:block; overflow:hidden;}
.nbox .tab .tabox .right ul li{ padding:15px 0; display:block; height:60px; overflow:hidden;}
.nbox .tab .tabox .right ul li:hover{ background-color:#f5f8fd;}
.nbox .tab .tabox .right ul li .time{ width:100px; text-align:center; height:58px; padding-top:2px; border-right:1px solid #999; float:left;}
.nbox .tab .tabox .right ul li .time span{ display:block; overflow:hidden; font-size:30px; height:34px; line-height:34px;}
.nbox .tab .tabox .right ul li .time p{ display:block; overflow:hidden; font-size:14px; height:20px; line-height:20px; color:#999;}
.nbox .tab .tabox .right ul li .wen{ width:310px; margin-left:20px; height:60px; float:left;}
.nbox .tab .tabox .right ul li .wen span{ display:block; overflow:hidden; font-size:16px; height:32px; line-height:32px;}
.nbox .tab .tabox .right ul li .wen p{ display:block; overflow:hidden; font-size:14px; height:20px; line-height:20px; color:#777; margin-top:4px;}
.nbox .tab .tabox .right ul li:hover .time span,.nbox .tab .tabox .right ul li:hover .time p,.nbox .tab .tabox .right ul li:hover .wen span{ color:#e60012;}

.nbox .abox{ float:right; width:350px; height:414px;}
.nbox .abox .title{ height:38px; margin-bottom:15px;}
.nbox .abox .title b{ display:block; float:left; height:38px; line-height:38px; font-size:30px;}
.nbox .abox .box{ width:350px; height:230px; background-color:#f5f8fd;}
.nbox .abox .box strong{ width:170px; height:230px; display:block; float:left; position:relative;}
.nbox .abox .box strong img{ height:100%; display:block;}
.nbox .abox .box p{ width:140px; height:230px; display:block; float:left; font-size:14px; line-height:24px; height:192px; padding:19px 20px;}
.nbox .abox .box p a{ color:#e60012;}
.nbox .abox .wen{ width:100%; height:120px; margin-top:10px; background-color:#ffd4d7;}
.nbox .abox .wen span{ display:block; width:300px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:18px; background-color:#be000f; margin:auto; margin-top:30px;}
.nbox .abox .wen p{ display:block; text-align:center; font-size:14px; line-height:50px; height:50px; overflow:hidden;}
.nbox .abox .box strong .cover {
    background: rgb(0 0 0 / 60%);
    display: flex;
    justify-content: center;
    transition: all ease .3s;
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.nbox .abox .box strong:hover .cover {
    opacity: 1;
}

.nbox .abox .box strong .cover .playIco {
    position: absolute;
    width: 100px;
    height: 100px;
    z-index: 2;
    left: 50%;
    top: 50%;
    margin: -50px auto auto -50px;
    cursor: pointer;
    transform: scale(1);
    transition: all ease .3s;
}

.nbox .abox .box strong:hover .cover .playIco {
    transform: scale(1)
}

/*视频弹框*/
.videoBox {
    position: fixed;
    background: rgb(0 0 0 / 60%);
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
    z-index: -1;
}

.videoBox.show {
    opacity: 1;
    pointer-events: auto;
    z-index: 1990;
}

.videoBox video {
    display: block;
    width: 800px;
    margin: 0 auto;
	background-color:#000;
}

.videoBox iframe {
    display: block;
    width: 800px;
    height: 600px;
    margin: 0 auto;
	background-color:#000;
}

.closeVideo {
    max-width: 150px;
    background: #fff;
    margin: 30px auto 0;
    border-radius: 55px;
    padding: 10px 30px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    transition: all ease .3s;
}

.closeVideo:hover {
    background: #be000f;
    color: #fff;
}


/*footer*/
.footer{ width:100%; background-color:#be000f; padding-top:26px;}
.footer .foot{ padding-bottom:16px; width:1150px; margin:auto; border-bottom:1px solid #d70112;}
.footer .foot .left{ float:left;}
.footer .foot .left p{ display:block; float:left; text-align:right; overflow:hidden;}
.footer .foot .left p span{ display:block; overflow:hidden; color:#fff; font-size:18px; height:28px; line-height:28px;}
.footer .foot .left p a{ display:block; overflow:hidden; color:#fff; font-size:12px; height:14px; line-height:14px; text-transform:uppercase;}
.footer .foot .left b{ display:block; float:left; overflow:hidden; margin-left:20px; padding-top:4px; color:#fff; font-size:36px; height:38px; line-height:38px;}
.footer .foot ul{ float:right; display:block; text-align:right; overflow:hidden; padding-top:6px; height:36px;}
.footer .foot ul li{ display:block; float:left; margin-left:37px; font-size:16px; height:36px; line-height:36px;}
.footer .foot ul li a{ color:#fff;}
.footer .bottom{ width:1150px; margin:auto; height:55px; line-height:55px; font-size:14px;}
.footer .bottom p{ display:block; float:left; color:#fff;}
.footer .bottom span{ display:block; float:right; color:#fff;}
.footer .bottom span a{ color:#fff;}

/*内页*/
.ban{ width:100%; height:460px; position:relative;}
.ban img{ width:1920px; display:block; position:absolute; left:50%; margin-left:-960px; top:0;}

.wbox{ width:100%; height:40px; background-color:#eee;}
.wbox .box{ width:1150px; margin:auto;}
.wbox .box p{ display:block; float:left; font-size:14px; height:40px; line-height:40px; padding-left:20px; background-image:url(../images/y01.png); background-position:left center; background-repeat:no-repeat;} 
.wbox .box p span{ color:#e60012;}
.wbox .box ul{ display:block; float:right; overflow:hidden;}
.wbox .box ul li{ min-width:80px; padding:0 10px; height:40px; line-height:40px; text-align:center; display:block; float:left; font-size:14px;}
.wbox .box ul li a:hover{ color:#e60012;}
.wbox .box ul li.on{ background-color:#e60012;}
.wbox .box ul li.on a{ color:#fff;}

.wbox .box .ser{ display:block; float:right; width:240px; height:30px; overflow:hidden; margin-top:5px;}
.wbox .box .ser select{ display:block; float:left; width:140px; height:30px; line-height:28px; border:1px solid #e60012; background-color:#fff; font-size:14px; text-indent:5px;}
.wbox .box .ser span{ border:1px solid #e60012; border-right:none; height:28px; float:left; display:block; margin-left:10px;}
.wbox .box .ser span input{ padding-left:9px; background-color:#fff; font-size:14px; height:28px; line-height:28px; width:180px; display:block; overflow:hidden;}
.wbox .box .ser a{ width:40px; height:30px; display:block; float:left;}
.wbox .box .ser a input{ width:100%; height:30px; display:block; cursor:pointer; background-image:url(../images/ser.jpg); background-repeat:no-repeat;}


.main{ width:1150px; margin:50px auto; margin-top:44px;}
.main .title{ text-align:center;}
.main .title span{ display:block; overflow:hidden; font-size:30px; height:42px; line-height:42px; color:#e60012;}
.main .title p{ display:block; overflow:hidden; font-size:14px; height:34px; line-height:34px; color:#666; text-transform:uppercase;}

/*公司简介*/
.main .wen{ width:100%; font-size:14px; line-height:24px; margin-top:20px;}
.main .wen img{ max-width:100%; height:auto;}

/*荣誉*/
.honor{ width:1170px;}
.honor a{ width:368px; height:258px; display:block; border:1px solid #cacaca; margin-top:20px; margin-right:20px; overflow:hidden; float:left;}
.honor a img{ width:100%; display:block;}

.main .fanye{ text-align:center; font-size:12px; line-height:24px; height:24px; margin-top:20px;}
.main .fanye a{ margin:0 3px; display:inline-block; background-color:#eee; min-width:14px; padding:0 5px;}
.main .fanye a:hover{ color:#e60012;}
.main .fanye span{ margin:0 3px; color:#fff; display:inline-block; background-color:#e60012; min-width:14px; padding:0 5px;}

/*产品*/
.main .pro{ width:1170px; display:block; overflow:hidden;}
.main .pro li{ width:370px; float:left; margin-right:20px; margin-top:20px; overflow:hidden; display:block;}
.main .pro li .tu{ width:100%; height:270px;}
.main .pro li .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.main .pro li:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .pro li .wenz{ padding:15px 40px; height:50px; background-color:#f2f2f2; position:relative;}
.main .pro li .wenz b{ width:0; height:4px; background-color:#e60012; display:block; position:absolute; left:0; top:26px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.main .pro li .wenz span{ display:block; height:28px; line-height:28px; font-size:18px; overflow:hidden;}
.main .pro li .wenz p{ display:block; height:20px; line-height:20px; font-size:14px; color:#666; overflow:hidden;}
.main .pro li:hover .wenz b{ width:24px;}
.main .pro li:hover .wenz span{ color:#e60012;}

.main .sav{ width:280px; margin-top:30px; display:block; float:left;}
.main .sav dt{ width:100%; display:block; overflow:hidden;}
.main .sav dt img{ width:100%; display:block;}
.main .sav dd{ padding:20px 23px; padding-top:10px; border:2px solid #e60012; display:block; background-color:#fff;}
.main .sav dd a{ display:block; width:210px; padding:0 10px; overflow:hidden; margin-top:10px; height:40px; background-color:#ededed;}
.main .sav dd a span{ display:block; height:40px; line-height:40px; overflow:hidden; float:left; width:180px; font-size:16px; color:#666;}
.main .sav dd a b{ display:block; width:18px; height:40px; float:right; overflow:hidden; background-image:url(../images/s01.png); background-position:right center; background-repeat:no-repeat;}
.main .sav dd a.on{ background-color:#e60012;}
.main .sav dd a:hover span{ color:#e60012;}
.main .sav dd a.on span{ color:#fff;}
.main .sav dd a.on b{ background-image:url(../images/s02.png);}
.main .pros{ float:right; width:820px; margin-top:30px;}
.main .pros table{ background-color:#eee;}
.main .pros table th{ font-weight:normal; background-color:#eee; font-size:16px; color:#e60012;}
.main .pros table td{ font-weight:normal; background-color:#fff; font-size:14px;}
.main .pros table td img{ text-align:center;}

/*产品内页*/
.main .tou{ text-align:center; font-size:18px; color:#e60012; line-height:26px; margin-top:45px;}
.main .sj{ font-size:14px; text-align:center; line-height:30px; color:#666; border-bottom:1px solid #e1e1e1; margin:auto; width:100%; padding-bottom:5px; margin-bottom:10px;}
.main .fy{ width:100%; margin:20px auto; position:relative;}
.main .fy p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; width:80%;}
.main .fy span{ position:absolute; right:0; top:0; display:block; font-size:14px; height:24px; line-height:24px;}
.main .fy a:hover{ color:#e60012;}
.main .xia{ width:320px; height:40px; margin:auto; margin-top:20px;}
.main .xia a{ width:140px; margin:0 10px; float:left; height:40px; line-height:40px; font-size:16px; text-align:center; display:block; background-color:#e60012; color:#fff;}

/*应用*/
.main .case{ width:1170px; overflow:hidden;}
.main .case dl{ width:350px; padding:10px; padding-bottom:0; display:block; float:left; margin-top:20px; margin-right:20px; background-color:#f5f8fd;}
.main .case dl dt{ width:100%; height:260px; display:block; overflow:hidden;}
.main .case dl dt a img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.main .case dl:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.main .case dl dd{ width:100%; height:50px; line-height:50px; font-size:14px; text-align:center; display:block; overflow:hidden;}
.main .case dl:hover{ background-color:#e60012;}
.main .case dl:hover a{ color:#fff;}

/*新闻*/
.main .xinwen{ width:100%; display:block;}
.main .xinwen li{ width:100%; display:block; padding:20px 0; border-bottom:1px solid #cacaca; overflow:hidden;}
.main .xinwen li .left{ width:390px; height:240px; float:left;}
.main .xinwen li .left img{ width:100%; display:block;}
.main .xinwen li .right{ width:730px; height:240px; float:right;}
.main .xinwen li .right span{ display:block; margin-top:14px; height:28px; line-height:28px; font-size:18px; overflow:hidden;}
.main .xinwen li .right b{ display:block; font-weight:normal; height:32px; line-height:32px; font-size:14px; color:#999; overflow:hidden;}
.main .xinwen li .right p{ display:block; height:96px; line-height:24px; font-size:14px; color:#33; overflow:hidden;}
.main .xinwen li .right strong{ display:block; margin-top:15px; font-weight:normal; width:120px; height:36px; line-height:36px; font-size:14px; text-align:center; background-color:#eee; overflow:hidden;}
.main .xinwen li:hover span{ color:#e60012;}
.main .xinwen li:hover strong{ background-color:#e60012; color:#fff;}

/*联系*/
.main .box{ width:100%; margin-top:30px;}
.main .box .lx{ font-size:14px; line-height:36px; width:490px; float:right;}