@charset "utf-8";
/* CSS Document */
/*common*/
em,i{ font-style:normal;}



/*banner*/
.banner{ height:451px; overflow:hidden; position: relative;}
.banner .bd div{ height:451px; overflow:hidden; }
.banner a{ height:451px; display:block; overflow: hidden; background-repeat:no-repeat; background-position:center top;}

.banner .hd{ height:15px; overflow:hidden; position:absolute; left:39.5%; bottom:30px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:2px;  width:130px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.banner .hd ul li.on{ background:#f8a845; color:#fff; opacity: .6;}


/*产品定制*/
.product{
    height: 569px;
    overflow: hidden;
    margin-bottom: 66px;
}
.product .side_nav{
    width: 237px;
    height: 569px;
    overflow: hidden;
}
.product .side_nav h2{
    padding-top: 20px;
    height: 72px;
    overflow: hidden;
    background: #2d3192;
    text-align: center;
    font-size: 24px;
    margin-bottom: 1px;
}
.product .side_nav h2 a{
    color: #fff;
}
.product .side_nav span{ display: block; color: #7779b1; font-weight: normal;}
.side_nav li{
    font-size: 14px;
    height: 52px;
    line-height: 52px;
    background: #dedede;
    padding: 0 35px 0 40px;
    margin-bottom: 1px;
}
.side_nav li a{
    display: block;
    color: #505050;
    text-decoration: none;
    background: url("../images/prod_icon2.jpg") no-repeat right center;
}
.side_nav li:hover{background: #f8a845;}
.side_nav li:hover a{
    color: #fff;
    background: url("../images/prod_icon3.jpg") no-repeat right center;
}
.side_nav_ban{
    height: 81px;
    background: url("../images/side_nav_ad.jpg") no-repeat 0 0;
    overflow: hidden;
    padding: 48px 0 0 40px;
    font-size: 14px;
    color: #0e0e11;
}
.side_nav_ban em{
    display: block;
    font-size: 22px;
    color: #fff;
    margin-top: 10px;
}

.product_list{
    width: 713px;
    overflow: hidden;
}
.product_list_title{ background: url("../images/prod_icon1.jpg") no-repeat 0 6px; padding-left: 24px; margin: 20px 0 40px;}
.product_list_title .prod_more{ font-size: 14px; color: #a1a1a1; margin-top: 7px;}
.product_list_title span{ font-size: 24px; font-weight: bold;}
.product_list_title i{ color: #dedede; font-weight: normal;}
.product_list li{
    width: 226px;
    height: 212px;
    overflow: hidden;
    float: left;
    margin: 0 17px 26px 0;
}
.product_list li img{
    display: block;
    width: 226px;
    height: 169px;
}
.product_list li.none{
    margin-right: 0;
}
.product_list li span{
    display: block;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
    font-size: 16px;
}
.product_list li span a{
    color: #505050;
    display: block;
    text-decoration: none;
    font-size:14px;
}






/*banner2*/
.banner2_title{
    height: 345px;
    background: url("../images/banner2.jpg") no-repeat center 0;
    overflow: hidden;
}
.banner2{ overflow: hidden; margin-bottom: 64px;}
.banner2 p{
    font-size: 18px;
    padding-left: 40px;
    color: #f8a845;
    padding: 67px 0 0 25px;
    overflow: hidden;
    float: left;
}
.banner2 p span{ display: block; font-size: 28px;}
.banner2 em{ display: block; width: 207px; text-align:center; height: 35px; line-height: 35px; background: url("../images/banner_btn_bg.png") no-repeat; font-size: 16px;color: #000000; float: left; margin: 28px 0 0 313px;}
.banner2 em a{ color: #000;}

.banner2_title h2{ text-align: center; font-size: 36px; color: #fff; font-weight: normal;}
.banner2_title h2 b{ display: block; font-size: 48px; color: #f8a845;}


/*优势*/
.advantage1{ background: url("../images/advantage_bg1.jpg") no-repeat center 0; height: 937px; overflow: hidden;}
.advantage2{ background: url("../images/advantage_bg2.jpg") no-repeat center 0; height: 493px; overflow: hidden; color: #fff;}
.advantage3{ background: url("../images/advantage_bg3.jpg") no-repeat center 0; height: 474px; overflow: hidden;}
.advantage4{ background: url("../images/advantage_bg4.jpg") no-repeat center 0; height: 579px; overflow: hidden;}

.advantage h3{ font-size: 34px; color: #3b3b3b; padding-left: 106px;}
.advantage h4{ font-size: 30px; color: #3b3b3b; margin-bottom: 30px;}
.advantage dd li{ font-size: 20px; color: #505050; line-height: 30px;}
.advantage i{ color: #f8a845;}

.advantage1 h3{ background: url("../images/num_01.jpg") no-repeat 0 6px; margin: 50px 0 60px 208px;}
.advantage1 h3 span{ display: block; width: 375px; height: 41px; line-height: 41px; text-align: center; background: #f8a845; font-size: 24px; font-weight: normal; color: #fff; margin-top: 5px;}
.advantage1 dl{ margin-bottom: 42px; overflow: hidden;}
.advantage1 dd{ width: 400px; float: left; padding-left: 17px;}
.advantage1 dt{ float: right; overflow: hidden;}
.advantage1-1 dt{ width: 437px; height: 189px;}
.advantage1-1 dt img{ width: 437px; height: 189px;}
.advantage1-2 dt{ float: left; width: 408px; height: 189px;}
.advantage1-2 dt img{ width: 408px; height: 189px;}
.advantage1-2 dd{ float: right; padding-left: 0; padding-right: 23px;}
.advantage1-3 dt{ width: 408px; height: 189px;}
.advantage1-3 dt img{ width: 408px; height: 189px;}
.advantage1 dl.advantage1-2{ margin-bottom: 30px;}

.advantage2 dl{ margin-top: 130px;}
.advantage2 h3{ background: url("../images/num_02.jpg") no-repeat 0 6px; color:#fff; font-weight: normal; margin-bottom: 35px;}
.advantage2 h3 span{ display: block; font-size: 14px; text-transform: uppercase; color: #afafc1;}
.advantage2 dd{ float: left; width: 516px; color: #fff;}
.advantage2 dd ul{ background: url("../images/advantage2_icon1.jpg") no-repeat 0 0; padding-left: 26px;}
.advantage2 dd li{ color: #fff; margin-bottom: 30px;}
.advantage2 dt{ width: 515px; height: 286px; float: right; margin-right: -98px;}

.advantage3 h3{ margin: 97px 0 80px 384px; background: url("../images/num_03.jpg") no-repeat 0 6px; color:#1e1e1e; font-weight: normal;}
.advantage3 h3 span{ display: block; font-size: 14px; text-transform: uppercase; color: #afafc1;}
.advantage3 dd{width: 100%;}
.advantage3 dd ul{ background: url("../images/advantage3_icon1.jpg") no-repeat 0 0; padding-left: 26px; margin-left: 492px;}
.advantage3 dd li{ margin-bottom: 30px;}
.advantage3 dt{ width: 515px; height: 286px; float: right; margin-right: -98px;}

.advantage4 h3{ margin: 60px 0 0 0; background: url("../images/num_04.jpg") no-repeat 0 6px; color:#1e1e1e; font-weight: normal;}
.advantage4 h3 span{ display: block; font-size: 14px; text-transform: uppercase; color: #afafc1;}
.advantage4 em{ font-size: 28px; color: #2d3192; display: block; margin: 50px 0 65px 109px;}
.advantage4 li{ color:#fff; width: 118px; height: 40px; line-height: 40px; float: left; margin: 0 57px 46px 0; font-size: 16px; padding-left: 87px;}
.advantage4 li.none{ margin-right: 0;}
.advantage4 li.process1{ background: url("../images/process_bg1.png") no-repeat;}
.advantage4 li.process2{ background: url("../images/process_bg2.png") no-repeat;}
.advantage4 li.process3{ background: url("../images/process_bg3.png") no-repeat;}
.advantage4 li.process4{ background: url("../images/process_bg4.png") no-repeat;}
.advantage4 li.process5{ background: url("../images/process_bg5.png") no-repeat;}
.advantage4 li.process6{ background: url("../images/process_bg6.png") no-repeat;}
.advantage4 li.process7{ background: url("../images/process_bg7.png") no-repeat;}
.advantage4 li.process8{ background: url("../images/process_bg8.png") no-repeat;}

.advantage4 li.process1:hover{ background: url("../images/process_bg1-2.png") no-repeat;}
.advantage4 li.process2:hover{ background: url("../images/process_bg2-1.png") no-repeat;}
.advantage4 li.process3:hover{ background: url("../images/process_bg3-1.png") no-repeat;}
.advantage4 li.process4:hover{ background: url("../images/process_bg4-1.png") no-repeat;}
.advantage4 li.process5:hover{ background: url("../images/process_bg5-1.png") no-repeat;}
.advantage4 li.process6:hover{ background: url("../images/process_bg6-1.png") no-repeat;}
.advantage4 li.process7:hover{ background: url("../images/process_bg7-1.png") no-repeat;}
.advantage4 li.process8:hover{ background: url("../images/process_bg8-1.png") no-repeat;}

.advantage4 i{ display: block; text-align: center; font-size: 20px; color: #f8a845;}
.advantage4 i a{ color: #f8a845; border-bottom: 1px solid #f8a845; }
.advantage4 p{ text-align: center; font-size: 20px; color: #505050; margin-top: 20px;}


/*走进我们*/
.about_banner3{ background: url("../images/about_bg.jpg") repeat-x 0 bottom; height: 780px; overflow: hidden; margin-bottom: 60px;}
.about{overflow: hidden;}
.about h2{ font-size: 30px; font-weight: normal; color: #505050; background: url("../images/about_title_bg.jpg") no-repeat center center; text-align: center; margin: 65px 0 70px;}
.about h2 a{color: #505050;text-decoration: none;}
.about dl{ height: 376px; background: #2d3192; padding: 0 0 0 26px; margin-bottom: 1px;}
.about dt{margin-top: -31px; width: 548px; height: 377px;overflow: hidden; float: left;}
.about dt img{ display: block; width: 548px; height: 377px;}
.about dd{width: 380px; float: right; position:relative; height:377px;}
.about dd h3{ font-size: 24px; font-weight: normal; color: #fff; margin: 60px 0 12px;}
.about dd h3 a{ color: #fff;}
.about dd i{ display: block; width: 95px; height: 2px; background: #f8a845; margin: 20px 0 25px; }
.about dd p{
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    padding-right: 54px;
}
.about dd span{
    width: 113px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    font-size: 14px;
    display: block;
    margin-top: 60px;
    background: #f8a845;
    float: right;
    position:absolute; right:0;  margin:0; bottom:0;
}
.about dd span a{
    color: #fff;
}

.banner3{
    height: 158px;
    background: url("../images/banner3.jpg") no-repeat center 0;
    overflow: hidden;
}
.banner3 span{
    display: block;
    font-size: 14px;
    color: #fff;
    margin: 97px 0 0 35px;
    overflow: hidden;
    background: url("../images/banner_tel.jpg") no-repeat 0 center;
    height: 27px;
    padding-left: 35px;
}
.banner3 span b{ font-size: 24px; font-weight: normal; vertical-align: middle; }





/*新闻聚焦*/
.news_wrap{ width: 1000px; margin: 0 auto; overflow: hidden;}
.news{ height: 483px;overflow: hidden;}
.news-a{ width: 461px; float: left; overflow: hidden;}
.news-a h2{ margin-bottom: 40px;}
.news-a h2 .more{ font-size: 14px; color: #a1a1a1; text-decoration: none;font-weight: normal;}
.news-a h2 span a{ font-size: 18px; color: #515151;}
.news-a dl{ overflow: hidden; margin-bottom: 28px;}
.news-a dt{ width: 134px; height: 94px; float: left;}
.news-a dt img{ display: block; width: 134px; height: 94px;}
.news-a dd{ width: 295px; float: right; overflow: hidden;}
.news-a dd h3{ font-size: 14px; color: #515151; font-weight: bold; margin-bottom: 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:295px;}
.news-a dd h3 a{ color: #515151;}
.news-a dd p{ font-size: 14px; line-height: 22px; color: #868686;}
.news-a dd .detail{ display: block; color: #9c9c9c; margin-top: 8px; font-size: 14px;}
.news-a dl:hover dd h3{ color: #2d3192;}



.news-b{ width: 483px; height: 461px; float: right; overflow: hidden;}
.news-b h2{ margin-bottom: 25px;}
.news-b h2 .more{ font-size: 14px; color: #a1a1a1; text-decoration: none;font-weight: normal;}
.news-b h2 span a{ font-size: 18px; color: #515151;}
.news-b li{ float: left; font-size: 14px; color: #515151; line-height: 36px; overflow: hidden; background: url("../images/news_icon.jpg") no-repeat 0 13px; padding-left: 20px; display: block; width: 100%;}
.news-b li a{ color: #515151;text-decoration: none;}
.news-b li span{ float: right; color: #989898; width: 100px;display:inline-block;*display:inline;*zoom:1;}
.news-b li em{ float:left; display:inline-block;*display:inline;*zoom:1; white-space:nowrap; text-overflow:ellipsis;overflow:hidden;width:380px;}

.advantage1-3 dd{ width:440px; margin-top: 30px;}


.picScroll-left{ overflow:hidden; position:relative;}
		
		.picScroll-left .bd{ padding:10px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:320px; height:260px; display:block;  padding:2px; border:1px solid #ccc; }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:35px; font-size: 16px;}

.picScroll-left .bd{ width: 1000px;
    margin: 0px auto; margin-bottom: 10px; }
.anlil h2{font-size: 30px;
    font-weight: normal;
    color: #505050;
    background: url(../images/about_title_bg.jpg) no-repeat center center;
    text-align: center;
    margin:5px 0 30px;}
	
.left-lianxi{text-align: center; font-family: "Microsoft Yahei","微软雅黑";font-size: 14px;padding: 10px; box-sizing: border-box; border:1px solid #c9c9c9; display:block; margin-bottom:20px; width:100%;}
.left-lianxi .phone img {width: 40px;height: 40px;padding-bottom: 10px;}
.left-lianxi span {display: block;}
.left-lianxi .phone p {font-weight: bold;font-size: 20px; padding-bottom: 10px; border-bottom: 1px solid #efefef;  color:#2d3192;}
.left-lianxi p {padding-top: 10px;line-height: 25px;}