/*********** ALL *************/

body{ 
    padding: 0px;
    overflow-x: hidden;
    font-family: '微软雅黑';
    width: 640px;
    margin: 0px auto;
	}

	
.w640{ 
	width:640px; 
	margin:0px auto;
	}
	
.w620{ 
	width:620px; 
	margin:0px auto;
	}

ul{
	list-style-type:none;
	}
	
li{ 
	list-style:none;
	}

a{
	text-decoration:none;
	cursor:pointer;
	border:none;
	}
	
img{
	border:none;
	}	
	
.left{
	display: block;
	}

.right{
    width: 100%;
    float: right;
	}




.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}

/*********** ALL *************/








/*********** HEADER *************/

#logo{
    width: 100%;
    height: 100px;
    background: url(../images/logo_bg.jpg) no-repeat;
	}
	
#logo img{
	margin-top: 15px;
    margin-left: 20px;
	}
	
/*.sNav{ display:none; width:100%; position:fixed; top:0; left:0; z-index:999;}*/
.sNav img{
	position: fixed;
    right: 0;
    top: 2%;
    z-index: 999999999999;
	}
.sNav ul{ 
    display: none;
    position: fixed;
    right: 0;
    z-index: 999999999999;
    padding: 0;
    margin: 0;
    width: 40%;
    top: 8.7%;
	}
.sNav ul li a{
	display: block;
    width: 100%;
    border-bottom: 1px solid #fff;
    background: #3c403c;
    padding: 15px 0;
    font-size: 18px;
    font-family: "微软雅黑";
    transition: all ease-in-out 0.4s;
    text-align: center;
    color: #FFF;
	}
.sNav ul li a:hover{ color:#fff; background:#1143ad;}
.closeBtn:hover { cursor:pointer;}

/*********** HEADER *************/








/*********** FOOTER *************/

.footer{
    clear: both;
    height: 90px; 
    font-size: 12px;
	}
		
#foot_b_div{
	width:100%;
	}
	
.quickLink{
    position: fixed;
    left: 0;
    bottom: 0;
    height: 90px;
    width: 100%;
    background-color: #000000;
    font-size: 18px;
	}
.quickLink a{ display:inline-block; border-right:1px solid #eee; line-height:90px; width:24%; color:#fff; text-indent:3em;}
.quickLink a:last-child{ border:0; }
.quickLink a:nth-child(1){ background:url(../images/share.png) no-repeat 20px 24px;}
.quickLink a:nth-child(2){ background:url(../images/tel.png) no-repeat 20px 24px;}
.quickLink a:nth-child(3){ background:url(../images/here.png) no-repeat 20px 24px;}
.quickLink a:nth-child(4){ background:url(../images/qiao.png) no-repeat 20px 24px; border-right:0px;}

/*********** FOOTER *************/








/*********** INDEX MAIN *************/

.main_i{
	overflow:hidden;
	margin-top:50px;
	}

.index_title{
    width: 100%;
    height: 95px;
    background: url(../images/mindex_title_bg.png) no-repeat;
	filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    text-align: center;
    font-size: 37px;
    font-family: 'Impact';
    text-transform: uppercase;
    color: #cccccc;
    letter-spacing: 1px;
    line-height: 48px;
	overflow:hidden;
	}

.index_title_t{
    font-size: 34px;
    color: #000000;
    font-weight: bold;
    font-family: '微软雅黑';
	}

.index_title_t span{
	color:#1143ad;
	}




#index1{
	width: 100%;
    height: 100%;
	}

#index1_type{
	width: 100%;
    height: 95px;
    margin-top: 20px;
	}

#index1_type a{
	display: block;
    float: left;
    width: 183px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #818181;
    border-radius: 20px;
    margin: 0px 15px;
    font-size: 15px;
    color: #FFF;
    margin-bottom: 10px;
	}
	
#index1_type a:hover{
	background:#e5000e;
	font-weight:bold;
	}
	
#index1_c{
    width: 100%;
    height: 100%;
    margin-top: 25px;
	}

#fczs_gd{overflow: hidden; width: 640px; height: 100%;}

#fczs_gd ul{
	width: 640px;
	padding: 0px;
	margin:0px;
	}
	
#fczs_gd a{ display:block;}

#fczs_gd li{
    margin: 0px 15px;
    margin-bottom: 15px;
    width: 270px;
    height: 235px;
    border: 10px #f7f7f7 solid;
    background: #f7f7f7;
    float: left;
    display: block;
    text-align: center;
    line-height: 26px;
    line-height: 25px;
    font-size: 16px;
    color: #000000;
	}
	
