﻿*{margin:0;padding:0;font-family: Microsoft YaHei,serif;}
li{list-style: none;}
a{color:inherit;text-decoration: none;}
.clearfix:after{
    content: '';
    display: block;
    clear: both;
}

#box{

}



.news h3,.about h3,.customer h3,.strengths h3,.effect h3,.case h3,.furong_box h3{font-size:30px;}
.news p,.about p,.customer p,.strengths p,.effect p,.case p,.furong_box p{margin-top:10px;font-size:18px;}


/* header start */
#header{
    width:1200px;
    height:150px;
    margin:0 auto;
    border:1px solid transparent;
}
#header .center{
    width:100%;
    height:80px;
    margin-top:35px;
}
#header .logo_box{
    float: left;
    width:735px;
}
#header .logo_box .logo{
    float: left;
}
#header .logo_box .logo_txt{
    float: right;
}
#header .title{
    float: left;
    width:280px;
    height:100%;
    color: #777777;
    font-size:13px;
    margin-top:22px;
}
#header > .center >.tel{
    float: right;
    width:180px;
    margin-top:20px;
}
/* header end */
/* nav start */
#nav{
    width: 100%;
    height:50px;
    background: #142B85;
}
#nav .nav_box{
    width: 1200px;
    height:100%;
    margin:0 auto;
}
#nav .nav_box > ul{
    width: 100%;
    height:100%;
    display: flex;
}
#nav .nav_box > ul > li{
    position: relative;
    flex: 1;
    height:100%;
    text-align: center;
    line-height: 50px;
    color:#fff;
}
#nav .nav_box > ul > li:hover .hover_list{
    display: block;    border-top: 1px solid #fff;
}
#nav .nav_box > ul > li .hover_list{
    display: none;
    position: absolute;
    top:50px;
    left: 0;
    width:150px;
    z-index: 999;
    background:#142b85;
}
#nav .hover_list a{color:#fff;}

#nav .nav_box > ul > li .hover_list li{
    text-align: center;
    line-height: 30px;
    height:30px;
    width: 150px;
    font-size: 14px;
    padding:5px 0;color:#eee;
}
 #nav .nav_box > ul > li .hover_list li:hover{
    background:#30438B;
	color:#fff;
 }
#nav .nav_box > ul > li a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
#nav .nav_box > ul > li.on{
    color:#fff;
    background:#f06f0b;
}
/* nav end */
#nav .nav_box ul .on .hover_list{color:#fff;} 
/* banner start */

