body, html, h1, h2, h3, h4, h5, dl, dd, dt, ul, li, ol, span, p {margin: 0;padding: 0;}
body {background-color: #fff; font-family: "Microsoft YaHei"; min-width:1280px;width:expression((documentElement.clientWidth < 1280px) ? "1280px" : "100%" ); 
 	zoom:1;}

img {border: 0 none; margin: 0;padding: 0;max-width:100%;}
a { text-decoration: none;color: #000;}
select {border: 0 none;}
input,textarea,select {outline: none; border: 0 none;padding: 0;margin: 0;}
ol,ul,li {list-style: none;}
.box {width: 1280px; margin: 0 auto; overflow: hidden;}
.left { float: left;}
.right { float: right;}
.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.clearfix{
    *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.header{ width: 100%; height: 106px;background:#DDDDDD;}
.header .left{width: 404px;}
.header .left img{ width: 404px;height: 106px;vertical-align: top;}
.header .right{margin-top: 45px;}
.header .right .search{width: 299px;height: 29px;line-height: 29px; float: right;}
.header .right .search input{ padding-left: 12px; width: 210px; height: 27px;line-height: 27px;border: 1px solid #2657A3; border-right: 0 none; float: left;}
input::-webkit-input-placeholder{color:#b4b4b4;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#b4b4b4;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#b4b4b4;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#b4b4b4;}
.header .right .search .select{width: 50px; float: left; height: 27px; line-height: 27px;border-top: 1px solid #2657A3;border-bottom: 1px solid #2657A3; background: #fff url(../images/select.jpg) no-repeat left;
    cursor: pointer;font-size: 12px; color: #b4b4b4;}
.header .right .search .select .show{width: 42px;height: 27px;line-height: 27px;text-align: center;background-color: #fff;margin-left: 8px;position: relative;z-index: 10;}
.header .right .search .select .xuan{ display: none; width: 42px;margin-left: 8px;background-color: #fff;text-align: center;position: absolute;z-index: 10;}
.header .right .search .select .hide{margin-left: 0;}
.header .right .search .btn{text-align: center;width: 75px;height: 29px; float: right;background: url(../images/searchbg.jpg) repeat-x;color: #fff;font-size: 12px;}
.header .right ul{float: right;text-align: center;margin-left: 32px;}
.header .right li{float: left;margin-left: 16px;font-size: 0;}
.header .right li .txt{color: #2657A3;font-size: 12px;line-height: 22px;font-weight: bold;}
.header .right li img{ width: 20px;height: 14px;vertical-align: top;}
/* 导航栏 */
.menu{width: 100%;height: 56px;line-height: 56px;background:#2C2C2C;}
.navBox{width: 1225px; margin: 0 auto;position:relative; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ top: 0; position:absolute; z-index:1; left: 0;}
.nav a{font-weight: normal; color:#fff; font-size: 19px;}
.nav .nLi{text-align: center; float:left;  position:relative; width: 175px;}
.nav .nLi h3 a{ display:block;}
/* .nav .on{background-color: rgb(90, 169, 235);} */
.nav .active{background: url(../images/navonbg.jpg) repeat-x;}
.nav .have a{background: url(../images/arrow.png) no-repeat 145px;}
.nav .sub{width:100%;display: none;}
.nav .sub li{height: 41px;line-height: 41px;background-color: #313131;}
.nav .sub li:hover{background-color: #1e1e1e;}
.nav .sub li a{ text-align:center;justify-content: space-between;align-items: center;color: #fff; font-size: 14px;background: 0 none;}
.nav .two{position: relative;}
.nav .three{position: absolute;top: 5px; left: 175px; width: 170px; }
/*ul li:hover{background-color: rgb(90, 169, 235);}*/
/* 底部 */
.footer{width: 100%;height: 310px;background: #3c3c3c url(../images/foot.jpg) 100% 100%  no-repeat;}
/* .footer .box{display: flex;justify-content: space-between;width: 70%;color: #fff;padding: 40px 0;box-sizing: border-box;} */
.footer .box{display: flex;justify-content: space-between;width:1200px;color: #fff;padding: 40px 0;box-sizing: border-box;}
.footer .box  p{ height: 30px;line-height: 30px;}
.footer .box .footContent{margin-top: 20px;}
.footer .box .contentBottom { margin-top: 20px;}


.aboutus{
    width: 100%;
    height: 330px;
}

.aboutus .left{
    width: 788px;
}
.aboutus .wenzi{
    color: #282828;
    font-size: 15px;
    line-height: 28px;
    margin-top: 34px;
}
.aboutus .wenzi a{
    color: #2657A3;
}
.aboutus ul.aboutus-btn{
    overflow: hidden;
    margin-top: 26px;
}
.aboutus li{
    float: left;
    overflow: hidden;
    margin-right: 39px;
}
.aboutus li img{
    float: left;
    vertical-align: top;
}
.aboutus li .txt{
    float: left;
    line-height: 20px;
    margin-top: 9px;
}
.aboutus li.last{
    margin-right: 0;
}
#imgRolling{float: right; width: 456px; height: 330px;position: relative;}
#imgRolling .imagebg{height:330px;overflow:hidden;position:relative;}
#imgRolling .imagebg li{height:330px;overflow:hidden;width:456px;margin:0 auto;display:block;text-align:center;}
#imgRolling .imagebg li img{ width: 456px; height: 330px;}
#imgRolling .scrollbg{height:54px; position: absolute; left: 0; bottom: 0; width: 100%;}
#imgRolling .scroll{width:100%;height:54px;position:relative;margin:0 auto;}
#imgRolling .pre,#imgRolling .next{display:block;position:absolute;width:11px;height:19px;z-index: 9999;top:18px;}
#imgRolling a.pre{background:url(../images/icoleft.png);left:10px;}
#imgRolling a.next{background:url(../images/iconext.png); right:10px;}
#imgRolling .outScroll_pic{width: 387px; height:40px;overflow:hidden;position:relative;top:7px; left: 30px;}
#imgRolling .outScroll_pic .scroll_img{position:absolute}
#imgRolling .scroll_img{margin:0 auto;width:40000px;height:40px;}
#imgRolling .scroll_img li{float:left;height:40px;width:56px;cursor:pointer; margin: 0 5px;}
#imgRolling .scroll_img li img{
    height:40px;width:56px;
}
#imgRolling .scroll .present{width:56px;height:40px;background:url(../images/imgbg.png) no-repeat center;z-index:10;position:absolute;top:7px;left:0;}
#imgRolling .zhe{
    width: 100%;
    height: 54px;
    background: #000;
    opacity: 0.7;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    position: absolute;
    left: 0;
    bottom: 0;
}
.approaching{
    width: 100%;
    height: 355px;
}
.approaching .toptitle{
    overflow: hidden;
    margin-top: 40px;
}
.toptitle{
    overflow: hidden;
}
.toptitle h2{
    padding-left: 10px;
    color: #282828;
    font-size: 24px;
    line-height: 25px;
    font-weight: normal;
    float: left;
    border-left: 5px solid #2657A3;
    margin-right: 7px;   
}
.toptitle .eng{
    float: left;
    color: #2657A3;
    font-size: 18px;
    font-family: "Arial";
    margin-top: 8px;
    text-align: left;
    width: 300px;
}
.approaching ul{
    margin-top: 38px;
}
.approaching li:last-of-type{
    margin-right: 0;
}
.approaching li{
    width: 298px;
    height: 200px;
    float: left;
    margin-right: 29px;
    position: relative;
}
.approaching li img{
    width: 298px;
    height: 200px;
    vertical-align: top;
}
.approaching li h3{
    text-align: center;
    width: 100%;
    padding-top: 34px;
    height: 46px;
    line-height: 46px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    background: url(../images/approaching.png) no-repeat bottom;
}