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

body{ 
	margin:0px auto; 
	padding:0px;  
	overflow-x: hidden;
	font-family:'Arial';
	}

.w1002{ 
	width:1002px; 
	margin:0px auto;
	}
	
.w1200{ 
	width:1200px; 
	margin:0px auto;
	}

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

a{
	transition:all 0.3s linear 0s;
	text-decoration:none;
	cursor:pointer;
	border:none;
	}
	
img{
	border:none;
	}	
	
.left{
    float: left;
    width: 250px;
	}

.right{
    width: 915px;
    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 *************/

#join_box{
	width: 100%;
    height: 45px;
    line-height: 45px;
    background: #f6f5f5;
	}

#join_box_l{
    width: 600px;
    float: left;
    text-align: left;
    font-size: 13px;
    color: #272727;
    text-transform: capitalize;
	}
	
#icon{
	width: 215px;
    float: right;
    padding-top: 10px;
	}

#icon a{
	display: block;
    width: 85px;
    text-align: center;
    float: left;
    height: 25px;
    line-height: 25px;
    color: #FFF;
    font-size: 16px;
    margin-right: 10px;
    background: #1368b3;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 7px;
	}
	
#icon a:hover{
	background:#379bf3;
	font-weight:bold;
	}


#join_box_r{
	width: 170px;
    float: right;
    text-align: right;
    font-size: 13px;
    color: #272727;
    text-transform: capitalize;
	}

#join_box_r a{
	color: #272727;
	}

#logo{
	width: 100%;
    height: 145px;
	}

#logo_l{
    width: 600px;
    float: left;
	}

#logo_l img{
	margin-top: 30px;
    width: 95%;
	}

#logo_r{
	width: 600px;
    float: right;
	}
	
.phone1{
    height: 40px;
    width: 408px;
    float: right;
    /* background: url(../img/tel_bg.png) no-repeat; */
    font-size: 28px;
    color: #333333;
    font-weight: bold;
    line-height: 40px;
    -webkit-animation: phone .8s linear .8s 1;
    text-align: right;
    font-style: inherit;
    margin-top: 55px;
    letter-spacing: 4px;
	}
	
@-webkit-keyframes phone {0% {-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100% {-webkit-transform:rotateY(720deg);transform:rotateY(720deg)}}


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








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

.footer{
    clear: both;
    height: 350px;
    background: #1368b3;
    margin-top: 50px;
	}
	
#foot_nav{
    width: 100%;
    height: 90px;
    line-height: 90px;
	}

#foot_nav a{
	font-size: 15px;
    color: #FFF;
    margin: 0px 41px;
    text-transform: uppercase;
	}
	
#foot_c{
	width: 100%;
    height: 205px;
    margin-top: 10px;
	}

#foot_c_l{
	width:600px;
	float:left;
	text-align:center;
	}
	
#foot_c_l img{
	margin-top:10px;
	}

#foot_c_r{
	width: 560px;
    float: right;
    font-size: 13px;
    color: #FFF;
    line-height: 30px;
    text-transform: capitalize;
    letter-spacing: 1px;
	}

#foot_c_r a{
	color: #FFF;
	}
	
#foot_icp{
	width:100%;
	text-align:center;
	height:45px;
	line-height:45px;
	background:#085fa6;
	color:#FFF;
	font-size:12px;
	text-transform:uppercase;
	}

#foot_icp a{
	color:#FFF;
	}

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








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

.main_i{
	overflow:hidden;
	}
	
.index_title{
    width: 1200px;
    text-align: center;
    height: 75px;
    margin: 0px auto;
    background: url(../img/index_title.png) no-repeat;
    font-size: 28px;
    color: #272727;
    font-weight: bold;
    line-height: 55px;
    text-transform: uppercase;
    letter-spacing: 1px;
	}
	
	
	
	
	
#index1{
    width: 100%;
    height: 400px;
    padding-top: 40px;
    background: #f5f5f5;
	}
	
.index1_title{
    height: 54px;
    line-height: 54px;
    border-bottom: 1px #d7d6d7 solid;
    font-size: 22px;
    color: #272727;
    font-weight: bold;
    text-transform: uppercase;
	}

.index1_title a{
    float: right;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    color: #272727;
	}
	
#index1_l{
	width:540px;
	float:left;
	}
	
#index1_l_c{
    width: 100%;
    height: 250px;
    overflow: hidden;
    margin-top: 25px;
	}

.wenda{
    display: block;
    width: 100%;
    height: 110px;
    margin-bottom: 30px;
	}
	
.wen{
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #272727;
    font-weight: bold;
	}

.wen span{
    display: block;
    width: 30px;
    text-align: center;
    float: left;
    height: 30px;
    line-height: 30px;
    background: #1267b2;
    border-radius: 50%;
    font-size: 14px;
    color: #FFF;
    margin-right: 15px;
	}
	
