@charset "utf-8";

/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a { color:#474747; text-decoration:none; }
a:hover { }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:""; }

.pro_main img{max-width: 100%;}
.xiangqingtext_jg{background: #cfcfcf; padding: 10px;box-sizing: border-box; display: flex; justify-content: space-between;}
.number{ color: #d62829; font-size: 24px;}
.xiangqingtext_jg_r{background: 100px; padding:5px; box-sizing: border-box; background:#d62829 ;  color: #fff;}

/* css base */
body { font-family: "微软雅黑","宋体"; font-size:12px; color:#474747; text-align:center; line-height:1.8;}
.body_bg{ background:url(../images/body_bg.jpg) center no-repeat;}
.wrapper { width:100%; margin:0 auto; text-align:left; background:#FFF;}
.left{ float:left;}
.right{ float:right;}
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear { display:none; clear:both;}
.xiangqingtext_jg_r{width: 100px;text-align: center;}
/* css main page */
.index_head{ height:168px; width:100%; background-color:#FFF;}
.index_logo{ width:1200px; height:34px; margin:0 auto; padding-top:105px; text-align:left;}
#articlelist li{width: 24%; float:left; margin-right: 1%;}
#articlelist li img{max-width: 100%;}
.pdlist_main{width:1200px; margin:0 auto;}
.main{ width:1200px; margin:0 auto; overflow:hidden; }
.pdlist_main ul{width: 100%;float:left;}
.main_nav{ float:left; background:url(../images/index_left_bg.jpg) no-repeat 0 0; width:311px; height:413px; padding-top:140px;}
.main_nav li{ float:left; width:311px; text-align:right;}
.main_nav li a{ display:block; padding:0 40px; height:40px; line-height:40px; width:231px; color:#5b5b5b; font-weight:bold; font-size:14px;}
.main_nav li a p{ display:none; font-size:12px;}
.main_nav li a span{ float:right;}
.main_nav li a:hover,.main_nav li.hover a{ color:#FFF; font-size:22px;text-shadow:0 0 10px #fff;}
.main_nav li a:hover p,.main_nav li.hover a p{ display:block; font-size:12px; width:60px; line-height:45px; float:right; padding-right:10px;}

.banner{ float:right; width:871px; height:553px;}

.focusBox { position: relative; width: 871px; height: 553px; overflow: hidden; }
.focusBox .pic { position: relative; z-index: 0; }
.focusBox .pic img { width: 871px; height: 553px; display: block; }
.focusBox .hd { width: 100%; position: absolute; bottom: 10px; text-align: center; font-size: 0; z-index: 1; }
.focusBox .hd li { margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display: inline-block; *display:inline;
zoom: 1; _background: url(images/dot8.png) no-repeat 0 -16px; }
.focusBox .hd .on { background-position: 0 0; }
.focusBox .prev, .focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter: alpha(opacity=20); opacity: 0.2; }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover, .focusBox .next:hover { filter: alpha(opacity=50) !important; opacity: 0.5 !important; }

.index_tel{ float:left; width:311px; margin-top:27px; height:270px; text-align:left; background-color:#fff; margin-bottom:100px;}
.index_tel dt{ width:311px; background:url(../images/index_tel.jpg) no-repeat center top; height:122px;}
.index_tel dt p{ float:left; padding:26px 26px 0 80px;}
.index_tel dd{ float:left; width:289px; padding:13px 0 0 22px;}

.products{ float:right; width:871px; height:270px; margin-top:27px; margin-bottom:100px;}
.products li{ float:left; width:190px; height:268px; margin-right:23px;}
.products li a{ display:block; width:190px; height:268px;}

.sub_head{ width:1200px; height:105px; margin:0 auto;}
.sub_logo{ float:left; padding-top:67px;}
.sub_nav_box{ width:100%; background:url(../images/nav_bg.jpg) no-repeat center top; height:33px; line-height:33px;}
.sub_nav{ width:1200px; margin:0 auto; height:33px; line-height:33px;}
.sub_nav li{ float:left; width:135px; height:33px; line-height:33px; position:relative; margin-right:5px;}
.sub_nav li a{ display:block; width:135px; height:33px; color:#FFF; font-size:16px; font-weight:bold; text-align: center;}
.sub_nav li a p,.sub_nav li a h1{ display:none;}
.sub_nav li a:hover,.sub_nav li.hover a{ background-color:#f06000;}
.sub_nav li.hover p{ display:block; position:absolute; background-color:#f06000; top:-36px; padding:0 10px; height:26px; line-height:26px; left:25px;}
.sub_nav li a:hover p{display:block; position:absolute; background-color:#f06000; top:-36px; padding:0 10px; height:26px; line-height:26px; left:25px;}
.sub_nav li.hover h1{display:block; position:absolute;  top:-10px;  height:10px;left:58px;}
.sub_nav li a:hover h1{display:block; position:absolute;  top:-10px;  height:10px;left:58px;}

.sub_about{ width:1200px; overflow:hidden; min-height:400px; margin:60px auto; text-align:left;}
.sub_about img{ max-width:1200px;}

.sub_form{ width:1200px; overflow:hidden; min-height:400px; margin:60px auto; text-align:left;}
.sub_line{ width:100%; height:1px; background:url(../images/sub_line.jpg) no-repeat center; margin-top:100px;}

.sub_form_c{ margin:0 auto; width:640px; text-align:left;}
.form_img{ float:left; width:640px; height:75px;}
.form_title{ float:left; width:640px; height:50px; line-height:50px; font-size:24px; color:#05a0fc; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.form_title2 font{ color:#F00;}
.form_list{ float:left; width:640px;}
.form_li{ float:left; width:640px; height:24px; line-height:24px;}
.form_li h1,.form_li2 h1{ float:left; width:90px; text-align:right; padding-right:10px;}
.form_li input{ float:left; width:170px; height:22px; border:1px solid #b8b9be; padding-left:10px;}
.form_li h2{ float:left; color:#F00; padding-left:10px;}
.form_li2 textarea{ float:left; width:440px; height:150px; border:1px solid #b8b9be; padding-left:10px;}

.form_send{ float:left; width:640px; margin-top:20px;}
.form_send input{ margin-left:100px; display:block;}

.pro_banner{ width:100%; height:596px; margin-top:28px;  background:url(../images/sub_banner.jpg) no-repeat center top; }
.pro_banner2{ width:100%; height:596px; margin-top:28px;  background:url(../images/bannertu.jpg) no-repeat center top; }
.pro_list{ margin:0 auto; overflow:hidden; width:1200px;}
.pro_list_li{ float:left; width:1200px; margin:50px 0;}
.pro_list_li ul{width: 100%; float:left}
.pro_list_li li{ float:left; width:280px; height:280px; margin:10px; background-color:#fff; position:relative;}
.pro_list_li li a{ display:block;width:280px; height:280px; box-shadow:0px 0px 10px 2px  #CCC; position:absolute; left:0; top:0;}
.pro_list_li li a:hover{box-shadow:0px 0px 10px 2px #999 inset;width:280px; height:280px;}
.pro_list_li li span{ float:left; width:280px; height:205px;}
.pro_list_li li span img{ max-width:280px;}
.pro_list_li li h1{ float:left; width:280px; height:30px; line-height:30px;}
.pro_list_li li h2{ float:left; width:280px; height:35px;}

.sub_pro_bg{ width:100%; height:100%; overflow:hidden; background:url(../images/pro_bg.jpg) center top repeat-y;}
.pro_list_li li.sub_pro_t0{ background:#313131 url(../images/icon2.jpg) no-repeat 110px 155px; color:#FFF;}
.sub_pro_t1{ font-size:28px; width:280px; float:left; padding:93px 0 0; line-height:35px; line-height:35px;}
.sub_pro_t2{ float:left; width:280px; height:20px; line-height:20px;}

.sub_pro_bg2{ width:100%; height:100%; overflow:hidden; background:url(../images/sub_pro_bg.jpg) center top repeat-y;}
.sub_pro_fhbox{ width:100%;  background: url(../images/sub_line.jpg) no-repeat center bottom;}
.sub_pro_fh{ width:1200px; margin:0 auto; height:32px; line-height:32px; padding-top:85px; text-align:left;}
.sub_pro_fh img{ float:left; padding-right:5px; padding-left:60px;}

.pro_left_img1{ float:left; width:353px; height:467px; text-align:left;}
.pro_left_img2{ float:left; width:275px; text-align:left;}
.pro_left_img2 h1{ width:275px; height:30px; float:left; font-weight:bold; font-size:14px;}
.pro_left_img2 img{ width:275px; border:solid 1px #afafaf; float:left;}

.procs{ width:420px; float:left; margin-left:40px; min-height:205px; background:#efefef url(../images/sub_line2.jpg) no-repeat center bottom; text-align:left; padding:10px 30px 10px; }
.procs h1{ font-size:18px; color:474747; float:left; width:420px;}
.procs h2{ font-size:36px; color:#f06000; width:420px; float:left; font-weight:bold; height:37px; line-height:37px; margin-bottom:30px;}
.procs h2 font{ float:left; padding-right:5px; display:block;}
.procs h3{ font-size:14px; width:420px;}
.procs h4{ font-size:16px; color:#f06000; font-weight:bold;}

.pro_jj{ width:458px; float:left; margin-top:10px; padding:0 10px; margin-left:40px; min-height:205px; text-align:left; border:1px solid #CCC;}
.pro_jj img{ max-width:398px;}

.pro_xq{ float:left; width:1200px; margin:15px 0; text-align:left;}
.pro_xq img{ max-width:1200px;}
.gallery li{width: 24%; float:left;margin-right: 1%; margin-bottom: 2%; border: 1px solid #b8b9be;    height: 270px; }
.gallery li:nth-child(4n+4){margin-right: 0;}
.casetc_main{width: 1200px;margin: 0 auto;;}

/* -- sub page -- */
.sub_main{ }
.sidebar{ }
.caselist{width: 100%; float:left}
.caselist img{max-width:100%;}
/* -- page footer -- */
.footer{ width:100%; height:45px; line-height:45px; background-color:#343434; color:#fff; font-size:20px; float:left;text-align: center;}



.right_wrap{
	width:1120px;
	overflow:Hidden;
margin: 0 auto;

background: #fff;
padding: 10px;
box-sizing: border-box;
}




.right_title{
	padding-bottom:10px;
	border-bottom:1px solid #d8d8d8;	
}
.right_title h2{
	font-size:26px;
	font-weight:normal;
}
.tulist{
	overflow:hidden;
	clear:both;
	width:1000px;
	margin-top:20px;
}
.tulist li{
	text-align:center;
	list-style-type:none;
	float:left;
	width:295px;
	margin:0 16px 20px 0px;
	overflow:Hidden;
	border:1px solid #d8d8d8;
	background-color:#fff;
	text-align:center;
}
.tulist li img{
	width:100%;
	height:auto;
	display:block;
	border-bottom:1px solid #d8d8d8;
}
.tulist li h3{
	background-color:#2b345d;
}
.tulist li h3 a{
	line-height:40px;
	font-size:14px;
	color:#fff;
}


.tulist_02{
	width:1000px;
}
.tulist_02 li{
	list-style-type:none;
	float:left;
	width:220px;
	margin-right:17px;
	margin-bottom:15px;
	text-align:center;
}
.tulist_02 li img{
	width:100%;
	height:auto;
}
.tulist_02 li h3{
	font-size:14px;
	font-weight:normal;
	display:block;
	line-height:30px;
}

.tulist_03{
	width:1250px;
	overflow:hidden;
}
.tulist_03 li{
	list-style-type:none;
	float:left;
	width:399px;
	margin-right:1px;
	text-align:center;
}
.tulist_03 li img{
	width:100%;
	height:auto;
	display:block;
}
.tulist_03 li h3{
	font-size:18px;
	font-weight:normal;
	display:block;
	line-height:60px;
	color:#fff;
	background:#656565;
}
.tulist_03 li h3 a{
	color:#fff;
}
ul.wzlist{
	width:auto;

}
ul.wzlist li{
	line-height:40px;
	border-bottom:1px dotted #d8d8d8;
}
ul.wzlist li i{
	margin-right:10px;
}
ul.wzlist li a{
	font-size:14px;
}
ul.wzlist li span{
	float:right;
	margin-right:10px;
	color:#989898;
	font-size:12px;
}
.pro_main{
	margin-top:20px;
	overflow:hidden;
}
.pro_left{
	width:455px;
	float:left;
}
.pro_right{
	width:620px;
	float:right;
	overflow:hidden;
	line-height:25px;
}
.pro_right h2{
	font-size:22px;
	padding-bottom:10px;
	display:block;
	font-weight:normal;
}
.pro_info{
	margin-top:10px;
	overflow:hidden;
	line-height:25px;
}
#tabbox{ 
	overflow:hidden;
	margin-top:50px;
}
.tab_conbox{
	border: 1px solid #d1d1d1;
	border-top: none;
}
.tab_con{ 
	display:none;
	padding:10px;
	line-height:25px;
}
.tab_con img{
	max-width:100%;
	height:auto;
}
.tab_con table{
	border-collapse:collapse;
}
.tab_con table td{
	border:1px solid #d8d8d8;
	padding:5px;
}
.tabs{
	height: 47px;
	border-bottom:1px solid #d8d8d8;
	width: 100%;
}
.tabs li{
	height:46px;
	line-height:46px;
	float:left;
	margin-bottom: -1px;
	background: #f0f0f0;
	overflow: hidden;
	position: relative;
	margin-right:10px;
	font-size:14px;
	font-weight:bold;
}
.tabs li a {
	display: block;
	padding: 0 20px;
	outline: none;
	
}
dl.tuwenlist{
	width:100%;
	margin:20px auto;
	padding-bottom:20px;
	overflow:Hidden;
	border-bottom:1px dashed #e1e1e1;
}
dl.tuwenlist dt{
	float:left;
	width:220px;
	overflow:hidden;
}
dl.tuwenlist dt img{
	width:100%;
	height:auto;
}
dl.tuwenlist dd{
	margin-left:240px;
}
dl.tuwenlist dd h2{
	font-size:16px;
	margin-bottom:10px;
}
dl.tuwenlist dd .info{
	font-size:14px;
	line-height:30px;
	color:#666;
}
dl.tuwenlist dd span{
	margin-top:10px;
	float:right;
}
dl.tuwenlist dd span a{
	width:120px;
	height:35px;
	line-height:35px;
	text-align:center;
	display:block;
	font-size:12px;
}
.ny_h1{
	font-size:22px;
	text-align:center;
	font-weight:normal;
	display:block;
	margin-top:20px;
}

.wzinfo{
	width:100%;
	text-align:center;
	color:#999;
	margin-top:20px;
	font-size:14px;
	border-bottom:1px solid #ddd;
	padding-bottom:20px;
	margin-bottom:25px;
}
.wzinfo .time{
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:20px;
	padding-left:25px;
	background:url(../ico/time.png) left center no-repeat;
}
.wzinfo .click{
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:20px;
	padding-left:25px;
	margin-left:50px;
	background:url(../ico/click.png) left center no-repeat;
}
.main {
    width: 1200px;
    overflow: hidden;
    margin: 0px auto;
}

.left_wrap h2 {
    background: #d62829;
}

.menu_list .current {
    background: #f1f1f1 url(../images/pro_down.png) center right no-repeat;
}

.menu_head {
    width: 228px;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #d8d8d8;
    background: #f1f1f1 url(../images/pro_left.png) center right no-repeat;
}

.menu_head a{    color: #666;}

.menu_body ul li a {
    display: block;
    line-height: 40px;
    text-indent: 25px;
    color: #666;
    background: #fff;
    text-decoration: none;
}

.menu_body ul li {
    width: 100%;
    list-style-type: none;
    height: 40px;
    position: relative;
    border-bottom: 1px solid #d8d8d8;
}

.menu_body {
    width: 248px;
    border-left: 1px solid #d8d8d8;
    background: #fff;
    border-right: 1px solid #d8d8d8;
    display: none;
}




.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:450px;height:450px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


.spec-preview{width:450px;height:450px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:452px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"瀹嬩綋";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:422px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.ny_banner img{max-width: 100%;}

.tabs .thistab{background: #2b345d; }
.tabs li a{color:#000}
.tabs .thistab  a{color:#fff}
.downlist_title {
    width: 100%;
    overflow: hidden;
    height: 50px;
    background-color: #f1f1f1;
    line-height: 50px;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}
.down_title {
    width: 50%;
    text-indent: 20px;
    float: left;
    display: block;
}

.down_geshi {
    width: 20%;
    float: left;
    display: block;
}


#feedback_txt {
    overflow: hidden;
    padding: 10px 10px 10px 60px;
    font-size: 16px;
    line-height: 45px;
    background: url(../ico/feedback.png) 10px center no-repeat #f1f1f1;
    min-height: 50px;
    margin-top: 15px;
}


#feedback_txt{
	overflow:hidden;
	padding:10px 10px 10px 60px;
	font-size:16px;
	line-height:45px;
	background:url(../ico/feedback.png) 10px center no-repeat #f1f1f1;
	min-height:50px;
	margin-top:15px;
}
#biaodan{
	width:auto;
	overflow:hidden;
	margin:20px 0 20px 0;
}
#biaodan p{
	display:block;
	margin-top:15px;
	overflow:hidden;
	clear:both;
}
#biaodan p label{
	width:80px;
	float:left;
	text-align:right;
	overflow:hidden;
	margin-right:5px;
	line-height:25px;
}
.itext{
	width:400px;
	height:25px;
	border:1px solid #c8c8c8;
	line-height:25px;
	text-indent:10px;
	display:block;
	float:left;
	overflow:hidden;
	color:#666;
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	-moz-box-shadow:2px 2px 5px #ddd inset;
	-webkit-box-shadow:2px 2px 5px #ddd inset;
	box-shadow:2px 2px 5px #ddd inset;
	background:#fff;
}
.icontent{
	width:400px;
	height:85px;
	border:1px solid #c8c8c8;
	line-height:25px;
	text-indent:10px;
	display:block;
	float:left;
	overflow:hidden;
	color:#666;
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	-moz-box-shadow:2px 2px 5px #ddd inset;
	-webkit-box-shadow:2px 2px 5px #ddd inset;
	box-shadow:2px 2px 5px #ddd inset;
	background:#fff;
}
.ibtn{
	width:100px;
	height:30px;
	text-align:center;
	line-height:30px;
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	border:none;
	outline:none;
	cursor:pointer;
	margin:5px 20px 5px 5px;
	color:#fff;
}
.ibtn:hover{
	-moz-box-shadow:2px 2px 5px #333;
	-webkit-box-shadow:2px 2px 5px #333;
	box-shadow:2px 2px 5px #333;
	transition:0.6s;
}
.ibtn {
    background-color: #252525;
    color: #fff;
}

.right_title{

background: #2b345d;
padding: 5px;
box-sizing: border-box;
color:#fff




}

.downlist_title{
	width:100%;
	overflow:hidden;
	height:50px;
	background-color:#f1f1f1;
	line-height:50px;
	font-weight:bold;
	color:#000;
	font-size:14px;
}
.downlist{
	line-height:45px;
	border-bottom:1px solid #d1d1d1;
	overflow:hidden;
	height:45px;
}
.down_title{
	width:50%;
	text-indent:20px;
	float:left;
	display:block;
}
.down_geshi{
	width:20%;
	float:left;
	display:block;

}
.down_size{
	width:20%;
	float:right;
	display:block;
}
#case_title{
	font-size:36px;
	font-weight:normal;
	text-align:center;
	text-transform:uppercase;
	background:url(../images/case_title.png) center center no-repeat;
}


.down_title a{color: #333;}

.tuwenlist dd a{color:#000}

.tuwenlist span{background: #656565;}
.tuwenlist span a{color:#fff}

.nav-btn{

display: none;



}