/* Generated by wjdhcms 3.0 */
    
    @charset "utf-8";
    /*-----------å…¬ç"¨-----------*/
    
    
    
    * {
        padding: 0;
        margin: 0;
        font-family: "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
    }
    
    body {
        font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
        color: #333;
        margin: 0;
        line-height: 1;       
    }
    
     :focus {
        outline: 1;
    }
    
    article,
    aside,
    canvas,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section,
    summary {
        display: block;
    }
    
    a {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }
    
    ins {
        background-color: #ff9;
        color: #000;
        text-decoration: none;
    }
    
    mark {
        background-color: #ff9;
        color: #000;
        font-style: italic;
        font-weight: bold;
    }
    
    del {
        text-decoration: line-through;
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    
    hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #cccccc;
        margin: 1em 0;
        padding: 0;
    }
    
    input,
    select {
        vertical-align: middle;
    }
    
    li,
    ul {
        list-style-type: none;
    }
    
    img {
        border: none;
    }
    
    a {
        color: #333;
        text-decoration: none;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    
    a:link,
    a:hover,
    a:active,
    a:visited {
        text-decoration: none;
    }
    
    input,
    textarea {
        outline: 0;
        border: 0;
    }
    
    textarea {
        resize: none;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    dl,
    dd,
    dt,
    i,
    em {
        font-weight: normal;
        font-style: normal;
    }
    /*banner*/
    
   /*----baner begin---*/

.banner {

  width: 100%;

  position: relative;

  height: 550px;

  margin: 0 auto;

  background: transparent;

 

}



.banner .bd {

  margin: 0 auto;

  height: 100%;

  position: relative;

  z-index: 0;

  overflow: hidden;

}



.banner .bd ul {

  height: 100%;

  width: 100%;

}

.banner .bd li {

  height: 100%;

  overflow: hidden;

  text-align: center;

  background-position: center;

  background-repeat: no-repeat;

  width: 100%;

}





.banner .bd li a {

  display: block;

  height: 100%;

  width: 100%;

}



 

 

.banner .prev,

.banner .next {

  display: block;

  position: absolute;

  top: 50%;

  margin-top: -30px;

  left: 15%;

  z-index: 1;

  width: 40px;

  height: 60px;

  background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;

  cursor: pointer;

  *filter: alpha(opacity=50);

  *opacity: .5;

  display: none;

}

.banner .next {

  left: auto;

  right: 15%;

  background-position: -6px -137px;

}



    /********search********/
	 /********search********/
        
        .search {
            width: 100%;
            height: 65px; 
        }
        
        .sousuo {
            width: 1180px;
            margin: 0 auto;
            height: 65px;
            position: relative;
        }
        
        .sousuo p {
         width: 810px;
            height: 65px;
            line-height: 65px;
            float: left;        
            font-size: 14px;
            color: #333;   
            font-weight: bold;
           
        }
        
        .sousuo p a {
            font-weight: normal;
            color: #4d4b4b;
        }
        
        .search-fr {
            width: 330px;
            float: right;
            height: 65px;
        }
        
        .search-fr .btn {
            width: 313px;
            height: 39px;
            margin: 25px auto 0;
            position: relative;
            float: right;
            margin: 14px 0 0 10px;
        }
        
        .search-fr input {
            width: 293px;
            float: left;
            height: 36px;
            line-height: 36px;
            color: #333;
            text-indent: 10px;
            background: none;
            border: 1px solid #acacac;
            padding-left: 5px;
        }
        
        .search-fr button {
            width: 52px;
            height: 38px;
            display: block;
            background: url( ) no-repeat center;
            float: left;
            border: none;
            cursor: pointer;
            position: absolute;
            right: 0px;
            top: 0px;
        }
        /********search end********/


/********步骤开始********/
.index_bzbox{ width: 100%; margin: auto; height: 350px; margin-top: 60px;}
.index_bz{ width: 1180px; margin: auto; }
.index_bz h3{ font-size: 38px; color: #262626;  text-align: center; background:url(../images/tdbtbj.jpg no-repeat center);}
.index_bz h3 a{font-size: 38px; color: #262626; }
.index_bz h3 p{ font-size: 16px; color: #444444; margin-top: 18px;}
.index_bz h3 span{ color: #e62246; }


.index_bzrt{ width: 1185px;float: left; padding-top: 20px;}
.bz1{ float: left; width:235px; height: 238px; border: solid 1px #e9e9e9;}
.bz1 dt{ width: 217px; height: 156px; margin:auto;margin-top: 10px;}
.bz1 dd{ font-size: 16px; height:37px;color: #212121; margin-top: 9px; background:url(../images/yxa.jpg) no-repeat 14px; line-height: 37px;padding-left: 60px;margin-top: 11px;}
.bz1 dd a{color: #212121; }

.bz2{ float: left; width:235px; height: 238px; border: solid 1px #e9e9e9;}
.bz2 dt{ width: 217px; height: 156px; margin:auto;margin-top: 10px;}
.bz2 dd{ font-size: 16px; height:37px;color: #212121; margin-top: 9px; background:url(../images/wta.jpg) no-repeat 14px; line-height: 37px;padding-left: 60px;margin-top: 11px;}
.bz2 dd a{color: #212121; }

.bz3{ float: left; width:235px; height: 238px; border: solid 1px #e9e9e9;}
.bz3 dt{ width: 217px; height: 156px; margin:auto;margin-top: 10px;}
.bz3 dd{ font-size: 16px; height:37px;color: #212121; margin-top: 9px; background:url(../images/dga.jpg) no-repeat 14px; line-height: 37px;padding-left: 60px;margin-top: 11px;}
.bz3 dd a{color: #212121; }

.bz4{ float: left; width:235px; height: 238px; border: solid 1px #e9e9e9;}
.bz4 dt{ width: 217px; height: 156px; margin:auto;margin-top: 10px;}
.bz4 dd{ font-size: 16px; height:37px;color: #212121; margin-top: 9px; background:url(../images/pfa.jpg) no-repeat 14px; line-height: 37px;padding-left: 60px;margin-top: 11px;}
.bz4 dd a{color: #212121; }

.bz5{ float: left; width:235px; height: 238px; border: solid 1px #e9e9e9;}
.bz5 dt{ width: 217px; height: 156px; margin:auto;margin-top: 10px;}
.bz5 dd{ font-size: 16px; height:37px;color: #212121; margin-top: 9px; background:url(../images/qta.jpg) no-repeat 14px; line-height: 37px;padding-left: 60px;margin-top: 11px;}
.bz5 dd a{color: #212121; }
.index_bz em{ width: 164px; height: 42px; text-align: center; line-height:42px; display: block; box-shadow:0px 0px 7px #f4f3f3; border: solid 1px #e3e3e3;margin: auto;margin-top: 28px;}
.index_bz em a{ font-size: 18px; color: #161616; }





/********步骤结束********/












	
	
	
/* 产品中心开始 */
.index_yw_box{ width:100%; margin:auto; background:url(../images/cpbj.jpg) repeat-x center; height: 963px; }
.index_yw{ width:1180px; margin:auto; padding-top: 51px;}	
.index_yw h2{font-size:38px;font-weight:bold;text-align:center; margin-top: 22px; width:408px; height:60px; margin:auto;}
.index_yw h2 a{font-size:38px;color:#212121;padding-top: 7px;display:block;font-weight: normal;}	
.cp_conbox{width:1180px; margin:auto;height:845px;overflow: hidden;}	
 .cp_con{ margin: auto;margin-top: 43px;text-align: center;}
.cp_con ul{}
.cp_con ul li{background: url(../images/cpdh.png) no-repeat center; height: 56px; font-weight: 79px;display: inline-block;width: 216px;line-height: 56px;overflow: hidden;margin: 0 33px 0 33px;}
.cp_con ul li a{ font-size: 24px; color: #fff; }

.cp_con ul li:hover,.cp_con ul li.casehover{ color:#fff; font-size:24px;background: url(../images/cpdhqh.png) no-repeat center;}
.cp_con ul li:hover,.cp_con ul li.casehover a{color:#fff;}



.yw_nr{width:1210px; margin:auto; margin-top:25px;}
.yw_nr ul{ width:1210px; margin:auto;}	
.yw_nr ul li{ width:381px; float:left; margin-right:22px; margin-top:11px;}	
.yw_nr ul li div{width:381px; height:266px; box-shadow:2px 2px 2px 2px #d9d9d9;overflow:hidden;}

 .yw_nr ul li div img{ transform: scale(1);transition: all .6s; width:381px; height:308px;} 

.yw_nr ul li div:hover img{ transform: scale(1.2);transition: all .6s;border-radius:2px }  
   .yw_nr ul li span{display:block;width:381px;height:38px;line-height: 38px;margin-top: 5px;text-align: center; overflow: hidden;}
  .yw_nr ul li span a{ font-size: 16px;}
 

/* 产品中心结束 */


    /* mid_banner01 begin */
    
    .mid_banner01 {
        width: 100%;
        height: 410px;
        background: url(../images/mid_banner_02.jpg) no-repeat center;
        margin-top: 36px;
    }
    
    .mid_ban01 {
        width: 1180px;
        height: 247px;
        margin: 0 auto;
        position: relative;
    }
    
    .mid_ban01{ width:1180px;} 
    .mid_ban01 h3{ font-size:26px; color:#ffffff;top:43px;position:absolute; left:22px;font-weight: bold;line-height: 55px;} 
.mid_ban01 h3 b{color:#e62246;}
    .xgg1{ position:absolute; left:302px;font-size: 36px;color: #fff;margin-top: 290px;line-height: 26px;}
    .xgg2{position:absolute; left:223px;font-size: 16px;color: #fff;margin-top: 315px;line-height: 26px;width: 592px;height: 44px;line-height: 44px;text-align: center;text-transform: uppercase;}
    .xgg3{position:absolute; right:0px;font-size: 18px;color: #fff;margin-top: 284px;line-height: 26px; width: 91px; height: 67px; background: #181818; line-height: 25px;text-align: center;}
    .xgg3 a{ color: #fff; display: block;margin-top: 9px;} 
.xgg5{ font-size: 28px; color: #fff;position:absolute; right: 52px; top: 67px;}

.xgg6{ font-size: 28px; color: #fff;position:absolute; right: 52px; top: 138px;}



    .xgg4{position:absolute; right:138px;font-size: 20px;color: #fff;margin-top: 310px;line-height: 26px; font-size: 14px;}
.xgg4 span{ color: #fff; font-size: 20px; }

.xgg7{position:absolute; right:138px;font-size: 20px;color: #fff;margin-top: 316px;line-height: 26px; font-size: 14px;}
.xgg7 span{ color: #fff; font-size: 20px; }
    /* mid_banner01 end */


  /* mid_banner01 begin */
    
    .mid_banner02 {
        width: 100%;
        height: 309px;
        background: url(../images/mid_banner_01.jpg) no-repeat center;
        margin-top: 36px;
    }
    
    .mid_ban02 {
        width: 1180px;
        height: 247px;
        margin: 0 auto;
        position: relative;
    }
    
    .mid_ban02{ width:1180px;} 
    .mid_ban02 h3{ font-size:37px; color:#ffffff;top:82px;position:absolute; right:16px;font-weight: bold;line-height: 55px;} 
.mid_ban02 h3 b{color:#e62246;}
    .xgg1a{ position:absolute; left:302px;font-size: 36px;color: #fff;margin-top: 290px;line-height: 26px;}
    .xgg2a{position:absolute; left:223px;font-size: 16px;color: #fff;margin-top: 315px;line-height: 26px;width: 592px;height: 44px;line-height: 44px;text-align: center;text-transform: uppercase;}
    .xgg3a{position:absolute; right:29px;font-size: 14px;color: #fff;margin-top: 91px;line-height: 26px; width: 108px; height: 31px;  line-height: 31px;text-align: center;border: solid 2px #fff;}
    .xgg3a a{ color: #fff;} 


    .xgg4a{position:absolute; right:174px;font-size: 20px;color: #fff;margin-top: 94px;line-height: 26px; font-size: 16px;}
.xgg4a span{ color: #fff; font-size: 20px; }

/* mid_banner01 end */

 /* youshi begin */

.index_ysbox{ width:100%; margin:auto; background:url(../images/ysbj.jpg) no-repeat center; height:779px;}   
.index_ys{ width:1180px; margin:auto; position: relative;padding-top: 88px;} 
.index_ys h3{ text-align: right;}
.index_ys h3 a{ font-size: 40px; color: #131313;font-weight: bold;}
.index_ys em{ font-size: 26px; color: #e62246; font-weight: bold; margin-top: 8px; display: block;}
.index_ys p{ font-size: 17px; color: #a9a9a9;text-transform: uppercase;margin-top: 10px;}

.ys1{ width:445px; height: 267px; float: left;margin-top: -51px;}
.ys1 dt{font-size: 30px; color: #e62246; font-weight:bold;margin-left: 9px;line-height: 25px;    margin-top: 25px;}
.ys1 dt span{ display: block; width: 196px; height: 12px;}
.ys1 dd{ width:375px; margin-top: 35px;margin-left: 11px;}
.ys1 dd p{margin-top: 79px; font-size: 16px; color: #faefff;line-height: 30px;}
.ys1 dd ul li{ font-size: 16px; color: #e2dede; line-height: 36px; padding-left: 17px; background:url(../images/ysnrk.jpg) no-repeat left; }

.ys2{ width:375px; height: 267px; float: right;margin-top: 127px;margin-right: 124px;}
.ys2 dt{font-size: 30px; color: #e62246; font-weight:bold;margin-left: 9px;line-height: 25px;}
.ys2 dt span{ display: block; width: 196px; height: 12px;}
.ys2 dd{ width:375px; margin-top: 55px;margin-left: 11px;}
.ys2 dd p{margin-top: 79px; font-size: 16px; color: #faefff;line-height: 30px;}
.ys2 dd ul li{ font-size: 16px; color: #e2dede; line-height: 36px; padding-left: 17px; background:url(../images/ysnrk.jpg) no-repeat left; }
.ys3{position:absolute; top:346px;left:0px;}

.ys4{ width:375px; height: 267px; position:absolute; top:543px;right:124px;}
.ys4 dt{font-size: 30px; color: #e62246; font-weight:bold;margin-left: 9px;line-height: 25px;}
.ys4 dt span{ display: block; width: 196px; height: 12px;}
.ys4 dd{ width:375px; margin-top: 55px;margin-left: 11px;}
.ys4 dd p{margin-top: 79px; font-size: 16px; color: #faefff;line-height: 30px;}
.ys4 dd ul li{ font-size: 16px; color: #e2dede; line-height: 36px; padding-left: 17px; background:url(../images/ysnrk.jpg) no-repeat left; }



  /* youshi end */
    /* 案例开始*/
.index_albox{ width: 100%; margin: auto; background:url(../images/albj.jpg) no-repeat center;height: 434px; }
.index_al{ width: 1180px; margin:auto; padding-top: 16px;}
.index_al h3{  text-align: center; }
.index_al h3 a{color: #ffffff; font-size: 28px; font-weight:bold;}
.alcon{margin:0 auto;width:1180px; overflow:hidden; position:relative;padding-left: 82px;  margin-top: 53px;height:220px;}
.alcon ul li{ float:left;width:247px; text-align:center; background:#ffffff; margin:0px 8px 0 0; }
.alcon ul li {float:left;}
.alcon ul li div{width: 247px; height: 192px; overflow: hidden;}
.alcon ul li div img{width: 247px; height: 192px;transition: all 0.5s;transform: scale(1); }
.alcon ul li div:hover img{ transition: all 0.5s;transform: scale(1.2); }
.alcon ul li span{ display: block; background: #fff; width:247px;  height: 35px; line-height:35px; overflow: hidden}

.alcon .alanniuleft2{ background:url(../images/anlianniuleft1.png) no-repeat;position: absolute;
 position: absolute;
    top: 77px;
    width: 59px;
    height: 50px;
left: 13px;}
.alcon .anlianniuleft1{background:url(../images/alanniuleft2.png) no-repeat;position: absolute;
    position: absolute;
    top: 77px;
    width: 59px;
    height: 50px;
    left:1110px;}


    /* 案例结束*/
    /* 简介开始*/
.index_jjbox{ width: 100%; margin: auto; background: url(../images/jjbj.jpg) no-repeat center top;height: 685px;}
.index_jj{ width: 1180px; margin: auto; padding-top: 75px;}
.index_jj h3{ color: #1f0000; text-align: center; }
.index_jj h3 span{ font-size: 34px; color: #1c1b1b; float: left; display: block; }
.index_jj h3 span em{color: #1c1b1b;  font-size: 34px;padding-top: 61px;text-transform: uppercase;padding-left: 24px;}
.index_jj h3 p{ float: right; }



.index_jjrt{ width: 871px; float: left;margin-top: 60px; position:relative; }
.index_jjrt p{ height: 300px; overflow: hidden; width: 419px; line-height: 30px; color: #4f4e4e; font-size: 15px;padding-left: 25px;margin-top: 37px;margin-bottom: 19px;}
.jjpic{width: 809px; height: 404px; position:absolute; top:0;left: 56px;}
.jjpic div{ width: 809px; height: 516px; overflow: hidden; }
.jjpic div img{transition: all 0.5s;transform: scale(1);width: 809px; height: 516px;}
.jjpic div:hover img{transition: all 0.5s;transform: scale(1.2);}
.jjpic span{ display: block; position: absolute;  width: 501px; height: 45px; top: 0px;}
.jj_nr{ width: 477px; height: 363px; background: #f7f7f7; position:absolute;left:0px; top:79px; }
.index_jjgd{ position: absolute;top: 117px;right: -33px;}
.index_jjgd a{ color: #fff;  display: block;}

.index_jjlf{ width: 302px; float: right; margin-top: 60px;}
.index_jjlf ul{}
.index_jjlf ul li{ width:300px; height: 165px; border:solid 1px #d9d9d9; margin-bottom: 7px;}
.index_jjlf ul li h4{ float: left; margin-top: 43px;margin-left: 48px;}
.index_jjlf ul li h5{float: left; font-size: 18px; color: #444444; /*! text-align: */ margin-top: 61px;margin-left: 11px;line-height: 20px;}
.index_jjlf ul li h5 span{ font-size: 14px; color: #acacac; display: block; }









/* 简介结束*/

/* 客户见证开始*/
.index_jzbj{ width:100%; margin: auoto;}
.index_jz{ width: 1180px; margin: auto;padding-top: 23px;}
.index_jz h3{  text-align: center; background: url(../images/pjnav.jpg) no-repeat center; width:499px; height: 62px; margin:auto; line-height: 62px;}
.index_jz h3 a{color: #fff; font-size: 32px; font-weight:bold;}
.index_jz ul{ padding-top:35px;}
.index_jz ul li:first-child{margin-left: 0;}
.index_jz ul li{ width: 574px; float: left; }
.index_jz ul li h4{width: 234px; height: 197px;  float: left}
.index_jz ul li h4 div{width: 226px; height: 165px; overflow: hidden;padding: 3px; border: solid 1px #eae9e9;}
.index_jz ul li h4 div img{width: 226px; height: 165px;transition: all 0.5s;transform: scale(1); }
.index_jz ul li h4 div:hover img{ transition: all 0.5s;transform: scale(1.2); }
.index_jz ul li h5{width: 306px; height: 30px; overflow: hidden; line-height: 30px;margin: auto;font-size: 16px;margin-top: 11px;}
.index_jz ul li h5 a{ color: #333333;  }
.index_jz ul li h6{ color: #666666; height: 71px; overflow: hidden; width: 306px; margin: auto; font-size: 14px;line-height: 24px;margin-top: 5px;}
.index_jz ul li em{ background: #e62246; width: 111px; height: 32px; text-align: center; line-height: 32px; margin: auto; display: block; margin-top: 14px;margin-left: 250px;}
.index_jz ul li em a{ color: #fff;}



/* 客户见证结束*/

    /* newBox begin */
 /* newBox begin */
.index_newsbox{ background:url(../images/xwbj.jpg) no-repeat center top #f2f2f2; margin:auto; width:100%; height: 554px;}
.index_news{ width:1180px; margin:auto;padding-top: 70px;}
.news_lf{ float: left; width: 705px; height: 400px; line-height: 50px; overflow: hidden;}
.news_con{width: 705px; height: 50px; background: #1c1b1b; }
.news_con ul{ float: left}
.news_con ul li{ float: left; width: 132px; text-align: center;}
.news_con ul li:hover,.news_con ul li.casehover{ color:#e62246; font-size:18px;}
.news_con ul li:hover,.news_con ul li.casehover a{color:#e62246;font-weight:bold;}

.news_con ul li a{ color: #ffffff; font-size: 18px;}
.news_con span{ display: block; float: right; line-height: 50px; padding-right: 15px;}
.news_con span a{ font-size:12px;  color: #fff;}
.news_content{ width:705px; }
.news_nr dl dt{width: 705px;margin-top: 14px; }

.news_nr dl dt div{ width: 229px; height: 151px; overflow: hidden; border: solid 2px #e62246; float: left; }
.news_nr dl dt div img{width: 229px; height: 151px;transition: all 0.5s;transform: scale(1);}
.news_nr dl dt div:hover img{transition: all 0.5s;transform: scale(1.2);}
.news_nr dl dt h4{ height: 30px; overflow: hidden;width: 436px; line-height: 30px;padding-left: 23px;padding-top: 18px;}
.news_nr dl dt h4 a{ font-size: 18px; font-weight: bold; }
.news_nr dl dt p{ width: 436px; color: #666666; height: 72px; overflow: hidden;padding-left: 24px; line-height: 24px;margin-top: 8px;}
.news_nr dl dd ul {margin-top: 14px;}
.news_nr dl dd ul li{ background:url(../images/news_line.jpg) no-repeat center; width: 334px; height: 42px; line-height: 38px;overflow: hidden; float: left;margin-right: 18px;}
.news_nr dl dd ul li a{ font-size: 14px; color: #646161; padding-left: 15px; }
.news_rt{ float: right; width:475px; }
.news_rt h3{background: #e62246;height: 50px; line-height: 50px;}
.news_rt h3 p a{ float: left; font-size: 18px;color: #fff;padding-left: 20px;}
.news_rt h3 span a{color: #fff;float: right;padding-right: 10px;text-transform: uppercase;font-size: 12px;}
.news_wd{height:331px; overflow: hidden;margin-top: 15px;}
.news_wd ul li{ border: solid 2px #e62246;width: 471px; height:84px;border-radius:50px; 
margin-top: 25px;
}
.news_wd ul li a{ color: #3a3a3a; width: 396px; height: 22px; margin-left: 32px; overflow: hidden;margin-top: 15px;display: block;font-weight: bold;}

.news_wd ul li p{width: 396px;margin-left: 32px;line-height: 20px;color: #666666;height: 40px;overflow: hidden;}

    /* newBox end */


.yslj_box{ background: #f2f2f2; height: 103px; width:100%; margin: auto;border-top: solid 1px #d6d6d6;}

.yslj{width:1180px; /*! float: right */margin: auto;}
.yslj h3{ width: 152px; height: 34px; float: left; margin-top: 32px;}
.yslj ul{ width: 1014px;padding-top: 34px;float: right;}
.yslj ul li a{ color:#707070; font-size:14px;display: block;padding-left: 39px;line-height: 36px;float: left;}











    /* newBox end */