#banner{
    position: relative;
    width: 100%;
    height:700px;
}
#banner > ul{
    position: relative;
    width: 100%;
    height: 100%;
}
#banner > ul li{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}
#banner .banner_btn{
    position: absolute;
    top:50%;
    right:10%;
    margin-top:-75px;
    width:60px;
    height:150px;
    background:rgba(0,0,0,.5) ;
    padding:0 10px;
}
#banner .banner_btn > div{
    width:100%;
    height:75px;
    text-align: center;
    line-height: 75px;
    color:#fff;
    font-size: 40px;
    cursor: pointer;
}
#b_left{
    height:74px;
    border-bottom:1px solid #fff;
}
/* banner end */
/* search start */
#search{
    width:1200px;
    height:100px;
    margin: 0 auto;
}
#search .broadcast{
    width:380px;
    height:100%;
    float: left;
    line-height: 100px;
    font-size: 14px;
}
#search .search{
    margin-top:30px;
    width:460px;
    height:40px;
    float: right;
    line-height: 40px;
}
#search .search .val{
    width:350px;
    height:38px;
    border:1px solid #2D4192;
    vertical-align: middle;
    outline:none ;
    text-indent: 15px;
}
#search .search .search_btn{
    width:80px;
    height:40px;
    text-align: center;
    line-height: 40px;
    color:#fff;
    font-size: 16px;
    background:#2D4192;
    vertical-align: middle;
    border:none;
}
/* search end */
#bg{
    width:100%;
    height:650px;
}
/* 定制 */
.customized_text{
    width:1200px;
    height:130px;
    margin:35px auto 0;
}
.customized_text .c_t_top{
    width:100%;
    height:65px;
    border-bottom:1px solid #ccc;
}
.customized_text .c_t_top .c_text{
    width:240px;
    height:50px;
    margin:0 auto;
    text-align: center;
    font-size:26px;
    font-weight: bold;
}
.customized_text .c_t_bottom{
    text-align: center;
    margin-top:10px;
    color:#8A8B8B;
}
/* 产品 */
#pro{
    position: relative;
    width:1200px;
    height:640px;
    margin:50px auto 0;
}
#pro .p_left{
    width:195px;
    height:100%;
    float: left;
}
#pro .p_left > div{
    text-align: center;
    height:54px;
    line-height: 54px;
    color:#fff;
    font-size: 16px;
    background:#142B85;
}
#pro .p_left .p_l_list{
    border:1px solid #B5B5B5;
    padding:0 5px;
    width:calc( 100% - 12px );
    color:#262626;
}
#pro .p_left .p_l_list li{
    height:73px;
    width:100%;
    line-height: 73px;
    text-indent: 35px;
    border-bottom:1px dashed #ccc;
    cursor: pointer;
}
#pro .p_left .p_l_list li:last-child{
    border:none;
}
#pro .p_left .p_l_list li.on{
    color:#142B85;
    /*background:#eee;*/
}
#pro .p_left .p_l_list li span{
    float: right;
    margin-right:20px;
    font-size: 30px;
}
#pro .p_right{
    position: absolute;
    display: none;
    top: 0;
    left: 255px;
    width:965px;
    height:642px;
    background: #fff;
    overflow: hidden;
}
#pro .p_right.on{
    display:block;
}
#pro .p_right .p_r_top{
    width:100%;
    height:54px;
}

#pro .p_right .r_tab{
    position: relative;
}

#pro .p_right .r_tab .p_r_bottom{
    position: absolute;
    top: 55px;
    left: 0;
    display: none;
}

#pro .p_right .r_tab .p_r_bottom.on{
    display: block;
}
#pro .p_right .r_tab .p_r_top span{
    margin-left:30px;
    position: relative;
    display:inline-block;
    width:80px;
    text-align: center;
    font-size: 16px;
    color:#666;
    cursor: pointer;
}
#pro .p_right .r_tab .p_r_top span.on{
    padding-bottom:15px;
    border-bottom: 2px solid #142B85;
    color:#142B85;
}
#pro .p_right .r_tab .p_r_top span:nth-child(1):after{
    content: '|';
    position: absolute;
    top:0;
    right: -17px;
}
#pro .p_right .p_r_bottom{
    width:100%;
    height:calc( 100% - 54px );
}