#fczs_gd img{
    width: 270px;
    height: 200px;
     /*! object-fit: cover; */
	}
	
	
	
	
	
#index2{
	width: 100%;
    height: 425px;
    padding-top: 40px;
    background: url(../images/mindex2_bg.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-top: 50px;
    font-size: 16px;
    color: #FFF;
    line-height: 60px;
	}

#index2 img{
	display:block;
	width:480px;
	height:375px;
	float:left;
	margin-right:45px;
	}

#index2 span{
    display: block;
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 5px;
	}

#index2 a{
    display: block;
    width: 155px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #FFF;
    /* margin-left: 525px; */
    color: #000306;
    font-size: 13px;
    border-radius: 20px;
    margin-top: 25px;
	}
	
	
	
	
	
#index3{
    width: 100%;
    height: auto;
    margin-top: 50px;
	}

#index3_c{
    width: 100%;
    height: auto;
    margin-top: 25px;
	}

.div_news{
	border: 1px #a0a0a0 solid;
    width: 588px;
    height: 570px;
    padding: 15px;
    /* margin-bottom: 20px; */
    margin: 0px auto;
    margin-bottom: 30px;
	}

.div_news_img{
	display: block;
    width: 100%;
    height: 270px;
	}

.div_news_img img{
	display: block;
    width: 100%;
    height: 270px;
	}

.div_news_c{
    width: 100%;
    height: 225px;
    overflow: hidden;
    margin-top: 15px;
	}

.div_news_c a{
	display: block;
    font-size: 16px;
    color: #000000;
    height: 45px;
    line-height: 45px;
	}

.div_news_c a span{
	float:right;
	}

.div_news_more{
	display: block;
    width: 125px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    background: #717171;
    font-size: 14px;
    color: #FFF;
    margin: 0px auto;
    margin-top: 20px;
	}
	
	
	
	
	
#index4{
    width: 100%;
    height: 640px;
    padding-top: 40px;
    background: #eff0f0;
    margin-top: 50px;
	}

#index4_c{
    width: 100%;
    height: 403px;
    margin-top: 25px;
	}

.zzzs_a{
    display: block;
    width: 290px;
    height: 390px;
    float: left;
    margin: 0px 15px;
	}

.zzzs_img{
    display: block;
    width: 290px;
    height: 390px;
    object-fit: cover;
    float: left;
	}
	
#index4_a{
	display: block;
    width: 155px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #FFF;
    margin: 0px auto;
    color: #fff;
    font-size: 13px;
    border-radius: 20px;
    margin-top: 25px;
    background: #717171;
	}
	
	
	
	
	
#index5{
	margin-top: 50px;
    height: 330px;
	}

#index5_c{
	width: 100%;
    height: 130px;
    margin-top: 25px;
	}

.hzhb_a{
    display: block;
    width: 190px;
    height: 115px;
    float: left;
    margin: 0px 9px;
    border: 2px #dcdcdc solid;
	}

.hzhb_img{
	display: block;
    width: 190px;
    height: 115px;
    object-fit: cover;
	}
	
#index5_a{
    display: block;
    width: 155px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #FFF;
    margin: 0px auto;
    color: #000306;
    font-size: 13px;
    border-radius: 20px;
    margin-top: 20px;
    border: 1px #afafaf solid;
	}
	
	
	
	
	
#index6{
    width: 100%;
    height: 350px;
    background: #eff0f0;
    padding: 30px 0px;
    text-align: center;
    margin-top: 50px;
	}

#index6_c{
    font-size: 20px;
    color: #000206;
    line-height: 46px;
    margin-top: 20px;
    padding: 0px 110px;
	}

/*********** INDEX MAIN *************/








/*********** SIDEBAR *************/
	
.sidebar_t_c a{
    display: block;
    font-size: 13px;
    color: #000000;
    height: 38px;
    line-height: 38px;
    border: 1px #1143ad dashed;
    margin: 0px 4px;
    margin-bottom: 10px;
    text-align: center;
    float: left;
    width: 145px;
	}
	
.sidebar_t_c a span{
	float:right;
	}
	
/*********** SIDEBAR *************/








/*********** 内页 *************/

.main{
	overflow: hidden;
    width: 620px;
    margin: 0px auto;
    margin-top: 0px;
	}
	
.article{
	overflow: hidden;
    margin-bottom: 12px;
    width: 100%;
	}
	
.title{
    margin: 0px;
    padding: 0px;
    height: 60px;
    line-height: 60px;
    background: url(../images/title_bg.png) repeat-x;
    margin-bottom: 20px;
    font-size: 30px;
    color: #000;
	}
	