.da{
    width: 100%;
    font-size: 14px;
    color: #272727;
    line-height: 30px;
    margin-top: 15px;
	}

.da span{
    display: block;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: #676868;
    float: left;
    border-radius: 50%;
    margin-right: 15px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
	}

#index1_r{
	width:540px;
	float:right;
	}
	
#index1_r_c{
    width: 100%;
    height: 255px;
    overflow: hidden;
    margin-top: 25px;
	}

#index1_r_c a{
	display: block;
    height: 110px;
    margin-bottom: 30px;
    font-size: 13px;
    color: #272727;
    line-height: 26px;
	}

#index1_r_c a img{
    width: 185px;
    height: 110px;
    float: left;
    margin-right: 20px;
	}

#index1_r_c a span{
	display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
	}
	
	
	
	
	
#index2{
	width: 100%;
    height: 405px;
    margin-top: 50px;
    overflow: hidden;
	}

#index2_l{
	width:575px;
	float:left;
	}

#index2_l img{
	width:575px;
	height:400px;
	}

#index2_r{
	width:570px;
	float:right;
	}

#index2_r1{
	width: 100%;
    font-size: 14px;
    line-height: 32px;
    color: #272727;
    height: 175px;
	}

#index2_r1 span{
	display: block;
    font-size: 30px;
    color: #272727;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
	}
	
#index2_r2{
    width: 100%;
    height: 180px;
    overflow: hidden;
    margin-top: 40px;
	}

#index2_r2_l{
	width:150px;
	float:left;
	}

#index2_r2_l a{
	display: block;
    width: 150px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #085fa6;
    font-size: 12px;
    color: #FFF;
    border-radius: 5px;
    margin: 15px 0px;
    text-transform: uppercase;
	}
	
#index2_r2_r{
	width:400px;
	float:right;
	}

#index2_r2_r img{
	width:400px;
	height:180px;
	}





#index3{
	width: 100%;
    height: 220px;
    background: url(../img/index3_bg.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-top: 50px;
	}

#index3 span{
	display: block;
    float: left;
    font-size: 18px;
    color: #FFF;
    font-family: 'Arial';
    margin-left: 605px;
    letter-spacing: 1px;
    margin-top: 120px;
    text-transform: capitalize;
	}

#index3 a{
	display: block;
    width: 155px;
    text-align: center;
    height: 33px;
    line-height: 33px;
    background: #f39818;
    float: right;
    border-radius: 20px;
    font-size: 14px;
    color: #FFF;
    margin-top: 15px;
    margin-right: 10px;
    text-transform: capitalize;
	}
	
	
	
	
	
#index4{
    width: 100%;
    height: 895px;
    margin-top: 50px;
	}

#index4_c{
    width: 100%;
    height: 790px;
    overflow: hidden;
    margin-top: 25px;
	}

#index4_c_l{
    border: 10px #1267b2 solid;
    width: 260px;
    float: left;
    height: 770px;
	}

#index4_c_l_t{
	width: 100%;
    text-align: center;
    height: 90px;
    background: #1267b2;
    font-size: 13px;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
	}

#index4_c_l_t span{
    display: block;
    font-size: 24px;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 5px;
    text-transform: uppercase;
	}

#index4_c_l_c{
	padding: 25px 15px;
    background: #FFF;
    height: 630px;
	}

#index4_c_l_c1{
    width: 100%;
	}

#index4_c_l_c1 a{
	display: block;
    height: 35px;
    line-height: 35px;
    background: #eeeeed;
    padding: 0px 15px;
    margin-bottom: 14px;
    font-size: 12px;
    color: #272727;
    text-transform: capitalize;
	}

#index4_c_l_c1 a span{
	float:right;
	}
	
#index4_c_l_c1 a:hover{
	background:#1267b2;
	color:#FFF;
	font-weight:bold;
	}

#index4_c_l_c2{
    width: 220px;
    height: 50px;
    background: url(../img/sidebar_tel.png) no-repeat;
    margin: 0px auto;
    font-size: 18px;
    color: #272727;
    font-weight: bold;
    text-indent: 50px;
    letter-spacing: 1px;
    line-height: 55px;
    margin-top: 170px;
	}

#index4_c_r{
    width: 870px;
    float: right;
	}

#fczs_gd{overflow: hidden; width: 870px; height: 790px;}

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

#fczs_gd li{
    margin: 0px 30px 10px 0px;
    width: 265px;
    height: 255px;
    float: left;
    display: block;
    text-align: center;
    line-height: 14px;
    color: #272727;
    font-size: 12px;
    font-family: 'Arial';
	}
	
#fczs_gd img{
	display: block;
    width: 265px;
    height: 220px;
    object-fit: cover;
	}

#fczs_gd li span{
	display:block;
	width:229px;
	height:40px;
	line-height:40px;
	background:#f3f5f6;
	font-size:14px;
	color:#343434;
	border-radius: 5px;
	}
	
