/*quality*/
.wrap {
    width: 1200px;
    margin: 0 auto;
}
.title{ text-align:center; margin:50px 0 0 0; float:left; width:100%; color:#5d5d5d; font-size:16px; line-height:30px; border:0;}
.title h2{ background:url(../images/bgtit1.png) center center no-repeat; font-size:30px; line-height:45px;}

.processlist li{ float:left; width:300px; text-align:center; margin:45px 0 0 0;}
.processlist li a{ display:block; width:298px; margin-right:2px; height:132px; background:#00456b; font-size:20px; color:#fff; line-height:50px;}
.processlist li img{ margin:15px 0 0 0;}
.processlist li.last a{ width:100%; margin-right:0;}
.processlist li a:hover{ background:#da251c;}
.quam1{ float:left; width:100%; padding-bottom:38px; background:#fff;}
.quam2{ background:#eefcff; float:left; width:100%; height:550px;}
.needlist li{ float:left; width:294px; margin:45px 3px 0; position:relative; height:294px; cursor:pointer; overflow:hidden;}
.needlist li .hei{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/bgtm1.png) no-repeat; text-align:center; color:#fff; font-size:24px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.needlist li .hei b{ display:block; text-align:center; line-height:152px; font-weight:bold; font-size:120px; font-family:"\5B8B\4F53"; margin:40px 0 0 0;}
.needlist li .hong{ padding-top: 40%; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; background:url(../images/bgtm2.png) no-repeat; color:#fff; line-height:24px; font-size:14px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.needlist li:hover .hei{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.needlist li .hong p{ margin:130px 0 0 0;}
.needlist li:hover .hong{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.quam3{ float:left; width:100%; height:917px; background-color:#fff;}
.quam3list{ float:left; width:100%; margin:50px 0 0 0;}
.quam3list li{ float:left; width:400px; height:233px; position:relative; cursor:pointer; overflow:hidden;}
.quam3list li.list1{ width:680px; height:466px;}
.quam3list li.list2,.quam3list li.list3{ width:520px;}
.quam3list li span.white{ position:absolute; left:50%; top:50%; background-color:rgba(255,255,255,0.9); width:130px; height:130px; margin:-70px 0 0 -70px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%; border-radius:50%; color:#da251c; line-height:28px; font-size:14px; padding-top:30px; text-align:center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.quam3list li:hover span.white{ position:absolute;left:0; top:0; width:100%; height:165px; margin:0; background:rgba(208,35,27,0.5);color:#da251c;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0; border-radius:0; color:#fff; padding-top:68px; -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.quam3list li:hover span.white p{ display:block;}
.quam3list li.list1:hover span.white{ padding-top:200px; height:266px;}
.quam4{ float:left; width:100%; height:489px; background:#da251c; position:relative;}
.quam4 span.jiao{ position:absolute; left:50%; bottom:0; background:url(../images/jiao5.png) no-repeat; width:55px; height:27px; margin:0 0 0 -28px;}
.quam4list li{ float:left; width:270px; height:183px; padding-right:20px; background:url(../images/jiao4.jpg) right center no-repeat; line-height:24px; text-align:center; margin:68px 0 0 0; color:#fca5a1;}
.quam4list li p{font-size: 13px;}
.quam4list li h2{ color:#fff; line-height:20px; font-size:20px; padding:60px 0 0 0; padding-bottom:22px;}
.quam4list li.last{ background:none; padding-right:0;}
.quam5{ float:left; width:100%; height:454px; padding-top:70px; background-color:#fff;}
.quam5_item{ float:left; width:325px; margin:0 73px 0 17px;}
.quam5_item2{ margin-right:0;}
.quam5_item .quam5_tit{ line-height:40px; text-align:center; color:#da251c; font-size:18px; float:left; width:100%; padding-bottom:25px;}
.quam5list li{ float:left; width:100%; background:url(../images/dian_quality.png) left 8px no-repeat; color:#5d5d5d; padding-bottom:14px;}
.quam5list li p{ padding-left:17px;}
.quam6{ float:left; width:100%; background:#eefcff; height:414px;}
.quam6list{ float:left; width:100%; background:url(../images/bgline3.png) left 79px no-repeat; margin:42px 0 0 0;}
.quam6list li{ float:left; width:300px; text-align:center; line-height:40px; font-size:20px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.quam6list li span{ display:inline-block; width:151px; height:151px; background:url(../images/yuan1.png) center top no-repeat;}
.quam6list li span b{ display:block; width:100%; height:100%; background:url(../images/icon8.png) no-repeat;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.quam6list li span b.icon1{ background-position: -456px 0;}
.quam6list li span b.icon2{ background-position: 0 0;}
.quam6list li span b.icon3{ background-position: -304px 0;}
.quam6list li span b.icon4{ background-position: -152px 0;}
.quam6list li p{ padding-top:15px;}
.quam6list li:hover b{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);}
.quam7{ float:left; width:100%; background:url(../images/jiao6.jpg) #fff center top no-repeat; height:497px;}
.quam7list{ width:1136px; margin:0 auto; padding:78px 0 0 0;}
.quam7list li{ float:left; width:550px; height:59px; line-height:59px; text-align:center; color:#373737; font-size:14px; margin-bottom:26px; position:relative; }
.quam7list li p{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.quam7list li.spa{ float:right; margin:26px 0 0 0;}
.quam7list li a{ color:#373737; display:block; position:relative; z-index:2;background:#eefcff;}
.quam7list li span{ background:url(../images/yuan3.jpg) no-repeat; width:14px; height:14px; position:absolute; right:-25px; top:50%; margin:-7px 0 0 0; z-index:99;}
.quam7list li.spa span{ right:auto;left:-25px;}
.quam7list li:hover p{ width:100%; height:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;background:#da251c;}
.quam7list li:hover a{ color:#fff;background:none;}
.quam8{ float:left; width:100%; padding-bottom:96px; position:relative;}
.quam8 .pic{ margin:275px 0 0 442px; float:left;}
.bghua3 {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -176px;
    z-index: 0;
}

/*列表页*/
.main {
    display: block;
    overflow: hidden;
    clear: both;
    padding: 20px 0 80px;
    background: #fff;
}
.mainarea {
    margin-top: 30px;
    overflow: hidden;
}
.subnav {
    display: block;
    overflow: hidden;
    clear: both;
}
.subnav li.hover, .subnav li:hover {
    background: url(../images/bgsub1.jpg) center bottom no-repeat;
}
.subnav3 li {
    width: 299px;
}
.subnav li {
    float: left;
    margin-right: 2px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    padding-bottom: 5px;
}
.subnav li a {
    display: block;
    background: #f4f4f4;
}
.subnav li a:hover, .subnav li.hover a {
    border-bottom: 2px solid #da251c;
    color: #da251c;
}
.subnav3 li.last {
    width: 297px;
}
.subnav li.last {
    margin-right: 0;
}

.newslist{overflow: hidden;margin-top: 33px;clear: both;}
.newslist li{width: 100%;padding: 28px 0px 28px;border-bottom: 1px solid #EEEEEE;overflow: hidden; float:left;}
.newslist li .pic{ float:left; margin-left:10px;}
.newslist li .txt{ float:right; width:597px; color:#7c7c7c; font-size:14px; line-height:24px;}
.newslist li .txt h2{ font-size:16px; line-height:40px; padding-bottom:10px;}
.newslist li .txt p{ height:72px; overflow:hidden;}
.newslist li .txt .keyword{ float:left; width:100%; margin:24px 0 0 0; color:#a3a2a2; font-size:12px;}
.newslist li .fx{ float:left; width:100%; margin:50px 0 0 0;}

.newslist li .dt{float:left;width: 74px;height: 25px;line-height: 25px;text-align: center;font-size: 12px;border-radius: 7px;color: #717171;border: 1px solid #d2d2d2;}
.newslist li .dt:hover{background: #DA251C;color: #FFFFFF; border:1px solid #DA251C;}
.newslist3 li .txt{ width:760px;}
.newslist3 li .pic{ margin-left:0;}