.weizhi{
    display: block;
    float: right;
    font-size: 14px;
    color: #6e6e6e;
    line-height: 60px;
	}
	
.weizhi a{
	color: #6e6e6e;
	}
	
.article p{
    margin: 0px;
    font-size: 14px;
    line-height: 30px;
	}

#allmap p{line-height:26px;margin:10px; font-size:12px;}

#lxgh{
    width: 100%;
    font-size: 14px;
    line-height: 30px;
	}

#lxgh span{
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
	}

/*********** 内页 *************/



.page{
	margin: 20px 0px;
    text-align: right;
    font-size: 12px;
	}
    
.page li {display: inline-block;}

.page a{
	display: inline-block;
    height: 18px;
    line-height: 18px;
    border: 1px solid #1143ad;
    padding: 3px 4px;
    font-size: 12px;
    color: #000;
	}

.page a:hover{background:#1143ad;color:#fff;border:none;height:18px;line-height:18px;padding:3px 4px;border: 1px solid #1143ad;}

.current {
	padding: 4px 9px;
    height: 18px;
    line-height: 18px;
    background: #1143ad;
    color: #fff;
    font-size: 12px;
	}

/***************global*****************/

.pro{
	padding:0px;
	margin:0px;
	}
	
.pro a{
	width: 273px;
    height: 235px;
    float: left;
    display: block;
    border: 1px #ccc dashed;
    padding: 5px;
    text-align: center;
    line-height: 24px;
    color: #282828;
    font-size: 12px;
    font-family: '微软雅黑';
    margin: 15px 12px;
	}
	
.pro a img{
	width: 200px; 
    height: 200px;
     /*! object-fit: cover; */
	}

.pro a:hover{
	background:#1143ad;
	color:#FFF;
	border:1px #FFF dashed;
	}
	
.o_product_thumb{
	width:100%;
	text-align:center;
	}
	
.o_product_info{
	font-size: 14px;
    line-height: 28px;
	}

.order-content{
    padding: 20px 30px;
    background: #fff;
}

.order-content .order-line{
    color: #333;
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
    font-size: 14px;
}
.order-content .order-line:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.order-content .order-line lable{
    width: 70px;
    margin-right: 5px;
    display: inline-block;
    float: left;
    text-align: right;
}
.order-content .order-line .order-zhi{
    float: left;
    padding: 10px;
    line-height: 30px;
    padding: 0px 10px;
    max-width: 380px;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .order-zhi.noborder{
    border:none;
}
.order-content .order-line  .order-zhi.overword{
    height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;

}
.order-line.bz-line{
    height: auto;
}
.order-content .order-line .beizhu{
    padding: 10px;
    float: left;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .dwid{
    width: 375px;
}
.order-content .order-line img{
    display: inline-block;
    float: left;
    margin-left:15px;
}
.order-content .go-sub{
    margin-left:70px;
    border: none;
    color: #fff;
    background: #0158AD;
    font-size: 14px;
    padding: 8px 28px;
    margin-top:8px;
    border-radius: 5px;
    outline: none;
}
.order-content .go-sub:hover
{
    background: #FE4200;
}
.go_order{
	display:block;
	width:140px;
	height:30px;
	line-height:32px;
	color:white;
	text-align:center;
	background:#1143ad;
	border:0px;
	cursor:pointer;
}
.go_order:hover{
	background:#c30f1b;
}


/*************index&goods**************/

.news{
	margin-left: 0px;
    padding: 0px;
	}
	
.news a{
	display: block;
    height: 39px;
    line-height: 39px;
    font-size: 12px;
    color: #282828;
    border-bottom: 1px #ccc dashed;
    margin-bottom: 10px;
	}
	
.news a span{
	float:right;
	margin-right:10px;
	}
	
.news a:hover{
	background:#1143ad;
	color:#FFF;
	font-weight:bold;
	border-bottom:1px #fff dashed;
	text-indent:10px;
	}

/****************news*****************/

.news_title{color:#da020d;text-align:center;line-height:40px;}

.meta{color:#999;text-align:center;line-height:28px;}

/***********news_info**************/

.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}

.jobs a{position:relative;top:-150px;background-position:0 -301px;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}

.jobs strong{color:#da020d;}

.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}

/***************jobs***************/

.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}

.pro_info p{}

.pro_name{display:block;color:#da020d;text-align:center;}

.info_title{
	margin: 20px 0px;
    width: 100%;
    height: 30px;
    background: #ececec;
	}

.info_title b{
	display: inline-block;
    padding-left: 10px;
    height: 100%;
    border-right: 1px solid #fff;
    background: #1143ad;
    color: #fff;
    line-height: 30px;
    font-size: 14px;
    font-weight: normal;
	}

.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}

/********goods_info&jobs_info*******/

.order{
    margin: 40px 0 120px 46px;
    line-height: 40px;
    font-size: 12px;
    margin: 0px auto;
	}

.order img{vertical-align:-5px;cursor:pointer;}

.order input{padding:0 3px;}

.order textarea{padding: 3px;}

#submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer; background:#1143ad;}

/**************order&message********/

#banner{position:relative;height: 300px;overflow:hidden;}

#banner li {float:left;}

.banner .dots li.active {

background: #fff;

opacity: 1;

}

.banner .dots li {

display: inline-block;

width: 10px;

height: 10px;

margin: 0 4px;

text-indent: -999em;

border: 2px solid #fff;

border-radius: 6px;

cursor: pointer;

opacity: .4;

-webkit-transition: background .5s, opacity .5s;

-moz-transition: background .5s, opacity .5s;

transition: background .5s, opacity .5s;

}



/*sitemap*/

.mesmore{margin-top:5px;}

.mesmore:hover{color:#da020d;text-decoration:underline;}



.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}

.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}

.m2{ margin-left:20px; margin-top:20px; line-height:25px;}

.m2 span{ font-size:14px; font-weight:bold;}

.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}

.m2t ul{}

.m2t ul li{ list-style-type:none; float:left; width:150px;}

.m2t ul li a:hover{ color:red}



.f{ float:right; margin-right:10px; _margin-top:7px;}



/*上一页_下一页*/

#prev_next{
    margin: 20px auto;
    padding: 0px;
    clear: both;
    overflow: hidden;
    font-size: 12px;
	}

