.artical_list_left div img

/* 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; }

.conWapper2 { width: 1100px; 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("../image/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("../image/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("../image/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("../image/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("../image/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 ; }











.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("../image/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('../image/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("../image/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("../image/con2titlebg.jpg") 0 0 repeat-x; }

    .con3 { height: 428px; border: 1px solid #e6e6e6; }

        .con3title { height: 49px; background: transparent url("../image/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("../image/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("../image/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("../image/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("../image/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("../image/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("../image/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("../image/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("../image/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; left: -5%; }

    .pro_nav h2 , .pro_nav h3 { float: left; }

    .pro_nav h2 { background: transparent url("../image/pro_navbg.jpg") left center no-repeat; padding: 0 0 0 20px ; margin: 12px 10px 0 0 ;}

    .pro_nav h3 { background: transparent url("../image/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; margin-top:15px; }

    .pro_jianjie h4, .pro_list h4{ font-size: 22px; line-height: 22px; background: transparent url("../image/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("../image/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("../image/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: right; 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("../image/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("../image/submit.jpg") 0 0 no-repeat;  border: none; margin: 3px 0 0 5px; float: left; cursor: pointer; }



    .pro_list_left, .artical_list_left { width: 766px; background: #fff; float: left; padding: 20px; margin: }

    .pro_list_left>ul { height: 31px; border-bottom: 2px solid #7e66af; }

    .pro_list_left li { font: 14px; line-height: 31px; height: 31px; color: #7e66af; float: left; text-align: center;  margin: 0 6px; cursor: pointer; font-weight: bold; list-style:none }

    .pro_list_left li.current {  background: transparent url("../image/pro_list_hover.jpg") 0 0 no-repeat; color: #fff; width:84px; }

    .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("../image/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;  padding: 0 0 10px 0; }

    .artical_list_left p a ,.artical_list_left p span{ color: #000000; }

    .artical_list_left p.arp { padding: 20px; background: #e3e3e3; font-size: 12px; }

    .artical_list_left div img { width:50%; margin: 40px;  filter: blur(8px);  }

    .artical_list_left p.nextpre { display: block; height: 33px; background: transparent url("../image/nextprebg.jpg") 0 0 repeat-x; text-indent: 0; color:#FFF }

    .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: 240px; height: 716px; position: relative;  float: left; background: #eeee; }

    .zj_left .zj_left_top { height: 42px; width: 100%; background: transparent url("../image/zj_left_topbg.jpg") top center repeat-x; }

    .zj_left .zj_left_bottom { height: 42px; width: 100%; background: transparent url("../image/zj_left_bottombg.jpg") bottom center repeat-x; position: absolute;  bottom: 0; }

    

    .zj_left .h21,.zj_left .h22  { cursor: pointer; width: 255px; height: 56px; background: transparent url("../image/zj_cenh2bg.png") 0 0 no-repeat; color: #fff; text-align: center; line-height: 78px;  font-size: 13px; margin:-40px 0 0 -7px; }

    .zj_left .h22 { margin: -10px 0 0 -7px; z-index: 10; position: absolute; }



    #exp1 { overflow: hidden; height: 594px; }

    #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("../images/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("../image/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("../image/ts2bg.jpg") top center no-repeat; }

    .ts3>p { background: transparent url("../image/ts3bg.jpg") top center no-repeat; }

    .ts4>p { background: transparent url("../image/ts4bg.jpg") top center no-repeat; }

    .ts5>p { background: transparent url("../image/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("../image/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("../image/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("../image/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("../image/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("../image/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("../image/ablibg.jpg") top center no-repeat; text-align: center; cursor: pointer;  }

.abhanmi_left li:hover ,.abhanmi_left li.current { background: transparent url("../image/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('../image/zxzx1.jpg') center left no-repeat;}

.zxzx2 { height: 42px; background: transparent url('../image/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; }