body, html
{
    padding: 0;
    margin: 0;
    background-color: #fff;
 
}
body, td
{
    font-size: 14px;
    font-family:"Microsoft YaHei",微软雅黑
}
h1,h2,h3,h4,h5,h6{ margin:0;padding:0;}
a
{
    color: Black;
    text-decoration: none;
}
a:hover
{
    color: Red;
}
img
{
    border: none;
}
ul, li
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.wrap
{
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
}
.wrapContent
{
    margin: 0 auto;
    width: 1100px;
    text-align: left;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix
{
    zoom: 1;
}

.mt5
{
    margin-top: 5px;
}
.mt15
{
    margin-top: 15px;
}
.mr5
{
    margin-right: 5px;
}

.titleMenu
{
    margin: 0 auto;
    background: url(../images/tmbg1.png) no-repeat;
    width: 403px;
    height: 219px;
    overflow: hidden;
    text-align: left;
}
.titleMenu .eng
{
    font-family: MS Serif;
    font-weight: 400;
    font-size: 32px;
    margin: 65px 0 50px 110px;
    color: #333;
}
.titleMenu .chs
{
    font-size: 36px;
    font-weight: bold;
    color: #666;
    margin-left: 110px;
    letter-spacing: 20px;
}

.titleLine
{
    width: 100%;
    height: 80px;
    background: url(../images/lbg.png) center repeat-x;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-bottom:10px;
}
.titleLine span.title
{
    margin: 0 auto;
    text-align: center;
    background: #fff;
    display: inline-table;
    line-height: normal;
}
.titleLine h3.eng
{
    font-family: Microsoft Sans Serif;
    font-weight: 400;
    font-size: 24px;
    color: #333;
    display: block;
    margin: 0;
    padding: 0;
}
.titleLine h3.chs
{
    font-size: 28px;
    font-weight: bold;
    color: #666;
    letter-spacing: 10px;
    display: block;
    margin-top: 10px;
    padding: 0;
}

/****************************************header设置***********************************************/
.header
{
    background: url(../images/headbg.jpg) center;
    height: 125px;
    border-bottom:1px solid #ccc;
    margin-bottom:1px;
}
.header .logo
{
    float: left;
    width: 520px;
    height: 80px;
    overflow: hidden;     
    vertical-align:middle;
}
.header .logo img
{
    margin-top: 10px;
    height: 60px;
}
.header .tel
{
    float: left;
    width: 250px;
    height: 40px;
    margin-top: 30px;
    text-align:right;
    overflow: hidden;
}

.header .qyh
{
    height:80px;
    width:150px;
    float:right;
    overflow:hidden; 
    padding:0;margin:0;
}
.header .qyh img{ height:80px; vertical-align:middle; margin-left:5px;}
.header .tel img
{
    height: 30px;
}
#navDiv{ border-top:1px solid #ccc;padding-top:4px; margin-top:4px; background:url(../images/menubg.jpg) repeat-x; height:36px; overflow:hidden;}
.nav ul
{
    float: right;    
}
.nav>ul{width:720px;}
.nav li
{
    float: left;
    text-align: center;
    height: 28px;
    margin: 0 2px;
    padding: 3px 20px 5px 20px;
    line-height: 28px;
    vertical-align: middle;
    display: inline-block;
}
.nav li a
{
    font-size: 18px;
    display: inline-block;
}
.nav li.hover, .nav li.active
{
    background-color: #0076ab;
}
.nav li.hover a, .nav li.active a
{
    color: #fff;
}
.nav li li a, .nav li.hover li a, .nav li.active li a
{
    color: #000;
    padding: 0;
    margin: 0;
}
.nav li li a:hover, .nav li.hover li a:hover, .nav li.active li a:hover
{
    color: #0076ab;
}


.mnavL
{
    width: 1100px;
    position: absolute;
    border-top: 2px #0076ab solid;
    -moz-box-shadow: 1px 3px 6px #6c7870;
    -webkit-box-shadow: 1px 3px 6px #6c7870;
    box-shadow: 1px 3px 6px #6c7870;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#333232)";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#333232');
    top: 125px;
    left: 550px;
    z-index: 99999;
    background: #f8f8f8;
    color: #333;
    cursor: auto;
    margin: 0 auto;
    font-size: 12px;
}
.mnavL_info
{
    position: relative;
    width: 1100px;
    min-height: 165px;
    text-align: left;
    line-height: normal;
}

.mnavL_info ul
{
    padding: 0;
    margin: 0;
}
.mnavL_info li a
{
    color: #000;
    font-size: 12px;
}
.tabContent
{
    list-style: none;
    margin: 10px 0px 10px 25px;
    padding: 0;
    clear: both;
    font-size: 12px;
}
.tabContent p, .tabContent div, .tabContent td, .tabContent span
{
    font-size: 12px;
}
.tabContent li
{
    float: left;
    text-align: left;
    margin-left: 8px;
    width: 250px;
    font-size: 12px;
    line-height: normal;
    height: auto;
    display: inline;
}
.tabContent div
{
    padding: 0;
    margin: 0;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
}

.tabContent p
{
    padding: 0;
    margin: 0;
    line-height: 20px;
    width: 260px;
    color: #666;
}
.tabContent a span
{
    text-decoration: none;
    color: Blue;
    display: block;
    margin: 10px 0;
    font-size: 12px;
}
.tabContent a:hover span
{
    text-decoration: underline;
    font-weight: bold;
}
.tabContent img
{
    border: none;
}
.tabContent ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}
.tabContent ul li, .tabContent li.imgmore li
{
    float: none;
    list-style-image: url(../images/ico4.gif) left no-repeat;
    padding: 0;
    margin: 0;
    list-style-position: inside;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 15px;
    overflow: hidden;
}
.tabContent li.imgmore
{
    padding: 0;
    margin: 0;
    width: 150px;
    overflow: hidden;
    padding-top: 15px;
    text-align: center;
}

