/*
HACK 

1, !important   IE6 only


\9  :   IE6 IE7 IE8
*   :   IE6 IE7
_   :   IE6
*+  :   IE7

*/     

/* Clear Fix */
.clearfix:after{content:"."; display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */



body {line-height: 16px;font: 12px/1.75 Tahoma, Geneva, sans-serif; }
input,button{font-family: Tahoma, Geneva, sans-serif}
body,div,p {font-family: Tahoma, Geneva, sans-serif;margin: 0;/*
padding:0;background:url("../img/pagebg.png") repeat-x scroll center top transparent;
*/color:#4F4F4F;}

.index-words {
    width: 100%;
    margin: 0 auto;
    position: relative;
    min-width: 970px;
    max-width: 1099px;
    /* margin-top: 50px; */
    margin-bottom: 50px;
    /* clear: both; */
}

.index-words h2 {
    font-weight: normal;
    color: #000;
    font-size: 40px;
    text-align: center;
    margin: 0;
    padding: 0;
}

.index-words div {
    font-size: 21px;
    text-align: center;
}

.wrapper-light{
    /*
    background: url("../img/wrapper-light.png") no-repeat scroll center -5px transparent; margin: -20px 0 0;
_background: url("../img/ie6-bj.jpg") no-repeat scroll center 22px transparent; margin: -20px 0 0; ;
*/
    background: url("/Templates/Default/style1/img/nav_bg_line.png") repeat-x 0px 56px;
    /* border-top: 4px solid #8BCEEE; */
}

a {
    color: #333333;

}
a:hover {
    color: #07519a;    text-decoration: none;       
} 
h2,p{font-size: 14px;} 

input,textarea{ border: 1px solid #87ACD1;}    
#main {/* height:auto; *//* margin:0 auto; *//* text-align:left; *//* width: 1119px; *//* background: url("/Templates/Default/style1/img/page_bg_v_border.png") repeat-y -16px 0px; */position: relative;background-color: #fff;}     
.index-big-img{
    padding: 0;
    /* background: url("/Templates/Default/style1/img/slider_bg.jpg"); */
    background-size: cover;
    text-align: center;
}
.sub-big-img{
    padding: 0;
    background: url("/Templates/Default/style1/img/slider_bg.jpg");
    background-size: cover;
    text-align: center;
    /* height: 210px; */
    overflow: hidden;
}
/* base */ 
.base-top{
     /* background: url("/Templates/Default/style1/img/nav_bg_line.png") repeat-x 0px 56px; */
     clear: both;
     height: 90px;
     background-color: #FFFFFF;
     min-width: 1030px;
     margin: 0 auto;
     max-width: 1240px;
     width: 100%;
} 

.base-center{/* margin: 0 auto; *//* width: 970px; */clear: both;border-top: 1px solid  #e6e6e6;} 
.base-right{float: right; width:278px;padding-right: 0px;}  
.base-center-center{/* float: left; *//* width: 70%; */margin: 0 auto;/* display: inline; *//* border: 1px solid #f76ebc; *//* clear: both; *//* max-width: 985px; *//* min-width: 600px; */margin-left: 200px;}
.base-footer{margin: 30px auto 1px auto;overflow: hidden;/* width: 1015px; */position: relative;bottom: 0;background: #ccc;}      
 
.base-footer1{margin: 15px auto 5px auto;width: 670px;}

/* page */
.page{padding: 0;margin: 0px 0 0;width: 900px;float: left;}
.page-center{float: left;width:530px; padding:0;}

.page-center-content {}            
.page-center-content ul{margin:0;padding: 0;}
.page-right{float: right; width:280px;margin:0px 0 0;} 
.page-center{float: left;overflow: hidden;width: 720px;} 
.page-left{float: left; width:180px;margin:0;height: 450px;}

.header {background:url("../images/page-top-bg.png") repeat-y scroll -25px 0 transparent;}
#logo{padding: 17px 0 12px 0px; margin: 0;}
/* content */
.content{margin: 0;padding: 0;overflow: hidden;width:100%;font-size: 14px;min-height: 500px;}
.content-center{float: left;width: 660px;margin: 0 0 0 22px;}
.content-right{float: right;width:250px;}


.page-top-membercenter{
    width: 100%;
    margin-bottom: 30px;
    border-left: 0!important;
    border-top: 0!important;
    border-left: 0!important;
}
.membercenter-topnav{
    width: 957px;
    margin: 0 auto;
    height: 80px;
}

.foot{background:url("../img/footBg.jpg");border: 1px solid #CCCCCC;height: 50px;margin: 40px 0 10px 1px;padding: 0;width: 961px;}
.foot .leftArea ul{float: left;margin: 0 0 0 10px;padding: 0;}
.foot .leftArea ul li{float:left;margin: 0 8px;}
.foot .rightArea{float: right;margin: 0 10px 0 0;padding: 0;width:720px;}
.foot .rightArea ul {*+margin: 15px 0px 0px;} 
.foot .rightArea ul li{float:left; margin: 0 40px 0 0;}

    
 
.p-bt{margin: 0px 0 10px 0;_height: 55px;_overflow: hidden;}

.copyright {
    /* float: left; */
    width: 1000px;
    height: 124px;
    /* background: rgba(0, 0, 0, 0.58); */
    color: #525050;/* ie6,7,8 */
    margin: 0 auto;
}



.contact {
    position: absolute;
    right: 28px;
    top: 15px;
    float: left;
    color: #fff;
    font-size: 14px;
}

.contact span {
    font-size: 20px;
    color: #F0CC14;
}

.appico {
    width: 73px;
    height: 57px;
    position: absolute;
    left: 100px;
    top: 5px;
    /* background: url("/Templates/Default/style1/img/appico.png") no-repeat -2px -12px; */
}

 

.copyright .c a,.copyright .c a:visited {
    color: #252525;
}


.p-bt div{height: 34px; margin: 0; padding: 0; }
.p-bt .l{height:55px; float: left;margin-right: 0 !important;margin-right:-3px;width: 15px;}
.p-bt .r{height:55px; float: right;margin-left: 0 !important;margin-left:-3px;width: 25px;}
.p-bt .c{color: #333;height: 52px;padding: 5px 0 0;text-align: center;}
.p-bt a{color: #333;}


.p-nav{}
.p-nav div{margin:0;padding:0;_display:inline;} 
.p-nav .l{float: left;margin-right: 0 !important;width: 92px;display: none;}
.p-nav .r{float: right;margin-left: 0 !important;width: 90px;}
.p-nav .c{margin: 16px 0 0 0;*margin: 0 0 0 0px;   padding: 0;position: relative;text-align: right;right: 0;}
.p-nav ul{margin: 0;padding: 0;}
.p-nav div.c ul li{float: left;list-style: none outside none;margin: 4px 0px 0 0;text-align: center;width: 145px;}
.p-nav a.selected{padding: 0 0 0;color: #333;}  
.p-nav a.selected span{color: #333; padding: 7px 0 0 0px;}
.p-nav a.selected span.txt {border-bottom: 1px solid #053852;color: #095c86;}
.p-nav a.selected span.name {color: #CCC;}
.p-nav a{float: left;width: 100%;text-decoration: none;text-align: center;}
.p-nav a span{color: #525252;cursor: pointer;float: left;font-size: 14px;font-weight: normal;padding: 6px 0 0;text-align: center;width: 100%;  }
.p-nav a span.name {font-size: 12px;margin: 0; padding: 0;color: #B1B3B3;}
.p-nav a span.txt {font-weight: bold;border-bottom: 1px solid rgba(158, 158, 158, 0.09);padding: 6px 0 0 0;color: #50BBEC;}
.p-nav a:hover span,.p-nav a:hover span.txt,.p-nav a:hover span.name{color: #A4E7FF; } 
 
.top-nav{position: absolute;width: 898px;float: right;left: 29%;top: 35px;}
.top-nav div{margin:0;padding:0;_display:inline;} 
.top-nav .l{float: left;margin-right: 0 !important;width: 92px;display: none;}
.top-nav .r{float: right;margin-left: 0 !important;width: 89px;}
.top-nav .c{margin: 0px 0 0 0;*margin: 0 0 0 0px;padding: 0;position: relative;text-align: right;right: 0;float: right;}
.top-nav ul{margin: 0;padding: 0;}
.top-nav div.c ul li{float: left;/* list-style: none outside none; */margin: 0px 8px 0 8px;text-align: center;width: auto;}
.top-nav a.selected{padding: 0 0 0;}  
.top-nav a.selected span{color: #333; padding: 7px 0 0 0px;}
.top-nav a.selected span.txt {border-bottom: 0;color: rgb(0 135 203);font-weight: bold;/* font-size: 16px; */}
.top-nav a.selected span.name {color: #CCC;}
.top-nav a{float: left;width: 100%;text-decoration: none;text-align: center;/* height: 95px; */padding: 0 0px 0px 0px;min-width: 58px;}
.top-nav a i {width: 25px;height: 25px;display: block;margin: 0 auto;margin-top: 24px;}
.top-nav a span{color: #525252;cursor: pointer;float: left;font-size: 14px;font-weight: normal;padding: 6px 0 0;text-align: center;/* width: 100%; */}
.top-nav a span.name {font-size: 12px;margin: 0 0 0 5px;padding: 0;color: #B1B3B3;display: none;}
.top-nav a span.txt {font-weight: normal;border-bottom: 0;padding: 0px 0px 0 0px;color: #878888;min-width: 92px;font-size: 18px;/* margin: 0px 10px 0 10px; */}
.top-nav a:hover span,.p-nav a:hover span.txt,.p-nav a:hover span.name{color: rgb(0 135 203);} 

.top-nav a i {background: url("/Templates/Default/style1/img/img-sprite.png") no-repeat scroll -2px -129px transparent;display: none;}
.top-nav a[page=index] i {background: url("/Templates/Default/style1/img/img-sprite.png") no-repeat scroll -2px -129px transparent;}
.top-nav a[page=product] i {background: url("/Templates/Default/style1/img/img-sprite.png") no-repeat scroll -75px -129px transparent;}
.top-nav a[page=company] i {background: url("/Templates/Default/style1/img/img-sprite.png") no-repeat scroll -103px -129px transparent;}
.top-nav a[page=news] i { background: url("/Templates/Default/style1/img/img-sprite.png") no-repeat scroll -26px -129px transparent;}
.top-nav a[page=contact] i {background: url("/Templates/Default/style1/img/img-sprite.png") no-repeat scroll -154px -129px transparent;}
.top-nav a[page=ryzz] i {background: url("/Templates/Default/style1/img/img-sprite.png") no-repeat scroll -75px -129px transparent;}


.bot-nav {/* margin: 0 auto; *//* width: 529px; */overflow: hidden;}
.bot-nav a,.bot-nav a:visited {color: #3e3e3e;} 
.bot-nav a {color: #4e4e4e;}
.botnav a:hover span {color: #00ffdd!important;}
.botnav a span {/* color: #fff; */}
.botnav div.c ul li {width: 100px!important;margin: 0 10px 0 0;} 
.botnav a span,.botnav a:visited span {/* color: #fff!important; */}
.botnav a.selected span {color: #313131!important;}

.box {border: 1px solid #C2D4DE;padding: 20px;position: relative;}
.box b {font-size: 0;height: 8px;overflow: hidden;position: absolute;width: 7px;margin:0;padding: 0;}
.box b.tl {background-position: -65px -12px;left: -1px;top: -1px;}
.box b.tr {background-position: -72px -12px;right: -1px;_right: -2px;top: -1px;}
.box b.bl {background-position: -65px -20px;bottom: -1px;left: -1px;}
.box b.br {background-position: -72px -20px;bottom: -1px;right: -1px;_right: -2px;}

.base-footer .p-nav{
    /* margin: 0px auto; */
    /* width: 464px; */
    /* text-align: center; */
    height: 55px;
    /* position: absolute; */
    /* top: -20px; */
    left: 20px;
}

.copyright .txt {
    /* position: absolute; */
    /* top: 31px; */
    /* left: 40px; */
    color: #0a0a0a;
    text-align: center;
    height: 37px;
}

.dev {
    color: #3e3d3d;
}

.dev a {
    color: #272727;
}

 
.top-btns{ 
 
     height: 38px;
    margin: 0;
    padding: 0; 
    
     text-align: right;
 
}
.top-btns-links{
    width: 128px; 
    float:right;
}
.top-btns-links a{    margin: 0 0px 0 10px; 
    text-decoration: none;    color: #ff0000;} 
.base-top .top{    clear: both;
    height: 110px; 
    margin: 0 auto;
    width: 965px;}
.logo{float:left;margin: 2px 5px 0 0;position: relative;left: 5%;top: 13px;}       
.tq{float: left;margin: 7px 0 0 0px;}
.today{float: right;
    margin: 0 10px 0 0;
    padding: 0;
    
    color: #4F4F4F;
    text-decoration: none;
width: 220px;}
.wptoday ul{    float: left;
    list-style: none outside none;
    margin: 0 0 0 5px;
    padding: 0; 
    text-align: center;
} 
.wptoday a{cursor:pointer;text-decoration: none;}    
                                                               
.ad-top{float:left;}     

button{text-align: center;height: 25px;padding: 0px;line-height: 20px;padding: 0 3px;}       

.wp-tabs{border:#AACCEE solid 1px;border-top:#87ACD1 solid 3px;margin: 0; padding: 0;float:left;}
.wp-tabs ul{list-style: none;margin:0px; padding: 0;}
.wp-tabs ul li{height: 30px;list-style: none outside none;margin: 0px;padding: 0;}
.wp-tabs .tab-titles{   margin: 0;padding: 0;}
.wp-tabs .tab-titles ul{  background: url("../img/p.png") no-repeat scroll -6px -3px transparent;   border-bottom: 1px solid #AACCEE;float: left;height: 38px;width: 100%;}
.wp-tabs .tab-titles ul li{    border-right: 1px solid #AACCEE;float: left;margin: 0 0 0;padding: 8px 28px 0;cursor:pointer;}
.wp-tabs .tab-titles ul li.sel{background-color: #FFFFFF;border-bottom: 1px solid #FFFFFF;color: #07519A;font-weight: bold;position: relative;}    
.wp-tabs .tab-contents{margin:0;clear: both;}
.wp-tabs .tab-content{margin:0;float: left;}
.wp-tabs .tab-linkbtns{ 
    position: absolute; 
    left: 350px; 
    top: 4px;
    z-index: 1000;
    cursor:pointer
}
.wp-tabs .tab-linkbtns a{ background: url("../img/linkbtn.gif") no-repeat scroll -0px -0px transparent; float: left; width: 80px; height: 30px; margin: 0px 2px 0 2px; padding: 3px 0 0 0; text-align: center; font-weight: bold; color: #fff; text-decoration: none;}


.panel{border:#AACCEE solid 1px;margin: 0; padding: 0;float:left;}
.panel h2{background: url("../img/p.png") no-repeat scroll -6px -3px transparent;color: #07519A;font-size: 14px;
margin: 0px 5px 5px 0px;padding: 5px 0 0 15px;}
.panel ul{list-style: none;margin: 0; padding: 5px 5px 8px; float: left;}
.panel ul li{list-style: none outside none;margin: 5px;padding: 0;float: left;}
.panel ul li span{margin: 0 0 0 6px;padding: 0;}
.panel ul li a{margin:5px;color: #333333;text-decoration: none; }
.panel ul li a:hover{color:#07519A}

#vali-msg{text-align: left; background: url("../img/excalmatory.gif");background-repeat: no-repeat;float:left;background-position: 8px 8px; padding: 10px 10px 10px 30px; background-color:#FFFEF6;border :1px solid #7F9DB9;left:300px;position:absolute;top:250px;width:300px;margin: 0;background-color:fff;display: none;}
.vali-input{border:1px solid #7F9DB9;line-height:16px;padding: 5px 5px 4px 6px;}
.vali-input-active{ border:1px solid #7F9DB9;line-height:16px;padding:5px 5px 4px 6px; background: #E6EDFD;}
.vali-input-hit-err{color:#ff0000;padding: 5px 5px 5px 25px; background: url("../img/error.gif");background-repeat: no-repeat;background-position: 5px 4px;}
.form{ font-size: 14px; padding: 0px;}
.form h2{color: #397C06;font-size: 14px;margin: 0px 0 15px;padding: 10px 5px 5px 25px;}
.form h3{margin: 0;padding: 0;}
.form .td1{width:150px;text-align: right;}
.form .nes{color:#ff0000;font-size:14px;line-height:30px;margin:0 3px 0 0;}
.form label {cursor:pointer;margin:0;padding:0;}
.form .btn-reg{    background: url("../img/regbg.jpg") no-repeat scroll -4px -216px transparent;border: 0 none;cursor: pointer;height: 45px;margin: 30px 0 0 155px;width: 120px;}
.form .btn-update,.form .btn-submit{/* background: url("../img/updatebtn.jpg"); */ /* background-repeat: no-repeat; */ width: 105px;/* height:42px; */ /* border: 0; */margin: 30px 0 0 150px;cursor:pointer;/* color: #D73535!important; */}
.form td{padding: 0px 0 2px 0;}
.form .btn{    /* background: url("../img/form-btn.gif") no-repeat scroll 0 3px transparent; */
    border: 0 none;
    /* color: #111; */
    cursor: pointer;
    height: 31px;
    margin: 0;
    width: 100px;
    /* font-weight: bold; */
}

.im-login{width:300px;margin: 13px 0 5px !important;}
.im-login input{ border: 1px solid #87ACD1;
    height:18px;
    line-height: 18px;
    width: 87px;}
.im-login ul li a{margin: 7px;*+margin: 8px;_margin: 8px}
#btnImLogin{width: 68px;}
.inner-links{width:300px;float: left;margin: 0;}
.inner-links ul li {text-align: center;width: 82px;float:left;}


.navtabs{float: right;height: 333px;overflow: hidden;width: 660px;margin: 10px 0 0 0;position: relative;}
.navs{margin: 0;padding: 20px 10px 20px 25px;}
.navs ul{margin:0px; padding: 0;}
.navs ul li{margin:0px; padding: 0;    height: 25px;    line-height: 30px;}
.navs ul li span{margin:0 0 0 5px; padding: 0;font-weight: bold;float: left;}
.navs ul li a{color: #333333;text-decoration: none;float: left;font-size: 14px;margin: 0 2px;padding: 0;text-align: center;width: 92px;}
.navs ul li a:hover{color:#07519A}    

.toollins{float: right;width: 660px;margin: 10px 0 2px 0;}
.toollins ul{    
    margin: 3px 0 0px 0;
    padding: 3px 0 7px 14px;}
.toollins ul li{float: left;text-align: center;width: 73px;margin: 3px 2px 2px 2px;padding: 0;}
.toollins ul li a{font-size: 12px;}
 
     
.mylinks{} 
.mylinks .bar{border-bottom: 1px solid #87ACD1;clear: both;float: left;margin: 10px 0 0;*margin: 10px 0 3px 0;width: 100%;}
.mylinks .userinfo {float: left;width: 400px;margin: 0;padding: 0 0 0 20px;}
.mylinks .btns{float: right;padding: 0;text-align: left;width: 150px;} 
.mylinks .cats{background-color: #F3FAFF;border-right: 1px solid #87ACD1;float: left;height: 262px;margin: 0;padding: 0;width: 123px; _overflow: hidden;} 
.mylinks .cats ul {list-style: none;margin: 0;padding: 0;}
.mylinks .cats ul li{border-bottom: 1px solid #87ACD1;cursor: pointer;list-style: none outside none;padding: 10px 2px 0 3px;position: relative;text-align: left;width: 118px;_width: 147px;height: 30px;
*margin: -3px 0 0 0;
}
.mylinks .cats ul li a{
    background: url("../img/p-icons.png") no-repeat scroll -1px -102px transparent;
    _background: url("../img/p-icons.gif") no-repeat scroll -1px -102px transparent;
    float: left;
    height: 22px;
    overflow: hidden;
    padding: 0 0 0 29px;
    width: 80px;     
}
.mylinks .cats ul li.sel{ border-right: 1px solid #fff;background-color: #FFF;}
.mylinks .cats ul li.sel a{
    background: url("../img/p-icons.png") no-repeat scroll -1px -143px transparent;    
    _background: url("../img/p-icons.gif") no-repeat scroll -1px -143px transparent;    
}
.mylinks .cats ul li.add a{
    background: url("../img/p-icons.png") no-repeat scroll -1px -56px transparent;    
    _background: url("../img/p-icons.gif") no-repeat scroll -1px -56px transparent;    
}
.mylinks .links{float: left;width: 535px;} 
.mylinks .links ul{float: left;list-style: none outside none;margin: 5px 0 5px 0;padding: 0;     width: 534px;}
.mylinks .links ul li{    float: left;
    height: 21px;
    list-style: none outside none;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    width: 80px;    margin: 0 10px 0 5px;}
.mylinks .links ul li a{font-size: 14px;text-decoration: none;color: #333;}    
.mylinks .links ul li a:hover{color:#07519A}    
.mylinks .links ul span{float: left; margin: 110px 0 0;text-align: center;width: 480px;}    
.mylinks_loginhint {float: left;margin: 92px 0 0;width: 650px;}     
.mylinks_loginhint div{text-align: center;}
  
.mylinks .LoginName{color:#07519A;font-weight: bold;}

#lean_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; }
.modal_close { background: url("Image/modal_close.png") repeat scroll 0 0 transparent; display: block; height: 14px; position: absolute; right: 12px; top: 12px; width: 14px; z-index: 2; }

#mylinks_editor_cat{float: left;left: 33px;position: absolute;top: 0px;width: 92px;   }
#mylinks_editor_cat_name{width: 55px;float: left;}
#mylinks_editor_cat_save{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #07519A;
    cursor: pointer;
    float: right;
    font-size: 12px;
    height: 20px;
    margin: 0 0 0 0;
    padding: 0;
    text-decoration: underline;
    width: 30px;    
}
.smallbtn, #mylinks_editor_cat_edit,#mylinks_editor_cat_del,#mylinks_editortool_link_edit,#mylinks_editortool_link_del{    border: medium none;float: right;height: 16px;margin: 0;padding: 0;width: 16px;cursor: pointer;  }
#mylinks_editor_cat_edit,#mylinks_editortool_link_edit{background: url("../img/icon_tool.gif") no-repeat scroll 2px 5px transparent;}
#mylinks_editor_cat_del,#mylinks_editortool_link_del{background: url("../img/icon_trash.gif") no-repeat scroll 2px 5px transparent;}

.mylinks_editor_link{background-color: #FFF;float: left;height: 259px;padding: 0;position: absolute;width: 507px;overflow: hidden;margin: 34px 0 0 152px;*+margin: 0;}
.mylinks_editor_link h2{border-bottom: 1px solid #CCCCCC;float: left;margin: 0;padding: 17px 0 0 28px;width: 100%; font-size: 14px;}
.mylinks_editor_link ul{float: left;list-style: none outside none;margin: 20px;padding: 0;    }
.mylinks_editor_link ul li{float: left;list-style: none outside none;margin: 0;padding: 0;width: 350px;}
.mylinks_editor_link ul li span{text-align: right;width:80px;float: left;}
.mylinks_editor_link ul li input{float: left;width: 250px;}
.mylinks_editor_link ul li.btns{text-align: center;}

.mylinks_editortool_link{position: absolute;width: 41px;}  

.top-title{color: #397C06;float: left;font-size: 18px;font-weight: bold;margin: 30px 0 0 20px;}

.Login{background-color: #FFFFFF;border: 1px solid #87ACD1;border-top: 3px solid #87ACD1;margin: 80px auto;overflow: hidden;width: 404px;}
.Login h2 {border-bottom: 1px solid #DEEAF7; background: url("../img/p.png") no-repeat scroll -6px -3px transparent;float: left;font-size: 14px;margin: 0;padding: 8px 0 7px 25px;width: 100%;}
.Login ul{float: left;list-style: none outside none;margin: 32px 32px 32px 63px;padding: 0 0 30px 0;}
.Login ul li{clear: both; margin: 5px;float: left;line-height: 40px;list-style: none outside none;padding: 0;width:280px}
.Login ul li span{width: 60px;float: left;line-height: 33px;}
.Login ul li input{width: 180px;float: left; height: 20px;padding: 5px;margin: 0;}
.Login ul li button{margin: 0 0 0 60px;} 

#imUserInfo{margin: 7px 0 5px 11px;overflow: hidden;
    padding: 0;
    width: 260px;}
#imUserInfo div{text-align: center;}    
#imUserInfo div span{margin: 0;padding: 0;float: left;} 
#imUserInfo div a.imusernickname{    color: #07519A;
    margin: 0;
    overflow: hidden;
    padding: 0;}     

.module-sitenavigation{margin: 0px 0 20px 0;}
.module-sitenavigation .top div{height:34px}
.module-sitenavigation .top-l{background: url("../img/semot-tabs.png") no-repeat scroll -1px -252px transparent;float: left;margin-right: 0 !important;margin-right: -3px;width: 15px;}
.module-sitenavigation .top-r{background: url("../img/semot-tabs.png") no-repeat scroll -11px -292px transparent;float: right;margin-left: 0 !important;margin-left: -3px;width: 15px;}
.module-sitenavigation .top-c{background: url("../img/semot-tabs.png") repeat-x  scroll -2px -328px transparent;margin: 0 5px;}
.module-sitenavigation .top a {color: #1C2428;cursor: pointer;float: left;font-size: 14px;font-weight: bold;padding: 4px 25px 0 5px;text-decoration: none;top: 4px;}
.module-sitenavigation .center{padding: 13px 8px 0;top: 30px;}
.sitenavigation-v{border: 1px solid #BBD3F2;border-top:3px solid #BBD3F2;  margin: 20px 0 0;padding: 0 !important;    }
.sitenavigation-v ul {margin: 0 1px;padding: 15px 0;list-style: none; background-color: #F0F6FE;}
.sitenavigation-v ul li{font-size: 14px;margin: 0px 0;padding: 0;text-align: center;_height:35px;list-style: none;}
.sitenavigation-v ul li a,.sitenavigation-v ul li a:visited{background: none repeat scroll 0 0 #F0F6FE;color: #224660;display: block;font-weight: normal;padding: 4px 10px;text-decoration: none;}

.sitenavigation-v ul li a:hover{color:#30821A;text-decoration: none;  }
.sitenavigation-v ul li a.selected{
    border: 1px solid #BBD3F2;border-right: 1px solid #fff;color: #000000;margin: 5px -2px 0 10px ;text-decoration: none;background-color: #fff;font-weight: bold;font-size: 16px;line-height: 40px;
background-color: #fff!important;position:relative;height: 40px;
}

.agenteditinfo{float: left;padding: 0 0 0 20px;width: 100%;}
.article{margin: 0 20px;}    
.article h2{text-align: center;}
.article smail{float: left;margin: 0 0 15px;text-align: center;width: 100%;}    
    
.mem-integral{float: left;margin: 20px 0 0 20px;padding: 0;}
.mem-integral h2{}
.mem-integral-integral{border: 2px solid #BBD3F2;float: left;margin: 0 0 10px;padding: 0;clear: both;}
.mem-integral-integral ul{float: left;list-style: none outside none;margin: 10px;padding: 0;}
.mem-integral-integral ul li{list-style: none;float: left;margin: 5px 10px 5px 10px;}
.mem-integral-integral ul li span{font-weight: bold;float: left;}
.mem-integral-rule{float: left;width:650px}
.integralMoney{color: red;}

.agent-contextinfo{float: left;margin: 0 10px 0 350px;color:#224660}
.subpage-top-btns{float: left;margin: 0 0 0 5px;}
.subpage-top-btns a,.subpage-top-btns a:visited{color:#333}
.subpage-top-btns a:hover{color:#00A4EA}

.memberpayrule{    float: left;
    margin: 8px 0 0 20px;
    _margin: 20px 0 0 10px;
    width: 100%;}
.memberpayrule table{border: 1px solid #BBD3F2;border-top:3px solid #BBD3F2; width: 97%;}
.memberpayrule table tr.head{background: url("../img/p.png") no-repeat scroll -6px -3px transparent;}
.memberpayrule table tr.head td {    border-bottom: 1px solid #EEF5FE;
    color: #2A77C1;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;}
.memberpayrule table tr.content{} 
.memberpayrule table tr.content td{text-align: center;line-height: 40px;font-size: 14px;   border-bottom: 1px solid #EEF5FE; } 

.notdata{font-size: 14px;font-weight: bold;height: 40px;padding: 50px;text-align: center;}


.uins-types{
    border: 1px solid #AACCEE;  
    float: left;
    margin: 20px 0 0 0;
    padding: 0;
    width: 180px;
}
.uins-types ul{
    margin: 5px;
    overflow: hidden;
    padding: 0;
}
.uins-types ul a,.uins-types ul a:visited{
        border-bottom: 1px dotted #CCCCCC;
    clear: both;
    float: left;
    line-height: 30px;
    margin: 5px 0 -1px;
    padding: 0 0 5px;
    text-align: center;
    width: 100%;
    font-size: 14px;
    text-decoration: none;
    color:#07519A;
    font-weight: bold;
  
}
.uins-types ul a:hover{
    background-color:#EBF2FE;
    color:#000; 
}
.uins-sections,.uins-search,.uins-list{
    width: 674px;float: right;margin :0 0 5px 10px; 
}

.uins-sections{
border: 1px solid #AACCEE;   
 
    padding: 0;  
    margin: 20px 0 5px 10px;  
  
}
.uins-sections  h2{
    background: url("../img/p.png") no-repeat scroll -6px -3px transparent;
    color: #07519A;
    font-size: 14px;
    margin: 0;
    padding: 5px 5px 5px 15px;    
    float: left;
    width: 655px;
}
.uins-sections  h2 span{
    float: left;
}
.uins-sections h2 button.btn{  
    float:right;
} 
.uins-sections ul{
margin: 5px 10px 0px 10px;
padding: 0 0 11px 0;
float: left;
width: 650px;
text-align: center;
}
.uins-sections ul a,.uins-sections ul a:visited{
font-size: 14px;
text-decoration: none;
color:#333;
margin: 10px 5px 10px 5px;
padding: 0;
float: left;
width: 150px;
text-align: left;
}
.uins-sections ul a:hover{color:#07519A} 
.uins-search{
 
    padding: 0;
    text-align: center;
    margin: 10px; 
}
.uins-search span{
    padding: 0;
    margin: 0 5px 0 0;
}
.uins-search input{  
    margin: 0 5px 0 0;
    height: 22px;
     padding: 0 5px;
}
.uins-list{
    border:none;
 
    padding: 0; 
}
.uins-list div{
    clear: both;
}
.uins-list div.pt h3,.uins-list div.lh h3{
border-bottom :1px dotted #ccc;color: #07519A; 
margin: 5px 0 5px 0;padding: 0 0 0 10px;
}
.uins-list ul{
    float: left;
    margin: 0;
    padding: 0;
 
    list-style: none;
}
 
.uins-list ul li{
   float:left;
   margin: 0px -1px -1px 0px;
   padding:0; 
   border:1px solid #ccc;
   list-style: none;
   position: relative;
   background: #fff;
   display: block;
   width: 167px;
   height: 73px;
}
.uins-list ul a{
    color: #333333;
    float: left;
    font-size: 24px;
    line-height: 26px;
    margin: 0px;
    padding: 14px 0px 0px 0px;
    text-align: center;
    text-decoration: none;
    width: 166px;
 
     
    cursor: pointer;
}

.uins-list ul a span.uin_isgood_1{
     float: left;
     background: url("../img/icons.png") no-repeat scroll -325px 1px transparent;
     width: 20px;
     height: 20px;
     margin: 0 0 0 8px;
     padding: 0;  
}

.uins-list ul a span.uin_isgood_0{
     float: left;
     background: url("../img/icons.png") no-repeat scroll -347px 1px transparent;
     width: 20px;
     height: 20px;
     margin: 0 0 0 8px;
     padding: 0;   
}
.uins-list ul a span.num{
    float:left;
    width: 130px;

    text-align: center;
}
.uins-list ul a span.uin_isgood_1{ 
}


.uins-list ul a span.descr{
    float: left;
    
    font-size: 14px;
    text-align: center;
    width: 100%;
    margin: 10px 0 0px 0;
    padding: 0;
    height: 25px;
    background: #333;
    color: #fff;
    display: none;
}
.uins-list ul a p.pri{
    float: left;  font-size: 14px;  text-align: center;  
    width: 100%;  
    margin: 10px 0 0px 0;  padding: 0;  height: 25px;    
    color: #666;  
    
} 
.uins-list ul a p.pri span{
    color:#ff0000;
} 
 
.uins-list ul a:hover{ 
    color:#ff0000;
    border:1px solid #ff0000;
    margin: -1px 0px 0px -1px;
    position: relative;
}

.uins-list ul a:hover span.descr { 
    display:block;
    margin: 7px 0 0px 0;
    background: #ff0000;
}
.uins-list ul a:hover p.pri{
    display: none; 
}
.uins-list div.lh ul a span{
    color: red;font-size: 12px;float: right; *+float: none; *+padding: 0 0 0 3px;
}
.uins-list div.hm h3 { 
    height: 30px;
    margin:0 0 8px 0;
    float: left;
    width: 675px;
}

.uins-list div.hm h3 span { 
    float:left;
}
.uins-list div.hm h3 button.btn{float: right;}

.recommend{    float: left;
    margin: 20px 0 0 20px;
    width: 100%;}

.recommend ul {
    clear: both; margin: 0;
    padding: 0;
}  
.recommend ul button{float: left;}        
.recommend-url{float: left;width: 500px;clear: both;margin: 0 0 5px 0;padding: 3px;}
.recommend-desc{    clear: both;
    float: left;
    font-size: 14px;
    margin: 10px 20px 0 0;
    padding: 0;}
    
.myschedule-editor{
    float: left;
    margin: 0 158px;
    _margin: 0 100px;
    padding: 0;
    font-size: 14px;    
}
.myschedule-editor h2{
    margin: 0;font-size: 14px;
    padding: 20px 0 10px;
}
.myschedule-editor ul{float: left; padding: 0; margin: 0;clear: both;}
.myschedule-editor ul li{ padding: 0; margin: 3px 0 0 0;clear: both;height: auto !important;}
.myschedule-editor ul li span{
    float: left;
    line-height: 25px;
    margin: 0;
    padding: 0 15px 0 0;    
}
.myschedule-editor ul li input{
    float: left;
    line-height: 20px;
    margin: 0;
    padding: 3px;
    width: 200px;    
}
.myschedule-editor ul li textarea{ 
    float: left;
    line-height: 25px;
    margin: 0;
    padding: 3px;
    width: 200px;font-size: 12px; 
    height: 80px;  
}
.myschedule-editor ul li select{
    float: left;
    line-height: 25px;
    margin: 0;
    padding: 3px;
    width: 200px;
}

.myschedule-editor ul li.btns{
   float: left;margin: 0 0 0 20px;padding: 0;margin: 10px 0 0 46px;   
}

.myschedule-list{
   clear: both;
    float: left;
    height: 292px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    font-size: 14px;   
    color:#333333;  
}
.myschedule-list div.btns{margin: 0;padding: 10px 20px;text-align: right;width: 180px;}
.myschedule-list div.list{
    float: left;
    height: 246px;
    margin: 0;
    overflow-y: auto;
    padding: 0;
    width: 658px;    
}
.myschedule-list ul{
    text-align: center;    
}
.myschedule-list ul li{
    border-bottom: 1px dotted #CCCCCC;
    clear: both;
    float: left;
    height: 22px !important;
    margin: 0 20px;
    padding: 5px 0;
    width: 617px; 
    text-align: left;
     
}
.myschedule-list ul li span.s-title{
cursor: pointer;
    float: left;
    height: 25px;
    margin: 0 5px;
    overflow: hidden;
    width: 356px;  
}
.myschedule-list ul li span.s-time{float: left;margin: 0 5px 0 5px;width: 135px;}
.myschedule-list ul li span.s-btns{float: right;margin: 0 5px 0 5px;}   
.myschedule-list ul li span.s-btns a{margin:0 2px;}
.myschedule-list .btn_schedule_status1{
    background: url("../img/drop-yes.gif") no-repeat scroll 2px 3px transparent;
    float: left;
    height: 20px;
    margin: 0 10px;
    padding: 0;
    width: 24px;    
}
.myschedule-list .btn_schedule_status0{
    background: url("../img/square.gif") no-repeat scroll 5px 5px transparent;
    float: left;
    height: 20px;
    margin: 0 10px;
    padding: 0;
    width: 24px;    
}   
.myschedule-list .btn_schedule_update{float: left;margin: 0 10px 0 0 !important;background: url("../img/icon_tool.gif") no-repeat scroll 2px 5px transparent;}
.myschedule-list .btn_schedule_del{float: left;background: url("../img/icon_trash.gif") no-repeat scroll 2px 5px transparent;}
.lottery-flash{
    float: left;
    text-align: center;
    width: 700px
}

.currUserNickname{    float: left;
    margin: 0 10px 0 23px;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 350px;
    font-size: 12px;
}
    
.currUserNicknameMyschedule{margin: 10px 10px 0  23px;     }
.currUserNickname span{color:#07519A}
.agentUinsectionList{margin: 5px 10px;float: left;padding: 0;}    
.agentUinsectionList h2{font-size: 14px;margin: 0 0 0 10px;padding: 0;}    
.agentUinsectionList ul{float: left;list-style: none;margin:5px 0 0 0;padding: 0;} 
.agentUinsectionList ul li{float: left;list-style: none;margin:5px 10px;font-size: 14px;padding: 0;} 
.agentUinsectionList ul.notdata{text-align: center;margin: 10px;} 

.memberpay{
    
}

.GuestBook{ 
    float: left;
    width: 500px;
    margin:20px 0 0 20px;
} 
.GuestBook h2{float:left;margin:0 0 0 10px;clear: both;padding: 0;}
.GuestBook ul{float: left;list-style: none;margin:5px 0 0 0;padding: 0;width:600px} 
.GuestBook ul li{float: left;list-style: none;margin:5px 10px;font-size: 14px;padding: 0;clear: both;width: 520px;} 
.GuestBook ul li span{width: 80px;float: left;text-align: right;}
.GuestBook ul.descr{margin:0;padding:0 0 0 10px;clear:both;}
.GuestBook .ValidateCodeImg{margin:0 10px 0 0;}
 
.articleArticleDetail{/* float:left; */margin: 9px 0 50px 30px;margin: 0 auto;width: 100%;min-height: 500px;}

.articleArticleDetail .content h2 {
    font-size: 22px;
    text-align: center;
}

.articleArticleDetail .content div.txt {
    font-size: 16px;
}

.hot-site{
float: right;
width: 660px;
height: 260px;
border: 1px solid #ACE;
}
.hot-site ul{  
float: left;
list-style: none;
margin: 10px;
padding: 0;
}
.hot-site ul li{
float:left;
list-style: none;
width: 105px;
height: 28px;
overflow: hidden;
text-align: center;
}
.hot-site ul li a{
font-size: 14px;
text-decoration: none;
background-repeat: no-repeat;
}
.hot-site ul li a.favicon{
    padding-left:20px
}

.info-list{
   float:left;
   width: 300px;
   border: #ACE solid 1px;
   padding: 0;
   margin: 5px 0 0 0;

}
.info-list ul{
    float:left;
    list-style:none;
    margin: 0 2px 0 0px;        
    padding: 0;
}
.info-list ul li{list-style:none;float:left;margin: 4px 0 4px 0;padding:0;}
.info-list ul.title{
    float: left;

    width: 290px;
}

.info-list ul.title a{
    margin: 7px 10px 0 0;padding:0;
    float: right;
}

.info-list ul.title h2{
    float:left;
    margin: 0px;
    padding: 7px 0 0 15px;
}
.info-list ul.title h2 a{
    margin:0;padding:0;
    color: #07519A;
    float: left;
}

.info-list ul.items{
    margin: 5px 0 0px 15px;
    padding:0 0 14px 0;
    float: left;
}

.info-list ul li{}
.info-list ul li a{margin:0;padding:0;float:left;width: 200px;height:22px}
.info-list ul li h3{margin:0;padding:0;float:left;font-size:14px;font-weight: normal;width: 70px!important;}
.info-list ul li h3 a{margin:0;padding:0;float:left;font-size:14px;font-weight: normal;width: 70px!important;}

.im-download{float:left;border: #ACE solid 1px;width:300px;height: 110px;margin: 10px 0 0 0;padding: 0;}
.im-download img {padding:0;margin:0;border:0}

.wizard-page-head{ 
    border-bottom: 1px solid #BBD3F2;
    width: 974px;

    margin: 1px auto 0 auto; 
    padding:0;
    clear: both;
    height: 1px;
}

.wizard-list{margin: 10px 0 0 30px;padding: 0;float: left; }
.wizard-list ul{list-style: none;margin: 0;padding: 0;}
.wizard-list ul li{list-style: none;margin: 2px 0 2px 0;padding: 0 0 0 18px;float: left;clear: both;background: url("../img/mac-dot.png") no-repeat scroll 2px 10px transparent;}
.wizard-list ul li h3{margin: 0;padding: 0;float: left;font-weight: normal;}
.wizard-list ul li h3 a{font-size: 14px;}
.wizard-list ul li h3 a:visited{}
.wizard-list ul li h3 a:hover{}
.wizard-list ul li small{display:none}
 

.wizard-list2{margin: 10px 0 0 30px;padding: 10px 0 0 0;float: left; clear: both;border-top: 1px solid  #CCC;width: 700px;}
.wizard-list2 ul{list-style: none;margin: 0;padding: 0;}
.wizard-list2 ul li{list-style: none;margin: 2px 0 2px 0;padding: 0 0 0 18px;float: left;clear: both;background: url("../img/mac-dot.png") no-repeat scroll 2px 10px transparent;}
.wizard-list2 ul li h3{margin: 0;padding: 0;float: left;font-weight: normal;}
.wizard-list2 ul li h3 a{font-size: 14px;}
.wizard-list2 ul li h3 a:visited{}
.wizard-list2 ul li h3 a:hover{}
.wizard-list2 ul li small{display:none}
.link-qssc{
    float: right;
    width: 133px;
}
.link-qssc h2{
    float: left; 
    width: 122px;
    margin: 9px 0 0px 0;
    padding: 0;
    text-align: center;
    clear: both;  
    color: #0EA70E;
    font-size: 17px;
}
.link-qssc h2 a{
color:#0EA70E;    
}

.link-qssc h3{ 
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0;
} 
.link-qssc h3 a,.link-qssc h3 a:visited{
    text-decoration: none;
    color:#333

}
.link-qssc h3 a:hover{
    color: #0EA70E;
}

.stretchAd{
     
    margin: 0 auto;
    width: 972px;
}
.stretchAd .box{
    border: 1px solid #F27613;
    margin:0 auto;
    width:970px;
    padding:0;
    float: left; 
    clear: both;
}
.stretchAd div.content{
    margin:0;
    padding:0;
    float: left;
}
.stretchAd .bot{
    margin: 0; 
    padding: 0;
    clear: both;
}

.stretchAd-btn { background: #F27613 url(http://www.codefans.net/jscss/demoimg/201212/white-arrow.gif) no-repeat right 12px;; text-align: center; width: 144px; height: 31px; padding: 10px 10px 0 0; margin: 0 auto; display: block; font: bold 120%/100% Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
.searchUinSection{
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 0 116px;
    padding: 0;
    color:#666;
}
.searchUinSection input{
    height: 22px;
    margin: 0 6px 0 5px;
    padding: 0 5px;
}

.sitenavigation-accordion div.subnode{}
.sitenavigation-accordion div.subnode ul{
    margin: 0;
    padding: 0;
}
.sitenavigation-accordion div.subnode ul li{
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 5px 0 5px 0;
    font-size: 14px;
}

 
.indexLogin{background-color: #539341;border: 1px solid #539341;margin: 17px 7px 0 0;overflow: hidden;width: 272px;float: right;height: 294px;color: #fff;border-radius: 3px;}
.indexLogin h2 {border-bottom: 1px solid rgba(255, 255, 255, 0.39); float: left;font-size: 14px;margin: 0 0 0 27px;padding: 21px 0 14px 0px;background: none;width: 217px;font-weight: normal;}
.indexLogin ul{float: left;list-style: none outside none;margin: 27px 32px 32px 26px;padding: 0 0 30px 0;font-size: 14px;}
.indexLogin ul li{clear: both; margin: 5px;float: left;line-height: 40px;list-style: none outside none;padding: 0;width: 216px;}

.indexLogin ul li a,.indexLogin ul li a:visited {
    color: #fff;
}

.indexLogin ul li a.reg {
    float: left;
}

.indexLogin ul li a.getpwd {
    float: right; 
}
.indexLogin ul li span{width: 45px;float: left;line-height: 33px;}
.indexLogin ul li input{width: 147px;float: left; height: 20px;padding: 5px;margin: 0;border-radius: 3px;border: 1px solid #539341;font-size: 13px;}
.indexLogin ul li a.dl{
    margin: 5px;float: left;width: 200px;height: 39px;
    background: rgba(42, 89, 29, 1);border: 1px solid #66A155;color: #fff;font-size: 18px;border-radius: 4px;
    background: #2a591d\9; /* ie6,7,8 */
    filter:Alpha(opacity=90);
    position:static\9;
    text-align: center;
    cursor: pointer;
} 

.indexLogin ul li a.dl:hover{
    background: rgb(55, 109, 40);border: 1px solid #66A155;
    color: #6CF761;font-size: 18px;border-radius: 4px;
    background: #2a591d\9; /* ie6,7,8 */    
}

.emptyline{/* float:left; *//* width:970px; */background: rgba(255, 255, 255, 0);HEIGHT: 20PX;clear: both;}

.news_transaction {
    float: left;
    width: 688px;
    background: rgba(255, 255, 255, 0.78);
    border-radius: 5px;
    margin: 10px 0 0 8px;
    background: #fff\9; /* ie6,7,8 */
    filter:Alpha(opacity=78);
    position:static\9;
}

.index_download { 
    float: right;
    width: 250px;
    height: 212px;
    background: rgba(255, 255, 255, 0.78);
    margin: 0px 10px 0 0;
    border-radius: 5px;
    overflow: hidden;
    background: #fff\9; /* ie6,7,8 */
    filter:Alpha(opacity=78);
    position:static\9;
}

.index_download a {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    left: -16px;
    top: 25px;
}

.index_news {
    float: left;
    width: 325px;
    margin: 35px 0 35px 30px;
    padding: 0;
    position: relative;
}

.index_trans {
    float: right!important;
    margin: 37px 0 0 0px!important;
}

.index_news h2 {
    margin: 0px 0 0px 0;
    height: 20px;
    border-bottom: 1px solid #57B56E;
    float: left;
    clear: both;
    width: 294px;
    padding: 0 0 3px 0;
    color: #174222;
}

.index_news ul {
    float: left;
    clear: both;
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none;
    width: 296px;
}

.index_news span.more {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 23px;
    top: 2px;
    background: url("/Templates/Default/style1/img/common.png") no-repeat 23px -82px;
    padding: 0 15px 0 0;
    font-size: 10px;
    -webkit-transform: scale(0.75);
}

.index_news span.more a {
    text-decoration: none;
}

.index_news ul li {
    border-bottom: 1px dotted #A09C9C;
    width: 281px;
    float: left;
    background: url("/Templates/Default/style1/img/common.png") no-repeat -16px -80px;
    padding: 0 0px 1px 13px;
    margin: 2px 0 0 0;
}

.index_news li h3 a {
    text-decoration: none;
    border-bottom: 1px dot #333;
}

.index_news li h3 {
    font-weight: normal;
    margin: 0;
    padding: 0;
    float: left;
}

.index_news li small {
    float: right;
    margin: 0;
    padding: 0;
}

.index_news li h3 small {}
.index-contextinfo{
    width: 248px;
    
    height: 242px;
    background: rgba(8, 113, 0, 0.78);
    color: #fff;
    float: right;
    margin: 45px 12px 10px 0;
    border: 1px solid rgba(8, 113, 0, 0.72);
    border-radius: 5px;
}

.btnLoginOut {
    width: 200px;
    height: 38px;
    background: #fff;
    float: left;
    line-height: 34px;
    font-size: 18px;
    background: rgba(33, 92, 28, 1);
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    margin: 0 0 0 20px;
    border: 1px solid #7CA87A;
}

.btnLoginOut:hover {
    background: rgb(55, 109, 40);border: 1px solid #66A155;
    color: #6CF761;font-size: 18px;border-radius: 4px;
    background: #2a591d\9; /* ie6,7,8 */    
}

.index-contextinfo ul {
    font-size: 16px;
    list-style: none;
    text-align: center;
    margin: 40px 5px 0 5px;
    padding: 0;
}

.index-contextinfo ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.index-contextinfo ul li a:hover {
    color: #75F06C;
}

.index-contextinfo ul li a {
    color: #fff;
}



.MultiCatalogArticle{/* float: left; */margin: 0 auto;width: 100%;min-height: 500px;}
.MultiCatalogArticle ul{margin: 10px;float: left;padding: 0 0 0 5px;width: 100%;};padding: 0;}
.MultiCatalogArticle .catlist{margin: 0; padding: 0;float: left;}
.MultiCatalogArticle .catlist ul{list-style: none;margin: 0;padding: 0;float: left;margin: 0 0 0 15px;}
.MultiCatalogArticle .catlist ul li{/* border: 1px solid #bbb; */color: #504F4F;float: left;font-weight:normal;list-style: none outside none;margin: 0 0px 0px 0px;padding: 0;text-align: center;min-width: 180px;cursor: pointer;position: relative;z-index: 1000;background: #ebf8fb;font-size: 20px;}
.MultiCatalogArticle .catlist ul li.selected{background: #3F9AC4;/* border: 1px solid #666666; */border-bottom: 0 none;color: #FFFFFF;font-weight: bold;/* height: 21px; */margin: 0px 0 0px;padding: 0px 0 0;}
.MultiCatalogArticle .catlist ul li.mouseover{color:#ff0000; }
.MultiCatalogArticle .lists{border-top: 2px solid #3f9ac4;clear: both;float: left;margin: 0;padding: 5px;width: 100%;}
.MultiCatalogArticle .list{clear: both;margin: 0;padding: 0;}
.MultiCatalogArticle .list ul{margin: 0;padding: 0;}
.MultiCatalogArticle .list ul li{margin: 0;padding: 0;background:none;border-top:none;float: left;line-height: 34px;list-style: none outside none;width: 100%;clear:none;border-bottom: 1px dotted #ccc;margin: 4px 0 5px 0;padding: 0 0 0 10px;/* background: url("/Templates/Default/style1/img/common.png") no-repeat -18px -56px; */}
.MultiCatalogArticle .list ul li h3 {margin: 2px 30px 2px 0;font-size: 16px;font-weight: normal;float: left;}
.MultiCatalogArticle .list ul li h3 a:link,.MultiCatalogArticle .list ul li h3 a:visited{color:#333!important;text-decoration: none;}
.MultiCatalogArticle .list ul li h3 a:hover{color: #0282BD!important;}


.numberTablist{
    float: left;
    margin: 11px 0 0 22px;
}

.numberTablist .titles {
    float: left;
    margin: 0;
    padding: 0;
}

.numberTablist .titles li {
    list-style: none;
    border: 0;
    padding: 0px 19px 0 19px;
    margin: 0;
    font-size: 12px;
    line-height: 17px;
    border-bottom: 1px solid #97DAF6;
    height: 16px;
    float: left;
    clear: both;
}

.numberTablist .titles li.sel {
    background-color: #43B3E6;
    color: #fff;
}

.numberTablist .titles li.sel a {
    color: #fff;
}

.numberTablist .titles li a {
    text-decoration: none;
}

.numberTablist .content {
    width: 236px;
    float: left;
    border: 2px solid #B3E4F9;
    height: 138px;
    margin: 0 0 0 1px;
    padding: 0;
}

.numberTablist .content p {
    float: left;
    width: 123px;
    margin: 13px 5px 5px 5px;
    padding: 0;
    line-height: 18px;
    height: 110px;
    font-size: 12px;
    overflow: hidden;
    color: #4C4A4A;
}

.numberTablist .content a {
    border: 1px solid #ccc;
    margin: 22px 10px 10px 10px;
    padding: 0;
    float: left;
    width: 80px;
    overflow: hidden;
    height: 80px;
}

.numberTablist .content a img {
    width: 80px;
    margin: 0 auto;
}

.index-company{
    height: 55px;
    overflow: hidden;
    padding: 10px;
    line-height: 30px;
    margin: 0 auto;
    /* width: 997px; */
    font-size: 20px;
    background: #5db7c5;
    height: 129px;
}

.products {
    text-align: center;
    margin: 0 auto;
    width: 1110px;
    clear: both;
    height: 526px;
}

.products .items {
    margin: 35px 0 0 0;
    /* width: 1012px; */
    float: left;
}

.products .item {
    float: left;
    width: 350px;
    margin: 5px 0px 37px 18px;
    /* background: #0191a9; */
    padding: 0 0 15px 0;
    height: 350px;
    overflow: hidden;
    position: relative;
}

.products .item h2 {
    /* float: left; */
    /* clear: both; */
    color: #076575;
    margin: 10px 0 6px 8px;
    font-size: 16px;
    position: absolute;
    top: 200px;
    text-align: center;
    width: 100%;
}

.products .item div.txt {
    float: left;
    clear: both;
    text-align: left;
    margin: 0 10px 0 10px;
    font-size: 14px;
    color: #313131;
    height: 115px;
    overflow: hidden;
    position: absolute;
    top: 249px;
}

.products .item a {
    float: left;
    width: 100px;
    /* border: 2px solid #fff; */
    text-decoration: none;
    margin: 10px 0 0 12px;
    border-radius: 2px;
    color: #2f2f2f;
    padding: 2px 0 2px 0;
    display: none;
}

.products .item img {
    float: left;
    border-radius: 95px;
    width: 190px;
    position: absolute;
    height: 190px;
    left: 93px;
    border: 1px solid #d0cdcd;
}

.index-company div.txt {
    color: #fff;
    float: right;
    height: 95px;
    margin-right: 249px;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2; (两行文字)
    -webkit-box-orient:vertical;
    margin-top: 17px;
    text-indent: 2em;
}

.index-company .content {
    width: 70%;
    margin: 0 auto;
    position: relative;
    min-width: 970px;
    max-width: 1060px;
}

.article.index-company .more {
    border: 2px solid #fff;
    padding: 5px;
    float: right;
    width: 175px;
    height: 41px;
    border-radius: 3px;
    text-align: center;
    position: absolute;
    right: 10px;
    color: #fff;
    top: 37px;
    line-height: 40px;
    /* font-weight: bold; */
}

.services{
    /* float: left; */
    /* border: 1px solid #ccc; */
    width: 1096px;
    margin: 0 auto;
    overflow: hidden;
}

.services .item {
    width: 518px;
    float: left;
    margin: 0 15px 15px 15px;
    height: 168px;
}

.services .item i {
    width: 90px;
    height: 100px;
    /* border: 1px solid; */
    float: left;
    background: url(/Templates/Default/style1/img/img-sprite.png) no-repeat scroll -75px -129px transparent;
}

.services .icon-1 {
    background-position: 6px 20px!important;
}
.services .icon-2 {
    background-position: -77px 20px!important;
}

.services .icon-3 {
    background-position: -156px 20px!important;
}

.services .icon-4 {
    background-position: -234px 20px!important;
}


.services .item h2 {
    float: left;
    width: 334px;
    margin: 0 0 0 10px;
    font-size: 18px;
}

.services .item div.txt {
    width: 382px;
    float: left;
    margin: 0 0 0 10px;
    font-size: 16px;
}

.services div.contact{
    float: right;
    width: 191px;
    height: 73px;
    /* border: 1px solid #ccc; */
    position: inherit!important;
    margin: 0 0 0 6px;
    background: url("/Templates/Default/style1/img/kf.png");
}

.services div.contact img {
    margin: 8px 0 0 0;
    float: left;
}

.services div.contact ul {
    float: left;
    margin: 0px 0 0 12px;
    padding: 0;
}

.services div.contact ul li {
    list-style: none;
    margin: 0 0 2px 0;
    padding: 0;
    color: #309FD2;
    font-weight: bold;
}

.service-img {
    float: left;
    width: 140PX;
    /* border: 1px solid #ccc; */
    height: 74px;
    margin: 0 10px 0 0px;
}

.service-img img {
    margin: 6px 0 0 7px;
}



.service-items {
    border: 1px solid #D5D8DA;
    float: left;
    width: 600px;
    overflow: hidden;
    border-radius: 5px;
}



.service-items ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 610px;
}

.service-items ul li {
    float: left;
    margin: 6px 0 6px 12px;
    padding: 0;
    width: 188px;
    border-right: 1px dotted #DCDBDB;
    list-style: none;
}

.service-items ul li a {
    float: left;
    margin: 0;
    padding: 0;
}

.service-items ul li a img {
    float: left;
    margin: 3px;
    padding: 0;
    width: 50px;
    height: 50px;
}

.service-items ul li a h2 {
    float: left;
    width: 130px;
    margin: 4px 0 0 2px;
    padding: 0;
}

.service-items ul li a span {
    float: left;
    width: 128px;
    overflow: hidden;
    margin: 0 0 0 2px;
    padding: 0;
}

.catalogList{
    width: 210px;
    float: left;
    overflow: hidden;
    /* border: 1px solid #ccc; */
    padding: 8px;
    margin: 0 10px 0 0;
}

.catalogList h2 {
    font-size: 18px;
    color: #0087cb;
}
.catalogList ul{
    margin:0;
    padding:0;
}
.catalogList li { 
    margin:0;
    padding:0;
    list-style:none;
}
.catalogList li span.btn{
    width: 20px;
    height: 20px;
    background: #ccc;
    float: left;
    background: url("/Templates/Default/style1/img/arrow-d.png") no-repeat scroll 0px 0px transparent;
    cursor: pointer;
}

.catalogList li a {
    font-size: 14px;
    color: #444546;
}

.catalogList li span.close {
    background: url("/Templates/Default/style1/img/arrow-r.png") no-repeat scroll 0px 0px transparent;
}

.catalogList .cat-l-sub{
    margin: 0 0 0 21px;
}

/*
.articleImgList{
   
    margin: 0 auto;
    overflow: hidden;
}

.articleImgList h2 {
    border-bottom: 2px solid #0191a9;
    width: 100%;
   
    clear: both;
    color: #0191a9;
    height: 70px;
    font-size: 24px;
    text-align: center;
}
.articleImgList ul{margin: 0 5px 40px 0;padding: 0;clear: both;float: left;}
.articleImgList ul li{float: left;margin: 20px 16px 20px 16px;text-align: center;width: 322px;height: 275px;position: relative;padding: 0;list-style: none;}
.articleImgList ul li img{
    float: left;
    width: 100%;
 
    padding: 0;
    border: 0;
} 
.articleImgList ul li a,.articleImgList ul li a:visited{color: #333333;text-decoration: none;float: left;border: 1px solid #f5f5f5;border-radius: 3px;width: 100%;margin: 0;padding: 0;overflow: hidden;height: 100%;}

.articleImgList ul li a:hover {
    border: 1px solid #065173;
    border-radius: 0;
}

.articleImgList ul li a h3 {
    font-size: 16px;
    text-decoration: none;
    font-weight: normal;
    width: 100%;
    overflow: hidden;
    height: 50px;
    position: absolute;
    bottom: -1px;
    background: rgba(0, 0, 0, 0.53);
    left: 1px;
    float: left;
    margin: 6px 0 0 0;
    padding: 0;
    color: #f7f7f7;
    line-height: 50px;
}

.articleImgList ul li a:hover h3 {
    color: #FFF;
    background: #065173;
}
.articleImgList ul li a:hover{color: #1E4C8E;} 
*/
.page_navi {/* float:right; */line-height:30px;padding-right:7px;font-size: 12px;clear: both;margin: 0px auto 0 auto;text-align: center;/* height: 60px; */}

.wp-pagenavi {
    margin: 34px 0 29px 0px;
}
.wp-pagenavi span.pages {background-color:#FFFFFF;color:#000000;margin:1px;padding:1px 2px;}
.wp-pagenavi a, .wp-pagenavi a:link {background-color:#FFFFFF;border: 1px solid #62AFD6;color: #235D98;margin:1px;padding:1px 2px;text-decoration:none;}
.wp-pagenavi span.extend {background-color:#FFFFFF;border:0 solid #000000;color:#000000;margin:1px;padding:1px;}
.wp-pagenavi span.current {background-color:#FFFFFF;border: 1px solid #376882;color: #3E6DAC;font-weight:bold;margin:1px;padding:1px 2px;}
.wp-pagenavi span.pages input {border-color:-moz-use-text-color -moz-use-text-color #000000;border-style:none none solid;border-width:medium medium 1px;text-align:center;width:20px;}


.article-detail{
    float:left;
    width:70%;
    min-width:500px;
    max-width:850px;
}

.article-detail .content img {
    float: left;
    margin: 0 10px 10px 0;
    max-width: 100%;
}
.article-detail h2{
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #166dbd;
}

.dync-field-tab {
    float: left;
    clear: both;
    width: 100%;
    margin: 0px 0 30px 0px;
    border-top: 2px solid #166ebe;
    /* background: #E9F5FC; */
}

.dync-field-tab ul {
    list-style: none;
    float: left;
    margin: 2px 2px 0px 0;
    padding: 0;
}

.dync-field-tab ul li {
    float: left;
    margin: 0;
    padding: 0;
}

.dync-field-tab ul li a {
    color: #156ebe;
    margin: 0 -1px 0px 0px;
    width: 100px;
    float: left;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border-top: 1px solid #b1b1b1;
    border-left: 1px solid #afafaf;
    cursor: pointer;
    border-right: 1px solid #a9a9a9;
    text-decoration: none;
    border-bottom: 1px solid #d4d4d4;
}

.dync-field-tab ul li a.select {
    color: #fff;
    background: #828282;
}

.index-hot{
    width: 1072px;
    margin: 0 auto;
}

.botnav{
    width: 467px;
    margin:0 auto;
}

/*picScroll*/
.picScroll{clear:both;height:210px;margin:25px 0 15px;overflow:hidden;padding:0;width:310px;}
.picScroll-items{display:inline;float:left;margin:0 0 0;overflow:hidden;padding:0;position:relative;}
.picScroll-items ul{float:left;list-style:none outside none;margin:0;padding:0;}
.picScroll-items li{cursor:pointer;border:1px solid #FFFFF0;  float:left;list-style:none outside none;  margin: 5px 2px 0;text-align:center; overflow: hidden; padding:0px 5px 0 5px;}
.picScroll-items ul li.mousedown{border:1px solid #ffff00;}
.picScroll-items ul li.hover{border:1px dotted #DFDFDF;}
.picScroll-items ul li.active{border: 1px solid #DFDFDF;color:#000}
.picScroll-btn-left,.picScroll-btn-right{display:inline; cursor:pointer;float:left;height:40px;margin:45px 5px 5px;width:40px;}
.picScroll-btn-left{background:url("../img/navigation_buttons.png");background-repeat: no-repeat;}
.picScroll-btn-right{background:url("../img/navigation_buttons.png") no-repeat scroll 0 -150px transparent;} 

/*picbox*/
.picbox{/* margin: 0px 0 0 9px; *//* overflow: hidden; */width:310px;/* height:210px; */float:left;/* display:inline; */padding:0;/* background:url("../img/picbox.jpg"); */background-repeat: no-repeat;overflow: hidden;}
.picbox-big{float:left;/* display:inline; */margin: 0 auto;padding:0;width: 100%;/* height: 461px; */overflow: hidden;/* border: 1px solid #000; */display: inline-block;/* background: #f99; */height: 100%;}
.picbox-big ul{float:left;list-style:none outside none;margin:0;padding:0;display:inline;text-align: center;width: 100%;/* position: relative; *//* height: 100%; *//* background: #775; */height: auto;}
.picbox-big ul li{float:left;/* height: 300px; */list-style:none outside none;/* position: absolute; */width: 100%;/* display:inline; *//* overflow:hidden; */text-align:center;/* top: 0; *//* left: 0; */height: auto;padding: 0;margin: 0;border: 0;}
.picbox-small{overflow: hidden;float:right; margin:0;padding:0;margin:-70px 20px 0;display:inline;position:relative}
.picbox-small ul{float:left; margin:0;list-style:none outside none;padding:0;}
.picbox-small li{width:50px;height:50px;float:left;;list-style:none outside none;margin:5px;border: 2px solid #666666;overflow:hidden;}
.picbox-small ul li.mousedown{border:2px solid #ffff00;background-color:#ccc;}
.picbox-small ul li.hover{border:2px solid #ff0000;background-color:#ccc;}
.picbox-small ul li.active{border:2px solid #45D73E;background-color:#ccc;}




.index-news{margin: 0 auto;background: #f9f8f8;display: flex; clear: both;}
.index-news .inner-box{ margin:0 auto;position: relative;}
.index-news h2{text-align:center;font-size: 28px;margin: 20px 0 5px 0;}
.index-news ul{float: right;width: 612px;list-style: none;padding: 0;}
.index-news ul li{height: 100px;clear: both;border: 1px solid #e8e8e8;margin: 4px 0 -2px 0;display: inline-block;background: #fff;cursor: pointer;overflow: hidden;}
.index-news ul li h3{float: left;width: 440px;margin: 6px 0 4px 31px;padding: 0;font-weight: normal;color: #292929;font-size: 16px;transition: all 0.3s linear;}
.index-news ul li a{height: auto;padding: 0;}
.index-news ul li a img{float: left;width: 111px;margin: 0;border: 0;transition: all 0.3s linear;}
.index-news ul li p {color: #777;float: left;width: 440px;height: 49px;overflow: hidden;margin: 0 0 0 31px;transition: all 0.3s linear;}
.index-news ul li:first-child{position: absolute;left: 0;width: 568px;height: 430px;}
.index-news ul li:first-child a img{width: 543px;float: none;max-height: 308px;overflow: hidden;}
.index-news ul li:first-child h3{margin: 0 0 0 12px;width: 545px;transition: all 0.3s linear;position: relative;}
.index-news ul li:first-child p{margin: 0 0 0 12px;width: 545px;}
.index-news .descr {text-align: center;font-size: 14px;color: #9e9e9e;}


.index-products{margin: 0 auto;background: #f9f8f8;display: flex; clear: both;}
.index-products .inner-box{margin:0 auto;position: relative;/* overflow-x: auto; */}
.index-products h2{text-align:center;font-size: 28px;margin: 20px 0 5px 0;}
.index-products ul{/* float: right; */width: auto;list-style: none;padding: 0;/* overflow-x: auto; */display: inline-flex;white-space: nowrap;}
.index-products ul li{height: 300px;/* clear: both; */border: 1px solid #e8e8e8;margin: 4px 0 4px 0;display: inline-block;background: #fff;width: 400px;overflow: hidden;position: relative;box-sizing: border-box;}
.index-products ul li h3{margin: 6px 0 4px 0;padding: 0;font-weight: normal;color: #ffffff;font-size: 22px;/* bottom: 123px; */position: absolute;width: 100%;top: -50px;height: 38px;box-sizing: border-box;z-index: 2;opacity: 0.1;}
.index-products ul li a{height: auto;/* margin: 5px; */text-align: center;position: relative;width: 400px;height: 297px;top: 0;left: 0;display: block;}
.index-products ul li a img{/* float: left; */width: 100%;/* margin: 10px; *//* text-align: center; */border: 0;position: absolute;top: 0;left: 0;/* height: 100px; */transition: all 0.3s linear;}
.index-products ul li p {color: #fbfbfb;/* float: left; */position: absolute;/* bottom: 0; */padding: 10px;width: 349px;box-sizing: border-box;margin: 0;height: 158px;word-break: break-word;text-align: left;overflow: hidden;white-space: normal;text-indent: 2em;background: none;transition: all 0.3s linear;top: 305px;z-index: 2;left: 20px;opacity: 0.1;}
.index-products .descr {text-align: center;font-size: 14px;color: #9e9e9e;}
.index-products .items {width: 100%;overflow: hidden;}


.index-products .btn-nav-left:before,.index-products .btn-nav-right:before {width: 34px;height: 72px;background: #c3c3c3;position: absolute;bottom: 135px;font-size: 38px;text-align: center;color: #fff;font-family: cursive;line-height: 73px;border-radius: 6px;cursor: pointer;}
.index-products .btn-nav-left:before{left: -52px;content: "<";}
.index-products .btn-nav-right:before{right:-52px;content: ">";}
.articleImgListSroll .child-catalogs {margin: 22px 0 12px 0;text-align: center;}
.articleImgListSroll .child-catalogs a {padding: 5px;border: 1px solid #eaeaea;width: 156px;display: inline-block;border-radius: 1px;font-size: 14px;cursor:pointer;background: #f1f1f1;text-decoration-line: none;}
.articleImgListSroll .child-catalogs a:hover {background: rgb(0 135 203);color:#fff;}


.index-company{margin: 0 auto;background: rgb(0 135 203 / 8%);display: flex;clear: both;background: url(/Templates/Default/style1/img/about-ys.jpg);background-size: cover;height: 410px;}
.index-company .inner-box{margin: 46px auto 20px auto;position: relative;/* overflow-x: auto; */width: 1200px;}
.index-company .inner-box .descr {width: 635px;font-size: 20px;margin: 5px;padding: 16px 0 22px 0;}
.index-company .inner-box .title {font-size: 30px;color: rgb(0 135 203);width: 625px;text-align: center;margin: 26px 0 0 0;font-weight: bold;}
.index-company .inner-box .links {margin: 13px 0 0 0;width: 625px;}
.index-company .inner-box .links a{background:#fff;padding:5px;width: 140px;display: inline-block;text-align: center;margin: 0 0 0 35px;font-size: 18px;color: rgb(0 135 203);border: 1px solid rgb(0 135 203 / 50%);}
.index-company .inner-box .img {position: absolute;top: -20px;right: 0;width: 530px;height: 345px;/* border: 8px solid rgb(0 135 203 / 36%); */overflow: hidden;}
.index-company .inner-box .img img {width: 100%;}

 

.index-business{margin: 0 auto;background: #ffffff;display: flex;clear: both;/* background: url(/Templates/Default/style1/img/slider_bg.jpg); */background-size: cover;height: 490px;}
.index-business .inner-box{margin: 25px auto;position: relative;/* overflow-x: auto; */width: 1200px;}
.index-business .inner-box .descr {width: 635px;font-size: 20px;margin: 5px;padding: 16px 0 22px 0;}
.index-business .inner-box .title {font-size: 30px;color: rgb(0 135 203);width: 625px;text-align: left;margin: 14px 0 0 0;font-weight: bold;}
.index-business .items {width: 604px;position: absolute;right: 0;top: 10px;}
.index-business ul{width: auto;list-style: none;padding: 0;}

.index-business ul li{height: 139px;/* clear: both; *//* border: 1px solid #e8e8e8; */margin: 4px 0px 10px 14px;display: inline-block;background: #fff;width: 286px;overflow: hidden;position: relative;padding: 45px 0 0 0;}
.index-business ul li h3{float: left;width: 461px;margin: 6px 0 4px 0;padding: 0;font-weight: normal;color: #292929;font-size: 16px;}
.index-business ul li a{height: auto;/* margin: 5px; */text-align: center;}
.index-business ul li a img{/* float: left; */width: 100%;/* margin: 10px; *//* text-align: center; */}
.index-business ul li p {color: #fbfbfb;float: left;width: 100%;height: 60px;overflow: hidden;position: absolute;bottom: 0;/* margin: 5px; */background: #00000059;padding: 10px;box-sizing: border-box;display: none;}
.index-business .inner-box .img {position: absolute;top: 106px;left: 0;width: 530px;height: 305px;border: 3px solid rgb(0 135 203 / 47%);overflow: hidden;}
.index-business .inner-box .img img {width: 100%;}
.index-business ul li h2 {margin: 0 0 0 0;font-size: 18px;}
.index-business ul li div {font-size: 16px;}

.index-business ul li.item-1:before{background: url(/Templates/Default/style1/img/42x42/1.png);content: "";width: 45px;height: 45px;position: absolute;top: -4px;left: 0;}
.index-business ul li.item-2:before{background: url(/Templates/Default/style1/img/42x42/3.png);content: "";width: 45px;height: 45px;position: absolute;top: -4px;left: 0;}
.index-business ul li.item-3:before{background: url(/Templates/Default/style1/img/42x42/5.png);content: "";width: 45px;height: 45px;position: absolute;top: -4px;left: 0;}
.index-business ul li.item-4:before{background: url(/Templates/Default/style1/img/42x42/2.png);content: "";width: 45px;height: 45px;position: absolute;top: -4px;left: 0;}


.index-icons{margin: 0 auto;background: #ffffff;display: flex;clear: both;/* background: url(/Templates/Default/style1/img/slider_bg.jpg); *//* background-size: cover; */height: 171px;}
.index-icons .inner-box{margin: 25px auto;position: relative;/* overflow-x: auto; */width: 1200px;}
.index-icons .inner-box .descr {width: 635px;font-size: 20px;margin: 5px;padding: 16px 0 22px 0;}
.index-icons .inner-box .title {font-size: 30px;color: #127aab;width: 625px;text-align: left;margin: 14px 0 0 0;font-weight: bold;}
.index-icons .items {/* width: 604px; *//* position: absolute; *//* right: 0; *//* top: 10px; */}
.index-icons ul{width: auto;list-style: none;padding: 0;text-align: center;}

.index-icons ul li{/* float:left; *//* width: 75px; *//* height: 75px; *//* background: #1c87c5; *//* border-radius: 36px; */display: inline-block;clear: unset;margin: 0 85px 0 85px;font-size: 18px;position: relative;padding: 98px 0 0 0;}
.index-icons ul li:before{content:"";width: 90px;height: 90px;/* float: left; */background-color: rgb(0 135 203);position: absolute;border-radius: 47px;top: 0;left: 15px;background-repeat: no-repeat;background-position: 9px 8px;}
.index-icons ul li.item-1:before{background-image: url(/Templates/Default/style1/img/72x72/4.png);}
.index-icons ul li.item-2:before{background-image: url(/Templates/Default/style1/img/72x72/3.png);}
.index-icons ul li.item-3:before{background-image: url(/Templates/Default/style1/img/72x72/1.png);}
.index-icons ul li.item-4:before{background-image: url(/Templates/Default/style1/img/72x72/6.png);}


.productList{overflow: hidden;}
.productList h2 {border-bottom: 2px solid #8e8e8e;width: 100%;/* float: left; */clear: both;color: #0087cb;height: 70px;font-size: 24px;text-align: center;}
.productList ul{margin: 0 5px 40px 0;padding: 0;clear: both;float: left;}
.productList ul li{float: left;margin: 20px 14px 20px 14px;text-align: center;width: 303px;height: 275px;position: relative;padding: 0;list-style: none;}
.productList ul li img{float: left;width: 100%;/* margin: 14px; */padding: 0;border: 0;} 
.productList ul li a,.productList ul li a:visited{color: #333333;text-decoration: none;float: left;border: 1px solid #f5f5f5;border-radius: 3px;width: 100%;margin: 0;padding: 0;overflow: hidden;height: 100%;}
.productList ul li a:hover {border: 1px solid #065173;border-radius: 0;}
.productList ul li a h3 {font-size: 16px;text-decoration: none;font-weight: normal;width: 100%;overflow: hidden;height: 50px;position: absolute;bottom: -1px;background: rgb(113 113 113);left: 1px;float: left;margin: 6px 0 0 0;padding: 0;color: #f7f7f7;line-height: 50px;}
.productList ul li a:hover h3 {color: #FFF;background: #1b5fb2;}
.productList ul li a:hover{color: #1E4C8E;} 

.route {
    height: 30px;
    font-size: 16px;
}

.route .inner-box {
    margin: 8px auto;
    text-align: left;
    border-bottom: 2px solid #8e8e8e;
    padding: 0 0 4px 0;
}

.base-center-group {width: 1200px;margin: 0 auto;}

.base-center-left {
    width: 100px;
    float: left;
}

.index-words div img {
    max-width: 100%;
}

.articleArticleDetail .content img {
    max-width: 100%;
}

.article-detail .content .title-pic img {
    max-width: 500px;
}

.index-products ul li a h3:hover {
    position: absolute;
    top: 10px;
}

.index-products ul li:hover a h3 {
    top: 62px;
    transition: all 0.3s linear;
    opacity: 1;
}

.index-products ul li:hover a::before {
    /* background: #000000; */
    /* content: ""; */
    /* width: 100%; */
    /* height: 320px; */
    /* position: absolute; */
    opacity: 0.3;
    /* left: 0; */
    /* top: 0; */
    /* z-index: 1; */
    transition: all 0.3s linear;
}

.index-products ul li:hover p {
    position: absolute;
    top: 116px;
    display: block;
    transition: all 0.3s linear;
    opacity: 1;
}

.index-products ul li:hover a img {
    transform: scale(1.2);
    transition: all 0.3s linear;
}

.index-products ul li a::before {
    background: #000000;
    content: "";
    width: 100%;
    height: 320px;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.3s linear;
}

.index-news li:hover a img {
    transform: scale(1.2);
    transition: all 0.3s linear;
}

.index-news ul li a div.img {
    /* margin: 0; */
    margin: 10px;
    float: left;
    /* position: absolute; */
    overflow: hidden;
    transition: 1s linear;
}

.index-news ul li:hover p {
    margin: 0 0 0 6px;
    transition: all 0.3s linear;
}

.index-news ul li:hover a h3 {
    margin: 6px 0 4px 6px;
    transition: all 0.3s linear;
}

.index-news ul li:first-child:hover a h3 {
    margin: 0 0 0 76px;
    width: 477px;
    transition: all 0.3s linear;
}

.index-news ul li:first-child:hover p {
    margin: 0 0 0 76px;
    transition: all 0.3s linear;
    width: 478px;
}

.index-news ul li:first-child h3::before {content: "";width: 1px;height: 1px;background: #81b8f1;position: absolute;top: 8px;left: 0;transition: all 0.3s linear;}

.index-news ul li:first-child:hover h3::before {
    width: 62px;
    left: -66px;
}

.picbox-big ul li img {
    width: 100%;
    /* display: inline-block; */
    max-width: 100%;
    margin: 0;
    padding: 0px;
    border: 0;
}