@charset "utf-8";
/* CSS Document */

/*service*/
.ser_box{ width: 1100px; margin: 0 auto;}
.s_nav{ width: 310px; margin: 0 auto; text-align: center;}
.s_nav h2{ font-size: 18px;color: #c7c7c7; margin: 6px 0;}
.s_nav p{ font-size: 14px; color: #787878;}
.s{ margin-left: 70px;}
.s img{ float: left; margin-right: 18px;}
.s i{ float: left; font-size: 28px; color: #2d2d2d;}

.ser_1{ margin-top: 30px;}
.ser { position: relative; float: left; margin: 20px 0px 20px 15px;}
.ser img { width: 535px;height: 303px;}
.ser_z { background-color: rgba(0,0,0,0); width: 535px; height: 303px; text-align: center; padding-top: 106px;
    position: absolute;top: 0px; left: 0px;}
.ser_z:before{content: "";width: 0;height: 100%;background: #000;position: absolute;top: 0;left: 50%;opacity:0;transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.ser_z:hover:before{width: 100%;left: 0;opacity: 0.5;}
.ser_z i a{ font-size: 24px;color: #fff; }
.ser_z p{ font-size: 16px;color: #fff; width: 350px;margin: 0 auto; line-height: 24px; margin-top: 14px;text-align: left;}
.ser_z:first-child p{}
.ser_2{ margin-bottom: 60px;}
.ser2 { position: relative; float: left; margin: 0px 0px 20px 11px;}
.ser_z2:before{content: "";width: 0;height: 100%;background: #000;position: absolute;top: 0;left: 50%;opacity:0;transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.ser_z2:hover:before{width: 100%;left: 0;opacity: 0.5;}
.ser2 img { width: 355px;height: 200px;}
.ser_z2 { background-color: rgba(0,0,0,0); width: 355px; height: 200px; text-align: center; padding-top: 57px;
    position: absolute;top: 0px; left: 0px;}
.ser_z2:hover{  background-color: rgba(0,0,0,0);}
.ser_z2 i a{ font-size: 24px;color: #fff;z-index: auto }
.ser_z2 p{ font-size: 16px;color: #fff; width: 300px;margin: 0 auto; line-height: 24px; margin-top: 14px;text-align: left;}

/*products*/
.pro_box{ width: 100%; background-color: #eeeeee;padding: 50px 0 60px;}
.p_nav{ width: 310px; margin: 0 auto; text-align: center;}
.p_nav span{ font-size: 18px;color: #c7c7c7; margin: 6px 0;}
.p_nav p{ font-size: 14px; color: #787878;}
.pz{ margin-left: 70px;}
.pz img{ float: left; margin-right: 18px;}
.pz i{ float: left; font-size: 28px; color: #2d2d2d;}

.pnav_box{ width: 1100px;margin: 0 auto;padding-top: 50px;}
.pnav{ width: 275px;text-align: center;font-weight: bold; border-top: 3px solid #14549b;float: left;margin-left: 6px;}
.pnav li{ background-color: #fff;border-top: 1px solid #d5d5d5;cursor: pointer; font-size: 18px;color: #272626;line-height: 66px;height: 66px;width: 275px;display: block;}
.pnav .li_this { background-color: #14549b;color: #fff;}


.p_case{ width: 810px;float: left; padding-top: 22px;margin-left: 8px;}
.p_case img{ width: 263px; height: 162px;}
.p_case li { width: 263px; height: 198px; background-color: #14549b;text-align: center; float: left; margin: 12px 0 0 6px;}
.p_case li a{ font-size: 16px; color: #fff;line-height: 36px;}
.p_case li:hover{box-shadow: 10px 10px 5px #888888;}

/*guanggaoyu*/
.ggy{ position: relative;text-align: center;}
.ggy img{ width: 100%;}
.yz{ width: 1100px; margin: 0 auto;}
.ggy p{font-size: 26px; color: #000;line-height: 42px;text-align: center;position:relative;top:-150px}

/*cases*/
.case_box{ width: 1100px; margin: 0 auto;}
.ca_nav{ width: 310px; margin: 0 auto; text-align: center;}
.ca_nav h2{ font-size: 18px;color: #c7c7c7; margin: 6px 0;}
.ca_nav p{ font-size: 14px; color: #787878;}
.caz{ margin-left: 70px;}
.caz img{ float: left; margin-right: 18px;}
.caz i{ float: left; font-size: 28px; color: #2d2d2d;}

.case_list{ width: auto;text-align: center;; margin: 0 auto;padding-top: 30px;}
.case_list li{display: inline-block; width: auto;padding: 0 10px; height: 35px;border: 1px solid #d0d0d0; border-radius: 18px; background-color: #fff;margin: 0 19px;font-size: 18px; color: #1f1f1f; text-align: center;  line-height: 34px;cursor: pointer;}
.case_list .case_this{background-color: #14549b;color: #fff;}

.caseb{ padding: 50px 0;}
.caseb li{ width:357px; height: 265px; background-color: #cfcfcf; border: 1px solid #2b66a5;float: left;position: relative;margin: 15px 8px 15px 0;}
.caseb i{ font-size: 16px;color: #3c3c3c;line-height: 46px;margin-left: 50px;}
.caseb span{display: none;width: 357px; height: 217px;background-color: rgba(0,0,0,0.5);position: absolute;top: 0px;left: 0px;}
.caseb span p{font-size: 14px;color: #FFFFFF;width: 300px;margin: 0 auto; padding-top: 78px;text-indent: 32px;}
.caseb li:hover > a span{display: block}
.caseb li:hover{box-shadow: 10px 10px 5px #888888;}
/*huanbao*/
.ryhb_box{ background-image: url(../../images/my/hbbj.jpg);}
.hb_box{ width: 1100px; margin: 0 auto;padding-top: 50px;}
.hb_nav{ width: 310px; margin: 0 auto; text-align: center;}
.hb_nav h2{ font-size: 18px;color: #c7c7c7; margin: 6px 0;}
.hb_nav p{ font-size: 14px; color: #c7c7c7;}
.hbz{ margin-left: 70px;}
.hbz img{ float: left; margin-right: 18px;margin-top: 11px;}
.hbz i a{ float: left; font-size: 28px; color: #fff;}

.zj_b{ float: left; margin: 60px 0 0 30px; padding-bottom: 80px;}
.zj_b i{ font-size: 18px; color: #fff; font-weight: bold;}
.zj_b img{ float: right;margin-right: 32px;margin-top: 26px;}
.gy_b{ float: left; margin-top: 60px;margin-left: 78px;}
.gy_b p1{ font-size: 18px; color: #fff; font-weight: bold;}
.gy_b p{ width: 411px;font-size: 18px; color: #fff;line-height: 30px;margin-top: 20px;text-indent: 32px;}
.ckb{ width: 103px; height: 30px;border: 1px solid #fff;float: right;margin-top: 50px;background-color: rgba(0,0,0,0);}
.ckb:hover{ background-color: #fff;}
.ckb:hover h3 a{ color: #14549b;}
.ckb h3 a{ font-size: 14px; color: #fff;text-align: center;line-height: 30px;display: block;}

.zj_img{position: relative;width:518px;overflow: hidden;height:324px;}
.zj_imgbox{position:absolute;}

/*youshi*/
.ys_box{ width: 1100px; margin: 0 auto; margin-top: 60px;}
.ys_nav{ width: 310px; margin: 0 auto; text-align: center;}
.ys_nav h2{ font-size: 18px;color: #c7c7c7; margin: 6px 0;}
.ys_nav p{ font-size: 14px; color: #787878;}
.ysz{ margin-left: 70px;}
.ysz img{ float: left; margin-right: 18px;margin-top: 10px;}
.ysz i{ float: left; font-size: 28px; color: #2d2d2d;}

.ys_b{margin: 60px 0;}
.ys_b img { width: 365px;}
.ys_b li{ float: left; position: relative;}
.ys_b span{ position: absolute;top: 34px;left: 50px;text-align: center;}
.ys_b h2{ font-size: 48px;margin-bottom: 18px;}
.ys_b i{ font-size: 16px;}
.ys1 h2{color: #fff;}
.ys1 i{color: #fff;}
.ys2 h2{color: #14559b;}
.ys2 i{color: #14559b;}

/*dongtai*/
.dt_box{ width: 1100px; margin: 0 auto;}
.dt_nav{ width: 310px; margin: 0 auto; text-align: center;}
.dt_nav h2{ font-size: 18px;color: #c7c7c7; margin: 6px 0;}
.dt_nav p{ font-size: 14px; color: #787878;}
.dtz{ margin-left: 98px;}
.dtz img{ float: left; margin-right: 18px;}
.dtz i a{ float: left; font-size: 28px; color: #2d2d2d;}

.news_b{ padding-top: 50px;margin-bottom: 54px;}
.news1{ width: 540px; background-color: #f6f6f6;margin-right: 10px;margin-bottom: 10px;cursor:pointer;transition: all .2s linear;
    -webkit-transition: all .2s linear;}
.news1:hover i a{ color: #14549b;}
.news1:hover{box-shadow: 0.832px 3.913px 12px 0px rgba(120, 120, 120, 0.48);transform: translate3d(0, -2px, 0);}
.news1 .n_t{ float: left;}
.news1 .n_z{ float: left;}
.n_z i a{ font-size: 14px;color: #131313; margin-left: 23px;line-height: 40px;}
.n_z p{ font-size: 12px;color: #7d7d7d; width: 300px; margin-left: 23px;}
.n_z h2{ font-size: 12px;color: #7d7d7d; margin-left: 23px;line-height: 48px;}
.n_t img{ width: 200px; height: 130px;}
.tt { width: 670px;}
.tt h2 a{ font-size: 24px; color: #1f1f1f;float: left;margin-bottom: 30px;}
.tt i a{ font-size: 24px; color: #1f1f1f;float: right;}
.pnav li a{color:#000000}
.caseb li a img{width: 355px;height: 216px}