#aboutul ul
{
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 15px;
}
#aboutul ul li
{
    float: left;
    margin: 0;
    padding: 0;
    height: 22px;
    line-height: 22px;
    text-align: left;
    padding-left: 18px;
    vertical-align: middle;
    width: 120px;
    background: url(../images/ico4.gif) no-repeat left;
    display: inline;
}

.serviceul
{
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.serviceul li
{
    float: left;
    padding: 0;
    height: 24px;
    line-height: 24px;
    text-align: left;
    padding-left: 15px;
    vertical-align: middle;
    width: 100px;
    background: url(../images/ico4.gif) no-repeat left;
    overflow: hidden;
    display: inline;
}

#menuImg
{
    padding: 0;
    margin: 0;
    text-align: center;
    width: 215px;
    background-color: #f7f7fb;
}
#menuImg ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    width: 180px;
}
#menuImg ul li
{
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
}
.hr
{
    margin: 3px 0;
    width: 215px;
    color: #999;
    height: 1px;
    overflow: hidden;
    padding: 0;
}

.homelhrh img
{
    width: 100%;
    display: block;
    overflow: hidden;
}

.ivideo
{
    margin: 40px auto;
}
.ivideo img
{
    max-width: 100%;
    height: auto;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
}
.ivideo ul
{
    padding-left: 0;
    list-style-type: none;
}
.ivideo li
{
    margin: 0;
    padding: 0;
    display: list-item;
    overflow: hidden;
    background: #f4f4f4;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.ivideo li:hover
{
    background: #00a1e9;
    color: #fff;
    cursor: pointer;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.ivideo li:hover a
{
    color: #FFFFFF;
}
.ivideo li:hover a:hover
{
    color: #FFFFFF;
}
.ivideo li:hover ._img .img1
{
    display: none;
}
.ivideo li:hover ._img .img2
{
    display: block;
}
.ivideo li ._img
{
    float: left;
    width: 140%;
    text-align: center;
    margin-left: -20%;
}
.ivideo li ._img a
{
    display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 60%;
    position: relative;
}

.ivideo li ._img ._play
{
    display: none;
    width: 49px;
    height: 49px;
    background: url(../images/play_s.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}
.ivideo li ._nr
{
    float: left;
    width: 100%;
}
.ivideo li ._title
{
    font-size: 18px;
    font-weight: normal;
    color: #000;
    margin: 15px;
    padding-top:10px;
    text-align: center;
    border-top: #d9d8d8 1px solid;
}
.ivideo li ._more
{
    bottom: 20px;
}
.ivideo li ._sum
{
    margin: 20px;
}
.ivideo li ._more a
{
    font-weight: bold;
    color: #0168b7;
}
.ivideo li ._more a:hover
{
    font-weight: bold;
}
.ivideo li.hover
{
    background: #f59d31;
    color: #0168b7;
}
.ivideo li.hover ._title a
{
    color: #0168b7;
}
.ivideo li.hover ._img ._play
{
    display: block;
}


.inews-list li
{
    width: 100%;
    float: left;
    margin-top: 10px;   
}
.inews-list li ._date
{
    width: 60px;
    float: left;
    border: 1px solid #ccc;
    margin-top: 5px;
}
.inews-list li ._date span
{
    display: block;
    text-align: center;
    font-size: 12px;
}
.inews-list li ._date ._d1
{
    line-height: 44px;
    background: #ccc;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
}
.inews-list li ._date ._d2
{
    color: #ccc;
}
.inews-list li ._nr
{
    width: 88%;
    float: right;
    font-size: 14px;
   
}
.inews-list li ._title
{
    font-size: 16px;
    font-weight: bold;
    margin-bottom:8px;
}
.inews-list li ._sum
{
    color: #565656;
}
.inews-list li ._more
{
    color: #999;
}
.inews-list li a:hover ._date
{
    border-color: #0168b7;
}
.inews-list li a:hover ._date ._d1
{
    background: #0168b7;
    color: #fff;
}
.inews-list li a:hover ._date ._d2
{
    color: #000;
}

.newsHome .newsImg
{
    width:430px;
    height:320px;
    float:left;
    overflow:hidden;   
    margin-top:40px;
    padding:5px;
    border:1px solid #ccc;
     
}
.newsHome .newsImg img{ display:block; width:100%; margin-top:20px;}
.newsHome .box
{
     width:650px;
     float:right;
     overflow:hidden;
 }

/*tab*/
.index_tab{ border-bottom: 2px solid #efefef; width: 100%; margin-bottom: 21px;}
.index_tab_main{ width: 650px; margin:0 auto; height:39px; }
.index_tab_main ul li{ float: left; padding:0 18px; height: 38px; line-height: 38px; cursor:pointer;}
.index_tab_main ul li.se{ border-bottom: 4px solid #0066b3;}
.index_tab_main ul li a{ font-size: 18px; display: block; width: 100%; height: 100%; text-align: center; color:#333;cursor:default;}
.index_tab_main ul li.se a{ color: #0066B3}
.index_tab_main ul{ float: right}
.index_tab_main_div{ width: 640px; display:none; float:right;}
.index_tab_main_div div.more
{
        margin-top:5px;
        float:right;
}
.index_tab_main_div div.more a
{
    display: block;
    width: 150px;
    line-height: 28px;     
    padding: 0 15px;
    border: 1px solid #0168b7;    
    overflow: hidden;
    color: #0168b7;
    position: relative;
    text-align:center;
}

.index_tab_main_div div.more a:hover{background:#0168b7; color:#fff; }

.navFix{ position:fixed; left:0; top:0; _position:absolute; top:expression((offsetParent.scrollTop)+0); z-index:99;}

/***************************************content设置*************************************************/

.content
{
    min-height: 400px;
}

.contentLeft
{
        width:250px; float:left;
        overflow:hidden;
}

.contentRight
{
        width:840px; float:right;
        overflow:hidden;
 }

.browse{ background:#efefef; padding:10px 0 10px 15px; margin:5px 0; height:24px; line-height:24px; vertical-align:middle;}

.productBox
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.productBox li
{
    width: 100%;
    display: block;
    border-bottom: 1px solid #ccc;
    margin-top:10px;
    padding-bottom: 10px;
    float: left;
}
.productBox .proImg
{
    width: 350px;
    height: 215px;
    overflow: hidden;
    float: left;
}
.productBox .proImg img{ width:100%; display:block;}
.productBox .box
{
    width: 730px;
    float: right;
    overflow: hidden;
}

.productBox .box div.title
{
    font-size: 24px;
    margin: 5px 0;
}
.productBox .box div.info
{
    line-height: 24px;
    height: 120px;
    overflow: hidden;
}
.productBox div.more
{
        margin-top:10px;
}
.productBox div.more a
{
    display: block;
    width: 100px;
    line-height: 28px;
    padding: 0 15px;
    border: 1px solid #0168b7;    
    overflow: hidden;
    color: #0168b7;
    position: relative;
}

.productBox div.more a:hover{background:#0168b7; color:#fff; }

.leftmenu{ margin-top:5px;  background:#f6f6f6; padding-top:10px; border:1px solid #ccc;}
.leftmenu h3{ font-size:24px; color:#0168b7; margin:0 10px 10px 18px; font-weight:normal; } 
.leftmenu > ul >li{ margin-bottom:10px; text-align:left;}
.leftmenu > ul >li >a{ display:block; text-align:left; line-height:30px; background:#ddd;font-size:16px;padding-left:20px; color:#0168b7; padding-top:7px; padding-bottom:7px;overflow:hidden; }
.leftmenu > ul >li >a:hover,.leftmenu > ul >li.cur >a{ background:#0168b7; color:#fff; }
.leftmenu li ul{ margin:0;padding:0; margin-top:5px; width:100%;}
.leftmenu li li a{ display:block; line-height:28px; border-bottom:1px solid #ccc; margin-top:5px; padding-left:20px; font-size:14px; color:#0168b7; text-align:left;}
.leftmenu li li a:hover,.leftmenu li li.cur a{ background:#f6f6f6;   color:#660000}
.leftmenu li.cur  ul{ display:block; }

.banner img{width:100%; display:block;}

.contentRight  .productBox .proImg {
    width: 250px;
    height: 200px;    
}
.contentRight .productBox .box
{
    width: 580px; 
}
.contentRight .productBox div.more
{
        margin-top:0px;
}
.contentRight .productBox .box div.title
{
    font-size: 20px;
    margin-bottom:4px;
}
.contentRight .productBox .box div.info
{
    line-height: 20px;
    height: 100px;
    overflow: hidden;
}
.contentRight .productBox li
{
    width: 100%;
    display: block;
    border-bottom: 1px solid #ccc;
    margin-top:5px;
    padding-bottom: 5px;
    float: left;
}

.contentRight .inews-list li
{
        margin-top:15px;
        padding-bottom:10px;
        border-bottom:1px solid #ccc;
    }
#SchoolUL .newsTitle{ margin:20px 0 10px 0; height:30px; line-height:30px; vertical-align:middle; border-bottom: 2px solid #0066b3;}
#SchoolUL .newsTitle h1{ font-size:20px; width:400px; float:left;margin-left:5px; color:#0168b7}
#SchoolUL .newsTitle div.more a
{
    display: block;
    width: 60px;
    line-height: 28px;
    padding: 0 15px;    
    overflow: hidden;
    color: #0168b7;  
    float:right;
}

#SchoolUL .newsTitle div.more a:hover{background:#0168b7; color:#fff; }

.input
{
	background:none;
	border:1px solid #747d89;
	height:18px;
	width:120px;
	}

.chan-sublant{ font-size:24px; color:#0168b7; margin-bottom:10px; }
.chanr-link{ background:#f6f6f6; padding:10px 20px 20px;}
.chr-quick-link{ margin-bottom:15px;}
.chr-quick-link a._img { display: block; height: 0; overflow: hidden; padding-bottom: 45%; position: relative; }
.chr-quick-link a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; }
.chr-quick-link ._cover{ background:url(../images/black.6.png) repeat; background:rgba(0,0,0,.5); display:block; position:absolute; bottom:0; left:0; width:100%; height:32px; line-height:32px; text-indent:15px; color:#fff; font-size:16px;}
.chr-quick-link ._cover ._title{ }
.chr-quick-link ._cover ._line{ display:none; width:0; height:100%; vertical-align:middle;}
.chr-qlink-list li{ float:left; width:45%; margin-right:5%; margin-top:10px; position:relative; }
.chr-qlink-list li a{ display:block; height:26px; line-height:26px; border:1px solid #ccc; text-indent:20px; }
.chr-qlink-list li a:hover{ background:#0168b7; border-color:#0168b7; color:#fff;}
.chr-qlink-list li .ion{ position:absolute; top:2px; right:5px; text-indent:0;}

/***************************************footer设置*************************************************/
.footer
{       
    margin-top:20px 0;
    background:#cecece;
    padding:20px 0;
    font-size:12pt;
}



/*//contact and to top*/
.hk-contab{display:block!important;z-index:99;}
.hk-contab li{
    list-style:none;
    width:79px;
    height:78px;
    border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;    
}
.hk-contab li:hover{background:#ffffff;}
.hk-contab{
	position:fixed;
	right:0px;
	bottom:228px;
	
        padding:0;margin:0;
        
}
.hk-call{position:relative; border-top:1px solid #ccc;}
.hk-callinfo{
        display:none;
	position:absolute;
	left:-222px;
	top:-1px;
	background:#ffffff;
	border:1px solid #cccccc;
	border-right:0;
	width:220px;
	height:215px;
       
}
.hk-callinfo p{font-size:16px;margin-left:20px;}
.hk-top{
	width:80px;
	height:80px;
	position:fixed;
	right:0px;
	bottom:148px;
	z-index:999;
	cursor:pointer;
}