#pro .p_right .p_r_bottom .p_r_b_top{
    width:100%;
    height:265px;
}
#pro .p_right .p_r_bottom .p_r_b_top .p_t_left{
    float: left;
    width:460px;
    height:265px;
    background:#D9E1FC;
    border:10px solid #B6B6B6;
}
#pro .p_right .p_r_bottom .p_r_b_top .p_t_left img{
    width:100%;
    height: 100%;
}
#pro .p_right .p_r_bottom .p_r_b_top .p_t_right{
    position: relative;
    width:425px;
    height:100%;
    float: right;
    margin-top:10px;
}
#pro .p_right .p_r_bottom .p_r_b_top .p_t_right p{
    margin-bottom:15px;
}
#pro .p_right .p_r_bottom .p_r_b_top .p_t_right .p1{
    color:#34438F;
}
#pro .p_right .p_r_bottom .p_r_b_top .p_t_right .p2{
    color:#8F8F8F;
    font-size: 26px;
}
#pro .p_right .p_r_bottom .p_r_b_top .p_t_right .p3{
    color:#666;
}
#pro .p_right .p_r_bottom .p_r_b_top .p_t_right > div{
    position: absolute;
    bottom: 0;
    right:5px;
    width:165px;
    height: 40px;
    background: #142B85;
    text-align: center;
    line-height: 40px;
    color:#fff;
    box-shadow: 0 10px 20px 0 #142B85;
}
#pro .p_right .p_r_bottom .p_r_b_top .p_t_right > div a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
#pro .p_right .p_r_bottom .p_r_b_bottom{
    margin-top:50px;
    width:100%;
    height:275px;
}
#pro .p_right .p_r_bottom .p_r_b_bottom .p_t_pro{
    width: 100%;
    height:100%;
    display:flex;
}
#pro .p_right .p_r_bottom .p_r_b_bottom .p_t_pro li{
    height:100%;
    flex: 1;
    margin:0 5px
}
#pro .p_right .p_r_bottom .p_r_b_bottom .p_t_pro li img{
    width:100%;
    
}
#pro .p_right .p_r_bottom .p_r_b_bottom .p_t_pro li p{
    width:100%;
    height:30px;
    line-height: 30px;
    text-align: center;
    color:#666;
}
/*背景*/
#bg1{
    margin-top:100px;
    width: 100%;
    height:445px;
}
/*行业*/
#hangye{
    width:1200px;
    height:770px;
    margin:30px auto 0;
}
#hangye .h_left{
    width:198px;
    height:100%;
    float: left;
}
#hangye .h_left .h_list{
    width:100%;
    height:100%;
}
#hangye .h_left .h_list li{
    height:100px;
    width: 100%;
    margin-bottom:9px;
    border:1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
}
#hangye .h_left .h_list li.on{
    background: #E4E4E4;
    border:1px solid #142B85;
}
#hangye .h_left .h_list li img{
    width:100px;
    height: 100px;
    float: left;
}
#hangye .h_left .h_list li span{
    display: inline-block;
    width:98px;
    height:100px;
    font-size: 14px;
    line-height: 100px;
}

#hangye .h_right{
    width:calc( 100% - 30px - 200px );
    height:100%;
    float: right;
}
#hangye .h_right .h_r_top{
    position: relative;
    width:100%;
    height:100%;
}
#hangye .h_right .h_r_top .h_r_t_img{
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.h_r_t_img .title1{ position:relative;}
.h_r_t_img .title1 .nr{ position:absolute; text-align:center; left:50%; top:20px; width:660px; margin-left:-330px;}
.h_r_t_img .title1 .nr font{ color:#e53d11; display:inline-block;font-size:26px;  font-weight:bold;}
.h_r_t_img .title1 .nr p{ color:#fff;display:inline-block; width:inherit; font-size:26px;  font-weight:bold;}
.h_r_t_img .title1 .nr .lm2{ font-size:20px; color:#fff; padding-top:10px;}
#hangye .h_right .h_r_top .h_r_t_img.on{
    display: block;
}
#hangye .h_right .h_r_top .h_r_t_img img{
    width: 100%;
    height: 640px;
}
#hangye .h_right .h_r_bottom{
    width:100%;
    height:calc( 100% - 655px );
    background:#E9E9E9;
    margin-top:15px;
}
#hangye .h_right .h_r_bottom p{
    text-indent: 15px;
}
#hangye .h_right .h_r_bottom .b_text{
    width:80%;
    height:100%;
    float: left;
}
#hangye .h_right .h_r_bottom .b_tel{
    background: #E53D11;
    width:20%;
    height:100%;
    float: left;
    color:#fff;
    text-align: center;
    line-height: 35px;
}

