body{color:#666666;font-family:microsoft yahei,Arial,'微软雅黑'; }
a{text-decoration:none; color:#666666}
.new1200{ width:1200px; margin:0 auto}
.bl{display: inline-block}
li{display: inline-block}
/*header*/
.nav-box{border-top:1px solid #ddd;width: 100%;min-width: 1200px;}
.nav li{width:167px;height: 58px;text-align: center }
.nav li:hover{background-image:url("../images/bg.jpg");border-top:1px solid #fff; margin-top: -1px;}
.nav li:hover a{color: #fff;z-index: 10;}
.nav a{display: block}
.nav span{font-size: 16px;line-height: 57px;}
li.active{background-image:url("../images/bg.jpg");border-top:1px solid #fff; margin-top: -1px;}
li.active a{color: #fff;z-index: 10;}
/*main*/
.flexslider{position:relative;height:450px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:450px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flexslider ul li{ background-position: 50% 0; background-repeat: no-repeat; }
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;text-indent: -9999px;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
.banner{width: 100%;min-width: 1200px; background-repeat: no-repeat; background-position:center; height: 450px;}
/*.bannerbox{width: 100%;position: relative;min-width: 1200px;}
.banner img{width: 100%;}
.spanleft{float: left;margin-left: 100px;cursor: pointer;position: absolute;left: 0;top: 185px;}
.spanright{float: right;margin-right: 100px;cursor: pointer;position: absolute;right: 0;top: 185px;}
.spanleft img{width: 20px;}
.spanright img{width: 20px;}*/
.product{height: 85px;}
.product .pro{font-size: 20px;border-bottom: 2px solid #2b77bc;position: relative;bottom:-51px;padding-bottom: 7px;}
.product .more{font-size: 14px;position: relative;top:55px;}
.pro-box{width: 100%;border-top:1px solid #dddddd;background-color: #f4f4f4;min-width: 1200px;}
.pro-list{height:380px;margin:0 auto;}
.pro-list .item:hover a p{color:#2b77bc}
.item{width:230px;height: 290px;margin-top:2%;overflow: hidden;}
.item a img{ max-width: 100%;
    max-height: 100%;
    --webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.item a img:hover{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}
.item2,.item4{margin:2% 12.5px 2% 12.5px}
.item1{background-color:#2b77bc;color: white;position: relative; }
.item1 h1{font-size: 30px;position: absolute;top:30px;left:30px;}
.item1 em{
    display:block;
    width:166px;
    height:2px;
    background-color:#95bbde;
    position: absolute;
    left:30px;
    top:90px;
}
.item1 p{width:167px;font-size: 14px;position: absolute;top:126px;left:30px;}
.item1 a{color: white;font-size: 14px;position: absolute;bottom: 45px;left:30px;}
.item2,.item3,.item4,.item5{color: #333;background-color: #fff;}
.item2 p,.item3 p,.item4 p,.item5 p{margin-top:15px;text-align: center;}
.company{height: 50px;line-height: 49px;position: relative}
.company .intro{font-size: 20px;border-bottom: 2px solid #2b77bc;}
.company .news{font-size: 20px;border-bottom: 2px solid #2b77bc;position: absolute;right: 376px}
.company .more2{font-size: 14px;}
.box{width: 100%;height:310px;border-top:1px solid #dddddd;}
.intro-box{width:690px;margin-top:25px;}
.intro-box>img{ margin-right: 20px; }
.intro-right{ width: 466px;    margin-top: 25px;}
.intro-box .b1{width:365px;font-size: 14px;line-height: 29px;text-indent: 28px;}
.box{min-width: 1200px;}
.box li{ width: 94%;height:35px;border-bottom: 1px dashed #ddd;background: url(../images/jt.jpg) no-repeat center left;padding-left: 25px;    line-height: 35px;}
.box li a{ font-size: 14px; }
.box li a:hover{ color: #2b77bc; text-decoration: underline; }
.footer{background-color: #383838;width: 100%;height:100px;color: #fff;font-size:14px;line-height:25px;text-align: center;min-width: 1200px;}