@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/*产品中心*/
.titis{height:128px;text-align: center;background: url(../images/ico1.png) no-repeat center bottom;    margin-bottom: 20px;}
.titis h4 {height:66px;line-height:66px;font-size:42px;color: #0e5dab}
.titis h4 a {color: #0e5dab;}
.titis p{font-size:20px;color: #262626;height:34px;line-height:34px;}
.pro{margin-top:63px;overflow: hidden;height: 937px;}
/*.pro_qh{margin-top: 41px;height: 122px;overflow: hidden;background: url(../images/pro_ico1.jpg) no-repeat left 34px;padding-left:110px;}
.pro_qh li {float:left;width:286px;height: 65px;background: #f4f4f4;border:1px solid #dbdbdb;margin-right:57px;border-radius: 30px;text-align: center;line-height: 65px;}
.pro_qh li span {font-size:48px;color: #b5b5b5;display: inline-block;vertical-align: middle;padding-right:20px;}
.pro_qh li p {display: inline-block;vertical-align: middle;text-align: left;line-height:20px;}
.pro_qh li em {font-size:24px;color: #1f1f1f;display: inline-block;line-height: 30px;}
.pro_qh li i {font:12px arial;color: #a1a1a1;text-transform: uppercase;}
.pro_qh li.cur,.pro_qh li:hover{background: #0e5dab}
.pro_qh li.cur span,.pro_qh li:hover span {color: #dabb93}
.pro_qh li.cur em,.pro_qh li:hover em {color: #fff}
.pro_qh li.cur i,.pro_qh li:hover i{color: #d4b07f}
.pro_nr{}
.pro_nr li{float:left;width:382px;margin:0 26px 27px 0;line-height: 0;font-size:0;position: relative;}
.pro_nr li img{width:382px;height: 262px;}
.pro_nr li p a{position: absolute;width:100%;text-align: center;height: 38px;background:rgba(0,0,0,0.4);line-height: 38px;color: #dbdbdb;font-size:16px;left;bottom:0;display: block;}
.pro_nr li:nth-child(3n){margin:0 0 27px 0;}*/

.zx_bg {  height:1023px; margin:48px 0 0;}
.zx_bg .fa_bt a { width:621px; height:82px; margin:0 auto; text-align:center; display:block;}

.zx { width:300px; overflow:hidden; background:#fff;height:818px; overflow:hidden;}
.fl .leftlx{ text-align: center;margin-top: 10px; font-size: 14px;padding: 10px;border: 1px solid #ececec;display: block;margin-bottom: 20px;border-top: 3px solid #0e5daa;}
.zx_top { padding:25px 0 0 28px; height:62px;}
.zx_top a img { display:block; float:left; }
.zx_top a span { display:block; float:left; padding-left:24px; }
.zx_top a span b { display:block; font-size:24px; color:#0e5daa}
.zx_top a span em { display:block; font-size:16px; color:#666; font-weight: bold;}
.zx_con { padding:0 32px;}
.zx_con h3 { width:235px; padding:10px 0 5px; border-top:solid 1px #e4e4e4;}
.zx_con h3 a { font-size:18px; color:#333; padding-left:25px; font-weight:normal; background:url("../images/zx_ico02.gif") no-repeat right 5px; display:block; width:191px; height:30px; line-height:30px; }
.zx_con h3 a:hover { color:#eb9b2a}
.zx_con ul { padding:0 0 10px 25px;}
.zx_con ul li { height:33px; line-height:33px; background: url("../images/zx_ico03.gif")no-repeat 0 15px; padding-left:18px;}
.zx_con ul li a { font-size:14px; color:#666;}
.zx_con ul li a:hover { color:#eb9b2a;}

.rx { width:870px; height:818px; background:#fff;}
.rx_list { height:79px; border-bottom:solid 1px #e2e2e2;}
.rx_list ul li { float:left; background:url("../images/cp_xx01.gif") no-repeat right 0; width:25%;}
.rx_list ul .nobor { background:none;}
.rx_list ul li a { color:#666; font-size:18px; display:block; height:79px; line-height:79px; text-align:center; text-transform:uppercase;}
.rx_list ul li a:hover,.rx_list ul .cur a { background:#0e5daa; color:#fff; font-weight:bold;}

.rx_con { padding-top:35px; display:inline-block;} 
.rx_con dl { height:358px; margin:0 0 30px 26px; width:815px; border-bottom:solid 1px #e2e2e2; overflow: hidden;}
.rx_con dl dt { float: left; width:443px; height:325px; overflow:hidden;margin-bottom:35px; border:solid 1px lightgrey;}
.rx_con dl dt a img { width:443px; height:325px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.rx_con dl dt a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}
.rx_con dl dd { float: right; width:315px;}
.rx_con dl dd b { line-height:30px; height:30px; overflow:hidden; display:block; margin-bottom:10px;}
.rx_con dl dd b a { font-size:16px; font-weight:normal;}
.rx_con dl dd p { color:#666; line-height:30px; font-size:14px;}
.rx_con dl dd p em { color:#333}
.rx_con dl dd span { display:block; padding-top:10px;}
.rx_con ul li { float:left; width:260px; margin-left:26px; border:solid 1px lightgrey;}
.rx_con ul li i { width:260px; height:185px; overflow:hidden; display:block;}
.rx_con ul li i a img { width:260px; height:185px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.rx_con ul li i a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}
.rx_con ul li em a { font-size:14px; color:#666; text-align:center; display:block; height:43px; line-height:43px; overflow:hidden;}

/*优势关于*/
.list3{height: 1629px;padding-top:66px;}
.yous{position: relative;}
.yous .titis {height: 127px;margin-bottom:44px;}
.yous .titis h4{height: 78px;line-height: 78px}
.yous .titis h4 em {font-size:80px;font-style: italic;}
.ys_img1,.ys_img2,.ys_img3,.ys_img4{position: absolute;}
.ys_img1{right:0;top:187px;}
.ys_img2{left:-49px;top:708px;}
.ys_img3{right:-15px;top:1181px;}
.ys_img4{left:68px;top:1673px;}
.yous .dls1{left:0;top:216px;}
.yous .dls2{left:655px;top:722px;}
.yous .dls3{left:0;top:1236px;}
.yous .dls4{left:684px;top:1793px;}
.yous dl {position: absolute;}
.yous dt{height:61px;overflow: hidden;font-size:28px;color: #222222;line-height: 61px;font-weight: bold}
.yous dt span {font-size:34px;display: inline-block;padding-right:15px;}
.yous dd {padding-top:20px;}
.yous dd p {padding-left:24px;background: url(../images/ys_a.png) no-repeat left 12px;line-height: 32px;font-size:16px;color: #555555;}
.yous dd em a{background: url(../images/ys_btn1.png) no-repeat;width:115px;height: 34px;line-height: 34px;text-align: center;font-size:14px;color: #fff;display: block;margin-top:34px;padding-right:15px;}



/*品质*/
.pinz_bg{ background:url(../images/pinz_gb.jpg) no-repeat center 0;height: 660px;overflow: hidden;}
.pinz .cp_bt{color: #fff;padding: 54px 0 0;height: 122px;}
.pinz .cp_bt{font-size: 40px;color: #fff;text-align: center;line-height: 36px;padding: 54px 0 0;height: 122px;overflow: hidden;}
.pinz .cp_bt a{font-size: 40px;color: #333;}
.pinz .cp_bt span{display: block;font-size: 20px; #c6c6c6;font-weight: normal;padding: 10px 0 0;}
.pinz dl{width: 222px;float: left;padding-right: 50px;padding-left: 50px; background:url(../images/pinz_line.gif) no-repeat 0 57px;padding-top: 57px;}
.pinz dl dt{height: 92px;line-height: 92px;overflow: hidden;font-size: 24px;color: #555;}
.pinz dl dt em{width: 114px;height: 92px;display: block;float: left;line-height: 0;}
.pinz dl dt em img{width: 92px;height: 92px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.pinz dl dt:hover img {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.pinz dl dd{padding: 35px 0 0;}
.pinz dl dd p{font-size: 14px;color: #555;line-height: 24px;height: 48px;overflow: hidden;}
.pinz dl dd span{width: 222px;height: 120px;display: block;overflow: hidden;margin-top: 22px;}
.pinz dl dd span img{width: 222px;height: 120px;}
.pinz .nobor01{padding-left: 0;background: none;}
.pinz .nobor02{padding-right: 0;}


/*案例*/


.calist .c_t{
    text-align: center;
    margin: 0 auto;
    width: 350px;
    height: 100px;
}
.calist .c_t h2{
       font-size: 40px;line-height: 2.5;color: #0e5cad;
}
.ca_qie{
    width: 1210px;
    margin: 0 auto;
    overflow: hidden;
}
.ca_qie li{
    width: 370px;
    /*height: 400px;*/
    margin-left: 30px;
}
.ca_qie li img{
    width: 100%;
    height: 100%;
}


/*新闻*/
.newsbj{height:615px;}
.news{padding-top:40px;}
.news h3{text-align: center; font-size: 40px; font-weight: bold; height:40px; line-height: 40px; color:#0e5dac ;width:217px; margin:0 auto 38px; padding:0 100px; position: relative;}
.news h3:before{width:100px; height:7px;background:url(../images/xt1.png) no-repeat center; content:""; position: absolute; top:20px; left:0;}
.news h3:after{width:100px; height:7px;background:url(../images/xt2.png) no-repeat center; content:""; position: absolute; top:20px; right:0;}
.news .newssm{width:600px;float:left;}
.news .newssm span{display: block; height:32px; line-height: 32px; margin-bottom: 19px;}
.news .newssm span a{display: block; font-size: 18px; color:#333333; border-left:5px solid #FFF;float:left;padding-left:21px; margin-right: 20px;}
.news .newssm span a.cur{border-left:5px solid #0f5eab; font-weight: bold; color:#0f5eab;}
.news .newssm dl{height:186px;margin-bottom: 20px;}
.news .newssm dl dt{width:245px; height:186px; float:left;}
.news .newssm dl dt img{width:245px; height:186px;}
.news .newssm dl dd{width:336px; float:right;}
.news .newssm dl dd strong{display: block; margin-bottom: 6px;}
.news .newssm dl dd strong a{font-size: 15px; color:#333333;font-weight:bold;}
.news .newssm dl dd p{font-size: 14px;width: 308px; color:#999999; height:64px; margin-bottom: 32px;}
.news .newssm dl dd b{display: block; width:100px;text-align:center; line-height:30px;background:#0e5daa;    margin-top: 60px;}
.news .newssm dl dd b a{display: block; font-size: 14px; font-weight: normal; color:#FFFFFF; }
.news .newssm ul li{width:573px; height:71px; border:1px solid #e5e5e5; margin-bottom: 19px; box-sizing: border-box;padding-top:10px; padding-bottom:11px;}
.news .newssm ul li strong{display: block; width:114px;text-align: center; float:left; font-weight: normal; padding-top:3px; font-size: 30px; line-height: 22px; color:#333333; border-right:1px solid #D2D2D2;}
.news .newssm ul li strong i{display: block; text-align: center; font-size: 14px; line-height: 14px; color:#666666; margin-top: 9px;}
.news .newssm ul li em{display: block;float:left;padding-left:29px; width:408px; height:47px;  background:url(../images/jt1.png) no-repeat right;line-height: 47px; }
.news .newssm ul li em a{display:block;font-size: 14px; color:#666666; font-weight: bold;}
.news .newssm ul li:hover em{background:url(../images/jt1_h.png) no-repeat right;}
.news .newssm ul li em a:hover{color:#0f5eab;}
.news .jsbk{width:575px; float:right;}
.news .jsbk span{display: block; height:47px; line-height: 47px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.news .jsbk span em{display: block;float:left; padding-left:20px; font-size: 18px; color:#333333;}
.news .jsbk span em i{font-size: 14px; color:#999999;}
.news .jsbk span b{display: block;float:right;font-size: 14px; color:#999999; margin-right: 20px; font-weight: normal;}
.news .jsbk .bksm{width:556px;padding-left:18px; padding-top:6px;}
.news .jsbk .bksm dl{height:105px;border-bottom:1px dashed #dfdfdf;margin-top: 18px;}
.news .jsbk .bksm dl dt{margin-bottom: 13px;height:30px; line-height: 30px;padding-left:48px; background:url(../images/tb.jpg) no-repeat left;}
.news .jsbk .bksm dl dt a{font-size: 14px; color:#666666; font-weight: bold;}
.news .jsbk .bksm dl dt a:hover{color:#0f5eab;}
.news .jsbk .bksm dl dd p{padding-left:47px; font-size: 14px; color:#666666;}
.news .jsbk .bksm dl.last{border-bottom:0;}

/*底部*/
.foot{
    height: 460px;
    width:100%;
    background:#005a9d;
}
.foot .fa{
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}
.foot .fl{
    width: 450px;
    margin-top: 60px;
    float: left;
}
.foot .fl .fl_u{
    height: 80px;
    width: 350px;
    border-bottom: 1px solid #fff;
}
.foot .fl .fl_u h2{
    font-size: 24px;
    color: #fff;
}
.foot .fl .fl_u p{
    font-size: 14px;
    color: #ffffff;
    margin-top: 20px;
}
.foot .fl .tel{
    margin-top: 50px;
    height: 50px;
}
.foot .fl  .tel span{
    font-size: 30px;
    color:rgb(255, 153, 0);
}
.foot .fl .fl_d{
    height:   70px;
}
.foot .fl .fl_d h2{
    font-size: 24px;
    color: #fff;
}
.foot .fl .fl_d p{
    font-size: 14px;
    color: #ffffff;
    margin-top: 20px;
}
.foot .fl .fqq{
    width: 350px;
    height: 80px;
    border-top: 1px solid #fff;
    margin-top: 10px;
}
.foot .fl .fqq .f_click{
    width:100px;
    height: 40px;
    border:1px solid rgb(255, 153, 0);
        margin: 30px 0;
        text-align: center;
        line-height: 2.5;
}

.foot .fl .fqq .f_click span{
color: rgb(255, 153, 0);
}
.foot .fm{
     margin-top: 60px;
     float: left;
     width:600px;
}
.foot .fm .fm_u{
    height: 80px;
}
.foot .fm .fm_u h2{
    font-size: 24px;
    color: #fff;
}
.foot .fm .fm_u p{
    font-size: 14px;
    color: #ffffff;
    margin-top: 20px;
}
.foot .fm .fm_d li{
    margin-top: 20px;
}
.foot .fm .fm_d .fname{
    width: 450px;
    height: 30px;
    border: 1px solid #fff;
}
.foot .fm .fm_d .fphone{
    width: 450px;
    height: 30px;
    border: 1px solid #fff;
}
.foot .fm .fm_d .ftext{
    width: 450px;
    border: 1px solid #fff;
}
.foot .fm .fm_d .fbtn{
    width: 200px;
    height: 40px;
    background: rgb(255, 153, 0);
    margin-top: 20px;
        -webkit-border-radius: 3px;
}
.foot .fm .fm_d .fbtn:hover{
    
    background: #0fe675;
}
.foot .fr{
     margin-top: 60px;
     float: left;
}
.foot .fr .ewm{
        width: 120px;
    margin-top: 115px;
}
.foot .fr .ewm li{
    margin-bottom: 20px;
        text-align: center;
        color: #fff;
}
.foot .fr .ewm li img{
    width: 100%;
    height: 120px;
}
/*友情链接*/
.f_link{height: 62px;line-height: 62px;overflow: hidden; background:#f6f6f6;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 80px;font-weight: normal;}
.f_link p{font-size: 14px;color: #333;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #333; padding:0 10px 0 0;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}