/* 背景 */
#bg2{width:100%;height: 1105px; background-image:url(../picture/img4.jpg); background-position:center center;}
#bg2 .md{ width: 1200px; margin:0 auto;}
.md .flm{ float:left; width:440px; color:#fff;}
.md .flm .title{  font-size:50px;padding: 300px 0 0 80px;}
.md .flm .etitle{ font-size:14px;padding: 100px 0 0 0;}
.md .flm .etitle font{ padding-left:100px;}
.md .flm .desc{  font-size:16px;padding: 60px 0 0 95px;}
.md .frlm{ float:left;padding: 180px 0 0 100px;}
.md .frlm .lm{ height:240px;}
.md .frlm .lm:nth-child(3){ padding-top:20px;}
.md .frlm .title{ font-size:24px; font-weight:600px; color:#fff;}
.md .frlm .desc{ font-size:12px;  color:#fff;padding: 10px 0 0 160px; line-height:22px;}
/* 新闻 */
#news{
    width:1200px;
    height:600px;
    margin:50px auto 0;
}
#news .n_left{
    width:570px;
    height: 480px;
    float: left;
}
#news .n_left > p{
    font-size: 20px;
    
  color:#b8b8b8;
    font-weight: bold;
}
#news .n_left .n_l_title{
    margin-top:50px;
    width:100%;
    height:190px;
    border-bottom:1px solid #ccc;
}
#news .n_left .n_l_title img{
    width:240px;
    height: 130px;
    float:left ;
}
#news .n_left .n_l_title .f_right{

    width:310px;
    float: left;
    margin-left:10px;
}
#news .n_left .n_l_title p:nth-child(1){
    font-size: 16px;
    color:#000;
    margin-bottom:10px;
}
#news .n_left .n_l_title p:nth-child(2){
    color:#999 ;
    height:90px;
    font-size: 14px;
}
#news .n_left .n_l_title p:nth-child(1) span:nth-child(1){
    display: inline-block;
    width:210px;
}
#news .n_left .n_l_title p:nth-child(1) span:nth-child(2){
    float: right;
}
#news .n_left .l_news{
    margin-top:10px;
    width:100%;
    height:230px;
}
#news .n_left .l_news li{
    width:100%;
    height:60px;
    line-height: 60px;
    border-bottom:1px dashed #ccc;
    font-size: 14px;
}
#news .n_left .l_news li span{
    float:right;
}
#news .n_right{
    float: right;
    width:570px;
    height:100%;
}
#news .n_right .n_about{
    text-align: center;
    margin-top:50px;
    width:570px;
    height:195px;
    background-color:#142B85 ;
    background:url("../images/about.png") no-repeat center center;
    padding-top:50px;
}
#news .n_right > p{
    font-size: 20px;
    color:#142B85;
    font-weight: bold;
}
#news .n_right .n_about h2{
    font-weight: 400;
    color:#fff;
}
#news .n_right .n_about > p{
    margin:20px auto;
    width:440px;
    color:#fff;
}
#news .n_right .n_about .about{
    width:100px;
    height:30px;
    color:#fff;
    border:1px solid #fff;
    text-align: center;
    line-height: 30px;
    margin:0 auto;
}
#news .n_right .honor{
    width:100%;
    height:calc( 100% - 325px );
}
#news .n_right .honor .h_btn{
    margin-top:40px;
    width:100%;
    height:50px;
    text-align: center;
}
#news .n_right .honor .h_btn span{
    display: inline-block;
    width:140px;
    height:30px;
    text-align: center;
    line-height: 30px;
    color:#fff;
    background:#C0C0C0;
    border-radius: 30px;
    margin-right:10px;
    cursor: pointer;
}
#news .n_right .honor .h_btn span.on{
    background:#E53D11;
}
#news .n_right .honor .h_box{
    position: relative;
    width:100%;
    height:155px;
    margin-top:10px;
}
#news .n_right .honor .h_box .h_b_list{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}
#news .n_right .honor .h_box .h_b_list.on{
    display: block;
}
#news .n_right .honor .h_box .h_b_list ul{
    width:100%;
    height:100%;
    display:flex;
}
#news .n_right .honor .h_box .h_b_list ul li{
    flex: 1;
    height:100%;
    margin:0 5px;
}
#news .n_right .honor .h_box .h_b_list ul li img{
    width:100%;
    height:100%;
}
/* footer */
#footer{
    width:100%;
    height:310px;
    background:#282828;
    margin-top:50px;
    padding-top:70px;
}
#footer .f_foot{
    width:1200px;
    height:230px;
    margin:0 auto;
    border-bottom:1px solid #3E3E3E;
}
#footer .f_foot div{
    height:100%;
    float: left;
}
#footer .f_foot div.f_1{
    width:40%;
    height:98%;
}
#footer .f_foot div.f_1 img{

}
#footer .f_foot div.f_2{
    width:40%;
    text-align: left;

}
#footer .f_foot div.f_2 p{
    height:35px;
    line-height: 35px;
    color:#9C9C9C;
    font-size:14px;
}
#footer .f_foot div.f_3{
    width:20%
}
#footer .copyright{
    width:100%;
    height:80px;
    text-align: center;
    line-height: 80px;
    color:#9C9C9C;
}

