@charset "utf-8";
/* css reset */
*{ margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;font-family: "microsoft yahei", Arial, tahoma, arial, simsun;}
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; min-width:320px;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
h4{
    display: block;
    font-weight: bold;
}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#333; text-decoration:none; transition:all .3s;}
a:hover { color:#0c3388;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
.fl{ float: left; }
.fr{ float: right }
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.clear{clear: both;}
.w{ width: 1200px; margin: 0 auto }
.header{ width:100%; position:fixed; z-index:1000; background-color:#fff}
.header .logo{ padding-top:20px; padding-bottom: 10px;}
.header .lau_list { text-align:right; padding-top:13px;  float:right; margin-left: 20px }
.header .lau_list a{}
.header .lau_list a img{ display:inline-block; height: 22px;  }
.nav{}
.nav .nav_list{ margin:0 auto; z-index:9999; float: left}
.header .search{  border: 1px solid #ddd; padding:0 10px; margin:12px 0 0 0; float: right;  border-radius:15px; /*图片圆角*/ }
.header  form{ margin: 0; padding:0; }
.header .inp_text{ border: 0; line-height: 20px; padding:0 0px 0 10px; margin:0;  float: left; width: 80px; }
.header .inp_button{ height: 20px; line-height: 20px; background:url(../images/img1.png) center center no-repeat; width: 30px; border: 0; padding:0;  }

.nav li{float:left; height:50px; width:90px; line-height:50px; position:relative;}
.nav li.last{background:none;}
.nav li a{float:left; display:block; width:90px; height:50px; text-align:center; line-height:50px; font-size:14px;}
.nav li a:hover{ text-decoration:none; color:#bd1121}
.nav li a.active{  text-decoration:none; color:#bd1121}
.nav li.active .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:55px;left:0px; background:#bd1121; padding:15px 0; box-shadow: 0 0 0px;}
.nav li .submenu{width:180px;}
.nav li .submenu{ z-index:9999;}
.nav li .submenu li{float:left;padding:0;background:none;height:30px; line-height:30px; width:180px;}
.nav li .submenu li a{float:none;padding:0;text-align:left; font-family:"Microsoft YaHei";height:30px;line-height:30px;background:none; color:#fff; width:160px; padding-left:20px;  font-size:14px;}
.nav li .submenu li a:hover{background:#fe6500;font-weight:normal; color:#fff; text-decoration:none;}

/* flexslider */
.flexslider{position:relative;height:498px;overflow:hidden;background:url(../Images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:498px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../Images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../Images/next.png) center center no-repeat;}


.in_function {
	background:#f6f6f6
}
.in_function_01 {
	float:left;
	width:50%;}
.in_function_01 .col {
	padding:65px 0 ;
	margin:0 auto;  width: 600px; float: right;
}
.in_function_01 .col .t {
	display:inline-block;
	height:40px;
	line-height:40px;
	padding-right:20px;
	font-size:36px;
	color:#333;
	font-style:italic;
	font-weight:bold;
	margin-left: -20px;
}
.in_function_01 .col .des {
	font-size:14px;
	line-height:30px;
	color:#666;
	margin:50px 0 30px
}
.in_function_02 {
	float:right;
	width:50%;
	
	background:#bd1121
}
.in_function_02 .col {padding:65px 0; width: 600px;}
.in_function_02 .col .t {
	font-size:24px;
	font-weight:normal;
	color:#fff;
	margin-bottom:30px; margin-left:50px;
}
.in_function_form .item {
	margin:0 0 30px 0; width:200px; float:left
}

.more01 {
	display:block;
	margin:20px;
	padding:0;
	border:none;
	width:160px;
	height:40px;
	line-height:40px;
	background:#bd1121;
	color:#fff;
	font-size:16px;
	text-align:center;
	text-align:center;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s
}
.more01:hover {
	background:#f60;
	color:#fff;
	width:220px;
	text-decoration:none
}

h3.title01 {
	text-align:center; margin:60px 0 40px
}
h3.title01 em {
	display:block;
	font-size:3em;
	height:30px;
	line-height:30px;
	font-weight:bold;
	font-style:normal;
	text-transform:uppercase
}
h3.title01 span {
	margin-top:18px;
	display:block;
	font-size:30px;
	line-height:30px;
	font-weight:lighter
}
h3.title01 span:before {
	content:'';
	margin:0 auto 18px;
	display:block;
	width:70px;
	height:3px;
	line-height:3px;
	background:#bd1121
}

.pronav{ margin-bottom: 30px; text-align: center; }
.pronav a{ display:inline-block; line-height: 35px; padding:0 10px; background-color: #eee; margin-right: 10px; }
.pronav a:hover{background:#bd1121; color: #fff}

.in_pro { position: relative; margin:0 -10px;}
.in_pro .item{ position: relative; display: block; padding:0 10px 50px 10px;}
.in_pro img { display: block; width: 100%;   border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;border-bottom: 3px solid #bd1121;     -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;}
.in_pro span { position: absolute; left: 0; bottom: 12px; width: 100%; font: 14px "微软雅黑","黑体"; color: #333; text-align: center;}
.in_pro a:hover span{ color: #bd1121;}
.in_pro .owl-pagination { position: absolute; left: 0; bottom: 50px; width: 100%; height: 22px; text-align: center; display:none}
.in_pro .owl-page { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background:#eee; *display: inline; *zoom: 1;}
.in_pro .owl-pagination .active { width: 25px; background-image: url(../images/bg16.png);}
.in_pro .owl-buttons { display:block}
.in_pro .owl-buttons div { position: absolute; top: 50%; width: 55px; height: 60px; margin-top: -40px; text-indent: -9999px;}
.in_pro .owl-prev { left:-80px; background-image: url(../images/bg17.jpg);}
.in_pro .owl-next { right:-80px; background-image: url(../images/bg18.jpg);}
.in_pro .owl-prev:hover { background-image: url(../images/bg19.jpg);}
.in_pro .owl-next:hover { background-image: url(../images/bg20.jpg);}

.in_solution .item{ width:33.333333%; display: block; height: 350px;  float:left}
.in_solution .item_first{ background-color:#bd1121}
.in_solution .item a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }
.in_solution .item a img{transition:1s all; -webkit-transition:1s all; width: 100%; height: 100%; position: absolute; top:0; left: 0; z-index: 10}
.in_solution .item a:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-moz-:scale(1.1,1.1);}
.in_solution .item a .title{ color: #fff; font-size: 18px; z-index: 1000; position: absolute; left: 50px; top:50px;  border-left: 4px solid #fff; display: block; padding-left: 20px; line-height: 25px; height: 25px;  }
.in_solution .item a:hover span{ display: block; height: 100%; width: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; z-index: 100 }
.in_solution .item_first h3.title01 {
	color:#fff;
	text-align:left; margin-left:50px;
}
.in_solution .item_first h3.title01 em { font-size:22px;}
.in_solution .item_first h3.title01 span { font-size:24px;}

.in_solution .item_first h3.title01 span:before {background:#fff; margin-left:0; margin-right:0}
.in_case{ background-color: #f6f6f6; overflow:hidden; }
.in_case_list {padding:0 10px}
.in_case_list .row {margin:0 -10px}
.in_case_list .row .item {width:20%; float:left}
.in_case_list .row .item a {display:block; padding:0 10px;}
.in_case_list .row .item a .img {overflow:hidden}
.in_case_list .row .item a .img span {
	display:block;
	width:100%;
	height:200px;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s
}
.in_case_list .row .item a .title {
	width:100%;
	line-height:27px;
	text-align:center;
	font-size:14px;
	color:#333;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;

}
.in_case_list .row .item a:hover .img span {
	-webkit-transform:scale(1.07, 1.07);
	-moz-transform:scale(1.07, 1.07);
	-o-transform:scale(1.07, 1.07);
	transform:scale(1.07, 1.07)
}
.in_case_list .row .item a:hover .title {
	color:#bd1121
}

.footer{ background-color: #eeeeee; padding: 50PX 0; overflow: hidden;}
.footer li{ float: left; width: 15%; font-size: 16px; }
.footer li a{ padding-bottom: 10px; }
.footer li ul li{ display: block; float: none; width: 100%; font-size: 14px; line-height: 25px; }
.footer li ul li a{ padding-bottom: 0; color: #666 }
.footer a{ color: #545151 }
.footer a:hover{ color: #bd1121 }

.footer_con{ padding:20px; background-color: #bd1121; color: #fff; text-align: center; line-height: 23px; }
.footer_con a{ color: #fff }
/*内页*/
.top_banner{
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
.snav{ border-bottom:1px solid #ddd; overflow: hidden;}
.snav .fl a{ line-height: 60px; margin:0 20px; float: left; text-align: center; color: #666; font-size: 16px; border-bottom: 2px solid  #fff }
.snav .fl a:hover{  border-bottom: 2px solid  #8b1722; color: #8b1722;}
.snav .fl a.active{  border-bottom: 2px solid  #8b1722; color:#8b1722; }

.snav .fr{ line-height: 62px; color: #999 }

.page_info{ padding: 30px 0; }
.page_info .title{height: 60px;
    line-height: 30px;
    font-size: 30px;
    font-weight: bold;
   }
    
.about_txt{ line-height: 30px; font-size: 16px; }

.photo_list li{ float: left; width: 33.333333%; }
.photo_list li a{ margin: 10px; display: block; }
.photo_list li span{ display: block; line-height: 25px; text-align: center; }
.photo_list li img{ width: 100%; height: 260px;}


.proPage{
	margin: 30px 0;
	overflow: hidden; background-color: #efefef;
}
.proLeft{
	width: 23%;
	float: left;
	
}
.proLeft .proLeftTit{
	line-height: 30px;
	height: 60px;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	padding: 20px;
	background:#bd1121 url(../images/w1.png) center bottom;
	background-size:100% 
}
.proLeft .proLeftNav a{
	display: block;
	padding: 15px 20px;
	line-height: 20px;
	font-size: 14px;
	color: #6f6f6f;
	border-bottom: #e4e4e4 1px solid;
	background: url(../images/arr.png) right center no-repeat;
}
.proLeft .proLeftNav a:hover{
	color: #fff;
	background: url(../images/arr_h.png) right center no-repeat #bd1121;
}
.proLeft .proLeftNav a.cur{
	color: #fff;
	background: url(../images/arr_h.png) right center no-repeat #bd1121;
}


.proRight{
	width: 74%; padding-left: 3%;
	float: left; background-color: #fff; min-height: 600px;
}
.proRight .proRightHead{
	border-bottom: #eaeaea 1px solid;
	overflow: hidden;
	padding-bottom: 10px;
}
.proRight .proRightHead .proRightSort{
	line-height: 40px;
	font-size: 18px;
	color: #818181;
	float: left;
}
.proRight .proRightHead .proRightHeadMain{
	float: right;
	overflow: hidden;
	margin-top: 4px;
}

.proRight .proRightHead .proRightHeadMain .proRightPosition{
	float: left;
	line-height: 32px;
	font-size: 12px;
	padding-left: 18px;
	background: url(../images/cir.png) left center no-repeat;
}
.proRight .proRightBody{
	padding: 20px 10px;
	overflow: hidden;
}
.proRight .proRightBody .proListItem{
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
	position: relative;
}
.proRight .proRightBody .proListItem:nth-child(3n){
	margin-right: 0;
}

.proRight .proRightBody .proListItem:hover .addToCar{
	opacity: 1;
}

.proRight .proRightBody .proListItem .proListItemPic img{
	display: block;
	width: 100%; height: 210px; border: 1px solid #ddd;
}
.proRight .proRightBody .proListItem .proListItemTitl{
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.proRight .proRightBody .proPageTop{
	margin-bottom: 20px;
	overflow: hidden;
}
.proRight .proRightBody .proPageTop .proPagePic{
	width: 400px;
	float: left;
}

.arcListItem{
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: #cccccc 1px dashed;
}
.arcListItem .arcListItemPic{
	width: 25%;
	float: left;
}
.arcListItem .arcListItemPic img{
	display: block;
	width: 100%;
}
.arcListItem .arcListItemRight{
	margin-left: 28%;
}
.arcListItem .arcListItemRight .arcListItemTit{
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.arcListItem .arcListItemRight .arcListItemData{
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #cccccc;
	margin-bottom: 10px;
}
.arcListItem .arcListItemRight .arcListItemDesc{
	line-height: 20px;
	font-size: 13px;
	color: #999999;
}

.arcPageTit{
	line-height: 25px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.arcPageInfo{
	line-height: 20px;
	font-size: 12px;
	color: #aeaeae;
	margin-bottom: 10px;
}
.arcPageInfo .arcPageDate{
	display: inline-block;
	padding-left: 20px;
	background: url(../images/time.png) left center no-repeat;
	margin-right: 10px;
}
.arcPageInfo .arcPageClick{
	display: inline-block;
	padding-left: 20px;
	background: url(../images/click.png) left center no-repeat;
}
.arcPageContent{
	padding-bottom: 20px;
	border-bottom: #aeaeae 1px dashed;
	margin-bottom: 20px;
	line-height: 180%;
	text-align: justify;
}
.arcPageContent h3,.arcPageContent h4{ font-size: 16px; display: block; line-height: 45px; border-bottom: 1px solid #eee; margin-bottom: 20px; font-weight:bold; color:#333 }
.arcPageContent img{
	max-width: 100%;
}
.arcPagePreNxt p{
	display: block;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	color: #aaa;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}

.contact_txt{ overflow: hidden; }
.contact_txt .fl{ width: 70%; }
.contact_txt .fr{ width: 30%; background-color: #bd1121; color: #fff; height: 400px; }
.contactcon{ padding:30px; font-size: 16px; color: #fff; line-height: 27px; }