/*营销按钮*/

.zixun{text-align: center;margin-top: 40px; margin-bottom:40PX}

.zixun a{padding: 15px 25px;border-radius: 50px;background-color: #D82734;color: #fff;font-size: 18px;}

.zixun a:hover{background-color: #154198;}

.zz1{font-size: 16px; margin-top: 30px; color:#333333; font-weight:normal}

.zz2{font-size: 22px;font-weight: bold; color:#333333}





/*营销按钮*/



  .p_tel {

  display: flex;

  display: -webkit-flex;

  justify-content: center;

  -webkit-justify-content: center;

  position: relative;

  align-items: center;

  -webkit-align-items: center;

  margin-top: 38px;

}

 .p_tel img {

  display: block;

  width: 45px;

  height: 45px;

}

 .p_tel p {

  margin: 0 8px 0 16px;

  max-width: 250px;

  overflow: hidden;

}

 .p_tel p span {

  display: block;

  font-size: 14px;

  font-weight: normal;

  line-height: 18px;

  height: 18px;

  color: #333333;

  overflow: hidden;

}

 .p_tel p strong {

  display: flex;

  font-size: 30px;

  line-height: 36px;

  height: 36px;

  color: #303030;

  font-weight: bold;

  overflow: hidden;

}

 .p_tel a {

  display: block;

  width: 199px;

  height: 39px;

  background-color: #D82734;

  border-radius: 21px;

  font-size: 16px;

  line-height: 39px;

  color: #ffffff;

  overflow: hidden;

  text-indent: 50px;



  background-repeat: no-repeat;

  background-position: 128px center;

  background-size: 20px 12px;

  -o-transition: all .3s ease;

  transition: all .3s ease;

}

 .p_tel a:hover {

  background-position-x: 200px;

  text-indent: 0;

  text-align: center;

}

 .p_tel:before,

 .p_tel:after {

  position: absolute;

  content: "";

  width: 180px;

  height: 2px;

  background: #d2d2d2;

  top: 25px;

}

 .p_tel:before {

  left: 0;

}

 .p_tel:after {

  right: 0;

}

.content2{ width:880px; margin:0 auto;font-family: "Microsoft Yahei";}

















/*动画效果 所有属性获得过度*/

*{transition-property:all;}

.com-img img{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}

.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}



.pdtb70{padding:70px 0px;}

.pdtb80{padding:80px 0;}

.pdtb50{padding:50px 0;}

.bg1{background:#eee;}

.bg2{background:#f7f7f7;}

.fl{float:left;}

.fr{float:right;}

.show{display:block;}

.hide{display:none;}

.taC{text-align:center;}

.taL{text-align:left;}

.taR{text-align:right;}

.ttU{text-transform:uppercase;}

.ofH{overflow:hidden;}

.fwB{font-weight:600;}

.pst-rel{position:relative;}

.pst-abs{position:absolute;}



.col-2{width:50%;float:left;}

.col-3{width:33.333333%;float:left;}

.col-4{width:25%;float:left;}

.col-5{width:20%;float:left;}

.col-6{widows: 16.6666%;float:left;}











    @charset "utf-8";

/*初始样式*/

body{ color:#333;font:14px "Microsoft Yahei";} /*网站字体颜色*/

body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}

a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/

a:focus{outline:0;} /*for ff f6n.net*/

/*a:hover { text-decoration:underline;}*/

img{border:none;}

.vam{ vertical-align:middle;}

.clear{clear:both; height:0; line-height:0; font-size:0;}

p{ word-spacing:0;font-family: "Microsoft Yahei"; }

h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

i,em{ font-style:normal;}



.tr {text-align:right;}

.tl {text-align:left;}

.center{ text-align:center;}

.fl { float:left;}

.fr { float:right;}

.pa{ position:absolute;}

.pr{ position:relative}

.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}

.clearfix{zoom:1;}

/* -- 页面整体布局 -- */

.content{ width:1200px; margin:0 auto;}

.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}

.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}

.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}

.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}

.white,.whites{position: relative;overflow: hidden;}

.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }

.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}

.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden;}

i,em{ font-style:normal;}

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.content1{ width:1280px; margin:0 auto;font-family: "Microsoft Yahei";}







/*头部*/