.bgnr{ color:#fff; width:460px;text-align:center; margin:0 auto; padding-top:50px;}
.bgnr .title1{ padding-top:20px;font-weight: bolder; font-size:38px;}
.bgnr .title2{ padding-top:10px; font-size:38px; font-weight:light;}
.bgnr .title3{ padding-top:30px; font-size:24px; font-weight:lighter; color:#ead709;}
.gnr{ width:1200px; margin:0 auto; padding-top:180px;}
.gnr .le{ float:left; width:540px;}
.gnr .le .title1{ font-size:30px; color:#010101; padding-bottom:20px; width:415px; border-bottom:2px solid #010101;}
.gnr .le .title1 strong{ font-size:36px;}
.gnr .le .title2{ font-size:16px; color:#010101; padding-top:25px;}

.gnr .ri{ float:right; width:540px;}
.gnr .ri .title1{ font-size:30px; color:#fff; padding-bottom:20px; width:415px; border-bottom:2px solid #fff;}
.gnr .ri .title1 strong{ font-size:36px;}
.gnr .ri .title2{ font-size:16px; color:#fff; padding-top:25px;}


#lay{width:918px;margin:0 auto;}
	#lay th{background:#f1f1f1;padding-left:20px;}
	#lay td{padding-left:20px;}
	 #lay h4{background:#172a85;width:200px;height:50px;box-shadow: 10px 4px 10px  #282e4a;color:#fff;font-size: 20px;line-height:50px;text-align: center;}
.lay1,.lay2,.lay3,.lay4,.lay5{margin-top:50px;}
	.lay2_l{border-right:3px solid #909090;}
	.lay_f{height:350px;border:3px solid #909090;overflow:hidden;}
	
	.lay2_r li{padding:20px;background:url(/images/li.jpg) no-repeat left center;margin-left:20px;}
	.lay2_r span{font-size:10px;}
	.lay2_r{margin-top:30px;}
	.lay3 span{text-align:center;display:block;height:105px;line-height:105px;background:#ededed;}
	.lay3 li{float: left;width:290px;overflow:hidden;margin-left:10px;margin-top:20px;text-align: center;height:211px;}
	.lay4 li{float: left;width:300px;margin-top:30px;}
	.lay4_bg ul{background:url(/images/lc1.jpg) no-repeat center center;overflow:hidden;height:510px;width:918px;margin-top:30px;position:relative;}
	.lay4_bg .li1{margin-top:50px;overflow:hidden;position:absolute;left:53px;top:160px;}
	.lay4_bg .li2{margin-top:50px;overflow:hidden;position:absolute;left:428px;top:160px;}
	.lay4_bg .li3{margin-top:50px;overflow:hidden;position:absolute;left:800px;top:160px;}
	.lay4_bg .li4{margin-top:50px;overflow:hidden;position:absolute;left:53px;top:430px;}
	.lay4_bg .li5{margin-top:50px;overflow:hidden;position:absolute;left:428px;top:430px;}
	.lay4_bg .li6{margin-top:50px;overflow:hidden;position:absolute;left:800px;top:430px;}
	.lay5 dl{width:100%;height:320px;}
	.lay5 .dl1{background:url(/images/ys_1.jpg) no-repeat center center;}
	.lay5 .dl2{background:url(/images/ys_2.jpg) no-repeat center center;}
	.lay5 .dl3{background:url(/images/ys_3.jpg) no-repeat center center;}
	.dl1 dt{    margin-left: 600px;
    padding-top: 110px;
    color: #fff;font-size: 16px;font-weight: bold;}
	.dl1 dd { margin-left: 600px;

    color: #fff;font-size: 14px;}
	.dl2 dt{color:#fff;font-size:16px;font-weight: bold;    padding-top: 120px;
    margin-left: 83px;}
	.dl2 dd{margin-left:25px;color:#fff;}
	.dl3 dt {color:#fff;font-size: 16px;font-weight: bold;margin-left:600px;padding-top:110px;}
	.dl3 dd {color:#fff;margin-left:555px;}














