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

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

.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;
	}
	
p{
	margin:0px auto;
	}
	
img{
	border:none;
	}	
	
	
.left{
/*    float: left;
    width: 250px;*/
	}

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

#join_box{
    width: 100%;
    text-align: right;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #010000;
	}

#join_box a{
	color: #010000;
	}

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

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

#logo_l img{}

#logo_r{
	width: 990px;
    float: right;
    padding-top: 50px;
	}

#logo_r a{
	display: block;
    float: left;
    width: 100px;
    text-align: center;
    height: 33px;
    line-height: 33px;
    border-bottom: 2px #fff solid;
    font-size: 15px;
    color: #000000;
    /* border-right: 1px #000 solid; */
    margin: 0px 10px;
	}
	
#logo_r span{
	display: block;
    float: left;
    width: 2px;
    border-right: 1px #000 solid;
    height: 18px;
    margin-top: 8px;
	}
	
#logo_r a:hover{
	border-bottom:2px #e50012 solid;
	}

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








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

.footer{
	clear: both;
    height: 136px;
    padding-top: 20px;
    background: #262626;
    font-size: 12px;
	}
	
#foot_l{
    width: 970px;
    float: left;
    font-size: 13px;
    color: #FFF;
    line-height: 34px;
    text-transform: uppercase;
  /* padding-top: -20px;*/
	}

#foot_l a{
	color: #FFF;
	}

#foot_r{
	width: 130px;
    float: right;
	}

#foot_r img{
	display:block;
	width:110px;
	height:110px;
	}

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








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

.main_i{
	overflow:hidden;
	margin-top:50px;
	}
	
.index_title{
	width: 455px;
    height: 85px;
    background: url(../img/index_title_bg.png) no-repeat;
    margin: 0px auto;
    text-align: center;
    font-size: 28px;
    color: #000103;
    letter-spacing: 1px;
    line-height: 38px;
	}

.index_title span{
	display: block;
    font-family: '迷你简超粗黑';
    text-transform: uppercase;
    font-weight: bold;
    font-size: 32px;
    padding-top: 5px;
	}
	
	
	
	
	
#index1{
	width: 100%;
    height: 480px;
    overflow: hidden;
	}

#index1_l{
	width: 610px;
    float: left;
	}

#index1_r{
    width: 550px;
    float: right;
	}

#index1_r1{
    font-size: 14px;
    color: #000204;
    line-height: 32px;
    height: 314px;
    border-bottom: 1px #83dcfa solid;
	}

#index1_r1 img{
	display: block;
    width: 550px;
    height: 115px;
    margin-bottom: 10px;
    padding-top: 10px;
	}

#index1_r1 a{
	color:#e60012;
	}

#index1_r2{
    padding-top: 40px;
	}

#index1_r2 a{
	display: block;
    float: left;
    width: 95px;
    height: 120px;
    font-size: 15px;
    color: #000;
    text-align: center;
    line-height: 40px;
    margin: 0px 10px;
	}

#index1_r2 a img{
	display:block;
	width:95px;
	height:85px;
	margin:0px auto;
	}
	
	
	
	
	
#index2{
    width: 100%;
    margin-top: 50px;
	}
	
/*reset*/
.clearfix:after{display: block;visibility: hidden;clear: both;height: 0;content: ''}
.clearfix{zoom:1}


