@charset "utf-8";
/*形状沉置*/
body {
    width: 100%;
    min-width: 1100px;
    max-width: 1920px;
    margin: 0 auto;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, em, p, font, img, small, strong, center, dl, dt, dd, ol, ul, li, form, label, table, caption,
 tbody, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:14px; font-family: "微软雅黑";} 
ol, ul {list-style:none} :focus {outline:none; } 
a{font:14px "微软雅黑";text-decoration:none;color:#444444;cursor:pointer;} 
a:hover{color: #006dea;text-decoration:underline;}
.clear{clear: both;}
.w1100{width: 1100px; margin:auto;}
.w1240{width: 1240px; margin:auto;}
/*hearder*/
.top{background: #f6f6f6;height: 40px;line-height: 40px;
  color: #1d1d1d;font-size: 13px;border-bottom: solid 1px #efefef}
.top strong{float:left;font-weight: normal;}
.top .w1100{position: relative;}
.top p{float: right;}
.top p a{color: #1d1d1d;
background: url(/template/default/images/x1.png) no-repeat center left;}
.top p a:nth-child(1){background: none}
.top a:hover{color: #006dea}
.CaseScroll li a p{color: #242426}
.CaseScroll li a p:hover{color: #e70012}
.CaseScroll li img:hover{border:solid 1px #e70012;}
.yw{position:absolute;right: 0px;top:10px;}
.yw a{color: #333;font-size: 16px;font-weight: bold;}
.yw a:nth-child(2){color: #e60012;}
.yw a:hover{color: #e60012;}
.header{height: 150px;}
.header .w1100{position: relative;height: 150px;}
.header h1{float: left;margin-top: 35px;}
.header .ding{float: left;background: url(/template/default/images/11.jpg) no-repeat bottom left;}
#fhsyy{width: 70px;height: 30px;}
.header .ding h2{margin-top:50px;color: #e60012;font-size:18px;font-weight: bold;}
.header h1{margin-right: 25px;}
.header .ding h3{color: #444444;font-size:14px;font-weight: normal;letter-spacing: 2px; text-transform:uppercase; width: 415px;margin-top:10px;}
.header .call{float: right;margin-top: 50px;}
.header .call span{background: url(/template/default/images/call.jpg) no-repeat left 5px; padding-left: 20px}
.header .call p{color: #e70012;font-size: 22px;font-weight: bold;height: 38px;line-height: 38px;}
.nav{height: 50px;line-height:50px;background: #7c7b83;text-align:center;font-size:0;line-height:0;}
.nav li{display:inline-block;}
.nav li a{display: block;height: 50px;line-height: 50px;color: #fff;padding-right: 28px;padding-left: 28px;font-size:15px;}
.nav li a:hover{color:#fff;background: #e70012}
.nav li a.first{color: #fff;background: #e70012}
/*轮播图点形状*/
.active{ background: #d40019;}
.flickerplate .dot-navigation .dot.active { background: #d40019; height:2px;width: 60px; }
.flickerplate .dot-navigation .dot.active:hover{ background:#d40019;}
.flickerplate .dot-navigation .dot {background: #7c7b83;}
.flickerplate .dot-navigation .dot:hover{background: #7c7b83;}
/*search*/
.search{position:relative;background: url(/template/default/images/ssuo.jpg) no-repeat center;margin-top:-1px;}
.search_div{height:100px;line-height: 100px;background:#ffffff;}
.search{ float: right;width:400px}
.sea_key{float: left;}
.sea_cal{float: right;}
.search_tow{ border: none; background: none; width:240px; color: #999999;font-size: 14px;padding-left: 10px;  height: 30px;}
.search_button{ cursor: pointer;width: 50px;height: 100px; position: absolute; right: 2px; border: none; background: none;color: #fff;font-size: 16px;}
.sea_key a{font-size: 13px;color:#999999; margin:0 10px;}
.sea_key a:hover{text-decoration:underline;}
.sea_key span{font-size: 14px; color:#000000; font-weight:normal;}
.sea_cal span{ font-size: 14px; color:#999999; margin-right: 10px;}
.sea_cal a{ font-size: 33px; color:#999999; float: right;margin-top: 23px;}
#SearchType {
    padding: 5px;
    margin-left: 3px;
    height: 29px;
    line-height: 29px;
    background: #fff;
    border-radius: 50px;
    display: block;
    border: solid 1px #efefef!important;
    float: left;
    margin-top: 35px;
}
.Cha{padding-bottom: 35px;}
.Cha li{width: 160px;height: 115px;border:solid 1px #dddddd;float: left;margin-right:15px;padding-left: 100px;cursor:pointer;}
.Cha li:nth-child(4){margin-right: 0px;}
.Cha li h3{color: #7c7b83;font-size: 16px;font-weight: normal;margin-top:20px;}
.Cha li p{color:#7c7b83;font-size: 12px;line-height: 22px;margin-top: 5px;}
.Cha li:nth-child(1){background: url(/template/default/images/cha1.jpg) no-repeat   10px center;}
.Cha li:nth-child(2){background: url(/template/default/images/cha2.jpg) no-repeat   10px center;}
.Cha li:nth-child(3){background: url(/template/default/images/cha3.jpg) no-repeat   10px center;}
.Cha li:nth-child(4){background: url(/template/default/images/cha4.jpg) no-repeat   10px center;}
.Cha li:nth-child(1):hover{background:url(/template/default/images/cha11.jpg) no-repeat   10px center; }
.Cha li:nth-child(2):hover{background:url(/template/default/images/cha22.jpg) no-repeat   10px center; }
.Cha li:nth-child(3):hover{background:url(/template/default/images/cha33.jpg) no-repeat   10px center; }
.Cha li:nth-child(4):hover{background:url(/template/default/images/cha44.jpg) no-repeat   10px center; }
.Cha li:hover h3{color: #e70012}
/*pordcut*/
.porduct{background: #f2f2f2;padding-bottom: 40px;}
.porduct .procon:before{display: table;content: " ";}
.porduct .procon:after{content: '';display: block;clear: both;}
.porduct .w1100{position: relative;}
.porduct h3{color: #e70012;text-align: center;padding-top: 20px;color: #e70012;font-size: 30px;font-weight: normal;}
.porduct h4{color:#7c7b83;font-size: 12px;text-align: center;font-weight: normal;text-transform:uppercase; letter-spacing: 5px;}
.porduct .ptit{width:100%;margin:auto;margin-top:20px;margin-bottom: 40px;text-align:center;}
.porduct .ptit li{display:inline-block;margin-right: 20px;margin-left: 20px;}
.porduct .ptit li a{color: #7c7b83;font-size: 16px;}
.porduct .ptit li a:hover{color: #e70012}
.procon li{float:left;position:relative;margin-bottom:40px;width:32%;height: 255px;margin:0 0.5%}
.procon li img{display: block;max-width:100%;}
/*
.procon li:nth-child(1){width:287px;height: 177px; margin-right: 30px;}
.procon li:nth-child(2){width:287px;height: 177px; margin-right: 30px;}
.procon li:nth-child(3){width:465px;float: right;margin-bottom: 5px;}
.procon li:nth-child(3){width:348px;height:215px; margin-right: 28px;}
.procon li:nth-child(4){width:287px;height: 177px; margin-right: 30px;}
.procon li:nth-child(5){width:287px;height: 177px;margin-right: 30px; }
.procon li:nth-child(6){width:348px;height:215px; margin-right: 28px;}
.procon li:nth-child(7){width:348px;height: 215px;margin-right: 28px;}
.procon li:nth-child(8){width:348px;height: 215px; }
.procon li:nth-child(1) img{width:287px;}
.procon li:nth-child(2) img{width:287px;}
.procon li:nth-child(3) img{width:465px;}
.procon li:nth-child(4) img{width:287px;}
.procon li:nth-child(5) img{width:287px;}
.procon li:nth-child(6) img{width:348px;}
.procon li:nth-child(7) img{width:348px;}
.procon li:nth-child(8) img{width:348px;}
*/
.procon li p{position: absolute;bottom:0px;left: 0px;font-size: 24px;color: #fff;
     overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:312px;background: #e70012;padding-left: 20px;
     padding-right: 20px;height: 40px;font-size: 16px;line-height: 40px; opacity: 0;transition: all 0.8s;text-align:center;}
/*
.procon li:nth-child(3) p{height: 95px;background: #e70012;position: static;line-height: 95px;width: 405px;padding-right: 30px;padding-left: 30px;display: block;
opacity: 1;}
.procon li:nth-child(6) p{width: 308px;}
.procon li:nth-child(7) p{width: 308px;}
.procon li:nth-child(8) p{width: 308px;}
*/
.procon li:hover p{opacity: 1;}
.lc{height: 300px;background: #fff}
.lc h3{color: #e70012;text-align: center;padding-top: 20px;color: #e70012;font-size: 30px;font-weight: normal;}
.lc h4{color:#7c7b83;font-size: 12px;text-align: center;font-weight: normal;text-transform:uppercase; letter-spacing: 5px;margin-bottom:40px;}
.lc li{float: left;width: 200px;height: 130px; -webkit-box-shadow: 0 0px 30px rgba(0,0,0,0.2);
    box-shadow: 0 0px 30px rgba(0,0,0,0.2);text-align: center;
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);margin-right: 25px;}
.lc li:nth-child(5){margin-right: 0px;}
.lc li img{padding-top: 20px;}
.lc li p{color: #7d7761;margin-top:10px;}
/*yous*/
.yous{background: url(/template/default/images/ysbj.jpg) no-repeat center center;padding-bottom: 40px;}
.yous .w1100{position: relative;}
.yous h3{color: #e0e0e0;font-size:24px;font-weight: bold;text-align: center;letter-spacing: 2px;text-transform:uppercase; 
padding-top: 45px;}
.yous h4{color: #e70012;font-size: 24px;text-align: center;margin-top: 10px;margin-bottom: 10px;}
.yous h5{color: #434344;text-align: center;font-size: 24px;letter-spacing: 4px;font-weight: normal;}
.yscon h6{color: #e70012;font-size: 18px;}
.yscon p{color: #767676;font-size: 14px;line-height: 26px;}
.ysdin{
  position: relative;
  margin: 40px 0
}
.ysdin img{
    max-width: 80%;
    display: block;
    margin: 0 auto;
}
.ysdin ul li{
  position: absolute;
  left:0;
  top: 100px;
  width: 290px
}
.ysdin ul li h6{
  color: #e70012;
  font-size: 18px;
  margin-bottom: 8px
}
.ysdin ul li p {
  color: #767676;
  font-size: 14px;
  line-height: 20px;
}
.ysdin ul li.ysdin2{
  left: 840px;
  width: 260px
}
.ysdin ul li.ysdin3{
  top: 320px
}
.ysdin ul li.ysdin4{
  left: 840px;
  top: 320px;
}

/*关于CG电子*/
.about{height:420px;background:#fff;}
.about .w1100{position: relative;}
.about h3{color: #e70012;text-align: center;padding-top: 20px;color: #e70012;font-size: 30px;font-weight: normal;}
.about h4{color:#7c7b83;font-size: 12px;text-align: center;font-weight: normal;text-transform:uppercase; letter-spacing: 5px;margin-bottom:20px;}
.ableft{width: 480px;height: 265px;float: left;background: #e91929;padding-right: 35px;padding-left: 35px;padding-top:35px;}
.abright{float: right;width: 550px;height: 300px}
.about_box{
  position: relative;
}
.about_box img{
  max-width: 100%;
}
.about_box h5{
  position: absolute;
  width: 95px
}
.about_box h5 a{
  display:block;width: 95px;height: 30px;line-height: 30px;background: #e91929;color: #fff;font-size: 13px;float: left;margin-right: 1px;text-align: center;
  margin-top: 10px
}
.about_box p{clear:both;line-height: 24px;color:#444444;margin: 10px 0;font-size: 16px;font-weight: 700;}
.ableft h5 a:hover{background: #7c7b83;color: #fff}
.ableft .more img{margin-left: 10px;}
.ableft .more:hover{text-decoration:underline;color: #fff}
.case h3{color: #e70012;text-align: center;padding-top: 20px;color: #e70012;font-size: 30px;font-weight: normal;}
.case h4{color:#7c7b83;font-size: 12px;text-align: center;font-weight: normal;text-transform:uppercase; letter-spacing: 5px;margin-bottom:20px;}
.CaseScroll li{width: 335px;float: left;margin-right: 50px;}
.CaseScroll li img{border:solid 1px #dadada;}
.CaseScroll li p{padding-left: 10px;padding-right: 10px;margin-top:20px;
    display: -webkit-box;line-height: 24px;height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
cursor:pointer;
}
.CaseScroll{position: relative;}
.CaseScroll  .hd{width:160px;margin:auto;}
.CaseScroll  .hd li{width: 30px;height: 3px;text-indent: -999px;background: #d3d3d4;margin-right:5px;margin-top: 35px;margin-left: 5px;}
.CaseScroll  .hd li.on{background: #e70012;cursor:pointer;}
.CaseScroll .next{background: #ccc;display: block;position: absolute;right: -50px;top:75px;z-index: 9}
.CaseScroll .prev{background: #ccc;display: block;position: absolute;left: -50px;top:75px;z-index: 9}
.CaseScroll .next img{display: block;padding:5px;}
.CaseScroll .prev img{display: block;padding:5px;}
.CaseScroll .prev:hover{background: #e91929}
.CaseScroll .next:hover{background: #e91929}
.news{border:solid 1px #e8e8e8;margin-top: 50px;}
.news h3{color: #e70012;text-align: center;padding-top: 20px;color: #e70012;font-size: 30px;font-weight: normal;}
.news h4{color:#7c7b83;font-size: 12px;text-align: center;font-weight: normal;text-transform:uppercase; letter-spacing: 5px;margin-bottom:20px;}
.news h3 span{color: #2088e7;font-size: 24px;}
.news h3 img{float: left;margin-top: 5px;}
.news h3 img:nth-child(2){float:right;}
.news{background: #fff;height:475px;}
.news .newsleft{float: left;width: 470px;}
.news .newsleft .newleftone a{display: block;color: #2088e7;font-size: 16px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .newsleft .newleftone a:hover{color: #fb0f07;}
.news .newsleft .newleftone span{color: #d2d2d2;margin-top:5px;margin-bottom:8px;display: block;}
.news .newsleft .newleftone p{color: #555555;font-size:14px;line-height: 24px;border-bottom: solid 1px #eee;padding-bottom: 10px;}
.news .newsleft .newslefttow p{margin-top: 20px;}
.news .newsleft .newslefttow p a{color: #555555;font-size: 14px;width: 380px;float: left;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .newsleft .newslefttow p span{color: #d2d2d2;font-size: 13px;}
.news .newsleft .newslefttow p a:hover{color: #fb0f07;}
.news .newsright{float:right;width: 565px;}
.news .newsright p{height: 50px;line-height: 50px;border-bottom: solid 1px #eeeeee;}
.news .newsright p a{display: block;width: 450px;line-height: 50px;float:left;color: #555555;padding-left: 30px;
background: url(/template/default/images/n1.png) no-repeat center left;}
.news .newsright p a:hover{color: #fb0f07}
.fnav{height: 90px;line-height: 90px;background: #7c7b83;border-bottom: solid 1px #96959c}
.fnav a{display: block;float: left; background: url(/template/default/images/f1.jpg) no-repeat center right;padding-right:55px;line-height: 90px;}
.fnav a:last-child{background: none}
.fnav a:hover{color: #e70012}
.foot{height: 250px;background: #7c7b83;}
.foot .w1100{position:relative;}
.focon{color: #fff;padding-top: 60px;line-height: 36px;}
.focon p:nth-child(2){padding-left: 25px;background: url(/template/default/images/f2.jpg) no-repeat center left;}
.focon p:nth-child(3){padding-left: 25px;background: url(/template/default/images/f3.jpg) no-repeat center left;}
.focon p:nth-child(4){padding-left: 25px;background: url(/template/default/images/f4.jpg) no-repeat center left;}
.focon a:hover{color: #e70012}
.wx{position: absolute;top:50px;right: 0px;}
.wx li{float: left;margin-left: 35px;}
.wx li p{text-align: center;color: #ffffff;line-height: 30px;}
.link{height: 60px;line-height: 60px;background: #e70012}
.link h3{float: left;color: #ffffff;font-size: 18px;}
.link a{margin-left: 15px;}
.link a:hover{text-decoration:underline;color: #fff}
/*返回顶部*/
/*返回顶部*/
.cd-top { z-index:999;
  display: inline-block;
  height: 50px;
  width: 50px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  cursor:pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#000 url(../images/cd-top-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
   border-radius:8px;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1; cursor:pointer;
}
.cd-top.cd-fade-out {
  /* 若是用户持续向下滚动,这个按钮的通明度会变得更低 */
  opacity: .9;
}
.no-touch .cd-top:hover {
  background-color: #9dc92b;
  opacity: 1;}
.por_conend .por_con_div h4 a:hover{color: #316DC3}
<!--耗时1768473520.4814秒-->