.header{height: 250px;max-width: 1920px;position: relative;z-index: 1;background-image: url(../images/head_bg.jpg);background-repeat: no-repeat;background-position: center top;overflow: hidden;}

.load{line-height: 34px;height: 34px;}

.load p{float: left;color: #7C7C7C;font-size: 12px;}

.load em{float: right;}

.load em a{font-size: 12px;color: #7C7C7C;padding: 0 15px;background-image:url(../images/head_top1.png);background-repeat: no-repeat;background-position: right top;display: inline-block;}

.load em a:hover{color: #154198;}

.load em a:last-child{background: none;}

.header .top{height:123px;overflow: hidden;padding-top: 27px;clear:both;}

.header .logo{float: left;width: 234px;height: 98px;display: inline;margin-right: 32px;border-right: 1px solid #DADADA;background: url(../images/head_lbg.png);background-repeat: no-repeat;background-position: right top;}

.header .logo img{width: 195px;height: 91px;}

.header h2{font-size: 24px;color: #154198;padding-top: 16px;font-weight: bold;line-height: 100%;float: left;}

.header h2 span{display: block;font-size: 20px;color: #333;font-family: "Microsoft Yahei";font-weight: normal;margin-top: 12px;}

.header .tel{float: right;background: url(../images/tel.png) no-repeat left center;font-size: 16px;color: #404040;padding-left:55px;margin-top: 16px;line-height: 120%;}

.header .tel span{font-size: 26px;font-family: GothamBook,arial;display: block;color: #141414;margin-top: 10px;}

.header .nav{background:#232323;width: 1920px;z-index: 1;height: 66px;line-height: 66px;margin-left:-360px;padding-left:360px;}

.header .nav .content{width: 1200px;margin: 0 auto;}

.header .nav li{float: left;position: relative;background-repeat: no-repeat;padding: 0 19px;margin-right: -19px;}

.header .nav li:after{content: "";background: url(../images/nav_abg.png) right top;width: 20px;height: 66px;display: block;right: 0px;position: absolute;top: 0;}

.header .nav li a{display: inline-block;line-height: 66px;color: #fff;padding: 0 31.5px;position: relative;font-size: 16px;}

.header .nav li:first-child a{padding: 0 30px 0 24px;margin-left: -1px;}

.header .nav li.cur a,.header .nav li:hover a{background: #154198;}

.header .nav li.cur a:before,.header .nav li:hover a:before{content: "";width: 0;height: 0;border-top:66px solid transparent;border-right:19px solid #154198;position: absolute;left: -19px;top: 0;}

.header .nav li.cur a:after,.header .nav li:hover a:after{content: "";width: 0;height: 0;border-bottom:66px solid transparent;border-left:19px solid #154198;position: absolute;right: -19px;top: 0;}





/*底部*/

.foot{background: #2a2a2a;position: relative;overflow: hidden;height: 515px;margin-top:30px;}

.foot-top{height: 327px;padding-top: 60px;}

.footl{width: 271px;float: left;display: inline;border-right: 1px solid rgba(255,255,255,0.04)}

.footc{width: 521px;float: left;padding-left: 59px;display: inline;border-right: 1px solid rgba(255,255,255,0.04);margin-right: 62px;}

.footr{float: left;width: 285px;}



.footl h3,.footc h3,.footr h3{font-size: 30px;color: #CA1624;margin-bottom: 29px;width: 25px;white-space: nowrap;padding-bottom: 4px;border-bottom: 1px solid #CA1624;}

.footl h3 span,.footc h3 span,.footr h3 span{font-size: 12px;display: block;color: #fff;opacity: 0.11;font-weight: lighter;line-height: 100%;}

.footl p{}

.footl p a{color: #fff;display:block;width: 125px;color:rgba(255,255,255,0.8);float: left;font-size: 14px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;padding-right: 10px;line-height: 48px;}

.footl p a:hover{text-decoration: underline;color: #CA1624;}

.footc p{color:#fff;padding-left: 32px;background-position: left center;line-height:48px;font-size: 16px;}

.footc p span{margin-left: 18px;}

.footc p.tel{background: url(../images/foot_icon1.png) no-repeat left center }

.footc p.fax{background: url(../images/foot_icon2.png) no-repeat left center;}

.footc p.mail{background: url(../images/foot_icon3.png) no-repeat left center;}

.footc p.add{background: url(../images/foot_icon4.png) no-repeat left center;}

.footr em i{display: block;float: left;width: 127px;}

.footr em i:last-child{float: right;}

.footr em i img{width: 127px;height: 127px;}

.footr em i span{display: block;font-size: 16px;color: #F4F4F4;background: url(../images/foot_ss.png) left center no-repeat;line-height: 20px;padding-left: 32px;margin-top: 16px;}



.foot-bottom{height: 78px;background: #eee;padding-top: 20px;}

.foot_bl b{display: block;font-size: 18px;color: #1B1B1B;text-transform: uppercase;font-weight: normal;padding-top: 8px;line-height: 18px;}

.foot_bl p{margin-top: 10px;}

.foot_bl p a{font-size: 16px;color: #1B1B1B;opacity: 0.7;}

.foot_bl p a:after{display: inline-block;margin: 0 7px 0 12px;content: "/";}

.foot_bl p a:last-child:after{display: none;}

.foot_br p{line-height: 30px;color: #1B1B1B;opacity: 0.77;}

.foot_br p span{margin-left: 15px;}

.foot_br p a{color: #1B1B1B;}





        .client-2 {

            position: fixed;

            right: -170px;

            top: 50%;

            z-index: 900;

        }

        

        .client-2 li a {

            text-decoration: none;

        }

        .client-2 li {

            margin-top: 1px;

            clear: both;

            height: 62px;

            position: relative;

        }

        

        .client-2 li i {

            background: url(../images/fx.png) no-repeat;

            display: block;

            width: 30px;

            height: 27px;

            margin: 0px auto;

            text-align: center;

        }

        

        .client-2 li p {

            height: 20px;

            font-size: 12px;

            line-height: 20px;

            overflow: hidden;

            text-align: center;

            color: #fff;

        }

        

        .client-2 .my-kefu-qq i {

            background-position: 4px 5px;

        }

        

        .client-2 .my-kefu-tel i {

            background-position: 0 -21px;

        }

        

        .client-2 .my-kefu-liuyan i {

            background-position: 4px -53px;

        }

        

        .client-2 .my-kefu-weixin i {

            background-position: -34px 4px;

        }

        

        .client-2 .my-kefu-weibo i {

            background-position: -30px -22px;

        }

        

        .client-2 .my-kefu-ftop {

            display: none;

        }

        

        .client-2 .my-kefu-ftop i {

               width: 33px;

    height: 31px;

    background-position: -23px -47px;

    background-size: 52px 82px;

        }

        .client-2 .my-kefu-ftop .my-kefu-main{

            padding-top: 6px;

        }

        

        .client-2 .my-kefu-left {

            float: left;

            width: 62px;

            height: 47px;

            position: relative;

        }

        

        .client-2 .my-kefu-tel-right {

            font-size: 16px;

            color: #fff;

            float: left;

            height: 24px;

            line-height: 22px;

            padding: 0 15px;

            border-left: 1px solid #fff;

            margin-top: 14px;

        }

        

        .client-2 .my-kefu-right {

            width: 20px;

        }

        

        .client-2 .my-kefu-tel-main {

            background: #d82634;

            color: #fff;

            height: 53px;

            width: 230px;

            padding:9px 0 0;

            float: left;

        }

        

        .client-2 .my-kefu-main {

            background: #d82634;

            width: 97px;

            height: 53px;

            position: relative;

            padding:9px 0 0;

            float: left;

        }

        

        .client-2 .my-kefu-weixin-pic {

            position: absolute;

            left: -130px;

            top: -24px;

            display: none;

            z-index: 333;

        }

        

        .my-kefu-weixin-pic img {

            width: 115px;

            height: 115px;

        }

    

        

        /*在线客服*/

        .online {

            position: fixed;

            bottom: 150px;

            right: 0px;

            width: 60px;

            z-index: 999;

            color: #999;

        }



        .online a {

            color: #666;

        }



        .online a:hover {

            text-decoration: none;

        }



        .online dl {

            background: #D82734;

            padding: 10px 5px;

            margin-bottom: 1px;

            position: relative;

        }



        .online dl dd {

            color: #fff;

            text-align: center;

            font-size: 12px;

            cursor: pointer;

        }



        .online dl dd i {

            font-size: 25px;

        }



        .online dl:hover {

            background: #e74505;

        }



        .online dl dt {

            position: absolute;

            top: 0px;

            right: 60px;

            background: #fff;

            border: 1px solid #ccc;

            z-index: 9999;

            display: none;

            padding: 10px 15px;

            font-weight: normal;

        }



        .online dl dt h3 {

            display: block;

            font-size: 16px;

            color: #666;

            border-bottom: 1px solid #ccc;

            padding-bottom: 5px;

        }



        .online dl dt h3 i {

            margin-right: 5px;

        }



        .online dl dt h3 span {

            float: right;

            cursor: pointer;

        }



        .online dl dt input {

            border: 1px solid #ccc;

            border-radius: 5px;

            margin-top: 15px;

            height: 40px;

            line-height: 40px;

            padding: 3px 5px;

            width: 100%;

        }



        .online dl dt button {

            margin: 10px 0;

            border: none;

            border-radius: 5px;

            width: 100%;

            font-size: 18px;

            height: 40px;

            line-height: 40px;

            background: #f28d00;

            color: #fff;

            cursor: pointer;

        }





.f_bg{ background:#262930; height:365px;padding: 65px 0 0;overflow: hidden;}

.footer{width: 1200px; margin:0 auto;}

.f_top{display: block;width: 190px;height: 66px;line-height: 66px;overflow: hidden;font-size: 20px;color: rgba(255,255,255,0.8);font-weight: normal;margin-bottom: 15px;}

.f_top i{font-size: 14px;text-transform: uppercase;}

.f_nav{width: 345px;height: 288px;}

.f_nav ul li{float: left;width: 140px;line-height: 36px;height: 36px;overflow: hidden;}

.f_nav ul li a{font-size: 14px;color: rgba(255,255,255,0.4);}

.f_nav ul li a:hover{color: #fff;}

.f_ban{width: 520px;height: 288px; overflow: hidden;}

.f_ban p{font-size: 14px;color: rgba(255,255,255,0.6);line-height: 26px;padding: 0 0 0 70px;}

.f_ban p span{display: block;float: left;width: 200px;}

.f_ban p.f_p01{ background:url(../images/f_ico01.png) no-repeat 0 6px;height: 105px;padding-top:10px;}

.f_ban p.f_p02{ background:url(../images/f_ico02.png) no-repeat 0 6px;height: 100px;}

.f_ban p i{display: block;font-size: 16px;}

.f_ban p b{display: block;font-size: 26px;font-family: "DINOT";line-height: 40px;}

.f_ban p em{display: block;width: 305px;line-height: 20px;}

.f_er{width: 320px;height: 288px;margin-top: -15px;}

.f_er h5{width: 210px;height: 110px;float: right;}

.f_er h5 img{width: 210px;height: 82px;}

.f_er p{width: 125px;text-align: center;float: left;padding:0 0 0 35px;}

.f_er p em{width: 110px;height: 110px;display: block;line-height: 0;border: #636569 1px solid;padding: 6px;}

.f_er p img{width: 110px;height: 110px;}

.f_er p span{display: block;font-size: 14px;color: rgba(255,255,255,0.3);line-height: 30px;}

.f_bot{font-size: 14px;color: rgba(255,255,255,0.4);height: 74px;line-height: 74px;overflow: hidden;border-top: rgba(244,244,244,0.1) 1px solid;}

.f_bot p{float: right;}

.f_bot span{padding: 0 10px;}

.f_bot a{color: rgba(255,255,255,0.4);}

.pages{padding: 20px 0; margin-bottom:10px; width:100%;text-align: center;clear: both;}

.pages a,.pages span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #f9f9f9;border: 1px solid #f2f2f2;}

.pages a:hover{display:inline-block;color: #fff;background: #dc0b01;border-color: #dc0b01;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}

.pages span{display:inline-block;color: #666;}

.pages a.page-num-current{display:inline-block;color: #fff;background: #dc0b01;border-color: #dc0b01;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}



.caselist_01 ul li{

    float: left;

    width: 450px;

    margin-right: 30px;

    margin-bottom: 10px;

    }

    .caselist_01 ul li:nth-child(2n){

        margin-right: 0px;

    }

    .caselist_01 ul li img{

        width: 450px;

        height: 338px;

    }



    .caselist_01 ul li p{

        font-size: 16px;

        

        display: block;

        text-align: center;

        line-height: 50px;

        height: 50px;

    }