@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1200px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
input{outline: none;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1200px; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.dl-hide{opacity: 0;transition: all 0.6s;filter:Alpha(Opacity=0);z-index:-999999}


*::selection {
  background: #5C307D;
  color: #FFFFFF;
  text-shadow: none; }
*::-moz-selection {
  background: #5C307D;
  color: #FFFFFF;
  text-shadow: none; }
.mainWrap {
  width: 1400px;
  margin: auto; }
.ie6 {
  text-align: center;
  font-size: 16px;
  background: #FC6;
  line-height: 100px;
  z-index: 100000;
  width: 100%;
   position: fixed;
  z-index: 99999999;
  height: 100px;
  top: 0;
  left: 0; }
.ie6 span {
  float: right;
  margin-right: 30px;
  cursor: pointer; }
.masklayer {
  background: rgba(0, 0, 0, 0.9);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
 }
/* CSS Document */
/* CSS Document */
body{ background:url(../images/body-bg.jpg);}
.header{ background: #333;height:50px;line-height:50px;}


.header-bg333{ background: #333333;width:100%;height:200px; position: absolute;top:130px;left:0;transition: all .1s;opacity: 0;filter:Alpha(Opacity=0);z-index:-999}
.header-fl span{display: inline-block;height:50px;line-height:50px;color:#F6F6F6}
.header-fl b{margin:0 10px;display: inline-block;vertical-align: middle;}

.header-fr form{width:200px;border-bottom:1px solid #5B5B5B;height:40px;}
.header-fr form .text-input{font-size:16px;color:#fff;width:160px;float:left; background: none;border:none;height:30px;line-height:30px;margin-top:10px}
.header-fr form .text-submit{width:40px;float:right;border:none; background: url(../images/search-top.png) no-repeat center center;height:40px;line-height:40px;}
/*头部*/

/*导航*/
.header-nav-fl{width:143px;margin-top:12px;}
.header-nav-fr,.nav{width:945px;line-height:80px;}
.nav ul li{width:135px;float:left;}
.nav ul li a{float:left;width:135px;height:80px;line-height:80px;font-size:16px;text-align: center;}
.nav ul li.on a{background:#E80018;color:#fff}
.nav ul li.on dl a{ background: none;color:#A7A7A7}
.nav ul li.on a:hover{color:#fff}
.nav ul li:hover a{color:#E80018;}
.nav ul li.on:hover a{color:#fff}
.nav ul li.on:hover dl dd a:hover{color:#E80018}
.nav ul li dl{min-height:200px;position: absolute;top:130px;border-right: 1px solid #474747;width:135px;}
.nav ul li dl dd:nth-child(1) a{padding-top:10px;}
.nav ul li dl dd a{line-height:30px;height:auto;font-size:14px;color:#A7A7A7}
.nav ul li dl:before{content: '';background:rgba(214,214,214,0.3);position: absolute;top:0;left:50%;width:0px;height:200px;z-index:-9; border-top:3px solid #E80018;box-sizing: border-box;transition: all .4s;}
.nav ul li:hover dl:before{width:135px;left:0%;}
.nav ul li:hover dl a{color:#fff;}
.nav ul li dl a:hover{color:#E80018;}
/*首页banner*/
.banner{position:relative;transition: all .3s;}
.banner-hd {height:549px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd ul a{display: block; height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}
/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:100px; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:2;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:35px;height:9px;  color: #FFFFFF;margin:0 10px; cursor:pointer; float: left; background: #fff;}
.banner-hd .num li.on {background: #E80018;  } /*当前项*/
.navfixed{position: fixed;top:0;width:100%}
/*首页banner*/

/*搜索*/
.search{ background: #fff;box-shadow: 1px 1px 10px #ccc;height:60px;padding:20px;position: relative;top:-50px;z-index:999}
.search-span{display: block;}
.search-span b{font-weight:normal;}
.search-span a{margin-right:10px;display: inline-block;}
.search-span a:hover{color:#E80018;}

.search-form{width:395px;border:1px solid #E5E5E5;height:30px;margin-top:5px; overflow: hidden;}
.search-form .search-input{border:none; background: none;height:30px;width:340px;line-height:30px;float:left;padding-left:10px;}
.search-form .search-submit{width:40px; background: url(../images/search-form.png) no-repeat center center; border: none;height:30px;float:right}

.search-fr{ background: url(../images/tel.png) no-repeat center left;padding-left:55px}
.search-fr span{ display: block;}
.search-hot{font-size:14px;color:#333;line-height:14px;margin-top:8px;}
.search-tel{font-size:22px;color:#E80018;line-height:32px;}
/*搜索*/

/*产品中心*/
.title { background: url(../images/title.png) no-repeat 50% 60%;}
.title span,.title b{ display: block;text-align: center;}
.title b{font-weight:bold;font-size:34px;font-family:"宋体";line-height:34px;padding-bottom:35px;color:#101010}
.title span{font-size:16px;color:#696969;font-family: arial;line-height:16px;padding-top:20px;}

.pro-content{border-right:1px solid #fff;border-bottom:1px solid #fff;box-sizing: border-box;margin:40px 0;}
.pro-left{width: 185px; background:#FFFFFF;padding-bottom:20px;height:540px; position: relative;}
.pro-left ul h3{margin-bottom:10px;width:185px;height:60px;line-height:60px;text-align: center;color:#fff;font-size:20px;font-weight:bold; background: #BB1517;}
.pro-left ul li a{font-size:15px;color:#666;width:185px;display: block;text-indent:35px;transition: all .6s;}
.pro-left ul li:hover a{color:#B20C0E;margin-left:10px;}
.pro-left ul li{line-height:35px;width:185px;}
.pro-right{width:999px;border-top:6px solid #B20C0E;padding-top:10px;padding-left:15px}

.more-pro{position: absolute;bottom:20px;left:15px;width:160px;height:40px;overflow: hidden;}
.more-pro a{display: block;width:157px;height:38px; text-align: center;line-height:37px;border:1px solid #999999;margin:0 auto; }
.more-pro a:before{width:158px;height:38px; content: '查看更多产品';position: absolute;bottom:100%;left:-100%; background: #B20C0E;z-index:9;color:#fff;transition: all .5s;border:1px solid #999999;}
.more-pro a:hover:before{bottom:0%;left:0}

.pro-right li{width:240px;float:left;margin-right:9.5px;margin-top:15px; }
.pro-right li span,.pro-right li b{ display: block;}
.pro-right li span{position: relative;}
.pro-right li span:after{width:240px;height:213px;background: url(../images/pro-search.png) no-repeat center center; background-color: #B20C0E;opacity: 0.75;content: '';position: absolute;top:-110%;left:0; transition: all .6s;}
.pro-right li b{font-weight:normal;font-size:15px;text-align: center;width:240px;margin-top:5px;}
.pro-right li span{border: 1px solid #DBDBDB;width:240px;height:213px;box-sizing: border-box;overflow: hidden;}
.pro-right li:hover b{color:#B20C0E}
.pro-right li:hover span:after{top:0}
/*产品中心*/

.zx-phone{ background: url(../images/zx.png) no-repeat center bottom;height:287px}
.zx1{padding-top:120px;}
.zx2{color:#fff;font-size:16px;margin:16px 0}
.zx3{ position: relative;width:155px;height:45px;top:10px;}
.zx3 a{display: inline-block;width:155px;height:45px;line-height:45px;text-align: center; background: #B91315;font-size:18px;color:#fff;-webkit-animation: zx 0.8s infinite linear;animation: zx 0.8s infinite linear; }
@keyframes zx {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
/* Radial Out */
a.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  background: #E70012;
  color: #fff;
}
a.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#B91315;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-radial-out:hover,a.hvr-radial-out:focus,a.hvr-radial-out:active {
  color: white;
}
a.hvr-radial-out:hover:before,a.hvr-radial-out:focus:before,a.hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

/*选择科斯曼的六大理由*/
.system{padding:40px 0}
.system .title em{color:#C32621;font-weight:bold}

.sys-ul{ background: url(../images/ys-bg.png) no-repeat center center; height: 500px;}
.sys-ul li{margin:50px 0}
.sys-ul li b,.sys-ul li span{ display: block;}
.sys-ul li b{font-weight: normal;font-size:17px;margin-bottom:5px;color:#333}
.sys-ul li span{font-size:13px;width:310px;line-height:25px}

.sys1{ background: url(../images/ys1.png) no-repeat left center;height:83px;padding-left:100px;}
.sys2{ background: url(../images/ys2.png) no-repeat left center;height:83px;padding-left:100px;}
.sys3{ background: url(../images/ys3.png) no-repeat left center;height:83px;padding-left:100px;}
.sys4{ background: url(../images/ys4.png) no-repeat right center;height:83px;padding-right:100px;text-align: right;}
.sys5{ background: url(../images/ys5.png) no-repeat right center;height:83px;padding-right:100px;text-align: right;}
.sys6{ background: url(../images/ys6.png) no-repeat right center;height:83px;padding-right:100px;text-align: right;}

.sys-content{position: relative;}
.bg-quan{position: absolute;top:45px;width:380px;left:406px;z-index:0;-webkit-animation: gif 3s infinite linear;animation: gif 3s infinite linear; }
@keyframes gif {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*选择科斯曼的六大理由*/

/*优势*/
.demand .demand-h2{ background: url(../images/ys-title-bg.png) no-repeat center center; height: 197px;}
.demand .title{ background: url(../images/title2.png) no-repeat 50% 71%;}
.demand .title b{padding-top:40px;}
.demand .title span{color:#fff;font-size:16px;}

.dbox-show{ height:404px;width:100%;margin:20px auto 50px auto;box-shadow: 0px 10px 20px #E6E6E6;}
.demand1-fl{width:570px;margin-left:30px;}
.demand1-fr{margin-right:30px;margin-top:10px;width:464px}

.de-fl{ background: url(../images/ys-h1.png) no-repeat center center; height:105px;width:90px;text-align: center;}
.de-fl em{font-size:18px;border-bottom:1px solid #fff;width:68px;margin:0 auto;line-height:27px;margin-top:10px;padding-bottom:10px;}
.de-fl em,.de-fl b{ display: block;color:#fff;font-weight:normal;}
.de-fl b{font-size:12px;}
.de-fl b{margin-top:3px;}
.de-fr{width:450px;margin-top:50px}
.de-fr span,.de-fr b{ display: block;}
.de-fr b{font-size:16px;color:#343434}
.de-fr span{font-size:10px;font-family: arial;color:#9E9E9E;letter-spacing: -0.6px;}

.de-two{margin:45px 0 45px 20px;line-height:30px;color:#565656;font-size:14px}
.det-fl{ background: url(../images/tel-ys.png) no-repeat center left; padding-left:60px;margin-left:20px;}
.det-fl em,.det-fl b{ display: block;}
.det-fl em{font-size:16px;}
.det-fl b{color:#e60113;font-size:28px;line-height:30px;font-weight: normal;}
.det-fr{width:140px;height:40px;line-height: 40px;text-align: center;background: #E70012;color:#fff;font-size:16px;margin-top:12px;}

.demand2 .demand1-fl{margin-right:20px;}
.demand2 .demand1-fl .de-three{margin-left:20px;}
.demand2 .demand1-fl .de-three a{transition: all .6s;font-size:16px;width:125px;height:40px;line-height:40px;text-align: center;display: inline-block;}
.demand2 .demand1-fl .de-three .a{ background: #E70012;color:#fff;border:1px solid #E50215;}
.demand2 .demand1-fl .de-three .b{border:1px solid #E50215;color:#333;margin-left:30px;}
.demand2 .demand1-fl .de-three a:hover{ background: #B91315;color:#fff}
.demand2 .demand1-fr{margin-left:60px;margin-top:40px;}

.demand3 .demand1-fr{margin-right:30px;width:489px;margin-top:60px}
.demand4 .demand1-fr{margin-right:30px;width:489px;margin-top:20px}
/*优势*/

/*基本流程*/
.liucheng{ background: url(../images/lc-bg.png) no-repeat center center; height: 383px;}
.liucheng .titlelc{padding:45px 0}
.lc-content ul li{width:172px;height:132px;float:left; background: rgba(255,255,255,0.2);margin-right:33px; position: relative;transition: all .6s;}
.lc-content ul li:after{content: '';height:1px;width:0; background: #fff; position: absolute;top:5px;left:5px;opacity: 0.5;transition: all .6s;}
.lc-content ul li:before{content: '';height:1px;width:0; background: #fff; position: absolute;bottom:5px;right:5px;opacity: 0.5;transition: all .6s;}
.lc-content ul li a{ display: block;}
.lc-content ul li a:after{content: '';height:0;width:1px; background: #fff; position: absolute;top:5px;left:5px;opacity: 0.5;transition: all .6s;}
.lc-content ul li a:before{content: '';height:0;width:1px; background: #fff; position: absolute;top:5px;right:5px;opacity: 0.5;transition: all .6s;}
.lc-content ul li:hover{ background: rgba(231,0,16,0.6) ;}
.lc-content ul li:hover:after{width:161px;}
.lc-content ul li:hover:before{width:161px;}
.lc-content ul li:hover a:before{height:121px}
.lc-content ul li:hover a:after{height:121px}
.lc-content ul li span{color:#fff;display: block;text-align: center;padding-top:10px;}
.lc-content ul li b{ display: block;width:40px;height:40px; background-image: url(../images/lc-icon.png); background-repeat: no-repeat;margin:32px auto 0 auto;}
.lc-content ul .lc1 b{ background-position: left center;}
.lc-content ul .lc2 b{ background-position:18%  20%;}
.lc-content ul .lc3 b{ background-position:37%  20%;}
.lc-content ul .lc4 b{ background-position:60%  20%;}
.lc-content ul .lc5 b{ background-position:81%  20%;}
.lc-content ul .lc6 b{ background-position:101%  20%;}

.liucheng-a{text-align: center;margin-top:30px;}
.liucheng-a a{display: inline-block;width: 120px;height:40px;line-height:40px;text-align: center;color:#fff;margin:0 14px;transition: all .6s;}
.liucheng-a .a{ background: #E70010;border:1px solid #E70010}
.liucheng-a .b{border:1px solid #fff}
.liucheng-a a:hover{background: #B91315;border:1px solid #B91315}
/*基本流程*/

/*关于科斯曼*/
.about{margin:40px 0}
.about .title em{color:#EE0018;font-weight:bold}
.about-h3{ background: #fff;height:50px;line-height:50px;padding:0 20px;margin-top:40px;}
.about-h3 b{color:#E70012}
.about-h3 a:hover{color:#E70012}

.abouta-con{ position: relative;}
.aboutp{width:565px;line-height:32px;color:#666666;margin-top:10px;margin-left:20px;}
.aboutpp{position: absolute;right:0;top:20px;width:511px;height:356px;}

.about-iconbg{ background: url(../images/about-bg.png) no-repeat center center; height:235px;margin-top:30px;}
.about-icon1 em,.about-icon1 b{ display: block;text-align: center;}
.about-icon1{float:left;margin-top:55px;margin-right:110px;}
.about-icon1 b{color:#E0C3C7;font-size:16px;font-weight:normal;margin-top:5px;}
.about-icon1 em{transition: all .6s;}
.about-icon1 em:hover{transform: rotate(360deg);}
/*关于科斯曼*/

/*战略合作*/
.partner .about-h3{margin-bottom:20px;}
.partner-content li{width:185px;height:92px; position: relative;float:left;margin-right:15px;}
.partner-content li span{ display: block;width:185px;height:92px;text-align: center;line-height:92px;}
.partner-content li b{font-weight: normal;}

.par-int{ background: rgba(230,0,17,0.9);position: absolute;top:0;left:0;color:#fff;opacity: 0;transition: all .6s;}
.par-int:before{content: '';height:1px;width:0; background: #fff; position: absolute;bottom:5px;right:5px;opacity:0.5;transition: all .6s;}
.par-int:after{content: '';height:1px;width:0; background: #fff; position: absolute;top:5px;left:5px;opacity:0.5;transition: all .6s;}
.par-int b:before{content: '';height:0px;width:1px; background: #fff; position: absolute;top:6px;right:5px;opacity:0.5;transition: all .6s;}
.par-int b:after{content: '';height:0px;width:1px; background: #fff; position: absolute;top:6px;left:5px;opacity:0.5;transition: all .6s;}
.partner-content li:hover .par-int{opacity: 1;}
.partner-content li:hover .par-int:before{width:175px;}
.partner-content li:hover .par-int:after{width:175px;}
.partner-content li:hover b:before{height:80px}
.partner-content li:hover b:after{height:80px}
/*战略合作*/

/*新闻*/
.news{margin-bottom:30px;}
.news-left{width:710px;}
.news-right{width:470px;}
.news-show{margin:20px auto;overflow: hidden;}
.news-show dt{width:307px;float:left}
.news-show dd{width:380px;float:right}
.news-show dd p{color:#666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical ;}
.news-show dd span,.news-show dd b{ display: block;}
.news-show dd span{font-size:16px;color:#111}
.news-show dd b{font-weight:normal;font-size:14px;color:#999;margin:5px 0} 
.news-show dd:hover span,.news-show dd:hover b,.news-show dd:hover p{color:#E50215;}
.news-list li{width:665px;background: url(../images/news-bg.png) no-repeat center left;padding-left:20px;margin-left:7px;margin-bottom:10px;}
.news-list li em{float:right}
.news-list li:hover a{color:#E50215}

.news-list-list{margin-top:22px; overflow: hidden;}
.news-list-in li{height:40px;line-height:40px;border-bottom:1px solid #FCFCFC;background: url(../images/news-bg.png) no-repeat center left;padding-left:20px;margin-left:9px;}
.news-list-in li:hover a{color:#E50215}
/*新闻*/

/*底部*/
.footer{ background: #2E2E2E;padding:30px 0;}
.footer-top{ overflow: hidden;zoom:1}
.footer-top dl{float:left;/*padding:0 35px;*/padding:0 39px;text-align: center;border-right:1px solid #585858;height:185px;line-height:26px;}
.footer-top dl dd a{transition: all .6s;}
.footer-top dl dd a,.footer-top dl dd{color:#9F9F9F}
.footer-top dl dd a:hover{color:#E50215;margin-left:5px}
.footer-top dl dt{color:#fff;font-size:16px;padding-bottom:10px;}
.footer-top .contact-dl{text-align: left;padding:0 27px;line-height:26px;}
.footer-top .weixin,.footer-top dl:last-child{padding-right:0;border-right:none}

.footer-center{height:55px;line-height:55px; background: #585858;padding-left:20px;margin:20px 0;color:#BABABA;}
.footer-center a{color:#BABABA;padding-right:13px;}
.footer-center a:hover{color:#E50215}

.footer-bottom span,.footer-bottom span a{color:#BDBDBD; vertical-align: middle;height:40px;line-height:40px;}
.footer-bottom span a:hover{color:#E50215}
/*底部*/


/*内页*/
.ny-banner{height:350px;}
.ny-banner div{height:350px;width:100%;}

/*关于我们*/
.about-us{margin:50px auto}
.about-left{width:465px;}
.about-left h5{font-size:24px;font-family: arial;color:#E50215}
.about-left h5 b{ display: block;font-size:15px;margin:10px 0;font-weight:normal}
.about-left p{line-height:32px;color:#666}
.about-more{margin-top:20px;}
.about-more a{ display: block;width:120px;height:45px;color:#fff;text-align: center;line-height:45px; background: url(../images/more-about.png) no-repeat 10% 50%;text-indent: 15px; }

.about-right{width:483px;margin-top:20px}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

a.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background-color: #E60026;
}
a.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #E60026 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
a.hvr-ripple-out:hover:before,a.hvr-ripple-out:focus:before,a.hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

.about-culture{text-align: center;color:#fff;background: url(../images/about-wh-bg.png) no-repeat center center; height:328px;}
.about-culture h5{font-size:20px;padding:20px 0}
.about-culture p{ text-align: center;color:#fff;line-height:30px;opacity: 0.7;}
.about-culture .about-more a{ color:#E60026; background: url(../images/about-more1.png) no-repeat 10% 50%;background-color: #fff;}
.about-culture .about-more a:before{ border: #fff solid 6px;}

.about-case-div{width:575px;height:290px;margin:50px 0;position: relative;}
.about-concase{ background: url(../images/about-case.png) no-repeat center center;}
.about-concon{ background: url(../images/about-contact.png) no-repeat center center;}
.about-case-div span,.about-case-div b,.about-case-div a{ display: block;text-align: center;color:#fff;width: 200px;margin:0 auto;position: relative;z-index:999}
.about-case-div span{font-size:20px;font-family: arial;padding-bottom:5px;padding-top:65px;}
.about-case-div b{font-size:16px;margin-bottom:10px;font-weight: normal; position: relative;padding-top:4px;}
.about-case-div b:after{content: '';height:1px;width:0px;margin:0 auto; background-color:#fff;position: absolute;top:0px;left:50%; transition: all .6s;opacity: 0.5;}
.about-case-div em{width:60px;height:2px; background: #fff;margin:0 auto; display: block;margin-top:20px;position: relative;z-index:999; transition: all .6s;}
.about-case-div a{width:135px;height: 40px;line-height:40px;text-align: center;border:1px solid #fff;margin-top:17px; transition: all .6s;opacity: 0;}
.about-case-div a:hover{ background: #E50215;border-color:#E50215;}
.about-case-div:after{transition: all .6s;content: '';position: absolute;top:20px;left:20px;width:535px;height:250px; background: rgba(0,0,0,0);}

.about-case-div:hover:after{background: rgba(0,0,0,0.5);}
.about-case-div:hover a{margin-top:5px;opacity: 1;}
.about-case-div:hover em{opacity: 0;margin-top:0}
.about-case-div:hover b:after{width:200px;left:0%;}
/*关于我们*/

/*大事件*/
.history{ background: url(../images/about-dsj.png) no-repeat center center; height:450px;}
.history h5{padding:40px 0 30px 0}
.history h5 span,.history h5 b{ display: block;text-align: center;color:#fff;line-height:35px;}
.history h5 b{font-size:22px;font-weight: normal;}
.history h5 span{font-size:20px;}

.history-content ul{ overflow: hidden;zoom:1}
.history-content ul li{float:left;width:299px;margin:0 35px;}
.history-content ul li span,.history-content ul li b{ display: block;}
.history-content ul li b{ background: url(../images/nf.png) no-repeat center center; width:78px;height:88px;text-align: center;line-height:86px;color:#fff;font-weight:normal;margin:10px auto}
.history-content ul li span{color:#fff;text-align: center;line-height:35px;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;}

.history-content{width:1100px;margin:0 auto}
.history-hd{width:1200px; position: relative;}
.history-hd a{ display: block;width:15px;cursor: pointer; position: absolute;margin-top:8%}
.history-hd .next{left:0}
.history-hd .prev{right:0}
.history-more{width:140px;height:35px;text-align: center;line-height:35px;border:1px solid #fff;margin:40px auto}
.history-more a{color:#fff;transition: all .6s;display: block;}
.history-more a:hover{ background: #fff;color:#4389BA}

.ny-top{height:50px;line-height:50px; background: #fff;}
.ny-top ul{text-align: center;}
.ny-top ul li{display: inline-block;width:155px;}
.ny-top ul li a{display: inline-block;width:155px;line-height:50px;font-size:15px;}
.ny-top ul li a:hover,.ny-top ul li.on a{ background: #E70012;color:#fff}

.position{border-bottom:1px solid #fff;height:65px;line-height:65px;}
.position .on,.position a:hover{color:#C90317}

.years-1{margin:20px 0}
.years{width:140px;height:100px;line-height:100px;text-align: center;font-size:20px; background: #E70012;color:#fff}
.years-content{width:1020px;background: #fff;padding:20px;line-height:30px;color:#999}
.years-content span{color:#C90317;font-size:18px;display: block;}
.years-content p{margin-bottom:10px;color:#666}
/*大事件*/

/*经典案例*/
.about-case{margin:20px 0;}
.about-case ul{ overflow: hidden;zoom:1}
.about-case li{width:230px;float:left;margin:10px 12px 10px 0;text-align: center;}
.about-case li span{width:230px;height:184px; overflow: hidden;display: block;}
.about-case li span img{transition: all 5s;}
.about-case li:nth-child(5n){margin-right:0}
.about-case li b{font-weight:normal;margin-top:5px;display: block;height:40px;line-height: 40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.about-case li:hover span img{transform: scale(1.2);}
.about-case li:hover b{color:#C90317; background: #fff;;}
/*经典案例*/

/*产品列表*/
.ny-bottom{margin:20px auto 40px auto;}
.ny-list{width:175px; background: #fff;}
.ny-list h6 span{ display: block;width:175px;height:60px;line-height:60px; background: #E60012;display: block;color:#fff;text-align: center;font-size:20px;}
.ny-list .ctitle2 li{height:50px;text-align: center;}
.ny-list .ctitle2 li a{ display: block;border-bottom:1px solid #EEEEEE;line-height:50px;}
.ny-list .ctitle2 li.on a,.ny-list .ctitle2 li:hover a{color:#B91315}

.ny-product-list{width:1000px;}
.ny-product-list li{width:240px;float:left;margin-right:13px;border:1px solid #E3E3E3;box-sizing: border-box; overflow: hidden;margin-bottom:20px;}
.ny-product-list li:nth-child(4n){margin-right:0}
.ny-product-list li b{ display: block;font-weight:normal;height:40px;line-height:40px; background: #E3E3E3;text-align: center;transition: all 0.5s;}
.ny-product-list li span{ display: block;width:240px;height:213px; overflow: hidden;zoom:1}
.ny-product-list li span img{transition: all 4s;}
.ny-product-list li:hover b{color:#fff; background: #E50215;}
.ny-product-list li:hover span img{transform: scale(1.1);}
/*产品列表*/

/*产品详情*/

.ny-bottom .pro1 .descript1{width:700px;}
.ny-bottom .pro1 .spec-preview img{display: block;}

.ny-bottom .pro1 .descript1 strong.title1{line-height: 35px;font-size: 27px; color: #333;display: block;}
.ny-bottom .pro1 .descript1 p{width:700px;font-size: 16px;color: #6a6a6a;line-height: 33px;margin:25px 0 10px 0;}
.ny-bottom .pro1 .descript1 p b{font-weight:bold}
.ny-bottom .pro1 .descript1 a.consult{display: block; width:285px; height:70px; font-size:22px; color: #fff; line-height: 70px; text-align: center; background: #EF001D;border-radius:8px; }
.ny-bottom .pro1 .descript1 a.consult:hover{background-color:#EF001D;}
.ny-bottom .pro1 .descript1 p.haoma{color: #333;font-size: 15px;border-top:1px solid  #E5E5E5;padding-top:20px;display: block;}
.ny-bottom .pro1 .descript1 p.haoma em{display: block;color: #EF001D;font-size: 25px;}
.ny-bottom .pro1 .share{overflow: hidden;margin-top:10px;}
.fanhui{width:135px;height:42px;line-height:42px;text-align: center; background: #000000;color:#fff;margin-top:27px;margin-left:30px;}
.ny-bottom .detail .de-title a{display: block;width: 100%; font-size: 16px;line-height: 45px;color: #333; margin-top: 25px;background:#D8D8D8;padding-left:20px;}
.infor{width:100%;font-size:16px;margin:10px 0; background: #fff;padding:10px 0}

.product-h5{height:45px;width:100%;text-indent: 20px;line-height:45px; background: #eee;font-weight:normal;font-size:16px;margin-bottom:20px;}
.pro-article{width:100%;line-height:25px;min-height:200px;}
/*产品详情*/

/*安装工艺*/
.ny-anzhuang-list{margin:20px 0;}
.ny-anzhuang-list ul{ overflow: hidden;zoom:1}
.ny-anzhuang-list li{width:230px;float:left;margin:10px 12px 10px 0;text-align: center;}
.ny-anzhuang-list li span{width:230px;height:184px; overflow: hidden;display: block;}
.ny-anzhuang-list li span img{transition: all 5s;}
.ny-anzhuang-list li:nth-child(5n){margin-right:0}
.ny-anzhuang-list li b{font-weight:normal;margin-top:5px;display: block;height:40px;line-height: 40px;}
.ny-anzhuang-list li:hover span img{transform: scale(1.2);}
.ny-anzhuang-list li:hover b{color:#C90317; background: #fff;}
/*安装工艺*/


/*系统方案*/
.ny-xt-list{margin:20px 0;}
.ny-xt-list ul{ overflow: hidden;zoom:1}
.ny-xt-list li{width:277px;float:left;margin:10px 30px 10px 0;text-align: center;}
.ny-xt-list li span{width:277px;height:222px; overflow: hidden;display: block;}
.ny-xt-list li span img{transition: all 5s;}
.ny-xt-list li:nth-child(4n){margin-right:0}
.ny-xt-list li b{font-weight:normal;margin-top:5px;display: block;height:40px;line-height: 40px;}
.ny-xt-list li:hover span img{transform: scale(1.2);}
.ny-xt-list li:hover b{color:#C90317; background: #fff;}
/*系统方案*/

/*视频专区*/
.ny-video-list{margin:20px 0;}
.ny-video-list ul{ overflow: hidden;zoom:1}
.ny-video-list li{width:372px;float:left;margin:10px 42px 10px 0;text-align: center;}
.ny-video-list li span{width:372px;height:212px; overflow: hidden;display: block;}
.ny-video-list li span img{transition: all 5s;}
.ny-video-list li:nth-child(3n){margin-right:0}
.ny-video-list li b{font-weight:normal;margin-top:5px;display: block;height:40px;line-height: 40px;}
.ny-video-list li:hover span img{transform: scale(1.2);}
.ny-video-list li:hover b{color:#C90317; background: #fff;}
/*视频专区*/

/*在线下载*/
.ny-xiazai-list ul li{width:196px;text-align:center;float:left; overflow: hidden;margin:10px 20px}
.xiazai-img{ position: relative;width:196px;height:256px; background: #fff;border-radius:10px;transition: all .6s;}
.ny-xiazai-list ul li .xiazai-1{display: block;width:176px;height:242px;margin:8px auto}
.ny-xiazai-list ul li .xiazai-1 img{margin-top:6px;border-radius:10px;}
.ny-xiazai-list ul li .xiazai-2{ position: absolute;top:-100%;left:0;width:196px;height:256px;transition: all .6s;}
.ny-xiazai-list ul li .xiazai-2 a{margin:10px auto; display: block;width: 133px;height:36px;border-radius: 20px;text-indent: 20px;line-height:36px; background: url(../images/about-more1.png) no-repeat 20% 50%; background-color:#fff;}
.ny-xiazai-list ul li:hover .xiazai-img{ background: #E60011;}
.ny-xiazai-list ul li:hover  .xiazai-1{opacity: 0.5;filter:alpha(opacity=50);}
.ny-xiazai-list ul li .xiazai-2 a:hover{color:#C90317}
.ny-xiazai-list ul li:hover .xiazai-2{top:70px;}
.xiazai-int{margin-top:8px;height:55px;}
/*在线下载*/

/*企业动态*/
.ny-news-list li{width:280px;float:left; background: #fff;padding-bottom:8px;transition: all .6s;margin-right:20px;margin-bottom:20px;}
.ny-news-list .news-img{width:280px;height:137px;}
.ny-news-list .news-int span,.ny-news-list .news-int em,.ny-news-list .news-int p{ display: block;width:260px;margin:5px auto}
.ny-news-list .news-int span{color:#333;font-size:16px;line-height:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical ;}
.ny-news-list .news-int p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;font-size:13px;color:#888;margin:10px auto}
.ny-news-list .news-int em{font-size:13px;color:#888}
.ny-news-list li:hover{box-shadow: 1px 1px 20px #ccc;}
.ny-news-list li:hover span{color:#BB1517;}
/*企业动态*/

/*培训交流*/
.ny-news-list1 li{ background:#fff;margin:10px 0 15px 0}
.ny-news-list1 .news-img{width:280px;height:137px;}
.ny-news-list1 .news-int{width:830px;margin-right:50px;}
.ny-news-list1 .news-int span{color:#696969;display: block;margin:25px 0 10px 0;font-size:16px;}
.ny-news-list1 .news-int span em{float:right}
.ny-news-list1 .news-int p{color:#999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;}
.ny-news-list1 li:hover{box-shadow: 1px 1px 20px #ccc;}
.ny-news-list1 li:hover span{color:#BB1517;}
/*培训交流*/

/*问答*/
.ny-question-list .question-one{ background: #fff;padding:10px 10px 20px 10px;margin:10px 0}
.qu-1 {margin:10px 0}
.qu-1 span,.qu-2 span{color:#999;font-size: 18px;vertical-align: top;margin-right:5px;}
.qu-1 b{font-size:16px;color:#B20C0E;vertical-align: top;}
.qu-2 b{color:#666;font-weight: normal;width:1130px;display: inline-block;vertical-align: top; background: #eee;padding:10px}
/*问答*/




.c_product_list-50002 {
	width: 1180px;
	background:#FFF;
	padding:10px;
	margin:0px auto;
	margin-bottom:20px;

}


#myscroll {
	display: block;
	width: 100%;
	position: relative;
	height: 285px;
	overflow: hidden;
	margin:10px 0px;
}

#myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	width: 380px;
	height:285px;
	margin:6px;
}
#myscroll ul li a {
	display: block;
	float: left;
	width: 380px;
	padding: 0;
	position: relative;
	height: 285px;
	color: #333;
}
#myscroll a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #333;
	filter: alpha(opacity=70);
	width: 380px;
	color: #fff;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-align: center;
}
#myscroll a .intro h5 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	height: 60px;
	width: 380px;
	line-height: 60px;
	border-bottom: 1px solid #ccc;
	font-weight: 100;
}
#myscroll a .intro p {
	font-size: 13px;
	line-height: 20px;
	margin: 40px 20px;
	height: 144px;
	overflow: hidden;
	color: #fff;
}
#myscroll a .intro {
	bottom: -221px;
}
#myscroll a:hover .intro {
	bottom: 0px;
}

#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-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;
}