#fczs_gd li span:hover{
	background:#ff7001;
	color:#FFF;
	}





#index5{
	width:100%;
	height:655px;
	background:url(../img/index5_img.jpg) no-repeat;
	filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
	margin-top:50px;
	}
	
	
	
	
	
#index6{
    width: 100%;
    height: 645px;
    margin-top: 50px;
	}

#index6_c{
    width: 100%;
    height: 535px;
    overflow: hidden;
    margin-top: 30px;
	}

#index6_c a{
    display: block;
    width: 370px;
    height: 250px;
    float: left;
    margin: 0px 15px;
    margin-bottom: 30px;
	}

#index6_c a img{
	width:370px;
	height:250px;
	}


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








/*********** SIDEBAR *************/

.sidebar_t_title{
	width: 100%;
    text-align: center;
    height: 53px;
    /* padding-top: 7px; */
    line-height: 53px;
    background: #0950a0;
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
	}
	
.sidebar_t_title span{
	display: block;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
	}
	
.sidebar_t_c{
	padding:15px;
    background: #f2f2f2;
	}
	
.sidebar_t_c a{
    display: block;
    font-size: 13px;
    color: #000000;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px #CCC dashed;
    margin-bottom: 10px;
    text-indent: 0px;
    text-transform: capitalize;
	}
	
.sidebar_t_c a span{
	float:right;
	}
	
.sidebar_t_c a:hover{
	background:#0950a0;
	color:#FFF;
	font-weight:bold;
	border-bottom:1PX #FFF dashed;
	text-indent:5px;
	}
	
.sidebar_b_c{
    padding: 15px;
    background: #f2f2f2;
    font-size: 13px;
    color: #000;
    line-height: 30px;
    margin-bottom: 30px;
    text-transform: capitalize;
	}
	
.sidebar_b_c a{
	color:#000;
	}

/*********** SIDEBAR *************/








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

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

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

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

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

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

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

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

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

.pro{
	padding:0px;
	margin:0px;
	}
   
.pro li{transition:All 0.5s ease-in-out;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;-o-transition:All 0.5s ease-in-out;}

.pro li:hover {transform:translate(0,-15px);-webkit-transform:translate(0,-15px);-moz-transform:translate(0,-15px);-o-transform:translate(0,-15px);-ms-transform:translate(0,-15px);-webkit-box-shadow:0px 5px 15px #e5e5e5;-moz-box-shadow:0px 5px 15px #e5e5e5;box-shadow:0px 5px 15px rgba(0,0,0,0.9);}	
.pro a{
    width: 273px;
    height: 240px;
    float: left;
    display: block;
    /*border: 1px #ccc dashed;*/
    padding: 5px;
    text-align: center;
    line-height: 36px;
    /*color: #282828;*/
    font-size: 12px;
    font-family: 'Arial';
    margin: 15px 10px;
    overflow: hidden;
	background:#2172cd;
	color:#FFF;
	border:1px #CCCCCC solid;
	}
	
.pro a img{
    display: block;
    width: 273px;
    height: 205px;
   /* object-fit: cover;*/
	}

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

.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: #0950a0;
    border: 0px;
    cursor: pointer;
    text-transform: capitalize;
}
.go_order:hover{
	background:#c30f1b;
}

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

.news{
	margin-left: 0px;
    padding: 0px;
	}
	
.news a{
	display:block;
	height:34px;
	line-height:34px;
	border-bottom:1px #ccc dashed;
	font-size:13px;
	color:#282828;
	margin-bottom:10px;
	}
	
.news a span{
	float:right;
	margin-right:5px;
	}
	
.news a:hover{
	background:#0950a0;
	color:#FFF;
	font-weight:bold;
	text-indent:10px;
	border-bottom:1px #fff dashed;
	}
/****************news*****************/

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

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

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

.jobs{
	padding:0px;
	margin:0px;
	}

.jobs li{
	overflow: hidden;
    margin: 0px;
    margin-bottom: 25px;
    border-bottom: 1px dotted #cdcdcd;
    text-transform: capitalize;
	}

.jobs a{
    position: relative;
    top: -120px;
    background-position: 0 -301px;
    float: right;
    width: 71px;
    height: 34px;
    color: #fff;
    text-align: center;
    line-height: 34px;
    background: #0950a0;
    font-size: 12px;
    text-transform: capitalize;
	}

.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{margin:20px 30px 30px 33px;}

.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: #0950a0;
    color: #fff;
    line-height: 30px;
    font-size: 14px;
    font-weight: normal;
    text-transform: capitalize;
	}
.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: 14px;
    margin: 0px auto;
    text-transform: capitalize;
	}

.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: #0950a0;
    text-transform: capitalize;
	}

/**************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;
    text-transform: capitalize;
	}

#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 */



