@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-02-16 16:10:45
 * @version $Id$
 */
 body{
        font-family: 'icofonts/iconfontmedium';
              }
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,select,option{ margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: 微软雅黑,Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:none;color:#0CA1C2;transition:color 0.3s;}
img { border:none; }
ol,ul,li { list-style:none;}
input, textarea, select, button { font:14px 微软雅黑,Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.footn a:hover,.sxwleft ul li.so dl dd a h3:hover,.sxwleft ul li.st ol li dl dd h3:hover,.ptleft ul li a em:hover,.pros dl dd a h4:hover,.gsxw dl dd h2:hover,.clnr a em:hover{color:#0CA1C2;transition:color 0.3s;}
/*gg*/
@font-face {font-family: "iconfont";
  src: url('icofonts/icoiconfont.eot'); /* IE9*/
  src: url('icofonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('icofonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('icofonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('icofonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.wd{max-width:1400px;margin:0 auto;}
.cnav{background:url(images/navbj.jpg) repeat-x;height:90px;color:#fff; line-height: 90px;}
.cnav a{color:#fff;}
.cnav a:hover{color:#000;}
.cnr{overflow:hidden;}
.cnav h2{font-size:30px;font-weight: bold;float:left;}
.cnav h2 em{font-size:22px;padding-left:10px;vertical-align:bottom}
.cnr .pnr{font-size:15px;float:right;}
.pagelist{margin-top:30px;}
h1.hih1{position:absolute;top:-70px}
/*gg end*/
/*nav*/
.nnbody h5{margin:30px 0;font-size:16px;font-weight: bold}
.nnbody table{width:100%;border-top:1px solid #CCC;border-left:1px solid #CCC;text-align:center;}
.nnbody table tr td{border-right:1px solid #CCC;border-bottom:1px solid #CCC;text-align:center;}
.nnbody table tr:nth-child(odd){background:#0BA1C2;color:#fff;}
.headn{margin:10px auto;overflow:hidden;}
.headn a h2{float:left;}
.headn .search{float:right;position:relative;height:34px;border:1px solid #ccc;display:inline;margin-top:10px;}
.headn img.himgr{float:right;margin-left:2%;margin-top:10px;}
.headn .search .button{position:absolute;right:0;top:0;width:54px;height:34px;cursor:pointer;background:url(images/search.png) no-repeat center #E70012;}
.headn .search select{height:34px;line-height:34px;border:none;padding:0 5px;border-right:1px solid #ccc;}
.headn .search input{width:200px;height:34px;border:none;outline:none;}
.headn .search img{display:inline;}
.nav{border-top:5px solid #0DA1C5;border-bottom:1px solid #ccc;width:100%;background:#fff;overflow:hidden;}
.nav_1{ position: fixed;
        width: 100%;
        opacity:1;
        transition:1s;
        background:#fff;
        z-index: 999;
        top: 0px;
        border-top:5px solid #0DA1C5;
        border-bottom:1px solid #ccc;
        _position: absolute;
        _bottom: auto;
        _top: expression(eval(document.documentElement.scrollTop));}
.navnr ul li{float:left;width:14.285%;height:50px;line-height:50px;border-left:1px solid #FF6600;text-align:center;margin-left:-1px;*border-left:expression(this.nextSibling==null?"0":"none");cursor:pointer;font-size:16px;position:relative;z-index:1;background:#fff;}
.navnr ul li:after{
  position:absolute;
  z-index:-1;
  top:5px;
  bottom:5px;
  left:-1px;
  border-left:1px solid #0BA1C2;
  content:"";
  *border-left:expression(this.nextSibling==null?"0":"none");
}
.navnr ul li a{display:block;width:100%;}
.navnr ul li:first-child:after{border-left:none;}
.navnr ul li:first-child{border-left:none;}
.navnr ul li:hover{background:#0BA1C2;}
.navnr ul li:hover a{color:#fff;}
/*nav end*/
/*flash*/
.yazhuifaflash {position: relative; width:100%; overflow: hidden;}
    .yazhuifaflash .pic{ position:relative; z-index:0; }
    .yazhuifaflash .pic img { width:100%; display: block; }
    .yazhuifaflash .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
    .yazhuifaflash .hd li{margin: 0 5px; background: url(images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
        display:inline-block; *display:inline; zoom:1;  _background: url(images/dot8.png) no-repeat 0 -16px;
    }
    .yazhuifaflash .hd .on{ background-position:0 0; }

    .yazhuifaflash .prev,
    .yazhuifaflash .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
    .yazhuifaflash .prev { left: 0; }
    .yazhuifaflash .next { background-position: 0 -90px; right: 0; }
    .yazhuifaflash .prev:hover,
    .yazhuifaflash .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }

/*flash - end*/

/*sxinwen*/
.sxinwen{overflow:hidden;background:#F5F5F5;padding:20px;}
.sxinwen .sxwleft{float:left;width:70%;}
.sxinwen .sxltitle{padding-left:2%;margin-bottom:20px;}
.sxltitle h3{font-size:3.5em;color:#999;font-weight: 700;display:inline;}
.sxltitle .str{position:relative;display: inline;}
.sxltitle em{font-size:16px;color:#111;padding-left:10px;}
.sxltitle span{display:block;background:#E60013;color:#fff;width:40px;padding:2px 5px;position:absolute;top:-20px;left:10px;border-radius:10px;font-size:12px;text-align:center;}
.sxwleft ul li{float:left;padding:0 2%;position:relative;}
.sxwleft ul li.so{width:35%;}
.sxwleft ul li.so dl dt a img{width:100%;}
.sxwleft ul li.so dl dd a h3,.sxwleft ul li.st ol li dl dd h3{font-weight: 700;font-size:16px;line-height:40px;color:#222;font-family: 微软雅黑;border-bottom:1px solid #ccc;}
.sxwleft ul li dl dd  p{line-height:23px;padding-top:10px;}
.sxwleft ul li dl dd a em{display:block;color:#FF6600;float:right;transition:color 0.5s;position:absolute;bottom:0;right:0;}
.sxwleft ul li.so dl dd a em{position:static;}
.sxwleft ul li dl dd a em:hover{color:#0CA1C2;}
.sxwleft ul li.st{width:51%;float:right;}
.sxwleft ul li.st ol li{margin-top:15px;overflow:hidden;}
.sxwleft ul li.st ol li:first-child{margin-top:0;}
.sxwleft ul li.st ol li dl dt{float:left;width:40%;}
.sxwleft ul li.st ol li dl dd{float:right;width:55%}
.sxwleft ul li.st ol li dl dd p{padding-top:5px;}
.sxwleft ul li.st ol li dl dt a img{width:100%;}
.sxwleft ul li.st ol li dl dd {margin-left:5%;}
.sxwleft ul li.st ol li dl dd h3{font-size:14px;line-height:30px;}
.sxwright{float:right;width:25%;margin-right:-1px;}
#tags {position:relative; width:100%;height:500px; margin: 20px auto 0;border:3px solid #999999;}
#tags a {position:absolute; top:0px; left:0px; font-family: Microsoft YaHei; color:#fff; font-weight:bold; text-decoration:none; padding: 3px 6px; backround:#000;background:#0CA0C3;border-radius: 5px;color:#fff;}
#tags a:hover {border: 1px solid #eee; background: #000; }
#tags .blue {background:#6D6F6E;}
#tags .red {background:#FF872E;}
#tags .green{background:#2AB9B7;}
#tags .yellow {background:#6BA1D0;}
#tags .pink{background:#C45BFE;}
/*sxinwen - end*/

/*scp*/
.scp{max-width:1440px;margin:0 auto;overflow:hidden;clear:both}
.sxtp{border-bottom:5px solid #999;padding-bottom:5px;margin:20px 0;}
.scp .scpnr{margin-top:20px;}
.scpnr .snl{float:left;width:10%}
.scpnr .snl ul li{width:100%;padding:15px 0;text-align:center;background:#E8E8E8;margin:10px 0;cursor:pointer;position:relative;}
.scpnr .snl ul li:hover{background:#0CA1C2;}
.scpnr .snl ul li:hover em{position:absolute;display:block; width:0;
    height:0; 
        border-top:10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #0CA1C2;right:-10%;top:15px;}
.scpnr .snl ul li:hover  a h3{color:#f1f1f1;transition:0.2s;}
.scpnr .snr{float:left;}
.snr ul {margin-top:10px;}
.snr ul li{float:left;margin-left:30px;position:relative;overflow:hidden;width:290px;height:290px;}
.snr ul li a h4{text-align:center;background:#111;color:#f1f1f1;padding:5px 0;position:absolute;bottom:-30px;width:100%;opacity:0;transition:0.5s;filter:alpha(opacity=0);font-size:18px;}
.snr ul li:hover a h4{opacity:0.8;bottom:0;filter:alpha(opacity=80);}
.snr ul li a img{width:290px;height:290px;}
/*scp end*/

/*sal*/
.sal{max-width:1440px;margin:0 auto;}
.scnr dl{float:left;width:18%;margin-left:2.5%;*margin-left:expression(this.previousSibling==null?"0":"2.5%");}
.scnr dl:first-child{margin-left:0;}
.scnr dl dt a img{width:100%;animation:caseimg 2s;
animation-timing-function:linear;}
@-webkit-keyframes caseimg {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  85% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.scnr dl dd a h5{line-height:25px;color:#222;font-weight: 700;font-size:16px;margin:10px 0}
.scnr dl dd a h5:hover,.scnr dl dd a p:hover{color:#0CA1C2;transition:color 0.3s;}
.scnr dl dd span{line-height:23px;}
.scnr dl dd a p{text-align:right;color: #FF6600;}
/*sal end*/
/*foot*/
.footw{background:#252525;width:100%;clear:both;margin-top:50px;float:left;overflow:hidden;}
.footn{color:#f1f1f1;padding:20px 0;overflow:hidden;}
.footn a{color:#f1f1f1;}
.footn ul li{width:30%;float:left;}
.footn ul li dl dt{font-size:1.5em;border-bottom:1px solid #FF6600;margin-bottom:15px;padding-bottom:10px;line-height:40px;position:relative;z-index:1;}
 .footn ul li dl dt:after{
 content:"";
 position:absolute;
 z-index:-1;
 bottom:-1px;
 left:15px;
 right:15px;
 border-bottom:1px solid #00b4ff;
} 
.footn ul li.fnav dl dt{border-bottom:1px solid #ccc;line-height:40px;}
.footn ul li.fnav dl dt:after{border-bottom:none;}
.footn ul li dl dd{line-height:30px;}
.footn ul li.fabout p {border-bottom:1px solid #FF6600;font-size:2.2em;font-weight: 700;margin-bottom:15px;padding-bottom:10px;position:relative;z-index:1;}
 .footn ul li.fabout p:after {
 content:"";
 position:absolute;
 z-index:-1;
 bottom:-1px;
 left:15px;
 right:15px;
 border-bottom:1px solid #00b4ff;
} 
.footn ul li.fabout p em{font-size:0.6em;padding-left:10px;}
.footn ul li.fabout span{line-height:22px;}
.footn ul li.fnav{margin-left:5%;width:35%;}
.footn ul li.fnav dl{float:left;width:33%;}
.footn ul li.fcontact{float:right;width:25%;}
.footn ul li.fcontact dl dd ul li{float:none;width:100%;}
.banquan{clear:both;text-align:center;overflow:hidden;padding:10px 0;}
.linkw{background:#4D4D4D;color:#f2f2f2;width: 100%;overflow: hidden;}
.linkw a{color:#f2f2f2;}
.linkn{overflow:hidden;padding:10px 0;}
.linkn ul li{float:left;margin-left:10px;}
/*foot end*/

/*pro*/
.prodh{background:#F0F0F0;height:40px;line-height:40px;}
.prott{margin-top:50px;}
.prodh ul li{float:left;width:10%;text-align:center;}
.prodh ul li:Hover{background:#fff;}
.prodh ul li:hover a{background:#fff;color:#E70012;}
.ptleft,.newsleft{float:left;width:70%;}
.newsleft img{max-width:100%;}
.newsleft a{color:#196CFB;}
.ptleft ul li{width:21.5%;float:left;margin-left:2%;background:#F5F5F5;padding:1%;margin-bottom:30px;*margin-left:expression(this.previousSibling==null?"0":"3%");height:360px;position:relative;}
.ptleft ul li:hover{box-shadow:0 0 1px #ccc,0 0 1px #333;}
.ptleft ul li:nth-child(4n+1){margin-left:0;}
.ptleft ul li:last-child{margin-bottom:0;}
.ptleft ul li img{width:100%;}
.ptleft ul li a h4{padding:10px 0;border-bottom:1px dashed #999;position:relative;font-size:1.2em;color:#111;}
.ptleft ul li p{padding-top:10px;}
.ptleft ul li a h4 span{display:block;width:10px;height:10px;border-radius:5px;background:#10A3C4;position:absolute;top:38px;}
.ptleft ul li a em{float:right;color:#FF6600;position:absolute;bottom:5px;right:5px;}
.prodh ul li a{width:100%;display:block;}
.ptright{float:right;width:20%}
.news{background:#F5F5F5;border: solid 1px #DDD;padding:0 10px;}
.group_buying{ width:100%;}
  .news h3,.pros h3{ /*background:url(images/index_bg.png) 0 -255px;*/ height: 35px; line-height: 35px; border-bottom: solid 1px #ccc; padding-left: 10px; color: #333 }
  {font-weight: 700;}
  .news h3 em,.pros h3 em{  /*background:url(images/index_bg.png) 0 -586px;*/ font-style:normal; padding-left: 18px; font-family: "微软雅黑"; color: #333; font-weight:bold; font-size: 18px ;text-align:center}
  .group_buying ul {zoom:1; }
  .group_buying ul li { border-top:1px dashed #ccc;  position: relative; height: 36px; line-height:36px }
  .group_buying ul li img { width:100%; vertical-align:middle; }
.group_buying ul li span{font-size:12px;}
.group_buying ul li span a em{float:right;color:#ff6600}
  .group_buying ul li p { clear: both; height: 30px; overflow: hidden;color:#111;font-weight: 700;}
  .group_buying .dis_pi { display: none }
  .group_buying ul li.last { border-bottom:0;  }

  .group_buying .on { height: 335px; position: relative; width: 100%; line-height: 30px; margin-top: 10px ;}
  .group_buying .on p a{color:#ff6600}
  .group_buying .on .dis_pi { display: block }
  .group_buying ul li:first-child{border-top:none}
  .news{clear:both;border-radius:5px}
  .pros{border: solid 1px #DDD;margin-bottom:40px;background:#F5F5F5;padding:0 10px;border-radius:5px;}
  .news:hover,.pros:hover{box-shadow:3px 3px 10px #999;}
  .pros dl{clear:both;margin-top:20px;overflow:hidden;}
  .pros dl dt{float:left;width:50%}
  .pros dl dd{float:right;width:45%}
  .pros dl dd a h4{color:#333;margin-bottom:5px;font-weight: 700;}
  .pros dl dt  a img{width:100%}
  .ptright h6{font-size:20px;margin-bottom:20px;color:#111;}
/*pro end*/

/*about*/
.about{margin-top:50px;}
.about p{line-height:30px;text-indent:2em;}
.about h4{text-align:center;color:#999;font-weight: bold;font-size:40px;line-height:20px;border-bottom:1px solid #FF6600;padding-bottom:20px;width:40%;margin:0 auto;position:relative;}
.about h4:after{position:absolute;left:5%;right:5%;border-bottom:1px solid #0DA1C5;bottom:-1px;content:"";}
.about h4 em{color:#111;font-size:22px;padding-left:10px;}
.about ul{margin:30px 0;animation:aboutxia 1.5s;}
.about img.aboutimg{width:1340px;height:260px;margin:30px auto;animation:about 2s;}
@keyframes about{
 0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes aboutxia {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes aboutxia {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.about ul li{float:left;width:22%;margin-left:4%;*margin-left:expression(this.proviousSibling==null?"0":"6%");}
.about ul li:first-child{margin-left:0;}
/*about end*/
/*contact*/
.contact{margin-top:50px;color:#111;}
.contact p:first-child{text-indent: 2em;}
.contact .connr{margin:50px 0;overflow:hidden;}
.connr img{float:left;animation:con 2s;}
@-webkit-keyframes con {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes con {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.connr .conr{margin-left:4%;float:left;}
.conr h2{font-size:20px;font-weight: 700;margin-bottom:15px;}
.conr p{line-height:30px;}
.contact p a b{color:111;}
.conr p em,.conr p span{font-weight: 700;color:#FE0000;}
.conr p a em{display:block;width:120px;height:35px;line-height:35px;float:right;color:#fff;text-align:center;padding-left:15px;border-radius:5px;background:url(images/contact.png) no-repeat 20px center #FE0000;}
.conr p a em:hover{background-color:#0DA1C5;}
.conr p.bl{color:#FE0000;}
.connr .conmessage{clear:both;padding-top:80px;padding-bottom:30px;}
.conmessage h4{font-weight: 700;font-size:20px;}
.conmessage form{margin-top:30px;}
.conmessage form input{width:18%;height:25px;padding:5px 0;margin-right:3%;padding-left:1%;color:#999;}
.conmessage textarea{width:860px;padding:10px 20px;margin-top:30px;height:200px;color:#999}
.conmessage input.tijiao{display:block;width:135px;height:35px;line-height:35px;color:#fff;background:#FE0000;border-radius:5px;padding:0;border:none;margin-top:20px;font-size:18px;cursor:pointer;}
.conmessage input.tijiao:hover{background:#0CA1C2;transition:background 0.3s;}
/*contact end*/
/*newnrs*/
.newsnr,.case{margin-top:50px;}
.newsnr h1{font-size:25px;text-align:center;color:#111;}
.newsnr .xinxi{overflow:hidden;margin:20px auto;width:70%}
.newsnr .xinxi ul li{float:left;margin-right:3%;}
.newsnr .xinxi ul li i{padding-right:10px;font-size:18px}
.newsnr .xinxi ul li:hover i{color:#ff6600}
.newsnr .xinxi ul li:first-child i:before {content: "\e691"}
.newsnr .xinxi ul li:nth-child(2) i:before {content: "\e697"}
.newsnr .xinxi ul li:nth-of-type(3) i:before {content: "\e69d"}
.newsnr .xinxi ul li:last-child i:before {content: "\e683"}
.newsleft .nndh{padding:1.2em;border:1px solid #ccc;border-radius: 5px;line-height:25px;}
.nndh span{color:#FF6600}
.nnbody{margin-top:30px;line-height:30px;font-size:15px;margin-bottom:30px;border-bottom:1px solid #ccc}
.nnbody p{text-indent:2em;padding-top:10px;}
.newsleft .sx ul li{float:right;*float:expression(this.previousSibling==null?"0":"left");}
.newsleft .sx ul li:first-child{float:left}
/*newnrs end*/

/*newslist*/
.newlistleft{width:70%;float:left;overflow:Hidden;}
.gsxwt{margin-top:80px;}
.gsxw dl{position:relative;overflow:hidden;}
.gsxw dl dt {width:35%;float:left;}
.gsxw dl dt a img{width:100%;height:230px;}
.gsxw dl dd{width:60%;float:right;}
.gsxw dl dd h2{font-weight: 700;font-size:18px;margin-bottom:10px;}
.gsxw dl dd p{line-height:25px;}
.gsxw dl dd a em{position:absolute;bottom:0;}
.gsxw ul {clear:both;margin-top:20px;}
.gsxw ul li{line-height:40px;border-bottom:1px dashed #ccc;}
.gsxw ul li:hover{background:#0BA1C2;color:#fff;}
.gsxw ul li:hover a{color:#fff;}
.gsxw ul li a{margin-left:20px;}
.gsxw ul li span{float:right;margin-right:10px;}
.gsxw p a{float:right;margin-top:10px;color:#ff6600;}
.gsxw p a:hover{color:#10A3C4;}
/*newslist end*/

/*case*/
.caseleft,.service{float:left;width:75%;}
.caseleft ul li{float:left;width:310px;margin-left:30px;border:10px solid #fff;box-shadow: 1px 1px 2px #BCBCBC;margin-bottom:20px;position:relative;}
.caseleft ul li:nth-of-type(3n+1){margin-left:0;}
.caseleft ul li a img{width:100%; -webkit-transition: all 0.4s ease-in-out 0.2s;
   -moz-transition: all 0.4s ease-in-out 0.2s;
   -o-transition: all 0.4s ease-in-out 0.2s;
   -ms-transition: all 0.4s ease-in-out 0.2s;
   transition: all 0.4s ease-in-out 0.2s;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;}
.clnr{position: absolute;overflow: hidden;
   top: 0;
   left: 0;
   color:#ff6600;
   width:100%;height:100%;
   background-color:#333;
   background-color: rgba(0,0,0,0.8);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   -ms-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}
.clnr a h4{color:#ff6600;}
.clnr a em{position:absolute;bottom:20px;right:20px;color:#ff6600;}
.caseleft ul li .clnr h4{padding:20px;font-size:20px;}
 .caseleft ul li p{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;padding:20px;color:#f5f5f5;line-height:25px;font-size:14px;}

.caseleft ul li:hover img{
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.caseleft ul li:Hover .clnr{   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;}
   .caseleft ul li:hover p{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;}
/*case end*/

/*pronr*/
.pronr{margin-top:50px;}
.pronrleft{float:left;width:70%;}
.pllimg {float:left;width:400px;border:3px solid #F5F5F5;position:relative;}
.pllimg .bd {
    position:relative;
    float:left;
    width:406px;
    height:406px;
    overflow:hidden;
}
    .pllimg .bd img {
    width:400px;
    height:400px;
    text-align:center;
}
    .pllimg .hd {
      position:absolute;
    float:right;
    z-index:99;
    right:-595px;
    bottom:0 ;
}
    .pllimg .hd li {
     float:left;
    overflow:hidden;
    margin-right:20px;
}
    .pllimg .hd img {
    width:115px;
    height:115px;
    display:block;
    border:3px solid #f5f5f5;
    cursor:pointer;
}
.pllimg .hd img:hover{border:3px solid #0DA1C5;
}
.pllimg .hoverBg {
    position:absolute;
    top:0;
    left:-12px;
    width:88px;
    height:80px;
    z-index:100;
    background:url(/images/hover.png) no-repeat;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hover.png);
    _background:none;
}
.pll{overflow:hidden;}
.pntr{float:right;width:550px;}
.pntr h1{font-size:25px;color:#333;margin-bottom:10px;}
.pntr ul li{line-height:35px;}
.pntr p{line-height:25px;margin-bottom:5px;}
.pnrbo{clear:both;margin-top:50px;}
 .produstlist .hd {
            line-height: 40px;
            zoom: 1;
            height: 40px;
            background:#F0F0F0;overflow: hidden;
        }
        .produstlist .hd li {
              float: left;
            font: normal 16px/40px 'Microsoft YaHei';
            line-height: 40px;
            width: 15%;
            height: 40px;
            cursor: pointer;
            text-align: center;
            color: #111;
            border-bottom: none;
            _font-weight: bold;
            text-align:center;
        }

        .produstlist .hd li.on {
            font-size: 16px;
            width: 15%;
            color: #fcb036;
            color: #fff;
            background: #0BA1C2;
            text-align:center;
        }

        .produstlist .bdt {
            overflow: hidden;
            padding: 2%;
            border-top: 0;
        }

        .produstlist .lh {
            font-size: 14px;
            overflow: hidden;
            padding-left: 0;
            color: #333;
        }
        .produstlist .bd{border:1px solid #F0F0F0;padding:5px 2.5%;border-top:none;}
        .bd .lh {
            line-height: 30px;
            margin-top:15px;
        }

        .bd .lh p {
            font-size: 14px;
            line-height: 30px;
            width: 100%;
            margin-bottom: 10px;
        }

        .bd .lh table {
            width: 100%;
            cursor: pointer;
            text-align: center;
            border: 1px solid #ccc;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-right:none;
            border-bottom:none;
        }

        .order strong {
            font-size: 16px;
        }

        .produstlist table tr td {
            font-size: 14px;
            color: #333;
        }
        .produstlist table tr:hover{background:#F0F0F0;}
 .produstlist table tr td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
        .produstlist table tr:first-child {
            text-align: center;
        }

         .produstlist table tr:nth-child(odd) {
            background: #cae5fc;
        }

/*pronr end*/
/*services*/
.service ul li{width:100%;padding:80px 20px ;border-bottom:1px solid #ccc;overflow:hidden;}
.service ul li dl dt{width:30%;float:left;font-weight:700;font-size:18px;}
.service ul li dl dt span{width:80px;height:65px;margin-top:-15px;display:block;float:left;margin-right:20px;}
.service ul li dl dt span.s1{background:url(/images/hxiaoshi.jpg) no-repeat;}
.service ul li dl dt span.s2{background:url(/images/stel.jpg) no-repeat;}
.service ul li dl dt span.s3{background:url(/images/swm.jpg) no-repeat;}
.service ul li dl dt span.s4{background:url(/images/sly.jpg) no-repeat;}
.service ul li dl dt em{font-weight: normal;font-size:14px;}
.service ul li dl dd{width:70%;float:right;}

/*services end*/

/*diyu*/
.region{margin:40px auto;}
.region .releft{width:66%;float:left;}
.releft .relist{margin-bottom:30px;border:1px dashed #ccc;padding:15px;overflow:hidden;}
.releft .relist dl{overflow:hidden;border-bottom:1px dashed #ccc;padding-bottom:10px;}
.relist dl dt{float:left;}
.relist dl dt h3{font-weight:700;color:#454545;font-size:18px;}
.relist dl dd{float:right;font-size:14px;}
.relist ul{margin-top:20px;overflow:hidden;}
.relist ul li{line-height:30px;}
.relist ul li span{float:right;width:20%;text-align:center;display:block;}
.relist ul li:hover{background:#F7F7F7;}
.relist ul li:hover a{color:#ffa126;}
.relist ul li a{display:block;width:75%;float:left;overflow: hidden; display: block; height: 30px; white-space: nowrap; text-overflow: ellipsis;}
.region .reright{width:21%;float:right;padding:15px 2% 35px 2%;border:1px dashed #ccc;}
.reright div:last-child{margin-bottom:-10px;}
.repub{overflow:hidden;margin-bottom:30px;}
.diqu ul li{float:left;margin:0 4% 5px 0;}
.repub h4{font-size:18px;border-bottom:1px dashed #ccc;margin-bottom:7px;padding-bottom:7px;font-weight:700;color:#454545;}
.renav dl dt a h5{font-weight:700;font-size:14px;color:#454545;}
.renav dl dt{margin:10px 0;display:block;background:url(/images/msgnav.gif) 0 50% no-repeat #EEF1F4;padding-left:10px;clear:left;padding:5px 0 5px 10px;}
.renav dl dd{float:left;margin:0 4% 5px 0;}
.retuijian{background:url(/images/inlist.png) no-repeat 0 40px;overflow:hidden;}
.retuijian ul{margin-top:-10px;padding-left:25px;}
.retuijian ul li{line-height:50px;height:50px;overflow:hidden;}
.reright .ptright{width:100%;}