#prev_next li{margin: 5px 0;}


#prev_next li a{ color:#000;}

/*.map dt{float:right;display:inline;border:1px solid #666;margin-top:10px;z-index:101;border-bottom:1px solid #f0f0f0;}

.map dd{position:absolute;z-index:100;top:31px;left:-65px;background:#f0f0f0;border:1px solid #666;width:135px;*width:145px;}

.map ul{padding-left:10px;line-height:25px;overflow:hidden;zoom:1;font-size:12px;}

.map li{float:left;margin:0 5px;}*/

/*2017-7-17 update */

.hy ul{
    width: 640px;
    padding: 0px;
    margin:0px;
    }
    
.hy a{ display:block;}

.hy li{
    margin: 0px 10px 0px 5px;
    margin-bottom: 15px;
    width: 130px;
    height: 235px;
    /*! border: 10px #efefef solid; */
    /*! background: #efefef; */
    float: left;
    display: block;
    text-align: center;
    line-height: 26px;
    line-height: 25px;
    font-size: 16px;
    color: #000000;
    }
    
.hy img{
    width: 140px;
    height: 250px;
     ! object-fit: cover; 
    }










button{
    border:none;
}
#my-slide{
    width:100%;
    height:425px;
    margin-top: 50px;
}

#my-slide .slide-list{
    max-width: 1300px;
    width:100%;
    height:425px;
    overflow: hidden;
    position: relative;
    margin:0 auto;
}

#my-slide .slide-list li{
    margin-right:20px;
    height:425px;
    position: absolute;
    top:0;
    overflow: hidden;
    width:calc(100% - 20px - 50%);
    max-width: 660px;
}

#my-slide .slide-list li img{
    height:170px;
    width:289px;
}

#my-slide .slide-list li h3 { color: #333; font-size: 16px; padding: 0 10px; margin-top:0; text-align:center;font-weight:bold}
#my-slide .slide-list li p { padding: 0 10px; color: #333; line-height: 24px; }
#my-slide .slide-list li span { border: 1px solid #e1e1e1; display: block; width: 104px; height: 28px; line-height: 28px; text-align: center; margin-left: 20px; margin-top: 10px; border-radius: 14px; transition: ease-in-out .2s; }

/**顶部幻灯片按钮**/
.slick-top-prev{
    position:absolute;
    display: block;
    height: 94px;
    width:56px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    top: 50%;
    left: 0px;
    margin-top:-47px;
}

.slick-arrow{
    background-color: #fff;
    font-family: monospace;
    font-weight: 100;
    font-size: 50px;
    color: #333;
    outline: none;
    z-index: 1;
    opacity: .55;
}

.slick-top-prev:before{
    content: "<";
    font-weight: bold;
}

.slick-top-next{
    position:absolute;
    display: block;
    height: 94px;
    width:56px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    top: 50%;
    right: 40px;
    margin-top:-47px;
    left: auto;
}

.slick-top-next:before{
    content: ">";
    font-weight: bold;
}



.swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }