@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;  background: url(../img/bg.jpg) repeat-x;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.End {
    font: 0px/0px Sans-Serif;
    clear: both;
    display: block;
}

a {
    text-decoration: none;
}

img {
    border: none;
}

h2, span, font, a, b, p, i {
    margin: 0;
    padding: 0;
    font-style: normal;
}

.bg_body {
 width:980px; padding:0 10px; background:#fff; margin:0 auto;
}



.nav {  height:56px; 
/*background:url(../img/nav.jpg) repeat-x;*/
}
.nav ul{width:1200px;margin:0 auto;height:56px;
    background: #187ed0;
}


.news_top{ width:450px;height:338px;float:left; margin:15px 0 0 10px;border:solid 1px #ddd;}
.news_top_one{}
.news_top_one h3 a{color:#187ed0;font-size:18px; text-align:center; line-height:40px; display:block;padding:0 20px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news_top_one h3 a:hover{color:#1e50ae;}
.news_top_one p{color:#666;font-size:12px; line-height:21px;padding:0 25px;}

.wzgg{ width:1000px; height:36px; margin:0 auto; background:url(../img/bg2.jpg) no-repeat; margin-top:10px;}
.wzgg li{ width:400px; height:36px; margin-left:105px;}
.wzgg li a{ color:#000; font-size:12px; line-height:36px;}
.wzgg li a:hover{ color:#1e50ae;}
.wzgg li span{ float:right; color:#666; font-size:12px; line-height:36px;}
.main {

  width:1200px; margin:0 auto;  
}
.tuiguang{ height:50px; background:url(../img/bg123.jpg) no-repeat center bottom;}
.footer { 
 font-size:12px; line-height:24px;  padding:10px 0;  text-align:center;
}

    .footer a {
        color:#666;
    }

        .footer a:hover {
            color: #1e50ae;
            text-decoration: underline;
        }
        
    
.list_bm{width:33%;float:left;text-align:center;margin-top:8px;color:#000;font-size:12px;line-height:30px;}
.list_bm a{color:#000;}
.list_bm a:hover{color:#1e50ae;}
.list_bm img{border-radius:10px;}
    
  .littlt_nav{ font-size:12px; line-height:30px; color:#000;}   
.littlt_nav a{ font-size:12px; line-height:30px; color:#000;}
.littlt_nav a:hover{ color:#a8101d;}

.little_nav{ height:30px; background:#1e50ae; font-size:14px; line-height:30px; color:#fff; text-align:center; margin-top:15px;}
.little_nav span{ color:#fff; margin:0 10px;font-size:10px;font-family:arial; }
.little_nav a{ color:#fff; }
.little_nav a:hover{ color:#ffff00;}

.friendlink{ width:1200px; margin:0 auto; border:solid 1px #ddd;margin-top:15px;padding:0 0 5px 0;}
.friendlink span{font-size:10px; line-height:24px;color:#666;}
.friendlink a{ font-size:12px; line-height:24px;color:#000}
.friendlink a:hover{ text-decoration:underline;color:#1e50ae;}

.list_link_pic{width:150px;height:50px;float:left; margin:10px 16px;}
.list_link_pic img{width:150px;height:50px;}
.list_link_pic a{}

.list_news14 { margin-top:10px;
 padding-bottom:8px;
    border-bottom: dashed 1px #bbb;
}

    .list_news14 a {
        color: #000;
        font-size: 12px;
        line-height: 30px;
    }

        .list_news14 a:hover {
            color: #1e50ae;
        }

    .list_news14 span {
        color: #666;
        font-size: 12px;
        line-height: 30px;
        float: right;
    }



.logo {
    width: 553px;
    height:100px;
    float: left;
	background:url(../img/logo.jpg) no-repeat;
}

    .logo a {
 
 width: 553px;
    height:100px;
        display: block;
    }


.top_right{ height:100px; float:right;}
	
	
	
.search {
    height: 24px;
    float: left;
    _display: inline;  margin-top:15px; margin-left:140px;
 
}


.search1 {
    height: 24px;
    float: left;
    _display: inline;  margin-top:15px; margin-left:120px;
 
}






.bg_sc {
    height: 26px; color:#fff; font-size:12px; line-height:26px; width:172px; float:left; margin-left:345px; background:url(../img/bg_sc.jpg) no-repeat; text-align:center;

}
.bg_sc a{ color:#fff; font-size:12px; line-height:26px;cursor:pointer; margin:0 5px;}
.bg_sc a:hover{ color:#fff; text-decoration:underline;}
.bg_search {
    height: 28px;

 
 margin:10px auto;
 
}




#scrollDiv
{
            height: 291px;
            overflow: hidden;  
        }
        #scrollDiv li
        {
            height: 32px;
        }
        #scrollDiv li a
        {
             line-height:32px; 
        }
        #scrollDiv li span{ line-height:32px;  float:right;}



.bg_news{ background:#f0f0f0; border-top:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5; margin-top:20px;}


.phone{float:right; width:390px; height:100px; background:url(../img/phone.jpg);}




.header {

   height:300px;background:#187ed0;
  
}
.top{
    width:100%;height:300px;
    background: url(../img/top22.jpg) no-repeat center center;
    background-size: auto 100%;
}
.language{ height:24px; float:right; margin:25px 15px 0 0; _display:inline;}
.mail{ height:24px; font-size:12px; color:#0060ff; line-height:24px; display:block; float:left;}
.mail:hover{ color:#0060ff; text-decoration:underline;}
.chn{ height:24px; font-size:12px; color:#666; line-height:24px; display:block; float:left; background:url(../img/chn.jpg) no-repeat left center; padding-left:20px; margin-left:10px;}
.chn:hover{ color:#0060ff;}
.eng{ height:24px; font-size:12px; color:#666; line-height:24px; display:block; float:left; background:url(../img/eng.jpg) no-repeat left center; padding-left:20px; font-family:Arial; margin-left:10px;}
.eng:hover{ color:#0060ff;}


.main_body{ width:980px; margin:0 auto;}



.toplisthqd {
    width: 400px;
    height: 500px;
    overflow: hidden;
}
.toplisthqd li {
    height: 450px;
}
.toplisthqd li a {
    display: block;
}
.toplisthqd li img {
    width: 100%;
}







.header_right{ height:30px; float:right; margin-top:35px;}
.homepage{ color:#000; font-size:12px; line-height:30px; background:url(../img/dot1.gif) no-repeat left center; padding-left:20px; cursor:pointer;}
.homepage:hover{ color:#0060ff;}

.collection{ color:#000; font-size:12px; line-height:30px; background:url(../img/dot2.gif) no-repeat left center; padding-left:20px; margin-left:10px; cursor:pointer;}
.collection:hover{ color:#0060ff;}





.Questions_answers{  margin:10px 0; padding-bottom:5px; background:#fff; border:solid 1px #ddd;}
.Questions{ padding:0 10px 0 30px; border-bottom:dashed 1px #aaa; padding-bottom:5px; background:url(../img/wen.jpg) no-repeat left 6px;}
.Questions span{ color:#666; font-size:12px; line-height:30px;}
.Questions font{ color:#000;  font-size:12px; line-height:30px;}
.Questions p{ color:#000; font-size:14px; line-height:24px; padding-left:10px; font-weight:bold;}
.answers{ padding:0 10px 0 30px; background:url(../img/da.jpg) no-repeat left 6px;}
.answers span{ color:#666; font-size:12px; line-height:30px;}
.answers font{ color:#000; font-size:12px; line-height:30px;}
.answers p{ color:#1e50ae; font-size:14px; line-height:24px; padding-left:10px; font-weight:bold;}






.Questions1{ padding:0 10px 0 30px; border-bottom:dashed 1px #aaa; padding-bottom:5px; background:url(../img/wen1.jpg) no-repeat left 6px;}
.Questions1 span{ color:#666; font-size:12px; line-height:30px;}
.Questions1 font{ color:#000;  font-size:12px; line-height:30px;}
.Questions1 p{ color:#000; font-size:14px; line-height:24px; padding-left:10px; font-weight:bold;}
.answers1{ padding:0 10px 0 30px; background:url(../img/da1.jpg) no-repeat left 6px;}
.answers1 span{ color:#666; font-size:12px; line-height:30px;}
.answers1 font{ color:#000; font-size:12px; line-height:30px;}
.answers1 p{ color:#1e50ae; font-size:14px; line-height:24px; padding-left:10px; font-weight:bold;}









.liuyan{ color:#1e50ae; }
.liuyan:hover{ color:#1e50ae; text-decoration:underline;}


.dingbu{ color:#1e50ae; display:block; height:40px; line-height:40px;}
.dingbu:hover{ color:#1e50ae; text-decoration:underline;}






.list_pro{ width:220px; height:201px; float:left; margin:10px 14px 10px 15px;  _display:inline;}
.list_pro a{color:#000; font-size:12px; line-height:30px;}
.list_pro a:hover{ color:#1e50ae;}
.list_pro a img{ width:206px; height:151px; border:solid 1px #d7d7d7; padding:6px; background:#e9e9e9;}
.list_pro a h3{border:solid 1px #d7d7d7; height:30px; overflow:hidden; display:block; background:#e9e9e9 url(dot18.jpg) no-repeat 8px center; margin-top:4px;  font-weight:normal; padding-left:25px;}







.list_pro23123{ width:168px; height:158px; float:left; margin:10px 12px 0 12px; text-align:center; _display:inline;}
.list_pro23123 a{color:#000; font-size:12px; line-height:30px;}
.list_pro23123 a:hover{ color:#1e50ae;}
.list_pro23123 a img{ width:160px; height:120px; border:solid 1px #ddd; padding:3px; background:#fff;}
.list_pro23123 a:hover img{ border:solid 1px #aaa;}




.list_pro1212{ width:208px; height:188px; float:left; margin:10px 16px 0 16px; text-align:center; _display:inline;}
.list_pro1212 a{color:#000; font-size:12px; line-height:30px;}
.list_pro1212 a:hover{ color:#1e50ae;}
.list_pro1212 a img{ width:200px; height:150px; border:solid 1px #ddd; padding:3px; background:#fff;}
.list_pro1212 a:hover img{ border:solid 1px #aaa;}


.list_pro1313{ width:158px; height:238px; float:left; margin:10px 12px 0 12px; text-align:center; _display:inline;}
.list_pro1313 a{color:#000; font-size:12px; line-height:30px;}
.list_pro1313 a:hover{ color:#1e50ae;}
.list_pro1313 a img{ width:150px; height:200px; border:solid 1px #ddd; padding:3px; background:#fff;}
.list_pro1313 a:hover img{ border:solid 1px #aaa;}


.list_case{ width:208px; height:190px; float:left; margin:13px; text-align:center; _display:inline;}
.list_case a{color:#000; font-size:12px; line-height:30px;}
.list_case a:hover{ color:#1e50ae;}
.list_case a img{ width:180px; height:160px;}


.lrxingai .list_case11231 {
    height: auto;
}
.lrxingai .list_case11231 a img {
    height: 150px;
}




.list_case21{ width:180px; height:165px; float:left; margin:13px; text-align:center; _display:inline;}
.list_case21 a{color:#000; font-size:12px; line-height:30px;}
.list_case21 a:hover{ color:#1e50ae;}
.list_case21 a img{ width:180px; height:135px;}







.list_case1123{ width:200px; height:180px; float:left; margin:20px 20px 0 20px; text-align:center; _display:inline;}
.list_case1123 a{color:#000; font-size:12px; line-height:30px;}
.list_case1123 a:hover{ color:#1e50ae;}
.list_case1123 a img{ width:200px; height:150px;}



.list_case11231{ width:170px; height:250px; float:left; margin:20px 15px 0 15px; text-align:center; _display:inline;}
.list_case11231 a{color:#000; font-size:12px; line-height:30px;}
.list_case11231 a:hover{ color:#1e50ae;}
.list_case11231 a img{ width:170px; height:210px;}



/*按钮控制滚动样式****/
 .blk_18
{
width: 704px;
overflow: hidden;
margin:0px auto;
margin-left:1px;
}
 .blk_18 .pcont
{
width: 704px;
float: left;
overflow: hidden;
zoom: 1;
}
 .blk_18 .ScrCont
{
width: 32766px;
zoom: 1;
}
 .blk_18 #List1_1, .blk_18 #List2_1
{
 float: left;
}

.left{ width:17px; height:47px; float:left; background:url(../img/menu1.jpg) 0px 0px; margin-top:50px; display:inline;}
.left a{ width:17px; height:47px; display:block;}
.left a:hover{background:url(../img/menu1.jpg) 0px -47px;}

.right{ width:17px; height:47px; float:right; background:url(../img/menu1.jpg) -17px 0px; margin-top:50px; display:inline;}
.right a{ width:17px; height:47px; display:block;}
.right a:hover{background:url(../img/menu1.jpg) -17px -47px;}
















.menu {width:127px;height: 56px;float: left;text-align: center; font-family:微软雅黑;}
.menu a {width: 100%;height: 56px;color: #fff;font-size: 16px;line-height: 56px;display: block; font-weight:bold;}
.menu a:hover {color: #fff; background:#1e50ae;font-weight:bold;text-decoration:none;}

.menu#on {
    background:#1e50ae;
}
.menu#on a {
    color: #fff;
}

.line {height: 40px;float: left;width:7px;
/*background:url(../img/line.png) no-repeat center center;*/
}

.menu1 {width: 116px;height: 40px;float: left;text-align: center;  font-family:微软雅黑;}
.menu1 a {width: 116px;height: 40px;color: #fff;font-size: 16px;line-height: 40px;display: block; font-weight:bold; background:#c60700;}
.menu1 a:hover {color: #fff; background:#c60700;text-decoration:none;}



.main_left {
    width: 260px;
    float: left; 
}

.main_right {
    width: 930px;
    float: right; 
}


.main_leftindex{
    width: 830px;
    float: left; 
}

.main_rightindex {
    width: 260px;
    float: right; 
}



.class_content{ border:solid 1px #ececec; padding:1px;
                -moz-border-radius: 5px;   
    -webkit-border-radius: 5px;  
    border-radius:5px;    margin-top:20px;       
                }

.class_content_nr{ background:#ececec;
                -moz-border-radius: 5px;   
    -webkit-border-radius: 5px;  
    border-radius:5px; position:relative;}
    
    
.class_pic{ width:157px; height:84px; background:url(../img/class.png) no-repeat; position:absolute; left:-6px;top:-6px;}    
.class_pic1{ width:157px; height:84px; background:url(../img/class1.png) no-repeat; position:absolute; left:-6px;top:-6px;} 
.class_pic2{ width:157px; height:84px; background:url(../img/class2.png) no-repeat; position:absolute; left:-6px;top:-6px;} 

.title {
    height: 40px;
    background:url(../img/tit_bg2.jpg) no-repeat right top;
    background-size: 100% 100%;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
}
.title span { display:block; float:left; 
    height: 40px;font-size: 14px;color: #fff;
    line-height: 40px; 
    font-weight:bold; font-family:微软雅黑; 
    /*background:url(../img/title1_2.jpg) repeat-x left center; */
    background: #187ed0;
    padding:0 18px;
}

.title a { display:block; float:right; height: 40px;font-size: 12px;color: #1e50ae;line-height: 40px;  font-family:微软雅黑; padding-right:5px;}
.title a:hover{color:#1e50ae;}


.title11 {height: 35px;}
.title11 span { display:block; float:left; height: 35px;font-size: 14px;color:#1e50ae;line-height: 30px; font-weight:bold; }
.title11 span font {height: 35px; font-size:14px; float:right; line-height:35px; font-family:Arial; color:#666; font-weight:normal;  padding-left:5px;}


.title12 {height: 35px;}
.title12 span { display:block; float:left; height: 35px;font-size: 14px;color: #1e50ae;line-height: 30px; font-weight:bold; font-family:微软雅黑; }

.title12 font {height: 35px; font-size:12px; float:left; line-height:32px; font-family:Arial; color:#fff; font-weight:bold; padding-right:30px; padding-left:5px;}
.more12{ width:41px; height:12px; display:block; float:right; line-height:12px; background:url(../img/more1.jpg) no-repeat; margin-top:9px; margin-right:5px; }




.content{ margin-top:15px; }
.title1 {height:36px;background:url(../img/bg_title.jpg) repeat-x; padding-left:21px; border-right:solid 1px #ddd;}  
.title1 span {float: left;display: block;height: 36px;font-size: 14px;color: #fff;line-height: 34px; font-weight:bold;font-family:微软雅黑;background:url(../img/title1_1.jpg) right top; padding-right:30px;}
.title1 a{ width:55px; height:20px; display:block; background:url(../img/more.jpg) no-repeat; float:right; margin:8px 5px 0 0;}  

 
 
 
 .title12121 {height:36px;}  
.title12121 span {float: left;display: block;height: 36px;}
.title12121 a{ width:55px; height:20px; display:block; background:url(../img/more.jpg) no-repeat; float:right; margin:6px 0 0 0;}  

 
 
 
 
 
 
 


 .weizhi {
     height: 40px;
     /*background:url(../img/title1_1.jpg) no-repeat right top;*/
     font-size: 12px;color: #000;
     line-height:30px;
     background:#eee;
     margin-top: 21px;
 }
.weizhi span { display:block; float:left; 
    height: 40px;
    font-size: 14px;color: #fff;
    line-height: 40px; 
    font-weight:bold; font-family:微软雅黑; 
    /*background:url(../img/title1_2.jpg) repeat-x left center; */
    padding:0 18px;
    background: #187ed0;
}

.weizhi a {  height: 40px;font-size: 12px;color: #1e50ae;line-height: 40px;  font-family:微软雅黑; padding-right:5px;}
.weizhi a:hover{color:#1e50ae;}

 
 
.content11{ margin-top:10px; }
  .title11 span{height:37px; color:#000; font-size:14px; line-height:37px; font-weight:bold;float:left;}    

.menu_lmdh li {
    height: 37px;
}

    .menu_lmdh li a {
        height: 37px;
        display: block;
        padding-left: 15px;
        font-size: 12px;
        line-height: 37px;
        color: #000;
        background: url(bg4_1.jpg) no-repeat;
    }

        .menu_lmdh li a:hover {
            color: #ff7101;
            font-weight: bold;
            background: url(bg4.jpg) no-repeat;
        }

.nr 
{

}

.content3 {
    border: solid 1px #ddd;
    border-top: 0;
    margin-top: 15px;
}

.title3 {
    height: 30px;
    background: url(bg6.jpg) repeat-x;
}



.title1212 {height:39px;background:url(../img/title1_3.jpg); }  
.title1212 span {float: left;display: block;height: 39px;font-size: 14px;color: #000;line-height: 39px; font-weight:bold; padding-left:20px;}








.list_class {
    height: 36px;
 margin:3px 0;

}


.list_class a {
    height: 35px;
    color: #000;
    font-size: 12px;
    line-height: 35px;
    display: block;
    padding-left: 22px;
border-bottom:solid 1px #dadada;
}

.list_class a:hover {
	 height: 36px;
    color: #fff;
    font-weight: bold;
	border-bottom:0;
    background:#1e50ae url(dot2.gif) no-repeat 95% center;text-decoration:none;
}
.list_class#on {
    background:#1e50ae;
}
.list_class#on a {
    color: #fff;
}





.list_class1 {
    height: 36px;
 margin:3px 0;

}


    .list_class1 a {
   height: 36px;

        font-size: 12px;
        line-height: 36px;
        display: block;
        padding-left: 22px;
		   color: #fff;
            font-weight: bold;
            background:#1e50ae url(dot2.gif) no-repeat 95% center;

   
    }

        .list_class1 a:hover {
               color: #fff;
            font-weight: bold;
            background:#1e50ae url(dot2.gif) no-repeat 95% center;text-decoration:none;
        }





.list_class_index {
    height: 28px;
     background:url(../img/bg_class_index.jpg) no-repeat; border:solid 1px #ddd; margin-top:5px;

}


    .list_class_index a {
        color: #666;
        height: 28px;
        font-size: 12px;
        line-height: 28px;
        display: block; 
        font-weight:bold; 
        padding-left:25px;
   
    }

        .list_class_index a:hover {
            color: #1e50ae;
        }



.pages .pagination a.cur {
    color: #fff;
    background: #aaa;
}



.news_frist{ padding-bottom:8px; height:123px;}
.news_frist img{width: 150px; height: 112px; float: left; margin: 8px 8px 3px 0;}

.news_frist a{ line-height:30px; color:#000; font-size:14px; font-weight:bold;
    
        
}
.news_frist a span{
        overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 233px;
    float: left;
}

.news_frist a:hover{  color:#1e50ae; }
.news_frist p{ line-height:24px; color:#666; font-size:12px;}


.list_news1 {
    height: 32px;
border-bottom:dashed 1px #ddd;
    background: url(dot16.gif) no-repeat left center;
    padding-left: 10px;
}

    .list_news1 a {
        color: #000;
        font-size: 12px;
        line-height: 32px;
        overflow:hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: calc(100% - 100px);
        display: block;
    }

        .list_news1 a:hover {
            color: #1e50ae;
        }

    .list_news1 span {
        color: #666;
        font-size: 12px;
        line-height: 32px;
        float: right;
    }



.list_news12 {
    height: 29px;
    border-bottom: dashed 1px #bbb;
    background: url(dot2.gif) no-repeat left center;
    padding-left: 8px;
    width:375px; float:left; margin:0 5px;
}

    .list_news12 a {
        color: #000;
        font-size: 12px;
        line-height: 29px;
    }

        .list_news12 a:hover {
            color: #ff7101;
        }

    .list_news12 span {
        color: #666;
        font-size: 12px;
        line-height: 29px;
        float: right;
    }







.list_news {
    border-bottom: dashed 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

    .list_news span {
        width: 50px;
        display: block;
        float: left;
        text-align: center;
        margin-top: 5px;
    }

        .list_news span font {
            color: #666;
            font-size: 24px;
            font-family: Times New Roman;
        }

        .list_news span i {
            color: #666;
            font-size: 14px;
            font-family: Times New Roman;
            font-style: normal;
        }

    .list_news h2 {
        display: block;
        float: right;
        width: 680px;
    }

        .list_news h2 a {
            color: #000;
            font-size: 16px;
            line-height: 36px;
            font-weight:normal;
        }

            .list_news h2 a:hover {
                color: #1e50ae;
            }

.Description {
    width: 680px;
    display: block;
    float: right;
    font-size: 12px;
    color: #666;
    line-height: 24px;
}







.list_pro2 {
    width: 182px;
    height: 167px;
    line-height: 30px;
    float: left;
    text-align: center;
    margin: 10px 10px 0 10px;
    _display: inline;
}

    .list_pro2 img {
        width: 180px;
        height: 135px;
        border: solid 1px #bbb;
    }

    .list_pro2 a {
        font-size: 12px;
        color: #000;
        line-height: 30px;
    }

        .list_pro2 a:hover {
            color: #1e50ae;
        }

            .list_pro2 a:hover img {
                border: solid 1px #666;
            }

.list_pro3 {
    width: 202px;
    height: 182px;
    line-height: 30px;
    float: left;
    text-align: center;
    margin: 10px 20px 0 28px;
    _display: inline;
}

    .list_pro3 img {
        width: 200px;
        height: 150px;
        border: solid 1px #bbb;
    }

    .list_pro3 a {
        font-size: 12px;
        color: #000;
        line-height: 30px;
    }

        .list_pro3 a:hover {
            color: #0060d5;
        }

            .list_pro3 a:hover img {
                border: solid 1px #0060d5;
            }

.content2 {
    margin-top: 10px;
}

.title2 {
    height: 30px;
    background: url(title3.jpg) repeat-x;
}

    .title2 span {
        float: left;
        font-size: 12px;
        color: #436300;
        line-height: 25px;
        font-weight: bold;
        padding-left:25px;
    }

    .title2 a {
        float: right;
        height: 30px;
        color: #000;
        font-size: 12px;
        line-height: 25px;
        padding-right:5px;
    }

        .title2 a:hover {
            color: #1e50ae;
            text-decoration: underline;
        }





.font1 {
    color: #1e50ae;
    font-size: 12px;
    line-height: 40px;
}

    .font1:hover {
        color: #1e50ae;
        text-decoration:underline;

    }

.big_class {
    height: 40px;

    overflow: hidden;
    cursor: pointer;     background:url(../img/bg_class_index.jpg) no-repeat;
 border-left:solid 1px #ddd;
 border-right:solid 1px #ddd; 
}

.big_class_span {
    width: 22px;
    height: 40px;
    display: block;
    float: left;
    background: url(dot5.jpg) no-repeat center center;
}

.big_class_span_off {
    width: 22px;
    height: 40px;
    display: block;
    float: left;
    background: url(dot6.jpg) no-repeat center center;
}

.big_class a {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    display: block; border-left:solid 1px #f8f8f8;
 border-right:solid 1px #f8f8f8;
}

    .big_class a:hover {
        color: #1e50ae;
    }

.little_class {
    height: 30px;
}

    .little_class a {
        height: 30px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        display: block;
        padding-left: 22px;
    }

        .little_class a:hover {
            color: #fff;
            font-weight: bold;
            background:#ff6600 url(dot2.gif) no-repeat 185px center;
        }
.link a{ color:#000; font-size:12px; line-height:24px; margin-left:5px;
 }
.link a:hover { color:#1e50ae;}
        
        
        
        
        
        
  .bg_sear{ height:50px; padding-bottom:10px; background:url(../img/bg_ser.jpg) no-repeat; margin-top:20px;}      
        
        .bg_sear_left{ float:left; height:50px;}
       .bg_sear_right{  float:right; height:50px; padding-right:15px;} 
        
        
        
        
        

#kinMaxShow{visibility:hidden;width:100%; height:300px; overflow:hidden;}




.indexCon{width:980px;overflow:hidden;}
.indexCon .flashBanner{width:980px;height:300px;overflow:hidden;margin-bottom:12px; _display:inline;}
.flashBanner{position:relative;}
.flashBanner .mask{height:60px;line-height:60px;background-color:#000;width:100%;text-align:center;	position:absolute;left:0;bottom:-32px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;overflow:hidden;}
.flashBanner .mask img{vertical-align:middle;margin-right:10px;cursor:pointer; border:solid 2px #fff;}
.flashBanner .mask img.show{margin-bottom:10px; _display:inline;}












/*tab*/



#tags {
    padding: 0;
    margin: 0px;
    height: 28px;
    overflow: hidden;
    border-bottom:solid 2px #044cee;
}

    #tags LI {
        float: left;
        list-style-type: none;
        height: 28px;
        width: 90px;
        margin-right:3px;
        text-align:center;
    }

        #tags LI A {
            float: left;
            color: #666;
            line-height: 28px;
            height: 28px;
            text-decoration: none;
      
            font-size: 12px;
            cursor: pointer;
            background:url(../img/tab2.jpg) no-repeat;
            width: 90px;
            font-weight:bold;
        }

            #tags LI A:hover {
                background: url(tab1.jpg) repeat-x;
                color: #fff;
                font-weight: bold;
            }



        #tags LI.emptyTag {
            background: none transparent scroll repeat 0% 0%;
        }

        #tags LI.selectTag {
            background-position: left top;
            position: relative;
        }

            #tags LI.selectTag A {
                background: url(tab1.jpg) repeat-x;
                color: #fff;
                line-height: 28px;
                height: 28px;
                font-weight: bold;
           
            }

#tagContent {
    background-color: #fff;
}

.tagContent {
    display: none;
    color: #000;
}

#tagContent DIV.selectTag {
    display: block;
}











.list_pro123 {
    width: 188px;
    height: 173px;
    float: left;
    text-align: center;
    margin: 10px 33px 0 30px;
    _display: inline;
}

    .list_pro123 img {
        width: 180px;
        height: 135px;
        border: solid 1px #bbb;
        padding: 3px;
        background: #fff;
    }

    .list_pro123 a {
        font-size: 12px;
        color: #000;
        line-height: 30px;
    }

        .list_pro123 a:hover {
            color: #0060ff;
        }

            .list_pro123 a:hover img {
                border: solid 1px #999;
            }













.list_pro11 {
    width: 188px;
    height: 173px;
    float: left;
    text-align: center;
    margin: 20px 30px 0 35px;
    _display: inline;
}

    .list_pro11 img {
        width: 180px;
        height: 135px;
        border: solid 1px #bbb;
        padding: 3px;
        background: #fff;
    }

    .list_pro11 a {
        font-size: 12px;
        color: #000;
        line-height: 30px;
        font-style:normal;
        line-height:normal;
    }

        .list_pro11 a:hover {
            color: #0060ff;
        }

            .list_pro11 a:hover img {
                border: solid 1px #999;
            }




















#demo {
    overflow: hidden;
 width:1200px;
    margin: 0px auto;
  
}

    #demo img {
    }

#indemo {
    float: left;
    width: 800%; 
}

#demo1 {  
    float: left;  
}

#demo2 { 
    float: left;  
}







#Div1
{
    overflow: hidden;
    height:auto;
    margin: 0px auto;
}

#Div1 img
{
}

#Div2
{
    float: left;
    height: 800%;
}

#Div3
{
    float: left;
}

#Div4
{
    float: left;
}








.box00
{  width:118px;
    display: none;
    position: absolute;
    font-family:微软雅黑;z-index:999999;
}
.box00 div
{
    text-align: center;
    
    line-height: 36px;
    width:118px;
}
.box00 div a
{
    display: block;
    font-size: 12px;
	width:118px;
	height:36px;
    background:#fff;
   
    color: #666;
}
.box00 div a:hover
{ 
    color: #000;
    background: #eee;
}




#full-screen-slider { width:100%; height:400px; float:left; position:relative}
#slides { display:block; width:100%; height:400px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:370px; z-index:9900;  padding:5px 15px 5px 0; margin:0;}
#pagination li { display:block; list-style:none; width:25px; height:8px; float:left; margin-left:5px;  background:#fff; }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#1e50ae}



/*12345****/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom:1;}
#focus {width:450px; height:340px; overflow:hidden; position:relative; float:left; margin-top:15px;}
#focus ul {height:340px; position:absolute;top: 0px;left: 0px;}
#focus ul li {float:left; width:500px; height:340px; overflow:hidden; position:relative;}
#focus ul li img {width:500px; height:340px;}


#focus ul li div{height:36px; position:absolute; width:100%;  bottom:0; margin:0; padding:0; background:rgba(0, 0, 0, 0.4)!important;filter:Alpha(opacity=40);}
#focus ul li p{ display:block; height:36px; position:absolute; width:100%; text-indent:10px; line-height:36px; bottom:0; margin:0; padding:0; color:#fff;font-size:14px;}

#focus .btn {position:absolute; height:16px; right:0px; bottom:10px;}
#focus .btn span {  background:#ffb400; display:inline-block; _display:inline; _zoom:1; width:16px; height:16px; line-height:16px; text-align:center; font-size:10px; font-family:Arial; margin-right:5px; cursor:pointer; color:#fff;}
#focus .btn span.on {background:#be1512;  color:#fff; font-size:10px; font-weight:bold;}

.jb{ width:235px; height:186px; background:url(../img/jb.png) no-repeat; position:absolute; z-index:1;bottom:0; right:-200px;}



#focus1 {width:228px; height:177px; overflow:hidden; position:relative;}
#focus1 ul {height:177px; position:absolute;top: 0px;left: 0px;}
#focus1 ul li {float:left; width:228px; height:177px; overflow:hidden; position:relative;}
#focus1 ul li img {width:228px; height:177px;}
#focus1 .btn {position:absolute; height:18px; right:5px; bottom:10px;}
#focus1 .btn span {  background:#37312c; display:inline-block; _display:inline; _zoom:1; width:16px; height:16px; line-height:16px; text-align:center; font-size:10px; font-family:Arial; margin-right:5px; cursor:pointer; color:#fff;}
#focus1 .btn span.on {background:#be1512;  color:#fff; font-size:10px; font-weight:bold;}




#Scroll
{
    clear: both;
    line-height: 35px;
    height: 180px;

}

/*永远用到的样式****/

.list5 {
    width: 98%;
    height: 30px;
    margin: 0px auto;
    border-bottom: dashed 1px #999;
    background: url(dot2.gif) no-repeat left center;
    padding-left: 8px;
    overflow: hidden;
}

.font5 {
    font-size: 12px;
    color: #000;
    line-height: 30px;
    text-decoration: none;
}

    .font5:hover {
        color: #187ec9;
        text-decoration: none;
    }

.title_4_5 {
    float: right;
    padding-right: 5px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
    font-family: Tahoma;
}

.font5_5 {
    font-size: 12px;
    color: #000;
    line-height: 30px;
    text-decoration: none;
}

    .font5_5:hover {
        color: #187ec9;
        text-decoration: none;
    }

.proIntro {
    font-size: 14px;
    color: #000;
    line-height: 36px;
    padding: 10px;
    overflow: hidden;
}

.proTitle {
    line-height: 30px;
    color: #0060ff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.prodetail {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    background: #81c88d;
    color: #0060ff;
    margin: 10px 0px;
    padding-left: 10px;
}

.proPic {
    text-align: center;
    margin: 15px 0px 0px 0px;
}
.proPic  a{ font-size:12px; margin:0 10px;}
.joblistT {
    font-size: 14px;
    margin-bottom: 30px;
}

.caselist {
    width: 168px;
    height: 158px;
    float: left;
    text-align: center;
    margin: 8px 0px 0px 15px;
    display: inline;
}

    .caselist img {
        width: 160px;
        height: 120px;
        border: solid 1px #bbb;
        padding: 3px;
        background: #fff;
    }

.joblistL {
    width: 20%;
    line-height: 30px;
    text-align: right;
    float: left;
}

.joblistR {
    width: 75%;
    line-height: 30px;
    text-align: left;
    float: left;
}

.prev {
    width: 80px;
    height: 30px;
    float: left;
    background: url(dot_prev.gif);
    text-align: center;
    margin-top: 110px;
}

    .prev a {
        width: 80px;
        height: 30px;
        display: block;
        color: #666;
        font-size: 12px;
        line-height: 30px;
    }

        .prev a:hover {
            color: #000;
        }

.next {
    width: 80px;
    height: 30px;
    float: right;
    background: url(dot_next.gif);
    text-align: center;
    margin-top: 110px;
}

    .next a {
        width: 80px;
        height: 30px;
        display: block;
        color: #666;
        font-size: 12px;
        line-height: 30px;
    }

        .next a:hover {
            color: #000;
        }




.fix_zsbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: none;
}
.fixbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 10;
}
.zslist {
    position: relative;
    margin-top: 220px;
    z-index: 20;
    background: #fff;
    padding: 50px;
}

.typetab {
	text-align: left;
}
.typetab ul {
	list-style: none;
}
.typetab ul li {
	float: left;
	margin: 5px 5px 0px;
	height: 23px;
	width: 64px;
	background: url(images/adtype_link.gif) no-repeat scroll 0px 0px;
	line-height: 23px;
	text-align: center;
	cursor: pointer;
}
.typetab ul .act {
	background: url(images/adtype_act.gif) no-repeat scroll 0px 0px;
}
.i_table {
	border: 1px solid #CCC;
}
body
{
 
}
.Pageblock {
    top: 0px;
    left: 0px;
    width: 1px;
    height: 1px;
    background:url(frameset/Images/block.png);
    display: none;
    z-index: 1999;
    position: absolute;
    _filter: alpha(opacity=60);
}
.DivEnd
{
    font: 0px/0px sans-serif;
    clear: both;
    display: block;
}

form
{
    margin: 0px;
    padding: 0px;
}
.datalist
{
    border-top: 2px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 12px;
    width: 100%;
}
.datalist th
{
    border-color: rgb(234, 233, 225);
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    line-height: 25px;
    background-color: #F2F2F2;
}
.datalist td
{
	padding:5px;
}

.thLeft
{
    border-color: rgb(234, 233, 225);
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    line-height: 25px;
    background-color: #F2F2F2;
    text-align:left;
    padding-left:5px;
}

.thRight
{
    border-color: rgb(234, 233, 225);
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    line-height: 25px;
    background-color: #F2F2F2;
    text-align:right;
    padding-right:5px;
}

.datalist td
{
    border-color: rgb(222, 223, 225);
    border-style: solid;
    border-width: 0px 0px 1px 1px;
    line-height: 23px;
}
.datalist1
{
    border-top: 2px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 12px;
    width: 100%;
    text-align: center;
}
.datalist1 th
{
    border-color: rgb(234, 233, 225);
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    line-height: 19px;
    background-color: #F2F2F2;
}
.datalist1 td
{
    border-color: rgb(222, 223, 225);
    border-style: solid;
    border-width: 0px 0px 1px 1px;
    line-height: 23px;
}

.datagridPager
{
    clear: both;
    color: #000000;
    height: 25px;
}
.datagridPager a
{
    color: #000000;
}
.info1
{
    clear: both;
    border: 1px dotted rgb(219, 221, 211);
    padding: 8px 10px 7px 56px;
    background: url(frameset/images/hint.gif) no-repeat scroll 20px 10px rgb(253, 255, 242);
    margin: 10px 0pt;
	font-size:14px;
}
.mouseoverstyle
{
    background-color: #D8EBFC;
}
.mouseoutstyle
{
    background-color: White;
}
.sosoDiv
{
    margin: 8px 0px;
}

.DivMid
{
     vertical-align:middle;
}

.ButtonCss
{
    progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
    padding: 2px 4px 2px 4px;
    border: #7b9ebd 1px solid;
    font-size: 12px;
    cursor: hand;
    color: black;
    margin-right: 5px;
}
.btnButton
{
    background: url(frameset/images/submit.gif) no-repeat left center;
    padding: 2px 4px 2px 20px;
    border: #7b9ebd 1px solid;
    font-size: 12px;
    cursor: hand;
    color: black;
    margin-right: 10px;
}
.EditButton
{
    background: url(frameset/images/pencil_add.gif) no-repeat left center;
    padding: 2px 4px 2px 20px;
    border: #7b9ebd 1px solid;
    font-size: 12px;
    cursor: hand;
    color: black;
    margin-right: 10px;
}
.BackButton
{
    background: url(frameset/images/gif-0910.gif) no-repeat left center;
    padding: 2px 4px 2px 20px;
    border: #7b9ebd 1px solid;
    font-size: 12px;
    cursor: hand;
    color: black;
    margin-right: 10px;
}
.listtrts
{
    line-height: 18px;
    text-align: center;
}

.listtrts a
{
    color: #333333;
    text-decoration: none;
}

.listtrts a:hover
{
    color: #1e50ae;
    text-decoration: none;
}

.listtrtsLeft
{
    line-height: 18px;
    text-align: left;
    padding-left:5px;
    

}

.listtrtsLeft a
{
    color: #333333;
    text-decoration: none;
}

.listtrtsLeft a:hover
{
    color: #1e50ae;
    text-decoration: none;
}

.listtrtsRight
{
    line-height: 18px;
    text-align: right;
    padding-right:5px;
}

.listtrtsRight a
{
    color: #333333;
    text-decoration: none;
}

.listtrtsRight a:hover
{
    color: #1e50ae;
    text-decoration: none;
}

.a3
{
    color: #333333;
    text-decoration: none;
}
.a3:hover
{
    color: green;
    text-decoration: none;
}
.#1e50ae
{
    color: #1e50ae;
}
.Hidden
{
    display: none;
}
.alignLeft
{
    text-align:left;
    padding-left:5px;
}
.alignRight
{
    text-align:right;
    padding-right:5px;
}

.tojiCount label
{
    color:#1e50ae;
}


.prolists li:nth-child(4n){
    margin-left: 0;
    margin-right: 0;
}


.toplistjq {
    height: 300px;
    overflow: hidden;
}











/*浮动QQ在线客服*/
.QQbox{z-index:999; width:134px; height:134px; right:17px; top:190px; position:absolute}
.QQbox .Qlist{ width:138px; margin:0 auto}
.QQbox .Qlist .t{background:url(../img/images/qqBox.gif) no-repeat left 0; height:0px; font-size:1px}
.QQbox .Qlist .b{background:url(../img/images/qqBox.gif) no-repeat right 0; height:0px}
.QQbox .Qlist .con{margin:0 auto; background:url(../img/images/qqBox.gif) repeat-y -144px 0; text-align:center}
.QQbox .Qlist .con .tit{font-size:12px; font-weight:bold; margin-bottom:5px; height:20px; line-height:20px; color:#000000}
.QQbox .Qlist .con ul{margin:0 auto; padding:0; width:100px; background-color:#FFFFFF; border:#FFFFFF 1px solid}
.QQbox .Qlist .con li{font-size:9pt; list-style-type:none; margin-top:5px; height:30px; padding-right:5px}
.QQbox .Qlist .con li a{float:right}
.QQbox .Qlist .con li span{float:left; line-height:25px; margin-left:10px;  display:inline; vertical-align:middle}
/*浮动QQ在线客服*/


 .content1{
    width: 650px;
    height: 200px;
    padding: 20px;
    overflow: auto;
    background: url(../gdt/bg1212.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.loading{
    opacity: 0.3;
}



.m_header {
  width: 100%;
  overflow: hidden;
  display: none;
}

.m_header .m_head_content {
  height: 60px;
  width: 100%;
  position: fixed;
  background: #187ed0;
  top: 0;
  left: 0;
  z-index: 99;
}

.m_header .m_head_content .m_head_logo {
  height: 60px;
  float: left;
  padding: 0 2%;
  text-align: center;
  position: relative;
  padding-right: 80px;
}

.m_header .m_head_content .m_head_logo img {
  height: 50px;
  display: block;
  margin: 0 auto;
  margin-top: 5px;
}

.m_header .m_head_content .m_head_logo .ewm_text {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-top: 20px;
}
.m_header .m_head_content .m_head_logo .ewm_text span {
    color: #666;
    display: block;
    padding-left: 30px;
    background: url('../img/wx.png') no-repeat left center;
    line-height: 60px;
}
.m_header .m_head_content .m_head_logo .ewm_text img {
    position: absolute;
    top: 65px;
    left: -22px;
    background: #fff;
    padding: 5px;
    z-index: 99;
    max-width: 150px;
    box-shadow: 1px 1px 10px #eee;
    height: auto;
    display: none;
}
.m_header .m_head_content .m_head_logo .ewm_text:hover img {
    display: block;
}


.m_header .m_head_content .menu {
  width: 60px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
}

.m_header .m_head_content .menu img {
  height: 20px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}

.app_menu {
  width: 100%;
  position: fixed;
  height: 100%;
  top: 60px;
  right: 0;
  z-index: 99;
  display: none;
}

.app_menu ul {
  background: #000;
}

.app_menu ul li {
  width: 100%;
  border-bottom: 1px dashed #333;
}

.app_menu ul li > a {
  width: 100%;
  display: block;
}

.app_menu ul li > a span {
  font-size: 14px;
  width: 100%;
  height: 42px;
  line-height: 42px;
  color: #fff;
  display: block;
  padding-left: 18px;
}

.app_menu ul li.on {
  background: url(../img/bottom.png) no-repeat 95% 15px;
  background-size: 16px;
}

.app_menu ul .v_list {
  width: 100%;
  display: none;
}

.app_menu ul .v_list a {
  display: block;
  font-size: 14px;
  width: 100%;
  line-height: 36px;
  color: #999899;
  display: block;
  padding-left: .4rem;
  float: none;
}


.friendlink .title {
    border: none;
    margin-bottom: 5px;
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1024px) {
    .header {
        display: none;
    }
    .nav {
        display: none;
    }
    .m_header {
        display: block;
    }
    .mhide {
        display: none;
    }
    .main {
        width: 100%;
        padding-top: 70px;
        overflow: hidden;
    }
}
@media screen and (max-width: 768px) {
    .m_header {
        display: block;
    }
    #focus {
        width: 96%;
        height: auto;
        overflow: hidden;
        position: relative;
        float: left;
        margin-top: 0;
        margin: 0 2%;
    }
    #focus ul {
        width: 100%!important;
    }
    #focus ul li {
        width: 100%;
    }
    #focus ul li img{
        width: 100%;
        height: 300px;
    }
    .news_top {
        width: calc(96% - 2px);
        height: auto;
        margin: 0 2%;
        margin-top: 15px;
    }
    .content {
        width: 96%!important;
        height: auto!important;
        margin: 0 2%!important;
        margin-top: 15px!important;
    }
    .news_frist a:nth-of-type(2){
        float: left;
        width: calc(100% - 165px);
    }
    .news_frist a:nth-of-type(2) span {
        display: block;
        width: 100%;
    }
    .mpadimg {
        width: 96%!important;
        margin:0 2%!important;
        margin-top: 15px!important;
    }
    .friendlink {
        width: calc(96% - 2px);
        margin: 0 2%;
        margin-top: 15px;
        overflow: hidden;
    }
    .friendlink img {
        width: 300%!important;
    }
    .little_nav {
        display: none;
    }
    
    .footer div {
        width: 100%!important;
    }
    
    
    .main_left {
        display: none;
    }
    .main_right {
        width: 100%;
    }
    
    .article_prev_next {
        padding-left: 0!important;
        font-size: 14px!important;
    }
    
    #test_form {
        line-height: 40px;
        text-align: left;
    }
    
    .zslist {
        margin-top: 50px;
        padding: 10px;
        width: calc(96% - 20px);
        margin: 2%;
        margin-top: 30px;
        overflow: auto;
        height: 500px;
    }
    .datalist td {
        width: 100px;
    }
    .datalist td:nth-child(2n) {
        width: calc(100% - 100px);
    }
    
    .prolists {
        padding: 0!important;
        padding-top: 15px!important;
    }
    .list_case {
        width: 45%;
        margin: 0;
        margin-right: 10%;
    }
    .list_case:nth-child(2n){
        margin-right: 0;
    }
    .list_case a img {
        width: 100%;
        height: 208px;
    }
    
    .cont_content img {
        display: block;
        max-width: 100%;
    }
    .list_case11231 a img {
        width: 100%;
    }
    .list_case11231 {
        width: 48%;
        float: left;
        margin: 0;
        margin-right: 4%;
        margin-top: 10px;
    }
    .list_case11231:nth-child(2n){
        margin-right: 0;
    }
    .weizhi {
        margin-top: 0;
    }
}