@charset "gb2312";
/* CSS Document */

/*--------- main.css ----------*/
.conWapper , .conWapper1{ width: 957px; margin: 0 auto; position: relative; padding: 20px 20px; }
.conWapper1 { background: #f2f0f5;  margin: 0 auto 20px auto;  min-height: 2070px; }
.conWapper_new { width: 1080px; margin: 0 auto 20px auto; }
.conWapper2 { width: 1000px; margin: 0 auto 20px auto; position: relative; background: #f2f0f5; }
.conWapper3 { width: 990px; margin: 0 auto 20px auto; }
.conWapper4 { width: 1050px; margin: 0 auto 20px auto; }

.con { width: 1000px; margin: 0 auto; } 
h4 , h3 { font-family: Microsoft YaHei; color: #444444; }
.header             { height: 249px; width: 100%; font-size: 13px; background: transparent url("fenxianglbstyle/img/headbg.jpg") 0 0 repeat-x; position: relative; }
.header div.small_head         { width: 1010px; margin: 0 auto; position: relative; top: 7px; height: 38px;  }
.header div.small_head p       { float: left; width: 602px; }

.header div.small_head p.pright { float: right; width: auto; }
.header div.small_head p.pright a { display: block; margin: 0 15px 0 0 ; }

.header div.small_head p span  { display: block; height: 24px; line-height: 24px; float: left; color: #002440; margin: 0 15px 0 0 ; color: #533c75; }
.header div.small_head p a     { display: block; float: left; }
.header div.small_head .logo   { display: block; width: 186px; height: 152px; margin: 0 auto; }

.header .logo { width: 1300px; background: transparent url("fenxianglbstyle/img/logo.jpg") top center no-repeat; margin: 0 auto;  height: 166px; }

.header .nav { width: 1089px; margin: 0 auto; height: 45px; top: 0; position: relative; }
.header .nav li { width: 121px; height: 45px; line-height: 45px; float: left; text-align: center; } 
.header .nav li>a { font-size: 14px; color: #fff; height: 45px; line-height: 45px; font-weight: bold; display: block; }
    .header .nav li.current { background: transparent url("fenxianglbstyle/img/navlibg.png") top center no-repeat; }
    .header .nav li.current>a { color: #6e6186; }
    .header .nav li>div { width: 940px; background: #faf6fe; padding: 10px 30px; position: absolute; left: 45px; top: 45px;  display: none;  z-index: 100; }
    .header .nav li div p { text-align: left; height: 26px; line-height: 26px; }
    .header .nav li div p span { margin: 0 10px 0 0 ; }
    .header .nav li div p span>a { display: inline-block; width: 90px; color: #8069a6; font-size: 14px; font-weight: bold; text-align: left; line-height: 24px; height: 24px; background: transparent url("fenxianglbstyle/img/psan.gif") left center no-repeat; padding: 0 0 0 13px; }
    .header .nav li div p a { display: inline-block; font-size: 12px; color: #8e8c8c; line-height: 24px; height: 24px; font-weight: normal; background: transparent url("fenxianglbstyle/img/pa.gif") left center no-repeat; padding: 0 0 0 10px; width: 108px; }
    .header .nav li div div { text-align: left; margin: 15px 0 0 0; padding: 0; height: 80px; }
    .header .nav li div div img { padding: 1px ; border: 1px solid #bdb6b4; margin: 0 25px 0 0 ; }
    
.footer { height: 242px;  background: #1f0e40; }
    .footer ul { width: 700px; margin: 0 auto; padding: 40px 0 0 0; height: 60px; }
    .footer ul li { float: left; width: 100px;  text-align: center;     background: transparent url("fenxianglbstyle/img/footer_libg.gif") right center no-repeat; }
    .footer ul li a { font-size: 14px; color: #fff; }
    .footer div p { text-align: center; line-height: 24px; font-size: 13px; color: #fff; }





.vfooter { height: 315px; background: #1f0e40; }
    .vfooter .con { padding: 30px 0 0 0; }
    .vfooter .con>div { height: 193px; padding: 10px 15px; /*border-right:1px solid #4a2d77;*/ float: left; }
    .vfooter .con>div .vf_cd img { display: block; margin: 0 auto; }
    .vfooter .con>div .vf_cd a { display: inline-block; margin: 5px 0; width: 100%; font-size: 16px; line-height: 26px; height: 26px; text-align: center; color: #714ac1; }
    .vfooter .con>div .vf_cc a { font-size: 12px; line-height: 22px; height: 22px; display: block; float: left; color: #6b4da7; text-align: left; }
    .vfooter .vf1 { width: 195px; }
        .vfooter .vf1 a { width: 52px;}

    .vfooter .vf2 { width: 175px; }
        .vfooter .vf2 a { width: 58px;}
    .vfooter .vf3 { width: 175px; }
        .vfooter .vf3 a { width: 58px;}
    .vfooter .vf4 { width: 175px; }
        .vfooter .vf4 a { width: 58px;}
    .vfooter .vf5 { width: 116px; }
        .vfooter .vf5 a { width: 58px;}
    
/*--------index----------*/
.slide { width: 100%; }
    .slide ul { min-width: 1000px;  max-width: 1440px; overflow: hidden; margin: 0 auto ; height: 397px; overflow: hidden; }
    .slide ul li { display: none; }

  .pagecon { width: 1000px; margin: 0 auto; }

    .pagecon span { display: block; float: left; background: #e6e6e6; margin: 0 1px 0 0;  height: 36px; text-align: center ; font-size: 14px; line-height: 36px; color: #000; cursor: pointer;  }

    .pagecon span.current { background: #786894; color: #fff; }
    
    .con p { font-size: 12px; line-height: 22px; color: #9e9e9e; }
    .con1 { margin: 7px 0; }
    .c1_left { width: 388px; height: 386px; background: transparent url("fenxianglbstyle/img/c1_leftbg.jpg") 0 0 no-repeat; border: 1px solid #e6e6e6; float: left; margin: 0 7px 0 0 ;}
        .c1_left h2 { font-size: 20px; color: #7656ad; text-align: center; line-height: 30px; padding: 5px 0 0 0; } 
            .c1_left h2 a { color: #7656ad; }
            .c1_left p { padding: 10px 10px 0 10px; position: relative; }
            .c1_left p a { color: #cb3030; }
            .c1_left p span { font-size: 14px; color: #757470; line-height: 29px; height: 29px; display: block; float: left; margin: 0 5px 0 0 ;  cursor: pointer; }
            .c1_left p span.current { color: #9076bd; border-bottom: 1px solid #cecece; }
            .c1_left p a.more { display: block; width: 34px; height: 11px; position: absolute; right: 24px; top: 8px;}
            .c1_left ul { margin: -6px 0 0 10px; }
            .c1_left ul li { height: 24px; line-height: 24px; }
            .c1_left ul li a { font-size: 12px; color: #4c4c4c; }
            .c1_left ul li a:hover { color: #9076bd; }
        
        .c1_center { overflow: hidden; float: left; border: 1px solid #e6e6e6; width: 303px;  position: relative; margin: 0 7px 0 0 ; }
            .c1_center p { height: 27px; background: #2c2c2c; position: absolute; bottom: 0; left: 0; width: 100%; }
            .c1_center p span { display: block; float: left; width: 17px; height: 18px; background: transparent url("fenxianglbstyle/img/span.jpg") 0 0 no-repeat; font-size: 12px; margin: 5px 0 0 2px ; line-height: 22px; cursor: pointer;  text-align: center; }
            .c1_center p span.current { color: #432f12; height: 18px; background: transparent url("fenxianglbstyle/img/spanhover.jpg") 0 0 no-repeat; }
            .c1_center p a { color: #cec18c; margin: 4px 0 0 5px ; display: inline-block; }
            .c1_center ul { width: 800px; }
            .c1_center ul li { float: left; }
        
        .c1_right { width: 283px; border: 1px solid #e6e6e6; float: left;  }
            .c1_right div a {  height: 114px;  display: none; }
            .c1_right div span { display: inline-block; width: 140px; height: 38px; text-align: center; line-height: 38px; font-size: 13px; color: #9e9e9e; background: #f4f4f4; margin: 0 3px 1px 0; cursor: pointer; }
            .c1_right div span.current { background: #6d5394; color: #fff; }
    .con2 { height: 240px; border: 1px solid #e6e6e6; margin: 7px 0; position:relative;}
        .con2title { height: 36px; background: transparent url("fenxianglbstyle/img/con2titlebg.jpg") 0 0 repeat-x; }
    .con3 { height: 428px; border: 1px solid #e6e6e6; }
        .con3title { height: 49px; background: transparent url("fenxianglbstyle/img/con3title.jpg") 0 0 repeat-x; }
            .con3title h2 { width: 191px; height: 40px; text-align: center; font-size: 14px; line-height: 40px ;  cursor: pointer; color: #7358a3; float: left; margin: 5px 0 0 0 ; }
            .con3title h2.current { background: transparent url("fenxianglbstyle/img/con3lihover.jpg") 0 0 no-repeat;  color: #fff; } 
        .subcon3 { position: relative; }
        .subcon3>ul { height: 35px; background: #786894; position: relative; }
        .subcon3>ul>li { float: left; }
        .subcon3>ul>li>span { display: inline-block; margin: 8px 0 0 0; text-align: center;  width: 100px; height: 22px; line-height: 22px; color: #fff; float: left; font-size: 14px; cursor: pointer; }
        .subcon3>ul>li>span.current { background: transparent url("fenxianglbstyle/img/spancurrent.jpg") center center no-repeat; color: #6c4c9e; }
        .subcon3>ul>li>div { position: absolute; top: 35px ; left: 0;  display: none; }
        
            .con33_left { width: 229px; padding: 15px; float:  left; border-right: 1px solid #e6e6e6; } 
                .con33_left h5 { font-size: 13px; color: #6c4c9e; line-height: 22px;margin: 0 0 5px 0 ; font-weight: bold; }
                .con33_left p { width: 106px; float:  left; text-align: center; line-height: normal; margin: 0 4px ; }
                .con33_left p span { color: #757470; line-height: 24px;  } 
                
            .con33_center { width: 469px; float: left; border-right: 1px solid #e6e6e6; height: 345px; }
                .con33_center .c3c_top img { float:  left;  margin: 10px 0 0 10px ; }
                .con33_center .c3c_top div { width: 284px; float:  left; margin: 25px 0 0 10px; text-align: center; }
                .con33_center .c3c_top div strong { color: #6c4c9e; }
                .con33_center .c3c_top div p { text-align: left; color: #757470; line-height: 24px; }
                .con33_center .c3c_top div p  a { color: #6c4c9e; }
                .con33_center  ul { width: 436px; border-top: 1px solid #e6e6e6; margin: 10px 0 0 0 ; padding: 0 0 0 10px; }
                .con33_center  ul li { border-bottom: 1px dashed #e6e6e6; line-height: 30px; height: 30px; *height: 25px; *line-height: 25px;  background: transparent url("fenxianglbstyle/img/libg.gif") left center no-repeat; padding: 0 0 0 12px; width: 425px;}
                .con33_center  ul li a { float:  left; }
                .con33_center  ul li a,.con33_center  ul li span { font-size: 12px; color: #9e9e9e; } 
                .con33_center  ul li span { float: right; }
                .con33_center  ul li a:hover { color: #6c4c9e; }
            .con33_right { width: 243px; background: #efefef; float: left; height: 344px;  padding: 0 10px 0 10px ; }
                .con33_right .c33r1 { padding: 15px 0 10px 107px; }
                .con33_right .c33r1 a{ padding: 0; margin: 0;  float: left; display: inline-block; width: 58px; height: 20px; border: 1px solid #cdcdcd; font-size: 12px; line-height: 20px; text-align: center; }
                .c3rtitle { display: block;  width: 273px; height: 26px; background: transparent url("fenxianglbstyle/img/c3rtitlebg.jpg") 0 0 no-repeat; position: relative; left: -19px; line-height: 26px; color: #fff; padding: 0 0 0 15px; font-size: 14px; margin: 10px 0 0 0 ;  }
                .con33_right div img { float:  left; margin: 10px 0 10px 0; }
                .con33_right div div{ width: 125px; float:  left; margin: 40px 0 0 15px; }
                .con33_right div div h5 { display: block; color: #6c4c9e; font-size: 14px; margin: 0 0 5px 0 ;  }
                .con33_right div div strong { font-size: 14px; color: #000; display: block; margin: 0 0 5px 0 ; }
                .con33_right div div a { font-size: 13px; color: red; }
        .subcon3 { display: none; }
        
    .con4 { height: 236px; margin: 8px 0 ; }
        .con4 .con4_left { width: 615px; height: 206px;  padding:  15px; border: 1px solid #e6e6e6; float:  left; margin: 0 6px 0 0 ; }
            .con4 .con4_left  img { float:  left; }
            .con4 .con4_left  div { width: 270px; float:  left; margin:  10px 0 0 22px; }
            .con4 .con4_left  div h3 { font-size: 16px; color: #9076bd; text-align: center; font-weight: bold; height: 24px; }
            .con4 .con4_left  div p { color: #9e9e9e; font-size: 12px; line-height: 22px; }
            .con4 .con4_left div ul  { margin: 10px 0 0 0 ; }
            .con4 .con4_left div ul li { line-height: 24px; height: 24px; background: transparent url("fenxianglbstyle/img/libg.gif") left center no-repeat; padding: 0 0 0 10px;  }
            .con4 .con4_left div ul li a { font-size: 12px; color: #4c4c4c; } 
        .con4 .con4_right { width:  284px; height: 206px; border: 1px solid #e6e6e6; float:  left;  padding: 14px 28px; }
            .con4 .con4_right a { margin: 15px 5px 0 0 ;  display: block;  float:  left; }
    /*    --------add end css ---------   */ 
    .end{ border:1px solid #ececec; overflow:hidden; float:left; margin-bottom:25px;}
    .end_title { height:36px; float:left;  padding:0px; margin:0px; clear:both; overflow:hidden; width: 100%; background: #786894; }
    .end_title ul { height: 36px; width: 100%;}
    .end_title li{width:96px; height:36px; text-align:center;line-height:36px; float: left; cursor: pointer; padding: 0 10px; color: #fff; font-size: 14px;  }
    .end_title .swd{color:#fff;}
    .end_title .pal{color:#c7a557; background: url("fenxianglbstyle/img/hanjingbg.jpg") top center no-repeat; border-bottom:none; color: #786894; }
    .end_list{ width: 100%; height:168px; float:left;}
    .media{ width:920px; margin: 22px auto; height: 138px;  }
    .media img{ padding:5px 11px; float:left;}
    .meiti{ width:958px; height:auto; float:left; padding:10px 0px;}
    .meiti img{ padding:10px 8px; float:left;}
    .environment{ width:978px; height:auto; float:left; }
    #demo1,#demo7{ width:920px; margin: 25px 0 10px 40px; float:left;  display:inline; overflow:hidden; }
    #demo1 img,#demo7 img { margin: 0 10px; }
    #indemo{ float:left; width:800%; overflow:hidden;}
    #demo2,#demo8{ float:left;}
    #demo3,#demo9{ float:left;} 
    .friend_link{ width:930px; height:auto; float:left; padding:18px 14px;}
    .friend_link a{ line-height:24px; padding:0px 15px; white-space:nowrap;}
       /*  -------- expert css-------   */
    .expertScroll { width: 100% ; height: 200px; position: relative; overflow: hidden;  }
    .expertScroll ul { width: 4000px;  }
    .expertScroll li { float: left; width: 180px ; height: 180px; margin: 10px 0 0 17px; position: relative; }
   .expertScroll li a div { background: transparent url("fenxianglbstyle/img/scrollbg.png") top center repeat-y; padding: 20px 10px 10px 10px; display: none; position: absolute; top: 70px; left: 0; width: 160px ; height: 80px;}
    .expertScroll li a:hover div { display: block; }
    .expertScroll li a div strong { font-size: 15px; color: #fff; margin: 0 0 10px 0; display: block; }
    .expertScroll li a div p { font-size: 12px; line-height: 20px; color: #fff; }
    .sbutton { background-image : url("fenxianglbstyle/img/con2pagenation.jpg") ; position: absolute;  cursor: pointer; }
    .sLeft { display: block; width: 25px; height: 17px; background-position: 0 17px; top:  10px; right: 52px; }
    .sRight { display: block; width: 25px; height: 17px; background-position: 25px 17px; top:  10px; right: 22px; } 
    /*  --------- END---------- */
    
/*-------- video---------*/
.pro_nav { height: 43px; border-bottom: 1px solid #d1d1d1; position: relative; }
    .pro_nav h2 , .pro_nav h3 { float: left; }
    .pro_nav h2 { background: transparent url("fenxianglbstyle/img/pro_navbg.jpg") left center no-repeat; padding: 0 0 0 20px ; margin: 12px 10px 0 0 ;}
    .pro_nav h3 { background: transparent url("fenxianglbstyle/img/h3bg.jpg") left center no-repeat; padding: 0 12px 0 15px ; margin: 12px 0 0 0 ;}
    .pro_nav a  { font-size: 14px; color: #6c4c9e; }
    .pro_nav a.more { position: absolute; right: 15px; top: 15px; color: #525252; }
    
    .pro_con { width: 917px; border: 1px solid #dddddd; height: 290px; margin: 0 auto; }
    
    .pro_jianjie {  border-bottom: 1px solid #d1d1d1; padding: 0 0 10px 0;  margin: 0 0 15px 0; }
    .pro_jianjie h4, .pro_list h4{ font-size: 22px; line-height: 22px; background: transparent url("fenxianglbstyle/img/h4bg.gif") left center no-repeat; padding: 0 0 0 20px; margin: 0 0 20px 0 ; }
    .pro_jianjie p { font-size: 13px; line-height: 22px; color: #5e5e5e; }
     
    .pro_list>div {  width: 940px; height: 120px;  margin: 0 auto 15px auto; background: transparent url("fenxianglbstyle/img/pro_list_divbg.gif") 0 0 repeat-x; padding: 1px ; border: 1px solid #d6d6d6; }
    .pro_list>div h5 { float: left; margin: 44px 26px 0 25px ; background: transparent url("fenxianglbstyle/img/h5bg.jpg") left center no-repeat; padding: 0 0 0 85px; font-size: 26px; font-weight: bold; color: #815dc0; }
    .pro_list>div>div { float: left; position: relative; }
    .pro_list>div>div p { width: 400px; width: 400px; font-size: 13px; line-height: 24px; }
    .pro_list>div>div p a {  color: #5e5e5e; margin: 0 5px 0 0 ;}
    .pro_list>div>div p a.red { color: red; }
    .pro_list>div>div h6 { font-size: 16px; line-height: 20px; color: #8069a6; font-weight: bold;  width: 300px;  }
    .pro_list>div>div div { float: left; width: 432px;  margin: 12px 0 0 0 ; border-left: 1px solid #d1d1d1; height: 82px; padding: 18px 0 0 27px; }
    .pro_list>div>div img { float: left; }
    .pro_list>div>div img.xm { margin: 10px 20px 0 10px ; }
    .pro_list>div>div img.zx { margin: 40px 0 0 0; }
    .pro_list>div>div img.xmhover { position: absolute; top: 10px; right: 120px; display: none; z-index: 9; }
    .pro_list>div>div a:hover { color: red; }
    
 
    .ldx { width: 910px; margin: 10px auto 20px auto; border: 1px solid #d5d5d5; height: 304px; background: #f0f0f0; padding: 15px; }
    .ldx ul { float: left; width: 410px; padding: 0 0 0 40px; margin: 10px 0 0 0 ; border-right: 1px solid #d5d5d5; }
    .ldx ul strong { color: #7851bb; font-size: 16px; line-height: 20px; }
    .ldx ul li { border-bottom:  1px dashed #a1a1a1; padding: 4px 0; width: 323px; }
    .ldx ul li a { font-size: 12px; line-height: 22px; }
    .ldx ul li a:hover { text-decoration: underline; }
/*-------- list---------*/
.list { margin: 20px 0; position: relative; }
    .list_left { margin: 0 15px 0 0 ; width: 636px; float: left;  }
    .list_left a>div { border: 1px solid #e1dde7; box-shadow: 0 0 3px #E0DFE0; width: 639px; background: #fcfafd; height: 180px; margin: 0 0 15px 0 ; }
    .list_left a>div:hover { border-color: #977acc;  box-shadow: 0 0 3px #E0DFE0; transition:border-color .8s linear 0; }
    .list_left a>div div { float:  left; width: 200px; float: left; }
    .list_left a>div div h3 { font-size: 27px; line-height: 30px; font-weight: bold; text-align: center; margin: 15px 0 0 0;  }
    .list_left a>div img { float:  left; }
    
    .list_right { width: 264px; float:  left; background: #f2f0f5; padding: 15px; margin: 0 0 28px 0; }
    .list_right>div { border: 1px solid #e1dde7; box-shadow: 0 0 3px #E0DFE0; background: #fff; margin: 0 0 15px 0; }
    .lr1 { padding: 8px 6px; }
    
    .lr2 ul { padding: 15px 10px; }
    .lr2 ul li { line-height: 26px; height: 26px; background: transparent url("fenxianglbstyle/img/listlibg.jpg") left center no-repeat; padding: 0 0 0 18px; }
    .lr2 ul li a { font-size: 12px; color: #6d676e; }
    .lr2 ul li a:hover { color: #9076bd; }
    .lr3 { padding: 18px 15px; }
    .lr3>img { margin:  0 0 10px 0; }
    
    .lr5 {padding: 18px 15px; }
    .lr5 h5 { font-size: 12px; color: #786196; line-height: 24px; padding: 0 0 5px 0; }
    .lr5 p a { font-size: 12px; color: #8d8d8d; line-height: 18px; }
    .lr5 p a:hover { color: #9076bd; }
    
    .pro_nav form {  float: right;  margin: 10px 0 0 0 ; }
    .pro_nav form label { font-size: 12px; color: #525252; float: left; line-height: 26px;}
    .pro_nav form .search { width: 184px; padding: 0 5px; height: 20px; font-size: 12px; color: #525252; border: 1px solid #cfc8d9; float: left; line-height: 20px; margin: 2px 0 0 0 ; background: #f4f4f4; }
    .pro_nav form .submit { width: 63px; height: 22px; background: transparent url("fenxianglbstyle/img/submit.jpg") 0 0 no-repeat;  border: none; margin: 3px 0 0 5px; float: left; cursor: pointer; }

    .pro_list_left, .artical_list_left { width: 666px; background: #fff; float: left; padding: 20px; margin: }
    .pro_list_left>ul { height: 31px; border-bottom: 2px solid #7e66af; }
    .pro_list_left li { font: 14px; width: 84px; line-height: 31px; height: 31px; color: #7e66af; float: left; text-align: center;  margin: 0 10px; cursor: pointer; font-weight: bold; }
    .pro_list_left li.current {  background: transparent url("fenxianglbstyle/img/pro_list_hover.jpg") 0 0 no-repeat; color: #fff; }
    .pro_list_left p { font-size: 13px; color: #8b7ea5; line-height: 22px; }
    .pro_list_left > p {     background: none repeat scroll 0 0 #EEEEEE; display: none;height: 136px; padding: 15px;}
    .pro_list_left div { padding: 22px 10px; border-bottom:  1px dashed #000; }
    .pro_list_left div h6 { background: transparent url("fenxianglbstyle/img/pro_divh6bg.jpg ") left center no-repeat; padding: 0 0 0 15px; line-height: 30px; color: #5e5e5e; font-size: 14px; }
    .pro_list_left div p { font-size: 12px; color: #a7a7a7; line-height: 22px; }
    .pro_list_left div p a { color: #7a6a9a; margin: 0 5px; }
    .pro_list_left .list_page { width: 600px; margin:20px auto 0 auto; height: 25px; border: none; }
    .pro_list_left .list_page a { color: #7a6a9a; font-size: 14px; margin: 0 2px; }
    
    .artical_list_left h2 { color: #6c4c9e; font-size: 22px; line-height: 24px; text-align: center; }
    .artical_list_left p { font-size: 14px; line-height: 22px; color: #525252; text-indent: 2em; padding: 0 0 10px 0; }
    .artical_list_left p a ,.artical_list_left p span ,.artical_list_left p strong { /*color: #ff0000;*/ }
    .artical_list_left p.arp { padding: 20px; background: #e3e3e3; font-size: 12px; }
    .artical_list_left div img { margin: 20px ; }
    .artical_list_left p.nextpre { display: block; height: 33px; background: transparent url("fenxianglbstyle/img/nextprebg.jpg") 0 0 repeat-x; text-indent: 0; }
    .artical_list_left p.nextpre a { font-size: 12px;line-height: 33px; color: #fff;  margin: 0 5px; }
     
/*-------- expert---------*/
.expert_con { background: #f2f0f5; height: 716px; margin: 0 auto 24px auto; width: 1000px; }
    .zj_left { width: 201px; padding: 0 2px; height: 716px; position: relative;  float: left; }
    .zj_left .zj_left_top { height: 42px; width: 100%; background: transparent url("fenxianglbstyle/img/zj_left_topbg.jpg") top center repeat-x; }
    .zj_left .zj_left_bottom { height: 42px; width: 100%; background: transparent url("fenxianglbstyle/img/zj_left_bottombg.jpg") bottom center repeat-x; position: absolute;  bottom: 0; }
    
    .zj_left .h21,.zj_left .h22  { cursor: pointer; width: 223px; height: 48px; background: transparent url("fenxianglbstyle/img/zj_cenh2bg.png") 0 0 no-repeat; color: #fff; text-align: center; line-height: 57px;  font-size: 13px; margin:-40px 0 0 -11px; }
    .zj_left .h22 { margin: -10px 0 0 -11px; z-index: 10; position: absolute; }

    #exp1 { overflow: hidden; height: 594px; padding: 0 0 0 4px;}
    #exp2 { height: 0;overflow: hidden; padding: 46px 0 0 0 ; }
    .exp img { float: left;  cursor: pointer; border: 1px solid #eee; }
    .exp img:hover { border:1px solid #13059b; }
    

    .zj_right {  float:  left; width: 750px; height: 708px; position: relative;  }
    
    .zj_right>div>div.zj_title { position: absolute; top: 68px; left: 392px; display: none; opacity: 0; }
        /*.zj_right>div>div.zj_title { position: absolute; top: 0; left: 0; opacity:0; }*/

    .zj_right>div>div h3 { font-size: 43px; color: #977acc; font-weight: 800; padding: 0 0 5px 0; }
    .zj_right>div>div h4 { font-size: 33px; font-weight: 500; }
    .zj_right>div>img { position: absolute; top: 10px; display: none; opacity: 0;}
        /*.zj_right>div>img { position: absolute; top: 0;}*/

    .zj_jianjie { width:316px; height: auto; padding: 15px;  position: absolute; top: 198px; right:0 ; display: none; opacity: 0;}
        /*.zj_jianjie { opacity:0; width:316px; height: 265px; padding: 15px; background: transparent url("fenxianglbstyle/img/zj_jianjiebg.png") 0 0 no-repeat; position: absolute; top: 0; right: 0 ; }*/

    .zj_jianjie p { font-size: 12px; line-height: 22px; color: #707070; }
    .zj_jianjie p.xm { color: #977acc; margin: 10px 0 0 0 ;}
    .zj_jianjie p.xm span { display: inline-block; padding: 5px ;margin: 0 5px 0 0 ;  background: #977acc; color: #fff; }
    
    .zj_jianjie img { margin: 5px 0 0 200px; }

/*-------- topics---------*/
.topics { margin: 0 0 15px 0; position: relative; background: #f2f0f5; }
    .topics img { padding: 3px; border: 1px solid #a6a6a6; }
    .topics>p { display: block; height: 30px ; }
    .topics>p a { display: inline-block;  color: #fff; font-size: 13px; line-height: 30px; height: 30px; float: right; margin: 0 10px 0 0 ; }
    .ts1 { height: 435px; }
    .ts1>p { background: transparent url("fenxianglbstyle/img/ts1bg.jpg") top center no-repeat; }
        .ts1 img { display: block;  position: absolute; }
        .ts1 img.img1:hover,.ts1 img.img3:hover {
            -moz-transform : rotate(3deg);
            -webkit-transform : rotate(3deg);
            -o-transform : rotate(3deg);
            -ms-transform : rotate(3deg);
            tranfrom : rotate(3deg);
            -moz-transition : all .5s ease-in-out;
            -webkit-transition : all .5s ease-in-out;
            -o-transition : all .5s ease-in-out;
            -ms-transition : all .5s ease-in-out;
            transition : all .5s ease-in-out;
            }
        .ts1 img.img2:hover,.ts1 img.img4:hover {
            -moz-transform : rotate(-3deg);
            -webkit-transform : rotate(-3deg);
            -o-transform : rotate(-3deg);
            -ms-transform : rotate(-3deg);
            tranfrom : rotate(-3deg);
            -moz-transition : all .5s ease-in-out;
            -webkit-transition : all .5s ease-in-out;
            -o-transition : all .5s ease-in-out;
            -ms-transition : all .5s ease-in-out;
            transition : all .5s ease-in-out;
        } 
    .ts2>p { background: transparent url("fenxianglbstyle/img/ts2bg.jpg") top center no-repeat; }
    .ts3>p { background: transparent url("fenxianglbstyle/img/ts3bg.jpg") top center no-repeat; }
    .ts4>p { background: transparent url("fenxianglbstyle/img/ts4bg.jpg") top center no-repeat; }
    .ts5>p { background: transparent url("fenxianglbstyle/img/ts5bg.jpg") top center no-repeat; }
    .topics img:hover {
        border: 1px solid #8e60e4;
        -moz-transition : all .5s ease-in ;
        -webkit-transition : all .5s ease-in ;
        -o-transition : all .5s ease-in ;
        -ms-transition : all .5s ease-in ;
        transition : all .5s ease-in ;
        }
    .ts2>div,.ts3>div,.ts4>div,.ts5>div { padding: 23px 0 23px 0; height: 315px; }
    .ts2>div>div,.ts3>div>div,.ts4>div>div,.ts5>div>div { width: 226px; float: left; margin: 0 0 0 15px; }
    .ts2>div>div p, .ts3>div>div p,.ts4>div>div p,.ts5>div>div p { text-align: center; height: 25px; line-height: 25px; color: #6f6f6f; font-size: 13px; }
    
    
    
 /*-------- question page ---------*/

.question_left { width: 670px; padding: 13px 23px 0 0 ; float:  left;  background: #fff; }
    .question_left P { font-size: 13px; color: #7a7a7a; line-height: 18px; }
    .que_title { border-right: 1px solid #d0c5e3; border-left: 1px solid #d0c5e3; }
    .que_title { min-height: 100px; background: transparent url("fenxianglbstyle/img/que_titlebg.jpg") top center no-repeat; padding: 18px 25px; }
    .que_title h3 { font-size: 16px; line-height: 26px; color: #977acc; margin: 0 0 5px 0; }
    .que_title span { display: block; background: transparent url("fenxianglbstyle/img/quespanbg.jpg") center left no-repeat; padding: 0 0 0 20px; font-size: 13px; color: #898989; }
    .que_title p { margin: 10px 0 0 0 ; }
    .ans { border: 1px  solid #d4d4d4; }
    .ans>img { position: relative; left: -21px;  }
    .ans>p { padding: 0 25px 25px 25px ; }
    .ans>div { width: 590px; background: #fafafa; border: 1px solid #f2f2f2s; padding: 15px; margin: 0 auto; }
    .ans>div strong a, .ans>div strong { color: #977acc; }
    .ans>a { display: inline-block;  margin: 16px 0 10px 258px; }
    
    .que_list>div { height: 39px; background: #f7f4fe; border-top: 1px solid #bfb2ee; border-bottom: 2px solid #bfb2ee; border-left: 1px solid #bfb2ee; border-right: 1px solid #bfb2ee; margin: 13px 0 0 0 ; padding: 0 0 0 15px; }
    .que_list>div span { display: inline-block; height: 30px; line-height: 30px; color: #7b7b7b; font-size: 14px; text-align: center; padding: 0 10px;  cursor: pointer; margin: 7px 0 0 0 ; float: left;  }
    .que_list>div span.current { background: #fff; border-top: 2px solid #bfb2ee;border-left: 2px solid #bfb2ee;border-right: 2px solid #bfb2ee;border-bottom: 2px solid #fff; font-weight: bold; color: #977acc;  }
    .que_list ul li { line-height: 40px; height: 40px; border-bottom: 1px solid #d1d1d1; background: transparent url("fenxianglbstyle/img/quelibg.jpg") center left no-repeat; padding: 0 0 0 10px; }
    .que_list ul li a  , .que_list ul li span{ font-size: 13px; color: #7b7b7b; display: inline-block; }
    .que_list ul li a:hover { color: #3c0099; }
    .que_list ul li a { float: left; }
    .que_list ul li span { float: right; }
    
    .question_left .list_page { width: 420px; margin:20px auto 20px auto; height: 25px; border: none; }
    .question_left .list_page a { color: #3c0099; font-size: 14px; display: inline-block; border: 1px solid #b6a0dd; background: #f8f5ff; padding: 2px 5px; }
    .question_left .list_page a.current { color: #000; border: none; background: none; }
    
    .que_zixun { width: 670px; height: 152px; margin: 0 auto; background: transparent url("fenxianglbstyle/img/que_zixunbg.jpg") top center no-repeat; position: relative; }
    .que_zixun img { position: absolute; display: block; }
    
    /*-------- index question page ---------*/
.index_question_left { width: 670px; padding: 13px 23px 0 0 ; float:  left;  background: #fff; }
    .index_question_left  a , p , span  , textarea , li ,select, option, input { font-size: 12px; color: #7b7b7b; }

/*-------- about hanmi page---------*/
/*.abhanmi { min-height: 637px; width: 1050px; margin: 0 auto 32px auto; }*/
.abhanmi_right .title { height: 68px; border-bottom: 3px solid #e6e6e6; margin: 0 0 20px 0; }
.abhanmi_left { width: 156px; height: 637px; background: transparent url("fenxianglbstyle/img/abhanmibg.png") 0 0 no-repeat; margin: 0 8px 0 0 ; float: left; }
.abhanmi_left ul { margin: 0 0 0 15px; padding: 66px 0 0 0; }
.abhanmi_left li { height: 68px; line-height: 68px; font-size: 14px; color: #fff; background: transparent url("fenxianglbstyle/img/ablibg.jpg") top center no-repeat; text-align: center; cursor: pointer;  }
.abhanmi_left li:hover ,.abhanmi_left li.current { background: transparent url("fenxianglbstyle/img/abhanmihover.jpg") top center no-repeat; }

.abhanmi_right { float: left; width: 805px; border-top: 4px solid #000; padding: 10px 28px 30px 28px; background: #fff; margin: 0 0 20px 0; }
 
.hmsb>img { float: left; margin: 0 4px 4px 0 ; cursor: pointer; border: 1px solid #fff; }
.hmsb>img:hover, .hmsb>img.current { border: 1px solid #390979; }
.hmsb>div { width: 556px; height: 346px; float: left; padding: 3px 15px 0 0 ; position: relative; }
.hmsb>div div { position: absolute; top:20px; right: 15px; width: 290px;  display: none;}
.hmsb>div>img { display: none; } 
.hmsb>div div h5 { font-size: 15px; color: #977acc; font-weight: bold; margin: 0 0 5px 0 ; }
.hmsb>div div p { font-size: 13px; color: #989898; line-height: 20px; }
.hmsb>div div img { margin: 15px 0 0 0 ; }

.lylx .subpage_lylx h4,.lylx_1 h5, .yyhj1 h4 { font-size: 20px; font-family: Microsoft YaHei; }
.lylx .subpage_lylx p { font-size: 14px; color: #666666; line-height: 24px; margin: 5px 0 10px 0; }
.lylx_1 ul { margin: 5px 0 0 0 ; }
.lylx_1 li { font-size: 14px; line-height: 24px; }

.yyhj1 h4 { margin: 0 0 10px 0; }
.yyhj1 p { font-size: 14px; line-height: 22px; color: #666; }

.yyjs p { font-size: 12px;color: #717070; margin: 10px 0 15px 0; line-height: 22px; }
.yyjs img { padding: 3px ; border: 1px solid #e4e4e4;  display: block; margin: 20px auto 0 auto; }

.zxzx1 { height: 42px; background: transparent url("fenxianglbstyle/img/zxzx1.jpg") center left no-repeat;}
.zxzx2 { height: 42px; background: transparent url("fenxianglbstyle/img/zxzx2.jpg") center left no-repeat; }
.yyfw h4{ font-size: 20px; line-height: 42px; color: #000; padding: 20px 0 10px 50px; } 
.yyfw p { font-size: 14px; }
.yyfw  a { font-size: 18px; line-height: 25px; font-weight: bold; color: red; display: block; margin: 10px 0 0 20px; }

/*------new-pro------*/

.new_pro_title { display:none; width:1px; height:1px; overflow:hidden;}
.flexslider    { display:none; width:1px; height:1px; overflow:hidden;}



.new_pro_title img { display: block; margin: 0 auto;  }
.tuijian_pro { height: 45px; border-bottom: 1px solid #e3e3e2; position: relative; margin: 10px 0 0 0 ; _margin: 5px 0 0 0 ; *margin: 5px 0 0 0 ; }
.tuijian_pro h2{ font-size: 25px; font-weight: bold; float: left; padding: 0 0 0 25px; line-height: 45px; cursor: pointer; color: #000; background-position: left 50% ; background-repeat: no-repeat; background-image: url("fenxianglbstyle/img/sph2bg.jpg");  }
.tuijian_pro p { font-size: 13px; color: #5e5e5e; float: right; line-height: 45px; padding: 0 80px 0 0; font-family: Mrcrosoft SimHei; }
.tuijian_pro p>a:hover {  }
.tuijian_pro>a { display: block; width: 51px; height: 18px; font-size: 13px;  background: #2e2724; text-align: center; line-height: 18px;position: absolute; color: #fff; top: 11px; right: 0; }
.tuijian_pro>a:hover {color: #fff; }
.tuijian_pro p strong { color: #000; }

.tuijian_pro_con { height: 180px; }
.tuijian_pro_con a { display: block; width: 202px; padding: 1px; height: 155px; float: left; margin: 15px 4px 0 4px; border: 2px solid #fff;  transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s; }
.tuijian_pro_con a:hover { border: 2px solid #8f6fa2; box-shadow: 1px 1px 5px #d3c0df; }
.tuijian_pro_con div p { font-size: 13px; color: #5e5e5e; line-height: 22px; text-align: center; }

.new_pro_nav { height: 30px; background: transparent url("fenxianglbstyle/img/npn.jpg") center left no-repeat ; padding: 16px 0 0 70px; border-bottom: 1px solid #d1d1d1; }
.new_pro_nav a { /*background: transparent url("fenxianglbstyle/img/h3bg.jpg") center right no-repeat;*/ padding: 0 6px; font-size: 14px; }

.new_proc { width: 518px; float: left; margin: 20px 10px 0 10px; padding: 0 0 15px 0; border-bottom:  1px solid #000; }
.new_proc h5,.new_proc h6 , .new_proc a { font-family: Microsoft YaHei; }
.new_proc .np_top { height: 30px; background: #eee; }
.new_proc .np_top h5 { font-size: 15px; font-weight: bold; line-height: 30px; float: left; padding: 0 10px; }
.new_proc .np_top a { font-size: 15px; color: #6d6d6d; float: right; line-height: 30px; padding: 0 10px; }

.new_proc .np_bo { margin: 10px; }
.new_proc .np_bo>a { display: block; margin: 0 24px 0 0 ; _margin: 0 15px 0 0 ;  float: left; }
.new_proc .np_bo>div { float: left; width: 265px; padding: 15px 0 0 0 ; position: relative; }
.new_proc .np_bo>div h6 { font-size: 22px; line-height: 25px; text-align: center; }
.new_proc .np_bo>div p { line-height: 20px; color: #5e5e5e; padding: 10px 0 ; }
.new_proc .np_bo>div p a { color: #cb3030; }
.new_proc .np_bo>div ul li a { font-weight: normal; color: #5e5e5e; font-family: sans-serif; letter-spacing: 1px; }
.new_proc .np_bo>div ul li { line-height: 22px; }
.new_proc .np_bo>div>a.ck { display: inline-block; border: 1px solid #000; font-size: 13px; padding: 5px 10px; position: absolute; bottom: -40px; right: 0; }
#new_pexp { width: 1080px; margin: 0 auto; position: relative; overflow: hidden; }