/* reset */
abbr,acronym{border:0;font-variant:normal}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}/* Hides from IE-mac \*/
.clearfix{display:block;}/* End hide from IE-mac */
/* shortcut */
.shortcut{height:32px;line-height:32px;font-size:12px;background:#eee;text-transform:uppercase;box-shadow:1px 0px 2px rgba(0,0,0,0.2);border-bottom:1px solid #DDDDDD;}
.shortcut h1{font-size:14px;font-family:"微软雅黑","宋体";}
.shortcut a,.shortcut h1{padding:0px 10px;letter-spacing:1px;color:#333;text-shadow:0px 1px 1px #fff;display:block;float:left;width:360px;height:32px;overflow:hidden;}
.shortcut a:hover{background:#fff;}
.shortcut span.right{float:right;display:inline-block;width:468px;height:15px;overflow:hidden;margin:8px 5px 0 0;}
.shortcut .close{
    background:url(/Public/images/close-demo.gif) no-repeat 0 0;width:20px;height:20px;line-height:99em;overflow:hidden;display:inline-block;margin:6px 10px 0 10px;float:right;padding:0;
    -webkit-transition:all .3s ease-out 0s;
    -moz-transition:all .3s ease-out 0s;
    -ms-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s;
}
.shortcut .close:hover{background:url(/Public/images/close-demo.gif) no-repeat 0 -20px}
.shortcut .close:active{background:url(/Public/images/close-demo.gif) no-repeat 0 -40px}

/* top-vrank */
.top-vrank{
	overflow: hidden;
    width: 100%;
    position: relative;
    padding-bottom: 0;
    height: 700px;
    margin-top: 15px;
	}
.top-vrank .mod-hd{
	height: 85px;
    /* margin-bottom: 12px; */
    width: 100%;
    margin: 0 auto;
    border-bottom: 2px #86a3c1 solid;
}

.top-vrank .tabs{float:left;font-size:12px}
.top-vrank .tabs li{
    color: #fff;
    line-height: 58px;
    text-align: center;
    width: 260px;
    height: 58px;
    background-color: #75ccf7;
    font-size: 18px;
    float: left;
    margin: 0px 10px;
}
.top-vrank .tabs a{
	color: #fff;
    display: block;
	}
.top-vrank .tabs a:hover{color:#fff;text-decoration:none}
.top-vrank .tabs .active{
    color: #fff;
    line-height: 58px;
    text-align: center;
    width: 260px;
    height: 85px;
    background: url(../img/nav_img.jpg) no-repeat;
    float: left;

}
.top-vrank .tabs .active a{color:#fff}
.top-vrank .more{position: absolute;top:17px;right: 17px;font-size:12px;}
.top-vrank .more a{color:#a5a5b5}
.top-vrank .more a:hover{color:#fff;text-decoration:none}
.top-vrank .views{
	margin-top: 25px;
    position: relative;
    width: 100%;
    height: 620px;
    overflow: hidden;
    -webkit-perspective: 1500px;
    -moz-perspective: 1500px;
    perspective: 1500px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}
.top-vrank .views .view-item{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    /*background: #443f4c;*/
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: fadeout .3s ease-in forwards;
    -moz-animation: fadeout .3s ease-in forwards;
    animation: fadeout .3s ease-in forwards;
    width: 100%;
    height: 620px;
	}
.top-vrank .views .active{-webkit-animation:fadein .5s ease forwards;-moz-animation:fadein .5s ease forwards;animation:fadein .5s ease forwards;z-index:2}
.top-vrank .views .first{-webkit-animation:none;-moz-animation:none;animation:none;z-index:2;background:#443f4c}
@-webkit-keyframes fadeout{from{-webkit-transform:translate3d(0,0,0);opacity:1}to{-webkit-transform:translate3d(0,0,-300px);opacity:0}}@-moz-keyframes fadeout{from{-moz-transform:translate3d(0,0,0);opacity:1}to{-moz-transform:translate3d(0,0,-300px);opacity:0}}@keyframes fadeout{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,0,-300px);opacity:0}}@-webkit-keyframes fadein{from{-webkit-transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0)}}@-moz-keyframes fadein{from{-moz-transform:translate3d(-100%,0,0)}to{-moz-transform:translate3d(0,0,0)}}@keyframes fadein{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}
.top-vrank .view-list{
    width: 100%;
    padding: 0px;
    margin: 0px;
	}
.top-vrank .view-list li{
	position: relative;
    width: 380px;
    height: 280px;
    background: #FFF;
    font-size: 12px;
    text-align: center;
    float: left;
    margin: 0px 10px;
    margin-bottom: 20px;
    z-index: 1;
    overflow: hidden;
}

.top-vrank .view-list li:hover{

	}
.top-vrank .view-list li a{
    display: block;
    text-decoration: none;
    color: #494949;
    font-size: 20px;
    text-align: center;
    width: 380px;
    height: 280px;
	overflow:hidden;
	}
.top-vrank .view-list li a:hover{}
.top-vrank .view-list li img{
	display: block;
    width: 380px;
    height: 280px;
    object-fit: cover;
	}
.top-vrank .view-list li .mask{width:92px;height:86px;position:absolute;top:-86px;left:-92px;z-index:3;background:url(http://p8.qhimg.com/t0129d4cce7a885cf2e.png) no-repeat 0 0;-webkit-transition:.1s left,0.2s .1s top;-moz-transition:.1s left,0.2s .1s top;-ms-transition:.1s left,0.2s .1s top;-o-transition:.1s left,0.2s .1s top;transition:.1s left,0.2s .1s top;pointer-events:none}
/*.top-vrank .view-list li:hover .mask{left:0;top:0}*/
.top-vrank .view-list li .name{
	display: block;
    width: 100%;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    letter-spacing: 1px;
    margin: 0px;
    text-align: center;
    z-index: 99999;
    position: relative;
    color: rgba(255,255,255,0);
    background: rgba(255,255,255,0);
    margin-top: -280px;
    height: 280px;
    line-height: 280px;
	}
	
.top-vrank .view-list li a:hover>.name{
	color: rgba(255,255,255,1);
    background: rgba(0,0,0,0.6);
	transition:all 0.3s linear 0s;
	}

#index2_a{
    display: block;
    width: 155px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #ff8901;
    color: #FFF;
    font-size: 15px;
    margin: 0px auto;
    letter-spacing: 1px;
    margin-top: 25px;
	}
	
	
	
	
	
#index3{
	width: 100%;
    height: 740px;
    padding-top: 45px;
    background: #ededed;
    margin-top: 50px;
	}
	
#index3_c{
	width: 100%;
    height: 550px;
    margin-top: 30px;
	}
	
.news_box{
    width: 260px;
    height: 550px;
    float: left;
    margin: 0px 20px;	
	}

.news_box_img{
	width: 260px;
    height: 265px;
    object-fit: cover;
	}

.news_box_img img{
	display:block;
	width:260px;
	height:265px;
	}

.news_box_c{
	background: #FFF;
    padding: 20px;
    height: 245px;
	}

.news_box_c_title{
	display: block;
    font-size: 24px;
    color: #000103;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
	}

.news_box_c_a{
    display: block;
    height: 135px;
    margin-top: 10px;
	}

.news_box_c_a1{
	font-size: 15px;
    color: #000103;
    line-height: 30px;
	}

.news_box_c_a2{
    height: 44px;
    line-height: 44px;
    border-bottom: 1px #7c7c7c solid;
    font-size: 14px;
    color: #7c7c7c;
    margin-top: 25px;
	}

.news_box_c_a2 span{
	display: block;
    float: right;
    border: 1px #7c7c7c solid;
    border-radius: 50%;
    width: 23px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    margin-top: 8px;
    font-size: 24px;
	}

.index3_a{
    display: block;
    font-size: 14px;
    color: #000103;
    line-height: 55px;
	}


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









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

.sidebar_t_title{
    width: 100%;
    text-align: center;
    height: 53px;
    padding-top: 7px;
    line-height: 24px;
    background: #003a7a;
    color: #FFF;
    font-size: 18px;
	}
	
.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: 12px;
    color: #000000;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px #ccc dashed;
    margin-bottom: 10px;
    text-indent: 30px;
	}
	
.sidebar_t_c a span{
	float:right;
	}
	
.sidebar_t_c a:hover{
	background:#003a7a;
	color:#FFF;
	font-weight:bold;
	border-bottom:1px #FFF dashed;
	text-indent: 40px;
	}
	
.sidebar_b_c{
	padding:15px;
    background: #f2f2f2;
    font-size: 13px;
    color: #000;
    line-height: 30px;
    margin-bottom: 30px;
	}
	
.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;
	}
	
.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;}

#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 a{
	display: inline-block;
    height: 18px;
    line-height: 18px;
    border: 1px solid #003a7a;
    padding: 3px 4px;
    font-size: 12px;
    color: #000;
	}

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

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

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

.pro{
	padding:0px;
	margin:0px;
	}
	
.pro a{
	width: 368px;
    height: 290px;
    float: left;
    display: block;
    border: 1px #ccc dashed;
    padding: 5px;
    text-align: center;
    line-height: 30px;
    color: #282828;
    font-size: 15px;
    font-family: '微软雅黑';
    margin: 15px 10px;
	}
	
.pro a img{
    width: 368px;
    height: 245px;
    object-fit: cover;
	}

.pro a:hover{
	background:#003a7a;
	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:#003a7a;
	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:#003a7a;
	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: #003a7a;
    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: 14px;
    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:#003a7a;}

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