﻿@charset "utf-8";
/* CSS Document */
body{font-family:"microsoft yahei";font-size:16px;color:#0b0b0b;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{outline:none;margin:0;padding:0;}
html{overflow:0;overflow-x:hidden;}
*{word-wrap:break-word;}
table{border-collapse:collapse;}
fieldset,img{border:none;}
ul,li{list-style-type:none;}
a{text-decoration:none; cursor:pointer; color:#0b0b0b;}
a:hover{color:#d9071b;}
select,input{vertical-align:middle;outline:none;}input[type=button],input[type=reset],input[type=submit],input[type=radio],input[type=checkbox]{cursor:pointer;}
i,em{font-style:normal;}
.clear{clear:both;}
.date{ font-style:normal; float:right; color:#999; font-style:normal;}
.m_m{ width:1200px; margin:0 auto;}
body{min-width:1200px;}
.m_t{ margin-top:15px;}
.m_t30{ margin-top:30px;}
.m_t20{ margin-top:20px;}
.m_b30{ margin-bottom:30px;}
.m_r{ margin-right:15px;}
.m_r10{ margin-right:10px;}
.m_r20{ margin-right:20px;}
.m_r30{ margin-right:30px;}
.m_r40{ margin-right:40px;}
.m_r80{margin-right:80px;}
.p_t40{padding-top:40px;}
.p_t30{padding-top:30px;}
.p_t20{padding-top:20px;}
.p_t15{padding-top:15px;}
.p_t10{padding-top:10px;}
.display_none{display:none;}
.display_inline{display:inline;}
.hidden{overflow:hidden;}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.uppercase{text-transform:uppercase;font-smoothing: antialiased;/*坐等标准化，有备无患*/
-webkit-font-smoothing: antialiased; /*chrome、safari*/
-moz-osx-font-smoothing: grayscale;/*firefox*/}

.uppercase em{text-transform:uppercase;font-smoothing: antialiased;/*坐等标准化，有备无患*/
-webkit-font-smoothing: antialiased; /*chrome、safari*/
-moz-osx-font-smoothing: grayscale;/*firefox*/}

.uppercase span{text-transform:uppercase;font-smoothing: antialiased;/*坐等标准化，有备无患*/
-webkit-font-smoothing: antialiased; /*chrome、safari*/
-moz-osx-font-smoothing: grayscale;/*firefox*/}

.uppercase i{text-transform:uppercase;font-smoothing: antialiased;/*坐等标准化，有备无患*/
-webkit-font-smoothing: antialiased; /*chrome、safari*/
-moz-osx-font-smoothing: grayscale;/*firefox*/}
/*layout=======================================*/
.topbox{ width:100%; height:35px; line-height:35px; color:#6b6b6b; border-bottom:1px solid #e2e1e1;}
.topleft{ font:14px/35px "微软雅黑";}
.topright{ font:14px/35px "微软雅黑"; color:#6b6b6b;}
.topright a{color:#6b6b6b;}
.topright a:hover{ color:#e2011d;}

/*logo*/
.toplogo{ height:120px;}
.logo{ width:800px; height:120px; overflow:hidden;}
.logo a{ display:block;}
.logo a img{ width:800px; height:120px; overflow:hidden;}

.topphone{ width:400px; height:110px;  overflow:hidden; padding-top:10px;}
.qquan{
  border: 8px solid #f8f8f7;
  border-radius: 50%;
  background: url(../images/zsbg.png) no-repeat left #fff;
  display: inline-block;
  width:80px;
  height:80px;
  vertical-align: middle; float:right;}

.qquan em{ width:80px; height:80px; overflow:hidden; background:url(../images/phone.png) no-repeat center; display: block;}
.topphone i{nax-width:304px; font:600 36px/100px "微软雅黑"; color:#e6011e; display:block; float: right; text-indent:5px; overflow:hidden; padding-left:10px;}

/*nav*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{ width:100%; height:60px;background: url(../images/zsbg.png) repeat-x #030303 center; position:relative;}
.nav{height:60px; line-height:60px; 
text-align: center;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-moz-box-pack: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
display: table; position:relative;}
.nav .nLi{ display: table-cell; cursor: pointer;-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1;   -ms-flex: 1; flex: 1;  zoom:1; position:relative; transition: all 0.4s ease-out 0s;}
.nav .nLi h3{}
.nav .nLi h3 a{ display:block; font-size:20px; font-weight:100; padding:0 16px; color:#FFF; transition: none ease-out .3s; transition-property: color, background, text-indent, opacity;}
.nav .on h3 a{ height:60px; background: url(../images/zsbg.png) no-repeat center #efbb05; display:inline-block; vertical-align: bottom; color:#FFF; border-top-left-radius:8px;
-webkit-border-top-left-radius:8px; border-top-right-radius:8px;-webkit-border-top-right-radius:8px; position:relative; top:-5px;}
.nav .sub{ display:none;  width:220px; padding:10px;  position:absolute; background: url(../images/zsbg.png) repeat-y #c70417;  float:left; top:60px; left:-55px; z-index:999; text-align:center; vertical-align:middle;  border-bottom-left-radius:8px;-webkit-border-bottom-left-radius:8px; border-bottom-right-radius:8px;-webkit-border-bottom-right-radius:8px; box-shadow: 0 6px 10px rgba(0, 0, 0, .1); transition: all 0.1s ease-out 0s;}
.nav .sub li{ width:100%; line-height:50px;  border-bottom:1px dashed #ad0112; float:left; padding:5px 0;}
.nav .sub li>a{ width:220px; line-height:50px; color:#fff; display: inline-block; zoom:1; font-size:18px; float:left; overflow:hidden;}
.nav .sub li>a:hover{ background: url(../images/zsbg.png) repeat-y #d9071b; border-radius:8px;}

/*banner*/
.focusBox {width:100%; height:550px; overflow: hidden; position:relative; z-index:1;}
.focusBox .pic{width:100%; height:550px;  position:relative; z-index:0; }
.focusBox .pic a{ display:block; width:100%;  height:550px; min-width:1200px;}
.focusBox .hd { width:100%; position: absolute; bottom:15px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px;width: 16px;height: 16px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#fff; cursor: pointer; display:inline-block; *display:inline; zoom:1; overflow:hidden;}
.focusBox .hd .on{width: 16px;height: 16px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#cd0923;}
.focusBox .prev,.focusBox .next { width:40px; height:80px; display: none; background: url(../images/jt_banner.png) 10px  center no-repeat; position: absolute; top:40%;z-index:999; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=50);opacity:0.5; padding:10px; border-radius:4px;}
.focusBox .prev { left:5px;}
.focusBox .next { background-position:-78px center; right:5px; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=60) !important; opacity:0.8!important; }

/*搜索*/
.searchbox{ width:100%; height:70px; line-height:70px; border-bottom:1px solid #d6d8d7;}
.search{}
.searchleft{ width:800px; font:18px/70px "微软雅黑";}
.searchleft a{ color:#656665; padding:0 10px;}
.searchleft a:hover{ color:#cd0923;}
.searchright{ width:332px; position:relative; overflow:hidden;}
.inp_srh{width:320px; height:40px; line-height:40px; border:1px solid #d6d8d7; border-radius:8px; padding:0 5px; color:#A0A0A0;}
.btn_srh{width:40px; height:40px;  background:none; border:none; cursor:pointer;  position:absolute; background: url(../images/search.png) no-repeat center; top:17px; right:0;}


/*最新公告*/
.notice{ width:100%; height:180px; overflow:hidden; position:relative;}
.noticebg{ width:100%; height:130px; background:url(../images/zsbg.png) #fff repeat-x center; position:absolute; z-index:-1;}
.noticebox{ height:100px;  background:url(../images/zsbg.png) #000 repeat-x; position:relative;}
.noticelm{ height:80px; font:30px/80px "微软雅黑"; color:#8e8f94; text-align:center; vertical-align:middle;}
.noticelm em{ color:#020202; font:30px/80px "微软雅黑";}
.noticelm i{ color:#8e8f94; font:30px/80px "微软雅黑";}
.noticebox{}
.noticebox .bd ul li{ width:480px; height:60px; line-height:60px; overflow:hidden; border: 1px solid #504f4f; background:url(../images/lb.png) no-repeat 15px center; padding:0 20px 0 50px; float:left; margin:22px;}
.noticebox .bd ul li a{ color:#FFF; font-size:18px;}
.noticebox .bd ul li a:hover{ color:#FC0;}
.noticebox .bd ul li .date{ font-style:normal; float:right; color:#fff; font-style:normal;}

/*推荐产品*/
.m_m2{ width:1100px; margin:0 auto;}
.slideBox{ width:1300px; height:600px; margin:0 auto; overflow:hidden; position:relative;}

.slideBox bd{ position:relative;}
.hotlm{ width:450px; height:80px; font:30px/80px "微软雅黑"; color:#8e8f94; text-align:center; vertical-align:middle; border-top:1px solid #E0E0E0; overflow:hidden; position:absolute; top:30px;}
.hotlm em{ color:#020202; font:30px/80px "微软雅黑"; }
.hotlm i{ color:#8e8f94; font:30px/80px "微软雅黑"; }
.hotwenzi{ width:450px; position:relative; top:80px;}
.kkbox{width:448px; height:445px;  border:1px solid #E9E9E9; background-color:#FFF;}
.hotbox{ padding:25px; height:280px; position:relative;}
.hotnrt{ font:30px/50px "微软雅黑"; text-align:center; overflow:hidden;}

.lx{display: block; text-align:center;}
.lx i{display: block; width: 8px; height: 8px; background: #cacbc9;transform: rotate(45deg);  display:inline-block;}
.lx:before, .lx:after {
            content: '';   /*CSS伪类用法*/
            position: absolute; /*定位背景横线的位置*/
            top:88px;
            background:#e5e5e5; /*宽和高做出来的背景横线*/
            width:180px;
            height:1px;
        }
.lx:before{left:25px;  /*调整背景横线的左右距离*/}
.lx:after { right:25px;}

.hotbox p{font:20px/30px "微软雅黑"; padding:20px 0;}
.ggyu{ height:100px; font:600 48px/100px "微软雅黑"; color:#b1b2b7; border-top:1px solid #e9e9e9; text-align:center; vertical-align:middle;}

.hotmo0re{ height:0; position:relative; bottom:50px;}
.hotmo0re a{ display:block; font-size:24px; color: #fff; position:absolute; z-index:999; right:10%; top:20px;}
.hotmo0rebg{ width:10%; position:absolute; right:0;height:0; z-index:0;border-left:60px solid transparent; border-right:150px solid #c00b2c; border-bottom:80px solid #c00b2c;}

.slideBox .prev,.slideBox .next{ position:absolute;  width:80px; height:80px; display:block; border-radius:50%; top:40%;}
.slideBox .next{background:url(../images/leftjt.png) #000 no-repeat center; left:0;}
.slideBox .prev{ background: url(../images/rightjt.png) #000 no-repeat center; right:0;}

.slideBox .hd{ width:700px; height:80px; overflow:hidden; position:absolute; right:0; bottom:0; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center; vertical-align:middle;}
.slideBox .hd ul li{margin-right:10px;  width:30px; height:30px; line-height:30px; text-align:center; background:#fff; color:#333; cursor:pointer;  border-radius:50%; display: inline-block;}
.slideBox .hd ul li.on{ background:#c00b2c; color:#fff; }

.hotpic{ width:600px; height:510px; overflow:hidden; background:#fff; text-align:center; vertical-align:middle; margin-left:50px;}
.hotpic a{width:540px; height:450px;  display:block; padding:30px;}
.hotpic a img{width:540px; height:450px; overflow:hidden;}

.zsbg{ position:relative;}
.hotpicbg{ width:100%; height:250px; background:url(../images/zsbg.png) #000 repeat-x; position:absolute; z-index:-1; bottom:0;}

/*产品中心*/
.piclm{ height:90px; line-height:110px; background:url(../images/lmkk.png) no-repeat center; color:#8e8f94; text-align:center; vertical-align:middle; padding-top:20px; position:relative; z-index:99;}
.piclm em{ display:block; color:#020202; font:30px/40px "微软雅黑"; }
.piclm i{ display:block;  color:#8e8f94; font:24px/40px "微软雅黑"; }

.piclm:before,.piclm:after {
            content: '';   /*CSS伪类用法*/
            position: absolute; /*定位背景横线的位置*/
            top:50px;
            background:#e5e5e5; /*宽和高做出来的背景横线*/
            width:39%;
            height:1px;
        }
.piclm:before{left:0;  /*调整背景横线的左右距离*/}
.piclm:after { right:0;}

/**/
.cpslideBox{ height:auto; background: url(../images/cpbg.jpg) repeat; position:relative; top:-50px; z-index:0; padding:90px 0 0; overflow:hidden;}
.cpslideBox .hd{position:relative; text-align:center; vertical-align:middle;}
.cpslideBox .hd ul{}
.cpslideBox .hd ul li{line-height:60px; cursor:pointer; display:inline-block;margin:0 10px 20px; text-align:center; vertical-align:middle; border:1px solid #C3C3C2;  padding:0 20px;}
.cpslideBox .hd ul li a{line-height:60px; font-size:20px; color:#3f3f3f; display:block;}

.cpslideBox .hd ul li.on{ height:60px; background: url(../images/zsbg.png) no-repeat #c00b2c; transition: all 0.3s ease-in; border:none;}
.cpslideBox .hd ul li.on a{color:#FFF;}

.cpslideBox .bd{ height:auto; padding-top:20px; overflow:hidden;}
.cpslideBox .bd ul{}
.cpslideBox .bd li{ width:360px; height:440px; overflow:hidden; padding:0 20px 30px; float:left;}
.cpslideBox .bd li>a{ display:block; width:360px; height:300px; overflow:hidden;box-shadow: 0 3px 3px 0px #aeacac;}
.cpslideBox .bd li>a img{ display:block; width:360px; height:300px; overflow:hidden;}
.cpslideBox .bd li .productmore{width:358px; height:90px; text-align:center; vertical-align:middle; border:1px solid #eeeded; margin-top:20px; padding-top:10px; background-color:#FFF;}
.cpslideBox .bd li .productmore h2{width:358px; height:40px; font:100 22px/40px "微软雅黑"; overflow:hidden;}
.cpslideBox .bd li .productmore a{width:358px; height:40px; font:16px/30px "微软雅黑"; color:#737374; display:block; overflow:hidden;}
.cpslideBox .bd li .productmore:hover{box-shadow: 0 3px 3px 0px #aeacac;}


/*工程案例*/
.caselm{ height:100px; font:30px/100px "微软雅黑"; color:#8e8f94; text-align:center; vertical-align:middle;  background:url(../images/zsbg.png) #000 repeat-x; position:relative; top:-10px;}
.caselm em{ color:#fff; font:30px/100px "微软雅黑"; }
.caselm i{ color:#8e8f94; font:30px/100px "微软雅黑"; }

.casepicBox{ width:100%; height:900px; background:url(../images/bgtt.jpg) no-repeat bottom; padding:30px 0; position:relative; top:-10px;}
.casepicBox li{ width:360px; height:400px; overflow:hidden; float:left; position:relative; padding:0 10px; margin:20px 10px;}
.casepicBox li .casenrbox>a{ display:block; width:360px; height:300px; overflow:hidden;}
.casepicBox li .casenrbox>a img{ display:block; width:360px; height:300px; overflow:hidden;}
.casepicBox li .casemore{width:350px; height:90px; text-align:left; vertical-align:middle; padding:0 5px;}
.casepicBox li .casemore a em{ width:130px; font:18px/90px "微软雅黑"; color:#737374; display:inline-block; float:left;}
.casepicBox li .casemore a em i{font:100 50px/90px "宋体"; padding:0 5px; vertical-align:bottom;}
.casepicBox li .casemore a h2{width:220px; height:90px; font:100 20px/90px "微软雅黑";  display:inline-block; text-align:left; color:#000; overflow:hidden;  float:left;}
.casenrbox{width:380px; height:400px; position:absolute; z-index:1;}
.whitebg{ width:380px; height:340px; background-color:#FFF; position:absolute; z-index:0; top:50px; left:0; box-shadow: 0 3px 3px 0px #aeacac; opacity: 0.8;}
  
/*关于我们*/
.aboutbox{ width:100%; height:630px; margin:40px 0;  position:relative;}
.aboutbg{ width:100%; height:450px;  background:url(../images/zsbg.png) #000 repeat-x bottom; position:absolute; z-index:-1; top:100px;}
.aboutusnr{overflow:hidden;}

.aboutpic{ width:350px; height:630px; text-align:center; vertical-align:middle; padding-left:10px;}
.aboutpic a{ width:300px; height:250px; display:block;  padding:20px; background:#FFF; box-shadow: 0 3px 3px 0px #8C8A8A;}
.aboutpic a img{ width:300px; height:250px; display:block; overflow:hidden;}

.aboutwenz{ width:800px; padding-left:40px; overflow:hidden;}
.ablm{ height:80px; font:30px/80px "微软雅黑"; color:#8e8f94; padding-top:20px;}
.ableft{ overflow:hidden;}
.ableft em{ color:#070707; font:30px/80px "微软雅黑"; }
.ableft i{ color:#8e8f94; font:30px/80px "微软雅黑"; }
.ablm a{ display:block; font:20px/50px "微软雅黑"; float:right; padding-top:20px;}

.about_nr{ width:760px; height:340px; background-color:#FFF; margin-top:35px; font:18px/30px "微软雅黑"; padding:20px; overflow:hidden;}

/*news*/
.newsbox{ width:100%; height:350px;   background:url(../images/zsbg.png) #000 repeat-x bottom; position:relative; }
.newsnr{ padding:30px 0;}
.newleft{ width:280px; height:290px; overflow:hidden; position: relative; text-align:center; vertical-align:middle; overflow:hidden;}
.newbgkk{ width:280px; height:290px;  background:url(../images/newskk.png) no-repeat center; opacity:0.2; position:absolute; z-index:0;}
.newtittle{ padding-top:90px;}
.newtittle em{ color:#fff; font:30px/50px "微软雅黑"; display:block;}
.newtittle i{ color:#797878; font:20px/40px "微软雅黑";  display:block;}

.newmore{ width:120px; height:290px; background:url(../images/jt.png) no-repeat right center; opacity:0.3; overflow:hidden;}
.newmore:hover{opacity:0.8;  background:url(../images/jt.png) no-repeat left center;}

.newScroll{width:700px; overflow:hidden; position:relative; padding:0 50px;}
.newScroll .hd{width:700px; height:40px; line-height:40px; overflow:hidden; text-align:center;}
.newScroll .hd ul{ text-align:center;}
.newScroll .hd ul li{width:12px; height:12px; cursor:pointer; display:inline-block; background:#5a5959; font-size:0; margin:0 10px; border-radius:12px;vertical-align: middle;}
.newScroll .hd ul li.on{ width:14px; height:14px; background:none; border:4px solid #5a5959;  border-radius:14px;}

.newScroll .bd{ padding-top:50px;}
.newScroll .bd ul{overflow:hidden; zoom:1;}
.newScroll .bd ul li{ width:100%;  zoom:1; float:left; margin-bottom:20px;}
.newScroll .bd ul li .newleft{ width:180px; height:150px; overflow:hidden;}
.newScroll .bd ul li .newleft a{ width:180px; height:150px; overflow:hidden; display:block;}
.newScroll .bd ul li .newleft a img{ width:180px; height:150px; overflow:hidden;}
.newScroll .bd ul li .newright{ width:500px; padding-left:20px;}
.newScroll .bd ul li .newright a{ width:500px; overflow:hidden; font:20px/35px "微软雅黑"; color:#FFF; display:block;}
.newScroll .bd ul li .newright a:hover{color:#FC0;}
.newScroll .bd ul li .newright em{ width:100%; font:14px/24px "微软雅黑"; color:#6e6e6e;}
.newScroll .bd ul li .newright p{font:16px/28px "微软雅黑"; color:#d4d3d3;}

/*footone*/
.footone{ width:100%; height:390px;   background:url(../images/zsbg.png) #1D1D1D repeat-x bottom; padding-top:40px;}

.footerwm{ width:500px; height:340px; padding-top:50px;}
.erwmtu{ width:160px; height:180px; padding:20px; overflow:hidden; background:url(../images/erwmkk.png) no-repeat center; text-align:center; vertical-align:middle; float:left; position:relative;}
.erwmtu img{width:160px; height:160px; overflow:hidden;}
.erwmtu p{ width:160px; font:14px/20px "微软雅黑"; color:#fbfcff; position:absolute; bottom:0; text-align:center; vertical-align:middle;}

/*links*/
.links{ width:100%; height:100px; background-color:#181818;}
.linksbox{ overflow:hidden;}
.linksleft{ width:auto; line-height:100px; background:url(../images/xiex.png) no-repeat 110px center;}
.linksleft em{font:30px/80px "微软雅黑"; color:#fbfcff; padding-right:20px; display:inline-block;}
.linksleft i{font:28px/70px "微软雅黑"; color:#8e8f94; vertical-align:bottom; display:inline-block; border-right:solid #181818 1px; padding-right:15px;}
.linksright{ padding-left:20px;}
.linksright a{ display:block; padding:20px 10px 0; color:#fbfcff; font-size:18px; float:left; line-height:80px;}
.linksright a:hover{ color:#FC0;}

.footend{ text-align:center; vertical-align:middle;   background:url(../images/zsbg.png) #1D1D1D repeat-x bottom; padding:50px 0; color:#fbfcff; line-height:35px; font-size:18px; position:relative;}
.footend a{color:#fbfcff;}
.footend a:hover{color:#FC0;}

.gotop{text-align: center; position:absolute; right:10px; bottom:50px; z-index:999;}
.gotop a{color:#fff; font-size: 16px; display:block; width:50px;height:50px; line-height:50px; display: block;  background: url(../images/zsbg.png) no-repeat center #d9071b; border-radius:100%;}
.gotop a:hover{color:#fff; background: url(../images/zsbg.png) no-repeat center #CCC;}

/*====================================inlayout=======================================*/
.inbanner{ width:100%; height:300px; overflow:hidden;}
.homeposition{ height:50px; line-height:50px; vertical-align:bottom;}
.homeposition a{ line-height:50px;  vertical-align:bottom;}
.homeposition i{ font-family:"宋体"; padding:0 5px;  vertical-align:bottom;}
.inbox{ height:auto; overflow:hidden;}

/*left*/
.inmainboxleft {width:180px;  text-align:left; margin-left:20px;}
.inmainboxleft .active{font-size:20px; line-height:50px; height:50px; color:#d9071b;}
.inmainboxleft a { width:100%; height:40px; line-height:40px; display:block; border:0px; background:none; color:#666;  position:relative; padding:0; border-bottom:1px solid #eae8e8;transition: all 0.3s ease-out 0s;}
.inmainboxleft a::before {content:'';position:absolute;width:3px;height:12px;background:transparent;left:-16px;margin-top:18px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.inmainboxleft a.active::before {background:#d9071b;}
/*right*/
.inmainboxright{ width:970px; padding-left:30px;}

/*list*/
.inlist{verflow:hidden;}
.inlist li{ height:150px;  border-bottom:1px dashed #CCCCCC; overflow:hidden; padding-bottom:20px; margin:20px 0;}	
.newspic{ width:180px; height:150px; overflow:hidden; margin-right:20px;}
.newspic a{ display:block;}
.newspic a img{ width:180px; height:150px; overflow:hidden;}

.newzi{ width:650px;  overflow:hidden; margin-right:30px;}
.newzi h3 a{ width:100%; height:40px; line-height:40px; font-size:20px; text-align:left; font-weight:100;}
.newzi p{ line-height:30px; color: #666;}

.newsdate{ width:90px; display:block; color: #A4A4A4; text-align:center; vertical-align:middle;}
.newsdate:hover{color:#333;}	

.newsdate .year { text-align: center; vertical-align:middle;
    font-size:24px;
    color: #999;
    font-family: HELVETICANEUELTPRO-THEX, 微软雅黑;
    display: block;
    line-height:50px;
    position: relative;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; float:left;
}

.newsdate .mores{float:left; color: #B0B0B0; transition: all 0.3s ease-out; display:none;}
.newsdate .year:hover{ color:#d9071b;}
.inlist li:hover .mores{display: block;}

	
/*分页*/
.my_page{text-align:center; overflow:hidden;}
.my_page li { height:40px; line-height:40px; display:inline; text-align:center; margin:0px 5px; vertical-align:bottom;}
.my_page li a{ line-height:40px; text-align:center; color: #333; border:1px solid #CCC; text-decoration:none; padding:0 15px; font-size:18px;  vertical-align:bottom;}
.my_page li span{color: #fff;text-decoration: none;border: 1px solid #747474; background-color:#747474; line-height:40px; text-align:center; text-decoration:none; padding:0 15px; font-size:18px;  vertical-align:bottom}
.my_page li a:hover{color:#fff ; text-decoration:none;  border:1px solid #747474;background-color:#747474;}

<!--product-->
.inproduct{padding-bottom:20px; overflow:hidden;}
.inproduct ul{}
.inproduct li{ width:300px; height:390px; overflow:hidden; float:left; margin:10px;}
.inproduct li>a{ display:block; width:300px; height:250px; overflow:hidden;box-shadow: 0 3px 3px 0px #aeacac;}
.inproduct li>a img{ display:block; width:300px; height:250px; overflow:hidden;}
.inproduct li .productmore{width:298px; height:90px; text-align:center; vertical-align:middle; border:1px solid #eeeded; margin-top:20px; padding-top:10px; background-color:#FFF; overflow:hidden;}
.inproduct li .productmore h2{width:298px; height:40px; font:100 20px/40px "微软雅黑"; overflow:hidden;}
.inproduct li .productmore a{font:18px/30px "微软雅黑"; color:#737374; display:block;}
.inproduct li .productmore:hover{box-shadow:0 3px 3px 0px #aeacac;}

/*case*/
.incase{ padding-bottom:20px; overflow:hidden;}
.incase li{ width:300px; height:320px; overflow:hidden; float:left; position:relative;  margin:15px 5px;}
.incase li .casenrbox>a{ display:block; width:276px; height:230px; overflow:hidden; padding:0 12px;}
.incase li .casenrbox>a img{ display:block; width:276px; height:230px; overflow:hidden; text-align:center; vertical-align:middle;}
.incase li .casemore{width:290px; height:80px; text-align:left; vertical-align:middle; padding:0 5px;}
.incase li .casemore a em{ width:130px; font:18px/80px "微软雅黑"; color:#737374; display:inline-block; overflow:hidden; float:left;}
.incase li .casemore a em i{font:100 50px/80px "宋体"; padding:0 5px; vertical-align:bottom;}
.incase li .casemore a h2{ width:160px; font:100 20px/80px "微软雅黑";  display:inline-block; text-align:left; color:#000; overflow:hidden;  float:left;}
.inwhitebg{ width:300px; height:260px; background-color: #F4F4F4; position:absolute; z-index:0; top:50px; left:0; box-shadow:0 3px 3px 0px #aeacac; opacity: 0.8;}

/*list info*/
.bt{ width:100%; line-height:50px; color:#000; font-size:28px; font-weight:100; text-align:center;}
.info{height:40px;line-height:39px; border-bottom: dotted #BDBDBD 1px; text-align:center;  font-size:16px; color: #6A6A6A;}
.innrbox{ line-height:30px; padding:20px 0;}
.innrbox img{max-width:1200px; height:auto; width:expression(this.width >1200 ? "1200px" : this.width); overflow:hidden;}

/*page nest up*/
.fyy{height:auto; overflow:hidden; margin-bottom:20px; border-top:1px solid #C8C8C8; padding-top:10px; font-size:15px; position:relative; margin-top:20px;}
.fyy ul{}
.fyy ul li{ width:100%; line-height:30px;  float:left;}
.fyy ul li a{color:#4E4E4E;}
.fyy ul li span{ font-weight:600; padding-right:10px; color:#d9071b;}
.fyy em{ display:inline-block; background: url(../images/backjt.png) no-repeat left center; padding-left:20px; line-height:40px; position:absolute; right:0; font-size:15px;}
