
body{font-family:"Microsoft Yahei";text-align:center;font-size:12px;color:#666666; padding:0; margin:0;}
.c{ clear:both;}
input , textarea , select{font-family:"Microsoft Yahei"; color:#5B5B5B; font-size:14px;}
/*头部*/
.dingbu{ width:100%; height:40px; background-color:#F9FAFC; }
#nav .dingbu .db-3 { width:1200px; margin:0 auto;}
#nav .dingbu .db-1{ float:left; font-size:12px; line-height:40px;}
#nav .dingbu .db-2{ float:right;font-size:12px;height:40px; margin-right:19px;}
#nav .dingbu .db-2 img{vertical-align:middle;}
#nav .dingbu .db-2 a{ line-height:40px; color:#666666;}
#nav .dingbu .db-2 a:hover{ color:#D51524;}


#nav2 .dingbu .db-3 { width:1000px; margin:0 auto;}
#nav2 .dingbu .db-1{ float:left; font-size:12px; line-height:40px;}
#nav2 .dingbu .db-2{ float:right;font-size:12px; line-height:40px;}
#nav2 .dingbu .db-2 img{vertical-align:middle;}
#nav2 .dingbu .db-2 a{ line-height:40px; color:#666666;}

.n-k2{ max-width:1200px; margin:0 auto;}

 
.yw-about { background:url(../../images/about.jpg); height:66px; width:500px; margin:0 auto;}
.yw-cpzx { background:url(../../images/product.jpg); height:65px; width:500px; margin:0 auto; margin-top:40px;}
.yw-jrwm { background:url(../../images/jrwm.jpg); height:66px; width:500px; margin:0 auto; margin-top:50px;}
.yw-news-b{  background:url(../../images/news-b.jpg); height:66px; width:500px; margin:0 auto;}

.yw-down{ background:url(../../images/down.jpg); height:66px; width:500px; margin:0 auto;}

.yw-contact{ background:url(../../images/contact.jpg); height:66px; width:500px; margin:0 auto;}



.header{width:100%; margin:0px auto; position:relative; overflow:hidden;  }
.banner img{ width:100%; height:auto;}
.header .head{ width:96%; margin:0px auto; max-width:1200px; height:75px;}
.header .logo{ width:210px; float:left;}
.header .logo img{ width:210px;  vertical-align:top;}
.header .logo2{ width:210px; height:75px; float:left;}
.header .logo2 img{ width:210px; height:75px; vertical-align:top; display:none;}

.head .search{ width:135px; height:27px; background:#EEEEEE; float:right; border-radius:27px; -moz-border-radius:27px; -webkit-border-radius:27px; position:relative; margin-top:27px;}
.head .search .text{ width:105px; height:21px; line-height:21px; position:absolute; left:4px; top:3px; padding:0px 5px; border:0px; background:none;}
.head .search .btn{ width:30px; height:27px; background:url(../images/s_btn.png) no-repeat center center; position:absolute; right:0px; top:0px; cursor:pointer; border:0px; z-index:99;}
.head .nav_m{ display:none; position:relative; width:100%;}
.nav_m .n_icon{ float:right; display:block; width:22px; height:18px; background:url(../images/nav_ico.png) no-repeat; position:absolute; right:10px; top:-50px; z-index:9999; cursor:pointer; }
.nav_m ul{ width:100%; border-top:3px solid #1970b8; display:none;}
.nav_m ul li{ width:100%; height:38px; line-height:38px; }
.nav_m ul li a{ display:block; width:94%; height:38px; line-height:38px; padding:0px 3%; color:#666666;}
.nav_m ul li a:hover{ color:#1970b8;}








/*幻灯片*/
.banner{ width:100%; overflow:hidden; height:auto; margin:0px auto;}
.banner_s img{ width:1920px; height:215px; vertical-align:top;}
.banner_s .jt{ width:1920px; height:15px; background:url(../images/jt.png) no-repeat; position:absolute; bottom:0px; z-index:99;}
/*幻灯片*/
.i_box{ width:100%; margin:0px auto;}
.i_box .box_h{ width:100%; text-align:center; margin-top:40px;}

.i_box .box_m{ max-width:1000px;margin:0 auto; margin-top:40px;}
.solution{ width:100%; max-width:1000px; margin:0px auto;}
.solution li{ width:280px; height:372px; background:#F0F0F0; border-bottom:3px solid #004588; float:left; margin-right:26px; position:relative; overflow:hidden;}
.solution li .l_up{ width:100%; height:225px; position:relative;}
.solution li .l_up .tu{ width:132px; height:95px; margin:0px auto; padding-top:50px;}
.solution li .l_up .tu img{ width:132px; height:95px; vertical-align:top;}
.solution li .l_up .title{ width:100%; height:50px; line-height:50px; text-align:center; margin-top:15px; color:#004587; font-size:18px;}
.solution li .l_up .more{ width:100%; height:225px; background:url(../images/bg_d.png) repeat; position:absolute; left:0px; top:0px; z-index:2; display:none;}
.solution li:hover .l_up .more{ display:block;}
.solution li .l_up .more img{ width:48px; height:48px; vertical-align:top; margin-top:70px;}
.solution li .l_dn{ width:100%; height:153px;}
.solution li .l_dn .l_line{ display:inline-block; *display:inline; zoom:1; width:140px; margin:0px auto; height:2px; text-align:left; background:#8B8D90;}
.solution li:hover .l_dn .l_line{ display:none;}
.solution li .l_dn .l_line span{ display:block; width:60px; height:2px; background:#004588;}
.solution li .l_dn p{ width:90%; margin:0px auto; padding-top:20px; color:#004587; font-size:14px; line-height:175%;}
.solution li:hover .l_dn p{ color:#FFF;}
.solution li .l_dn a{ font-size:14px; color:#FFFFFF; margin-top:15px; display:none;}
.solution li:hover .l_dn a{ display:block;}
.solution li:hover .l_dn{ background:url(../images/bg_a.jpg) no-repeat; background-size:cover;}


.fw{ width:100%; position:relative;   padding:0px;}
.fw .fw_m{ width:100%; position:relative; z-index:2; background-color:#F7F7F7;}
.cpzx-t2{ width:180px; height:20px; margin:0 auto;}

.fw .box_h{}
.fw .box_m{ margin-top:20px;}


.service li{ background:none; height:308px; border:0px; position:relative;}
.service li .tu{ display:inline-block; *display:inline; zoom:1; width:160px; height:160px; border:1px solid #bbb; border-radius:200%; -moz-border-radius:200%; -webkit-border-radius:200%; margin-bottom:20px;transition: 0.7s;-moz-transition:  0.7s;-webkit-transition:  0.7s;-o-transition:  0.7s;}
.service li a:hover .tu{ border:1px solid #004588;-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.service li .tu_a{ background:url(../images/icon_5.png) no-repeat center center;}
.service li a:hover .tu_a{ background:url(../images/icon_5a.png) no-repeat center center;}
.service li .tu_b{ background:url(../images/icon_6.png) no-repeat center center;}
.service li a:hover .tu_b{ background:url(../images/icon_6a.png) no-repeat center center;}
.service li .tu_c{ background:url(../images/icon_7.png) no-repeat center center;}
.service li a:hover .tu_c{ background:url(../images/icon_7a.png) no-repeat center center;}
.service li .tu_d{ background:url(../images/icon_8.png) no-repeat center center;}
.service li a:hover .tu_d{ background:url(../images/icon_8a.png) no-repeat center center;}
.service li a{ color:#818181;}
.service li a:hover{ color:#004588;}
.service li .name{ width:100%; height:30px; line-height:30px; padding-top:5px; font-size:20px;}
.service li .f_line{ width:90%; margin:0px auto; height:2px; position:absolute; left:5%; bottom:0px; z-index:99; background:#004588; display:none;}
.service li a:hover .f_line{ display:block;}
.pro_m{ width:100%; max-width:1000px; margin:0px auto;}
.pro_m .pro_l{ width:100%; padding:0 0 70px;}
.pro_l li{ width:384px; float:left; margin-right:24px; text-align:center;}
.pro_l li img{ width:384px; height:221px; vertical-align:top;}
.pro_l li a{ font-size:16px; color:#8F9193;}
.pro_l li .name{ width:100%; font-size:20px; padding:10px 0 5px;}
.pro_l li a:hover .name{ color:#002595;}
.pro .flex-control-paging li a{ width:10px; height:10px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
.pro .flex-control-paging li a.flex-active{ background:#AEAEAE;}
.join{ width:100%; height:230px; margin:0px auto; overflow:hidden; position:relative;}
.join .bg{ width:100%; position:absolute; left:0px; z-index:1;}
.join .bg_a{ width:100%; height:235px; top:0px;}
.join .bg img{ width:1920px;}
.join .wen{ display:inline-block; *display:inline; zoom:1; margin:0px auto; position:relative; z-index:3;}
.join .bg_a img{ height:235px;}
.join .bg_b{ height:30px; bottom:0px; width:100%; z-index:2;}
.join .bg_b img{ height:30px;}
.join .wen img{ width:220px; height:110px; vertical-align:top; margin-top:80px;}

.f_bg{ width:100%; background:#21262A; color:#FFF;}
.bg-xian { width:100%; height:2px; background:url(../../images/fbbg2.jpg);}
.f_bg .f_m{ width:96%; max-width:1000px; margin:0px auto; padding:30px 0 50px;}
.f_bg .f_m .f_logo{ width:400px; height:33px; float:left; margin-top:25px;}
.f_bg .f_m .f_logo img{ width:400px; height:33px; vertical-align:top;}
.f_bg .f_m .code{ width:91px; height:91px; float:left; margin-left:40px; padding-left:40px; border-left:1px solid #47494F;}
.f_bg .f_m .f_mr{ width:60%; float:right; margin-top:-20px; text-align:right;}
.f_m .f_mr .line{ display:block; float:right; width:13px; height:3px; background:#57585A; float:right;}
.f_m .f_mr .tl{ display:inline-block; *display:inline; zoom:1; width:auto; height:22px; line-height:22px; font-size:14px; background:url(../images/tel.png) no-repeat; padding-left:27px;}
.f_m .f_mr .num{ width:100%; height:45px; line-height:45px;}
.f_m .f_mr .num img{ width:45px; height:45px; vertical-align:top; margin:0px 5px;}
.f_m .f_mr .num em{display:inline-block; *display:inline; zoom:1; height:45px; line-height:45px; margin-left:10px; vertical-align:top; font-size:30px;}
.f_bg .bq_bg{ width:100%;}
.f_bg .bq_bg .bq{ width:96%; max-width:1000px; margin:0px auto; position:relative; color:#4E545C; height:40px; line-height:40px;}
.bq-1{ float:left;}
.bq-2{ float:right;}
.f_bg .bq_bg .bq span{ float:right; font-size:12px;}
.banner_s{ width:100%; height:auto; vertical-align:top;}
.banner_s img{ width:1920px; height:270px; vertical-align:top;}
.scd{ width:96%; max-width:1000px; margin:0px auto; text-align:left;}
.scd .scd_l{ width:205px; height:100%; border-right:1px solid #ddd; float:left;}
.scd_l .title{ width:100%; height:100px; line-height:100px; text-align:left; position:relative; font-size:20px;color:#004587;}
.scd_l .title i{ display:block; width:43px; height:28px; position:absolute; right:-15px; top:38px; background:url(../images/icon11.png) no-repeat;}
.scd_l .s_nav{ width:100%;}
.scd_l .s_nav li{ width:100%; height:40px; line-height:40px; margin-bottom:40px; position:relative;}
.scd_l .s_nav li a{ font-size:16px; color:#000000;}
.scd_l .s_nav li a:hover{ color:#004588;}
.scd_l .s_nav li i{ display:block; width:15px; height:15px; background:url(../images/icon12.png) no-repeat; position:absolute; right:-7px; top:15px;}
.scd .scd_r{ float:right;}
.scd_r .head{ width:100%; height:60px; line-height:60px; padding-top:40px; border-bottom:1px solid #ddd; font-size:30px; color:#333333;}
.scd_r .head em{ font-size:18px; margin-left:10px; margin-top:15px;}
.scd_r .s_ctn{ width:100%; padding:50px 0; line-height:175%;}
.scd_r .s_ctn .pro_da{ width:100%; margin-bottom:60px;}
.pro_da .pro_dal{ width:47%; float:left; border-right:1px dashed #ddd;}
.pro_da .pro_dar{ width:47%; float:right;}
.pro_da .pro_dal h5{ display:inline-block; *display:inline; zoom:1; min-width:200px; padding-top:10px; font-size:20px; color:#333333; font-weight:bold; line-height:200%; border-bottom:1px solid #ddd;}
.pro_da .pro_dal .det{ width:100%; padding:10px 0; font-size:14px; color:#444444;}
.pro_da .pro_dal .des{ font-size:12px; color:#ACACAC; line-height:175%; padding-bottom:15px;}
.pro_da .pro_dar img{ width:100%; height:auto; vertical-align:top;}
.pro_db{ width:100%; margin-bottom:50px;}
.pro_db div{ width:47%; float:right; font-size:14px; color:#6D6D6D; line-height:175%;}
.pro_db .h_bg{ float:left; background:url(../images/line_a.png) no-repeat right center;}
.pages{ width:100%; text-align:center; margin-bottom:50px;}
.pages a{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; border:1px solid #ddd; min-width:8px; font-size:14px; color:#333; padding:0px 12px;}
.pages a.now , .pages a:hover{ background:#004588; color:#FFF; border:1px solid #004588;}
.s_ctn .pro_l , .s_ctn .pro_l ul{ width:100%;}
.s_ctn .pro_l li{ width:32%; float:left; margin:0px; margin-left:1%; margin-bottom:50px;}
.s_ctn .pro_l li img{ width:304px; height:175px; vertical-align:top;}
.s_ctn .pro_l li .title{ width:100%; height:30px; line-height:30px; text-align:center; color:#3F3F3F;}
.s_ctn .pro_l li p{ width:100%; height:25px; text-align:center; line-height:25px; color:#3F3F3F; font-size:12px;}
.s_ctn .pro_l li a:hover .title{ color:#004588;}
.s_ctn .pro_l li .title , .s_ctn .pro_l li p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.s_ctn .service{ width:100%;}
.s_ctn .service .service_a{ width:100%; margin-bottom:50px;}
.service_a dt{ width:445px; float:left;}
.service_a dt img{ width:445px; height:259px; float:left;}
.service_a dd{ width:450px; float:left; text-align:left; margin-left:10px;}
.service_a dd h3{ width:100%; font-weight:normal; border-bottom:1px dashed #ddd; padding:12px 0; margin-top:10px;}
.service_a dd h3 a{ font-size:22px; color:#333333}
.service_a dd .des{ width:100%; font-size:14px; color:#3B3B3B; line-height:185%; margin-top:15px;}
.service_a dd .more{ width:100%; text-align:right; margin-top:30px;}
.service_a dd .more a{ display:inline-block; *display:inline; zoom:1; font-size:12px; color:#FFFFFF; width:93px; height:25px; text-align:center; line-height:25px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; background:#004587;}
.sv_l{ width:100%;}
.sv_l li{ width:32%; float:left; margin-left:1%; text-align:center; height:auto; margin-bottom:80px;}
.sv_l li b{ display:block; width:90%; margin:0px auto; padding:10px 0; font-size:20px; color:#555555; font-weight:normal;}
.sv_l li p{ width:80%; margin:0px auto; font-size:13px; color:#555555; line-height:170%; margin-top:10px;}
.about{ padding-bottom:70px;}
.about img{ width:100%; height:auto; vertical-align:top; margin-bottom:20px;}
.solution{ width:96%; max-width:1000px;}
.solution dl{ width:100%; border-bottom:1px dashed #ddd; margin-bottom:50px; padding-bottom:50px;}
.solution dl dt{ width:150px; height:150px; float:left; overflow:hidden; border-radius:200px; -moz-border-radius:200px; -webkit-border-radius:200px;}
.solution dl dt img{ width:150px; height:150px; overflow:hidden;}
.solution dl dd{ width:720px; float:right; margin-right:10px; text-align:left;}
.solution dl dd h5{ padding:10px 0; font-size:20px; color:#004587; height:25px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal;}
.solution dl dd h5 a{ font-size:20px; color:#004587;}
.solution dl dd .des{ width:100%; height:70px; font-size:14px; color:#656565; line-height:185%; overflow:hidden;}
.solution dl dd .more{ width:100%; height:30px; line-height:30px; text-align:right; margin-top:15px;}
.solution dl dd .more a{ display:inline-block; *display:inline; zoom:1; width:93px; height:25px; line-height:25px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; text-align:center; font-size:12px; color:#FFF; background:#AFAFAF;}
.solution dl dd .more a:hover{ background:#004587;}
.contact_m{ width:100%; padding-bottom:50px;}
.contact_m .map{ width:100%; margin-top:50px; padding-top:40px; border-top:1px solid #ddd;}
.contact_m .map .title{ width:100%; height:32px; line-height:32px; font-size:24px; color:#333333; margin-bottom:30px;}
.contact_m .map img{ width:100%; max-width:558px; height:auto; vertical-align:top;}
.contact_m ul{ width:100%;}
.contact_m ul li{ width:30%; float:left; margin-right:4%;}
.contact_m ul li div{ font-size:22px; color:#656565; margin-bottom:10px;}
.contact_m ul li div em{ font-size:20px;}
.contact_m ul li p{ font-size:14px; color:#777777; line-height:185%;}


.csbg{background:url(../../images/about-bg.jpg); width:100%; height:800px; background-size:contain; left:0px; top:0px; z-index:1; overflow:hidden;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}

.yuanjiao{ width:200px; height:60px; background:#C00; margin:0 auto; margin-bottom:20px; border-radius:10px; box-shadow: 2px 2px 5px #000; }

.diamond{   width: 100px;   height: 100px;   background-color: red;   transform:rotate(45deg);   -ms-transform:rotate(45deg); /* Internet Explorer */   -moz-transform:rotate(45deg); /* Firefox */   -webkit-transform:rotate(45deg); /* Safari 和 Chrome */   -o-transform:rotate(45deg); /* Opera */   margin:50px auto;/*让菱形浏览器上居中*/ box-shadow: 1px 0px 2px  #000; }

.diamond:hover{ background:#333;}

.cpfl {
}
.cpfl li {
	display: inline-block;
*display:inline;
	zoom: 1;
	height: 25px;
	line-height: 25px;
	margin-right: 10px;
}
.cpfl li a {
	font-size: 12px;
	color: #666666;
	display: inline-block;
*display:inline;
	zoom: 1;
	height: 25px;
	line-height: 25px;
	padding: 0px 20px;font-family:"Microsoft Yahei"; border:1px solid #BEC8D6;
}
.cpfl li a:hover{ background:#D0232A; color:#FFF;}


.cpfl2 {
}
.cpfl2 li {
	display: inline-block;
*display:inline;
	zoom: 1;
	height: 25px;
	line-height: 25px;
	margin-right: 10px;
}
.cpfl2 li a {
	font-size: 12px;
	color: #666666;
	display: inline-block;
*display:inline;
	zoom: 1;
	height: 25px;
	line-height: 25px;
	padding: 0px 20px;font-family:"Microsoft Yahei"; border:1px solid #BEC8D6;
}
.cpfl2 li a:hover{ background:#D0232A; color:#FFF;}
.cpfl2 .kh-b a{  font-size: 12px;
	color: #fff;
	display: inline-block;
*display:inline;
	zoom: 1;
	height: 25px;
	line-height: 25px;
	padding: 0px 20px;font-family:"Microsoft Yahei"; border:1px solid #fff;background:#D0232A;}

.cpfl3 {
}
.cpfl3 li {
	display: inline-block;
*display:inline;
	zoom: 1;
	height: 20px;
	line-height: 20px;
}
.cpfl3 li a {
	font-size: 12px;
	color: #666666;
	display: inline-block;
*display:inline;
	zoom: 1;
	height: 20px;
	line-height: 20px;
	padding: 0px 20px;font-family:"Microsoft Yahei"; border:1px solid #BEC8D6;
}
.cpfl3 li a:hover{ background:#D0232A; color:#FFF; border:1px solid #D0232A;}
.cpfl3 .tt a{ background-color:#D0232A; border:1px solid #D0232A; color:#FFF;}

.yw-coon{ max-width:879px; margin:0 auto;}
.yw-yyly{ max-width:1000px; margin:0 auto;}
.yw-nr{ line-height:25px; text-align:left; margin-top:30px; font-family: 微软雅黑, 宋体, Tahoma, Geneva, sans-serif; font-size:12px; color:#666;}
.yyly-t { font-size:24px; color:#D51524; text-align:left;}
.yyly-t2 { font-size:18px; color:#000; text-align:left; margin-top:5px;}
.yw-news{ max-width:1000px; margin:0 auto;}


.yw-product{ max-width:1000px; margin:0 auto;}
.pro_width{max-width:1000px;overflow:hidden; margin:0 auto; margin-top:20px;}
.prolist{margin:10px 0;padding:0;list-style:none;overflow:hidden;width:29999px;}
.prolist li{float:left;width:180px;margin:0 10px 0px 10px;}
.prolist li a{display:block;}
.prolist li a img{border:1px solid #525252; border-radius:10px; }
.prolist li a .title{text-align:center;font-size:14px;height:30px;line-height:30px;font-family:microsoft yahei; color:#666666;}
.prolist li a:hover{}
.prolist li a:hover .title{color:#D0232A;}


.news_width { margin:0 auto; max-width:190px;}
.newslist{margin:15px 0;padding:0;list-style:none;overflow:hidden; margin:0 auto;}
.newslist li{float:left;width:190px; border-bottom:1px dashed #CCCCCC;}
.newslist li a .title{font-size:12px;line-height:25px; color:#666666; text-align:left;}
.newslist li a .title img{ margin-right:10px;}
.newslist li:hover{}
.newslist li a:hover .title{color:#C81321;}

.about-1{ width:235px; height:300px; background:url(../../images/about-1.jpg); float:left;}
.about-2{ width:235px; height:300px; background:url(../../images/about-2.jpg); float:left; margin-left:19px;}
.about-3{ width:235px; height:300px; background:url(../../images/about-3.jpg); float:left; margin-left:19px;}
.about-4{ width:235px; height:300px; background:url(../../images/about-4.jpg); float:left; margin-left:19px;}
.about-p1{ width:61px; height:60px; background:url(../../images/about-1-p.png); margin-top:88px; margin-left:87px;}
.about-p2{ width:61px; height:60px; background:url(../../images/about-2-p.png); margin-top:88px; margin-left:87px;}
.about-p3{ width:61px; height:60px; background:url(../../images/about-3-p.png); margin-top:88px; margin-left:87px;}
.about-p4{ width:61px; height:60px; background:url(../../images/about-4-p.png); margin-top:88px; margin-left:87px;}
.about-p1 a{ display:block; width:55px; height:55px;}
.about-p2 a{ display:block; width:55px; height:55px;}
.about-p3 a{ display:block; width:55px; height:55px;}
.about-p4 a{ display:block; width:55px; height:55px;}

.about-1:hover .about-p1{background:url(../../images/about-1-ps.png); }
.about-2:hover .about-p2{background:url(../../images/about-2-ps.png); }
.about-3:hover .about-p3{background:url(../../images/about-3-ps.png); }
.about-4:hover .about-p4{background:url(../../images/about-4-ps.png); }


.lianxi{ width:100%; background:#21262A;}
.lianxi ul{ max-width:1000px; margin:0 auto;}
.lianxi ul li{ width:200px; height:200px; float:left; margin-left:40px;}
.lx-1{ margin-top:40px; text-align:center;}
.lx-1 img { vertical-align:top;}
.lx-1 p{ font-size:14px; color:#606B79; line-height:40px; }
.lx-1s{ color:#CCCCCC; text-align:center;}
.lx-1s a{ color:#CCCCCC;}
.lx-1s a:hover{ color:#D0232A;}
.lxwm-t { font-size:24px; font-weight:bold; color:#FFF; font-family:"Microsoft Yahei";  opacity:0.8;filter:alpha(opacity=80); padding-top:80px;}
.lx-line { width:100px; height:1px; background-color:#FFF;opacity:0.8;filter:alpha(opacity=80); margin:0 auto; margin-top:8px;}
.lxwm-b{ width:100px; height:100px; margin:0 auto; background:url(../../images/lianxi.png); margin-top:30px; }
.lxwm-b a{ display:block; width:80px; height:80px;}


.about-t{ text-align:center; margin-top:20px;}
.about-t a{ color:#000; font-size:14px; font-family:"Microsoft Yahei"; }
.about-t t{ color:#000; font-size:12px; font-family:"Microsoft Yahei";}
.about-n { width:190px; margin:0 auto; text-align:center; line-height:20px; margin-top:20px; }

.jrwm-box{ max-width:1000px; margin:0 auto; margin-top:20px;}
.yw-lxwm{ width:100%; height:260px; background:url(../../images/lxbg.jpg) no-repeat center;}

.kehu{ margin-top:30px;}



.brt-seach{ margin:0 auto;}
.brt-seach form{ margin-right:10px;}
.input{border:1px solid #ACB9CA; height:25px; margin-right:5px;vertical-align:middle; width:240px; background-color:#F7F7F7; border-radius:3px;}
.bnt{ background:url(../../images/seach-1.png);width:25px; height:25px;vertical-align:middle; border:none;}


/* daohang */
.section-wrapper {
	margin-top: -90px;
	padding-top: 90px;
}
.section-wrapper:first-child .section {
	padding-top: 100px;
}

#nav_bg {
}
#nav {
	margin: 0 auto;
	background:url(../../images/top_bg.jpg) repeat-x;
	text-align: right;
	position: fixed;
	z-index: 9999;
	height:75px;
	list-style: none;
	overflow: hidden;
	right: 0;
	left: 0;
 
}

#nav2 {
	margin: 0 auto;
	background-color:#FFF;
	text-align: right;
	position: fixed;
	z-index: 9999;
	height:75px;
	list-style: none;
	overflow: hidden;
	right: 0;
	left: 0;
 
}



.n-k {
	width: 1200px;
	margin: 0 auto;
}

#nav ul {
	float: right;

}

#nav2 ul {
	float: right;
 
}

#nav li {
	display: inline-block;
*display:inline;
	zoom: 1;
	height: 25px;
	line-height: 25px;
	margin-right: 0px;
}


#nav2 li {
	display: inline-block;
*display:inline;
	zoom: 1;
 
}


#nav .n-k a {
	font-size: 16px; font-family: 微软雅黑;
	color: #858585;
	display: inline-block;
*display:inline;
	zoom: 1;
	height: 75px;
	line-height: 75px;
 width: 96px; text-align: center;
}

#nav2 .n-k2 a {
	font-size: 16px;font-family: 微软雅黑;
	color: #858585;
	display: inline-block;
*display:inline;
	zoom: 1;
	height: 75px;
	line-height: 75px;
 
}



#nav .n-k a:hover {
	background: url(../../images/nav_hover.jpg) no-repeat;
	color: #FFF;
}


#nav .current a {
	background: url(../../images/nav_hover.jpg) no-repeat;
 
	color: #FFF;
}

#nav2 .current a {
	background: url(../../images/nav_hover.jpg) no-repeat;
	color: #FFF;
}


#index .m1 a {background: url(../../images/nav_hover.jpg) no-repeat;	color: #FFF;} 

#about .m2 a {background: url(../../images/nav_hover.jpg) no-repeat;	color: #FFF;} 

#pro .m3 a {background: url(../../images/nav_hover.jpg) no-repeat;	color: #FFF;} 

#down .m4 a {background: url(../../images/nav_hover.jpg) no-repeat;	color: #FFF;} 

#news .m5 a {background: url(../../images/nav_hover.jpg) no-repeat;	color: #FFF;} 

#contact .m6 a {background: url(../../images/nav_hover.jpg) no-repeat;	color: #FFF;} 



/* daohang  end*/

.weizhi{ width:100%; height:30px; background-color:#21262A; color:#606B79;}
.weizhi-1{ text-align:left; max-width:1000px; margin:0 auto; line-height:30px;}
.weizhi-1 a{ color:#606B79;}
.weizhi-1 a:hover{ color:#ccc;}











.biaoti{ position:absolute; z-index:99999;}


.lefter{width:200px; float:left;}
.righter{float:right;width:800px;}
.leftnav{background:#1F92D1;padding:10px 15px;color:#fff;font-size:18px;}
.subnav2{border-bottom:0;margin:0;padding:0;list-style:none; margin-top:10px;}
.subnav2 li{}
.subnav2 li a{display:block;font-size:14px;line-height:30px;height:30px;border-bottom:1px dotted #ccc; text-align:left; color:#333; padding-left:10px;}
.subnav2 li a:hover{color:#C81321; }
.subnav2 .hover a{display:block;color:#C81321;font-weight:bold;font-size:14px;line-height:30px;height:30px;}
.subnav2 dl{margin:0;padding:0;list-style:none; padding-top:-10px;}
.subnav2 dl dt{ margin:0; padding:0; }
.subnav2 dl dt a{display:block;height:30px;line-height:30px;padding-left:20px;font-size:12px; color:#666666;}
.subnav2 dl dt a:hover{background:#fff;font-size:12px;font-weight:normal;color:#333; height:30px;}
.subnav2 li dl .hover a{color:#000;font-size:12px;font-weight:normal;}





.prowidth{ margin:0 auto;}
.pro_list li{float:left;width:180px; height:230px; list-style:none; display:block; margin-left:30px; margin-right:30px; margin-top:0px;}
.pro_list li a{ }
.pro_list li a img{border:1px solid #525252; padding:2px; border-radius:10px;}
.pro_list li a .title{text-align:center;font-size:14px;height:30px;line-height:30px; color:#666;}
.pro_list li a:hover .title{color:#D0232A;}
.pro_list li a img:hover{border:1px solid #D0232A;}

.page-1{ width:1000px; margin:0 auto;}
.list_page{text-align:center;display:block; margin:50px;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}


.next { text-align:left;}
.pre { text-align:left;}
.artshow .next a{ color:#666666; line-height:30px;}
.artshow .next a:hover{ color:#D0232A;}
.artshow .pre a{ color:#666666; line-height:30px;}
.artshow .pre a:hover{ color:#D0232A;}

.yw-con{ text-align:left; color:#666; line-height:25px;}
.yw-con .title{ text-align:center; color:#666666; font-size:24px; font-weight:normal; font-family: 微软雅黑, 宋体, Tahoma, Geneva, sans-serif;}


.news_list{margin:0;padding:0;list-style:none;}
.news_list li{border-bottom:1px solid #e6e6e6;padding:10px;line-height:25px;color:#999; text-align:left;}
.news_list li:hover{background:#F7F7F7;}
.news_list li a{font-size:18px;display:block;line-height:40px; color:#666666;}
.news_list li em{color:#666666;font-family:verdana;display:block;font-style:normal;}


.xinghao{ width:320px; margin:0 auto; text-align:center; font-size:18px; color:#333;}
.subject{color:#333;font-size:18px;height:51px;line-height:50px;border-bottom:1px solid #444; font-family: 微软雅黑, 宋体, Tahoma, Geneva, sans-serif;}
.subject b{display:inline-block;font-weight:normal;border-bottom:2px solid #D0232A;height:50px;line-height:50px;}
.cpjs p{ line-height:25px; color:#333; font-size:12px; text-align:left;}
.cpjs img{ max-width:1000px; height:auto;}


#elevator_item {
	width: 60px;
	height: 100px;
	position: fixed;
	right: 15px;
	bottom: 15px;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	opacity: 1;
	z-index: 100020;
	display: none;
}
#elevator_item.off {
	opacity: 0;
	visibility: hidden
}
#elevator {
	display: block;
	width: 60px;
	height: 50px;
	background:url(../../images/icon_top.png) center center no-repeat;
	background-color: #444;
	background-color: rgba(0,0,0,.6);
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	cursor: pointer;
	margin-bottom: 10px
}
#elevator:hover {
	background-color: rgba(0,0,0,.7)
}
#elevator:active {
	background-color: rgba(0,0,0,.75)
}
#elevator_item .qr {
	display: block;
	width: 60px;
	height: 40px;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	cursor: pointer;
	background: url(../images/icon_code.png) center center no-repeat;
	background-color: #444;
	background-color: rgba(0,0,0,.6)
}
#elevator_item .qr:hover {
	background-color: rgba(0,0,0,.7)
}
#elevator_item .qr:active {
	background-color: rgba(0,0,0,.75)
}
#elevator_item .qr-popup {
	width: 170px;
	height: 200px;
	background: #fff;
	box-shadow: 0 1px 8px rgba(0,0,0,.1);
	position: absolute;
	left: -180px;
	bottom: 0;
	border-radius: 2px;
	display: none;
	text-align: center
}
#elevator_item .qr-popup .code-link {
	display: block;
	margin: 10px;
	color: #777
}
#elevator_item .qr-popup .code {
	display: block;
	margin-bottom: 10px
}
#elevator_item .qr-popup .arr {
	width: 6px;
	height: 11px;
	background: url(../images/code_arrow.png) 0 0 no-repeat;
	position: absolute;
	right: -6px;
	bottom: 14px
}

#goodsshow{margin:0px 0;overflow:hidden;}
#goodsshow img{border:0;}
#goodsshow .left{float:left;margin:0 50px 0 0; width:100%;}
#goodsshow .shop_big{background:#fff;width:100%;cursor:pointer; height:360px;}
#goodsshow .shop_big .bigimg{ width:360px; height:360px; margin:0 auto;}

#goodsshow .shop_plist{clear:both;width:350px; margin:0 auto;}
#prolist{width:310px;float:left;overflow:hidden;height:68px;position:relative;margin:10px 0 0 0;}
#prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#prolist ul li{float:left;cursor:pointer;position:relative;background:url(../../images/pro_none.gif) no-repeat center top;height:68px;}
#prolist ul li img{height:60px;width:60px;margin:6px 8px 0 8px;padding:0px;border:0;}
#prolist .hover{ background:url(../../images/pro_bg.gif) no-repeat center top;height:68px;}
#goodsshow .shop_plist a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(../../images/ico_left.gif) no-repeat center;line-height:68px;margin-top:12px;}
#goodsshow .shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../../images/ico_right.gif) no-repeat center;margin-top:12px;}
#goodsshow .right{width:350px;}
#goodsshow .right h1{font-size:18px;font-family:microsoft yahei;font-weight:normal;margin:0 0 10px 0;padding:0;}
#goodsshow .right .intro{color:#999;min-height:80px;}
#goodsshow .right .sno{border-bottom:1px dotted #000;line-height:40px; color:#666;}
#goodsshow .right .sno span{ color:#000;}
#goodsshow .right .price{color:#333;line-height:30px;padding:10px 0; border-bottom:1px solid #E3E3E3;}
#goodsshow .right .price span{color:#f60;font-size:16px;}
.kehu-z{ width:800px; line-height:25px; margin:0 auto;}







.spbg{ position: relative; background: #000; padding: 20px 0px;}

.spbg video{ width:840PX;}
.spbg source{ width: 100%;}

.spbgk{ position: absolute; width: 100%; top:120px; left:0px;}
r
.dj{ width: 400px; margin: 0 auto; text-align: center;}

.pro_fd{ position: fixed; width:100%; margin: 0 auto; top:75px; color: #666; z-index: 999999999999999999999;background:url(../../images/pro_fdbg.png) repeat-x; height: 55px; border-bottom: 1px solid #1970b8;}
.pro_fd a{color: #666;}
.pro_fd_c{ width: 1200px; margin: 0 auto; line-height: 55px; font-size: 14px; font-family: 微软雅黑;}
.pro_fd_l{ float:left; padding-left: 10px;}
.pro_fd_r{ float: right; padding-right: 10px;}
.pro_fd_r a{padding:0px 10px;}

 
.pro_show{}
.pro_show h1{ color: #1970b8; height: 55px; line-height: 55px; margin-top:56px;}




.artshow{ text-align: left;}
.artshow a{ color:#333;}



